body,
html {
padding: 0;
margin: 0;
}
.grid {
margin: 0 auto;
max-width: 960px;
position: relative;
zoom: 1;
}
.grid:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
@media screen and ( min-width: 768px ) {
.columns {
float: left;
width: 100%;
}
.columns:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.columns.reverse {
float: right;
}
.columns.two.a { width: 50%; }
.columns.three.a { width: 33.333%; }
.columns.three.b { width: 66.333%; }
.columns.four.a { width: 25%; }
.columns.four.b { width: 50%; }
.columns.four.c { width: 75%; }
.columns.five.a { width: 20%; }
.columns.five.b { width: 40%; }
.columns.five.c { width: 60%; }
.columns.five.d { width: 80%; }
.columns.six.a { width: 16.667%; }
.columns.six.b { width: 33.333%; }
.columns.six.c { width: 50%; }
.columns.six.d { width: 66.667%; }
.columns.six.e { width: 83.333%; }
}
.field {
margin: 0 0 10px;
zoom: 1;
}
.field:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.field input[type="text"] {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 10px;
line-height: 1em;
height: 3em;
display: block;
border: 1px solid #d0d0d0;
font-size: 1.2em;
color: #3d892e;
-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.field input[type="text"]:focus {
background: rgba( 255, 255, 255, 0.8 );
}
.field input[type="text"]:focus {
background: rgba( 255, 255, 255, 1.0 );
}
.dropdown {
background: #f6f6f6;
position: relative;
height: 40px;
cursor: pointer;
margin-bottom: 25px;
}
.dropdown .icon-adyen-arrow-down {
position: absolute;
display: block;
background: #e2e2e2;
color: #fff;
text-align: center;
line-height: 40px;
height: 40px;
width: 40px;
bottom: 0px;
right: 0px;
top: 0px;
pointer-events: none;
}
/* @start dropdown select */
.dropdown-select {
/*-webkit-appearance: none;*/
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
border: none;
padding: 7px 10px;
margin: 0;
width: 100%;
font-size: 1.250em;
height: 40px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: none;
background: none;
color: #666;
}
.dropdown-select:focus,
.dropdown-select:active,
.dropdown-select::-moz-focus-inner {
outline: 1px solid #e2e2e2;
border: 1px solid #e2e2e2;
}
/* @end dropdown select */
/* @start dropdown list */
.dropdown-list {
box-shadow: 0 0 100px rgba( 0, 0, 0, 0.1 );
min-width: 100%;
position: absolute;
top: 40px;
background: #fff;
display: none;
z-index: 1000;
}
/* @end dropdown list */
/* @start dropdown link */
.dropdown-link {
display: block;
padding: 0 10px;
line-height: 30px;
height: 30px;
}
.dropdown-link:hover,
.dropdown-link:active {
background: #f0f0f0;
}
.dropdown-link.selected {
background: #f0f0f0;
color: #323232;
}
/* @end dropdown link */
/* @start dropdown label */
.dropdown-label {
display: block;
padding: 0 10px;
line-height: 40px;
height: 40px;
}
/* @end dropdown label */
::-webkit-input-placeholder {
font-family: Open Sans;
font-weight: 300;
line-height: 1.2em;
color: #3d892e;
}
:-moz-placeholder {
font-family: Open Sans;
font-weight: 300;
line-height: 1.2em;
color: #3d892e;
}
::-moz-placeholder {
font-family: Open Sans;
font-weight: 300;
line-height: 1.2em;
color: #3d892e;
}
:-ms-input-placeholder {
font-family: Open Sans;
font-weight: 300;
line-height: 1.2em;
color: #3d892e;
}
.field textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display: block;
padding: 10px;
line-height: 1em;
border: 1px solid #d0d0d0;
font-size: 1.2em;
color: #3d892e;
resize: none;
}
.field textarea
.field input {
background-color: #fff;
}
.field textarea.invalid,
.field input.invalid {
background-color: #FF8A8A;
color: #fff;
}
/* @start action list */
.action-list {
margin: 0;
font-size: 0px;
}
.action-list li {
font-size: 12px;
margin: 0 10px 0 0;
}
/* @end action list */
/* @start forms elements */
.form-row label {
display: block;
vertical-align: top;
color: #666;
line-height: 15px;
padding: 10px 0;
}
@media screen and (min-width: 768px) {
.form-row label {
width: 30%;
display: inline-block;
float: left;
padding-right: 20px;
}
}
.form-row input[type='text'],
.form-row textarea {
width: 100%;
margin-bottom: 10px;
display: block;
padding: 10px 0;
background: #f5f5f5;
border: 0;
font-size: 14px;
color: #666;
line-height: 1.2em;
border-bottom: 1px solid #e7e7e7;
transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
}
.form-row input:focus,
textarea:focus,
.form-row select:focus {
box-shadow: 0 3px 1.3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 3px 1.3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 3px 1.3px rgba(0, 0, 0, 0.1) inset;
-ms-box-shadow: 0 3px 1.3px rgba(0, 0, 0, 0.1) inset;
}
.button-wrapper {
width: 100%;
overflow: auto;
}
@media screen and (min-width: 768px) {
.button-wrapper {
width: 75%;
padding: 0 70px;
}
.form-row input[type='text'],
.form-row textarea {
width: 50%;
padding: 10px;
margin-right: 5px;
display: inline-block;
}
}
.button-wrapper > input[type='submit'] {
text-align: center;
display: inline-block;
border: none;
line-height: 1em;
color: #fff;
font-weight: bold;
cursor: pointer;
padding: 10px 20px;
margin: 0;
background: #3c8a2e;
float: right;
transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
}
.mod {
display: block;
position: relative;
margin-bottom: 10px;
}
.mod::before {
position: absolute;
z-index: 1;
pointer-events: none;
height: 40px;
width: 40px;
right: 0;
background: #c1c1c1;
text-align: center;
color: #3f3f3f;
line-height: 40px !important;
font-size: 25px;
}
.mod select {
height: 40px;
background: #f5f5f5;
color: #4d4d4f;
padding: 10px;
display: block;
border: 0;
margin: 0;
width: 100%;
border-radius: 0;
border-bottom: 1px solid #e7e7e7;
-webkit-appearance: none;
-moz-appearance: none;
}
.form-item {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.form-row.error input,
.form-row.error textarea,
.form-row.error select {
border: 1px solid rgba(148, 18, 15, 0.298039);
}
.form-wrapper {
padding: 20px;
}
.form-wrapper p {
text-align: center;
}
@media screen and (min-width: 768px) {
.form-wrapper {
padding: 20px;
}
.mod {
display: inline-block;
width: 50%;
}
.mod select {
width: 104%;
}
.mod:before {
right: -20px;
}
}
.form-wrapper .required,
.text.error,
.form-row.error em {
/* display: none; */ /* AHO: Not sure why it is here, disabled for now */
color: #94120F;
}
.text.error li {
white-space: pre-wrap;
}
.form-item input[type='radio'],
.form-item input[type='checkbox'] {
margin: 13px 0;
}
/* Adyen form style for Boarding form */
form.adyen-form .form-item-sh,
form.adyen-form .form-item-mh,
form.adyen-form .form-item-lh,
form.adyen-form .form-item-sh *,
form.adyen-form .form-item-mh *,
form.adyen-form .form-item-lh *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
form.adyen-form .form-item-sh > label,
form.adyen-form .form-item-mh > label,
form.adyen-form .form-item-lh > label{
width: 29%;
display: block;
float: left;
padding-right: 20px;
}
}
form.adyen-form .form-item-sh > label,
form.adyen-form .form-item-mh > label,
form.adyen-form .form-item-lh > label {
color: #999;
font-size: 95%;
font-weight: bold;
padding: 5px 0;
padding-right: 5px;
}
form.adyen-form .form-item-sh .form-select-item,
form.adyen-form .form-item-mh .form-select-item,
form.adyen-form .form-item-lh .form-select-item
{
margin-right: 0px !important;
}
form.adyen-form input:focus, textarea:focus, fieldset select:focus {
box-shadow: 0 3px 1.3px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 3px 1.3px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 3px 1.3px rgba(0, 0, 0, 0.1) inset;
-ms-box-shadow: 0 3px 1.3px rgba(0, 0, 0, 0.1) inset;
}
@media screen and (min-width: 768px) {
form.adyen-form .form-item-sh fieldset {
width: 22.666%;
display: block;
float: left;
}
form.adyen-form .form-item-mh fieldset {
width:46.333%;
display:block;
float:left;
}
form.adyen-form .form-item-lh fieldset {
width: 70%;
display:block;
float:left;
}
form.adyen-form .form-item-sh input[type='text'], form.adyen-form .form-item-sh textarea, form.adyen-form .form-item-sh fieldset,
form.adyen-form .form-item-mh input[type='text'], form.adyen-form .form-item-mh textarea, form.adyen-form .form-item-mh fieldset,
form.adyen-form .form-item-lh input[type='text'], form.adyen-form .form-item-lh textarea, form.adyen-form .form-item-lh fieldset {
margin-left: 1%;
margin-right: 0;
}
form.adyen-form .form-item-sh input[type='text'], form.adyen-form .form-item-sh textarea {
width: 22.666%;
display: block;
float: left;
padding: 10px;
}
form.adyen-form .form-item-mh input[type='text'], form.adyen-form .form-item-m textarea {
width:46.333%;
display: block;
float: left;
padding: 10px;
}
form.adyen-form .form-item-lh input[type='text'], form.adyen-form .form-item-lh textarea {
width: 70%;
float: left;
display: block;
padding: 10px;
}
}
form.adyen-form .form-item-sh select,
form.adyen-form .form-item-mh select,
form.adyen-form .form-item-lh select {
height: 40px;
background: #f5f5f5;
color: #4d4d4f;
padding: 10px;
display: block;
border: 0;
margin: 0;
width: 100%;
border-radius: 0;
border-bottom: 1px solid #e7e7e7;
-webkit-appearance: none;
-moz-appearance: none;
}
form.adyen-form .form-item-sh .form-select-item,
form.adyen-form .form-item-mh .form-select-item,
form.adyen-form .form-item-lh .form-select-item {
position: relative;
margin: 0 -5px 10px 0;
}
form.adyen-form .form-item-sh .form-select-item::before,
form.adyen-form .form-item-mh .form-select-item::before,
form.adyen-form .form-item-lh .form-select-item::before {
position: absolute;
z-index: 1;
pointer-events: none;
height: 40px;
width: 40px;
right: 0;
background: #c1c1c1;
text-align: center;
color: #3f3f3f;
line-height: 40px !important;
font-size: 25px;
}
.form-item-sh input[type='text'],
.form-item-mh input[type='text'],
.form-item-lh input[type='text']{
width: 100%;
margin-bottom: 10px;
display: block;
padding: 10px;
background: #f5f5f5;
border: 0;
font-size: 14px;
color: #666;
line-height: 1.2em;
border-bottom: 1px solid #e7e7e7;
transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
}
/* Adyen form styles for Marketing lead forms */
@media screen and (min-width: 768px) {
form.adyen-form .form-item-s,
form.adyen-form .form-item-m,
form.adyen-form .form-item-l,
form.adyen-form .form-item-xl {
float: left;
margin: 0 2% 10px 0;
}
form.adyen-form .form-item-s {
width: 23%;
}
form.adyen-form .form-item-m {
width: 48%;
}
form.adyen-form .form-item-l {
width: 73%;
}
form.adyen-form .form-item-xl {
width: 98%;
}
}
form.adyen-form .form-item-s > label,
form.adyen-form .form-item-m > label,
form.adyen-form .form-item-l > label,
form.adyen-form .form-item-xl > label {
color: #999;
width: 100%;
font-size: 95%;
font-weight: bold;
padding: 5px 0;
}
form.adyen-form .form-item {
width: 100%;
}
form.adyen-form .form-item > label {
float: none;
font-size: 95%;
color: #999;
font-weight: bold;
padding: 12px 0;
display: inline-block;
}
form.adyen-form .form-checkbox-item > label {
width: 90%;
}
form.adyen-form label span dfn {
color: #c60;
}
form.adyen-form .form-radio-item {
width: inherit;
}
form.adyen-form .form-item-s input[type='text'],
form.adyen-form .form-item-m input[type='text'],
form.adyen-form .form-item-l input[type='text'],
form.adyen-form .form-item-xl input[type='text'],
form.adyen-form .form-item-s textarea,
form.adyen-form .form-item-m textarea,
form.adyen-form .form-item-l textarea,
form.adyen-form .form-item-xl textarea{
width: 100%;
padding: 10px 0px 10px 5px;
}
form.adyen-form .form-row input:focus,
form.adyen-form textarea:focus,
form.adyen-form select:focus {
outline: none;
}
form.adyen-form .form-row .form-select-item {
position: relative;
margin: 0 -5px 10px 0;
}
form.adyen-form .form-row .form-select-item::before {
position: absolute;
z-index: 1;
pointer-events: none;
height: 40px;
width: 40px;
right: 0;
background: #c1c1c1;
text-align: center;
color: #3f3f3f;
line-height: 40px !important;
font-size: 25px;
}
form.adyen-form .form-row select {
height: 40px;
background: #f5f5f5;
color: #4d4d4f;
padding: 10px;
display: block;
border: 0;
margin: 0;
width: 100%;
border-radius: 0;
border-bottom: 1px solid #e7e7e7;
-webkit-appearance: none;
-moz-appearance: none;
}
form.adyen-form .form-row.error input,
form.adyen-form .form-row.error textarea,
form.adyen-form .form-row.error select{
border-color: #94120F;
box-shadow: 0 3px 1.3px rgba(148, 18, 15, 1) inset;
-webkit-box-shadow: 0 3px 1.3px rgba(148, 18, 15, 1) inset;
-moz-box-shadow: 0 3px 1.3px rgba(148, 18, 15, 1) inset;
-ms-box-shadow: 0 3px 1.3px rgba(148, 18, 15, 1) inset;
}
.form-wrapper form.adyen-form .button-wrapper {
width: 100%;
padding: 0;
}
.form-wrapper form.adyen-form .button-wrapper input[type="submit"] {
font-size: 12px;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
display: inline-block;
text-align: center;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
color: #3f3f3f;
background: rgba(255,255,255, .75);
border: 3px solid #c1c1c1;
border-radius: 0;
display: block;
min-width: 45%;
float: right;
height: 50px;
clear: both;
line-height: 32px;
margin: 0 0 20px 0;
padding: 0 22px;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
-webkit-appearance: none;
}
.form-wrapper form.adyen-form .button-wrapper input[type="submit"]:hover {
color: #fff !important;
background: #4d4d4f !important;
border-color: #4d4d4f !important;
}
/* @finish forms elements */
/*
Reference font libraries here and keep the styles to the icons in
seperate component folders. This makes version control
much easier when updating font libraries with new entities
*/
/* @start font-adyen */
@font-face {
font-family: "font-adyen";
src:url("../font/font-adyen/font-adyen.eot");
src:url("../font/font-adyen/font-adyen.eot?#iefix") format("embedded-opentype"),
url("../font/font-adyen/font-adyen.woff") format("woff"),
url("../font/font-adyen/font-adyen.ttf") format("truetype"),
url("../font/font-adyen/font-adyen.svg#font-adyen") format("svg");
font-weight: normal;
font-style: normal;
}
/* @finish font-adyen */
/* @start font-awesome */
@font-face {
font-family: 'awesome';
src: url('../font/awesome/awesome.eot?v=3.0.1');
src: url('../font/awesome/awesome.eot?#iefix&v=3.0.1') format('embedded-opentype'),
url('../font/awesome/awesome.woff?v=3.0.1') format('woff'),
url('../font/awesome/awesome.ttf?v=3.0.1') format('truetype');
font-weight: normal;
font-style: normal;
}
/* @finish font-awesome */
/**
*
* This is a basic stylesheet.
*
* Apply basic styles only to basic selectors here.
* e.g. to reset margins and paddings and set default colors, sizes and fonts.
*
*
*/
/* @start body, html */
body,
html {
font-family: 'Open Sans', Arial, sans-serif;
line-height: 18px;
font-size: 12px;
background: #000;
color: #343434;
min-width: 0px;
}
/* @end body, html */
/* @start headers */
h1,
h2,
h3,
h4 {
font-family: Open Sans, Arial, sans-serif;
font-weight: 300;
}
h1 { font-size: 2em; line-height: 1.2em; margin: 0 0 12px; font-weight: normal; }
h2 { font-size: 1.6em; line-height: 1.5em; margin: 0 0 12px; }
h3 { font-size: 1.5em; line-height: 1.5em; margin: 0 0 12px; }
h4 { font-size: 1.2em; line-height: 1.5em; margin: 0 0 12px; }
@media screen and (min-width: 768px) {
h1 {
font-size: 35px;
}
}
h1::selection,
h2::selection,
h3::selection,
h4::selection {
/* color: #000; */
}
/* @end headers */
::selection {
background: rgba( 0, 0, 0, 0.1 );
/* color: #000; */
}
img {
max-width: 100%;
display: block;
}
a img {
border: none;
}
p {
margin: 0 0 20px;
}
/* @start link */
a {
color: #3c8a2e;
outline: none;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #3c6510;
outline: none;
}
/* @end link */
/* @start lists */
ol, ul, li, dl, dd, dt {
list-style: none;
padding: 0;
margin: 0;
}
/* @end lists */
/* @start forms */
form, fieldset {
margin: 0;
padding: 0;
border: none;
}
input, textarea {
outline: none;
}
/* @end forms */
/* @start table */
table {
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0;
}
table tr th {
vertical-align: top;
font-weight: 300;
padding: 5px;
}
table tr td {
vertical-align: top;
font-weight: 300;
padding: 5px;
}
table tr td, table tr th {
background: rgba( 255, 255, 255, 0.5 );
text-align: left;
}
table tr:nth-child(even) td, table tr:nth-child(even) th {
background: rgba( 234, 234, 234, 0.4 );
}
table thead tr th {
border-bottom: 1px solid rgba( 234, 234, 234, 0.4 );
border-top: 1px solid rgba( 234, 234, 234, 0.4 );
font-weight: bold;
}
/* @start alternative styles */
.contrast {
color: #fff;
}
.contrast a {
color: #999;
}
.contrast a:hover {
color: #fff;
}
.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4 {
color: #fff;
}
.contrast ::selection {
background: rgba( 255, 255, 255, 0.4 );
color: #fff;
}
b,
strong {
font-weight: 600;
}
/* @end alternative styles */
/* @start button */
.button {
background: rgba(255,255,255, .8);
font-size: 1em;
padding: 10px 30px;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
display: inline-block;
color: #404040;
text-align: center;
margin-bottom: 20px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.button.full-width {
display: block;
width: 100%;
}
@media screen and (min-width: 768px ){
.button:hover,
.button:focus,
.button:active,
.button:hover i {
color: #fff !important;/* !important here to override the inline styling, set in ftl, on action buttons */
background: #4d4d4f !important;
border-color: #4d4d4f !important;
}
}
.button [class^="icon-adyen-"],
.button [class*=" icon-adyen-"] {
margin: 0 0 0 5px;
}
/* @end button */
/* @start button reduce */
.button.reduce {
font-size: 1em;
}
.code-content.collapsible .button.reduce{
padding: 10px;
}
/* @end button reduce */
.code-content.collapsible .button{
background: #707070;
color: #fff;
/*border-radius: 15px;*/
}
.code-content.collapsible .button:hover{
background: #000 !important;/*start the !important war :-( ... !important set on button:hover in the media query above forces !important here to override it*/
}
.code-content.collapsible .button:hover i{
background: #000 !important;
}
/* @start download button */
.download-action i {
height: 40px;
width: 40px;
background: #c1c1c1;
left: -40px;
font-size: 30px;
top: 0;
margin: -10px 30px -10px -30px;
float: left;
line-height: 50px;
}
/* @finish download button */
/* @start search header */
.search-header {
margin: 100px 0 0;
}
/* @end search header */
/* @start search header */
.search {
margin: 20px;
position: relative;
}
.search-term {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 10px;
line-height: 1em;
height: 3em;
display: block;
border: 1px solid #d0d0d0;
font-size: 1.2em;
color: #3d892e;
-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.search-submit {
position: absolute;
right: 0px;
top: 0px;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 3em;
padding: 10px;
line-height: 1em;
height: 3em;
display: block;
font-size: 1.2em;
background: #000;
color: #fff;
border: none;
}
.search-result{
position: relative;
}
.search-result-list {
padding: 10px;
overflow: auto;
}
/* @end search list */
/* @start title search results */
.search-result-title {
padding: 0 20px;
position: absolute;
top: -5px;
}
.search-result-title-term{
font-weight: bold;
}
/* @end title search results */
/* @start search link */
.search-result-link {
display: block;
padding: 20px 0 0 20px;
margin: 10px;
border: 1px solid #d0d0d0;
/*height: 150px;*/
}
.search-result-link:hover {
background: #f5f5f5;
}
.search-result-link-title {
/*text-align: right;*/
padding: 0;
}
.search-result-link-date {
/*text-align: right; */
padding: 0;
font-size: 10px;
}
/* @end search link */
.search-result-list .highlight {
background: #FFE67F;
}
/* @start pagination description */
ul.pagination {
display: block;
min-height: 1.33333em;
margin-left: -0.27778em;
}
ul.pagination li {
height: 1.33333rem;
font-size: 0.77778em;
margin-left: 0.27778em;
margin-bottom: 30px;
float: left;
}
ul.pagination li a {
border: 3px solid #c1c1c1;
background: rgba(255,255,255, .75);
font-size: 1em;
padding: 5px 15px;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
display: inline-block;
color: #3f3f3f;
text-align: center;
margin-bottom: 20px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
ul.pagination li:hover a, ul.pagination li a:focus {
color: #fff;
background: #4d4d4f;
border-color: #4d4d4f;
}
ul.pagination li.unavailable a {
cursor: default;
color: #999999;
border: 1px solid #c1c1c1;
}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
background: transparent;
}
ul.pagination li.current a {
color: #fff;
background: #4d4d4f;
border-color: #4d4d4f;
font-weight: bold;
cursor: default;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus {
background: #4d4d4f;
}
/* Pagination centered wrapper */
.pagination-centered {
text-align: center;
}
.pagination-centered ul.pagination li {
float: none;
display: inline-block;
}
/* @end pagination description */
/* @start header */
img[height="1"][width="1"]{
position: absolute;
}
.header {
border-top: none;
padding: 0;
position: relative;
overflow: hidden;
}
.top-area{ padding-top: 5px; text-align: right; position: relative; margin-left: 200px;}
.top-area .html-content{margin: 0;}
.is-admin .top-area{ float: right; }
@media screen and ( min-width: 768px ) { .top-area {padding-top: 10px; } }
@media screen and ( min-width: 768px ) {
.header {
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
background-size: cover;
padding: 100px 0 0;
min-height: 500px;
margin: 0;
width: 100%;
top: 0;
}
/* fix only for header on home page */
.home.header{
padding-top: 70px;
}
}
/* @end header */
/* @start secondary-header */
.secondary-header {
padding: 40px 0 0 0;
position: relative;
overflow: hidden;
background: #fff;
}
@media screen and ( min-width: 768px ) {
.secondary-header {
padding: 10px 10px 40px;
background-position: center center;
background-repeat: no-repeat;
background-color: none;
background-size: cover;
background: #515152;
padding: 100px 0 0;
min-height: 350px;
margin: 0;
}
}
/* @end secondary-header */
/* @start overview-header */
.overview-header {
/*padding: 10px 10px 40px;*/
position: relative;
overflow: hidden;
background: #515152;
z-index: 0;
}
.overview-header .header-content{
padding: 0;
}
@media screen and ( max-width: 767px ) {
.overview-header .header-content .columns{
position: absolute;
width: 100%;
}
}
.overview-header .header-background-image {
min-height: 310px;
}
@media screen and ( min-width: 768px ) {
.overview-header {
background-position: center center;
background-repeat: no-repeat;
background-color: none;
background-size: cover;
padding: 100px 0 0;
min-height: 210px;
margin: 0;
}
}
/* @end overview-header */
/* @start header background */
.header-background-image {
position: absolute;
top: 0;
left: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
min-height: 165px;
}
@media screen and (min-width: 768px) {
.header-background-image {
min-height: 601px;
}
}
@media screen and (min-width: 1025px) {
.header-background-image {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
}
.header-background-opacity {
opacity: .3;
}
/* @end header background */
/* @start header content */
.header-content {
position: relative;
text-align: center;
z-index: 100;
background: #fff;
color: #000;
margin: 160px 0 0 0;
padding: 10px 0;
}
.header-content p {
font-size: 1.2em;
line-height: 1.5em;
font-weight: 300;
}
@media screen and ( min-width: 768px ) {
.header-content {
padding: 60px 20px;
text-align: left;
margin: 0;
color: inherit;
background: none;
}
.header-content p {
font-size: 1em;
line-height: 1.35em;
font-weight: 300;
}
.header-content .text {
font-size: 1.25em;
line-height: 20px;
}
.header-content.landing{
padding-top: 0;
}
}
/* @end header content */
/* @start header title */
.header-title {
margin: 0 20px 10px;
}
/* @end header title */
/* @start header subtitle */
.header-subtitle {
font-weight: bold;
color: #3e8a2e;
margin: 0 20px 10px;
}
/* @end header subtitle */
/* @start header title */
.header-abstract {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 300;
font-size: 1.5em;
}
/* @end header title */
/* @start image backdrop for custom background color */
.header-background-image-backdrop {
position: absolute;
top: 0;
left: 0;
height: 190px;
width: 100%;
}
@media screen and (min-width: 768px) {
.header-background-image-backdrop {
height: 601px;
}
}
.secondary-header .header-background-image {
min-height: 165px;
}
@media screen and (min-width: 768px) {
.secondary-header .header-background-image {
min-height: 450px;
}
}
/* Headers that have a mobile variant image selected by the content editors */
@media screen and (max-width: 767px) {
.secondary-header.has-mobile-variant .header-background-image,
.header.has-mobile-variant .header-background-image {
display: none;
}
.secondary-header.has-mobile-variant .header-background-image-backdrop,
.header.has-mobile-variant .header-background-image-backdrop {
display: none;
}
.secondary-header.has-mobile-variant .header-content {
margin-top: 10px;
padding-top: 0;
}
.secondary-header.has-mobile-variant .title-content {
margin-top: 10px;
}
.header.has-mobile-variant .header-content {
margin-top:49px;
padding-top: 0;
}
.header-mobile-image img {
width:100%;
}
}
@media screen and (min-width: 768px) {
.header-mobile-image {
display: none;
}
}
.article-title {
margin: 10px 20px;
font-size: 35px;
}
.article-subtitle {
margin: 10px 20px;
}
.article-date {
margin: 10px 20px;
}
.article-abstract {
margin: 20px;
font-size: 14px;
line-height: 21px;
}
.article-header {
border-top: 1px solid #fff;
margin: 0;
}
@media screen and ( min-width : 786px ) {
.article-header {
margin: 100px 0 0;
}
}
.article-header:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.article-image {
margin: 20px;
}
.article-image img {
display: block;
}
/* @start article */
.content {
margin: 0 0 0;
background: #fbfbfb;
}
.content:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
/* @start article */
/* @start content section */
.content-section {
position: relative;
z-index: 100;
margin: 0;
zoom: 1;
padding-top: 50px;
}
@media screen and(min-width: 768px) {
padding-top: 0;
}
.content-section:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
@media screen and ( min-width : 768px ) {
.content-section {
padding: 20px;
}
}
/* @end content section */
/* @start title content */
.title-content {
margin: 20px;
text-align: left;
}
/* special case for titles on overview pages or landing pages with overview-sized headers */
.secondary-header .title-content {
margin-top: -20px;
}
/* @end title content */
/* @start image content */
.image-content {
margin: 20px;
}
.image-content img {
display: inline-block;
}
.image-content-title {
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
}
/* @end image content */
/* @start text content */
.text-content {
margin: 20px;
margin-top: 0;
text-align: left;
}
.text-content-title {
font-family: "Open Sans", Arial, sans-serif;
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 10px;
}
.teaser-child .text-content-title,
.teaser-page .text-content-title{
margin-bottom: 20px;
font-size: 1.6em;
}
.teaser-child a,
.teaser-page a{
font-size: 0.8em;
}
/* reinstates bullet points for text fields (previously removed in style.css) */
.text-content ul,
.text-content ol{
margin: 12px 0;
font-weight: 300;
padding-left: 40px;
}
.text-content > .text li{
list-style: disc;
}
.folding-text ol,
.folding-text ul{
margin: 6px 0;/* NEW: TEST */
padding-left: 20px;
}
.folding-text li{
margin-left: 20px;
}
.folding-text ul li{
list-style: disc;
}
.folding-text ol li{
list-style: decimal;
}
/* */
/* @start text content */
.html-content {
margin: 20px;
}
.html-content-title {
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
}
/* @end text content */
/* @start link list content */
.link-list-content {
margin: 20px;
}
.link-list-content-title {
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
}
/* @end link list content */
/* @start link list content */
.action-list-content {
margin: 20px;
}
.action-list-content-title {
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
}
/* @end link list content */
/* text fields following a code field should have extra margin-top */
.code-content +.text-content{
margin-top: 50px;
}
/* @start code content */
.code-content {
display: block;
margin: 20px;
background: #4c4c4c;
}
.code-content.collapsible{
/*background: #ccc;*/
position: relative;
}
/* @end code content */
.collapse-icon{
position: absolute;
top: 0;
right: 0;
}
.folding-text code,
.code-content code {
border: 1px solid #d0d0d0;
background: #fff;
display: block;
padding: 20px;
white-space: pre;
overflow-x: auto;
overflow-y: hidden;
/*max-height: 300px;*/ /* SET PROGRAMMATICALLY IN code-collapse.js */
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.folding-text code{
margin: 0 20px 0 25px;
}
.code-content code.collapsed{
/*height: 35px;*/
/*max-height: 35px;*/ /* SET PROGRAMMATICALLY IN code-collapse.js */
overflow-x: hidden;
overflow-y: hidden;
padding: 2px 20px;/* only ness. when hiding the code box completely */
background: #e4e4e4;
}
/* @start code content title */
.code-content-title {
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 8px 8px;
padding-top: 8px;
color: #fff;
}
.code-content-title.collapsible{
/*margin-left: 5px;*/
}
/* @end code content title */
/*.collapsed{
height: 0px;
max-height: 0px;
overflow-x: hidden;
overflow-y: hidden;
}*/
/* @start folding list content */
.folding-list-content {
margin: 20px;
}
.folding-list-content-title {
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 30px;
}
/* @end folding list content */
.columns.folding-text-content{
float: none;
width: 99%;
}
/* @start folding text content */
.folding-text-content {
margin: 0 0 10px;
margin-bottom: 30px;/* ADJUST SPACING BETWEEN FOLDING-LIST ELEMENTS */
border: 4px solid #f1efe8;
}
/* @end folding text content */
/* @start folding text content title */
.folding-text-content-title {
font-family: "Open Sans", Arial, sans-serif;
padding: 20px 10px 8px 45px;
position: relative;
display: block;
font-size: 18px;
margin: 0;
font-weight: normal;
margin-bottom: 15px;
color: #000;
}
.folding-text-content-title:hover{
color: #71694B;
}
/*.folding-text-content-title:active{
color: #000;
}
.folding-text-content-title:focus{
color: #000;
font-weight: bold;
}*/
/* @end folding text content title */
/* @start icon adyen chevron down */
.folding-text-content-title .icon-adyen-chevron-down {
font-size: 20px;
position: absolute;
left: 15px;
top: 18px;
}
.folding-text-content-title .icon-adyen-chevron-down {
display: block;
}
.js .folding-text-content-title .icon-adyen-chevron-down {
display: none;
}
.js .visible .folding-text-content-title .icon-adyen-chevron-down {
display: block;
}
/* @end icon adyen chevron down */
/* @start icon adyen chevron right */
.folding-text-content-title .icon-adyen-chevron-right {
font-size: 20px;
position: absolute;
left: 15px;
top: 20px;
}
.folding-text-content-title .icon-adyen-chevron-right {
display: none;
}
.js .folding-text-content-title .icon-adyen-chevron-right {
display: block;
}
.js .visible .folding-text-content-title .icon-adyen-chevron-right {
display: none;
}
/* @end icon adyen chevron right */
/* @start folding text */
.folding-text {
/*border: 1px solid #3c8a2e;*/
/*border-bottom: 1px solid #3c8a2e;*/
padding: 20px;
margin: 20px 0 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
font-size: 1.25em;
font-weight: 300;
}
.js .folding-text {
opacity:0;
/*visibility:hidden;*/
max-height:0;
padding: 0 20px;
margin: 0;
overflow: hidden;
height: 0;
}
.folding-text-content.visible .folding-text {
opacity: 100%;
opacity: 1;
/*visibility: visible;*/
max-height: 100%; /*inherit */
height: auto;
overflow: auto;
padding: 20px;
margin: auto;
background: #f1efe8;
}
.folding-text-content .folding-text p{
margin-left: 25px;
margin-right: 20px;
}
.folding-text-content .folding-text p:last-child{
margin-bottom: 0;
}
.folding-text-content .folding-text table{
width: 95%;
margin-left: 25px;
}
/* @end folding text */
/* @start link list content */
.slider-list-content {
position: relative;
margin: 20px;
}
.slider-list-content-title {
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
}
/* @end link list content */
/* @start special link list tutorial content */
/* default video slider display stuff - overridden if device detected as non-mobile & so js-image-slider js & css loads (see adyen.js)*/
#thumbs{
display: none;
}
#videoSlider #slider a{
display: block;
}
#videoSlider #slider a:first-child{
display: none;
}
#videoSlider #slider a b{
font-weight: 300;
}
/* end default video slider display stuff */
.testimonial{
margin-top: -30px;
}
.testimonial #sliderFrame{
width: 552px;
padding-top: 0;
}
.testimonial #slider{
width: 552px;
height: 310px;
}
.general-tutorials #thumbs .thumb{
height: 22px;
padding-top: 4px;
}
.general-tutorials #thumbs .thumb:last-child{
height: 24px;
}
.general-tutorials #thumbs img{
width: 35px;
height: 20px;
}
.general-tutorials #thumbs .thumb-content{
width: 170px;
}
.skin-tutorials #thumbs .thumb{
height: 47px;
padding-top: 6px;
}
.skin-tutorials #thumbs .thumb:last-child{
height: 46px;
}
.skin-tutorials #thumbs .thumb-content{
width: 143px;
padding-left: 10px
}
@media screen and ( max-width : 1140px ) {
.skin-tutorials #thumbs .thumb .thumb-content{
padding-top: 2px;
padding-left: 30px;
}
.skin-tutorials #thumbs .thumb,
.skin-tutorials #thumbs .thumb:last-child{
height: 34px;
}
}
/* @end special link list tutorial content */
/* @start email content */
.email-content {
border: 1px solid #f00;
}
.email-content-title {
border: 1px solid #0f0;
}
.email {
border: 1px solid #00f;
}
/* @end email content */
#mc_embed_signup{
background: red;
}
/*.clock {
border-radius: 60px;
border: 1px solid #4d4d4f;
height: 12px;
width: 12px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.clock:before {
content: "";
position: absolute;
background-color: #4d4d4f;
top: 2px;
left: 48%;
height: 4px;
width: 1px;
-webkit-border-radius: 0 0 10px 10px;
-ms-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-webkit-transform-origin: 50% 94%;
-ms-transform-origin: 50% 94%;
-moz-transform-origin: 50% 94%;
transform-origin: 50% 94%;
animation: ptAiguille 3s linear infinite;
-webkit-animation: ptAiguille 3s linear infinite;
}
@-webkit-keyframes ptAiguille{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes ptAiguille{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.clock:after {
content: "";
position: absolute;
background-color: #4d4d4f;
top: 1px;
left: 48%;
height: 5px;
width: 1px;
-ms-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-webkit-transform-origin: 50% 97%;
-moz-transform-origin: 50% 97%;
-ms-transform-origin: 50% 97%;
transform-origin: 50% 97%;
-webkit-animation: grdAiguille .7s linear infinite;
-moz-animation: grdAiguille .7s linear infinite;
-ms-animation: grdAiguille .7s linear infinite;
animation: grdAiguille .7s linear infinite;
}
@-webkit-keyframes grdAiguille{
0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes grdAiguille{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}*/
/* @start footer */
.footer {
background: #000;
padding: 10px 0 40px;
position: relative;
z-index: 10;
}
/* @end footer */
/* @start footer-content */
.footer-content {
padding: 10px;
}
@media screen and (min-width: 768px) {
.footer-content {
padding: 20px;
}
}
/* @end footer-content */
/* TODO: icons class */
.footer .action-list {
overflow: auto;
}
.footer .action-list img {
float: left;
width: 27px;
padding-right: 10px;
}
/* @end debug */
.language-select{
margin: 20px;
}
.language-select p{
margin-bottom: 9px;
font-size: 16px;
font-weight: bold;
line-height: 1.5em;
}
.lang-dropdown{
font-size: 12px;
width: 150px;
position: relative;
}
.lang-dropdown dd, .lang-dropdown dt, .lang-dropdown ul {
margin:0px;
padding:0px;
}
.lang-dropdown dd {
position:relative;
}
.lang-dropdown a, .lang-dropdown a:visited {
text-decoration:none;
outline:none;
}
.lang-dropdown dt a:hover, .lang-dropdown dt a:focus {
color:#fff;
outline: 1px solid #fff;
}
/* top, always visible, element */
.lang-dropdown dt a {
display:block;
padding-right:20px;
width:150px;
}
.lang-dropdown dt a span {
cursor:pointer;
display:block;
padding:0 5px;
}
/* list, dropdown, element */
.lang-dropdown dd ul {
background: #fff;
display:none;
left:0px;
color: #999;
position:absolute;
top:2px;
width:auto;
min-width:170px;
list-style:none;
}
.lang-dropdown span.value {
display:none;
}
.lang-dropdown dd ul li a {
padding:0 5px;
display:block;
}
.lang-dropdown dd ul li a:hover {
background-color:#999;
}
.lang-dropdown:before {
position: absolute;
font-size: 15px;
right: -20px;
font-size: 25px;
top: -4px;
}
.lang-dropdown img.flag {
border:none;
vertical-align:middle;
margin-right:10px;
display: inline;
}
.cookie-alert {
display: none;
background: rgba( 64, 72, 72, 0.90 );
position: fixed;
width: 100%;
bottom: 0;
left: 0; right: 0;
padding: 20px 0;
text-align: center;
font-size: 12px;
color: #fff;
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cookie-alert.isAdmin {
display: block;
}
.cookie-alert a{
text-decoration: underline;
margin-left: 2px;
}
.cookie-alert .button{
background: #3C8A2E !important;
color: white;
border: 0 none;
outline: 0 none;
margin: 0px 20px;
padding: 10px 22px;
font-family: 'Open Sans';
font-weight: normal;
letter-spacing: .3px;
}
/* @start navigation */
.navigation-section {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
height: 50px;
overflow: hidden;
}
@media screen and (min-width: 768px ) {
.navigation-section {
height: 60px;
overflow: visible;
background: rgba(255,255,255, .9);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
-ms-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
-moz-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}
}
.navigation-section .grid {
position: relative;
height: 100%;
}
.sub-navigation,
.navigation {
width: 0;
float: right;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.sub-navigation.surrogate-bar {
height: 32px;
pointer-events: none;
}
.navigation {
background: #fff;
}
@media screen and (max-width: 767px){
.render-subnav-list {
display: none;
}
.has-sub-nav.active .render-subnav-list{
display: block;
}
}
@media screen and (min-width: 768px) {
.render-subnav-list {
display: none;
}
.render-subnav-list .sub-navigation {
position: absolute;
z-index: 999;
}
.navigation-list:hover .has-sub-nav.active .render-subnav-list {
display: none;
}
.navigation-list:hover .has-sub-nav.active .navigation-link:after {
border: 0 none;
}
.has-sub-nav.active .render-subnav-list,
.has-sub-nav:hover > .render-subnav-list,
.navigation-list:hover .has-sub-nav:hover > .render-subnav-list,
.navigation-list.default > .has-sub-nav.active > .render-subnav-list {
position: absolute;
display: block;
width: 100%;
right: 0;
top: 35px;
}
.navigation-list .navigation-link.selected {
background: #eaeaea;
}
.has-sub-nav.active .navigation-link:after,
.has-sub-nav:hover .navigation-link:after,
.navigation-list:hover .has-sub-nav:hover .navigation-link:after,
.navigation-list.default > .has-sub-nav.active .navigation-link:after {
content: "";
margin: 0 0 0 -6px;
display: block;
height: 0;
width: 0;
position: absolute;
bottom: -12px;
left: 50%;
border-bottom: 6px solid rgba( 62, 74, 74, 0.9 );
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
}
.has-sub-nav .sub-navigation {
background: none;
bottom: -44px;
white-space:nowrap;
float: none;
width: 100%;
}
.has-sub-nav .sub-navigation .grid {
/*padding-top:20px; */
}
@media screen and (min-width: 768px) {
.navigation {
width: 80%;
position: relative;
overflow-y: inherit;
top: -47px;
background: none;
}
}
.slide-menu {
position: relative;
top: 0;
text-align: center;
float: right;
right: 0;
width: 50px;
height: 50px;
line-height: 48px;
background: #000;
color: #fff;
font-size: 1.5em;
cursor: pointer;
z-index: 9999;
}
.menu-is-open {
width: 70%;
bottom: 0;
}
@media screen and (min-width: 768px) {
.slide-menu {
display: none;
}
.menu-is-open {
width: auto;
}
}
/* @end navigation */
/* @start navigation-logo */
.navigation-logo {
display: block;
padding: 10px 20px;
position: fixed;
left: 0;
right: 0;
top: 0;
background: rgba(255,255,255, .95);
}
.navigation-logo img {
max-height: 30px;
}
@media screen and ( min-width: 768px ) {
.navigation-logo {
padding: 10px 40px;
float: left;
width: auto;
position: relative;
background: transparent;
}
.navigation-logo img {
max-height: 40px;
}
}
/* @end navigation-logo */
/* @start navigation list */
.navigation-list {
margin: 0;
}
.navigation-list > li {
border-bottom: 1px solid #f0f0f0;
}
@media screen and ( min-width: 768px ) {
.navigation-list {
border: none;
float: right;
}
.navigation-list > li {
border: none;
float: left;
height: 50px;
}
}
/* @end navigation list */
/* @start video wrapper */
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 560px;
max-height: 330px;
}
/* @end video wrapper */
/* @start navigation link */
.navigation-list .internal-link,
.navigation-list .external-link,
.navigation-link {
position: relative;
display: block;
padding: 0 20px;
font-weight: bold;
white-space: nowrap;
background: none;
color: #4d4d4d;
text-transform: uppercase;
line-height: 50px;
height: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and ( width: 768px ) {
.navigation-link {
padding: 0 10px;
line-height: 50px;
height: 50px;
}
}
@media screen and ( min-width: 768px ) {
.navigation-list .internal-link,
.navigation-list .external-link,
.navigation-link {
text-align: left;
line-height: 36px;
height: 36px;
margin: 0px 3px;
}
}
.navigation-list .internal-link:active,
.navigation-list .external-link:active,
.navigation-link.selected:active,
.navigation-link:active {
background: #4d4d4f;
color: #fff;
}
@media screen and ( min-width : 768px ) {
.navigation-link:hover,
.navigation-link.selected:hover,
.navigation-list .external-link:hover,
.navigation-list .internal-link:hover {
background: #4d4d4f;
color: #fff;
}
}
/* @end navigation link */
.navigation-search-link {
display: none;
}
/* @start meta-search-submit */
@media screen and ( min-width: 768px ) {
.navigation-search-link {
margin: 0 0 0 10px;
}
.navigation-search-link:hover{
background: #4d4d4f;
color: #fff;
}
.navigation-search-link {
display: block;
line-height: 36px;
text-align: center;
font-size: 14px;
height: 36px;
width: 36px;
background: #000;
color: #fff;
}
}
/* @end meta-search-submit */
.sub-navigation {
background: rgba( 64, 72, 72, 0.90 );
float: right;
}
@media screen and ( min-width: 768px ) {
.sub-navigation {
z-index: -1;
position: absolute;
bottom: -32px;
right: 0;
left: 0;
width: auto;
float: none;
}
}
/* @start navigation list */
.sub-navigation-list {
margin: 0;
}
.sub-navigation-list > li {
float: none;
background: #4d4d4f;
padding-left: 10px;
}
@media screen and ( min-width: 768px ) {
.sub-navigation-list {
float: right;
border: none;
margin: 0 44px 0 0;
padding: 0;
}
.sub-navigation-list > li {
border: none;
float: left;
background: transparent;
}
}
/* @end navigation list */
/* @start navigation link */
.sub-navigation-list .internal-link,
.sub-navigation-list .external-link,
.sub-navigation-link {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 0 20px;
background: none;
color: #fff;
line-height: 40px;
height: 40px;
border-bottom: 1px solid #555;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
}
@media screen and ( min-width: 768px ) {
.sub-navigation-list .internal-link,
.sub-navigation-list .external-link,
.sub-navigation-link {
text-align: left;
line-height: 32px;
height: 32px;
border: none;
}
.sub-navigation-list .external-link:hover,
.sub-navigation-list .internal-link:hover,
.sub-navigation-link.selected:hover,
.sub-navigation-link:hover {
background: rgba( 0, 0, 0, 0.1 );
color: #999;
}
}
.sub-navigation-list .internal-link:active,
.sub-navigation-list .external-link:active,
.sub-navigation-link.selected:active,
.sub-navigation-link:active {
background: rgba( 0, 0, 0, 0.1 );
color: #999;
}
.sub-navigation-link.selected {
color: #999;
}
/* @end navigation link */
/* Map canvas has to be an ID to be used in the google maps API */
#map-canvas {
height: 190px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.background-map-container > #map-canvas {
position: relative;
height: 190px;
}
.header-background-map-container {
width: 100%;
height: 100%;
position: absolute;
top: -5px;
left: 0;
background: #fff;
}
@media screen and (min-width: 768px ) {
#map-canvas {
height: 100%;
}
.header-background-map-container {
top: 24px;
}
}
.lang-dropdown:before,
.mod:before, .form-select-item:before,
[class*="font-adyen"]:before {
font-family: "font-adyen" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.font-adyen-mail:before {
content: "a";
}
.font-adyen-tag:before {
content: "b";
}
.font-adyen-play-foreground:before {
content: "c";
}
.font-adyen-background:before {
content: "d";
}
.font-adyen-currency-foreground:before {
content: "e";
}
.font-adyen-currency-background:before {
content: "f";
}
.font-adyen-users:before {
content: "g";
}
.font-adyen-user:before {
content: "h";
}
.font-adyen-twitter:before {
content: "i";
}
.font-adyen-chalk-board-foreground:before {
content: "j";
}
.font-adyen-chalk-board-background:before {
content: "k";
}
.font-adyen-ticket-foreground:before {
content: "l";
}
.font-adyen-ticket-background:before {
content: "m";
}
.font-adyen-handset:before {
content: "n";
}
.font-adyen-edit-foreground:before {
content: "p";
}
.font-adyen-pos-foreground:before {
content: "q";
}
.font-adyen-pos-background:before {
content: "r";
}
.font-adyen-cart:before {
content: "s";
}
.font-adyen-cog-foreground:before {
content: "t";
}
.font-adyen-cog-background:before {
content: "u";
}
.font-adyen-stack-foreground:before {
content: "v";
}
.font-adyen-stack-background:before {
content: "w";
}
.font-adyen-magnifier-foreground:before {
content: "x";
}
.font-adyen-magnifier-background:before {
content: "y";
}
.font-adyen-rocket-foreground:before {
content: "z";
}
.font-adyen-rocket-background:before {
content: "A";
}
.font-adyen-bandit-foreground:before {
content: "B";
}
.font-adyen-bandit-background:before {
content: "C";
}
.font-adyen-question-mark:before {
content: "D";
}
.font-adyen-present-foreground:before {
content: "E";
}
.font-adyen-present-background:before {
content: "F";
}
.font-adyen-tiles:before {
content: "G";
}
.font-adyen-one-solution:before {
content: "H";
}
.font-adyen-alert-foreground:before {
content: "I";
}
.font-adyen-alert-background:before {
content: "J";
}
.font-adyen-share:before {
content: "K";
}
.font-adyen-multi-channel-foreground:before {
content: "L";
}
.font-adyen-multi-channel-background:before {
content: "M";
}
.font-adyen-scale:before {
content: "N";
}
.font-adyen-mobile-foreground:before {
content: "O";
}
.font-adyen-mobile-background:before {
content: "P";
}
.font-adyen-tag-background:before {
content: "Q";
}
.font-adyen-letter:before {
content: "R";
}
.font-adyen-location-marker-foreground:before {
content: "S";
}
.font-adyen-location-marker-foreground-1:before {
content: "T";
}
.font-adyen-laptop:before {
content: "U";
}
.font-adyen-info:before {
content: "V";
}
.font-adyen-globe-foreground:before {
content: "W";
}
.font-adyen-globe-background:before {
content: "X";
}
.font-adyen-list:before {
content: "Y";
}
.font-adyen-facebook-foreground:before {
content: "Z";
}
.font-adyen-facebook-background:before {
content: "0";
}
.font-adyen-import-foreground:before {
content: "1";
}
.font-adyen-import-background:before {
content: "2";
}
.font-adyen-graph-foreground:before {
content: "3";
}
.font-adyen-graph-background:before {
content: "4";
}
.font-adyen-document-foreground:before {
content: "5";
}
.font-adyen-document-background:before {
content: "6";
}
.font-adyen-console-foreground:before {
content: "7";
}
.font-adyen-console-background:before {
content: "8";
}
.font-adyen-currency-sign-foreground:before {
content: "9";
}
.font-adyen-currency-sign-background:before {
content: "!";
}
.font-adyen-factory-foreground:before {
content: "\"";
}
.font-adyen-factory-background:before {
content: "#";
}
.font-adyen-increase-foreground:before {
content: "$";
}
.font-adyen-increase-background:before {
content: "%";
}
.font-adyen-clipboard-foreground:before {
content: "&";
}
.font-adyen-clipboard-background:before {
content: "'";
}
.font-adyen-cash-register-foreground:before {
content: "(";
}
.font-adyen-cash-register-background:before {
content: ")";
}
.font-adyen-briefcase:before {
content: "*";
}
.font-adyen-credit-cards-foreground:before {
content: "+";
}
.font-adyen-credit-cards-background:before {
content: ",";
}
.font-adyen-camera-foreground:before {
content: "-";
}
.font-adyen-camera-background:before {
content: ".";
}
.font-adyen-building:before {
content: "/";
}
.font-adyen-a:before {
content: ":";
}
.font-adyen-check:before {
content: ";";
}
.font-adyen-building-download:before {
content: "<";
}
.font-adyen-ab-foreground:before {
content: "=";
}
.font-adyen-ab-background:before {
content: ">";
}
.font-adyen-padlock-foreground:before {
content: "?";
}
.font-adyen-padlock-foreground-1:before {
content: "@";
}
.font-adyen-circle:before {
content: "[";
}
.font-adyen-pen-paper:before {
content: "o";
}
.signup:before {
content: "o";
}
.font-adyen-dna-foreground:before {
content: "]";
}
.api-02:before {
content: "]";
}
.font-adyen-dna-background:before {
content: "^";
}
.font-adyen-pig-foreground:before {
content: "_";
}
.font-adyen-headset:before {
content: "`";
}
.font-adyen-calendar-foreground:before {
content: "{";
}
.font-adyen-calendar-background:before {
content: "|";
}
.font-adyen-tie:before {
content: "}";
}
.font-adyen-cloud:before {
content: "~";
}
.font-adyen-chat-bubble-foreground:before {
content: "\";
}
.font-adyen-chat-bubble-background:before {
content: "\e000";
}
.font-adyen-desktop-foreground:before {
content: "\e001";
}
.font-adyen-diamond:before {
content: "\e002";
}
.font-adyen-diamond-1:before {
content: "\e003";
}
.font-adyen-acrobat-foreground:before {
content: "\e004";
}
.font-adyen-acrobat-background:before {
content: "\e005";
}
.font-adyen-acrobat-foreground-1:before {
content: "\e006";
}
.font-adyen-excel:before {
content: "\e007";
}
.font-adyen-download:before {
content: "\e008";
}
.font-adyen-key-foreground:before {
content: "\e009";
}
.font-adyen-key-background:before {
content: "\e00a";
}
.font-adyen-crosshair-foreground:before {
content: "\e00b";
}
.font-adyen-crosshair-background:before {
content: "\e00c";
}
.font-adyen-cancel:before {
content: "\e00d";
}
.font-adyen-desktop-background:before {
content: "\e00e";
}
.font-adyen-android-apple:before {
content: "\e00f";
}
.font-adyen-arrow-right:before {
content: "o";
}
.font-adyen-arrow-left:before {
content: "\e010";
}
.font-adyen:before {
content: "\e011";
}
.font-adyen-safe-foreground:before {
content: "\e012";
}
.font-adyen-safe-background-1:before {
content: "\e013";
}
.font-adyen-brackets:before {
content: "\e014";
}
.font-adyen-ring-foreground:before {
content: "\e015";
}
.font-adyen-ring-background:before {
content: "\e016";
}
.font-adyen-tablet-foreground:before {
content: "\e017";
}
.font-adyen-tablet-background:before {
content: "\e018";
}
.font-adyen-tools:before {
content: "\e019";
}
.font-adyen-atom:before {
content: "\e01a";
}
.font-adyen-plane:before {
content: "\e01b";
}
.font-adyen-graduation-hat:before {
content: "\e01c";
}
.font-adyen-upload:before {
content: "\e01d";
}
.font-adyen-sign-up:before {
content: "\e01e";
}
.font-adyen-hierarchy-foreground:before {
content: "\e01f";
}
.font-adyen-hierarchy-background:before {
content: "\e020";
}
.font-adyen-gaming-foreground:before {
content: "\e021";
}
.font-adyen-gaming-background:before {
content: "\e022";
}
.font-adyen-template-foreground:before {
content: "\e023";
}
.font-adyen-template-background:before {
content: "\e024";
}
.font-adyen-integration-foreground:before {
content: "\e025";
}
.font-adyen-integration-background:before {
content: "\e026";
}
.font-adyen-arrow-pipe-down:before {
content: "\e027";
}
.lang-dropdown:before,
.mod:before, .form-select-item:before,
.font-adyen-arrow-down:before {
content: "\e028";
}
.font-adyen-arrow-up:before {
content: "\e029";
}
.font-adyen-pencil:before {
content: "\e02a";
}
.font-adyen-prize-foreground:before {
content: "\e02b";
}
.font-adyen-prize-background:before {
content: "\e02c";
}
.font-adyen-arrow-pipe-left:before {
content: "\e02d";
}
.font-adyen-arrow-pipe-right:before {
content: "\e02e";
}
.font-adyen-arrow-pipe-up:before {
content: "\e02f";
}
.font-adyen-padlock-alt:before {
content: "\e030";
}
.font-adyen-link:before {
content: "\e031";
}
.font-adyen-glasses:before {
content: "\e032";
}
.font-adyen-knowledgebase-background:before {
content: "\e033";
}
[class^="icon-adyen-"],
[class*=" icon-adyen-"] {
font-family: awesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
/* sprites.less reset */
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}
[class^="icon-adyen-"]:before,
[class*=" icon-adyen-"]:before {
text-decoration: inherit;
display: inline-block;
speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="icon-adyen-"],
a [class*=" icon-adyen-"] {
display: inline-block;
}
.icon-adyen-glass:before { content: "\f000"; }
.icon-adyen-music:before { content: "\f001"; }
.icon-adyen-search:before { content: "\f002"; }
.icon-adyen-envelope:before { content: "\f003"; }
.icon-adyen-heart:before { content: "\f004"; }
.icon-adyen-star:before { content: "\f005"; }
.icon-adyen-star-empty:before { content: "\f006"; }
.icon-adyen-user:before { content: "\f007"; }
.icon-adyen-film:before { content: "\f008"; }
.icon-adyen-th-large:before { content: "\f009"; }
.icon-adyen-th:before { content: "\f00a"; }
.icon-adyen-th-list:before { content: "\f00b"; }
.icon-adyen-ok:before { content: "\f00c"; }
.icon-adyen-remove:before { content: "\f00d"; }
.icon-adyen-zoom-in:before { content: "\f00e"; }
.icon-adyen-zoom-out:before { content: "\f010"; }
.icon-adyen-off:before { content: "\f011"; }
.icon-adyen-signal:before { content: "\f012"; }
.icon-adyen-cog:before { content: "\f013"; }
.icon-adyen-trash:before { content: "\f014"; }
.icon-adyen-home:before { content: "\f015"; }
.icon-adyen-file:before { content: "\f016"; }
.icon-adyen-time:before { content: "\f017"; }
.icon-adyen-road:before { content: "\f018"; }
.icon-adyen-download-alt:before { content: "\f019"; }
.icon-adyen-download:before { content: "\f01a"; }
.icon-adyen-upload:before { content: "\f01b"; }
.icon-adyen-inbox:before { content: "\f01c"; }
.icon-adyen-play-circle:before { content: "\f01d"; }
.icon-adyen-repeat:before { content: "\f01e"; }
/* \f020 doesn't work in Safari. all shifted one down */
.icon-adyen-refresh:before { content: "\f021"; }
.icon-adyen-list-alt:before { content: "\f022"; }
.icon-adyen-lock:before { content: "\f023"; }
.icon-adyen-flag:before { content: "\f024"; }
.icon-adyen-headphones:before { content: "\f025"; }
.icon-adyen-volume-off:before { content: "\f026"; }
.icon-adyen-volume-down:before { content: "\f027"; }
.icon-adyen-volume-up:before { content: "\f028"; }
.icon-adyen-qrcode:before { content: "\f029"; }
.icon-adyen-barcode:before { content: "\f02a"; }
.icon-adyen-tag:before { content: "\f02b"; }
.icon-adyen-tags:before { content: "\f02c"; }
.icon-adyen-book:before { content: "\f02d"; }
.icon-adyen-bookmark:before { content: "\f02e"; }
.icon-adyen-print:before { content: "\f02f"; }
.icon-adyen-camera:before { content: "\f030"; }
.icon-adyen-font:before { content: "\f031"; }
.icon-adyen-bold:before { content: "\f032"; }
.icon-adyen-italic:before { content: "\f033"; }
.icon-adyen-text-height:before { content: "\f034"; }
.icon-adyen-text-width:before { content: "\f035"; }
.icon-adyen-align-left:before { content: "\f036"; }
.icon-adyen-align-center:before { content: "\f037"; }
.icon-adyen-align-right:before { content: "\f038"; }
.icon-adyen-align-justify:before { content: "\f039"; }
.icon-adyen-list:before { content: "\f03a"; }
.icon-adyen-indent-left:before { content: "\f03b"; }
.icon-adyen-indent-right:before { content: "\f03c"; }
.icon-adyen-facetime-video:before { content: "\f03d"; }
.icon-adyen-picture:before { content: "\f03e"; }
.icon-adyen-pencil:before { content: "\f040"; }
.icon-adyen-map-marker:before { content: "\f041"; }
.icon-adyen-adjust:before { content: "\f042"; }
.icon-adyen-tint:before { content: "\f043"; }
.icon-adyen-edit:before { content: "\f044"; }
.icon-adyen-share:before { content: "\f045"; }
.icon-adyen-check:before { content: "\f046"; }
.icon-adyen-move:before { content: "\f047"; }
.icon-adyen-step-backward:before { content: "\f048"; }
.icon-adyen-fast-backward:before { content: "\f049"; }
.icon-adyen-backward:before { content: "\f04a"; }
.icon-adyen-play:before { content: "\f04b"; }
.icon-adyen-pause:before { content: "\f04c"; }
.icon-adyen-stop:before { content: "\f04d"; }
.icon-adyen-forward:before { content: "\f04e"; }
.icon-adyen-fast-forward:before { content: "\f050"; }
.icon-adyen-step-forward:before { content: "\f051"; }
.icon-adyen-eject:before { content: "\f052"; }
.icon-adyen-chevron-left:before { content: "\f053"; }
.icon-adyen-chevron-right:before { content: "\f054"; }
.icon-adyen-plus-sign:before { content: "\f055"; }
.icon-adyen-minus-sign:before { content: "\f056"; }
.icon-adyen-remove-sign:before { content: "\f057"; }
.icon-adyen-ok-sign:before { content: "\f058"; }
.icon-adyen-question-sign:before { content: "\f059"; }
.icon-adyen-info-sign:before { content: "\f05a"; }
.icon-adyen-screenshot:before { content: "\f05b"; }
.icon-adyen-remove-circle:before { content: "\f05c"; }
.icon-adyen-ok-circle:before { content: "\f05d"; }
.icon-adyen-ban-circle:before { content: "\f05e"; }
.icon-adyen-arrow-left:before { content: "\f060"; }
.icon-adyen-arrow-right:before { content: "\f061"; }
.icon-adyen-arrow-up:before { content: "\f062"; }
.icon-adyen-arrow-down:before { content: "\f063"; }
.icon-adyen-share-alt:before { content: "\f064"; }
.icon-adyen-resize-full:before { content: "\f065"; }
.icon-adyen-resize-small:before { content: "\f066"; }
.icon-adyen-plus:before { content: "\f067"; }
.icon-adyen-minus:before { content: "\f068"; }
.icon-adyen-asterisk:before { content: "\f069"; }
.icon-adyen-exclamation-sign:before { content: "\f06a"; }
.icon-adyen-gift:before { content: "\f06b"; }
.icon-adyen-leaf:before { content: "\f06c"; }
.icon-adyen-fire:before { content: "\f06d"; }
.icon-adyen-eye-open:before { content: "\f06e"; }
.icon-adyen-eye-close:before { content: "\f070"; }
.icon-adyen-warning-sign:before { content: "\f071"; }
.icon-adyen-plane:before { content: "\f072"; }
.icon-adyen-calendar:before { content: "\f073"; }
.icon-adyen-random:before { content: "\f074"; }
.icon-adyen-comment:before { content: "\f075"; }
.icon-adyen-magnet:before { content: "\f076"; }
.icon-adyen-chevron-up:before { content: "\f077"; }
.icon-adyen-chevron-down:before { content: "\f078"; }
.icon-adyen-retweet:before { content: "\f079"; }
.icon-adyen-shopping-cart:before { content: "\f07a"; }
.icon-adyen-folder-close:before { content: "\f07b"; }
.icon-adyen-folder-open:before { content: "\f07c"; }
.icon-adyen-resize-vertical:before { content: "\f07d"; }
.icon-adyen-resize-horizontal:before { content: "\f07e"; }
.icon-adyen-bar-chart:before { content: "\f080"; }
.icon-adyen-twitter-sign:before { content: "\f081"; }
.icon-adyen-facebook-sign:before { content: "\f082"; }
.icon-adyen-camera-retro:before { content: "\f083"; }
.icon-adyen-key:before { content: "\f084"; }
.icon-adyen-cogs:before { content: "\f085"; }
.icon-adyen-comments:before { content: "\f086"; }
.icon-adyen-thumbs-up:before { content: "\f087"; }
.icon-adyen-thumbs-down:before { content: "\f088"; }
.icon-adyen-star-half:before { content: "\f089"; }
.icon-adyen-heart-empty:before { content: "\f08a"; }
.icon-adyen-signout:before { content: "\f08b"; }
.icon-adyen-linkedin-sign:before { content: "\f08c"; }
.icon-adyen-pushpin:before { content: "\f08d"; }
.icon-adyen-external-link:before { content: "\f08e"; }
.icon-adyen-signin:before { content: "\f090"; }
.icon-adyen-trophy:before { content: "\f091"; }
.icon-adyen-github-sign:before { content: "\f092"; }
.icon-adyen-upload-alt:before { content: "\f093"; }
.icon-adyen-lemon:before { content: "\f094"; }
.icon-adyen-phone:before { content: "\f095"; }
.icon-adyen-check-empty:before { content: "\f096"; }
.icon-adyen-bookmark-empty:before { content: "\f097"; }
.icon-adyen-phone-sign:before { content: "\f098"; }
.icon-adyen-twitter:before { content: "\f099"; }
.icon-adyen-facebook:before { content: "\f09a"; }
.icon-adyen-github:before { content: "\f09b"; }
.icon-adyen-unlock:before { content: "\f09c"; }
.icon-adyen-credit-card:before { content: "\f09d"; }
.icon-adyen-rss:before { content: "\f09e"; }
.icon-adyen-hdd:before { content: "\f0a0"; }
.icon-adyen-bullhorn:before { content: "\f0a1"; }
.icon-adyen-bell:before { content: "\f0a2"; }
.icon-adyen-certificate:before { content: "\f0a3"; }
.icon-adyen-hand-right:before { content: "\f0a4"; }
.icon-adyen-hand-left:before { content: "\f0a5"; }
.icon-adyen-hand-up:before { content: "\f0a6"; }
.icon-adyen-hand-down:before { content: "\f0a7"; }
.icon-adyen-circle-arrow-left:before { content: "\f0a8"; }
.icon-adyen-circle-arrow-right:before { content: "\f0a9"; }
.icon-adyen-circle-arrow-up:before { content: "\f0aa"; }
.icon-adyen-circle-arrow-down:before { content: "\f0ab"; }
.icon-adyen-globe:before { content: "\f0ac"; }
.icon-adyen-wrench:before { content: "\f0ad"; }
.icon-adyen-tasks:before { content: "\f0ae"; }
.icon-adyen-filter:before { content: "\f0b0"; }
.icon-adyen-briefcase:before { content: "\f0b1"; }
.icon-adyen-fullscreen:before { content: "\f0b2"; }
.icon-adyen-group:before { content: "\f0c0"; }
.icon-adyen-link:before { content: "\f0c1"; }
.icon-adyen-cloud:before { content: "\f0c2"; }
.icon-adyen-beaker:before { content: "\f0c3"; }
.icon-adyen-cut:before { content: "\f0c4"; }
.icon-adyen-copy:before { content: "\f0c5"; }
.icon-adyen-paper-clip:before { content: "\f0c6"; }
.icon-adyen-save:before { content: "\f0c7"; }
.icon-adyen-sign-blank:before { content: "\f0c8"; }
.icon-adyen-reorder:before { content: "\f0c9"; }
.icon-adyen-list-ul:before { content: "\f0ca"; }
.icon-adyen-list-ol:before { content: "\f0cb"; }
.icon-adyen-strikethrough:before { content: "\f0cc"; }
.icon-adyen-underline:before { content: "\f0cd"; }
.icon-adyen-table:before { content: "\f0ce"; }
.icon-adyen-magic:before { content: "\f0d0"; }
.icon-adyen-truck:before { content: "\f0d1"; }
.icon-adyen-pinterest:before { content: "\f0d2"; }
.icon-adyen-pinterest-sign:before { content: "\f0d3"; }
.icon-adyen-google-plus-sign:before { content: "\f0d4"; }
.icon-adyen-google-plus:before { content: "\f0d5"; }
.icon-adyen-money:before { content: "\f0d6"; }
.icon-adyen-caret-down:before { content: "\f0d7"; }
.icon-adyen-caret-up:before { content: "\f0d8"; }
.icon-adyen-caret-left:before { content: "\f0d9"; }
.icon-adyen-caret-right:before { content: "\f0da"; }
.icon-adyen-columns:before { content: "\f0db"; }
.icon-adyen-sort:before { content: "\f0dc"; }
.icon-adyen-sort-down:before { content: "\f0dd"; }
.icon-adyen-sort-up:before { content: "\f0de"; }
.icon-adyen-envelope-alt:before { content: "\f0e0"; }
.icon-adyen-linkedin:before { content: "\f0e1"; }
.icon-adyen-undo:before { content: "\f0e2"; }
.icon-adyen-legal:before { content: "\f0e3"; }
.icon-adyen-dashboard:before { content: "\f0e4"; }
.icon-adyen-comment-alt:before { content: "\f0e5"; }
.icon-adyen-comments-alt:before { content: "\f0e6"; }
.icon-adyen-bolt:before { content: "\f0e7"; }
.icon-adyen-sitemap:before { content: "\f0e8"; }
.icon-adyen-umbrella:before { content: "\f0e9"; }
.icon-adyen-paste:before { content: "\f0ea"; }
.icon-adyen-lightbulb:before { content: "\f0eb"; }
.icon-adyen-exchange:before { content: "\f0ec"; }
.icon-adyen-cloud-download:before { content: "\f0ed"; }
.icon-adyen-cloud-upload:before { content: "\f0ee"; }
.icon-adyen-user-md:before { content: "\f0f0"; }
.icon-adyen-stethoscope:before { content: "\f0f1"; }
.icon-adyen-suitcase:before { content: "\f0f2"; }
.icon-adyen-bell-alt:before { content: "\f0f3"; }
.icon-adyen-coffee:before { content: "\f0f4"; }
.icon-adyen-food:before { content: "\f0f5"; }
.icon-adyen-file-alt:before { content: "\f0f6"; }
.icon-adyen-building:before { content: "\f0f7"; }
.icon-adyen-hospital:before { content: "\f0f8"; }
.icon-adyen-ambulance:before { content: "\f0f9"; }
.icon-adyen-medkit:before { content: "\f0fa"; }
.icon-adyen-fighter-jet:before { content: "\f0fb"; }
.icon-adyen-beer:before { content: "\f0fc"; }
.icon-adyen-h-sign:before { content: "\f0fd"; }
.icon-adyen-plus-sign-alt:before { content: "\f0fe"; }
.icon-adyen-double-angle-left:before { content: "\f100"; }
.icon-adyen-double-angle-right:before { content: "\f101"; }
.icon-adyen-double-angle-up:before { content: "\f102"; }
.icon-adyen-double-angle-down:before { content: "\f103"; }
.icon-adyen-angle-left:before { content: "\f104"; }
.icon-adyen-angle-right:before { content: "\f105"; }
.icon-adyen-angle-up:before { content: "\f106"; }
.icon-adyen-angle-down:before { content: "\f107"; }
.icon-adyen-desktop:before { content: "\f108"; }
.icon-adyen-laptop:before { content: "\f109"; }
.icon-adyen-tablet:before { content: "\f10a"; }
.icon-adyen-mobile-phone:before { content: "\f10b"; }
.icon-adyen-circle-blank:before { content: "\f10c"; }
.icon-adyen-quote-left:before { content: "\f10d"; }
.icon-adyen-quote-right:before { content: "\f10e"; }
.icon-adyen-spinner:before { content: "\f110"; }
.icon-adyen-circle:before { content: "\f111"; }
.icon-adyen-reply:before { content: "\f112"; }
.icon-adyen-github-alt:before { content: "\f113"; }
.icon-adyen-folder-close-alt:before { content: "\f114"; }
.icon-adyen-folder-open-alt:before { content: "\f115"; }
/* @start teaser-list */
.teaser-list {
padding: 0;
margin: 0;
}
.teaser-list:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.teaser-list li {
display: block;
float: left;
width: 33.333%;
}
/* @end teaser-list */
/* @start teaser */
.teaser {
overflow: hidden;
position: relative;
display: block;
margin: 5px;
background: #e2e2e2;
}
.teaser img {
display: block;
width: 100%;
}
/* @end teaser */
/* @start teaser-content */
.teaser-content {
margin: 0;
}
/* @end teaser-content */
/* @start teaser-content */
.teaser-title {
padding: 0;
margin: 0;
font-size: 2.3em;
line-height: 54px;
height: 54px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
background: #a2a2a4;
color: #ffffff;
}
/* @end teaser-content */
/* @start slider */
.slider {
background: #f4f4f4;
position: relative;
overflow: hidden;
}
/* @end slider */
/* @start slider list */
.slider-list {
-webkit-transition: -webkit-transform 0.3s ease-out;
/* add mozilla */
transition: transform 1s ease-out;
width: 10000%;
font-size: 0;
}
.slider-list > li {
display: inline-block;
vertical-align: top;
font-size: 12px;
width: 1%;
}
@media screen and ( min-width: 480px ) {
.slider-list > li {
width: 0.5%;
}
}
@media screen and ( min-width: 768px ) {
.slider-list > li {
width: 0.333%;
}
}
.slider.moving .slider-list {
-webkit-transition: -webkit-transform 0.1s ease-out;
transition: transform 0.1s ease-out;
}
.slider-forward-link {
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
display: block;
color: #fff;
background: #000;
font-size: 12px;
width: 12px;
height: 12px;
padding: 18px;
position: absolute;
top: 50%;
right: 0;
margin: -24px 0 0;
opacity: 0.0;
}
.slider-forward-link i {
display: block;
text-align: center;
line-height: 12px;
height: 12px;
width: 12px;
}
.forward-slider .slider-forward-link {
opacity: 1.0;
}
.slider-back-link {
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
display: block;
color: #fff;
background: #000;
font-size: 12px;
width: 12px;
height: 12px;
padding: 18px;
position: absolute;
top: 50%;
left: 0;
margin: -24px 0 0;
opacity: 0.0;
}
.slider-back-link i {
display: block;
text-align: center;
line-height: 12px;
height: 12px;
width: 12px;
}
.back-slider .slider-back-link {
opacity: 1.0;
}
/* @end slider list */
.overview {
margin: 20px;
}
.overview-list li {
border-bottom: 1px solid #d0d0d0;
}
.overview-list li:last-child {
border-bottom: none;
}
.overview-link {
display: block;
padding: 20px 0;
}
.overview-link:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.overview-link-title {
font-size: 35px;
}
.overview-link-date {
color: #343434;
float: right;
line-height: 1em;
margin: 0 0 20px;
}
.overview-link-subtitle {
line-height: 1em;
color: #343434;
margin: 0 0 20px;
}
.overview-link-abstract {
line-height: 21px;
font-size: 14px;
color: #686868;
}
.overview-link-image {
margin: 0 0 0 20px;
/*border: 3px solid #d0d0d0;*/
}
.overview-link-image img {
display: block;
}
.summary-link {
display: block;
padding: 10px 0;
}
.summary-link.short-title-link{
padding: 0;
}
.summary-link:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.summary-link-time,
.summary-link-abstract{
color: #343434;
}
.summary-link-text{
margin: 0 0 20px 20px;
font-size: 13px;
}
.summary-list-item-horizontal{
float: left;
}
.summary-block .summary-link-title{
font-size: 1.5em;
}
.summary-block .summary-link{
color: #343434;
margin-right: 20px;
}
.summary-block .summary-link:hover{
color: #3c8a2e;
}
.summary-block .summary-link-time{
margin: 0;
}
.list-summary-list{
margin: 0 20px 60px;
}
/* @start spearpoint list */
.spearpoint-list {
padding: 0;
}
.spearpoint-list:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.spearpoint-list li:nth-child(even) .spearpoint {
background-color: #e2e2e2;
}
/* @start spearpoint list */
/* @start spearpoint */
.spearpoint {
position: relative;
overflow: hidden; /* fixes margin collapse */
clear: both;
background-color: white;
padding-bottom: 20px;
}
.spearpoint:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
@media screen and ( min-width: 768px ) {
.spearpoint {
margin: 0;
/* margin: 0 5px; */
background-position: center center;
background-repeat: no-repeat;
background-color: white;
background-size: cover;
}
}
.spearpoint > .image-content {
margin: -1px 0 0;
}
.spearpoint.contrast {
color: #fff;
}
/* @end spearpoint */
/* @start spearpoint hash */
.spearpoint-hash {
position: absolute;
visibility: hidden;
display: block;
height: 0px;
top: -100px;
}
/* @start spearpoint hash */
/* @start spearpoint title */
.spearpoint-title {
line-height: 2em;
margin: 0;
font-size: 35px;
}
/* @end spearpoint title */
/* @start spearpoint kicker */
.spearpoint-subtitle {
font-size: 2em;
margin: -10px 0 20px;
}
/* @end spearpoint kicker */
/* @start spearpoint content */
.spearpoint-content {
font-size: 1.25em;
line-height: 20px;
padding: 0;
margin: 0;
}
@media screen and ( min-width : 768px ) {
.spearpoint-content {
margin: 0 20px;
}
}
.spearpoint-content:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.spearpoint-content h1 {
font-weight: 300;
line-height: 1em;
margin: 0.5em 0;
}
.spearpoint-content p {
font-family: Open Sans, Arial, sans-serif;
font-weight: 300;
line-height: 1.5em;
}
.spearpoint-content table {
font-family: Open Sans, Arial, sans-serif;
font-weight: 300;
margin: 0 0 20px;
}
.spearpoint-content-list li {
font-family: Open Sans, Arial, sans-serif;
font-weight: 300;
list-style: disc inside;
}
/* @end spearpoint content */
/* @start spearpoint content column */
.spearpoint-content-column {
margin: 20px;
}
/* @start spearpoint content column */
/* @start spearpoint description */
.spearpoint-description {
margin: 0 0 30px;
}
/* @end spearpoint description */
.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}