button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none} @import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Roboto+Condensed:ital,wght@0,400;1,400;1,700&display=swap"); *, *:before, *:after {
box-sizing: border-box;
}
html, body {
font-family: 'Roboto Condensed', sans-serif;
line-height: 1.5;
font-weight: 400;
color: #6D6D6D;
font-size: 1.1rem;
}
img {
max-width: 100%;
height: auto;
}
.image-wrapper {
position: relative;
padding-bottom: 56.2%;
}
.image-wrapper img {
position: absolute;
object-fit: cover;
width: 100%;
height: 100%;
}
hr {
border: 0;
border-top: 1px solid #ddd;
}
b,
strong {
font-weight: bold;
}
p {
width: 100%;
line-height: 1.8;
margin-bottom: 0.5rem;
font-weight: 400;
letter-spacing: none;
}
article, .article {
width: 50rem;
max-width: 100%;
margin: auto;
padding: 0 2rem;
}
article ul, article ol, .article ul, .article ol {
margin-bottom: 0.5rem;
}
article ul li, ol li {
font-size: 1.1rem;
font-weight: 400;
line-height: 2;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'DM Serif Display', serif;    
font-weight: bold;
margin-top: 2.0rem;
color: #363636;
}
h1 {
font-size: 2.3rem;
line-height: 1.3;
}
h2 {
font-size: 1.5rem;
line-height: 1.25;
}
h3 {
font-size: 1.3rem;
line-height: 1.3;
}
h4 {
font-size: 1.0rem;
line-height: 1.35;
}
h5 {
font-size: 0.9rem;
line-height: 1.5;
}
h6 {
font-size: 0.8rem;
letter-spacing: 0;
line-height: 1.4;
}
a {
color: #363636;
text-decoration: none;
}
a:hover {
color: #000;
}
ul {
}
li {
}
input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea,
select {
appearance: none;
background-color: #fff;
box-shadow: none;
box-sizing: inherit;
padding: .8rem .8rem;
width: 100%;
margin: 0.5rem 0 1.5rem 0;
border: 0.1rem solid $green;
border-radius: 0.1rem;
&:focus {
outline: 0;
}
}
select {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
padding-right: 3.0rem;
&:focus {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>');
}
}
textarea {
min-height: 6.5rem;
}
label,
legend {
display: block;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1rem;
}
fieldset {
border-width: 0;
padding: 0;
}
input[type='checkbox'],
input[type='radio'] {
display: inline;
width: auto;
margin-right: 0.3rem;
}
.label-inline {
display: inline-block;
font-weight: normal;
margin-left: .5rem;
}
.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
border: none;
cursor: pointer;
display: inline-block;
font-size: 0.9rem;
color: #000;
font-weight: 600;
padding: 0.5rem 0.7rem;
border-radius: 0.2rem;    
text-align: center;
text-decoration: none;
white-space: nowrap;
background-color: #A7D2E5;
border: 2px solid #333;
text-transform: uppercase; 
}    
.big-button, form input[type='submit'] {
padding: 0.7rem 3rem;
font-size: 1.1rem;
margin: 3rem 0 0 0;
}  .container{
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.container-fluid{
margin-right: auto;
margin-left: auto;
}
.row {
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;  }
.container-fluid .row {
margin: 0;
}
.row.reverse {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.col.reverse {
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-xs {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}
.start-xs {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xs {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xs {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xs {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xs {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media only screen and (min-width: 48em) {
.container {
width: 46rem;
}
.col-sm,
.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 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-sm {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}
.start-sm {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-sm {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-sm {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-sm {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-sm {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 62em) {
.container {
width: 61rem;
}
.col-md,
.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 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-md {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}
.start-md {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-md {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-md {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-md {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-md {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 75em) {
.container {
width: 71rem;
}
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-lg {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-1 {
margin-left: 8.333%;
}
.col-lg-offset-2 {
margin-left: 16.667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}
.start-lg {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-lg {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-lg {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-lg {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-lg {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 90em) {
.container {
width: 86rem;
}
.col-xl,
.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 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-xl {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xl-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xl-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-xl-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xl-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xl-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xl-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xl-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xl-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xl-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xl-offset-1 {
margin-left: 8.333%;
}
.col-xl-offset-2 {
margin-left: 16.667%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.333%;
}
.col-xl-offset-5 {
margin-left: 41.667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.333%;
}
.col-xl-offset-8 {
margin-left: 66.667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.333%;
}
.col-xl-offset-11 {
margin-left: 91.667%;
}
.start-xl {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xl {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-xl {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xl {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xl {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xl {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xl {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xl {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xl {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xl {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
.center-xl .image-wrapper, .center-md .image-wrapper, .center-lg .image-wrapper, .center-sm .image-wrapper, .center-xs .image-wrapper {
text-align: start;
}  .navbar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.2rem;
width: 100%;
color: #fff;
position: fixed;
background-color: #efefef;
transition: 0.3s ease;
z-index: 99;
}
#logo img{
width: 8rem;
height: auto;
}
#rounded-logo {
margin: 3rem auto 0 auto;
text-align: center;
}
.smallbar {
padding: 0.5rem;
transition: 0.3s ease;
-webkit-box-shadow: 0px 0px 23px -4px rgba(146, 146, 146, 0.5);
-moz-box-shadow: 0px 0px 23px -4px rgba(146, 146, 146, 0.5);
box-shadow: 0px 0px 23px -4px rgba(146, 146, 146, 0.5);
}
.smallbar #logo {
transition: 0.3s ease;
width: 5.5rem;
height: auto;
}
.smallbar #menu-menu-glowne li {
padding: 5px 8px;
}  #menu-menu-glowne {
display: flex;
gap: 0.2em;
font-size: 18px;
list-style: none;
}
#menu-menu-glowne .current-menu-item a{
color: #A7D2E5;
}
#menu-menu-glowne li a{
color: #363636;
font-weight: 600;
}
#menu-menu-glowne li:hover a{
color: #A7D2E5;
transition: 0.3s ease;
}
#menu-menu-glowne li {
padding: 5px 14px;
position: relative; 
text-transform: uppercase;
letter-spacing: 1px;
}
.menu-item-1171 a {
font-size: 1rem;
color: #000;
} .dropdown {
background-color: rgb(1, 139, 139);
padding: 1em 0;
position: absolute; display: none;
border-radius: 8px;
top: 35px;
}
.dropdown li + li {
margin-top: 10px;
}
.dropdown li {
padding: 0.5em 1em;
width: 8em;
text-align: center;
}
.dropdown li:hover a{
color: #A7D2E5;
}
.services:hover .dropdown {
display: block;
} input[type=checkbox]{
display: none;
} .hamburger {
display: none;
user-select: none;
font-size: 18px;
color: #000;    
} @media (max-width: 1024px) {
.menu-menu-glowne-container {
display:none;
position: absolute;
background-color: #fff; 
right: 0;
width: 20rem;
max-width: 100%;    
top: 4.9rem;    
text-align: center;
padding: 1rem 0;
}
#menu-menu-glowne {
margin: 0;
padding: 0;
display: block;
border-left: 2px solid #efefef;
}    
#menu-menu-glowne li {
border-bottom: 2px solid #efefef;    
}
#menu-menu-glowne li:hover {
display: inline-block;
transition: 0.3s ease;
}
#menu-menu-glowne .button {
border: none;
cursor: auto;
display: block;
}    
#menu-menu-glowne li + li {
margin-top: 12px;
}
input[type=checkbox]:checked ~ .menu-menu-glowne-container{
display: block;
}
input[type=checkbox]:checked ~ .categories{
display: block;
}
.hamburger {
display: block;
}
.dropdown {
left: 50%;
top: 30px;
transform: translateX(35%);
}
.dropdown li:hover a{
color: #000;
}
} .check-postcode {
padding: 2.5rem 2rem 1.5rem 2rem;
border-bottom: 3px solid #efefef
} 
#postcode {
border: 0.15rem solid #ddd;
border-radius: 02.rem;
}
.check-postcode h2 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.3rem;
}
.postcode_check_form .hide-msg{
display: none;
}
.postcode_check_form {
position: relative;
width: 19rem;
display: inline-block;
}
.postcode_check_form .pc-submit {
bottom: 0;
padding: 0.5em 1em;
position: absolute;
right: 0;
top: 8px;
height: 55px;
border-radius: 0 0.2rem 0.2rem 0;
}
.mgreen{
color: #34b248;
}
.mred{
color: #b23434;
}
.mblue{
color: #3470b2;
}
.myellow{
color: #b2b134;
}
.mpurple{
color: #9b34b2;
}
.alt-success{
color: #fff;
}
.alt-errors{
color: #000;
}
.w100{
width:100%;
}
li.postcode_li {
list-style:none;
padding: 5px;
}
.ds-inline{
display: inline-block; 
}
li.postcode_li::before {
content: " \002022  ";
color: #000;
font-size: 24px;
white-space: pre;
}
li.postcode_li::after {
content: " ";
white-space: pre;
}
.bgreen::before {
color: #47c147!important;
}
.bblue::before {
color: #4753c0!important;
}
.bred::before {
color: #c04747!important;
}
.byellow::before {
color: #b6c047!important;
}
.bpurple::before {
color: #aa47c0!important;
}
.bwb{
background: #FFF!important;
color:#000;
}
li.postcode_alt_li {
padding: 5px;
}
li.postcode_alt_li::before {
content: " \002022  ";
color: #59f759;
font-size: 24px;
white-space: pre;
}
li.postcode_alt_li::after {
content: " ";
white-space: pre;
}
.widget-title {
display: inline;
margin-right: 3rem;
}
.copy-container {
padding: 0.5rem 0;
border-top: 2px solid #efefef;
font-size: 0.9rem;
}
.copy-links a{
margin-right: 1rem;
text-align: left;
}
.copy {
text-align: right;
} .tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}
section h2 {
font-size: 1.7rem;
}
.tns-nav button {
padding: 0.3rem;
margin: 0.5rem;
border-radius: 50%;
background-color: #555;
}
.tns-nav .tns-nav-active {
background-color: #A7D2E5;
} header {
padding: 8rem 0 5rem 0;
}
.about-us img, .delivery img{
width: 5rem;
height: auto;
}
.delivery h2 {
margin-bottom: 4rem;
}
.about-us h1{
margin-bottom: 4rem;
}
footer {
}
.aditional-info p{
font-size: 0.8rem;
width: 25rem;
max-width: 100%;
text-align: center;
margin: 3rem auto;
}
section {
padding: 5rem 0;
}
.grey {
background-color: #efefef;
} 
#app {
border-bottom: 4px solid #A7D2E5;
}
#app p {
margin-bottom: 2rem;
}
.tns-nav, #opinions h2, #key-points h2, #last-posts h2, #last-posts h3, #instagram h2 {
text-align: center;
margin-left: auto;
margin-right: auto;
} 
#instagram h2, #last-posts h2 {
margin-bottom: 3rem;
}
#opinions {
text-align: center;
}
#opinions h5 {
font-size: 1.1rem;
}
#opinions p {
width: 41rem;
max-width: 100%;
margin: 1rem auto 4rem auto;
line-height: 1.5;
}
#opinions p a {
color: #6D6D6D;
}
#key-points img{
width: 5rem;
height: auto;
}
#key-points ul {
padding-left: 1.5rem;
}
.key-point {
margin-top: 4rem;
}
.key-point h3{
margin-top: 0;
}
.post-carousel-container {
padding: 2rem 3rem;
background-color: #efefef;
}
.post-carousel-container h4, .post-carousel-container h2{
text-align: center;
}
.post-type-archive-diety header p, archive-diet-bar p, archive-diet-bar h2 {
width: 45rem;
margin: auto;
max-width: 100%;
}
#faq {
padding: 3rem 2rem;
}
#faq input {
position: absolute;
opacity: 0;
z-index: -1;
} #faq .tabs {
overflow: hidden;
}
#faq .tab {
width: 100%;
color: white;
overflow: hidden;
}
#faq .tab-label {
display: flex;
font-size: 1.1rem;    
justify-content: space-between;
padding: 1em;
font-weight: bold;
cursor: pointer;
font-family: 'DM Serif Display', serif;    
color: #363636;
text-transform: none;
border: 1px solid #ddd; }
#faq .tab-label:hover {
color: #A7D2E5;
}
.tab-label::after {
content: "❯";
width: 1em;
height: 1em;
text-align: center;
transition: all 0.35s;
color: #000;    
}
.tab-content {
max-height: 0;
padding: 0 1em;
color: #2c3e50;
background: white;
transition: all 0.35s;
}
.tab-close {
display: flex;
justify-content: flex-end;
padding: 1em;
font-size: 0.75em;
background: #2c3e50;
cursor: pointer;
}
.tab-close:hover {
background: #1a252f;
}
#faq input:checked + .tab-label {
color: #A7D2E5;
}
#faq input:checked + .tab-label::after {
transform: rotate(90deg);
}
#faq input:checked ~ .tab-content {
max-height: 100vh;
padding: 1em;
} @media (max-width: 700px) {
h1 {
font-size: 1.5rem;
line-height: 1.3;
}
h2, section h2 {
font-size: 1.3rem;
line-height: 1.25;
}
h3 {
font-size: 1.2rem;
line-height: 1.3;
}
h4 {
font-size: 1.0rem;
line-height: 1.35;
}
h5 {
font-size: 0.9rem;
line-height: 1.5;
}
h6 {
font-size: 0.8rem;
letter-spacing: 0;
line-height: 1.4;
}    
.copy-links a, .copy p {
display: block;
margin: 1.5rem auto;
text-align: center;
width: 100%;
}
.copy-links, .copy {
width: 100%;
}
.check-postcode h2 {
font-family: 'Roboto Condensed', sans-serif;
font-size: 0.9rem;
}
.postcode_check_form {
width: 16rem;
}  
.hide-msg {
font-size: 0.9rem;
height: 2.5rem;
}
.big-button, form input[type='submit'] {
padding: 0.5rem 2rem;
}
#faq {
padding: 3rem 0;
}
}
.single-diet-list {
margin-bottom: 6rem;
}
.diet-list .button {
margin-bottom: 2rem;
}
.single-diet-list img {
border-radius: 0.5rem;
}
.modal {
display: none; position: fixed; z-index: 999; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); z-index: 100;
} .modal-content {
background-color: #fefefe;
margin: auto;
padding: 1.5rem 1.5rem 1.5rem 1.5rem;
border: 1px solid #888;
width: 24rem;
max-width: 100%;
display: block;
text-align: center;
} .close, .close-yes, .close-no {
color: #fff;
display: block;
font-size: 15px;
font-weight: bold;
cursor: pointer;
text-align: center;
margin: auto;
width: 5rem;
height: auto;
padding: 0.3rem 1rem;
background-color: #000;
}
.close:hover,
.close:focus 
.close-yes:hover,
.close-yes:focus 
.close-no:hover,
.close-no:focus 
{
color: #000;
text-decoration: none;
cursor: pointer;
}
.page-template-delivery-page .home .widget-title {
display: none;
}
.slider-container .item img, .single-post header img {
border-radius: 0.5rem;
}
#menu-menu-glowne #menu-item-1171 {
padding: 0.32rem 1.5rem;
}
.delivery-img img{
width: 500px;
height: auto; 
max-width: 100%;
}
.categories {
font-size: 18px;
list-style: none;
text-align: center;
margin-top: 2rem;
}
.categories li {
padding: 0.5rem;
text-align: center;
display: inline;
font-weight: 500;
}
.btQuoteBookingWrap {
padding: 3rem;
background-color: #f5f5f5;
border: 1px solid #ddd;
margin-top: 3rem;
}
.btQuoteBookingWrap strong{
font-size: 18pt;
color: #000;
} :root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-delay: calc(var(--animate-delay) * 1.5);
animation-delay: calc(var(--animate-delay) * 1.5);
}
@media (prefers-reduced-motion: reduce), print {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*="Out"] {
opacity: 0;
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}