@charset "UTF-8";

    .cont_12 {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.row {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
width: auto !important;
}
.col_1,
.col_xs_1,
.col_2,
.col_xs_2,
.col_3,
.col_xs_3,
.col_4,
.col_xs_4,
.col_5,
.col_xs_5,
.col_6,
.col_xs_6,
.col_7,
.col_xs_7,
.col_8,
.col_xs_8,
.col_9,
.col_xs_9,
.col_10,
.col_xs_10,
.col_11,
.col_xs_11,
.col_12,
.col_xs_12,
.col_sm_1,
.col_sm_2,
.col_sm_3,
.col_sm_4,
.col_sm_5,
.col_sm_6,
.col_sm_7,
.col_sm_8,
.col_sm_9,
.col_sm_10,
.col_sm_11,
.col_sm_12,
.col_md_1,
.col_md_2,
.col_md_3,
.col_md_4,
.col_md_5,
.col_md_6,
.col_md_7,
.col_md_8,
.col_md_9,
.col_md_10,
.col_md_11,
.col_md_12,
.col_l_1,
.col_l_2,
.col_l_3,
.col_l_4,
.col_l_5,
.col_l_6,
.col_l_7,
.col_l_8,
.col_l_9,
.col_l_10,
.col_l_11,
.col_l_12,
.col_xl_1,
.col_xl_2,
.col_xl_3,
.col_xl_4,
.col_xl_5,
.col_xl_6,
.col_xl_7,
.col_xl_8,
.col_xl_9,
.col_xl_10,
.col_xl_11,
.col_xl_12 {
display: inline;
float: left;
padding-left: 16px;
padding-right: 16px;
position: relative;
}
.cont_12 .alpha_xs {
padding-left: 0;
}
.cont_12 .omega_xs {
padding-right: 0;
}
.cont_12 .noalpha_xs {
padding-left: 16px;
}
.cont_12 .noomega_xs {
padding-right: 16px;
}
.cont_12 .col_1 {
width: 8.3333333333%;
}
.cont_12 .col_xs_1 {
width: 8.3333333333%;
}
.cont_12 .col_2 {
width: 16.6666666667%;
}
.cont_12 .col_xs_2 {
width: 16.6666666667%;
}
.cont_12 .col_3 {
width: 25%;
}
.cont_12 .col_xs_3 {
width: 25%;
}
.cont_12 .col_4 {
width: 33.3333333333%;
}
.cont_12 .col_xs_4 {
width: 33.3333333333%;
}
.cont_12 .col_5 {
width: 41.6666666667%;
}
.cont_12 .col_xs_5 {
width: 41.6666666667%;
}
.cont_12 .col_6 {
width: 50%;
}
.cont_12 .col_xs_6 {
width: 50%;
}
.cont_12 .col_7 {
width: 58.3333333333%;
}
.cont_12 .col_xs_7 {
width: 58.3333333333%;
}
.cont_12 .col_8 {
width: 66.6666666667%;
}
.cont_12 .col_xs_8 {
width: 66.6666666667%;
}
.cont_12 .col_9 {
width: 75%;
}
.cont_12 .col_xs_9 {
width: 75%;
}
.cont_12 .col_10 {
width: 83.3333333333%;
}
.cont_12 .col_xs_10 {
width: 83.3333333333%;
}
.cont_12 .col_11 {
width: 91.6666666667%;
}
.cont_12 .col_xs_11 {
width: 91.6666666667%;
}
.cont_12 .col_12 {
width: 100%;
}
.cont_12 .col_xs_12 {
width: 100%;
}
.cont_12 .push_xs_1 {
left: 8.3333333333%;
}
.cont_12 .push_xs_2 {
left: 16.6666666667%;
}
.cont_12 .push_xs_3 {
left: 25%;
}
.cont_12 .push_xs_4 {
left: 33.3333333333%;
}
.cont_12 .push_xs_5 {
left: 41.6666666667%;
}
.cont_12 .push_xs_6 {
left: 50%;
}
.cont_12 .push_xs_7 {
left: 58.3333333333%;
}
.cont_12 .push_xs_8 {
left: 66.6666666667%;
}
.cont_12 .push_xs_9 {
left: 75%;
}
.cont_12 .push_xs_10 {
left: 83.3333333333%;
}
.cont_12 .push_xs_11 {
left: 91.6666666667%;
}
.cont_12 .push_xs_12 {
left: 100%;
}
.cont_12 .pull_xs_1 {
left: -8.3333333333%;
}
.cont_12 .pull_xs_2 {
left: -16.6666666667%;
}
.cont_12 .pull_xs_3 {
left: -25%;
}
.cont_12 .pull_xs_4 {
left: -33.3333333333%;
}
.cont_12 .pull_xs_5 {
left: -41.6666666667%;
}
.cont_12 .pull_xs_6 {
left: -50%;
}
.cont_12 .pull_xs_7 {
left: -58.3333333333%;
}
.cont_12 .pull_xs_8 {
left: -66.6666666667%;
}
.cont_12 .pull_xs_9 {
left: -75%;
}
.cont_12 .pull_xs_10 {
left: -83.3333333333%;
}
.cont_12 .pull_xs_11 {
left: -91.6666666667%;
}
.cont_12 .pull_xs_12 {
left: -100%;
}
.cont_12 .prefix_xs_0 {
margin-left: 0;
}
.cont_12 .suffix_xs_0 {
margin-right: 16px;
}
.cont_12 .prefix_xs_1 {
margin-left: 8.3333333333%;
}
.cont_12 .suffix_xs_1 {
margin-right: 8.3333333333%;
}
.cont_12 .prefix_xs_2 {
margin-left: 16.6666666667%;
}
.cont_12 .suffix_xs_2 {
margin-right: 16.6666666667%;
}
.cont_12 .prefix_xs_3 {
margin-left: 25%;
}
.cont_12 .suffix_xs_3 {
margin-right: 25%;
}
.cont_12 .prefix_xs_4 {
margin-left: 33.3333333333%;
}
.cont_12 .suffix_xs_4 {
margin-right: 33.3333333333%;
}
.cont_12 .prefix_xs_5 {
margin-left: 41.6666666667%;
}
.cont_12 .suffix_xs_5 {
margin-right: 41.6666666667%;
}
.cont_12 .prefix_xs_6 {
margin-left: 50%;
}
.cont_12 .suffix_xs_6 {
margin-right: 50%;
}
.cont_12 .prefix_xs_7 {
margin-left: 58.3333333333%;
}
.cont_12 .suffix_xs_7 {
margin-right: 58.3333333333%;
}
.cont_12 .prefix_xs_8 {
margin-left: 66.6666666667%;
}
.cont_12 .suffix_xs_8 {
margin-right: 66.6666666667%;
}
.cont_12 .prefix_xs_9 {
margin-left: 75%;
}
.cont_12 .suffix_xs_9 {
margin-right: 75%;
}
.cont_12 .prefix_xs_10 {
margin-left: 83.3333333333%;
}
.cont_12 .suffix_xs_10 {
margin-right: 83.3333333333%;
}
.cont_12 .prefix_xs_11 {
margin-left: 91.6666666667%;
}
.cont_12 .suffix_xs_11 {
margin-right: 91.6666666667%;
}
@media screen and (min-width: 480px) {
.cont_12 .alpha_sm {
padding-left: 0;
}
.cont_12 .omega_sm {
padding-right: 0;
}
.cont_12 .noalpha_sm {
padding-left: 16px;
}
.cont_12 .noomega_sm {
padding-right: 16px;
}
.cont_12 .col_sm_1 {
width: 8.3333333333%;
}
.cont_12 .col_sm_2 {
width: 16.6666666667%;
}
.cont_12 .col_sm_3 {
width: 25%;
}
.cont_12 .col_sm_4 {
width: 33.3333333333%;
}
.cont_12 .col_sm_5 {
width: 41.6666666667%;
}
.cont_12 .col_sm_6 {
width: 50%;
}
.cont_12 .col_sm_7 {
width: 58.3333333333%;
}
.cont_12 .col_sm_8 {
width: 66.6666666667%;
}
.cont_12 .col_sm_9 {
width: 75%;
}
.cont_12 .col_sm_10 {
width: 83.3333333333%;
}
.cont_12 .col_sm_11 {
width: 91.6666666667%;
}
.cont_12 .col_sm_12 {
width: 100%;
}
.cont_12 .push_sm_1 {
left: 8.3333333333%;
}
.cont_12 .push_sm_2 {
left: 16.6666666667%;
}
.cont_12 .push_sm_3 {
left: 25%;
}
.cont_12 .push_sm_4 {
left: 33.3333333333%;
}
.cont_12 .push_sm_5 {
left: 41.6666666667%;
}
.cont_12 .push_sm_6 {
left: 50%;
}
.cont_12 .push_sm_7 {
left: 58.3333333333%;
}
.cont_12 .push_sm_8 {
left: 66.6666666667%;
}
.cont_12 .push_sm_9 {
left: 75%;
}
.cont_12 .push_sm_10 {
left: 83.3333333333%;
}
.cont_12 .push_sm_11 {
left: 91.6666666667%;
}
.cont_12 .push_sm_12 {
left: 100%;
}
.cont_12 .pull_sm_1 {
left: -8.3333333333%;
}
.cont_12 .pull_sm_2 {
left: -16.6666666667%;
}
.cont_12 .pull_sm_3 {
left: -25%;
}
.cont_12 .pull_sm_4 {
left: -33.3333333333%;
}
.cont_12 .pull_sm_5 {
left: -41.6666666667%;
}
.cont_12 .pull_sm_6 {
left: -50%;
}
.cont_12 .pull_sm_7 {
left: -58.3333333333%;
}
.cont_12 .pull_sm_8 {
left: -66.6666666667%;
}
.cont_12 .pull_sm_9 {
left: -75%;
}
.cont_12 .pull_sm_10 {
left: -83.3333333333%;
}
.cont_12 .pull_sm_11 {
left: -91.6666666667%;
}
.cont_12 .pull_sm_12 {
left: -100%;
}
.cont_12 .prefix_sm_0 {
margin-left: 0;
}
.cont_12 .suffix_sm_0 {
margin-right: 16px;
}
.cont_12 .prefix_sm_1 {
margin-left: 8.3333333333%;
}
.cont_12 .suffix_sm_1 {
margin-right: 8.3333333333%;
}
.cont_12 .prefix_sm_2 {
margin-left: 16.6666666667%;
}
.cont_12 .suffix_sm_2 {
margin-right: 16.6666666667%;
}
.cont_12 .prefix_sm_3 {
margin-left: 25%;
}
.cont_12 .suffix_sm_3 {
margin-right: 25%;
}
.cont_12 .prefix_sm_4 {
margin-left: 33.3333333333%;
}
.cont_12 .suffix_sm_4 {
margin-right: 33.3333333333%;
}
.cont_12 .prefix_sm_5 {
margin-left: 41.6666666667%;
}
.cont_12 .suffix_sm_5 {
margin-right: 41.6666666667%;
}
.cont_12 .prefix_sm_6 {
margin-left: 50%;
}
.cont_12 .suffix_sm_6 {
margin-right: 50%;
}
.cont_12 .prefix_sm_7 {
margin-left: 58.3333333333%;
}
.cont_12 .suffix_sm_7 {
margin-right: 58.3333333333%;
}
.cont_12 .prefix_sm_8 {
margin-left: 66.6666666667%;
}
.cont_12 .suffix_sm_8 {
margin-right: 66.6666666667%;
}
.cont_12 .prefix_sm_9 {
margin-left: 75%;
}
.cont_12 .suffix_sm_9 {
margin-right: 75%;
}
.cont_12 .prefix_sm_10 {
margin-left: 83.3333333333%;
}
.cont_12 .suffix_sm_10 {
margin-right: 83.3333333333%;
}
.cont_12 .prefix_sm_11 {
margin-left: 91.6666666667%;
}
.cont_12 .suffix_sm_11 {
margin-right: 91.6666666667%;
}
}
@media screen and (min-width: 780px) {
.cont_12 .alpha_md {
padding-left: 0;
}
.cont_12 .omega_md {
padding-right: 0;
}
.cont_12 .noalpha_md {
padding-left: 16px;
}
.cont_12 .noomega_md {
padding-right: 16px;
}
.cont_12 .col_md_1 {
width: 8.3333333333%;
}
.cont_12 .col_md_2 {
width: 16.6666666667%;
}
.cont_12 .col_md_3 {
width: 25%;
}
.cont_12 .col_md_4 {
width: 33.3333333333%;
}
.cont_12 .col_md_5 {
width: 41.6666666667%;
}
.cont_12 .col_md_6 {
width: 50%;
}
.cont_12 .col_md_7 {
width: 58.3333333333%;
}
.cont_12 .col_md_8 {
width: 66.6666666667%;
}
.cont_12 .col_md_9 {
width: 75%;
}
.cont_12 .col_md_10 {
width: 83.3333333333%;
}
.cont_12 .col_md_11 {
width: 91.6666666667%;
}
.cont_12 .col_md_12 {
width: 100%;
}
.cont_12 .push_md_1 {
left: 8.3333333333%;
}
.cont_12 .push_md_2 {
left: 16.6666666667%;
}
.cont_12 .push_md_3 {
left: 25%;
}
.cont_12 .push_md_4 {
left: 33.3333333333%;
}
.cont_12 .push_md_5 {
left: 41.6666666667%;
}
.cont_12 .push_md_6 {
left: 50%;
}
.cont_12 .push_md_7 {
left: 58.3333333333%;
}
.cont_12 .push_md_8 {
left: 66.6666666667%;
}
.cont_12 .push_md_9 {
left: 75%;
}
.cont_12 .push_md_10 {
left: 83.3333333333%;
}
.cont_12 .push_md_11 {
left: 91.6666666667%;
}
.cont_12 .push_md_12 {
left: 100%;
}
.cont_12 .pull_md_1 {
left: -8.3333333333%;
}
.cont_12 .pull_md_2 {
left: -16.6666666667%;
}
.cont_12 .pull_md_3 {
left: -25%;
}
.cont_12 .pull_md_4 {
left: -33.3333333333%;
}
.cont_12 .pull_md_5 {
left: -41.6666666667%;
}
.cont_12 .pull_md_6 {
left: -50%;
}
.cont_12 .pull_md_7 {
left: -58.3333333333%;
}
.cont_12 .pull_md_8 {
left: -66.6666666667%;
}
.cont_12 .pull_md_9 {
left: -75%;
}
.cont_12 .pull_md_10 {
left: -83.3333333333%;
}
.cont_12 .pull_md_11 {
left: -91.6666666667%;
}
.cont_12 .pull_md_12 {
left: -100%;
}
.cont_12 .prefix_md_0 {
margin-left: 0;
}
.cont_12 .suffix_md_0 {
margin-right: 16px;
}
.cont_12 .prefix_md_1 {
margin-left: 8.3333333333%;
}
.cont_12 .suffix_md_1 {
margin-right: 8.3333333333%;
}
.cont_12 .prefix_md_2 {
margin-left: 16.6666666667%;
}
.cont_12 .suffix_md_2 {
margin-right: 16.6666666667%;
}
.cont_12 .prefix_md_3 {
margin-left: 25%;
}
.cont_12 .suffix_md_3 {
margin-right: 25%;
}
.cont_12 .prefix_md_4 {
margin-left: 33.3333333333%;
}
.cont_12 .suffix_md_4 {
margin-right: 33.3333333333%;
}
.cont_12 .prefix_md_5 {
margin-left: 41.6666666667%;
}
.cont_12 .suffix_md_5 {
margin-right: 41.6666666667%;
}
.cont_12 .prefix_md_6 {
margin-left: 50%;
}
.cont_12 .suffix_md_6 {
margin-right: 50%;
}
.cont_12 .prefix_md_7 {
margin-left: 58.3333333333%;
}
.cont_12 .suffix_md_7 {
margin-right: 58.3333333333%;
}
.cont_12 .prefix_md_8 {
margin-left: 66.6666666667%;
}
.cont_12 .suffix_md_8 {
margin-right: 66.6666666667%;
}
.cont_12 .prefix_md_9 {
margin-left: 75%;
}
.cont_12 .suffix_md_9 {
margin-right: 75%;
}
.cont_12 .prefix_md_10 {
margin-left: 83.3333333333%;
}
.cont_12 .suffix_md_10 {
margin-right: 83.3333333333%;
}
.cont_12 .prefix_md_11 {
margin-left: 91.6666666667%;
}
.cont_12 .suffix_md_11 {
margin-right: 91.6666666667%;
}
}
@media screen and (min-width: 1024px) {
.cont_12 .alpha_l {
padding-left: 0;
}
.cont_12 .omega_l {
padding-right: 0;
}
.cont_12 .noalpha_l {
padding-left: 16px;
}
.cont_12 .noomega_l {
padding-right: 16px;
}
.cont_12 .col_l_1 {
width: 8.3333333333%;
}
.cont_12 .col_l_2 {
width: 16.6666666667%;
}
.cont_12 .col_l_3 {
width: 25%;
}
.cont_12 .col_l_4 {
width: 33.3333333333%;
}
.cont_12 .col_l_5 {
width: 41.6666666667%;
}
.cont_12 .col_l_6 {
width: 50%;
}
.cont_12 .col_l_7 {
width: 58.3333333333%;
}
.cont_12 .col_l_8 {
width: 66.6666666667%;
}
.cont_12 .col_l_9 {
width: 75%;
}
.cont_12 .col_l_10 {
width: 83.3333333333%;
}
.cont_12 .col_l_11 {
width: 91.6666666667%;
}
.cont_12 .col_l_12 {
width: 100%;
}
.cont_12 .push_l_1 {
left: 8.3333333333%;
}
.cont_12 .push_l_2 {
left: 16.6666666667%;
}
.cont_12 .push_l_3 {
left: 25%;
}
.cont_12 .push_l_4 {
left: 33.3333333333%;
}
.cont_12 .push_l_5 {
left: 41.6666666667%;
}
.cont_12 .push_l_6 {
left: 50%;
}
.cont_12 .push_l_7 {
left: 58.3333333333%;
}
.cont_12 .push_l_8 {
left: 66.6666666667%;
}
.cont_12 .push_l_9 {
left: 75%;
}
.cont_12 .push_l_10 {
left: 83.3333333333%;
}
.cont_12 .push_l_11 {
left: 91.6666666667%;
}
.cont_12 .push_l_12 {
left: 100%;
}
.cont_12 .pull_l_1 {
left: -8.3333333333%;
}
.cont_12 .pull_l_2 {
left: -16.6666666667%;
}
.cont_12 .pull_l_3 {
left: -25%;
}
.cont_12 .pull_l_4 {
left: -33.3333333333%;
}
.cont_12 .pull_l_5 {
left: -41.6666666667%;
}
.cont_12 .pull_l_6 {
left: -50%;
}
.cont_12 .pull_l_7 {
left: -58.3333333333%;
}
.cont_12 .pull_l_8 {
left: -66.6666666667%;
}
.cont_12 .pull_l_9 {
left: -75%;
}
.cont_12 .pull_l_10 {
left: -83.3333333333%;
}
.cont_12 .pull_l_11 {
left: -91.6666666667%;
}
.cont_12 .pull_l_12 {
left: -100%;
}
.cont_12 .prefix_l_0 {
margin-left: 0;
}
.cont_12 .suffix_l_0 {
margin-right: 16px;
}
.cont_12 .prefix_l_1 {
margin-left: 8.3333333333%;
}
.cont_12 .suffix_l_1 {
margin-right: 8.3333333333%;
}
.cont_12 .prefix_l_2 {
margin-left: 16.6666666667%;
}
.cont_12 .suffix_l_2 {
margin-right: 16.6666666667%;
}
.cont_12 .prefix_l_3 {
margin-left: 25%;
}
.cont_12 .suffix_l_3 {
margin-right: 25%;
}
.cont_12 .prefix_l_4 {
margin-left: 33.3333333333%;
}
.cont_12 .suffix_l_4 {
margin-right: 33.3333333333%;
}
.cont_12 .prefix_l_5 {
margin-left: 41.6666666667%;
}
.cont_12 .suffix_l_5 {
margin-right: 41.6666666667%;
}
.cont_12 .prefix_l_6 {
margin-left: 50%;
}
.cont_12 .suffix_l_6 {
margin-right: 50%;
}
.cont_12 .prefix_l_7 {
margin-left: 58.3333333333%;
}
.cont_12 .suffix_l_7 {
margin-right: 58.3333333333%;
}
.cont_12 .prefix_l_8 {
margin-left: 66.6666666667%;
}
.cont_12 .suffix_l_8 {
margin-right: 66.6666666667%;
}
.cont_12 .prefix_l_9 {
margin-left: 75%;
}
.cont_12 .suffix_l_9 {
margin-right: 75%;
}
.cont_12 .prefix_l_10 {
margin-left: 83.3333333333%;
}
.cont_12 .suffix_l_10 {
margin-right: 83.3333333333%;
}
.cont_12 .prefix_l_11 {
margin-left: 91.6666666667%;
}
.cont_12 .suffix_l_11 {
margin-right: 91.6666666667%;
}
}
@media screen and (min-width: 1280px) {
.cont_12 .alpha_xl {
padding-left: 0;
}
.cont_12 .omega_xl {
padding-right: 0;
}
.cont_12 .noalpha_xl {
padding-left: 16px;
}
.cont_12 .noomega_xl {
padding-right: 16px;
}
.cont_12 .col_xl_1 {
width: 8.3333333333%;
}
.cont_12 .col_xl_2 {
width: 16.6666666667%;
}
.cont_12 .col_xl_3 {
width: 25%;
}
.cont_12 .col_xl_4 {
width: 33.3333333333%;
}
.cont_12 .col_xl_5 {
width: 41.6666666667%;
}
.cont_12 .col_xl_6 {
width: 50%;
}
.cont_12 .col_xl_7 {
width: 58.3333333333%;
}
.cont_12 .col_xl_8 {
width: 66.6666666667%;
}
.cont_12 .col_xl_9 {
width: 75%;
}
.cont_12 .col_xl_10 {
width: 83.3333333333%;
}
.cont_12 .col_xl_11 {
width: 91.6666666667%;
}
.cont_12 .col_xl_12 {
width: 100%;
}
.cont_12 .push_xl_1 {
left: 8.3333333333%;
}
.cont_12 .push_xl_2 {
left: 16.6666666667%;
}
.cont_12 .push_xl_3 {
left: 25%;
}
.cont_12 .push_xl_4 {
left: 33.3333333333%;
}
.cont_12 .push_xl_5 {
left: 41.6666666667%;
}
.cont_12 .push_xl_6 {
left: 50%;
}
.cont_12 .push_xl_7 {
left: 58.3333333333%;
}
.cont_12 .push_xl_8 {
left: 66.6666666667%;
}
.cont_12 .push_xl_9 {
left: 75%;
}
.cont_12 .push_xl_10 {
left: 83.3333333333%;
}
.cont_12 .push_xl_11 {
left: 91.6666666667%;
}
.cont_12 .push_xl_12 {
left: 100%;
}
.cont_12 .pull_xl_1 {
left: -8.3333333333%;
}
.cont_12 .pull_xl_2 {
left: -16.6666666667%;
}
.cont_12 .pull_xl_3 {
left: -25%;
}
.cont_12 .pull_xl_4 {
left: -33.3333333333%;
}
.cont_12 .pull_xl_5 {
left: -41.6666666667%;
}
.cont_12 .pull_xl_6 {
left: -50%;
}
.cont_12 .pull_xl_7 {
left: -58.3333333333%;
}
.cont_12 .pull_xl_8 {
left: -66.6666666667%;
}
.cont_12 .pull_xl_9 {
left: -75%;
}
.cont_12 .pull_xl_10 {
left: -83.3333333333%;
}
.cont_12 .pull_xl_11 {
left: -91.6666666667%;
}
.cont_12 .pull_xl_12 {
left: -100%;
}
.cont_12 .prefix_xl_0 {
margin-left: 0;
}
.cont_12 .suffix_xl_0 {
margin-right: 16px;
}
.cont_12 .prefix_xl_1 {
margin-left: 8.3333333333%;
}
.cont_12 .suffix_xl_1 {
margin-right: 8.3333333333%;
}
.cont_12 .prefix_xl_2 {
margin-left: 16.6666666667%;
}
.cont_12 .suffix_xl_2 {
margin-right: 16.6666666667%;
}
.cont_12 .prefix_xl_3 {
margin-left: 25%;
}
.cont_12 .suffix_xl_3 {
margin-right: 25%;
}
.cont_12 .prefix_xl_4 {
margin-left: 33.3333333333%;
}
.cont_12 .suffix_xl_4 {
margin-right: 33.3333333333%;
}
.cont_12 .prefix_xl_5 {
margin-left: 41.6666666667%;
}
.cont_12 .suffix_xl_5 {
margin-right: 41.6666666667%;
}
.cont_12 .prefix_xl_6 {
margin-left: 50%;
}
.cont_12 .suffix_xl_6 {
margin-right: 50%;
}
.cont_12 .prefix_xl_7 {
margin-left: 58.3333333333%;
}
.cont_12 .suffix_xl_7 {
margin-right: 58.3333333333%;
}
.cont_12 .prefix_xl_8 {
margin-left: 66.6666666667%;
}
.cont_12 .suffix_xl_8 {
margin-right: 66.6666666667%;
}
.cont_12 .prefix_xl_9 {
margin-left: 75%;
}
.cont_12 .suffix_xl_9 {
margin-right: 75%;
}
.cont_12 .prefix_xl_10 {
margin-left: 83.3333333333%;
}
.cont_12 .suffix_xl_10 {
margin-right: 83.3333333333%;
}
.cont_12 .prefix_xl_11 {
margin-left: 91.6666666667%;
}
.cont_12 .suffix_xl_11 {
margin-right: 91.6666666667%;
}
}
.alpha {
padding-left: 0;
}
.omega {
padding-right: 0;
}
.clear,
.clearer {
clear: both;
margin: 32px auto 32px;
position: relative;
}
.clearer {
overflow: hidden;
visibility: hidden;
}
.clearfix::before,
.cont_12::before,
.post::before,
.cf::before,
.row::before,
.clearfix::after,
.cont_12::after,
.post::after,
.row::after {
content: ' ';
display: table;
visibility: hidden;
height: 0;
}
.clearfix::after,
.cont_12::after,
.post::after,
.cf::after,
.row::after {
clear: both;
}
.is-hidden {
display: none !important;
}
@media screen and (min-width: 0) and (max-width: 479px) {
.is-hidden--xs {
display: none !important;
}
}
@media screen and (min-width: 480px) and (max-width: 779px) {
.is-hidden--sm {
display: none !important;
}
}
@media screen and (min-width: 780px) and (max-width: 1023px) {
.is-hidden--md {
display: none !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.is-hidden--lg {
display: none !important;
}
}
@media screen and (min-width: 1280px) {
.is-hidden--xl {
display: none !important;
}
}
.is-visible {
display: block;
} @font-face {
font-family: "Merriweather";
font-weight: 700;
font-style: italic;
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-bolditalic-webfont.eot?);
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-bolditalic-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-bolditalic-webfont.woff?) format("woff"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-bolditalic-webfont.ttf?}) format("truetype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-bolditalic-webfont.svg?#Merriweather) format("svg");
}
@font-face {
font-family: "Merriweather";
font-weight: 700;
font-style: normal;
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-bold-webfont.eot?);
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-bold-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-bold-webfont.woff?) format("woff"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-bold-webfont.ttf?}) format("truetype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-bold-webfont.svg?#Merriweather) format("svg");
}
@font-face {
font-family: "Merriweather";
font-weight: 400;
font-style: italic;
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-italic-webfont.eot?);
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-italic-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-italic-webfont.woff?) format("woff"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-italic-webfont.ttf?}) format("truetype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-italic-webfont.svg?#Merriweather) format("svg");
}
@font-face {
font-family: "Merriweather";
font-weight: 400;
font-style: normal;
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-regular-webfont.eot?);
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-regular-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-regular-webfont.woff?) format("woff"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-regular-webfont.ttf?}) format("truetype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather/merriweather-regular-webfont.svg?#Merriweather) format("svg");
}
@font-face {
font-family: "Merriweather Sans";
font-weight: 700;
font-style: normal;
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-bold-webfont.eot?);
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-bold-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-bold-webfont.woff?) format("woff"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-bold-webfont.ttf?}) format("truetype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-bold-webfont.svg?#Merriweather Sans) format("svg");
}
@font-face {
font-family: "Merriweather Sans";
font-weight: 700;
font-style: italic;
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.eot?);
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.woff?) format("woff"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.ttf?}) format("truetype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-bolditalic-webfont.svg?#Merriweather Sans) format("svg");
}
@font-face {
font-family: "Merriweather Sans";
font-weight: 400;
font-style: normal;
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-light-webfont.eot?);
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-light-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-light-webfont.woff?) format("woff"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-light-webfont.ttf?}) format("truetype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-light-webfont.svg?#Merriweather Sans) format("svg");
}
@font-face {
font-family: "Merriweather Sans";
font-weight: 400;
font-style: italic;
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.eot?);
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.eot?#iefix) format("embedded-opentype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.woff?) format("woff"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.ttf?}) format("truetype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/merriweather-sans/merriweathersans-lightitalic-webfont.svg?#Merriweather Sans) format("svg");
}
* {
box-sizing: border-box;
}
html {
min-height: 100%;
font-size: 16px;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
margin: 0;
min-height: 100%;
padding: 0;
position: relative;
width: 100%;
}
header,
footer,
main,
article,
section,
figure {
display: block;
}
ul,
ol {
margin: 24px 0;
padding: 0;
padding-left: 16px;
list-style-type: none;
}
ul {
list-style: outside disc url();
padding-left: 16px;
}
ol {
list-style: outside ideograph-numeric url();
}
li {
background-repeat: no-repeat;
background-position: 0 center;
}
p {
margin: 0;
padding: 0;
}
p img {
vertical-align: middle;
}
*+p {
margin-top: 24px;
}
p a {
color: #000000;
text-decoration: underline;
-webkit-text-decoration-style: dotted;
text-decoration-style: dotted;
}
h1,
h2,
h3,
h4 {
font-family: "Merriweather", serif;
font-size: 31px;
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
line-height: 1;
color: #C11C11;
}
h2,
h3,
h4 {
font-size: 25px;
}
h3,
h4 {
font-size: 19px;
font-family: "Merriweather Sans", sans-serif;
color: #333333;
}
h4 {
font-size: 16px;
font-weight: bold;
}
*+h1,
*+h2,
*+h3,
*+h4,
*+h2,
*+h3,
*+h4,
*+h3,
*+h4,
*+h4,
*+h5 {
margin-top: 1.5em;
}
*+h1 a,
*+h2 a,
*+h3 a,
*+h4 a,
*+h2 a,
*+h3 a,
*+h4 a,
*+h3 a,
*+h4 a,
*+h4 a,
*+h5 a {
text-decoration: none;
}
*:focus {
outline: none;
}
a {
text-decoration: underline;
color: currentColor;
}
a:hover {
text-decoration: none;
}
a:visited {
text-decoration: line-through;
}
a img {
border: 0px;
}
a figcaption {
text-decoration: none;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
figure {
margin: 0;
max-width: 100%;
height: auto;
}
label {
cursor: pointer;
}
table {
border-collapse: collapse;
width: 100%;
}
table th,
table td {
text-align: left;
}
iframe {
max-width: 100%;
}
small {
color: #4d4c4c;
}
.btn,
input[type="submit"],
.search .search-btn,
.button {
background-color: #AC947C;
border: 0;
border-radius: 3px;
color: #FFFFFF;
display: inline-block;
font-size: 16px;
max-width: 100%;
padding: 5px 15px;
position: relative;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 150px;
}
.btn:hover,
input[type="submit"]:hover,
.search .search-btn:hover,
.button:hover {
font-weight: bolder;
}
.btn.small,
input.small[type="submit"],
.search .small.search-btn,
.button.small {
padding: 2px 5px;
width: auto;
}
.btn.small:hover,
input.small[type="submit"]:hover,
.search .small.search-btn:hover,
.button.small:hover {
font-weight: 400;
}
.btn.wide,
input.wide[type="submit"],
.search .wide.search-btn,
.button.wide {
width: 170px;
}
.btn.big,
input.big[type="submit"],
.search .big.search-btn,
.button.big {
padding: 15px 30px;
width: 250px;
}
.btn.full,
input.full[type="submit"],
.search .full.search-btn,
.button.full {
width: 100%;
}
.btn.cta,
input.cta[type="submit"],
.search .cta.search-btn,
.button.cta {
display: block;
margin-top: 16px;
padding: 25px 50px;
text-align: center;
width: 100%;
font-size: 25px;
font-family: "Merriweather", serif;
max-width: 600px;
border-radius: 8px;
}
.btn.fancy-with-icon,
input.fancy-with-icon[type="submit"],
.search .fancy-with-icon.search-btn,
.button.fancy-with-icon {
height: 45px;
min-width: 200px;
padding-left: 35px;
position: relative;
border-color: #C11C11;
}
.btn.fancy-with-icon::before,
input.fancy-with-icon[type="submit"]::before,
.search .fancy-with-icon.search-btn::before,
.button.fancy-with-icon::before {
background-color: #C11C11;
border-radius: 100%;
color: #FFFFFF;
display: inline-block;
font-size: 25px;
height: 25px;
left: -26px;
line-height: 1;
padding: 10px;
position: absolute;
top: -1px;
width: 25px;
}
.btn.left,
input.left[type="submit"],
.search .left.search-btn,
.button.left {
float: left;
}
.btn.right,
input.right[type="submit"],
.search .right.search-btn,
.button.right {
float: right;
}
.btn.blue,
input.blue[type="submit"],
.search .blue.search-btn,
.haet-cleverreach-field-wrap.type-submit button,
.button.blue {
background-color: #C11C11;
}
.btn.brown,
input.brown[type="submit"],
.search .brown.search-btn,
.button.brown {
background-color: #AC947C;
} body {
background-color: #FFFFFF, transparent;
background-image: url(//www.aribo-hotel.de/wp-content/themes/aribo/images/bg_aribo.jpg);
background-repeat: repeat;
background-position: 0 0;
color: #333333;
font-family: "Merriweather Sans", sans-serif;
line-height: 1.5;
}
@media screen and (min-width: 780px) {
#page {
padding-top: 195px;
}
}
.page-title {
border-bottom: 1px solid #a6a6a6;
font-weight: 400;
margin-bottom: 30px;
padding-bottom: 15px;
text-align: center;
}
.shadow,
.header-shadow {
height: 32px;
overflow: hidden;
clear: both;
position: absolute;
border-top: 1px solid rgba(255, 255, 255, 0.8);
width: 100%;
top: 100%;
}
.shadow::before,
.header-shadow::before {
content: '';
position: absolute;
display: block;
bottom: 100%;
height: 100%;
width: 100%;
box-shadow: 0 0 30px #333333;
border-radius: 100%;
}
.toolbar {
background-color: #C11C11;
padding-top: 8px;
padding-bottom: 8px;
line-height: 2;
color: #FFFFFF;
}
.toolbar .iw,
.toolbar .inner {
max-width: 96%;
width: 1552px;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media screen and (min-width: 1024px) {
.toolbar-group {
text-align: center;
}
}
.toolbar-link {
text-decoration: none;
margin-right: 10px;
font-size: 25px;
}
@media screen and (min-width: 1024px) {
.toolbar-link {
font-size: 16px;
margin-left: 32px;
margin-right: 32px;
}
}
.toolbar-link span {
display: none;
}
@media screen and (min-width: 1024px) {
.toolbar-link span {
display: inline;
}
}
.toolbar.fixed {
position: fixed;
left: 0;
width: 100%;
z-index: 100;
}
.toolbar.bottom {
bottom: 0;
}
.toolbar-invader {
display: none;
}
@media screen and (min-width: 780px) {
.toolbar-invader {
display: block;
position: absolute;
right: 0;
bottom: 100%;
width: 0;
height: 0;
border-width: 90px;
border-style: solid;
border-color: transparent #b51f29 #b51f29 transparent;
}
.toolbar-invader p {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
line-height: 1;
text-align: center;
padding-top: 16px;
width: 100px;
margin-left: -25px;
font-family: "Merriweather", serif;
font-weight: bold;
}
}
.header {
width: 100%;
z-index: 1000;
padding: 8px 0 0;
background-color: rgba(255, 255, 255, 0.9);
position: relative;
}
@media screen and (min-width: 780px) {
.header {
left: 0;
position: fixed;
top: 0;
}
}
.header-shadow {
pointer-events: none;
}
.header .header-banner {
position: absolute;
background-color: #c11c11;
color: #FFF;
font-weight: bold;
text-decoration: none;
padding: .25em .5em;
font-size: 1em;
top: 100%;
right: 0;
z-index: -1;
font-family: "Merriweather", serif;
}
@media screen and (min-width: 780px) {
.header .header-banner {
padding: .25em 1em;
font-size: 1.4em;
}
}
.header-logo {
display: block;
text-align: left;
white-space: nowrap;
}
.header-logoimage {
height: auto;
max-height: 100%;
max-width: 100%;
width: auto;
}
@media screen and (min-width: 780px) {
.header-logoimage {
display: inline;
max-height: 65px;
}
}
.header-quicklinks {
text-align: center;
margin-bottom: 16px;
}
@media screen and (min-width: 780px) {
.header-quicklinks {
margin-bottom: 0;
text-align: right;
}
}
.header-quicklinks-link {
cursor: pointer;
}
@media screen and (max-width: 780px) {
.header-quicklinks-link {
width: 135px !important;
font-size: 13px;
}
}
@media screen and (min-width: 780px) {
.header-quicklinks-link::after {
content: '';
display: block;
margin: 5px auto 0;
width: 0;
height: 0;
border-width: 10px 10px 5px;
border-style: solid;
border-color: #FFFFFF transparent transparent;
}
}
.content {
min-height: 50vh;
max-width: 96%;
width: 1552px;
margin-left: auto;
margin-right: auto;
position: relative;
margin-bottom: 100px;
}
.content::after {
content: ' ';
display: table;
visibility: hidden;
height: 0;
}
.content::after {
clear: both;
}
.content .inner,
.content-iw,
.content .iw {
padding-bottom: 32px;
padding-top: 32px;
clear: both;
float: left;
}
@media screen and (min-width: 1024px) {
.content .inner,
.content-iw,
.content .iw {
margin-bottom: 96px;
padding-bottom: 96px;
}
}
.content .inner.no-padding,
.content-iw.no-padding,
.content .iw.no-padding {
padding-bottom: 0;
}
.content .inner.no-margin,
.content-iw.no-margin,
.content .iw.no-margin {
margin-bottom: 0;
}
.no-margin+.content .inner,
.no-margin+.content-iw,
.no-margin+.content .iw {
margin-top: 0;
}
@media screen and (min-width: 1024px) {
.content .inner--halfWidth,
.content-iw--halfWidth,
.content .iw--halfWidth {
width: 50% !important;
float: left;
clear: none;
}
}
.content .inner--shadow,
.content-iw--shadow,
.content .iw--shadow {
margin-top: 48px;
padding-top: 48px;
margin-bottom: 48px;
padding-bottom: 48px;
}
.content .inner--shadow:nth-child(1),
.content-iw--shadow:nth-child(1),
.content .iw--shadow:nth-child(1) {
margin-top: 0;
padding-top: 32px;
}
.content--nohero {
margin-top: 100px;
}
.footer {
background: #AC947C url() repeat left top;
color: #FFFFFF;
font-size: 16px;
min-height: 200px;
padding: 16px 0 64px;
text-align: center;
}
.footer-section.bottom {
border-top: 2px solid #FFFFFF;
}
.footer .iw {
max-width: 96%;
width: 1552px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.footer .article {
color: #FFFFFF;
}
.footer .article-header,
.footer .gallery-heading {
color: inherit;
font-weight: 400;
}
.footer .widget {
padding-top: 32px;
}
.footer .widget-title {
font-family: "Merriweather", serif;
font-style: italic;
margin-bottom: 15px;
color: #FFFFFF;
}
@media screen and (min-width: 780px) {
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h2,
.footer h3,
.footer h4,
.footer h3,
.footer h4 {
font-size: 31px;
}
}
.footer a {
text-decoration: none;
color: #FFFFFF;
}
@font-face {
font-family: "fontello";
font-weight: "normal";
font-style: "normal";
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/iconfont/fontello.eot?32992139);
src: url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/iconfont/fontello.eot?32992139#iefix) format("embedded-opentype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/iconfont/fontello.woff?32992139) format("woff"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/iconfont/fontello.ttf?32992139}) format("truetype"), url(//www.aribo-hotel.de/wp-content/themes/aribo/fonts/iconfont/fontello.svg?32992139#fontello) format("svg");
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;    }
.icon-address:before {
content: '\e81c';
} .icon-aribo:before {
content: '\e811';
} .icon-arrow-down:before {
content: '\e813';
} .icon-arrow-up:before {
content: '\e814';
} .icon-bed:before {
content: '\e835';
} .icon-book:before {
content: '\e833';
} .icon-cancel:before {
content: '\e82b';
} .icon-chat:before {
content: '\e80f';
} .icon-check:before {
content: '\e825';
} .icon-down-dir:before {
content: '\e800';
} .icon-down-open-big:before {
content: '\e816';
} .icon-download:before {
content: '\e818';
} .icon-email:before {
content: '\e80e';
} .icon-facebook-circled:before {
content: '\e806';
} .icon-file-archive:before {
content: '\e823';
} .icon-file-excel:before {
content: '\e821';
} .icon-file-image:before {
content: '\e822';
} .icon-file-pdf:before {
content: '\e81a';
} .icon-file-video:before {
content: '\e824';
} .icon-file-word:before {
content: '\e81b';
} .icon-gplus-circled:before {
content: '\e809';
} .icon-info-circled:before {
content: '\e830';
} .icon-info:before {
content: '\e831';
} .icon-layout:before {
content: '\e801';
} .icon-left-open-big:before {
content: '\e82f';
} .icon-left-open-mini:before {
content: '\e82d';
} .icon-linkedin-circled:before {
content: '\e80a';
} .icon-location:before {
content: '\e820';
} .icon-mail-alt:before {
content: '\e82a';
} .icon-menu:before {
content: '\e802';
} .icon-newspaper:before {
content: '\e81d';
} .icon-pause:before {
content: '\e828';
} .icon-phone:before {
content: '\e80c';
} .icon-pinterest-circled:before {
content: '\e808';
} .icon-play:before {
content: '\e826';
} .icon-print:before {
content: '\e80d';
} .icon-right-open-big:before {
content: '\e82e';
} .icon-right-open-mini:before {
content: '\e82c';
} .icon-search:before {
content: '\e81f';
} .icon-share:before {
content: '\e80b';
} .icon-stop:before {
content: '\e827';
} .icon-tumblr-circled:before {
content: '\e81e';
} .icon-twitter-circled:before {
content: '\e807';
} .icon-up-dir:before {
content: '\e803';
} .icon-up-open-big:before {
content: '\e817';
} .icon-up-open-mini:before {
content: '\e815';
} .icon-upload:before {
content: '\e819';
} .icon-user:before {
content: '\e804';
} .icon-users:before {
content: '\e805';
} .icon-volume:before {
content: '\e829';
} .icon-youtube-play:before {
content: '\e810';
} .icon-zoom:before {
content: '\e812';
} form,
fieldset {
margin: 0;
padding: 0;
}
.toolbar .iw,
.toolbar .inner,
.header .inner,
.header .iw,
.content .inner,
.content-iw,
.content .iw,
.footer .iw {
margin-left: auto;
margin-right: auto;
position: relative;
}
.footer .xform,
.footer .google_maps,
.article,
.gallery {
margin-bottom: 32px;
}
.article.personal .article-iwrap {
background-color: #FFFFFF;
padding: 10.6666666667px;
position: relative;
border: 1px solid #C11C11;
}
.tabs {
padding-left: 15px;
padding-right: 15px;
}
.tabCtrl {
height: 0;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 0;
}
#tabCtrl1:checked~.tabName[for="tabCtrl1"],
#tabCtrl2:checked~.tabName[for="tabCtrl2"],
#tabCtrl3:checked~.tabName[for="tabCtrl3"] {
color: #FFFFFF;
font-weight: bold;
}
#tabCtrl1:checked~#tab1,
#tabCtrl2:checked~#tab2,
#tabCtrl3:checked~#tab3 {
display: block;
}
.tabName {
float: left;
margin-bottom: 5px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 0;
padding-right: 0;
padding-top: 5px;
text-align: center;
width: 33.33%;
font-size: 13px;
}
.tab {
clear: both;
display: none;
}
.popup {
background-color: #FFFFFF;
border: 1px solid #C11C11;
box-shadow: 2px 2px 4px #333333;
height: auto;
padding: 0;
padding-top: 32px;
padding-bottom: 32px;
position: absolute;
width: 90%;
z-index: 1000;
border-radius: 8px;
max-width: 100%;
}
.popup.bottom {
bottom: 16px;
}
.popup.left {
left: 5%;
}
@media screen and (min-width: 780px) {
.popup.left {
left: 16px;
}
}
.popup.right {
right: 5%;
}
@media screen and (min-width: 780px) {
.popup.right {
right: 16px;
}
}
.popup.top {
top: 170px;
}
@media screen and (min-width: 780px) {
.popup.top {
top: 110px;
}
}
.popup-btn {
color: #C11C11;
cursor: pointer;
font-size: 25px;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.nav {
background-color: transparent;
margin: 0;
}
@media screen and (min-width: 1024px) {
.nav {
margin: 32px auto 0 auto;
position: relative;
}
}
.nav-switch {
color: #C11C11;
cursor: pointer;
display: inline-block;
font-size: 16px;
overflow: hidden;
width: 64px;
text-align: center;
}
.nav-switch span {
display: block;
margin-bottom: -30px;
}
.nav-switch i {
font-size: 62px;
}
.nav-switch i::before {
margin: 0;
line-height: 0;
}
.unfold .nav-switch {
position: absolute;
top: 0;
right: 0;
}
@media screen and (min-width: 1024px) {
.nav-switch {
display: none;
}
}
.nav {
background-color: transparent;
display: block;
list-style: inside none;
margin: 0;
padding-left: 0;
width: 100%;
z-index: 10;
}
.navbar {
position: static;
text-align: right;
}
.navbar.unfold {
background-color: #FFFFFF;
position: fixed;
width: 100% !important;
height: 100%;
left: 0;
top: 0;
margin: 0 !important;
z-index: 1000;
}
.navbar.unfold::before {
color: #C11C11;
content: '\e811';
font-family: 'fontello';
font-size: 62px;
left: 8px;
position: fixed;
top: 0;
}
@media screen and (min-width: 1024px) {
.navbar {
background-color: transparent;
position: relative;
}
}
.nav.main {
position: absolute;
right: 0;
top: 64px;
display: none;
}
.nav.main.is-open {
display: block;
width: 100%;
}
@media screen and (min-width: 1024px) {
.nav.main {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin: 0;
position: static;
right: auto;
top: 0;
width: auto;
}
}
.nav.social,
.nav.lang {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
@media screen and (min-width: 1024px) {
.nav.social,
.nav.lang {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.toggled-on>.nav {
display: block !important;
}
.nav.lvl-2 {
display: none;
list-style: outside none;
padding-top: 32px;
padding-bottom: 32px;
padding-left: -webkit-calc( 100% - $site-width / 2);
padding-left: calc( 100% - $site-width / 2);
position: static;
}
@media screen and (min-width: 1024px) {
.nav.lvl-2 {
background-color: rgba(255, 255, 255, 0.9);
border-top: 0;
left: 0;
padding-bottom: 16px;
position: absolute;
top: 100%;
width: 100%;
overflow: hidden;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nav.lvl-2::before {
content: '';
display: block;
position: absolute;
height: 20%;
width: 100%;
border-radius: 100%;
box-shadow: 0 0 35px #333333;
top: -22%;
}
}
.nav.lvl-3 {
list-style: outside none;
padding-top: 8px;
position: static;
display: block;
}
@media screen and (min-width: 1024px) {
.nav-item {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-right: 0;
float: left;
padding: 0 5px;
position: static;
z-index: 1;
padding-bottom: 32px;
padding-top: 16px;
}
}
.nav-item+.nav-item {
margin-top: 16px;
}
@media screen and (min-width: 1024px) {
.nav-item+.nav-item {
margin-top: 0;
}
}
.lvl-2>.nav-item {
display: block;
background: transparent;
padding-bottom: 0;
-webkit-flex-basis: 15%;
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
}
@media screen and (min-width: 1024px) {
.lvl-2>.nav-item+.nav-item {
border-left: 1px solid #FFFFFF;
}
}
.lvl-3>.nav-item {
display: block;
-webkit-box-flex: unset;
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
width: 100%;
border-left: 0;
padding-bottom: 0;
padding-top: 0;
}
.nav-item:hover>.nav.lvl-2,
.nav-item:focus>.nav.lvl-2,
.nav-item:target>.nav.lvl-2 {
display: block;
}
@media screen and (min-width: 1024px) {
.nav-item:hover>.nav.lvl-2,
.nav-item:focus>.nav.lvl-2,
.nav-item:target>.nav.lvl-2 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
}
.nav-link {
color: #333333;
display: block;
font-family: "Merriweather", serif;
font-size: 19px;
font-weight: normal;
position: relative;
text-align: center;
text-align: center;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
}
.nav-link span {
display: inline-block;
line-height: 1;
vertical-align: middle;
margin-top: -5px;
}
.nav-link:hover,
.nav-link:focus {
color: #C11C11;
}
.current>.nav-link::before {
content: '\e811';
color: #C11C11;
font-family: fontello;
font-size: 19px;
margin-left: -1em;
margin-right: 10px;
}
@media screen and (min-width: 1024px) {
.nav-link:hover::after,
.nav-link:focus::after,
.nav-link:target::after {
border-color: transparent transparent #C11C11 transparent;
border-style: solid;
border-width: 10px;
bottom: -100%;
content: '';
height: 0;
left: 50%;
margin-left: -10px;
position: absolute;
width: 0;
}
.lvl-2 .nav-link:hover::after,
.lvl-2 .nav-link:focus::after,
.lvl-2 .nav-link:target::after {
content: unset;
}
}
.nav-link .nav-image {
display: block;
margin: 0 auto;
}
.lvl-2 .nav-link {
color: #333333;
font-size: 16px;
}
.lvl-3 .nav-link {
text-transform: none;
font-family: "Merriweather Sans", sans-serif;
}
.mininav {
list-style: inside none url();
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
}
.mininavbar {
background-color: #C11C11;
height: 30px;
}
.mininav-item {
color: #FFFFFF;
}
.mininav-link {
color: #FFFFFF;
font-size: 13px;
padding: 3px 5px;
text-decoration: none;
}
.socialnav {
display: none;
}
@media screen and (min-width: 1024px) {
.socialnav {
height: 80px;
display: block;
}
}
.socialnav a {
display: block;
line-height: 40px;
text-align: center;
}
#menu-sitemap.menu {
list-style: inside disc;
}
#menu-sitemap.menu .sub-menu {
margin-bottom: 0;
margin-top: 0;
}
#menu-sitemap.menu .menu-item .menu-item {
padding: 0 0 0 16px;
list-style: inside circle;
}
#menu-sitemap.menu .menu-item .menu-item a {
font-weight: normal;
}
#menu-sitemap.menu a {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.breadcrumb {
color: #C11C11;
font-size: 13px;
}
.breadcrumb-link {
text-decoration: none;
display: inline-block;
}
.breadcrumb-link:hover {
color: #AC947C;
}
.intro {
background-size: cover;
background: url(//www.aribo-hotel.de/wp-content/themes/IMG_9073.JPG) no-repeat center center;
display: block;
height: 100vh;
position: relative;
width: 100%;
overflow: hidden;
}
.old-ie .intro {
display: none !important;
}
@media screen and (max-width: 1024px) {
.intro {
display: none;
}
}
.intro::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 10%, transparent 50%, transparent 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 10%, transparent 50%, transparent 100%);
}
.intro-video {
background-color: #000000;
min-height: 100%;
left: 50%;
position: absolute;
top: 50%;
min-width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.article { }
.article-iw {
position: relative;
}
.article-header,
.gallery-heading {
margin-bottom: 32px;
}
.article-header a,
.gallery-heading a {
text-decoration: none;
}
.article-header.sub,
.sub.gallery-heading {
margin-top: 0;
}
.article-content {
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
@media screen and (min-width: 780px) {
.article-content.column-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.article-content.column-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.article-content.column-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
}
.article-image,
.article-imagecol {
text-align: center;
overflow: hidden;
position: relative;
margin-bottom: 32px;
}
@media screen and (min-width: 780px) {
.article-image,
.article-imagecol {
max-width: 33.33%;
}
.article-image.left,
.left.article-imagecol {
float: left;
margin-right: 16px;
}
.article-image.right,
.right.article-imagecol {
float: right;
margin-left: 16px;
}
.article-header.sub+.article-image,
.sub.gallery-heading+.article-image,
.article-header.sub+.article-imagecol,
.sub.gallery-heading+.article-imagecol {
margin-top: -32px;
}
}
.article-image.rounded,
.rounded.article-imagecol {
border-radius: 100%;
}
.article-image.has-link::after,
.has-link.article-imagecol::after {
content: '+';
position: absolute;
top: 0%;
left: 50%;
width: 32px;
margin-left: -16px;
font-size: 62px;
color: #FFFFFF;
opacity: 0;
-webkit-transition: top 0.1s cubic-bezier(1, 0.87, 0.2, 0.98), opacity 0.1s cubic-bezier(1, 0.87, 0.2, 0.98);
transition: top 0.1s cubic-bezier(1, 0.87, 0.2, 0.98), opacity 0.1s cubic-bezier(1, 0.87, 0.2, 0.98);
}
.article-image.has-link:hover::after,
.has-link.article-imagecol:hover::after {
top: 25%;
opacity: 1;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.article-image a,
.article-imagecol a {
text-decoration: none;
}
.article-icaption {
background-color: #98bf0e;
color: white;
font-style: italic;
line-height: 1.2;
}
.article-download {
list-style: outside none;
margin: 24px 0;
padding: 0;
}
.article-download li {
margin-top: 12px;
}
.article-downloadlink {
display: block;
text-decoration: none;
}
.article-downloaddescription {
margin-top: 0;
padding-left: 48px;
}
.article-footer {
font-size: 13px;
}
.article.personal .article-img {
text-align: center;
}
.article.personal .article-fulltext {
display: none;
}
.article.personal .article-morelink {
color: #000;
text-decoration: underline;
}
.heading+.heading {
margin-top: 12px;
margin-bottom: 48px;
}
.gallery {
text-align: center;
}
.gallery-heading {
margin: 0 auto 32px;
}
.gallery-item {
display: inline-block;
position: relative;
margin-bottom: 32px;
}
.gallery-item:hover .gallery-image {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.gallery-item:hover .gallery-caption {
top: 10%;
opacity: 1;
}
.gallery-figure {
position: relative;
overflow: hidden;
border-radius: 100%;
height: 0;
padding-top: 100%;
z-index: 0;
}
.gallery-link {
display: block;
}
.gallery-image {
max-width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0.3, 0.8, 0.6);
transition: transform 0.2s cubic-bezier(0.4, 0.3, 0.8, 0.6);
}
.gallery-caption {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 100%;
color: #FFFFFF;
font-size: 16px;
text-shadow: 0px 0px 1px #000000, 1px 2px 2px #000000;
height: 80%;
left: 10%;
line-height: 1.25;
overfloe: hidden;
padding: 16px;
position: absolute;
text-decoration: none;
top: -20%;
transition-properties: opacity top;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
transition-timing: cubic-bezier(0.4, 0.3, 0.8, 0.6);
width: 80%;
font-weight: bold;
opacity: 0;
}
.gallery-caption i {
font-size: 62px;
display: inline-block;
width: 100%;
}
.hero {
overflow: hidden;
position: relative;
width: 100%;
margin: 0;
background-color: #000000;
min-height: 250px;
}
@media screen and (min-width: 780px) {
.hero {
min-height: 350px;
}
}
.hero img {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
object-fit: cover;
}
.hero-content {
left: 50%;
position: absolute;
top: 50%;
width: 776px;
max-width: 90%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hero-content .btn.cta,
.hero-content input.cta[type="submit"],
.hero-content .search .cta.search-btn,
.search .hero-content .cta.search-btn {
margin-left: auto;
margin-right: auto;
color: #C11C11;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid #C11C11;
}
@-webkit-keyframes heroImgMove {
from {
-webkit-transform: translate(-50%, -55%);
transform: translate(-50%, -55%);
}
to {
-webkit-transform: translate(-50%, -45%);
transform: translate(-50%, -45%);
}
}
@keyframes heroImgMove {
from {
-webkit-transform: translate(-50%, -55%);
transform: translate(-50%, -55%);
}
to {
-webkit-transform: translate(-50%, -45%);
transform: translate(-50%, -45%);
}
}
.linkbox {
text-decoration: none;
overflow: hidden;
padding: 32px;
}
.linkbox-iw {
display: block;
border-radius: 100%;
overflow: hidden;
height: 0;
padding-top: 100%;
position: relative;
}
.linkbox-image {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.linkbox-content {
background-color: rgba(255, 255, 255, 0.85);
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
border-radius: 100%;
}
.linkbox-caption {
font-family: "Merriweather", serif;
font-size: 16px;
font-weight: bold;
text-align: center;
position: absolute;
top: 50%;
width: 100%;
color: #C11C11;
-webkit-transition: all 0.2s 0s cubic-bezier(0.56, 0.26, 0.74, 0.91);
transition: all 0.2s 0s cubic-bezier(0.56, 0.26, 0.74, 0.91);
}
@media screen and (min-width: 780px) {
.linkbox-caption {
font-size: 19px;
}
}
@media screen and (min-width: 1024px) {
.linkbox-caption {
font-size: 25px;
}
}
.linkbox-text {
opacity: 0;
top: 100%;
width: 85%;
left: 7.5%;
position: absolute;
text-align: center;
max-height: 55%;
margin-bottom: 20px;
font-size: 16px;
-webkit-transition: all 0.2s 0s cubic-bezier(0.56, 0.26, 0.74, 0.91);
transition: all 0.2s 0s cubic-bezier(0.56, 0.26, 0.74, 0.91);
}
.linkbox:hover .linkbox-caption {
top: 15%;
line-height: 1.5;
}
.linkbox:hover .linkbox-caption:after {
content: '\e81f';
display: block;
font-size: 19px;
font-weight: bold;
font-family: fontello;
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -.5ch;
}
.linkbox:hover .linkbox-text {
top: 40%;
opacity: 1;
}
.blogposts-iwrap {
background-color: #b51f29;
padding: 16px;
}
.blogposts-header {
color: #FFFFFF;
margin-bottom: 25px;
text-align: left;
}
.blogposts-btn {
border-color: #FFFFFF;
color: #FFFFFF;
}
.blogposts-btn:hover {
background-color: transparent;
color: #FFFFFF;
}
.blogposts .post {
margin-bottom: 30px;
}
.blogposts .post-iwrap {
border: 1px solid #333333;
padding: 0px 15px 15px;
height: 100%;
}
.blogposts .post-cat {
margin: 0 -15px;
text-align: center;
}
.blogposts .post-cat span {
width: 120px;
height: 90px;
font-size: 45px;
background-color: #FFF;
border-radius: 0 0 100% 100%;
position: relative;
top: -30px;
display: block;
margin: 0 auto;
line-height: 2.2;
}
.blogposts .post-content {
margin-top: 15px;
margin-bottom: 15px;
}
.blogposts .post-title {
margin-top: 0;
}
.blogposts .post-title a {
text-decoration: none;
}
.blogposts .post-date {
font-size: 13px;
}
.blogposts .post-link {
background-color: #333333;
color: #FFFFFF;
width: 100%;
margin-top: 15px;
}
.post {
margin-bottom: 48px;
}
@media screen and (min-width: 780px) {
.post.col_md_6:nth-child(2n+1) {
clear: left;
}
}
.post .entry-header {
margin-bottom: 24px;
}
.post .entry-title a {
text-decoration: none;
}
.post .entry-meta a {
text-decoration: none;
}
.single .post .entry-content img {
float: right;
}
.post-thumbnail {
float: right;
margin-left: 16px;
}
.post::after {
content: '';
display: table;
clear: both;
}
.blogpost {
min-height: 300px;
margin-bottom: 16px;
}
.blogpost:nth-of-type(2n+3) {
clear: left;
}
.blogpost-iw {
background-color: rgba(255, 255, 255, 0.5);
padding: 16px;
border-radius: 10.66667px;
}
.blogpost-date {
font-size: 13px;
text-align: center;
display: block;
}
.blogpost-title {
color: #009EDF;
font-weight: 19px;
font-weight: bold;
margin-top: 10.66667px;
}
.blogpost-link {
color: #009EDF;
}
.blogpost-btn {
float: right;
}
.offer {
margin-bottom: 32px;
}
.offer-iw {
text-align: center;
border-radius: 0;
height: auto;
overflow: visible;
padding: 0;
text-decoration: none;
}
.offer-image {
position: relative;
z-index: auto;
-webkit-transition: -webkit-transform 0.15s linear;
transition: transform 0.15s linear;
}
.offer-imagewrap {
overflow: hidden;
}
.offer-content {
background-color: #FFFFFF;
padding: 16px 16px 32px;
}
.offer-caption {
color: #C11C11;
font-family: "Merriweather", serif;
font-size: 25px;
margin-bottom: 16px;
}
.offer-price {
margin-top: 16px;
font-weight: bold;
border: 1px solid;
-webkit-transition: border 0.15s linear, background 0.15s linear, color 0.15s linear;
transition: border 0.15s linear, background 0.15s linear, color 0.15s linear;
}
.offer:hover .offer-image {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.offer:hover .offer-price {
background-color: #FFFFFF;
border-color: #AC947C;
color: #AC947C;
}
.object {
margin-bottom: 16px;
}
.object-box {
border: 1px solid #333333;
position: relative;
padding-top: 100%;
}
.object-image {
position: absolute;
top: 0;
}
.object-name {
background-color: rgba(0, 0, 0, 0.6);
color: #333333;
font-size: 25px;
font-weight: bold;
margin-top: -52px;
padding: 10px 15px;
position: relative;
z-index: 1;
}
.object-name img {
float: right;
}
.object-params {
list-style: inside none;
text-align: center;
}
.single_image {
margin-bottom: 32px;
}
.single_image-iw {
overflow: hidden;
position: relative;
text-align: center;
}
.single_image-iw.rounded {
border-radius: 100%;
box-shadow: 2px 2px 5px #333333;
height: 0;
padding-top: 100%;
}
.single_image-iw.rounded .single_image-image {
left: 0;
min-height: 100%;
position: absolute;
top: 0;
}
.single_image-caption {
margin-top: 10px;
}
.single_image-caption p {
margin-top: 5px;
}
.gm {
height: 0;
overflow: hidden;
position: relative;
padding-top: 56.25%;
}
.gm-map {
position: absolute;
top: 0;
left: 16px;
_width: 97.9381443299%;
width: -webkit-calc( 100% - 32px);
width: calc( 100% - 32px);
height: 100%;
}
.gm-map img {
max-width: none;
}
.article .gm {
margin-bottom: 32px;
}
.footer .gm {
color: #333;
}
.pageslider {
overflow: hidden;
position: relative;
}
.pageslider-neco {
left: 12.5%;
position: absolute;
text-align: center;
top: 50%;
width: 75%;
z-index: 100;
}
@media screen and (max-width: 1024px) {
.pageslider-neco {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.pageslider-neco .btn,
.pageslider-neco input[type="submit"],
.pageslider-neco .search .search-btn,
.search .pageslider-neco .search-btn {
margin-top: 10px !important;
font-size: 16px;
padding: 10px;
}
}
.pageslider-caption {
font-size: 19px;
font-weight: normal;
font-style: italic;
font-family: "Merriweather", serif;
color: #FFFFFF;
text-shadow: 2px 3px 6px #333333;
}
@media screen and (min-width: 780px) {
.pageslider-caption {
font-size: 25px;
}
}
@media screen and (min-width: 1024px) {
.pageslider-caption {
font-size: 62px;
}
}
.pageslider-text {
text-shadow: 1px 1px 2px black;
color: #FFFFFF;
font-family: "Merriweather Sans", sans-serif;
margin-left: 25%;
margin-right: 25%;
display: none;
}
@media screen and (min-width: 780px) {
.pageslider-text {
display: block;
}
}
.pageslider .bx-wrapper .bx-pager {
bottom: 0;
}
.footer .social_media {
font-size: 13px;
text-align: center;
}
.social_media-link {
margin-left: 8px;
margin-right: 8px;
}
.invader {
color: #333333;
border: 2px dashed;
text-align: center;
border-radius: 32px;
box-shadow: 2px 2px 4px #333333;
margin-top: 32px;
}
.invader.blue {
background-color: #C11C11;
color: #FFFFFF;
}
.invader.brown {
background-color: #AC947C;
color: #FFFFFF;
}
.invader-iw {
position: relative;
padding: 48px 16px;
}
.invader-icon {
position: absolute;
top: -30px;
height: 60px;
font-size: 62px;
margin-left: -30px;
width: 60px;
line-height: 60px;
}
.invader-icon::before {
margin: 0;
}
.invader-title {
color: #FFFFFF;
margin-top: 0;
font-weight: bold;
}
.invader-text {
margin-top: 16px;
}
.video--jplayer {
overflow: hidden;
}
.video--jplayer .jp-video {
padding-top: 56.25%;
height: 0;
position: relative;
}
.video--jplayer .jp-video.jp-state-full-screen {
width: 100%;
height: 100%;
}
.video--jplayer .jp-jplayer,
.video--jplayer video {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.video--jplayer .jp-jplayer img,
.video--jplayer video img {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video--jplayer .jp-gui {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-mute,
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-volume-max,
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-play,
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-stop,
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-repeat,
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-full-screen,
.video--jplayer .jp-gui .jp-video-play button,
.video--jplayer .jp-video-play .jp-gui button {
border: 0;
cursor: pointer;
border-radius: 50%;
width: 1.5em;
height: 1.5em;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-mute:hover,
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-volume-max:hover,
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-play:hover,
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-stop:hover,
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-repeat:hover,
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-full-screen:hover,
.video--jplayer .jp-gui .jp-video-play button:hover,
.video--jplayer .jp-video-play .jp-gui button:hover {
background-color: #009EDF;
color: #000000;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-mute span,
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-volume-max span,
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-play span,
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-stop span,
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-repeat span,
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-full-screen span,
.video--jplayer .jp-gui .jp-video-play button span,
.video--jplayer .jp-video-play .jp-gui button span {
display: none;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-mute:before,
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-volume-max:before,
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-play:before,
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-stop:before,
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-repeat:before,
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-full-screen:before,
.video--jplayer .jp-gui .jp-video-play button:before,
.video--jplayer .jp-video-play .jp-gui button:before,
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-mute:after,
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-volume-max:after,
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-play:after,
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-stop:after,
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-repeat:after,
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-full-screen:after,
.video--jplayer .jp-gui .jp-video-play button:after,
.video--jplayer .jp-video-play .jp-gui button:after {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
min-width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin: 0;
}
.video--jplayer .jp-gui .jp-progress {
margin-bottom: 4px;
}
.video--jplayer .jp-gui .jp-progress .jp-seek-bar {
background-color: #DDD;
height: 4px;
}
.video--jplayer .jp-gui .jp-progress .jp-seek-bar .jp-play-bar {
height: 100%;
background-color: #009EDF;
}
.video--jplayer .jp-gui .jp-current-time,
.video--jplayer .jp-gui .jp-duration {
position: absolute;
top: 6px;
font-size: 12px;
color: #FFFFFF;
}
.video--jplayer .jp-gui .jp-current-time {
left: 8px;
}
.video--jplayer .jp-gui .jp-duration {
right: 8px;
}
.video--jplayer .jp-gui .jp-details .jp-title {
text-align: cneter;
}
.video--jplayer .jp-gui .jp-interface {
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
-webkit-transition: bottom 0.2s ease-in;
transition: bottom 0.2s ease-in;
}
.jp-state-playing .jp-interface {
bottom: -56px !important;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.jp-state-playing:hover .jp-interface {
bottom: 0 !important;
}
.video--jplayer .jp-gui .jp-controls-holder {
list-style: inside none;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: middle;
-webkit-align-items: middle;
-ms-flex-align: middle;
align-items: middle;
margin-top: 16px;
}
.video--jplayer .jp-gui .jp-controls-holder button {
color: #009EDF;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls {
padding-left: 8px;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-mute:before {
content: "";
}
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-volume-max:before {
content: "";
}
.video--jplayer .jp-gui .jp-controls-holder .jp-volume-controls .jp-volume-bar {
padding-right: 8px;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-play {
font-size: 1.2em;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-play:before {
content: "";
}
.jp-video.jp-state-playing.jp-video.jp-state-playing.jp-video.jp-state-playing .jp-play:before {
content: "";
}
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-stop {
font-size: 1.2em;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-controls .jp-stop:before {
content: "";
}
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles {
padding-right: 8px;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-repeat:before {
content: "";
}
.jp-state-looped .jp-repeat {
background-color: #009EDF !important;
color: #000000 !important;
}
.video--jplayer .jp-gui .jp-controls-holder .jp-toggles .jp-full-screen:before {
content: "";
}
.jp-video.jp-state-full-screen.jp-video.jp-state-full-screen.jp-video.jp-state-full-screen .jp-full-screen:before {
content: "";
}
.video--jplayer .jp-video-play {
background-color: rgba(0, 158, 223, 0.6);
border-radius: 100%;
display: block;
height: 48px;
left: 50%;
margin-left: -24px;
margin-top: -24px;
position: absolute;
top: 50%;
width: 48px;
}
.video--jplayer .jp-video-play button {
height: 100% !important;
width: 100% !important;
color: #009EDF;
font-size: 1.2em;
display: block;
margin: 0;
}
.video--jplayer .jp-video-play button:before {
content: "";
}
.video--jplayer .jp-video-play button:before {
width: 100%;
height: 100%;
font-size: 2em;
line-height: 1.2 !important;
margin-left: 2px !important;
}
.post {
margin-bottom: 32px;
}
.post:nth-child(2n+3) {
clear: left;
}
.post-thumbnail {
float: left;
margin-right: 16px;
}
.post-categories a {
text-decoration: none;
}
.sidebar .post-categories {
list-style: outside none url(//www.aribo-hotel.de/wp-content/themes/aribo/images/aribo.svg);
padding-left: 2em;
}
.post-archive {
list-style: outside none url(//www.aribo-hotel.de/wp-content/themes/aribo/images/aribo.svg);
padding-left: 2em;
}
.post-archive-item a {
text-decoration: none;
}
.entry-title {
margin-bottom: 4px;
}
.entry-title a {
text-decoration: none;
}
.entry-meta {
margin-bottom: 16px;
font-size: 13px;
}
.entry-meta a {
color: #C11C11;
text-decoration: none;
}
.entry-meta span+span:before {
content: '\2022';
margin-left: .5em;
margin-right: .5em;
}
.entry-summary .more-link {
color: #C11C11;
}
.entry-share {
clear: both;
padding-top: 15px;
text-align: right;
}
.entry-share-item { display: inline-block;
font-size: 13px;
padding: .3em .6em;
color: #C11C11;
text-decoration: none;
border: 1px solid;
-webkit-transition: all .15s linear;
transition: all .15s linear; border-radius: 3px; }
.entry-share-item+.entry-share-item {
margin-left: .4em;
}
.entry-share-item:hover {
border-bottom: 3px solid;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
background-color: #FFFFFF;
}
.entry-share-item--facebook {
background-color: #3C5A99;
border-color: #3C5A99;
color: #FFFFFF;
}
.entry-share-item--facebook:hover {
color: #3C5A99;
}
.entry-share-item--twitter {
background-color: #55ACEE;
border-color: #55ACEE;
color: #FFFFFF;
}
.entry-share-item--twitter:hover {
color: #55ACEE;
}
.entry-share-item--gplus {
background-color: #DB4437;
border-color: #DB4437;
color: #FFFFFF;
}
.entry-share-item--gplus:hover {
color: #DB4437;
}
.entry-share-item--pinterest {
background-color: #9D899C;
border-color: #9D899C;
color: #FFFFFF;
}
.entry-share-item--pinterest:hover {
color: #9D899C;
}
form,
fieldset {
border: 0;
}
fieldset {
padding: 2px 0;
}
button,
input,
select,
textarea {
font-family: "Merriweather Sans", sans-serif;
font-size: 16px;
color: #333333;
border: 1px solid #C11C11;
background-color: #FFFFFF;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
button:placeholder,
input:placeholder,
select:placeholder,
textarea:placeholder {
display: none;
font-style: italic;
color: #807f7f;
font-weight: 100;
text-align: center;
}
button:disabled,
button[disabled],
input:disabled,
input[disabled],
select:disabled,
select[disabled],
textarea:disabled,
textarea[disabled] {
color: #333333;
background-color: #e6e5e5;
border-color: #92150d;
}
button:disabled::after,
button[disabled]::after,
input:disabled::after,
input[disabled]::after,
select:disabled::after,
select[disabled]::after,
textarea:disabled::after,
textarea[disabled]::after {
content: '';
font-size: 13px;
}
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
*+button,
*+input,
*+select,
*+textarea {
margin-top: 6px;
}
textarea {
max-width: 100%;
}
input[type="submit"] {
margin: 12px 0 0;
cursor: pointer;
}
.search .search-field {
width: auto;
}
.search .search-btn {
padding-top: 22px;
margin: 0;
display: inline-block;
color: #333333;
position: relative;
overflow: hidden;
border: 0;
}
.search .search-btn::before {
font-size: 19px;
top: 1px;
}
.content-subcontent .searchform-field {
background-color: #AC947C;
border: 1px solid #FFFFFF;
color: #FFFFFF;
float: left;
height: 30px;
line-height: 30px;
margin: 0;
padding-left: 5px;
width: 80%;
width: -webkit-calc( 100% - 32px);
width: calc( 100% - 32px);
}
.content-subcontent .searchform-button {
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid #FFFFFF;
border-left: 0;
color: #FFFFFF;
height: 30px;
margin: 0;
padding: 0;
width: 30px;
}
.content-subcontent .searchform-button span {
display: none;
}
.form-header {
margin-bottom: 16px;
}
.form-fieldset.submit {
text-align: right;
}
.form-fieldwrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
border-bottom: 1px solid;
margin-top: 0;
padding: 5px;
position: relative;
}
.form-fieldwrap+.form-fieldwrap {
margin-top: 10px;
}
.form-fieldwrap.submit {
margin-top: 16px;
}
.form-fieldwrap.formtextarea {
display: block;
}
.form-label {
font-weight: 300;
margin-right: 10px;
white-space: nowrap;
}
.form-label small {
margin-left: 5px;
vertical-align: middle;
}
.form-label.textarea {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
}
.form-captcha {
margin-right: 10px;
}
.form-field {
background-color: transparent;
border: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: bold;
margin: 0;
padding-left: 0;
padding-right: 0;
}
.form-field:invalid {
border: 0;
box-shadow: none;
color: #b51f29;
}
.form-field::-webkit-input-placeholder {
font-style: italic;
font-weight: 300;
}
.form-field::-moz-placeholder {
font-style: italic;
font-weight: 300;
}
.form-field:-ms-input-placeholder {
font-style: italic;
font-weight: 300;
}
.form-field::placeholder {
font-style: italic;
font-weight: 300;
}
.form-field.textarea {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.form-field.captcha {
width: 50%;
}
.sidebar .form--search .form-fieldwrap {
border-bottom: 0;
}
.sidebar .form--search .form-field {
-webkit-flex-basis: 33%;
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
background-color: #FFFFFF;
font-size: 17px;
min-width: 0;
width: auto;
}
.sidebar .form--search .form-field--submit {
background-color: #C11C11;
width: auto !important;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: .25em 1ch;
cursor: pointer;
}
.sidebar .form--search .form-label {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.newsletterform .newsletter-field {
text-align: center !important;
}
.newsletterform .newsletter-email {
min-width: 200px;
display: inline-block;
}
.newsletterform .newsletter-email::-webkit-input-placeholder {
color: #000000;
}
.newsletterform .newsletter-email::-moz-placeholder {
color: #000000;
}
.newsletterform .newsletter-email:-ms-input-placeholder {
color: #000000;
}
.newsletterform .newsletter-email::placeholder {
color: #000000;
}
.newsletterform .newsletter-button {
display: inline-block;
margin-top: 0;
}
.quickform {
text-align: left;
padding-bottom: 16px;
padding-top: 16px;
}
.quickform-fw {
margin-top: 0;
}
.quickform-label {
display: block;
}
.quickform-field {
margin-right: 0;
max-width: 100%;
}
.haet-cleverreach {
text-align: center;
}
.haet-cleverreach-field-wrap.type-email {
float: left;
width: 75%;
margin-right: 0;
}
.haet-cleverreach-field-wrap.type-email input {
width: 100%;
font-size: 19px;
padding: 5px 15px;
line-height: 22px;
}
.haet-cleverreach-field-wrap.type-submit {
float: left;
width: 25%;
} .newslist,
.fb {
margin-bottom: 32px;
}
.newslist-title,
.newslist-header,
.fb-title,
.fb-header {
color: #C11C11;
font-family: "Merriweather", serif;
font-size: 19px;
margin-bottom: 16px;
}
@media screen and (min-width: 780px) {
.newslist-title,
.newslist-header,
.fb-title,
.fb-header {
font-size: 25px;
}
}
@media screen and (min-width: 1024px) {
.newslist-title,
.newslist-header,
.fb-title,
.fb-header {
font-size: 31px;
}
}
.news-image,
.fba-image {
margin-bottom: 15px;
}
@media screen and (min-width: 780px) {
.news-image,
.fba-image {
float: left;
margin-bottom: 0;
margin-right: 16px;
width: 45%;
width: -webkit-calc( 50% - 16px);
width: calc( 50% - 16px);
}
}
.news-title,
.fba-title {
font-family: "Merriweather Sans", sans-serif;
font-size: 16px;
margin: 0;
}
@media screen and (min-width: 780px) {
.news-title,
.fba-title {
font-size: 16px;
}
}
.news-date,
.fba-date {
font-family: "Merriweather Sans", sans-serif;
font-size: 16px;
font-weight: 300;
margin-top: 0;
}
.news-link,
.fba-link {
margin-top: 15px;
} .fb-iwrap {
background-color: #b51f29;
padding: 16px;
}
.fba+.fba {
border-top: 1px solid #C11C11;
border-top-color: rgba(193, 28, 17, 0.6);
margin-top: 16px;
padding-top: 16px;
}
.fba-date {
flign: left;
text-decoration: none;
}
.fba-date:hover {
text-decoration: underline;
}
.fba-text {
din-top: 10px;
}
.fba-info {
font-size: 13px;
margin-top: 10px;
margin-bottom: 10px;
}
.fba-comment+.fba-comment {
margin-top: 10px;
}
.fba-avatarname {
display: none;
}
.fba-message,
.fba-comment_date {
margin-top: 0;
}
.ca_review {
background-color: #FFFFFF;
}
.ca_review-rating {
color: #C11C11;
}
.ca_review-category .ca_review-rating {
color: #333333;
}
.ca_review-categories.in {
padding-top: 24px;
border-top: 2px solid #C11C11;
}
.ca_review-toggle {
font-size: 13px;
}
.ca_review-toggle .arrow.arrow {
background-color: #AC947C;
color: #FFFFFF;
}
.sticky-popup .popup-header {
background-color: #C11C11!important;
border-color: #C11C11!important;
}
.blue.strong {
color: #C11C11!important;
}
#cookieChoiceInfo {
display: none !important;
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative; color: #444;
text-shadow: none; }
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin { }
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close::before, .fancybox-prev span::before, .fancybox-next span::before { font-family: 'fontello';
font-size: 30px;
color: #333;
text-shadow: 0 0 2px #FFF;
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//www.aribo-hotel.de/wp-content/themes/aribo/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: 10px;
right: 10px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
text-decoration: none;
}
.fancybox-close::before {
content: '\e82b';
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//www.aribo-hotel.de/wp-content/themes/aribo/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 64px;
margin-top: -32px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
font-size: 60px;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-prev span::before {
content: '\e82f';
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-next span::before {
content: '\e82e';
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background-color: rgba(0,0,0,.6);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Merriweather Sans", sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
padding: 5px;
background-color: #fff;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.aribo-hotel.de/wp-content/themes/aribo/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//www.aribo-hotel.de/wp-content/themes/aribo/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}  .bx-wrapper {
position: relative;
margin: 0 auto 0;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
min-width: 100vw;
display: block;
} .bx-wrapper .bx-viewport {
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 60px;
width: 100%;
}
@media screen and (max-width: 779px ) {
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
bottom: 10px;
}
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//www.aribo-hotel.de/wp-content/themes/aribo/images/bxslider/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
text-indent: -9999px;
background-color: #FFF;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #009EDF;
} .bx-wrapper .bx-prev {
left: 10px; }
.bx-wrapper .bx-prev::before {
content: '\E82F';
}
.bx-wrapper .bx-next {
right: 10px; }
.bx-wrapper .bx-next::before {
content: '\E82E';
}
.bx-wrapper .bx-prev:hover { }
.bx-wrapper .bx-next:hover { }
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 64px;
height: 0;
padding-top: 64px;
font-size: 55px; color: #009EDF;
z-index: 99;
overflow: hidden;
text-decoration: none;
}
.bx-wrapper .bx-controls-direction a::before{
position: absolute;
top: 0;
left: 0;
font-family: 'fontello';
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.bx-wrapper .bx-next::before {
left: auto !important;
right: 0;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//www.aribo-hotel.de/wp-content/themes/aribo/images/bxslider/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//www.aribo-hotel.de/wp-content/themes/aribo/images/bxslider/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}.ca_review {
padding: 18px 15px;
border: 1px solid #E5E5E5;
border-radius: 15px;
line-height: 1.5;
}
.ca_review + .ca_review {
margin-top: 4em;
}
.ca_review-date {
float: right;
font-size: .8em;
font-weight: 300;
}
.ca_review-rating { font-size: 2em;
}
.ca_review-rating small {
display: block; text-transform: uppercase;
font-size: .5em;
}
.ca_review-author {
font-weight: 700;
margin-top: 3em;
}
.ca_review-comment {
clear: both;
margin-top: 3em;
margin-bottom: 2em;
}
.ca_review-author + .ca_review-comment {
margin-top: 1.5em;
}
.ca_review-toggle {
line-height: 1.5;
margin-top: -1.5em;
}
.ca_review-toggle .arrow {
display: inline-block;
width: 1.5em;
height: 1.5em;
line-height: calc( 1.5em - 5px );
padding: 0 !important;
text-align: center;
background-color: #E5E5E5;
border: 1px solid #E5E5E5;
vertical-align: middle;
}
.ca_review-toggle .arrow::before {
content: '';
display: inline-block;
width: 0;
height: 0;
border-width: 5px 5px 0;
border-style: solid;
border-color: currentColor transparent transparent;
transition: border .2s linear;
}
.ca_review-toggle.is-active .arrow {
border: 1px solid #CDCDCD;
}
.ca_review-toggle.is-active .arrow::before {
border-width: 0 5px 5px;
border-color: transparent transparent currentColor;
}
.ca_review-categories {
height: 0;
overflow: hidden;
clear: both;
display: flex;
flex-wrap: wrap;
}
.ca_review-categories.in {
height: auto;
}
.ca_review-category {
flex: 0 0 50%;
margin-bottom: 1.5em;
}
.ca_review-category h3 {
margin-bottom: .75em;
}
.ca_review-category .ca_review-rating {
font-size: 1em;
font-weight: 300;
}
.ca_review-rating::before {
content: '';
display: inline-block;
width: 2em;
height: 2em;
float: left;
margin-right: 15px;
background: transparent url(//www.aribo-hotel.de/wp-content/plugins/customer-alliance/assets/images/star.png) no-repeat center center;
background-size: cover;
}
@media (aspect-ratio:2) {
.ca_review-rating::before {
background-image: url(//www.aribo-hotel.de/wp-content/plugins/customer-alliance/assets/images/star@2x.png);
}
}
.ca_review-category .ca_review-rating::before {
content: none;
}
#widget-mobile {
display:none!important;
}
.ca_review-category .ca_review-rating .stars {
display: inline-block;
width: 126px;
height: 26px;
vertical-align: middle;
position: relative;
}
.ca_review-category .ca_review-rating .stars::before,
.ca_review-category .ca_review-rating .stars::after {
background-size: 126px 26px;
content: '';
display: block;
height: 100%;
width: 100%;
background-image: url(//www.aribo-hotel.de/wp-content/plugins/customer-alliance/assets/images/star_group.png);
background-position: right center;
margin: 0;
float: none;
position: absolute;
top: 0;
left: 0;
}
.ca_review-category .ca_review-rating .stars::after {
left: auto;
right: 0;
width: 25%;
filter: grayscale(1);
}
.ca_review-category .ca_review-rating .stars[data-rating="5"]::after {
width: 0;
}
.ca_review-category .ca_review-rating .stars[data-rating="4.5"]::after {
width: 10%;
}
.ca_review-category .ca_review-rating .stars[data-rating="4"]::after {
width: 20%;
}
.ca_review-category .ca_review-rating .stars[data-rating="3.5"]::after {
width: 30%;
}
.ca_review-category .ca_review-rating .stars[data-rating="3"]::after {
width: 40%;
}
.ca_review-category .ca_review-rating .stars[data-rating="2.5"]::after {
width: 50%;
}
.ca_review-category .ca_review-rating .stars[data-rating="2"]::after {
width: 60%;
}
.ca_review-category .ca_review-rating .stars[data-rating="1.5"]::after {
width: 70%;
}
.ca_review-category .ca_review-rating .stars[data-rating="1"]::after {
width: 80%;
}
.ca_review-category .ca_review-rating .stars[data-rating="0.5"]::after {
width: 90%;
}
.ca_review-category .ca_review-comment {
font-size: 0.8125em;
margin-top: .75em;
}
@media(min-width:801px)
{
.ca_reviews_wrap {
max-width:60%;
float: left;
}
}
.ca_average {
min-width: 320px;
display: inline-block;
padding: 30px 30px;
}
@media(min-width:1180px)
{
.ca_average {
padding: 0px 30px;
}
}
.ca_statistics_pos-key {
font-weight: bold;
font-size: 16px;
color: #000;
}
.ca_statistics_pos-val {
font-weight: lighter;
font-size: 13px;
color: #000;
vertical-align: -moz-middle-with-baseline;
vertical-align:baseline;
}
.merri {
font-family: Merriweather Sans;
}
.ca_statistic_val {
display: inline-block;
padding-top: 5px;
}
.star {
height: 32px;
}
.star-source {
position: absolute;
width: 0;
top: 0;
}
svg { display: inline-block; vertical-align: top; }
.star_wrapper {
width:50%;
}
.svg_shadow {
-webkit-filter: drop-shadow( 1px 1px 2px rgba(1, 1, 3, .26));
filter: drop-shadow( 1px 1px 1px rgba(1, 1, 3, .26));
}
.svg_shadow_2 {
-webkit-filter: drop-shadow( 4px 4px 2px rgba(1, 1, 3, .26));
filter: drop-shadow( 5px 5px 1px rgba(1, 1, 3, .26));
}
.ca_statistics_stars {
float: left;
width: 150px;
}
.ca_statistic_entry {
padding-top: 30px;
}
.ca_statistics_total {
width:380px;
height:380px;
}
.circle {
border-radius:50%;
background-color:#fff;
position: relative;
}
.ca_statistics_total_star_wrap {
height: 100%;
width: 100%;
position: absolute;
}
.ca_rating_total_value {
color:#009EDF;
font-weight: normal;
font-style: normal;
font-size: 93px;
letter-spacing: -6px;
}
.ca_statistics_total_value {
position: absolute;
top: 115px;
width: 380px;
text-align: center;
}
.ca_rating_total_value_text {
font-size: 25px;
color: #000;
font-family: Merriweather Sans;
font-weight: normal;
position: absolute;
top: 250px;
width: 380px;
text-align: center;
}
.rating_origin {
max-width: 380px;
text-align: center;
margin: auto;
position: absolute;
padding-left: 110px;
top: 290px;
font-size: 11px;
padding-right: 110px;
}
.widget .header {
padding: 15px 10px!important;
background-color: #009edf!important;
}.ca_review {
background-color: #FFFFFF;
}
.ca_review-rating {
color: #009EDF; 
}
.ca_review-category .ca_review-rating {
color: #333333; 
}
.ca_review-categories.in {
padding-top: 24px;
border-top: 2px solid #009EDF; 
}
.ca_review-toggle {
font-size: 13px; 
}
.ca_review-toggle .arrow.arrow {
background-color: #AC947C;
color: #FFFFFF; 
}
.widget .header{
padding: 15px 10px!important;
background-color: #009EDF!important;
}
.ca_statistics_total_star_wrap_front {
text-align: center;
padding-top:15px;
}
.ca_statistics_total_value_front {
position:relative;
top:unset;
text-align: center;
padding-bottom: 0px;
}
.ca_statistics_total_front_wrap{
position: fixed;
bottom: 48px;
right: 0;
padding: 0px;
z-index: 999;
-webkit-box-shadow: -3px -3px 20px 3px rgba(51,51,51,0.3);
-moz-box-shadow: -3px -3px 20px 3px rgba(51,51,51,0.3);
box-shadow: -3px -3px 20px 3px rgba(51,51,51,0.2);
}
.ca_statistics_total_star_wrap_front img {
height: 90px;
}
.ca_statistics_total_front_wrap .ca_rating_total_value {
font-size: 35px;
}
.ca_statistics_total_front_wrap_title h2 {
font-family: "Merriweather Sans", sans-serif;
background: #009EDF;
padding: 15px 25px;
color: #fff;
font-weight: bold;
border-radius: 3px 0px 0px 0px;
font-size: 20px;
}
.ca_statistics_total_front_wrap_title_content {
text-align: center;
padding-bottom: 25px;
background: #fff;
}
.btn_ca_more {
padding: 10px 20px;
background: #009EDF;
color: #fff;
text-decoration: none;
border-radius: 3px;
margin: auto;
margin-top:40px;
cursor:pointer;
}
.btn_ca_more:hover {
font-weight:bold;
} 
.ca_statistic_key {
text-align: center;
}
.ca_statistic_val {
width: 100%;
}
.statistics_val_inner {
width: 230px;
margin: auto;
}
.ca_statistic_entry {
padding-top: 60px;
}
.ca_reviews_link {
text-decoration:none;
display: block;
}
.ca_reviews_link:hover {
-webkit-box-shadow: -3px -3px 20px 3px rgba(51,51,51,0.3);
-moz-box-shadow: -3px -3px 20px 3px rgba(51,51,51,0.3);
box-shadow: -3px -3px 20px 3px rgba(51,51,51,0.2);
}
@media(max-width:800px){
.ca_average {
display:flex;
padding: 90px 30px;
}
.ca_statistics_wrap {
margin: auto;
}
.ca_statistic_key {
text-align: center;
}
.ca_statistic_val {
width: 100%;
}
.statistics_val_inner {
width: 230px;
margin: auto;
}
.ca_statistic_entry {
padding-top: 60px;
}
.btn_ca_more { }
.ca_statistics_total_front_wrap_title {
display:none;
}
.ca_statistics_total_front_wrap_title_content {
padding-bottom:0px;
background: transparent;
transform: translate(-70px, 35px);
}
.ca_statistics_total_front_wrap {
}
.ca_statistics_total_front_wrap .ca_rating_total_value {
font-size: 14px;
letter-spacing: -2px;
font-size: 14px;
}
.ca_statistics_total_front_wrap {
box-shadow:none;
}
.ca_statistics_total_star_wrap_front img {
height: 90px;
}
.ca_statistics_total_star_wrap_front {
transform: translate(3px , 55px);
}
.ca_reviews_link:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}