html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;}
html {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal; vertical-align: middle;}
q, blockquote {quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {content: ""; content: none;}
a img {border: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}

body {font-family: 'Poppins', Arial; font-weight: 400; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {overflow-x: hidden;}
body:after {content: ''; display: block; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; -moz-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); z-index: 2;}
body:before {content: ''; display: block; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.95); opacity: 0; visibility: hidden; -moz-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); z-index: 4;}
body.overlay:after {opacity: 1; visibility: visible;}
body.searching:before {opacity: 1; visibility: visible;}
img {max-width: 100%;}

strong {font-weight: 500;}
ul, ol {padding-left: 20px; margin: 20px 0;}
ul li, ol li {list-style-type: initial;}
a {text-decoration: none; color: #00b2aa; -moz-transition: color 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: color 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: color 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: color 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
a:hover {color: #da291c;}
.center {text-align: center; }

* {box-sizing: border-box; outline: none;}
::-moz-selection {background: #da291c; color: #fff; text-shadow: none;}
::selection {background: #da291c; color: #fff; text-shadow: none;}
html, body, main {height: 100%; margin: 0 !important;}
html[lang="en-US"] {margin: 0 !important;}
input[type="radio"] {position: absolute; opacity: 0.01;}
input[type="radio"] + label {color: #000; font-family: Arial, sans-serif; font-size: 14px; cursor: pointer;}
input[type="radio"] + label span {display: inline-block; width: 19px; height: 19px; margin: -1px 4px 0 0; vertical-align: middle; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%;}
input[type="radio"] + label span {border: 1px solid #86b0be; background-color: #fff;}
input[type="radio"]:checked + label span {background-color: #86b0be;}
input[type="radio"] + label span,
input[type="radio"]:checked + label span {-moz-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.3s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {position: absolute; opacity: 0.01;}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {position: relative; padding-left: 30px; cursor: pointer;}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {content: ''; position: absolute; left: 0; top: 2px; width: 17px; height: 17px; border: 1px solid #86b0be; background: #fff; border-radius: 3px;}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {content: ''; background: url(../img/tick.svg) no-repeat center; background-size: cover; height: 10px; width: 10px; position: absolute; top: 6px; left: 4px; line-height: 0.8; color: #78be20; transition: all .2s;}
[type="checkbox"]:not(:checked) + label:after {opacity: 0; transform: scale(0);}
[type="checkbox"]:checked + label:after {opacity: 1; transform: scale(1);}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {box-shadow: none; border-color: #bbb; background-color: #ddd;}
[type="checkbox"]:disabled:checked + label:after {color: #999;}
[type="checkbox"]:disabled + label {color: #aaa;}

.vCenter {display: inline-table; height: 100%; width: 100%;}
.vCenterKid {display: table-cell; vertical-align: middle;}

@font-face {font-family: 'ExtraMile'; src: url("fonts/extra-mile.eot"); src: url("fonts/extra-mile.eot?#iefix") format("embedded-opentype"), url("fonts/extra-mile.woff2") format("woff2"), url("fonts/extra-mile.woff") format("woff"), url("fonts/extra-mile.ttf") format("truetype"), url("fonts/extra-mile.svg#youworkforthem") format("svg"); font-weight: normal; font-style: normal;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.owl-carousel .owl-item img {display: block; width: 100%; -webkit-transform-style: preserve-3d;}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {display: none;}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-refresh .owl-item {display: none;}
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}

.owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut;}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.owl-height {transition: height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy {-webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000;}
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease;}
.owl-carousel .owl-video-play-icon:hover {-webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {display: none;}
.owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%;}

div.cs-select {display: inline-block; vertical-align: middle; position: relative; text-align: left; width: 100%; max-width: 500px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 2px solid #fff; border-radius: 5px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
div.cs-select.cs-active {background-color: #fff;}
div.cs-select.cs-active > span {color: #da291c;}
div.cs-select:hover {background-color: #fff;}
div.cs-select:hover > span {color: #da291c;}
div.cs-select:focus {outline: none;}
.cs-select select {display: none;}
.cs-select span {display: block; position: relative; cursor: pointer; padding: 1em; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.cs-select > span {color: #fff; font-size: 16px; padding: 5px 70px 5px 20px;}
.cs-select > span::after,
.cs-select .cs-selected span::after {speak: none; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.cs-select > span::after {content: '\25BE'; right: 1em;}
.cs-select.cs-active > span::after {-webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);}
.cs-select .cs-options {position: absolute; overflow: hidden; width: calc(100% + 4px); left: -2px; top: 33px; background: #fff; opacity: 0; visibility: hidden; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); padding-top: 8px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 1;}
.cs-select .cs-options:before {content: ''; display: block; width: 72%; height: 1px; position: absolute; top: 5px; left: 0; right: 0; margin: auto; background-color: #d5d1cf;}
.cs-select .cs-options span {color: #3c3c3c; font-size: 14px; font-weight: 400; padding-left: 50px; position: relative; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.cs-select .cs-options span:before {content: ''; display: block; position: absolute; left: 32px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #978c87; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.cs-select .cs-options span:hover {color: #da291c; padding-left: 55px;}
.cs-select .cs-options span:hover:before {border-left-color: #da291c;}
.cs-select.cs-active .cs-options {opacity: 1; visibility: visible; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.cs-select ul {list-style: none; margin: 0; padding: 0; width: 100%;}
.cs-select ul span {padding: 1em;}
.cs-select ul li.cs-focus span {background-color: #ddd;}
.cs-select li.cs-optgroup ul {padding-left: 1em;}
.cs-select li.cs-optgroup > span {cursor: default;}

.custom-form form div.town-input input[type="text"],
div.town-input {
    display: none;
}

.pickmeup {background: rgba(95, 7, 48, 0.7); border-radius: 0.4em; -moz-box-sizing: content-box; box-sizing: content-box; display: inline-block; position: absolute; touch-action: manipulation; padding-bottom: 15px;}
.pickmeup * {-moz-box-sizing: border-box; box-sizing: border-box;}
.pickmeup.pmu-flat {position: relative;}
.pickmeup.pmu-hidden {display: none;}
.pickmeup .pmu-instance {display: inline-block; height: 13.8em; padding: .5em; text-align: center; width: 15em;}
.pickmeup .pmu-instance .pmu-button {color: #fff; cursor: pointer; outline: none; text-decoration: none;}
.pickmeup .pmu-instance .pmu-today {color: #fff;}
.pickmeup .pmu-instance .pmu-not-in-month {color: rgba(255, 255, 255, 0.3);}
.pickmeup .pmu-instance .pmu-disabled,
.pickmeup .pmu-instance .pmu-disabled:hover {color: rgba(255, 255, 255, 0.1) !important; cursor: default; background: transparent !important;}
.pickmeup .pmu-instance .pmu-selected {background: #00b2aa; color: #fff;}
.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {background: #00b2aa;}
.pickmeup .pmu-instance nav {color: #fff; display: -ms-flexbox; display: -webkit-flex; display: flex; line-height: 2em;}
.pickmeup .pmu-instance nav *:first-child :hover {color: #fff;}
.pickmeup .pmu-instance nav .pmu-prev,
.pickmeup .pmu-instance nav .pmu-next {display: none; height: 2em; width: 1em;}
.pickmeup .pmu-instance nav .pmu-month {width: 14em;}
.pickmeup .pmu-instance .pmu-years *,
.pickmeup .pmu-instance .pmu-months * {display: inline-block; line-height: 3.6em; width: 3.5em;}
.pickmeup .pmu-instance .pmu-day-of-week {color: #fff; cursor: default;}
.pickmeup .pmu-instance .pmu-day-of-week *,
.pickmeup .pmu-instance .pmu-days * {display: inline-block; line-height: 2.5em; width: 2.5em; font-size: 12px; text-align: center;}
.pickmeup .pmu-instance .pmu-days .pmu-button:hover {background: #00b2aa; color: #fff;}
.pickmeup .pmu-instance .pmu-day-of-week * {line-height: 1.8em; width: 2.6em;}
.pickmeup .pmu-instance:first-child .pmu-prev,
.pickmeup .pmu-instance:last-child .pmu-next {display: block;}
.pickmeup .pmu-instance:first-child .pmu-month,
.pickmeup .pmu-instance:last-child .pmu-month {width: 13em;}
.pickmeup .pmu-instance:first-child:last-child .pmu-month {width: 12em;}
.pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {display: none;}

.playvideo {position: relative;}
.playvideo:after {content: ''; display: block; position: absolute; top: 0; right: 0; background: url(../img/playvideowhite.svg) no-repeat; background-size: cover; height: 30px; width: 30px; z-index: 3; opacity: 0.8; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.playvideo:before {content: ''; display: block; position: absolute; top: 0; right: 0; background: url(../img/playvideohoverwhite.svg) no-repeat; background-size: cover; height: 30px; width: 30px; z-index: 5; opacity: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}

@media screen and (min-width: 480px) {
  .playvideo:hover:before {opacity: 1;}
  .playvideo:hover:after {opacity: 0;}
}

.btn {background-color: #da291c; border-radius: 5px; border: 2px solid #da291c; padding: 13px 40px 11px 20px; color: #fff; font-weight: 500; line-height: 1; font-size: 15px; position: relative; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.btn.arrow:after {content: ''; display: block; position: absolute; right: 15px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #fff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.btn.don {background-color: #fff !important; border: none; color: #da291c !important;}
.btn.don:after {content: ''; display: block; position: absolute; top: 50%; margin-top: -7px; right: 13px; background: url(../img/heart.svg) no-repeat center; height: 15px; width: 15px;}
.btn.arrowdown:after {content: ''; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; top: 50%; right: 22px; border-top: 6px solid #fff; margin-top: -3px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.btn:hover {background-color: transparent; color: #da291c;}
.btn:hover.arrow:after {border-left-color: #da291c;}
.btn.borderwhite {background-color: transparent; border: 3px solid #fff; color: #fff;}
.btn.borderwhite:hover {background-color: #fff; color: #da291c;}
.btn.borderwhite:hover:after {border-left-color: #da291c;}
.btn.cyan {background-color: #fff; color: #00b2aa;}
.btn.cyan.arrow:after {border-left-color: #00b2aa;}
.btn.white {background-color: transparent; border-color: #fff; color: #fff;}
.btn.white.arrow:after {border-left-color: #fff;}
.btn.white:hover {background-color: #fff; color: #da291c;}
.btn.white:hover.arrow:after {border-left-color: #da291c;}
.btn.big {width: 555px; max-width: 80%; text-align: center; padding: 25px 35px 23px 15px;}

#page {overflow-x: hidden;}

#searchContainer {opacity: 0; visibility: hidden; position: fixed; height: 100%; width: 100%; overflow: auto; z-index: 8; top: 0; padding-top: 100px; left: 0; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 768px) {
  #searchContainer {padding-top: 85px;}
}
#searchContainer .search {margin: 20px auto 0 auto; width: 450px; position: relative;}
@media screen and (max-width: 768px) {
  #searchContainer .search {width: 100%; margin-top: 0;}
}
#searchContainer .search .select {float: left; height: 42px; position: relative; padding-top: 5px;}
@media screen and (max-width: 768px) {
  #searchContainer .search .select {display: none;}
}
#searchContainer .search .select:hover .options {opacity: 1; visibility: visible;}
#searchContainer .search .select a.main {color: #000; font-weight: 500; display: block; height: 100%; background: url(../img/arrow-bottom.svg) no-repeat 113px 80%; background-size: 13px 8px; width: 130px; text-align: right;}
#searchContainer .search .select .options {position: absolute; padding-top: 10px; right: 0; text-align: right; opacity: 0; visibility: hidden; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#searchContainer .search .select .options a {display: block; color: #000; font-weight: 500; opacity: 0.4; margin-bottom: 5px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#searchContainer .search .select .options a:hover {opacity: 1;}
#searchContainer .search ::-webkit-contacts-auto-fill-button {opacity: 0; display: none;}
#searchContainer .search ::-webkit-input-placeholder {color: #000; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#searchContainer .search :-moz-placeholder {color: #000; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#searchContainer .search ::-moz-placeholder {color: #000; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#searchContainer .search :-ms-input-placeholder {color: #000; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#searchContainer .search .searchsubmit {display: block; position: absolute; height: 18px; width: 18px; background: url(../img/searchred.svg) no-repeat center; background-size: cover; z-index: 5; top: 11px; right: 15px; pointer-events: none;}
#searchContainer .search .searchsubmit.delete {background-image: url(../img/delete.png); pointer-events: initial;}
@media screen and (max-width: 768px) {
  #searchContainer .search .searchsubmit {right: 110px;}
}
@media screen and (max-width: 600px) {
  #searchContainer .search .searchsubmit {right: 125px;}
}
#searchContainer .search .submit {opacity: 0; visibility: hidden; display: block; position: absolute; right: -70px; padding: 0 28px 0 10px; line-height: 1; height: 40px; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none;}
#searchContainer .search .submit:after {margin-top: -7px; right: 10px;}
#searchContainer .search .submit.show {opacity: 1; visibility: visible;}
@media screen and (max-width: 768px) {
  #searchContainer .search .submit {right: 20px;}
}
#searchContainer .search input {background: transparent; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 5px; color: #000; font-family: 'Poppins'; font-weight: 500; height: 40px; line-height: 41px; padding: 0 50px 0 15px; font-size: 16px; width: 300px; float: right; -webkit-appearance: none;}
#searchContainer .search input:focus::-webkit-input-placeholder {color: transparent;}
#searchContainer .search input:focus:-moz-placeholder {color: transparent;}
#searchContainer .search input:focus::-moz-placeholder {color: transparent;}
#searchContainer .search input:focus:-ms-input-placeholder {color: transparent;}
@media screen and (max-width: 768px) {
  #searchContainer .search input {float: left; margin-left: 20px; width: calc(100% - 120px);}
}

.showSearch #searchContainer {opacity: 1; visibility: visible;}

#homeSearch {display: inline-block;}

body.searching #homeSearch {display: block; overflow: auto; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0;}

.searchresults {margin: 100px auto 0 auto; width: 450px; -moz-transform: translateX(150px); -ms-transform: translateX(150px); -webkit-transform: translateX(150px); transform: translateX(150px); -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 768px) {
  .searchresults {width: 90%; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0);}
}
@media screen and (max-width: 600px) {
  .searchresults {height: 70%; overflow: visible;}
}
.searchresults.show {opacity: 1; visibility: visible;}
.searchresults h2 a {display: inline-block; color: #da291c; font-weight: 500; position: relative;}
.searchresults h2 a:after {content: ''; display: block; position: absolute; background-color: #da291c; height: 1px; width: 100%; bottom: 1px; left: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.searchresults h2 a:before {content: ''; display: block; position: absolute; right: -20px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.searchresults h2 a:hover:after {opacity: 0; visibility: hidden;}
.searchresults h2 a:hover:before {-moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}
.searchresults .btn {display: inline-block; margin-top: 25px; font-size: 15px; padding-right: 50px;}
.searchresults .btn:after {margin-top: -6px; right: 20px;}
.searchresults .cat {padding: 30px 0;}
.searchresults .cat h3 {text-transform: uppercase; font-size: 12px; font-weight: 500; margin-bottom: 10px;}
.searchresults .cat .result .image {height: 90px; width: 90px; vertical-align: top; display: inline-block; margin-right: 25px;}
.searchresults .cat .result .image img {border-radius: 5px; display: block;}
@media screen and (max-width: 600px) {
  .searchresults .cat .result .image {display: block;}
}
.searchresults .cat .result .info {display: inline-block; vertical-align: top; width: calc(100% - 120px);}
@media screen and (max-width: 600px) {
  .searchresults .cat .result .info {display: table; margin: 0 auto; width: 100%;}
}
.searchresults .cat .result .info h4 {font-weight: 500; margin-bottom: 4px;}
.searchresults .cat .result .info p {line-height: 1.2;}
.searchresults .cat .result .info a {color: #da291c; text-transform: uppercase; font-weight: 500; font-size: 12px; display: inline-block; position: relative;}
.searchresults .cat .result .info a:after {content: ''; display: block; position: absolute; background-color: #da291c; height: 1px; width: 100%; bottom: 1px; left: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.searchresults .cat .result .info a:before {content: ''; display: block; position: absolute; right: -15px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.searchresults .cat .result .info a:hover:after {opacity: 0; visibility: hidden;}
.searchresults .cat .result .info a:hover:before {-moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}

@keyframes fadeout {from {opacity: 1; visibility: visible;}
  to {opacity: 0; visibility: hidden;}
}
@keyframes fadein {from {opacity: 0; visibility: hidden;}
  to {opacity: 1; visibility: visible;}
}
@keyframes slideheart {to {-moz-transform: translateX(67px); -ms-transform: translateX(67px); -webkit-transform: translateX(67px); transform: translateX(67px);}
}
body.overlay .menu:after {opacity: 0; visibility: hidden;}

.courses-submenu a {position: relative;}
.courses-submenu .numDownloads {width: 18px; height: 18px; font-size: 13px; background: #da291c; color: #ffffff; border-radius: 100%; display: inline-block; position: absolute; display: block; padding: 0; margin: 0; line-height: 18px; text-align: center; top: -6px; right: -20px;}

.cpr-header {position: fixed; left: 1.5%; width: 97%; top: 90px; background-color: #ededed; z-index: 4; height: 70px; border-radius: 5px; -moz-transition: -moz-transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: -o-transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: transform 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 1024px) {
  .cpr-header {top: 0; background-color: transparent; border-radius: 0; pointer-events: none; z-index: 11;}
}
.cpr-header #cprheart {position: absolute; top: 50%; left: 40px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); opacity: 0; visibility: hidden;}
.cpr-header #cprheart img {display: block;}
.cpr-header h2 {font-family: 'ExtraMile'; font-size: 35px; font-weight: normal; position: absolute; left: 40px; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.cpr-header.resize h2 {left: 5px;}
@media screen and (max-width: 1024px) {
  .cpr-header h2 {display: none;}
}
.cpr-header.resize {-moz-transform: translateY(-70px); -ms-transform: translateY(-70px); -webkit-transform: translateY(-70px); transform: translateY(-70px); z-index: 10;}
.cpr-header.resize #cprheart {opacity: 1; visibility: visible;}
.cpr-header.resize h2 {-moz-transform: translateX(60px); -ms-transform: translateX(60px); -webkit-transform: translateX(60px); transform: translateX(60px);}

@media screen and (max-width: 1024px) {
  .cpr-header.resize {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
  .cpr-header.resize #cprheart {opacity: 0; visibility: hidden;}
}

.cpr-header ul {margin: 0; padding-left: 310px;}
.cpr-header ul li {display: inline-block; list-style-type: none; line-height: 70px; font-size: 17px; font-weight: 500; padding-right: 50px;}
.cpr-header ul li.mobile-only {display: none;}
.cpr-header.courses-submenu ul {padding-left: 237px;}
.cpr-header.courses-submenu.resize ul {padding-left: 216px;}

@media screen and (max-width: 768px) {
  .cpr-header ul li.mobile-only {display: inherit;}
}

.cpr-header ul li.desktop-only {display: inline-block;}

@media screen and (max-width: 768px) {
  .cpr-header ul li.desktop-only {display: none;}
}

.cpr-header ul li a {color: #da291c; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.cpr-header ul li a.active, .cpr-header ul li a:hover {color: #000;}

@media screen and (max-width: 1024px) {
  .cpr-header ul {padding-left: 0; position: absolute; left: 0.5%; display: none; width: 99%; pointer-events: initial; top: 70px; box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.2);}
  .cpr-header ul li {display: block; padding: 0;}
  .cpr-header ul li a {padding: 0 0 0 30px; background-color: #fff; display: block; color: #000; border-bottom: 1px solid #9e938e;}
  .cpr-header.courses-submenu ul {padding: 0; position: static;}
  .cpr-header.courses-submenu.showMenuMobile > ul {margin-top: 74px;}
  .cpr-header.courses-submenu.showMenuMobile ul {display: block;}
  .cpr-header.courses-submenu.showMenuMobile .dropdown {display: block; position: relative; opacity: 1; top: 0; left: 0;}
  .cpr-header.courses-submenu.showMenuMobile .dropdown li {width: 100%; text-align: left; line-height: 70px;}
  .courses-nav .cpr-header.courses-submenu a.btn.dropdown {float: none; display: none; margin: -5px 0; width: auto; padding-top: 20px; padding-bottom: 20px;}
  .courses-nav .cpr-header.courses-submenu.showMenuMobile a.btn.dropdown {display: block;}
}

.cpr-header .logout {position: absolute; right: 20px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; color: #da291c; text-transform: uppercase; padding: 10px 40px 8px 20px; font-weight: 700;}
.cpr-header .logout svg {position: absolute; right: 15px;}
.cpr-header .logout svg * {stroke: #fff; stroke-width: 29px; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.cpr-header .logout:hover {background-color: #da291c; color: #fff;}
.cpr-header .logout:hover svg * {stroke: #da291c;}

@media screen and (max-width: 1024px) {
  .cpr-header .logout {border-color: #fff; color: #fff; right: 0; pointer-events: initial;}
  .cpr-header .logout svg * {stroke: #fff;}
}

.cpr-header.showMenuMobile ul {display: block;}

body.overlay .cpr-header {display: none;}

.menu {background-color: #da291c; border-radius: 0; position: absolute; bottom: -35px; height: 70px; left: 0; width: 100%; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 3;}
@media screen and (max-width: 1024px) {
  .menu {background-color: transparent; width: 100%; border-radius: 0; left: 0;}
}
.menu:after {content: ''; display: block; background-color: #fff; position: absolute; height: 20px; width: 120%; left: -10%; top: -20px; opacity: 0; visibility: hidden; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.7s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.menu.white:after {opacity: 1; visibility: visible;}
.menu .search {padding-right: 0; position: relative; opacity: 0; visibility: hidden; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.menu .search a {padding-right: 30px; background: url(../img/searchwhite.svg) no-repeat right center;}

@media screen and (max-width: 1024px) {
  .menu .search {display: none;}
}
.menu.strokemenu .logo img.heart, .menu.strokemenu .logo img.full {opacity: 1; visibility: visible;}

@media screen and (min-width: 1025px) {
  .menu.strokemenu .logo img.full {animation: fadeout 1.8s forwards 0.8s;}
  .menu.strokemenu .logo img.heart {animation: slideheart 1.6s forwards 1.2s;}
  .menu.strokemenu .logo span.stroketxt {animation: fadein 1.8s forwards 2s;}
}

@media screen and (max-width: 1024px) {
  .menu.strokemenu .logo img.full {display: none;}
}

.menu .logo {position: absolute; top: 13px; left: 40px; opacity: 0; visibility: hidden; z-index: 1; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); width: 130px; height: auto;}
.menu .logo span.stroketxt {font-family: 'ExtraMile'; color: #fff; display: block; font-size: 50px; margin-top: -15px; line-height: 1; opacity: 0; visibility: hidden; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.menu .logo span.stroketxt span {-moz-transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.2s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.menu .logo span.stroketxt span:first-child {margin-right: 40px;}
.menu .logo img {position: absolute; width: 130px; height: 43px; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.menu .logo img.heart {opacity: 0; visibility: hidden;}

@media screen and (max-width: 1024px) {
  .menu .logo {width: 43px; left: 0; right: 0; margin: auto;}
  .menu .logo img.full {opacity: 0; visibility: hidden;}
  .menu .logo img.heart {opacity: 1; visibility: visible;}
}

@media screen and (max-width: 1024px) {
  .menu.resize {background-color: #da291c;}
}

.menu.resize .logo img.full {opacity: 0; visibility: hidden; pointer-events: none;}
.menu.resize .logo span.stroketxt span {opacity: 0; visibility: hidden;}
@media screen and (min-width: 600px) {
  .menu.resize.strokemenu .logo {-moz-transform: translateX(-67px); -ms-transform: translateX(-67px); -webkit-transform: translateX(-67px); transform: translateX(-67px);}
}
.menu.resize .logo {width: 90px;}
@media screen and (max-width: 1024px) {
  .menu.resize .logo {width: 43px;}
}
.menu.resize .logo img.heart {opacity: 1; visibility: visible;}
.menu.resize > ul {padding-left: 140px !important;}
@media screen and (max-width: 1024px) {
  .menu.resize > ul {padding-left: 0 !important;}
}
.menu .donate {position: absolute; right: 20px; top: 14px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; visibility: hidden;}
@media screen and (max-width: 1024px) {
  .menu .donate {right: 2%;}
}
@media only screen and (min-width: 769px) {
  .menu .donate:hover .donatesub {opacity: 1; visibility: visible;}
}
@media screen and (max-width: 1024px) {
  .menu .donate .btn.don {background-color: #da291c !important; color: #fff !important; padding-right: 20px;}
  .menu .donate .btn.don:after {display: none;}
  .menu .donate .btn.don.clicked {background-color: #000 !important;}
}
.menu .donate a {display: inline-block; text-transform: uppercase; font-weight: 700; font-size: 16px; position: relative; z-index: 1;}
.menu .donate .donatesub {background-color: #fff; border-radius: 5px; width: 170px; padding-top: 60px; position: absolute; top: -15px; left: -23px; opacity: 0; visibility: hidden; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.menu .donate .donatesub ul {border-top: 1px solid #d5d1cf; width: 70%; margin: 0 auto; padding: 25px 0 0 0;}
.menu .donate .donatesub ul li {float: none; margin-bottom: 25px; display: block; line-height: 1.4; margin-left: 0; padding-right: 0;}
.menu .donate .donatesub ul li a {font-weight: 400; color: #3c3c3c; text-transform: none; font-size: 14px; padding-left: 20px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.menu .donate .donatesub ul li a:after {display: none;}
.menu .donate .donatesub ul li a:before {content: ''; display: block; position: absolute; left: 0; top: 4px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #978c87; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
@media screen and (min-width: 769px) {
  .menu .donate .donatesub ul li a:hover {color: #da291c; padding-left: 25px;}
  .menu .donate .donatesub ul li a:hover:before {border-left-color: #da291c;}
}
@media screen and (max-width: 1024px) {
  .menu .donate .donatesub {border-radius: 0; top: 40px; right: 0; width: 90vw; left: auto; padding-top: 0; box-shadow: rgba(0, 0, 0, 0.2) 10px 5px 5px;}
  .menu .donate .donatesub.show {opacity: 1; visibility: visible;}
  .menu .donate .donatesub ul {width: 100%; padding: 0;}
  .menu .donate .donatesub ul li {line-height: 1; margin: 0;}
  .menu .donate .donatesub ul li a {color: #000; font-weight: 500; font-size: 16px; padding: 20px 0 20px 20px; width: 100%;}
  .menu .donate .donatesub ul li a:before {display: none;}
  .menu .donate .donatesub ul li:last-child a {border-bottom: none;}
}
.menu .strapline {position: absolute; right: 30px; top: 19px; width: 300px; height: 38px; transition: opacity 400ms ease; pointer-events: none;}
.menu ul {margin: 0; padding: 0 0 0 8%; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.menu ul li {display: inline-block; line-height: 70px; margin-left: -4px; padding-right: 50px; list-style-type: none;}
.menu ul li.mobile-only {display: none;}
@media screen and (max-width: 768px) {
  .menu ul li.mobile-only {display: block;}
}
.menu ul li.desktop-only {display: block;}
@media screen and (max-width: 768px) {
  .menu ul li.desktop-only {display: none;}
}
@media screen and (max-width: 1024px) {
  .menu ul li {display: block; margin-left: 0; padding-right: 0;}
  .menu ul li.menu-item-has-children a:before {content: ''; display: block; position: absolute; right: 30px; top: 20px; width: 30px; height: 30px; background: url('../img/arrow-red.svg');}
}
@media screen and (min-width: 769px) {
  .menu ul li:hover a:after {opacity: 1;}
  .menu ul li:hover ul {display: block;}
}
.menu ul li a {color: #fff; font-weight: 500; font-size: 16px; position: relative; height: 100%; display: block; overflow: hidden;}
@media screen and (max-width: 1024px) {
  .menu ul li a {background-color: #fff; color: #000; padding-left: 30px; border-bottom: 1px solid #9e938e;}
  .menu ul li a.active {color: #da291c; border-bottom: none;}
  .menu ul li a.active:before {border-left-color: #da291c;}
}
.menu ul li a:after {content: ''; display: block; width: 100%; height: 12px; background-color: #fff; position: absolute; top: 0; left: 0; opacity: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -webkit-transform: translateY(-12px); transform: translateY(-12px);}
.menu ul li a:hover:after {opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
.menu ul li ul {left: 0; bottom: 77px; padding: 15px 0 20px 4%; position: absolute; width: calc(100% - 370px); height: 200px; display: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
@media screen and (max-width: 1024px) {
  .menu ul li ul {position: relative; height: auto; width: 100%; bottom: auto; left: auto; padding: 0;}
  .menu ul li ul:after {content: ''; display: block; position: absolute; bottom: auto; pointer-events: none; left: 0; width: 100%; height: 50px; background: -moz-linear-gradient(top, transparent 45%, rgba(0, 0, 0, 0.08) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 45%, rgba(0, 0, 0, 0.08) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.08) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
}
@media screen and (max-width: 480px) {
  .menu ul li ul {max-height: 200px; overflow: auto;}
}
.menu ul li ul:before {border-radius: 5px; content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: calc(100% + 370px); background-color: #fff;}
@media screen and (max-width: 1024px) {
  .menu ul li ul:before {display: none;}
}
.menu ul li ul li {padding-right: 0; line-height: 1.5;}
.menu ul li ul li a:after {display: none;}
.menu ul li ul li.main {display: block; margin-left: 0; position: relative; padding-top: 10px; padding-bottom: 12px; margin-bottom: 10px; line-height: 1.7;}
.menu ul li ul li.main:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 95%; background-color: #d5d1cf; height: 1px;}
.menu ul li ul li.main a {font-size: 16px; padding-left: 20px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.menu ul li ul li.main a:before {content: ''; display: block; position: absolute; left: 0; top: 7px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #978c87; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
@media screen and (min-width: 1025px) {
  .menu ul li ul li.main a:hover {color: #da291c; padding-left: 25px;}
  .menu ul li ul li.main a:hover:before {border-left-color: #da291c;}
}
@media screen and (max-width: 1024px) {
  .menu ul li ul li.main {float: none; width: 100%; padding: 0; margin: 0;}
  .menu ul li ul li.main:after {display: none;}
  .menu ul li ul li.main a {padding: 10px 0 10px 60px; font-size: 14px; border-bottom: none;}
  .menu ul li ul li.main a:before {left: 33px; top: 27px;}
}
.menu ul li ul li.banner {background-color: #da291c; position: absolute; top: 20px; right: -350px; width: 370px; height: 160px; display: block; margin: 0; padding: 0;}
@media screen and (max-width: 1024px) {
  .menu ul li ul li.banner {display: none;}
}
.menu ul li ul li.sub {display: block; float: left; width: 25%; margin-left: 0; padding: 7px 0; position: relative;}
@media screen and (max-width: 1024px) {
  .menu ul li ul li.sub {float: none; width: 100%; padding: 0;}
}
.menu ul li ul li.sub a {font-size: 14px; padding-left: 20px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
@media screen and (max-width: 1024px) {
  .menu ul li ul li.sub a {padding: 10px 0 10px 60px; font-size: 14px; border-bottom: none;}
}
.menu ul li ul li.sub a:before {content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #978c87; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
@media screen and (max-width: 1024px) {
  .menu ul li ul li.sub a:before {display: none;}
}
@media screen and (min-width: 1025px) {
  .menu ul li ul li.sub a:hover {color: #da291c; padding-left: 25px;}
  .menu ul li ul li.sub a:hover:before {border-left-color: #da291c;}
}
.menu ul li ul li a {font-weight: 400; color: #3c3c3c;}
.menu.fix {position: fixed; top: 20px; z-index: 10;}
body.home .menu {left: 1.5%; width: 97%; border-radius: 5px;}
@media screen and (max-width: 1024px) {
  .menu.fix {background-color: #da291c;}
  .menu.fix .donate .btn.don {background-color: #fff !important; color: #da291c !important;}
  .menu.fix .donate .btn.don.clicked {background-color: #000 !important; color: #fff !important;}
  .menu.fix .donate .donatesub {top: 56px;}
}
.menu.fix .logo {width: 90px;}
@media screen and (max-width: 1024px) {
  .menu.fix .logo {width: 43px;}
}
.menu.fix .strapline {opacity: 0;}
.menu.fix > ul {padding-left: 150px;}
.menu.fix > ul li a:after {top: auto; bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-transform: translateY(12px); -ms-transform: translateY(12px); -webkit-transform: translateY(12px); transform: translateY(12px);}
.menu.fix > ul li a:hover:after {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
.menu.fix ul ul {bottom: auto;}
.menu.fix .donate, .menu.fix .logo, .menu.fix .search {opacity: 1; visibility: visible;}
.menu.header {position: fixed; top: 0; z-index: 10;}
@media screen and (max-width: 1024px) {
  .menu.header, .menu.header.resize, .single-cpr_page .menu.header, .single-cpr_page .menu.header.resize {top: 0;}
  .menu.header.resize, .single-cpr_page .menu.header.resize {width: 100%; border-radius: 0; left: 0; transition: none;}
  body.home .menu {left: 0; width: 100%;border-radius: 0;}
}

.menu.header.showMenuMobile {position: fixed; background: #ffffff; top: 0; left: 0; width: 100vw; height: 120vh; overflow: auto; box-shadow: inset 0px 0px 20px rgba(0,0,0,0.1);}
.menu.header.showMenuMobile #primary-nav {overflow-y: scroll; overflow-x: hidden; height: 120vh; padding-top:40px; }

.menu.header.showMenuMobile > ul {display: block;  width: 100%; top: 20px !important; left: 0 !important; box-shadow: none; height: auto; max-height: none;}
.menu.header.showMenuMobile > ul li {padding-right: 0;}
.menu.header.showMenuMobile > ul li a {border-bottom: 1px solid #e6e6e6; background: transparent;}
.menu.header.showMenuMobile > ul li ul {height: auto; max-height: none;}
.menu.header.showMenuMobile .menumobile {background: transparent; top: 10px;right:15px; z-index: 200;left: auto;}
.menu.header.showMenuMobile .menumobile > span {background: #000000;}
.menu.header.showMenuMobile .donate a {color: #ffffff !important; background-color: #da291c !important;}
.menu.header.showMenuMobile ul.sub-menu {position: absolute; top: 0; left: 100vw; overflow: hidden;}
.menu.header.showMenuMobile ul.sub-menu:after {display: none;}
.menu.header.showMenuMobile.submenu-open > ul li a.active {position: absolute; left: 100vw; color: #000000; padding-left: 62px; top: 30px; font-weight: 700; font-size: 20px; height: auto; width: 100%;}
.menu.header.showMenuMobile.submenu-open > ul li a.active:before,
.menu.header.showMenuMobile.submenu-open > ul li a.active:after {display: none;}
.menu.header.showMenuMobile.submenu-open ul.sub-menu li a {padding-left: 0; margin-left: 60px;}
.menu.header.showMenuMobile.submenu-open ul.sub-menu li a:before {display: none;}
.menu.header.showMenuMobile.submenu-open ul.sub-menu li.back-button {border-bottom: none; padding-bottom: 70px;  border: none;}
.menu.header.showMenuMobile.submenu-open ul.sub-menu li.back-button a {font-size: 15px; color: #da291c; font-weight: bold; z-index: 10; width: calc(100% - 20px); border: none; margin: 0 0 0 25px;}
.menu.header.showMenuMobile.submenu-open ul.sub-menu li.back-button a:before {content: ''; display: inline-block; width: 30px; height: 30px; background: url(../img/arrow-red.svg); transform: rotate(180deg); vertical-align: middle; position: relative; top: -2px; left: -8px; margin: 0 5px 0 0;}

.menu.header > ul {padding-left: 240px;}
@media screen and (max-width: 1024px) {
  .menu.header.showMenuMobile {border-radius: 0;}
.menu.header > ul {padding-left: 0; position: relative; width: 96%; left: 2%; margin-top: 0px; display: none; box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.2);}
}
.menu.header > ul li a:after {top: auto; bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-transform: translateY(12px); -ms-transform: translateY(12px); -webkit-transform: translateY(12px); transform: translateY(12px);}
.menu.header > ul li a:hover:after {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0);}
.menu.header ul ul {bottom: auto;}
.menu.header .donate, .menu.header .logo, .menu.header .search {opacity: 1; visibility: visible;}

.breadcrumb {position: absolute; top: 160px; left: 8%;}
@media screen and (max-width: 1024px) {
  .breadcrumb {display: none;}
}
.breadcrumb a {color: #fff; font-weight: 500; font-size: 15px; position: relative;}
.breadcrumb a:after {content: ''; display: block; height: 1px; width: 100%; background-color: #fff; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.breadcrumb a:before {content: ''; display: block; position: absolute; left: -25px; top: 50%; margin-top: -7px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 9px solid #fff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0.7;}
.breadcrumb a:hover:after {opacity: 0; visibility: hidden;}
.breadcrumb a:hover:before {opacity: 1;}

#searchmobile {display: none;}
@media screen and (max-width: 1024px) {
  #searchmobile {position: absolute; height: 25px; width: 25px; background: url(../img/searchwhite.svg) no-repeat center; background-size: cover; z-index: 5; top: 20px; left: 25%; display: block;}
}

.menumobile {display: none;}
@media screen and (max-width: 1024px) {
  .menumobile {height: 55px; width: 55px; top: 15px; left: 2%; position: absolute; display: block; padding: 5px 0 0 10px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
  .menumobile.close {background-color: #000;}
  .menumobile.close span.top {-moz-transform: translate3d(-2px, 20px, 0) rotate(45deg); -ms-transform: translate3d(-2px, 20px, 0) rotate(45deg); -webkit-transform: translate3d(-2px, 20px, 0) rotate(45deg); transform: translate3d(-2px, 20px, 0) rotate(45deg);}
  .menumobile.close span.middle {opacity: 0; visibility: hidden;}
  .menumobile.close span.bottom {-moz-transform: translate3d(-2px, 15px, 0) rotate(-45deg); -ms-transform: translate3d(-2px, 15px, 0) rotate(-45deg); -webkit-transform: translate3d(-2px, 15px, 0) rotate(-45deg); transform: translate3d(-2px, 15px, 0) rotate(-45deg);}
  .menumobile span {display: block; height: 3px; width: 37px; border-radius: 3px; background-color: #fff; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
  .menumobile span.middle {-moz-transform: translate3d(0, 9px, 0); -ms-transform: translate3d(0, 9px, 0); -webkit-transform: translate3d(0, 9px, 0); transform: translate3d(0, 9px, 0);}
  .menumobile span.bottom {-moz-transform: translate3d(0, 18px, 0); -ms-transform: translate3d(0, 18px, 0); -webkit-transform: translate3d(0, 18px, 0); transform: translate3d(0, 18px, 0);}
}

.mac span.stroketxt {line-height: 80px !important;}

.mac .menu ul li ul {bottom: 70px;}

.mac .menu.fix ul ul,
.mac .menu.header ul ul {bottom: auto !important;}

input::-ms-clear {display: none;}

@media screen and (max-width: 1024px) {
  .showSearch .menu {background-color: #da291c;}
}
.owl-carousel .owl-stage {margin: 0 auto;}

.sponsorship {position: absolute; bottom: 60px; right: 30px; width: 150px; text-align: right; z-index:2;}
.sponsorship p {color: #ffffff; font-size: 12px; text-align: center; margin-bottom: 14px !important; font-weight: 600; text-shadow: 2px 2px 20px rgba(0,0,0,0.3);}
.sponsorship .logos {display: flex; justify-content: flex-start; align-items: center;}
#home #intro .sponsorship {left: 0;}
#home #intro .sponsorship p {margin-left: 0;}
.sponsorship .logos .logo {margin-right: 0; /*margin-right: 40px;*/}
.sponsorship .logos .logo:first-of-type {margin-right: 20px;}
@media screen and (max-width: 768px) {
  .sponsorship {position: static; margin: 20px auto 0 auto;}
}

.actfast .sponsorship {bottom: 20px;}

footer {margin: 0 auto; padding: 70px 0 60px 0; width: 70%; position: relative; z-index: 3;}
@media screen and (max-width: 768px) {footer {padding-top: 20px; width: 90%;}
}
footer ul {margin: 0; padding: 0;}
@media screen and (max-width: 768px) {footer ul {width: 90%; margin: 0 auto;}
}
footer ul li {display: inline-block; margin: 0 2% 0 0; list-style-type: none;}
@media screen and (max-width: 768px) {footer ul li {display: block; margin-bottom: 15px;}
}
footer ul li a {color: #707070; font-weight: 500; font-size: 14px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
footer ul li a:hover {color: #000;}
@media screen and (max-width: 768px) {footer ul li a {font-size: 20px;}
}
footer .footernav {text-align: center;}
@media screen and (max-width: 768px) {footer .footernav {text-align: left; width: 100%;}
}
footer .strapline {margin: 60px auto 10px auto; width: 360px; height: 37px; max-width: 100%;}
@media screen and (max-width: 768px) {footer .strapline {text-align: left;}
}
footer .social {text-align: center;}
@media screen and (max-width: 768px) {footer .social {text-align: left;}
}
footer .social a {display: inline-block; vertical-align: middle; margin: 0 7px; position: relative; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
footer .social a:hover {opacity: 0.7;}
footer .social a.youtube {top: 2px;}
footer p {color: #707070; font-size: 14px; margin: 0 0 40px 0; text-align: center;}
footer p a {color: #da291c; font-weight: 500;}
@media screen and (max-width: 768px) {footer p {text-align: left;}
}

#headerhome {display: none;}
@media screen and (max-width: 1024px) {
  #headerhome {display: block;}
  .single-cpr_page #page #intro .intro-overlay {
    top: 0;
  }
  .single-cpr_page header > div.menu a.menumobile.close span {
    background: #fff;
  }
  .single-cpr_page .cpr-header .logout {
    right: 2%;
  }
}

@media screen and (max-width: 768px) {
  .single-cpr_page .cpr-header .logout {
    right: 5%;
  }

  .single-cpr_page #intro .wrapper {
    bottom: 60px;
  }
}

#intro {height: 85vh; min-height: 600px; margin-bottom: 175px; position: relative; opacity: 0; transition: opacity 400ms ease;}
#intro.loaded {opacity: 1;}
#intro.has-video {height: 85vh; margin-bottom: 100px; position: relative;}
#home #intro {margin-bottom: 30px;}
#page.has-submenu #intro.has-video {margin-bottom: 175px;}
@media screen and (max-width: 768px) {
  #page.has-submenu #intro.has-video {margin-bottom: 45px;}
}
.single-cpr_page #intro {height: 85vh;}
@media screen and (max-width: 768px) {
  #intro.has-video,
  #intro {height: 85vh;}
}
#intro .videoloop {position: absolute; height: 100%; width: 100%; top: 80px; left: 0; overflow: hidden;}
#home #intro .videoloop {top: 0;}
#page.has-submenu #intro .videoloop {top: 140px;}
#intro .videoloop .img {display: none;}
#intro .videoloop video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro .videoloop .video-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;}
@media screen and (max-width: 768px) {
  #page.has-submenu #intro .videoloop, #intro .videoloop {top: 0;}
  #intro .videoloop video {display: none;}
  #intro .videoloop .img {display: block !important;}

}
@media screen and (max-width: 1024px) {
  #intro .menu {display: none;}
  #page.has-submenu #intro .videoloop {top: 0;}
}
#intro #videoLink {display: none;}
#intro #closeVid {position: absolute; display: block; top: 100px; z-index: 101 !important; right: 5%; width: 50px; height: 50px; overflow: hidden; opacity: 0; cursor: pointer; visibility: hidden; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro #closeVid:before {content: ''; position: absolute; height: 4px; width: 100%; top: 50%; left: 0; margin-top: -2px; background: #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#intro #closeVid:after {content: ''; position: absolute; height: 4px; width: 100%; top: 50%; left: 0; margin-top: -2px; background: #fff; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
#intro #player {position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 100 !important; -moz-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 1s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 768px) {
  #intro #player {width: 100% !important;}
}
#intro #player.show {opacity: 1; visibility: visible;}
#intro.video #head, #intro.video .txt, #intro.video .menu {opacity: 0; visibility: hidden;}
#intro.video #closeVid {opacity: 1; visibility: visible;}
#intro a.taxonomy {color: #ffffff; font-weight: 500;}
#intro #head {position: absolute; top: 37px; z-index: 1; width: 94%; left: 3%; height: 42px; z-index: 4;}
@media screen and (max-width: 1024px) {
  #intro #head {display: none;}
}
#intro #head #videoLink {display: none;}
#intro #head .logo {float: left; position: relative; width: 194px; height: 63px;}
#intro #head .logo img {position: absolute; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro #head .logo img.red {opacity: 0; visibility: hidden;}
#intro #head .searchresults {margin-top: 140px;}
#intro #head .search {position: absolute; left: 0; right: 0; height: 42px; margin: auto; width: 450px;}
.searching #intro #head .search {top: 69px;}
#intro #head .search .select {float: left; height: 42px; position: relative; padding-top: 5px;}
#intro #head .search .select:hover .options {opacity: 1; visibility: visible; padding-left: 10px;}
#intro #head .search .select a.main {color: #fff; font-weight: 500; display: block; height: 100%; background: url(../img/arrow-bottomwhite.svg) no-repeat 113px 80%; background-size: 13px 8px; width: 130px; text-align: right;}
#intro #head .search .select .options {position: absolute; padding-top: 10px; right: 0; text-align: right; opacity: 0; visibility: hidden; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro #head .search .select .options a {display: block; color: #fff; font-weight: 500; opacity: 0.4; margin-bottom: 5px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro #head .search .select .options a:hover {opacity: 1;}
#intro #head .search .submit {opacity: 0; visibility: hidden; display: block; position: absolute; right: -70px; padding-left: 10px; padding-right: 28px; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none;}
#intro #head .search .submit:after {margin-top: -7px; right: 10px;}
#intro #head .search .submit.show {opacity: 1; visibility: visible;}
#intro #head .search ::-webkit-input-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro #head .search :-moz-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro #head .search ::-moz-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro #head .search :-ms-input-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro #head .search .searchsubmit {display: block; position: absolute; height: 18px; width: 18px; background: url(../img/searchwhite.svg) no-repeat center; background-size: cover; z-index: 5; top: 11px; right: 15px; pointer-events: none;}
#intro #head .search .searchsubmit.delete {background-image: url(../img/delete.png); pointer-events: initial;}
#intro #head .search input {background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; color: #fff; font-family: 'Poppins'; font-weight: 500; height: 40px; line-height: 41px; padding: 0 50px 0 15px; font-size: 16px; width: 300px; float: right;}
#intro #head .search input:focus::-webkit-input-placeholder {color: transparent;}
#intro #head .search input:focus:-moz-placeholder {color: transparent;}
#intro #head .search input:focus::-moz-placeholder {color: transparent;}
#intro #head .search input:focus:-ms-input-placeholder {color: transparent;}
#intro #head .donate {float: right; position: relative;}
#intro #head .donate:hover .donatesub {opacity: 1; visibility: visible;}
#intro #head .donate a {display: inline-block; text-transform: uppercase; font-weight: 700; font-size: 16px; position: relative; z-index: 1;}
#intro #head .donate .donatesub {background-color: #fff; border-radius: 5px; width: 180px; padding-top: 60px; position: absolute; top: -10px; left: -25px; opacity: 0; visibility: hidden; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro #head .donate .donatesub ul {border-top: 1px solid #d5d1cf; width: 70%; margin: 0 auto; padding: 25px 0 0 0;}
#intro #head .donate .donatesub ul li {margin-bottom: 25px;}
#intro #head .donate .donatesub ul li a {font-weight: 400; color: #3c3c3c; text-transform: none; font-size: 14px; padding-left: 20px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
#intro #head .donate .donatesub ul li a:before {content: ''; display: block; position: absolute; left: 0; top: 3px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #978c87; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
#intro #head .donate .donatesub ul li a:hover {color: #da291c; padding-left: 25px;}
#intro #head .donate .donatesub ul li a:hover:before {border-left-color: #da291c;}
#intro .img {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
#intro .img.mobile {display: none;}
@media screen and (max-width: 768px) {
  #intro .img.mobile {display: block !important;}
}
@media screen and (max-width: 768px) {
  #intro .wrapper {position: absolute; bottom: 60px; left: 0; right: 0;}
}
#intro .txt {position: absolute; bottom: 20%; z-index: 3; left: 10%; width: 800px; max-width: 80%;}
@media screen and (max-width: 768px) {
  #intro .txt {position: static; width: 100%; max-width: 100%;}
}
#intro .txt h2 {color: #fff; font-family: 'ExtraMile'; font-weight: normal; font-size: 60px; line-height: 1; max-width: 450px; margin-left: 0;}
#intro.centre .txt h2 {margin: 0 auto;}
@media screen and (max-width: 768px) {
  #intro .txt h2 {margin: 0; width: 90%;}
}
@media screen and (max-width: 600px) {
  #intro .txt h2 {width: 100%; font-size: 34px; margin: 0 auto; text-align: center;}
}
#intro .txt p {color: #fff; line-height: 1.4; max-width: 380px; margin: 40px 0 0 0;}
#intro .txt p.mobile-only {display: none;}
#page .head p.mobile-only {display: none;}
#intro.centre .txt p {margin: 40px auto}
@media screen and (max-width: 768px) {
  #intro .txt p {margin: 30px 0; width: 90%; font-size: 14px;}
  #intro .txt p.mobile-only {display: block;}
  #intro .txt p.desktop-only {display: none;}
  #page .head p.mobile-only {display: block;}
  #page .head p.desktop-only {display: none;}
}
@media screen and (max-width: 600px) {
  #intro .txt p {width: 100%; text-align: center;}
}
#intro .txt .links {padding-top: 40px;}
@media screen and (max-width: 768px) {
  #intro .txt .links {background-color: transparent; padding-top: 0; margin-top: 30px; border-radius: 5px; text-align: center;}
}
#intro .txt .links a {color: #fff; font-size: 15px; font-weight: 500; display: inline-block; vertical-align: middle; padding: 8px 0 8px 0; position: relative;}
@media screen and (max-width: 768px) {
  #intro .txt .links a {padding: 16px 0; font-size: 18px;}
}
#intro .txt .links a.arrow::before {content: ''; display: block; position: absolute; right: 20px; top: 50%; margin-top: -4px; z-index: 2; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
@media screen and (max-width: 768px) {
  #intro .txt .links a.playvideo {display: block; position: absolute; top: -90px; left: 50%;}
}
#intro .txt .links a.playvideo:before, #intro .txt .links a.playvideo:after {top: 2px; right: 14px;}
@media screen and (max-width: 768px) {
  #intro .txt .links a.playvideo:before, #intro .txt .links a.playvideo:after {top: 4px; right: 0; width: 50px; height: 50px;}
}
@media only screen and (min-width: 768px) {
  #intro .txt .links a:hover span {background-color: #fff; color: #da291c;}
}
#intro .txt .links a span {border-radius: 4px; padding: 9px 30px 7px 20px; position: relative; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#intro .txt .links a.playvideo span {padding: 12px 30px 10px 20px;}
@media screen and (max-width: 768px) {
  #intro .txt .links a span {margin-left: 0; padding: 0;}
}
#intro .txt .links a span:before {content: ''; display: block; width: calc(100% - 40px); height: 1px; background-color: #fff; position: absolute; bottom: 8px; left: 20px;}
@media screen and (max-width: 768px) {
  #intro .txt .links a span:before {display: none;}
}
#intro .txt .links a.cta:after {content: ''; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 1px;}
#intro .txt .links a.cta span {padding: 12px 45px 10px 25px !important; background-color: #ffffff; color: #da291c;}
#intro .txt .links a.cta span:before {display: none;}
#intro .txt .links a.cta.red_color span {background-color: #da291c; color: #ffffff;}
#intro .txt .links a.cta.red_color:before {border-left: 6px solid #ffffff;}
#intro .txt .links a.cta:hover {text-decoration: none;}
#intro .txt .links a.cta:hover:before {border-left: 6px solid #ffffff;}
#intro .txt .links a.cta:hover span {background-color: #ffffff; color: #da291c;}
#intro .txt .links a.cta:hover.white_color span {background-color: #da291c; color: #ffffff;}
#intro .txt .links a.cta:hover.white_color:before {border-left: 6px solid #ffffff;}
#intro .txt .links a.cta:hover.red_color:before {border-left: 6px solid #da291c;}
@media screen and (max-width: 768px) {
  #intro .txt .links a.cta {padding-right: 0;}
  #intro .txt .links a.cta:after {display: none;}
}
#intro .txt .links a.playvideo {padding-left: 23px;}
#intro.centre .txt .links a.playvideo {padding-left: 0;}
#intro .txt .links a.playvideo span {padding-right: 65px;}
#intro .txt .links a.playvideo span:before {width: calc(100% - 85px);}
@media screen and (max-width: 768px) {
  #intro .txt .links a.playvideo span {padding-right: 40px;}
}
@media screen and (max-width: 768px) {
  #intro .txt .links a.playvideo span {display: none;}
}
#intro.rich .author {font-size: 14px; display: block;}
#intro.rich .taxonomy,
#intro.rich .separator,
#intro.rich .date {color: #9e9e9e; font-size: 14px;}

.searching #home #intro #head .logo img.red {opacity: 1; visibility: visible;}
.searching #home #intro #head .logo img.white {opacity: 0; visibility: hidden;}
.searching #home #intro #head .search {/* FF 4-18 */
  /* FF 19+ */
  /* IE 10+ */
}
.searching #home #intro #head .search ::-webkit-input-placeholder {color: #000;}
.searching #home #intro #head .search :-moz-placeholder {color: #000;}
.searching #home #intro #head .search ::-moz-placeholder {color: #000;}
.searching #home #intro #head .search :-ms-input-placeholder {color: #000;}
.searching #home #intro #head .search input {border-color: rgba(0, 0, 0, 0.5); color: #000;}
.searching #home #intro #head .search .select a.main {background-image: url(../img/arrow-bottom.svg); color: #000;}
.searching #home #intro #head .search .select .options a {color: #000;}
.searching #home #intro #head .donate .btn {background-color: #da291c !important; color: #fff !important;}
.searching #home #intro #head .donate .btn:after {background-image: url(../img/heartwhite.svg);}
.searching #home #intro #head .donate .donatesub {background-color: #da291c;}
.searching #home #intro #head .donate .donatesub a {color: #fff;}
.searching #home #intro #head .donate .donatesub a:before {border-left-color: #fff;}
.searching #home #intro #head .donate .donatesub a:hover {color: #fff;}
.searching #home #intro #head .donate .donatesub a:hover:before {border-left-color: #fff; -moz-transform: translateX(4px); -ms-transform: translateX(4px); -webkit-transform: translateX(4px); transform: translateX(4px);}

.modulephone {clear: both; padding: 50px 0;}
.modulephone p {font-size: 15px; font-weight: 500; text-align: center; margin-bottom: 20px;}
.modulephone p.headline {color: #00b2aa;}
.modulephone p a {color: #00b2aa; font-size: 80px; font-family: 'ExtraMile'; display: inline-block; margin: 0 30px; line-height: 1.8; vertical-align: middle; -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px);}
@media screen and (max-width: 600px) {
  .modulephone p a {margin-top: 25px !important;}
}
@media screen and (max-width: 480px) {
  .modulephone p a {font-size: 65px;}
}
.modulephone .chat {display: table; margin: 0 auto; color: #da291c; font-weight: 500; font-size: 15px; border-radius: 5px; padding: 13px 20px 11px 20px; position: relative; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulephone .chat:hover {background-color: #da291c; color: #fff;}
.modulephone .chat:after {content: ''; display: block; height: 1px; width: calc(100% - 40px); background-color: #da291c; position: absolute; bottom: 10px; left: 20px;}
@media screen and (max-width: 1023px) {
  .modulephone {padding: 20px 0;}
  .modulephone p {font-weight: 500;}
  .modulephone p a {display: block; margin: 0; line-height: 1.2;}
  .modulephone .chat {font-size: 18px;}
  .modulephone .chat:after {bottom: 14px;}
}

.mac .modulephone p a {margin-top: 40px;}

.modulestory {margin: 0 auto; padding: 50px 0; overflow: hidden; position: relative; width: 80%;}
@media screen and (max-width: 1400px) {
  .modulestory {width: 97%;}
}
@media screen and (max-width: 600px) {
  .modulestory {padding: 0; margin-bottom: 40px;}
}
.modulestory .img {height: 648px; width: 80%; float: right;}
.modulestory .img div {background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%;}
.modulestory .img.mobile {display: none;}
@media screen and (max-width: 600px) {
  .modulestory .img {height: 300px; width: 100%;}
  .modulestory .img.mobile {display: block;}
  .modulestory .img .owl-stage-outer {clip-path: none;}
}
.modulestory .txt {background-color: rgba(218, 41, 28, 0.9); position: absolute; border-radius: 5px; width: 600px; z-index: 2; top: 120px; height: 400px; padding: 40px 40px 40px 30px;}
.modulestory .txt:after {content: ""; position: absolute; bottom: -80px; left: 100px; border-width: 80px 0 0 80px; border-style: solid; border-color: rgba(218, 41, 28, 0.9) transparent; display: block; width: 0;}
.modulestory .txt .owl-item, .modulestory .txt .owl-stage, .modulestory .txt .owl-stage-outer {height: 100%;}
.modulestory .txt .owl-nav div {font-size: 0; position: absolute; bottom: 40px;}
.modulestory .txt .owl-nav div.owl-next {background: url("../img/nav-next.svg") no-repeat center; background-size: cover; width: 15px; height: 30px; right: 40px;}
.modulestory .txt .owl-nav div.owl-prev {background: url("../img/nav-prev.svg") no-repeat center; background-size: cover; width: 15px; height: 30px; right: 70px;}
@media screen and (max-width: 600px) {
  .modulestory .txt .owl-nav div {bottom: 55px;}
}
.modulestory .txt p {color: #fff; font-family: 'ExtraMile'; font-size: 60px; line-height: 1; max-width: 80%; padding-left: 10px;}
.modulestory .txt a {color: #fff; position: absolute; bottom: 0; left: 0; font-size: 15px; font-weight: 500; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); border-radius: 5px; padding: 9px 18px 7px 18px;}
.modulestory .txt a:hover {background-color: #fff; color: #da291c;}
.modulestory .txt a:hover:after {opacity: 0; visibility: hidden;}
.modulestory .txt a:after {content: ''; display: block; position: absolute; bottom: 8px; left: 18px; width: calc(100% - 36px); height: 1px; background-color: #fff; z-index: 1; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 768px) {
  .modulestory .txt {width: 46%;}
  .modulestory .txt p {font-size: 30px; max-width: 90%;}
}
@media screen and (max-width: 600px) {
  .modulestory .txt {background-color: rgba(218, 41, 28, 0.7); width: 100%; height: 300px; top: 0; padding: 20px 20px 50px 10px;}
  .modulestory .txt p {font-size: 30px; max-width: 90%;}
  .modulestory .txt:after {display: none;}
}

.moduleinfo {margin: 0 auto; padding: 70px 0 50px 0; width: 70%; text-align: center;}
.moduleinfo:after {content: ''; display: block; clear: both;}
@media screen and (max-width: 1023px) {
  .moduleinfo {width: 90%; padding-bottom: 0;}
}
.moduleinfo .col {display: inline-block; vertical-align: top; padding-right: 10%; width: 50%; text-align: left;}
.moduleinfo .col:last-child {margin-left: -6px; padding-right: 0;}
.moduleinfo .col h3 {color: #da291c; font-family: 'ExtraMile'; font-size: 60px; line-height: 1; -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); margin-bottom: 15px;}
@media screen and (max-width: 768px) {
  .moduleinfo .col h3 {font-size: 40px;}
}
.moduleinfo .col .btn {display: inline-block; margin-top: 40px;}
.moduleinfo .col p strong {font-weight: 500;}
.moduleinfo .col ul li {font-weight: 500; margin-bottom: 10px; position: relative; padding-left: 20px; list-style-type: none;}
.moduleinfo .col ul li:before {content: ''; display: block; position: absolute; left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; top: 5px;}
.moduleinfo .col ul li a {color: #000; display: block; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleinfo .col ul li a:hover {color: #da291c; -moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}
@media screen and (max-width: 1024px) {
  .moduleinfo {padding: 25px 0;}
  .moduleinfo .col {float: none; padding: 0 0 40px 0; width: 100%;}
}

.moduleimage {clear: both; padding: 100px 0; overflow: hidden; position: relative; width: 80%; margin: 0 auto; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.moduleimage.morepadding {padding: 160px 0;}
@media screen and (max-width: 1023px) {
  .moduleimage {padding: 50px 0; width: 97%;}
}
.moduleimage .img {border-radius: 5px; height: 60vh; width: 75%; float: left; margin-left: 2%; background-size: cover; background-position: center; background-repeat: no-repeat;}
@media screen and (max-width: 1023px) {
  .moduleimage .img {height: 430px; width: 100%;}
}
.moduleimage .txt {color: #fff; position: absolute; width: 500px; z-index: 1; top: 0; right: 0; margin: auto; bottom: 0; height: 430px; padding: 40px; border-radius: 5px; z-index: 3;}
@media screen and (max-width: 1023px) {
  .moduleimage .txt {width: 100%; bottom: auto; top: 50px;}
}
@media screen and (max-width: 480px) {
  .moduleimage .txt {height: 450px;}
}
@media screen and (max-width: 320px) {
  .moduleimage .txt {padding: 20px;}
}
.moduleimage .txt p {color: #fff;}
.moduleimage .txt .btn {display: inline-block; margin-top: 50px;}
.moduleimage .txt h3 {color: #fff; font-family: 'ExtraMile'; font-size: 60px; font-weight: normal; line-height: 1; margin-bottom: 40px;}
@media screen and (max-width: 320px) {
  .moduleimage .txt h3 {font-size: 40px;}
}
.moduleimage .txt a.locality {color: #fff; display: table; font-size: 14px; font-weight: 500; letter-spacing: 0.04em; margin-top: 40px; position: relative; padding: 9px 18px 7px 18px; border-radius: 4px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateX(-18px); -ms-transform: translateX(-18px); -webkit-transform: translateX(-18px); transform: translateX(-18px);}
.moduleimage .txt a.locality:hover {background-color: #fff; color: #da291c;}
@media screen and (max-width: 480px) {
  .moduleimage .txt a.locality {margin-top: 10px;}
}
.moduleimage .txt a.locality:after {content: ''; display: block; position: absolute; bottom: 7px; background-color: #fff; height: 1px; width: calc(100% - 36px); left: 18px;}
.moduleimage.right .img {float: right; margin-left: 0;}
.moduleimage.right .txt {right: auto; left: 0;}
.moduleimage.right .box {left: auto; right: 0;}
.moduleimage.orange .txt {background-color: rgba(252, 76, 2, 0.9);}
.moduleimage.red .txt {background-color: rgba(218, 41, 28, 0.9);}
.moduleimage.blue .txt {background-color: rgba(0, 178, 170, 0.9);}
.moduleimage.purple .txt {background-color: rgba(206, 15, 105, 0.9);}
.moduleimage.purple .txt .btn {margin-top: 70px;}
.moduleimage.red-texture .txt {background-image: url("../img/500x450_Block_01.png"); background-repeat: no-repeat; background-size: 98% 98%;}
.moduleimage.purple-texture .txt {background-image: url("../img/500x450_Block_03.png"); background-repeat: no-repeat; background-size: 98% 98%;}
.moduleimage.wine-texture .txt {background-image: url("../img/500x450_Block_02.png"); background-repeat: no-repeat; background-size: 98% 98%;}
.moduleimage .box {position: absolute; border-radius: 5px; top: 0; left: 0; margin: auto; max-height: 370px; bottom: 0; background-color: #bed2de; padding: 30px 20px; width: 420px;}
@media screen and (max-width: 1023px) {
  .moduleimage .box {position: relative; left: auto; margin-top: 450px;}
}
@media screen and (max-width: 420px) {
  .moduleimage .box {width: 100%;}
}
.moduleimage .box .btn {margin-top: 20px; display: inline-block; position: relative; padding-left: 20px; padding-right: 47px; border: none;}
@media screen and (max-width: 480px) {
  .moduleimage .box .btn {width: 100%; margin: 15px auto; text-align: left;}
}
.moduleimage .box .btn.svgcontainer {margin-left: 10px; padding-right: 110px;}
@media screen and (max-width: 480px) {
  .moduleimage .box .btn.svgcontainer {margin-left: auto;}
}
.moduleimage .box .btn svg {position: absolute; right: 34px; top: 10px;}
@media screen and (max-width: 480px) {
  .moduleimage .box .btn svg {right: auto; left: 90px;}
}
.moduleimage .box .btn svg path, .moduleimage .box .btn svg polygon {-moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleimage .box .btn:hover {background-color: #fff; color: #da291c;}
.moduleimage .box .btn:hover:after {border-left-color: #da291c;}
.moduleimage .box .btn:hover svg path, .moduleimage .box .btn:hover svg polygon {fill: #da291c !important;}
.moduleimage .box p {font-size: 15px; text-align: center; margin-bottom: 20px;}
.moduleimage .box p.link {margin-top: 30px; margin-bottom: 0;}
.moduleimage .box p.check {margin-top: 20px; margin-bottom: 0; text-align: left;}
.moduleimage .box p.check label {cursor: pointer;}
.moduleimage .box h2 {text-align: center; font-family: 'ExtraMile'; font-size: 34px; color: #da291c; margin-bottom: 20px;}
.moduleimage .box .link a {font-weight: 500; position: relative; color: #046a38;}
.moduleimage .box .link a:after {content: ''; display: block; height: 1px; width: 100%; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.moduleimage .box .link a:before {content: ''; display: block; position: absolute; right: -20px; top: 50%; margin-top: -7px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #fff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.moduleimage .box .link a:hover:after {opacity: 0; visibility: hidden;}
.moduleimage .box .link a:hover:before {-moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px);}
.moduleimage .box .link a:before {border-left-color: #046a38;}
.moduleimage .box .link a:after {background-color: #046a38;}
.moduleimage .box #amount {position: relative;}
.moduleimage .box #amount:before {content: '\20AC'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; left: 15px; top: 32%;}
.moduleimage .box #amount:after {content: 'EUR'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; right: 15px; top: 32%;}
.moduleimage .box #amount input {border-radius: 5px; padding: 2px 65px 2px 45px; outline: none; border: 1px solid #86b0be; color: #78be20; font-size: 40px; width: 100%; font-family: 'Poppins';}
.moduleimage .box.showHonour {max-height: 800px;}
.moduleimage .box.showHonour .honour {max-height: 500px;}
.moduleimage .box.showHonour .link {opacity: 0; visibility: hidden;}

.modulebanner {height: 250px; width: 97%; margin: 50px auto; border-radius: 5px; padding-left: 11%;}
@media screen and (max-width: 768px) {
  .modulebanner {margin: 20px auto; height: 350px; padding-left: 15px;}
  .modulebanner .vCenterKid {padding-top: 30px; vertical-align: top;}
}
.modulebanner#blood {background: url("../img/blood.jpg") no-repeat center; background-size: cover;}
@media screen and (max-width: 768px) {
  .modulebanner#blood {background-image: url("../img/bloodmobile.jpg");}
  .modulebanner#blood .btn {margin-top: 140px;}
}
.modulebanner#brands {background: url("../img/brands.jpg") no-repeat center; background-size: cover;}
@media screen and (max-width: 768px) {
  .modulebanner#brands {background-image: url("../img/brandsmobile.jpg"); background-position: bottom center;}
}
.modulebanner#support {background: url("../img/support.jpg") no-repeat center; background-size: cover; position: relative;}
.modulebanner#support img {position: absolute; left: 4%; top: 52px;}
@media screen and (max-width: 768px) {
  .modulebanner#support img {left: 2%;}
  .modulebanner#support p {padding-top: 100px;}
}
@media screen and (max-width: 480px) {
  .modulebanner#support img {left: 7%;}
}
.modulebanner#report {background: url("../img/report.jpg") no-repeat center; background-size: cover;}
@media screen and (max-width: 768px) {
  .modulebanner#report {background-image: url("../img/reportmobile.jpg");}
}
.modulebanner#report p {max-width: 480px; margin-top: 20px;}
.modulebanner#report .btn {margin-top: 30px;}
.modulebanner p {color: #fff; font-size: 24px; font-weight: 500; line-height: 1.2; max-width: 380px;}
.modulebanner .btn {display: inline-block; margin-top: 40px;}

.modulenewsletter {background: url("../img/newsletter.jpg") no-repeat center; background-size: cover; border-radius: 5px; height: 400px; width: 97%; margin: 125px auto; -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
@media screen and (max-width: 480px) {
  .modulenewsletter {margin: 50px auto;}
}
.modulenewsletter.expand {height: 800px;}
.modulenewsletter.expand .text {opacity: 0; visibility: hidden;}
.modulenewsletter.expand .form {opacity: 1; visibility: visible;}
.modulenewsletter .text {color: #fff; padding: 85px 0 0 10%; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
@media screen and (max-width: 768px) {
  .modulenewsletter .text {padding: 25px 5% 0 5%;}
}
.modulenewsletter .text h3 {font-family: 'ExtraMile'; font-size: 60px; line-height: 1.1; max-width: 790px;}
@media screen and (max-width: 768px) {
  .modulenewsletter .text h3 {font-size: 54px;}
}
@media screen and (max-width: 480px) {
  .modulenewsletter .text h3 {font-size: 40px;}
}
.modulenewsletter .text .email-container {padding-top: 45px;}
.modulenewsletter .text .email-container ::-webkit-input-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulenewsletter .text .email-container :-moz-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulenewsletter .text .email-container ::-moz-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulenewsletter .text .email-container :-ms-input-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}

.modulenewsletter .text .email-container #email {background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; color: #fff; font-weight: 500; height: 40px; line-height: 41px; padding: 0 50px 0 15px; font-size: 16px; width: 300px;}
.modulenewsletter .text .email-container #email:focus::-webkit-contacts-auto-fill-button {opacity: 0; display: none;}
.modulenewsletter .text .email-container #email:focus::-webkit-input-placeholder {color: transparent;}
.modulenewsletter .text .email-container #email:focus:-moz-placeholder {color: transparent;}
.modulenewsletter .text .email-container #email:focus::-moz-placeholder {color: transparent;}
.modulenewsletter .text .email-container #email:focus:-ms-input-placeholder {color: transparent;}

.modulenewsletter .text .email-container #fname {background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; color: #fff; font-weight: 500; height: 40px; line-height: 41px; padding: 0 50px 0 15px; font-size: 16px; width: 230px;margin-right:10px;}
.modulenewsletter .text .email-container #fname:focus::-webkit-contacts-auto-fill-button {opacity: 0; display: none;}
.modulenewsletter .text .email-container #fname:focus::-webkit-input-placeholder {color: transparent;}
.modulenewsletter .text .email-container #fname:focus:-moz-placeholder {color: transparent;}
.modulenewsletter .text .email-container #fname:focus::-moz-placeholder {color: transparent;}
.modulenewsletter .text .email-container #fname:focus:-ms-input-placeholder {color: transparent;}



@media screen and (max-width: 1023px) {
  .modulenewsletter .text .email-container #email {display: block; width: 100%;}
  .modulenewsletter .text .email-container #fname {display: block; width: 100%; margin-right:0px; margin-bottom:10px;}

}
@media screen and (max-width: 480px) {
  .modulenewsletter .text .email-container #email {padding-right: 20px; width: 100%;}
  .modulenewsletter .text .email-container #fname {padding-right: 20px; width: 100%;}
}




.modulenewsletter .text .email-container #showNewsletter {display: inline-block; margin-left: 15px; font-weight: 700; width: 130px;}
@media screen and (max-width: 768px) {
  .modulenewsletter .text .email-container #showNewsletter {display: block; margin: 15px 0 0 0;}
}

.pagination {border-top: 1px solid #ccc; width: 55%; margin: 40px auto 0 auto; padding: 40px 0; position: relative;}
@media screen and (max-width: 600px) {
  .pagination {width: 95%;}
}
.pagination a.next, .pagination a.prev {position: absolute; top: 40%; line-height: 1; display: inline-block; color: #978c87; font-size: 14px; font-weight: 500; text-transform: uppercase; border: none; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.pagination a.next:hover, .pagination a.prev:hover {color: #000;}
.pagination a.next:hover svg, .pagination a.prev:hover svg {fill: #000;}
.pagination a.next svg, .pagination a.prev svg {position: absolute; top: -7px; fill: #978c87; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.pagination a.next.disabled, .pagination a.prev.disabled {opacity: 0; visibility: hidden;}
.pagination a.next {right: 0;}
.pagination a.next svg {right: -25px;}
.pagination a.prev {left: 0;}
.pagination a.prev svg {left: -25px;}
.pagination ul {text-align: center;}
.pagination ul li {display: inline-block;}
.pagination ul li a {border-right: 1px solid #ccc; color: #000; padding: 8px 15px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.pagination ul li a:hover {color: #da291c;}
.pagination ul li a.active {font-weight: 500;}
.pagination ul li:last-child a {border-right: none;}
.pagination ul li .page-numbers.dots {border-right: 1px solid #ccc; color: #999; padding: 8px 15px;}

.modulethreecols {width: 85%; margin: 0 auto; overflow: hidden; padding: 10px 0 80px 0;}
.modulethreecols:first-child {width: 85%; margin: 0 auto; overflow: hidden; padding: 110px 0 10px 0;}


.modulethreecols .content h2 {font-family: 'ExtraMile'; font-size: 80px; color: #da291c; line-height: 1; margin-bottom: 80px; text-align: center; font-weight: normal;}
@media screen and (max-width: 768px) {
  .modulethreecols .content h2 {font-size: 40px;}
}
.modulethreecols .content p {text-align: center; width: 560px; margin: 0 auto 80px auto; max-width: 80%;}
@media screen and (max-width: 768px) {
  .modulethreecols {width: 90%; padding: 50px 0 0 0;}
}
.modulethreecols .col {float: left; margin: 0 15px 30px 15px; width: calc(33.33333% - 30px); position: relative;}
/*.modulethreecols .col:nth-child(3n+1) {clear: left;}*/
@media screen and (max-width: 1023px) {
  .modulethreecols .col {width: 100%; margin: 0 auto 25px auto; float: none;}
}
.modulethreecols .col .img-container {width: 100%; height: 275px; border-radius: 5px; position: relative; overflow: hidden; -webkit-perspective: 1px;}
.modulethreecols .col .img-container a {display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.modulethreecols .col .img-container .img {background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: -5%; left: -5%; height: 110%; width: 110%; -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.modulethreecols .col .img-container:hover .img {-moz-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); -ms-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); -webkit-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98);}
.modulethreecols .col .text {background-color: #fff; border-radius: 5px; width: 90%; padding: 28px; position: relative; margin: -50px auto 0 auto; z-index: 2;}
@media screen and (max-width: 1023px) {
  .modulethreecols .col .text {width: 90%;}
}
.modulethreecols .col .text h4 {color: #da291c; font-size: 18px; margin-bottom: 20px; font-weight: 500; line-height: 1.2;}
.modulethreecols .col .text p {font-size: 16px;}
.modulethreecols .col .text a {display: inline-block; color: #da291c; font-size: 15px; font-weight: 500; position: relative; margin-top: 30px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulethreecols .col .text a:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #da291c; height: 1px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulethreecols .col .text a:hover:after {opacity: 0; visibility: hidden;}
.modulethreecols .col.green .text h4 {color: #78be20;}
.modulethreecols .col.orange .text h4 {color: #fc4c02;}
.modulethreecols .content.red h2 {color: #da291c;}
.modulethreecols .content.green h2 {color: #78be20;}
.modulethreecols .content.orange h2 {color: #fc4c02;}
.modulethreecols .col.red .text a {color: #da291c;}
.modulethreecols .col.green .text a {color: #78be20;}
.modulethreecols .col.orange .text a {color: #fc4c02;}
.modulethreecols .col.red .text a:after {background: #da291c;}
.modulethreecols .col.green .text a:after {background: #78be20;}
.modulethreecols .col.orange .text a:after {background: #fc4c02;}
.modulethreecols .col .text p a:after {background: none;}
.modulethreecols .col .text h4 a {font-size: 18px; margin-top: 0;}
.modulethreecols .col .text h4 a:after {background: none;}
.modulethreecols .col .text p a {color: #000; margin: 0; font-size: 16px;font-weight: 400;}
.modulethreecols .col .text p a:after {background: none;}
.modulethreecols .col.green .text h4 a {font-size: 18px; margin-top: 0;}
.modulethreecols .col.green .text h4 a:after {background: none;}
.modulethreecols .col.green .text p a {color: #000; margin: 0; font-size: 16px;font-weight: 400;}
.modulethreecols .col.green .text p a:after {background: none;}
.modulethreecols .col.orange .text h4 a {font-size: 18px; margin-top: 0;}
.modulethreecols .col.orange .text h4 a:after {background: none;}
.modulethreecols .col.orange .text p a {color: #000; margin: 0; font-size: 16px;font-weight: 400;}
.modulethreecols .col.orange .text p a:after {background: none;}
.modulethreecols .col.red .text h4 a {font-size: 18px; margin-top: 0;}
.modulethreecols .col.red .text h4 a:after {background: none;}
.modulethreecols .col.red .text p a {color: #000; margin: 0; font-size: 16px;font-weight: 400;}
.modulethreecols .col.red .text p a:after {background: none;}

.moduletwocols {width: 85%; margin: 0 auto; overflow: hidden; padding: 110px 0 80px 0;}
.moduletwocols .content h2 {font-family: 'ExtraMile'; font-size: 80px; color: #da291c; line-height: 1; margin-bottom: 80px; text-align: center; font-weight: normal;}
@media screen and (max-width: 768px) {
  .moduletwocols .content h2 {font-size: 40px;}
}
.moduletwocols .content p {text-align: center; width: 560px; margin: 0 auto 80px auto; max-width: 80%;}
@media screen and (max-width: 768px) {
  .moduletwocols {width: 90%; padding: 50px 0 0 0;}
}
.moduletwocols .col {float: left; margin: 0 35px 30px 0; width: calc(50% - 70px); position: relative;}
.moduletwocols .col:nth-child(2n+1) {margin: 0 0 30px 35px;}
@media screen and (max-width: 1023px) {
  .moduletwocols .col {width: 100%; margin: 0 auto 25px auto; float: none;}
  .moduletwocols .col:nth-child(2n+1) {margin: 0 auto 25px auto;}
}
.moduletwocols .col .img-container {width: 100%; height: 275px; border-radius: 5px; position: relative; overflow: hidden; -webkit-perspective: 1px;}
.moduletwocols .col .img-container a {display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.moduletwocols .col .img-container .img {background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: -5%; left: -5%; height: 110%; width: 110%; -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.moduletwocols .col .img-container:hover .img {-moz-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); -ms-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); -webkit-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98);}
.moduletwocols .col .text {background-color: #fff; border-radius: 5px; width: 90%; padding: 28px; position: relative; margin: -50px auto 0 auto; z-index: 2;}
@media screen and (max-width: 1023px) {
  .moduletwocols .col .text {width: 90%;}
}
.moduletwocols .col .text h4 {color: #da291c; font-size: 18px; margin-bottom: 10px; font-weight: 500; line-height: 1.2;}
.moduletwocols .col .text h4::after {content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #da291c; position: absolute; margin: 7px 0 0 10px;}
.moduletwocols .col .text h4 a {color: #da291c; font-size: 18px; margin: 0; font-weight: 500; line-height: 1.2; text-decoration: none;}
.moduletwocols .col .text h4 a:after {visibility: hidden !important;}
.moduletwocols .col .text p {font-size: 16px;}
.moduletwocols .col .text p a {font-size: 16px; color: #707070 !important; font-family: 'Poppins' !important; font-weight: 200; margin-top: 0;}
.moduletwocols .col .text p a:after {visibility: hidden !important;}
.moduletwocols .col .text a {display: inline-block; color: #da291c; font-size: 15px; font-weight: 500; position: relative; margin-top: 30px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduletwocols .col .text a:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #da291c; height: 1px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduletwocols .col .text a:hover:after {opacity: 0; visibility: hidden;}
.moduletwocols .col.green .text h4 {color: #78be20;}
.moduletwocols .col.orange .text h4 {color: #fc4c02;}
.moduletwocols .content.red h2 {color: #da291c;}
.moduletwocols .content.green h2 {color: #78be20;}
.moduletwocols .content.orange h2 {color: #fc4c02;}
.moduletwocols .col.red .text a {color: #da291c;}
.moduletwocols .col.green .text a {color: #78be20;}
.moduletwocols .col.orange .text a {color: #fc4c02;}
.moduletwocols .col.red .text a:after {background: #da291c;}
.moduletwocols .col.green .text a:after {background: #78be20;}
.moduletwocols .col.orange .text a:after {background: #fc4c02;}

.moduleonecol {width: 85%; margin: 0 auto; overflow: hidden; padding: 110px 0 80px 0;}
.moduleonecol .content h2 {font-family: 'ExtraMile'; font-size: 80px; color: #da291c; line-height: 1; margin-bottom: 80px; text-align: center; font-weight: normal;}
@media screen and (max-width: 768px) {
  .moduleonecol .content h2 {font-size: 40px;}
}
.moduleonecol .content p {text-align: center; width: 560px; margin: 0 auto 80px auto; max-width: 80%;}
@media screen and (max-width: 768px) {
  .moduleonecol {width: 90%; padding: 50px 0 0 0;}
}
.moduleonecol .col {margin: 0 35px 30px 0; width: 100%; position: relative;}
@media screen and (max-width: 1023px) {
  .moduleonecol .col {width: 100%; margin: 0 auto 0 auto;}
}
.moduleonecol .col .img-container {width: 100%; height: 275px; border-radius: 5px; position: relative; overflow: hidden; -webkit-perspective: 1px;}
.moduleonecol .col .img-container a {display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.moduleonecol .col .img-container .img {background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: -5%; left: -5%; height: 110%; width: 110%; -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.moduleonecol .col .img-container:hover .img {-moz-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); -ms-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); -webkit-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98);}
.moduleonecol .col .text {background-color: #fff; border-radius: 5px; width: 53%; padding: 28px; position: relative; margin: -50px 0 0 5%; z-index: 2;}
@media screen and (max-width: 1023px) {
  .moduleonecol .col .text {width: 90%;}
}
.moduleonecol .col .text h4 {color: #da291c; font-size: 18px; margin-bottom: 10px; font-weight: 500; line-height: 1.2;}
.moduleonecol .col .text h4::after {content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #da291c; position: absolute; margin: 7px 0 0 10px;}
.moduleonecol .col .text h4 a {color: #da291c; font-size: 18px; margin-bottom: 20px; font-weight: 500; line-height: 1.2; margin-top: 0;margin-bottom: 0;}
.moduleonecol .col .text h4 a::after {visibility: hidden !important;}
.moduleonecol .col .text p {font-size: 16px;}
.moduleonecol .col .text a {display: inline-block; color: #da291c; font-size: 15px; font-weight: 500; position: relative; margin-top: 30px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleonecol .col .text a:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #da291c; height: 1px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleonecol .col .text a:hover:after {opacity: 0; visibility: hidden;}
.moduleonecol .col .text a.link-cross-sell {font-family: 'Poppins' !important; color: #707070 !important; font-size: 16px !important;margin-top: 0;font-weight: 200 !important;}
.moduleonecol .col .text a.link-cross-sell:after {visibility: hidden !important;}
.moduleonecol .col.green .text h4 {color: #78be20;}
.moduleonecol .col.orange .text h4 {color: #fc4c02;}
.moduleonecol .content.red h2 {color: #da291c;}
.moduleonecol .content.green h2 {color: #78be20;}
.moduleonecol .content.orange h2 {color: #fc4c02;}
.moduleonecol .col.red .text a {color: #da291c;}
.moduleonecol .col.green .text a {color: #78be20;}
.moduleonecol .col.orange .text a {color: #fc4c02;}
.moduleonecol .col.red .text a:after {background: #da291c;}
.moduleonecol .col.green .text a:after {background: #78be20;}
.moduleonecol .col.orange .text a:after {background: #fc4c02;}

.modulefourcols .col.red .text a {color: #da291c;}
.modulefourcols .col.green .text a {color: #78be20;}
.modulefourcols .col.orange .text a {color: #fc4c02;}
.modulefourcols .col.red .text a:after {background: #da291c;}
.modulefourcols .col.green .text a:after {background: #78be20;}
.modulefourcols .col.orange .text a:after {background: #fc4c02;}
.modulefourcols {width: 85%; margin: 0 auto; overflow: hidden; padding: 80px 0;}
@media screen and (max-width: 1023px) {
  .modulefourcols {width: 97%; padding: 20px 0;}
}
.modulefourcols .content h2 {font-family: 'ExtraMile'; font-size: 80px; color: #da291c; line-height: 1; margin-bottom: 80px; text-align: center; font-weight: normal;}
@media screen and (max-width: 768px) {
  .modulefourcols .content h2 {font-size: 40px;}
}
.modulefourcols .content p {text-align: center; width: 560px; margin: 0 auto 80px auto; max-width: 80%;}
.modulefourcols .col {float: left; margin: 0 25px; width: calc(25% - 50px); position: relative; padding-bottom: 120px;}
@media screen and (max-width: 1650px) {
  .modulefourcols .col {width: calc(25% - 20px); margin: 0 10px;}
}
@media screen and (max-width: 1279px) {
  .modulefourcols .col {width: calc(33.3333% - 20px);}
}
@media screen and (max-width: 1023px) {
  .modulefourcols .col {width: calc(50% - 20px);}
}
.modulefourcols .col .img-container {width: 100%; height: 275px; border-radius: 5px; position: relative; overflow: hidden; -webkit-perspective: 1px;}
@media screen and (max-width: 600px) {
  .modulefourcols .col .img-container {height: 200px;}
}
.modulefourcols .col .img-container a {display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.modulefourcols .col .img-container .img {position: absolute; top: -5%; left: -5%; height: 110%; background-size: cover; background-repeat: no-repeat; background-position: center; width: 110%; -moz-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.modulefourcols .col .img-container:hover .img {-moz-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); -ms-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); -webkit-transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98); transform: rotate(2deg) translate3d(0, 0, 0) scale(0.98);}
.modulefourcols .col .text {background-color: #fff; border-radius: 5px; width: 80%; position: absolute; top: 200px; left: 10%; padding: 28px;}
@media screen and (max-width: 1600px) {
  .modulefourcols .col .text {width: 90%; padding: 24px; left: 5%;}
}
@media screen and (max-width: 1350px) {
  .modulefourcols .col .text {padding: 18px;}
}
@media screen and (max-width: 1023px) {
  .modulefourcols .col .text {padding: 16px;}
}
@media screen and (max-width: 600px) {
  .modulefourcols .col .text {top: 140px;}
}
.modulefourcols .col .text h4 {color: #000; font-size: 16px; font-weight: 500; height: 60px; line-height: 1;}
.modulefourcols .col .text p {font-size: 13px; font-weight: 500; text-transform: uppercase;}
.modulefourcols .col .text a {display: inline-block; color: #da291c; font-size: 15px; font-weight: 500; position: relative; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulefourcols .col .text a:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #da291c; height: 1px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 480px) {
  .modulefourcols .col .text a {font-size: 18px;}
}
.modulefourcols .col .text a:hover:after {opacity: 0; visibility: hidden;}

.modulefourcols .col.red .text h4 a {font-size: 18px; margin-top: 0;}
.modulefourcols .col.red .text h4 a:after {background: none;}
.modulefourcols .col.red .text p a {color: #000; margin: 0; font-size: 16px;font-weight: 400;}
.modulefourcols .col.red .text p a:after {background: none;}
.modulefourcols .col.green .text h4 a {font-size: 18px; margin-top: 0;}
.modulefourcols .col.green .text h4 a:after {background: none;}
.modulefourcols .col.green .text p a {color: #000; margin: 0; font-size: 16px;font-weight: 400;}
.modulefourcols .col.green .text p a:after {background: none;}
.modulefourcols .col.orange .text h4 a {font-size: 18px; margin-top: 0;}
.modulefourcols .col.orange .text h4 a:after {background: none;}
.modulefourcols .col.orange .text p a {color: #000; margin: 0; font-size: 16px;font-weight: 400;}
.modulefourcols .col.orange .text p a:after {background: none;}
.modulefourcols .col.red .text h4 a {font-size: 18px; margin-top: 0;}
.modulefourcols .col.red .text h4 a:after {background: none;}
.modulefourcols .col.red .text p a {color: #000; margin: 0; font-size: 16px;font-weight: 400;}
.modulefourcols .col.red .text p a:after {background: none;}
.modulefourcols .col .text h4 a {font-size: 18px; margin-top: 0;}
.modulefourcols .col .text h4 a:after {background: none;}
.modulefourcols .col .text p a {color: #000; margin: 0; font-size: 16px;font-weight: 400;}
.modulefourcols .col .text p a:after {background: none;}

.moduleblue {color: #00b2aa; padding: 20px 0; width: 50%; margin: 0 auto;}
@media screen and (max-width: 768px) {
  .moduleblue {width: 90%;}
}
.moduleblue h3 {font-size: 28px; font-weight: normal; margin-bottom: 30px;}
.moduleblue h2 {font-size: 22px; margin-bottom: 10px; font-weight: normal;}
.moduleblue p {margin-bottom: 15px; color: #000;}
.moduleblue p strong, .moduleblue p em {font-weight: 500;}
.moduleblue a {color: #00b2aa; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleblue a:hover {color: #da291c;}
.moduleblue ul {color: #000; padding-left: 20px; margin: 20px 0;}
.moduleblue ul li {list-style-type: initial;}

.modulequote {margin: 0 auto; padding: 50px 0 80px 0; position: relative; width: 800px;}
.modulequote .img {height: 260px; width: 200px; position: absolute; clip-path: url(#path01); top: 0; right: -160px; z-index: 2;}
.modulequote .img div {background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%;}
.modulequote .txt {background-color: #da291c; border-radius: 5px; width: 800px; margin: 0 auto; padding: 40px 40px 70px 50px; position: relative;}
.modulequote .txt:after {content: ""; position: absolute; bottom: -80px; left: 100px; border-width: 80px 0 0 80px; border-style: solid; border-color: #da291c transparent; display: block; width: 0;}
.modulequote .txt p {color: #fff; font-family: 'ExtraMile'; font-size: 60px; line-height: 1;}
.modulequote .txt .fb {position: absolute; bottom: 60px; right: 20px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulequote .txt .fb:hover {opacity: 0.7;}
.modulequote .txt .tw {position: absolute; bottom: 20px; right: 20px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulequote .txt .tw:hover {opacity: 0.7;}
.modulequote p.author {font-size: 15px; color: #da291c; position: absolute; bottom: 0; left: 210px;}
.modulequote p.author strong {font-weight: 500;}
@media screen and (max-width: 768px) {
  .modulequote {width: 90%; height: auto; padding-top: 150px; padding-bottom: 80px; margin-bottom: 30px;}
  .modulequote.no-image {padding-top: 0;}
  .modulequote .img {top: -40px; right: 0;}
  .modulequote .txt {width: 100%; height: auto;}
  .modulequote .txt p {font-size: 40px;}
  .modulequote p.author {bottom: 0; left: 200px; line-height: 1.2;}
}
@media screen and (max-width: 600px) {
  .modulequote {width: 90%; height: auto; padding-top: 250px; padding-bottom: 80px; margin-bottom: 30px;}
  .modulequote.no-image {padding-top: 0;}
  .modulequote .img {top: 0; right: 0;}
  .modulequote .txt {width: 100%; height: auto; padding: 20px 45px 50px 20px;}
  .modulequote .txt p {font-size: 34px;}
  .modulequote p.author {bottom: 0; font-size: 14px;}
}

.modulevideo {clear: both; padding: 100px 0; position: relative; width: 80%; margin: 0 auto; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
@media screen and (max-width: 1023px) {
  .modulevideo {padding: 50px 0; width: 97%;}
}
.modulevideo:after {content: ''; display: block; clear: both;}
.modulevideo .closevideo {position: absolute; display: block; height: 44px; width: 44px; background: url("../img/close.png") no-repeat center; background-size: cover; top: 50%; right: -8%; margin-top: -22px; opacity: 0; visibility: hidden; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 1023px) {
  .modulevideo .closevideo {right: 50%; margin-right: -22px; margin-top: 0; top: 45%;}
}
@media screen and (max-width: 600px) {
  .modulevideo .closevideo {top: 55%;}
}
.modulevideo.right .closevideo {right: auto; left: -8%;}
.modulevideo.play .img .player {opacity: 1; visibility: visible; -moz-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 1s; -o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 1s; -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition-delay: 1s; transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;}
.modulevideo.play .txt {-moz-transform: translate3d(200%, 0, 0); -ms-transform: translate3d(200%, 0, 0); -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0);}
.modulevideo.play .img .imgmobile {opacity: 0; visibility: hidden; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95) 1s; -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95) 1s; -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition-delay: 1s; transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95) 1s;}
.modulevideo.play .closevideo {opacity: 1; visibility: visible; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95) 1.4s; -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95) 1.4s; -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition-delay: 1.4s; transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95) 1.4s;}
.modulevideo.play .img video {opacity: 0; visibility: hidden; -moz-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s; -o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s; -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition-delay: 1.2s; transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s;}
.modulevideo.play .img {width: 100%; -moz-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s; -o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s; -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition-delay: 0.2s; transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;}
.modulevideo.play .playvid {opacity: 0; visibility: hidden;}
.modulevideo.play.right .txt {-moz-transform: translate3d(-200%, 0, 0); -ms-transform: translate3d(-200%, 0, 0); -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0);}
.modulevideo .img {border-radius: 5px; height: 60vh; width: 75%; float: left; -webkit-perspective: 1px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; -moz-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);}
@media screen and (max-width: 1023px) {
  .modulevideo .img {height: 430px; width: 100%;}
}
.modulevideo .img video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 480px) {
  .modulevideo .img video {display: none;}
}
.modulevideo .img .imgmobile {display: none;}
@media screen and (max-width: 480px) {
  .modulevideo .img .imgmobile {display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
}
.modulevideo .img .player {position: absolute; top: 0; left: 0; height: 100%; opacity: 0; visibility: hidden; width: 100%; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulevideo .img .playvid {position: absolute; height: 70px; width: 70px; display: block; z-index: 1; top: 50%; margin-top: -35px; left: 42%; background: url("../img/playvideowhite.svg") no-repeat center; background-size: cover; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulevideo .img .playvid:hover {background-image: url("../img/playvideohoverw.svg");}
@media screen and (max-width: 768px) {
  .modulevideo .img .playvid {left: 50%; margin-left: -35px;}
}
.modulevideo .txt {position: absolute; width: 500px; z-index: 1; top: 0; right: 0; margin: auto; bottom: 0; height: 430px; padding: 40px; border-radius: 5px; -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);}
@media screen and (max-width: 1023px) {
  .modulevideo .txt {width: 100%; position: relative;}
}
.modulevideo .txt p {color: #fff;}
.modulevideo .txt .btn {display: inline-block; margin-top: 50px;}
.modulevideo .txt h3 {color: #fff; font-family: 'ExtraMile'; font-size: 60px; font-weight: normal; line-height: 1; margin-bottom: 40px;}
.modulevideo .txt a.locality {color: #fff; display: table; font-size: 14px; font-weight: 500; letter-spacing: 0.04em; margin-top: 40px; position: relative; padding: 9px 18px 7px 18px; border-radius: 4px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateX(-18px); -ms-transform: translateX(-18px); -webkit-transform: translateX(-18px); transform: translateX(-18px);}
.modulevideo .txt a.locality:hover {background-color: #fff; color: #da291c;}
@media screen and (max-width: 480px) {
  .modulevideo .txt a.locality {margin-top: 10px;}
}
.modulevideo .txt a.locality:after {content: ''; display: block; position: absolute; bottom: 7px; background-color: #fff; height: 1px; width: calc(100% - 36px); left: 18px;}
.modulevideo.right .img {float: right;}
.modulevideo.right .txt {right: auto; left: 0;}
.modulevideo.orange .txt {background-color: rgba(252, 76, 2, 0.9);}
.modulevideo.red .txt {background-color: rgba(218, 41, 28, 0.9);}
.modulevideo.blue .txt {background-color: rgba(0, 178, 170, 0.9);}
.modulevideo.purple .txt {background-color: rgba(206, 15, 105, 0.9);}
.modulevideo.purple .txt .btn {margin-top: 70px;}
.modulevideo.red-texture .txt {background-image: url("../img/500x450_Block_01.png"); background-repeat: no-repeat; background-size: 98% 98%;}
.modulevideo.purple-texture .txt {background-image: url("../img/500x450_Block_03.png"); background-repeat: no-repeat; background-size: 98% 98%;}
.modulevideo.wine-texture .txt {background-image: url("../img/500x450_Block_02.png"); background-repeat: no-repeat; background-size: 98% 98%;}
.modulevideo .videoLink {display: none;}

.modulered {padding: 100px 0 50px 0; width: 450px; margin: 0 auto;}
@media screen and (max-width: 768px) {
  .modulered {width: 90%; padding: 50px 0;}
}
.modulered h2 {font-size: 28px; color: #da291c; font-weight: normal; margin-bottom: 30px;}
.modulered p {margin-bottom: 15px; color: #000;}
.modulered p strong, .modulered p em {font-weight: 500;}
.modulered h3 {font-size: 28px; font-weight: normal;}
.modulered a {color: #da291c; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulered a:hover {color: #000;}
.modulered ul {color: #000; padding-left: 20px; margin: 20px 0;}
.modulered ul li {list-style-type: initial;}

.moduleslider {padding: 60px 0 100px 0;}
.moduleslider .simages {height: 600px; width: 1200px; max-width: 80%; margin: 0 auto;}
@media screen and (max-width: 768px) {
  .moduleslider .simages {max-width: 90%; height: 400px;}
}
.moduleslider .simages:after {content: ''; display: block; width: 100%; height: 30%; position: absolute; bottom: 0; left: 0;}
.moduleslider .simages .img {height: 600px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
@media screen and (max-width: 768px) {
  .moduleslider .simages .img {height: 400px;}
}
.moduleslider .simages .owl-nav div {font-size: 0; position: absolute; top: 50%; width: 26px; height: 52px; margin-top: -26px; z-index: 1; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleslider .simages .owl-nav div.disabled {opacity: 0; visibility: hidden;}
.moduleslider .simages .owl-nav div.owl-prev {background: url(../img/arrowleft.png) no-repeat center; left: -5%;}
.moduleslider .simages .owl-nav div.owl-next {background: url(../img/arrowright.png) no-repeat center; right: -5%;}
.moduleslider .simages .owl-dots {position: absolute; bottom: -60px; text-align: center; width: 100%; padding: 0 60px 25px 0; left: 0; height: 50px; z-index: 1;}
.moduleslider .simages .owl-dots .owl-dot {display: inline-block; vertical-align: middle; height: 8px; width: 8px; border-radius: 50%; margin: 0 12px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); position: relative;}
.moduleslider .simages .owl-dots .owl-dot:after {content: ''; display: block; position: absolute; height: 10px; width: 10px; border: 1px solid #ccc; border-radius: 50%; top: -2px; left: -2px;}
.moduleslider .simages .owl-dots .owl-dot:hover, .moduleslider .simages .owl-dots .owl-dot.active {background-color: #ccc;}
.moduleslider .simages .owl-dots .owl-dot:last-child {margin-right: 0;}

.modulepopform {position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; opacity: 0; visibility: hidden; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulepopform.show {opacity: 1; visibility: visible;}
.modulepopform:after {cursor: pointer; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; display: block;}
.modulepopform .box {margin: 0 auto; padding: 30px 20px; position: relative; z-index: 1; width: 403px; background-color: #fff; border-radius: 5px;}
@media screen and (max-width: 403px) {
  .modulepopform .box {width: 100%;}
}
.modulepopform .box #closePop {display: block; position: absolute; height: 22px; width: 22px; background: url(../img/close.png) no-repeat center; background-size: cover; top: 30px; right: 20px;}
.modulepopform .box h2 {font-size: 18px; font-weight: 500; margin-bottom: 5px;}
.modulepopform .box p.info {font-size: 14px; text-align: left;}
.modulepopform .box .quantity {display: none; text-align: left;}
.modulepopform .box .quantity label {margin-left: 30px; font-weight: bold;}
.modulepopform .box .quantity #qty {-webkit-appearance: none; outline: none; border: 0; background-color: #ebebeb; padding: 2px 5px; font-family: 'Poppins'; font-size: 16px; width: 50px; margin-left: 8px;}
.modulepopform .box .btn {margin-top: 20px; display: inline-block; position: relative; padding-left: 20px; padding-right: 47px;}
@media screen and (max-width: 480px) {
  .modulepopform .box .btn {width: 100%; margin: 15px auto; text-align: left;}
}
.modulepopform .box .btn.svgcontainer {margin-left: 10px; padding-right: 110px;}
@media screen and (max-width: 480px) {
  .modulepopform .box .btn.svgcontainer {margin-left: auto;}
}
.modulepopform .box .btn svg {position: absolute; right: 34px; top: 10px;}
@media screen and (max-width: 480px) {
  .modulepopform .box .btn svg {right: auto; left: 90px;}
}
.modulepopform .box .btn svg path, .modulepopform .box .btn svg polygon {-moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulepopform .box .btn:hover {background-color: #fff; color: #da291c;}
.modulepopform .box .btn:hover:after {border-left-color: #da291c;}
.modulepopform .box .btn:hover svg path, .modulepopform .box .btn:hover svg polygon {fill: #da291c !important;}
.modulepopform .box p {font-size: 15px; text-align: center; margin-bottom: 20px;}
.modulepopform .box p.check {margin-top: 20px; margin-bottom: 0; text-align: left;}
.modulepopform .box p.check label {cursor: pointer;}
.modulepopform .box p.check label strong {font-weight: 500;}
.modulepopform .box p.check label span.det {font-size: 11px; display: block; margin: 5px 0 0 30px;}
.modulepopform .box p #printlabel:after {margin-top: -42px;}
.modulepopform .box #amount {position: relative;}
.modulepopform .box #amount:before {content: '\20AC'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; left: 15px; top: 32%;}
.modulepopform .box #amount:after {content: 'EUR/TOTAL'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; right: 15px; top: 32%;}
.modulepopform .box #amount input {border-radius: 5px; padding: 2px 65px 2px 45px; outline: none; border: 1px solid #86b0be; color: #78be20; font-size: 40px; width: 100%; font-family: 'Poppins';}

.moduleformpage {margin: 50px auto; width: 1024px; max-width: 95%; position: relative;}
.moduleformpage:after {content: ''; clear: both; display: block;}
.moduleformpage .col {float: left; width: 50%; font-size: 15px; padding: 0 5%;}
@media screen and (max-width: 480px) {
  .moduleformpage .col {float: none; width: 100%;}
}
.moduleformpage .col ::-webkit-input-placeholder {color: #000; font-family: 'Poppins'; font-size: 15px; font-weight: 400; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleformpage .col :-moz-placeholder {color: #000; font-family: 'Poppins'; font-size: 15px; font-weight: 400; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleformpage .col ::-moz-placeholder {color: #000; font-family: 'Poppins'; font-size: 15px; font-weight: 400; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleformpage .col :-ms-input-placeholder {color: #000; font-family: 'Poppins'; font-size: 15px; font-weight: 400; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleformpage .col .input {margin: 20px 0;}
.moduleformpage .col .input input {border-radius: 5px; padding: 5px 10px 5px 20px; outline: none; border: 1px solid #86b0be; font-size: 16px; width: 100%; font-family: 'Poppins'; -webkit-appearance: none;}
.moduleformpage .col .select {margin: 20px 0;}
.moduleformpage .col .select .cs-select {border: none;}
.moduleformpage .col .select .cs-select > span {border: 1px solid #86b0be; border-radius: 5px; color: #000; font-weight: 400;}
.moduleformpage .col .select .cs-select .cs-options {top: 36px;}
.moduleformpage .col .select .cs-select .cs-options:before {display: none;}
.moduleformpage .col .check {margin: 10px 0;}
.moduleformpage .col .radio {margin: 20px 0;}
.moduleformpage .col .radio label {display: block; font-size: 15px; font-family: 'Poppins'; margin-bottom: 5px;}
.moduleformpage .col .radio label span {margin-right: 10px;}
.moduleformpage .col .textarea {margin: 20px 0;}
.moduleformpage .col .textarea textarea {resize: none; width: 100%; height: 100px; border: 1px solid #86b0be; -webkit-appearance: none; outline: none; border-radius: 5px; padding: 10px; font-family: 'Poppins'; font-size: 15px;}
.moduleformpage .col .submit {float: right;}
.moduleformpage .col .submit .btn {cursor: pointer; padding: 10px 30px; text-align: center; -webkit-appearance: none; outline: none;}

input::-webkit-contacts-auto-fill-button {visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0;}

.modulecentralctabutton {padding: 50px 0;}

.modulecentralctabutton a.btn {display: table; margin: 60px auto 50px auto;}

.modulecentralctabutton a.btn:after {right: 155px;}

@media screen and (max-width: 768px) {
  .modulecentralctabutton a.btn {margin: 0 auto;}
}
@media screen and (max-width: 555px) {
  .modulecentralctabutton a.btn {display: block;}

  .modulecentralctabutton a.btn:after {right: 20px;}
}
.modulefundraise {padding: 50px 0;}
.modulefundraise h2 {color: #da291c; text-align: center; line-height: 1; font-family: 'ExtraMile'; font-weight: normal; font-size: 60px; margin-bottom: 40px;}
@media screen and (max-width: 768px) {
  .modulefundraise h2 {font-size: 35px;}
}
.modulefundraise p {text-align: center; width: 560px; margin: 0 auto; max-width: 80%;}
.modulefundraise a.btn {display: table; margin: 60px auto 0 auto;}
.modulefundraise a.btn:after {right: 155px;}
@media screen and (max-width: 768px) {
  .modulefundraise a.btn {margin: 0 auto;}
}
@media screen and (max-width: 555px) {
  .modulefundraise a.btn {display: block;}
  .modulefundraise a.btn:after {right: 20px;}
}
.modulefundraise .shapes {margin: 0 auto; overflow: hidden; width: 97%; padding-top: 80px; padding-bottom: 40px; text-align: center;}
@media screen and (max-width: 480px) {
  .modulefundraise .shapes {width: 100%;}
}
.modulefundraise .shapes .shape {display: inline-block; margin: 0 50px;}
@media screen and (max-width: 1400px) {
  .modulefundraise .shapes .shape {margin: 0 30px;}
}
@media screen and (max-width: 1023px) {
  .modulefundraise .shapes .shape {margin: 0 15px;}
}
.modulefundraise .shapes .shape .txt {margin: 0 auto; width: 220px; height: 124px; position: relative; -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -webkit-transform: translateY(-40px); transform: translateY(-40px);}
.modulefundraise .shapes .shape .txt::before {content: ''; display: block; left: 0; top: 0; right: 0; bottom: 0; position: absolute; background: url("../img/mask-bubble.png") center center repeat; background-size: 220px 124px;}
.modulefundraise .shapes .shape .txt p {padding-top: 20px; color: #fff;}
.modulefundraise .shapes .shape .txt p strong {display: block; font-weight: 700;}
.modulefundraise .shapes .shape .imgwrap {height: 240px; width: 240px; position: relative;}
.modulefundraise .shapes .shape .imgwrap::before {content: ''; position: absolute; height: 240px; width: 240px; background: url(../img/mask-shape01.png); background-size: 240px 240px; top: 0; left: 0;}
.modulefundraise .shapes .shape .img {height: 240px; width: 240px; background-size: cover; background-repeat: no-repeat; background-position: center;}

@media screen and (max-width: 480px) {
  .modulefundraise .shapes .shape {margin: 0 5px; vertical-align: top;}
  .modulefundraise .shapes .shape .txt::before {background-size: 155px 124px;}
  .modulefundraise .shapes .shape .txt p {max-width: 90%;}
  .modulefundraise .shapes .shape .txt {width: 155px;}
  .modulefundraise .shapes .shape .txt p {font-size: 12px; padding-top: 30px;}
  .modulefundraise .shapes .shape .txt p strong {font-size: 13px;}
  .modulefundraise .shapes .shape .imgwrap::before {height: 135px; width: 135px; background-size: 135px 135px;}
  .modulefundraise .shapes .shape .imgwrap {height: 135px; width: 135px; background-size: 135px 135px;}
  .modulefundraise .shapes .shape .img {height: 135px; width: 135px;}
}

.modulefundraise .shapes .shape.shape01 .imgwrap::before {background-image: url(../img/mask-shape01.png);}
.modulefundraise .shapes .shape.shape01 .txt {background-color: rgba(218, 41, 28, 0.9);}
.modulefundraise .shapes .shape.shape02 .imgwrap::before {background-image: url(../img/mask-shape02.png);}
.modulefundraise .shapes .shape.shape02 .txt {background-color: rgba(252, 76, 2, 0.9);}
.modulefundraise .shapes .shape.shape03 .imgwrap::before {background-image: url(../img/mask-shape03.png);}
.modulefundraise .shapes .shape.shape03 .txt {background-color: rgba(206, 15, 105, 0.9);}
.modulefundraise .shapes .shape.shape04 .imgwrap::before {background-image: url(../img/mask-shape04.png);}
.modulefundraise .shapes .shape.shape04 .txt {background-color: rgba(119, 37, 131, 0.9);}

.moduleneed {padding: 50px 0 150px 0;}
@media screen and (max-width: 1023px) {
  .moduleneed {padding-bottom: 50px;}
}
@media screen and (max-width: 768px) {
  .moduleneed {padding: 0 0 30px 0;}
}
.moduleneed h2 {color: #da291c; text-align: center; line-height: 1.2; font-family: 'ExtraMile'; font-size: 80px; font-weight: normal; margin-bottom: 40px;}
@media screen and (max-width: 1023px) {
  .moduleneed h2 {font-size: 50px;}
}
.moduleneed p.subtitle {text-align: center; width: 440px; margin: 0 auto; max-width: 80%;}
.moduleneed .sliders {padding-top: 20px; text-align: center;}
.moduleneed .sliders .slider {display: inline-block; width: 330px; position: relative;}
@media screen and (max-width: 1023px) {
  .moduleneed .sliders .slider {display: block; margin: 50px auto !important;}
}
.moduleneed .sliders .slider:after {content: ''; display: block; position: absolute; top: 0; right: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  width: 50px; height: 100%; z-index: 2;}
.moduleneed .sliders .slider:before {content: ''; display: block; position: absolute; top: 0; left: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  width: 50px; height: 100%; z-index: 2;}
.moduleneed .sliders .slider .owl-dots {padding-top: 40px;}
.moduleneed .sliders .slider .owl-dots .owl-dot {display: inline-block; vertical-align: middle; height: 10px; width: 10px; border: 1px solid #da291c; border-radius: 50%; margin: 0 10px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.moduleneed .sliders .slider .owl-dots .owl-dot:hover, .moduleneed .sliders .slider .owl-dots .owl-dot.active {background-color: #da291c;}
.moduleneed .sliders .slider:first-child {margin-right: 150px;}
.moduleneed .sliders .slider .slide {width: 330px; position: relative;}
.moduleneed .sliders .slider .slide h3 {font-family: 'ExtraMile'; font-size: 100px; font-weight: normal; line-height: 150px; margin: 40px 0; position: relative; z-index: 1;}
.moduleneed .sliders .slider .slide p {position: relative; z-index: 1; width: 230px; margin: 0 auto; -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px);}
.moduleneed .sliders .slider .slide .btn {display: table; margin: 15px auto 0 auto;}
.moduleneed .sliders .slider .slide .shape {position: absolute; top: 0; left: 50px;}
.moduleneed .sliders .slider .slide .shape.cross {-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-10px);}
@media screen and (max-width: 768px) {
  .moduleneed .sliders .slider .slide .shape.cross {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
}
.moduleneed .sliders .slider .slide .shape.green svg {fill: #78be20;}
.moduleneed .sliders .slider .slide .shape.yellow svg {fill: #ffcd00;}

.custom-form {background-color: #ededed; width: 100%; max-width: 600px; margin: 60px auto; padding: 20px 65px 45px 65px; color: #da291c; border-radius: 5px;}
.custom-form h3 {font-family: 'ExtraMile'; font-size: 55px; line-height: 1; margin-bottom: 20px; color: #da291c;}
.custom-form .error {opacity: 0;}
.custom-form form ::-webkit-input-placeholder {color: #da291c; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.custom-form form :-moz-placeholder {color: #da291c; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.custom-form form ::-moz-placeholder {color: #da291c; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.custom-form form :-ms-input-placeholder {color: #da291c; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.custom-form form input[type="text"],
.custom-form form textarea,
.custom-form form input[type="password"],
.custom-form form input[type="email"] {-webkit-appearance: none; border: 1px solid #da291c; outline: none; background-color: #fff; border-radius: 5px; display: block; width: 100%; margin: 20px 0; padding: 10px; font-weight: 500; color: #da291c; font-family: 'Poppins'; font-size: 16px;}
.custom-form form input[type="checkbox"]:not(:checked) + label:before,
.custom-form form input[type="checkbox"]:checked + label:before {border-color: #da291c; background-color: #fff;}
.custom-form form .radio {color: #fff;}
.custom-form form input[type="radio"] + label {display: block; margin-bottom: 5px; color: #777;}
.custom-form form input[type="radio"] + label span {border-color: #da291c; background-color: #fff;}
.custom-form form input[type="radio"]:checked + label span {background-color: #da291c;}
.custom-form form .cs-select {border: 1px solid #da291c;}
.custom-form form .cs-select ul li span {padding: 4px 1em 9px 50px;}
.custom-form form .select {margin: 20px 0;}
.custom-form form .select .cs-options {top: 50px; left: -1px; right: -1px; width: calc(100% + 2px); max-height: 200px; overflow: scroll;}
.custom-form form .select .cs-options:before {display: none;}
.custom-form form .select .cs-placeholder {padding: 12px 10px; border: none; border-radius: 4px; outline: none; background-color: #fff; color: #da291c;}
.custom-form form #forgot {color: #da291c; font-weight: 500; font-size: 12px; position: relative; display: block; float: left; margin-top: 13px;}
.custom-form form #forgot:after {content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.custom-form form #forgot:hover:after {opacity: 0;}
.custom-form form .check {position: relative; float: left; padding: 0 30px 10px 0; color: #777;}
.custom-form form .check [type="checkbox"]:not(:checked) + label:after,
.custom-form form .check [type="checkbox"]:checked + label:after {background-image: url(../img/tick-red.svg);}
.custom-form form div.submit {position: relative;}
.custom-form form div.submit span {content: ''; display: block; position: absolute; right: 25px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.custom-form form div.submit:hover span {-moz-transform: translateX(5px); -ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px);}
.custom-form form input[type="submit"] {cursor: pointer; background-color: #da291c; color: #fff; font-weight: 500; font-size: 15px; border: none; -webkit-appearance: none; outline: none; width: 155px; height: 44px; line-height: 44px; font-family: 'Poppins'; padding: 0 0 0 0; text-align: center;}
.gdpr-consent .block {display: block; padding-bottom: 20px;}
.gdpr-consent .block::after {content: ''; display: block; clear: both;}
.gdpr-consent .grdp-contact-method {display: none;}
.gdpr-consent .grdp-contact-method .check {display: inline-block; margin-right: 12px;}
.custom-form.red {background-color: #da291c; color: #fff;}
.custom-form.red h3 {color: #fff;}
.custom-form.red form ::-webkit-input-placeholder {color: #fff;}
.custom-form.red form :-moz-placeholder {color: #fff;}
.custom-form.red form ::-moz-placeholder {color: #fff;}
.custom-form.red form :-ms-input-placeholder {color: #fff;}
.custom-form.red form input[type="text"],
.custom-form.red form textarea,
.custom-form.red form input[type="password"],
.custom-form.red form input[type="email"] {border-color: #ec8c84; background-color: #e5655b; color: #fff;}
.custom-form.red form input[type="checkbox"]:not(:checked) + label:before,
.custom-form.red form input[type="checkbox"]:checked + label:before {border-color: #ec8c84; background-color: #e5655b;}
.custom-form.red form input[type="radio"] + label {color: #fff;}
.custom-form.red form input[type="radio"] + label span {border-color: #ec8c84; background-color: #e5655b;}
.custom-form.red form input[type="radio"]:checked + label span {background-color: #fff;}
.custom-form.red form .cs-select {border-color: #ec8c84;}
.custom-form.red form .cs-placeholder {background-color: #e5655b; color: #fff;}
.custom-form.red form #forgot {color: #fff;}
.custom-form.red form #forgot:after {background-color: #fff;}
.custom-form.red form .check {color: rgba(255, 255, 255, 0.8);}
.custom-form.red form .check [type="checkbox"]:not(:checked) + label:after,
.custom-form.red form .check [type="checkbox"]:checked + label:after {background-image: url(../img/tick-white.svg);}
.custom-form.red form div.submit span {border-left-color: #da291c;}
.custom-form.red form input[type="submit"] {background-color: #fff; color: #da291c;}

@media screen and (max-width: 1023px) {
  .info {display: block; width: 100%;}

  .custom-form {float: none; width: 100%;}
}
@media screen and (max-width: 600px) {
  .info h3 {font-size: 35px;}

  .custom-form {padding: 20px 25px 25px 25px;}
  .custom-form h3 {font-size: 40px;}
  .custom-form .error {font-size: 12px;}
  .custom-form form ::-webkit-input-placeholder {font-size: 14px;}
  .custom-form form :-moz-placeholder {font-size: 14px;}
  .custom-form form ::-moz-placeholder {font-size: 14px;}
  .custom-form form :-ms-input-placeholder {font-size: 14px;}
  .custom-form form #forgot {float: none; display: table;}
  .custom-form form input[type="text"],
  .custom-form form input[type="password"] {font-size: 14px;}
  .custom-form form input[type="password"] {margin-bottom: 20px;}
  .custom-form form div {float: none;}
  .custom-form form div input[type="submit"] {width: 100%;}
}
.gateway-teasers {padding-top: 30px;}
.gateway-teasers h2 {max-width: 760px; margin: 0 auto;}
@media screen and (max-width: 720px) {
  .gateway-teasers h2 {font-size: 48px; max-width: 90%;}
}
.gateway-teasers .items {max-width: 1050px; margin: 75px auto 0 auto;}
.gateway-teasers .items::after {content: ''; display: table; clear: both; width: 100%;}
@media screen and (max-width: 720px) {
  .gateway-teasers .items {margin: 35px auto 0 auto;}
}
.gateway-teasers .item {width: 50%; float: left; padding: 0 46px 4em 0; clear: left;}
@media screen and (max-width: 720px) {
  .gateway-teasers .item {width: 90%; margin: 0 auto; float: none; padding: 0 0 4em 0;}
}
.gateway-teasers .item:nth-child(2n) {padding: 0 0 4em 46px; clear: right;}
@media screen and (max-width: 720px) {
  .gateway-teasers .item:nth-child(2n) {padding: 0 0 4em 0;}
}
.gateway-teasers .item .img {width: 210px; height: 190px; background-size: cover; display: block; float: left; overflow: hidden; border-radius: 10px;}
@media screen and (max-width: 720px) {
  .gateway-teasers .item .img {width: 100%; height: 0px; padding: 90% 0 0 0; float: none;}
}
.gateway-teasers .item .text {width: 100%; padding-left: 230px;}
@media screen and (max-width: 720px) {
  .gateway-teasers .item .text {padding: 0 10px;}
}
.gateway-teasers .item .text h3 {font-weight: 500; margin: 0 0 1.2em 0;}
@media screen and (max-width: 720px) {
  .gateway-teasers .item .text h3 {margin: 1.2em 0;}
}
.gateway-teasers .item .text p {text-align: left; margin: 0 0 1.2em 0; max-width: 100%;}
.gateway-teasers .item .text a {color: #da291c; text-decoration: underline; font-weight: 500; position: relative; padding: 0 30px 0 0;}
.gateway-teasers .item .text a.arrow::after {content: ''; display: block; position: absolute; right: 15px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}

#page .roundedimg {width: 80%; margin: -70px auto 50px auto; padding-bottom: 0;}
#page .roundedimg.simple {width: 60%; margin: 40px auto -20px auto;}
@media screen and (max-width: 768px) {
  #page .roundedimg.simple {width: 90%; margin: 30px auto 0 auto;}
  #page .roundedimg.simple .rimg {height: 230px;}
}
@media screen and (max-width: 768px) {
  #page .roundedimg {width: 90%;}
}
#page .roundedimg .rimg {background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; height: 400px; width: 100%;}
#page.default {padding-top: 140px;}
@media screen and (max-width: 768px) {
  #page.default {padding-top: 50px;}
}
#page .head {display: flex; flex-direction: column; align-items: center; color: #ffffff; height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 90px;}
#page.has-submenu .head { padding-top: 140px; min-height: 300px; }
#page.has-header-img .head { padding-top: 90px; padding-bottom: 50px; min-height: 260px; }
@media screen and (max-width: 768px) {
  #page .head {padding-top: 60px;}
}
#page .head h2 {font-family: 'ExtraMile'; font-size: 60px; font-weight: normal; text-align: center; line-height: 1; margin: 35px auto 30px auto; width: 80%; max-width: 750px;}
#page.has-header-img .head h2 {margin: 10px auto 30px auto;}
@media screen and (max-width: 768px) {
  #page .head h2 {font-size: 60px; width: 90%; margin: 20px auto;}
}
#page .head.simple {height: auto;}
#page .head.simple.no-image {padding-top: 210px;}
#page .head.simple h2 {text-align: left; color: #da291c; width: 50%; margin-bottom: 33px;}
#page .head.simple .meta {text-align: left; color: #000000; font-size: 14px; width: 50%; max-width: 750px;}
#page .head.simple .meta a {color: #da291c;}
#page .head.simple .meta .author {display: block;}
#page .head.simple .meta .date,
#page .head.simple .meta .separator,
#page .head.simple .meta .taxonomy {color: #9e9e9e;}
#page .head.simple .meta .taxonomy {font-weight: 500;}
@media screen and (max-width: 768px) {
  #page .head.simple {padding-top: 100px; height: auto;}
  #page .head.simple.no-image {padding-top: 100px;}
  #page .head.simple h2 {width: 90%; margin-bottom: 39px;}
  #page .head.simple .meta {width: 90%; max-width: 90%; margin-bottom: 0;}
  #page .head.simple .meta .taxonomy {font-weight: 500;}
}
#page .head.noimage {height: auto; padding-top: 120px;}
#page .head.noimage h2 {text-align: left; color: #da291c; width: 60%; margin-bottom: 40px;}
#page .head.noimage .meta {text-align: left; color: #9e9e9e; font-size: 14px;}
#page .head.noimage .meta a {color: #da291c;}
@media screen and (max-width: 768px) {
  #page .head.noimage {height: auto; padding-top: 100px;}
  #page .head.noimage h2 {width: 90%; margin-bottom: 25px;}
  #page .head.noimage .meta {width: 90%; max-width: 90%;}
  #page .head.noimage .meta .author {color: #000000; display: block; margin-bottom: 5px;}
  #page .head.noimage .meta .separator {display: none;}
}
@media screen and (max-width: 600px) {
  #page .head h2 {font-size: 40px;}
}
#page .head p {max-width: 60%; margin: 0 auto 25px auto; text-align: center;}
#page.has-header-img .head p {margin-top: 30px;}
#page .head p strong {font-weight: 500;}
#page .head.fullhead {height: 860px;}
@media screen and (max-width: 480px) {
  #page .head.fullhead {height: auto;}
}
#page .head.fullhead:after {content: ''; display: block; clear: both;}
#page.cpr .head {padding-top: 200px; height: 660px;}
#page .page {padding: 60px 0;}
#page .page.rounded {border-radius: 5px; -moz-transform: translate3d(0, -50px, 0); -ms-transform: translate3d(0, -50px, 0); -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); background-size: cover; background-repeat: no-repeat; background-position: center; width: 97%; margin: 0 auto; padding: 50px 0 450px 0;}
@media screen and (max-width: 768px) {
  #page .page.rounded {-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
#page .page.roundedimg {-moz-transform: translate3d(0, -200px, 0); -ms-transform: translate3d(0, -200px, 0); -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0); width: 80%; margin: 0 auto; padding-bottom: 0;}
@media screen and (max-width: 768px) {
  #page .page.roundedimg {width: 95%;}
}
#page .page.roundedimg .rimg {background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; height: 400px; width: 100%;}
#page .page.roundedimg .modulefourcols .text h4 {height: 40px;}

.searchresults.full {margin-top: 60px; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}

.resultspage .filters {padding-bottom: 40px; text-align: center; z-index: 200;}
@media screen and (max-width: 768px) {
  .resultspage .filters {padding-top: 5px;}
}
.resultspage .filters .filter {display: inline-block;}
@media screen and (max-width: 768px) {
  .resultspage .filters .filter {display: block; margin: 0 auto 10px auto;}
}
.resultspage .filters .filter:first-child {margin-right: 40px;}
@media screen and (max-width: 768px) {
  .resultspage .filters .filter:first-child {margin-right: 0;}
}
.resultspage .filters .filter p {font-size: 14px; font-weight: 500; opacity: 0.6; text-transform: uppercase; color: #fff; display: inline-block; vertical-align: middle; padding-bottom: 0 !important;}
.resultspage .filters .filter .select {display: inline-block; vertical-align: middle; margin-left: 15px; width: 250px;}
@media screen and (max-width: 768px) {
  .resultspage .filters .filter .select {display: table; margin: 0 auto 20px auto;}
}

.pagedonate {text-align: center; margin-bottom: 35px !important;}
@media screen and (max-width: 480px) {
  .pagedonate {background-color: #fff; background-size: 100% auto !important; background-position: bottom center !important; padding-bottom: 250px !important;}
}
.pagedonate .give {display: inline-block; vertical-align: top; width: 410px; max-width: 95%;}
@media screen and (max-width: 1023px) {
  .pagedonate .give {display: block;}
}
.pagedonate .give .link {margin-top: 20px; margin-bottom: 0;}
.pagedonate .give .link a {font-weight: 500; position: relative;}
.pagedonate .give .link a:after {content: ''; display: block; height: 1px; width: 100%; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.pagedonate .give .link a:before {content: ''; display: block; position: absolute; right: -20px; top: 50%; margin-top: -7px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #fff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.pagedonate .give .link a:hover:after {opacity: 0; visibility: hidden;}
.pagedonate .give .link a:hover:before {-moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px);}
.pagedonate .give .link.corporate {background-color: #d4e0ea; border-radius: 5px; width: 90%; margin: 20px auto; padding: 8px 0;}
@media screen and (max-width: 1023px) {
  .pagedonate .give:first-child {margin: 0 auto 40px auto;}
}
.pagedonate .give:last-child {margin-left: 20%;}
.pagedonate .give:last-child.monthlydonate {margin-left: auto;}
@media screen and (max-width: 1023px) {
  .pagedonate .give:last-child {margin: 0 auto 40px auto;}
}
.pagedonate .give h2 {font-family: 'ExtraMile'; font-size: 60px; font-weight: normal;}
.pagedonate .give .box {border-radius: 5px; margin-top: 40px; padding: 30px 20px; width: 100%; position: relative;}
.pagedonate .give .box.showHonour .honour {max-height: 500px;}
.pagedonate .give .box.showHonour .link {opacity: 0; visibility: hidden;}
.pagedonate .give .box .contentbox {position: relative; z-index: 2;}
.pagedonate .give .box:before {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 74, 128, 0.2); z-index: 1; border-radius: 5px;}
.pagedonate .give .box:after {border-radius: 5px; content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; z-index: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 0.88) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 0.88) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.888) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.pagedonate .give .box .choices .choice {cursor: pointer; background-color: #fff; border-radius: 4px; display: inline-block; height: 72px; width: 111px; font-size: 40px; color: #da291c; line-height: 74px; position: relative; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 480px) {
  .pagedonate .give .box .choices .choice {width: 85px; padding-left: 10px;}
}
.pagedonate .give .box .choices .choice:before {content: '\20AC'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; left: 12px; top: 0;}
@media screen and (max-width: 480px) {
  .pagedonate .give .box .choices .choice:before {left: 8px;}
}
.pagedonate .give .box .choices .choice.active {background-color: #da291c; box-shadow: inset 2px 4px 5px rgba(0, 0, 0, 0.3); color: #fff;}
.pagedonate .give .box .choices .choice.active:hover {background-color: #da291c;}
.pagedonate .give .box .choices .choice.active:before {color: #fff;}
.pagedonate .give .box .choices .choice:hover {background-color: #f1f1f1;}
.pagedonate .give .box .choices .choice:nth-child(2) {margin: 0 12px;}
@media screen and (max-width: 480px) {
  .pagedonate .give .box .choices .choice:nth-child(2) {margin: 0 6px;}
}
.pagedonate .give .box p {font-size: 15px; text-align: center; margin-bottom: 20px;}
.pagedonate .give .box p.link {margin-bottom: 0;}
.pagedonate .give .box p.check {margin-top: 20px; margin-bottom: 0; text-align: left;}
.pagedonate .give .box p.check label {cursor: pointer;}
.pagedonate .give .box #amount {position: relative;}
.pagedonate .give .box #amount:before {content: '\20AC'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; left: 15px; top: 32%;}
.pagedonate .give .box #amount:after {content: 'EUR'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; right: 15px; top: 32%;}
.pagedonate .give .box #amount input {border-radius: 5px; padding: 2px 65px 2px 45px; outline: none; border: 1px solid #86b0be; color: #78be20; font-size: 40px; width: 100%; font-family: 'Poppins';}
.pagedonate .give .box .btn {margin-top: 20px; display: inline-block; position: relative; padding-left: 20px; padding-right: 47px;}


.pagedonate .give .box.mthly p {font-size: 15px; text-align: center; margin-bottom: 20px;}
.pagedonate .give .box.mthly p.link {margin-bottom: 0;}
.pagedonate .give .box.mthly p.check {margin-top: 20px; margin-bottom: 0; text-align: left;}
.pagedonate .give .box.mthly p.check label {cursor: pointer;}
.pagedonate .give .box.mthly #amountMth {position: relative;}
.pagedonate .give .box.mthly #amountMth:before {content: '\20AC'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; left: 15px; top: 32%;}
.pagedonate .give .box.mthly #amountMth:after {content: 'EUR'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; right: 15px; top: 32%;}
.pagedonate .give .box.mthly #amountMth input {border-radius: 5px; padding: 2px 65px 2px 45px; outline: none; border: 1px solid #86b0be; color: #da291c; font-size: 40px; width: 100%; font-family: 'Poppins';}
.pagedonate .give .box.mthly .btn {margin-top: 20px; display: inline-block; position: relative; padding-left: 20px; padding-right: 47px;}





@media screen and (max-width: 480px) {
  .pagedonate .give .box .btn {width: 100%; margin: 15px auto; text-align: left;}
}
.pagedonate .give .box .btn.svgcontainer {margin-left: 10px; padding-right: 110px;}
@media screen and (max-width: 480px) {
  .pagedonate .give .box .btn.svgcontainer {margin-left: auto;}
}
.pagedonate .give .box .btn svg {position: absolute; right: 34px; top: 10px;}
@media screen and (max-width: 480px) {
  .pagedonate .give .box .btn svg {right: auto; left: 90px;}
}
.pagedonate .give.once h2 {color: #78be20;}
.pagedonate .give.once .btn {border: none; background-color: #78be20;}
.pagedonate .give.once .btn svg path, .pagedonate .give.once .btn svg polygon {-moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.pagedonate .give.once .btn:hover {background-color: #fff; color: #78be20;}
.pagedonate .give.once .btn:hover:after {border-left-color: #78be20;}
.pagedonate .give.once .btn:hover svg path, .pagedonate .give.once .btn:hover svg polygon {fill: #78be20 !important;}
.pagedonate .give.once .link a {color: #046a38;}
.pagedonate .give.once .link a:before {border-left-color: #046a38;}
.pagedonate .give.once .link a:after {background-color: #046a38;}
.pagedonate .give.monthly h2 {color: #da291c;}
.pagedonate .give.monthly .btn {border: none;}
.pagedonate .give.monthly .btn svg path, .pagedonate .give.monthly .btn svg polygon {-moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.pagedonate .give.monthly .btn:hover {background-color: #fff; color: #da291c;}
.pagedonate .give.monthly .btn:hover:after {border-left-color: #da291c;}
.pagedonate .give.monthly .btn:hover svg path, .pagedonate .give.monthly .btn:hover svg polygon {fill: #da291c !important;}
.pagedonate .give.monthly [type="checkbox"]:not(:checked) + label:after,
.pagedonate .give.monthly [type="checkbox"]:checked + label:after {color: #da291c;}
.pagedonate .give.monthly .link a {color: #6f2641;}
.pagedonate .give.monthly .link a:before {border-left-color: #6f2641;}
.pagedonate .give.monthly .link a:after {background-color: #6f2641;}
.pagedonate.single .give:last-child {margin-left: auto; margin-right: auto;}

.honour {margin: 0 auto; max-height: 0; overflow: hidden; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); width: 88%;}
.honour .wrapper {padding: 20px 0;}
.honour fieldset {background-image: url(../img/marker-red.svg); background-size: 120px 70px; background-position: -36px -8px; background-repeat: no-repeat; width: 100%; background-color: #fff; -webkit-appearance: none; outline: none; border-radius: 4px; border: 1px solid #86b0be;}
.honour fieldset input {background-color: #fff; border: none; border-bottom: 1px solid #86b0be; outline: none; -webkit-appearance: none; padding: 15px 15px 10px 0; margin-left: 46px; width: calc(100% - 60px); font-family: 'Poppins'; font-size: 15px; line-height: 1; float: left; clear: left;}
.honour fieldset .cs-select {float: left; clear: left; margin-left: 46px; width: calc(100% - 60px);}
.honour fieldset .cs-select .cs-options {overflow: scroll; overflow-x: hidden; height: 244px; top: -243px; width: 126%; left: -19%;}
.honour fieldset .cs-select .cs-options:before {display: none;}
.honour fieldset .cs-select > span {color: #000; font-weight: 400; padding: 15px 15px 10px 0;}
.honour p {font-size: 15px; opacity: 0.7;}
.honour ::-webkit-input-placeholder {color: #000; font-family: 'Poppins'; font-size: 15px; font-weight: 400; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.honour :-moz-placeholder {color: #000; font-family: 'Poppins'; font-size: 15px; font-weight: 400; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.honour ::-moz-placeholder {color: #000; font-family: 'Poppins'; font-size: 15px; font-weight: 400; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.honour :-ms-input-placeholder {color: #000; font-family: 'Poppins'; font-size: 15px; font-weight: 400; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.honour input.bt {width: 100%; background-color: #fff; -webkit-appearance: none; padding: 15px 15px 15px 46px; border: 1px solid #86b0be; outline: none; font-size: 15px; color: #000; border-radius: 4px; margin-bottom: 20px;}
.honour input.notify {background: #fff url(../img/group-red.svg) no-repeat 13px 12px;}
.honour input.dedicated {background: #fff url(../img/dedicated.svg) no-repeat 17px 12px; background-size: 15px auto;}

.shipping-address-form {position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(255, 255, 255); z-index: 10000; padding: 50px 0 50px; display: none; overflow: auto;}
.shipping-address-form h2 {color: #da291c; font-family: 'ExtraMile'; font-size: 40px; font-weight: normal; text-align: center; margin-bottom: 30px;}
.shipping-address-form #publication-checkout-stripe-continue {margin: 0 auto; display: block; width: 200px;}
.shipping-address-form #publication-checkout-stripe-cancel {text-align: center; margin: 20px auto; display: block; width: 100px;}
.shipping-address-form input.error {border-color: #da291c;}
.shipping-address-form input.error::-webkit-input-placeholder,
.shipping-address-form input.error::placeholder {color: #da291c;}

.condition-index .conditions-head {background: #730e84 url("../img/heartconditions.jpg") top center no-repeat; background-size: 100% auto; height: auto !important; padding-bottom: 120px;}
.condition-index .search {padding: 16px 0 30px 0; transition: all 400ms ease; width: 100%; position: absolute; left: 0%; right: 0%; z-index: 100;}
@media screen and (max-width: 768px) {
  .condition-index .search {padding: 16px 0;}
}
.condition-index .search::before {content: ''; position: absolute; top: 11px; width: 100%; height: 5px; overflow: hidden; background: #da291c; opacity: 0; transition: opacity 0ms ease 0ms;}
.condition-index .search.fixed {position: fixed; top: 74px; left: 1.5%; right: 1.5%; width: 97%;}
.condition-index .search.fixed .bar {border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 0 !important;}
.condition-index .search.fixed::before {opacity: 1; transition: opacity 200ms ease 350ms;}
.condition-index .search.fixed .letters {opacity: 0; pointer-events: none; transform: scaleY(0); transform-origin: 0 0;}
@media screen and (max-width: 768px) {
  .condition-index .search.fixed {top: 70px; left: 0; right: 0; width: 100%; background: rgba(146, 79, 156, 0.9);}
  .condition-index .search.fixed::before {opacity: 0;}
}
.condition-index .search .bar {background: rgba(146, 79, 156, 0.9); padding: 14px 0;}
@media screen and (max-width: 768px) {
  .condition-index .search .bar {background: transparent;}
}
.condition-index .search .bar input {width: 540px; margin: 0 auto; display: block; height: 42px; line-height: 41px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(126, 59, 136, 0.95) url("../img/searchwhite.svg") no-repeat 98% center; color: #ffffff; font-size: 16px; font-weight: 500; padding: 0 30px 0 12px; border-radius: 3px; font-family: 'Poppins';}
.condition-index .search .bar input::-webkit-input-placeholder {color: #bb9cc1;}
.condition-index .search .bar input:-moz-placeholder {color: #bb9cc1;}
.condition-index .search .bar input::-moz-placeholder {color: #bb9cc1;}
.condition-index .search .bar input:-ms-input-placeholder {color: #bb9cc1;}
.condition-index .search .bar input:focus::-webkit-input-placeholder {color: #ffffff;}
.condition-index .search .bar input:focus:-moz-placeholder {color: #ffffff;}
.condition-index .search .bar input:focus::-moz-placeholder {color: #ffffff;}
.condition-index .search .bar input:focus:-ms-input-placeholder {color: #ffffff;}
@media screen and (max-width: 768px) {
  .condition-index .search .bar input {width: 90%;}
}
.condition-index .search .bar .input {width: 540px; margin: 0 auto; position: relative;}
@media screen and (max-width: 768px) {
  .condition-index .search .bar .input {width: 90%;}
}
.condition-index .search .bar .clear {display: none; width: 28px; height: 28px; background: rgba(255, 255, 255, 0.5); border-radius: 28px; line-height: 28px; text-align: center; position: absolute; left: 505px; top: 7px;}
@media screen and (max-width: 768px) {
  .condition-index .search .bar .clear {left: auto; right: 24px;}
}
.condition-index .search .bar .clear::after {content: '+'; display: inline-block; font-weight: bold; font-size: 26px; transform: rotate(45deg); color: #90459b;}
.condition-index .search .bar.typing .clear {display: block;}
.condition-index .search .bar.typing input {background: rgba(126, 59, 136, 0.95);}
.condition-index .search .letters {background: rgba(255, 255, 255, 0.08); padding: 20px 0; text-align: center; opacity: 1; transition: all 400ms ease;}
.condition-index .search .letters.hide {opacity: 0;}
.condition-index .search .letters a {color: #ffffff; font-weight: 600; font-size: 24px; line-height: 1; display: inline-block; margin: 0 20px;}
@media screen and (max-width: 768px) {
  .condition-index .search .letters {display: none;}
}
.condition-index .condition-search-results {position: absolute; width: 100%;}
.condition-index .condition-search-results .content {width: 540px; margin: 0 auto; position: relative; top: -40px;}
.condition-index .condition-search-results .content p {text-align: left !important; margin: 0 0 10px 16px !important; width: 100% !important; max-width: 100% !important;}
.condition-index .condition-search-results .content p b {font-weight: 800;}
.condition-index .condition-search-results .content p.suggest {opacity: 0.5; font-weight: 500;}
@media screen and (max-width: 768px) {
  .condition-index .condition-search-results .content {width: 90%; top: 0;}
}
.condition-index .index {width: 540px; margin: 0 auto; padding-top: 200px; transition: opacity 400ms ease;}
.condition-index .index.hide {opacity: 0; pointer-events: none;}
.condition-index .index::before {content: ''; display: block; width: 100%; clear: both;}
@media screen and (max-width: 768px) {
  .condition-index .index {width: 80%; padding-top: 110px;}
}
.condition-index .index .anchor {display: block; height: 160px; margin-top: -160px; visibility: hidden;}
.condition-index .index .section {border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 40px 0 20px 0;}
@media screen and (max-width: 768px) {
  .condition-index .index .section {border: none; padding: 0;}
}
.condition-index .index .section::after {content: ''; display: block; width: 100%; clear: both;}
.condition-index .index .section .letter {float: left; width: 150px; font-size: 72px; font-weight: bold; padding: 0; margin: 0; line-height: 1;}
@media screen and (max-width: 768px) {
  .condition-index .index .section .letter {display: none;}
}
.condition-index .index .section p {margin: 0 0 0 150px !important; padding: 0 0 20px 0 !important; text-align: left !important; max-width: 100% !important;}
@media screen and (max-width: 768px) {
  .condition-index .index .section p {margin-left: 0px !important;}
}
.condition-index a.link {color: #ffffff; font-weight: 500; position: relative;}
.condition-index a.link::before {content: '\203A '; margin-right: 10px;}
.condition-index a.link:after {content: ''; display: block; width: 0; bottom: 0; left: 0; height: 1px; background-color: #fff; position: absolute; -moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.condition-index a.link:hover:after {width: 100%;}

.word {min-height: 780px; margin: 0 auto; width: 70%; position: relative;}
@media screen and (max-width: 768px) {
  .word {width: 90%;}
}
.word .select {display: none;}
@media screen and (max-width: 768px) {
  .word .select {border: 2px solid #772583; border-radius: 5px; display: block; position: absolute; top: -35px; width: 100%; z-index: 2;}
  .word .select .cs-select {max-width: 100%;}
  .word .select .cs-select > span {background-color: #fff; color: #772583; text-transform: uppercase; font-size: 20px; padding: 10px 70px 10px 20px;}
  .word .select .cs-select .cs-options:before {display: none;}
  .word .select .cs-select .cs-options span {background-color: #fff;}
}
.word .nav {display: block; color: #978c87; font-size: 14px; font-weight: 500; text-transform: uppercase; position: absolute; right: 0; top: 345px; padding-right: 30px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.word .nav svg {position: absolute; right: 0; top: -6px;}
.word .nav svg path {fill: #978c87; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.word .nav:hover {color: #000;}
.word .nav:hover svg path {fill: #000;}
@media screen and (max-width: 768px) {
  .word .nav {bottom: 20px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); right: 0; top: auto; display: table;}
}
.word .content {margin: 0 auto; width: 480px; position: absolute; left: 0; right: 0; opacity: 0; visibility: hidden; -moz-transform: translateY(-120px); -ms-transform: translateY(-120px); -webkit-transform: translateY(-120px); transform: translateY(-120px); -moz-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
@media screen and (max-width: 768px) {
  .word .content {-moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); width: 90%;}
}
.word .content.active {opacity: 1; visibility: visible;}
.word .content .wrapper {padding-top: 85px;}
@media screen and (max-width: 768px) {
  .word .content .wrapper {padding-top: 0;}
}
.word .content .wrapper h2 {font-weight: 700; font-size: 24px; text-transform: uppercase; float: left; position: relative; padding-bottom: 20px; margin-bottom: 25px;}
.word .content .wrapper h2:after {content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #b2b2b2; left: 0;}
.word .content .wrapper h4 {clear: both; color: #da291c; font-size: 28px; margin-bottom: 40px;}
@media screen and (max-width: 768px) {
  .word .content .wrapper h4 {font-size: 20px;}
}
.word .content .wrapper h5 {font-weight: 500; margin-bottom: 15px;}
.word .content .wrapper p {margin-bottom: 25px;}
.word .content .wrapper ul li {margin-bottom: 30px; position: relative; padding-left: 40px; list-style: none;}
.word .content .wrapper ul li:before {content: ''; display: block; position: absolute; top: 8px; left: 0; height: 7px; width: 7px; background-color: #da291c; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.word .content .wrapper ul li strong {color: #da291c; font-weight: 500;}
.word .content .wrapper .item {padding-bottom: 25px; margin-bottom: 25px; padding-left: 80px; position: relative;}
.word .content .wrapper .item:after {content: ''; display: block; position: absolute; bottom: 10px; left: 80px; width: 100px; height: 1px; background-color: #b2b2b2;}
.word .content .wrapper .item:last-child:after {display: none;}
.word .content .wrapper .item svg {position: absolute; top: 0; left: 0;}
.word .content .wrapper .item svg path {fill: #da291c;}
.word .content .wrapper .item h5 {color: #da291c; font-weight: 500; margin-bottom: 20px;}
.word .content .wrapper .item.orange h5 {color: #fc4c02;}
.word .content .wrapper .item.orange svg path {fill: #fc4c02;}
.word .content .wrapper .item.purple h5 {color: #ce0f69;}
.word .content .wrapper .item.purple svg path {fill: #ce0f69;}
.word .content .wrapper .item.green h5 {color: #78be20;}
.word .content .wrapper .item.green svg path {fill: #78be20;}
.word #sidebar {position: absolute; left: 0; top: 150px;}
@media screen and (max-width: 1024px) {
  .word #sidebar {left: -60px;}
}
@media screen and (max-width: 768px) {
  .word #sidebar {display: none;}
}
.word #sidebar ul li {margin-bottom: 50px; text-align: right; list-style-type: none;}
.word #sidebar ul li a {color: #978c87; font-size: 14px; font-weight: 500; text-transform: uppercase; position: relative; display: block; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.word #sidebar ul li a:after {content: ''; display: block; position: absolute; right: -20px; top: 50%; margin-top: -7px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #000; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; visibility: hidden;}
.word #sidebar ul li a:hover {color: #000;}
.word #sidebar ul li a.active {color: #000;}
.word #sidebar ul li a.active:after {opacity: 1; visibility: visible;}
.word .titlerounded {background-color: #fff; border-radius: 5px; margin: 0 auto; width: 480px; padding: 30px 0; text-align: center;}
@media screen and (max-width: 768px) {
  .word .titlerounded {display: none;}
}
.word .titlerounded h3 {color: #da291c; font-size: 24px;}

.actfast #intro .videoLink {display: none;}
.actfast #intro .txt {position: absolute; top: 0; left: 0; right: 0; margin: auto; height: 100%; text-align: center; padding-top: 160px;}
@media screen and (max-width: 768px) {
  .actfast #intro .txt {position: static; padding-top: 0;}
}
.actfast #intro .txt h2 {margin-bottom: 50px;}
.actfast #intro .txt .playvid {height: 50px; width: 50px; display: block; z-index: 1; margin: 20px auto 40px auto; position: relative;}
@media screen and (max-width: 768px) {
  .actfast #intro .txt .playvid {position: absolute; top: -100px; left: 50%; margin-left: -15px;}
}
.actfast #intro .txt .playvid:before {content: ''; display: block; height: 100%; width: 100%; background: url("../img/playvideowhite.svg") no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.actfast #intro .txt .playvid:after {content: ''; display: block; height: 100%; width: 100%; background: url("../img/playvideohoverw.svg") no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.actfast #intro .txt .playvid:hover:after {opacity: 1; visibility: visible;}
.actfast #intro .txt .playvid:hover:before {opacity: 0; visibility: hidden;}
.actfast #intro .txt p {color: #fff;}
.actfast .moduleinfo {padding-top: 0; width: 800px; max-width: 90%;}
.actfast .info {clear: both; padding: 50px 0 0 0; width: 800px; max-width: 90%; margin: 0 auto; overflow: hidden;}
.actfast .info p {float: right;}
.actfast .info p strong {font-weight: bold;}
.actfast .fast {border-radius: 4px; margin: 40px auto; border: 2px solid #da291c; width: 800px; max-width: 90%; position: relative; padding: 20px 40px 20px 40px;}
.actfast .fast .social {position: absolute; bottom: 3%; right: 2%;}
.actfast .fast .social a {display: block; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.actfast .fast .social a:hover {opacity: 0.7;}
.actfast .fast:before {content: ""; position: absolute; bottom: -80px; left: 100px; border-width: 80px 0 0 80px; border-style: solid; border-color: #da291c transparent; display: block; width: 0;}
.actfast .fast:after {content: ""; position: absolute; bottom: -75px; left: 103px; border-width: 75px 0 0 75px; border-style: solid; border-color: #fff transparent; display: block; width: 0;}
.actfast .fast .title {display: inline-block; vertical-align: top; font-family: 'ExtraMile'; font-size: 50px; color: #da291c;}
.actfast .fast .details {display: inline-block; margin-left: -4px; vertical-align: top; padding: 40px 0 0 50px;}
.actfast .fast .details p {color: #da291c; font-weight: 500; margin-bottom: 52px;}

#page.yourarea {background-color: #00b2aa; padding: 140px 0 200px 0; position: relative; min-height: 800px; overflow: hidden; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 480px) {
  #page.yourarea {padding: 60px 0 120px 0;}
}
#page.yourarea.clicked {min-height: 600px; padding-bottom: 50px;}
#page.yourarea.clicked .buttons .select ul {height: 220px;}
#page.yourarea .ireland-areas-menu {display: none; visibility: hidden;}
#page.yourarea #areas {position: absolute; color: #fff; font-weight: 500; width: 150px; display: block; opacity: 0; z-index: 2; pointer-events: none; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#page.yourarea #areas.show {opacity: 1;}
#page.yourarea svg {max-width: 100%; height: auto;}
#page.yourarea #curs {pointer-events: none; opacity: 0; z-index: 2; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: opacity 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#page.yourarea #curs.show {opacity: 0.4;}
#page.yourarea .ni {fill: #80d9d5; fill-opacity: 0.5;}
#page.yourarea .st0 {fill: #80d9d5; fill-opacity: 1; stroke: none; -moz-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.8s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#page.yourarea .st0.active, #page.yourarea .st0.selected {fill: #fff;}
#page.yourarea .st0.active {fill-opacity: 0.8;}
#page.yourarea .st0.selected {fill-opacity: 1;}
#page.yourarea .ni {fill: #80d9d5; fill-opacity: 0.5;}
#page.yourarea #map {float: right; margin-right: 5%; margin-top: -100px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 480px) {
  #page.yourarea #map {float: none; margin: 0 auto !important;}
}
#page.yourarea #map svg {width: 1200px; height: 1050px;}
@media screen and (max-width: 1200px) {
  #page.yourarea #map svg {height: auto !important;}
}
@media screen and (max-width: 480px) {
  #page.yourarea #map svg {height: 400px !important;}
}
#page.yourarea #map.clicked {cursor: default; float: none; margin: 0 auto; width: 400px; height: 350px;}
#page.yourarea #map.clicked #curs {opacity: 0;}
#page.yourarea #map.clicked #areas {opacity: 0;}
#page.yourarea #map.clicked svg {height: 350px !important;}
#page.yourarea h1 {color: #fff; font-family: 'ExtraMile'; font-size: 60px; text-align: center; font-weight: normal; pointer-events: none;}
#page.yourarea #loading {position: absolute; top: 280px; right: 20%; width: 230px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); opacity: 0; visibility: hidden;}
@media screen and (max-width: 480px) {
  #page.yourarea #loading {display: none;}
}
#page.yourarea #loading.show {opacity: 1; visibility: visible;}
#page.yourarea #loading .loadText {color: #fff; border: 3px solid #66d1cc; border-radius: 5px; padding: 8px 25px;}
#page.yourarea #loading .loadText strong {display: block; font-weight: 500;}
#page.yourarea #loading a {color: #fff; display: inline-block; margin-top: 30px; font-size: 15px; font-weight: 500; position: relative; margin-left: 20px;}
#page.yourarea #loading a:hover:before {border-right-color: #fff;}
#page.yourarea #loading a:before {content: ''; display: block; position: absolute; left: -20px; top: 50%; margin-top: -6px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 8px solid #b3e8e6; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
#page.yourarea #loading a:after {content: ''; display: block; position: absolute; bottom: 3px; left: 0; background-color: #fff; height: 1px; width: 100%;}
#page.yourarea .buttons {position: absolute; top: 280px; left: 20%; width: 300px;}
@media screen and (max-width: 480px) {
  #page.yourarea .buttons {position: relative; top: auto !important; left: auto !important; margin: 25px auto;}
}
#page.yourarea .buttons p {color: #fff; margin-bottom: 50px;}
#page.yourarea .buttons.hideT p {display: none;}
#page.yourarea .buttons .btn {display: block; width: 80%; margin-bottom: 30px;}
#page.yourarea .buttons .select {width: 80%;}
#page.yourarea .buttons .select .cs-select > span {padding-right: 30px;}
#page.yourarea .buttons .select ul {height: 400px; overflow: auto;}
@media screen and (max-width: 1600px) {
  #page.yourarea #map {margin-right: -5%;}
}
@media screen and (max-width: 1400px) {
  #page.yourarea #map {margin-right: -15%;}
  #page.yourarea .buttons {left: 15%;}
  #page.yourarea #loading {right: 15%;}
}
@media screen and (max-width: 768px) {
  #page.yourarea .buttons {left: 2%;}
  #page.yourarea #loading {right: 2%;}
}

#resultsarea {opacity: 0; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#resultsarea.show {opacity: 1;}
#resultsarea h2 {color: #da291c; font-size: 60px; line-height: 1; text-align: center; margin: 50px 0 80px 0; font-family: 'ExtraMile';}
#resultsarea .wrapperS {position: relative;}
#resultsarea .sliderresults {margin: 20px auto; width: 85%; position: static;}
#resultsarea .sliderresults .owl-nav div {font-size: 0; position: absolute; top: 50%;}
#resultsarea .sliderresults .owl-nav div.owl-next {background: url("../img/nav-next-grey.svg") no-repeat center; background-size: cover; width: 22px; height: 52px; right: 2%; margin-top: -76px;}
#resultsarea .sliderresults .owl-nav div.owl-next.disabled {opacity: 0.2;}
#resultsarea .sliderresults .owl-nav div.owl-prev {background: url("../img/nav-prev-grey.svg") no-repeat center; background-size: cover; width: 22px; height: 52px; left: 2%; margin-top: -76px;}
#resultsarea .sliderresults .owl-nav div.owl-prev.disabled {opacity: 0.2;}
#resultsarea .sliderresults .item {width: 260px; position: relative;}
@media screen and (max-width: 480px) {
  #resultsarea .sliderresults .item {margin: 0 auto;}
}
#resultsarea .sliderresults .item .category {position: absolute; top: 0; left: 0; width: 100%; text-align: center; height: 45px; line-height: 45px; text-transform: uppercase; color: #fff; font-weight: 500; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#resultsarea .sliderresults .item.event .category {background-color: #00b2aa;}
#resultsarea .sliderresults .item.support .category {background-color: #fc4c02;}
#resultsarea .sliderresults .item.activity .category {background-color: #ce0f69;}
#resultsarea .sliderresults .item .info {background-color: #fff; padding: 20px; border-radius: 5px; width: 85%; margin: 0 auto; -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px);}
#resultsarea .sliderresults .item .info p {line-height: 1.2;}
#resultsarea .sliderresults .item .info span.loc {display: block; text-transform: uppercase; font-weight: 700; margin: 15px 0 10px 0; font-size: 13px;}
#resultsarea .sliderresults .item .info a {display: inline-block; color: #da291c; font-weight: 500; font-size: 15px; position: relative;}
#resultsarea .sliderresults .item .info a:after {content: ''; display: block; width: 100%; height: 1px; background-color: #da291c; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#resultsarea .sliderresults .item .info a:hover:after {opacity: 0;}
#resultsarea .sliderresults .item .img {border-radius: 5px; width: 100%; height: 315px; background-color: #aeaeae; background-position: center; background-size: cover; background-repeat: no-repeat;}

.appeals .settings {padding: 40px 0;}
.appeals .settings h2 {color: #da291c; font-family: 'ExtraMile'; font-size: 40px; font-weight: normal; text-align: center; margin-bottom: 30px;}
.appeals .settings p {text-align: center; width: 560px; margin: 0 auto; max-width: 80%;}
.appeals .settings p a {color: #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.appeals .settings p a:hover {color: #000;}
.appeals .settings a.btn {display: table; margin: 60px auto 0 auto;}
.appeals .more h2 {color: #da291c; font-family: 'ExtraMile'; font-size: 40px; font-weight: normal; text-align: center; margin-bottom: 30px;}
.appeals .sliderappeals {margin: 20px auto; width: 95%; padding: 0 5%; position: relative;}
@media screen and (max-width: 340px) {
  .appeals .sliderappeals {padding: 0 10%;}
}
.appeals .sliderappeals .owl-nav div {font-size: 0; position: absolute; top: 50%;}
.appeals .sliderappeals .owl-nav div.owl-next {background: url("../img/nav-next-grey.svg") no-repeat center; background-size: cover; width: 22px; height: 52px; right: 2%; margin-top: -76px;}
.appeals .sliderappeals .owl-nav div.owl-next.disabled {opacity: 0.2;}
.appeals .sliderappeals .owl-nav div.owl-prev {background: url("../img/nav-prev-grey.svg") no-repeat center; background-size: cover; width: 22px; height: 52px; left: 2%; margin-top: -76px;}
.appeals .sliderappeals .owl-nav div.owl-prev.disabled {opacity: 0.2;}
.appeals .sliderappeals .item {width: 260px; position: relative;}
@media screen and (max-width: 480px) {
  .appeals .sliderappeals .item {margin: 0 auto; max-width: 100%;}
}
.appeals .sliderappeals .item .info {background-color: #fff; padding: 20px; border-radius: 5px; width: 85%; margin: 0 auto; -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px);}
.appeals .sliderappeals .item .info p {line-height: 1.2;}
.appeals .sliderappeals .item .info a {display: inline-block; color: #da291c; font-weight: 500; font-size: 15px; position: relative;}
.appeals .sliderappeals .item .info a:after {content: ''; display: block; width: 100%; height: 1px; background-color: #da291c; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.appeals .sliderappeals .item .info a:hover:after {opacity: 0;}
.appeals .sliderappeals .item .img {border-radius: 5px; width: 100%; height: 315px; background-color: #aeaeae; background-position: center; background-size: cover; background-repeat: no-repeat;}

.publications .head {padding-top: 120px !important;}
@media screen and (max-width: 480px) {
  .publications .head {padding-top: 80px !important;}
  .publications .head p {font-size: 14px;}
}
.publications .head .searchpub {height: 42px; margin: 20px auto; width: 450px; position: relative; -moz-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 0); -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}
@media screen and (max-width: 450px) {
  .publications .head .searchpub {width: 100%;}
}
.publications .head .searchpub .searchsubmit {display: block; position: absolute; height: 18px; width: 18px; background: url(../img/searchwhite.svg) no-repeat center; background-size: cover; z-index: 5; top: 11px; right: 15px; pointer-events: none;}
.publications .head .searchpub .searchsubmit.delete {background-image: url(../img/delete.png); pointer-events: initial;}
.publications .head .searchpub .submit {opacity: 0; visibility: hidden; display: block; position: absolute; right: -70px; padding-left: 10px; padding-right: 28px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); padding-top: 12px; padding-bottom: 10px;}
.publications .head .searchpub .submit:after {margin-top: -7px; right: 10px;}
.publications .head .searchpub .submit.show {opacity: 1; visibility: visible;}
.publications .head .searchpub .submit:hover {border-color: #fff; background-color: #fff; color: #da291c;}
.publications .head .searchpub .submit:hover:after {border-left-color: #da291c;}
.publications .head .searchpub .select {float: left; height: 42px; position: relative; padding-top: 5px;}
.publications .head .searchpub .select:hover .options {opacity: 1; visibility: visible;}
.publications .head .searchpub .select a.main {color: #fff; font-weight: 500; display: block; height: 100%; background: url(../img/arrow-bottomwhite.svg) no-repeat 113px 80%; background-size: 13px 8px; width: 130px; text-align: right; text-transform: uppercase;}
.publications .head .searchpub .select .options {position: absolute; padding: 10px 20px; right: -20px; text-align: right; opacity: 0; visibility: hidden; background: #00b2aa; border-radius: 10px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.publications .head .searchpub .select .options a {display: block; color: #fff; font-weight: 500; opacity: 0.6; margin-bottom: 5px; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.publications .head .searchpub .select .options a:hover {opacity: 1;}
.publications .head .searchpub ::-webkit-input-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.publications .head .searchpub :-moz-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.publications .head .searchpub ::-moz-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.publications .head .searchpub :-ms-input-placeholder {color: #fff; font-family: 'Poppins'; font-weight: 500; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.publications .head .searchpub input {background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; color: #fff; font-family: 'Poppins'; font-weight: 500; height: 40px; line-height: 41px; padding: 0 50px 0 15px; font-size: 16px; width: 300px; float: right; -webkit-appearance: none;}
.publications .head .searchpub input:focus::-webkit-contacts-auto-fill-button {opacity: 0; display: none;}
.publications .head .searchpub input:focus::-webkit-input-placeholder {color: transparent;}
.publications .head .searchpub input:focus:-moz-placeholder {color: transparent;}
.publications .head .searchpub input:focus::-moz-placeholder {color: transparent;}
.publications .head .searchpub input:focus:-ms-input-placeholder {color: transparent;}
@media screen and (max-width: 450px) {
  .publications .head .searchpub input {width: 160px;}
}
.publications .head p {color: #fff; margin: 0 auto; max-width: 95%; width: 700px;}
.publications .head p a {color: #fff; font-weight: 500; display: inline-block; position: relative;}
.publications .head p a:after {content: ''; display: block; position: absolute; bottom: 3px; left: 0; height: 1px; background-color: #fff; width: 100%; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.publications .head p a:hover:after {height: 2px;}
.publications .head p strong {font-weight: 500;}
.publications .popular {padding: 20px 0 40px 0;}
.publications .popular h2 {color: #da291c; font-family: 'ExtraMile'; font-size: 40px; font-weight: normal; text-align: center; margin-bottom: 30px;}
.publications .popular .sliderpopular {margin: 20px auto; width: 95%; padding: 0 5%;}
@media screen and (max-width: 768px) {
  .publications .popular .sliderpopular {padding: 0 10%;}
}
.publications .popular .sliderpopular .owl-nav div {font-size: 0; position: absolute; top: 50%;}
.publications .popular .sliderpopular .owl-nav div.owl-next {background: url("../img/nav-next-grey.svg") no-repeat center; background-size: cover; width: 22px; height: 52px; right: 2%; margin-top: -76px;}
.publications .popular .sliderpopular .owl-nav div.owl-next.disabled {opacity: 0.2;}
.publications .popular .sliderpopular .owl-nav div.owl-prev {background: url("../img/nav-prev-grey.svg") no-repeat center; background-size: cover; width: 22px; height: 52px; left: 2%; margin-top: -76px;}
.publications .popular .sliderpopular .owl-nav div.owl-prev.disabled {opacity: 0.2;}
.publications .popular .sliderpopular .item {width: 260px; position: relative;}
@media screen and (max-width: 768px) {
  .publications .popular .sliderpopular .item {width: 100%;}
}
@media screen and (max-width: 480px) {
  .publications .popular .sliderpopular .item {margin: 0 auto;}
}
.publications .popular .sliderpopular .item .category {background-color: #da291c; position: absolute; top: 0; left: 0; width: 100%; text-align: center; height: 45px; line-height: 45px; text-transform: uppercase; color: #fff; font-weight: 500; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.publications .popular .sliderpopular .item.book .category {background-color: #00b2aa;}
.publications .popular .sliderpopular .item.book.leaflet .category {background-color: #fc4c02;}
.publications .popular .sliderpopular .item.leaflet .category {background-color: #ce0f69;}
.publications .popular .sliderpopular .item .info {background-color: #fff; padding: 20px; border-radius: 5px; width: 85%; margin: 0 auto; text-align: center; -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px);}
.publications .popular .sliderpopular .item .info p {min-height: 2.375em; margin-bottom: 20px; line-height: 1.2; font-weight: 500;}
.publications .popular .sliderpopular .item .info p.price {color: #00b2aa; min-height: 0;}
.publications .popular .sliderpopular .item .info p.price span.unit {text-transform: uppercase; white-space: nowrap;}
.publications .popular .sliderpopular .item .info a {display: inline-block; color: #da291c; font-weight: 500; font-size: 15px; position: relative;}
.publications .popular .sliderpopular .item .info a:after {content: ''; display: block; width: 100%; height: 1px; background-color: #da291c; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.publications .popular .sliderpopular .item .info a:hover:after {opacity: 0;}
.publications .popular .sliderpopular .item .img {border-radius: 5px; width: 100%; height: 315px; background-color: #aeaeae; background-position: center; background-size: cover; background-repeat: no-repeat;}
.publications #letterspub {background-color: #da291c; width: 100%; height: 80px; margin-bottom: 40px; text-align: center;}
@media screen and (max-width: 1023px) {
  .publications #letterspub {height: 60px;}
}
.publications #letterspub a {color: #fff; font-family: 'ExtraMile'; font-size: 30px; display: inline-block; height: 100%; line-height: 70px; width: 80px; text-align: center; position: relative; margin-left: -2px; vertical-align: top;}
@media screen and (max-width: 1023px) {
  .publications #letterspub a {font-size: 24px; width: 60px; line-height: 50px;}
}
@media screen and (max-width: 600px) {
  .publications #letterspub a {font-size: 24px; width: 40px;}
}
@media screen and (max-width: 480px) {
  .publications #letterspub a {font-size: 24px; width: 30px;}
}
@media screen and (max-width: 320px) {
  .publications #letterspub a {font-size: 20px; width: 25px;}
}
.publications #letterspub a span {display: block; height: 100%; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.publications #letterspub a:before {content: ''; display: block; position: absolute; top: 0; left: 0; height: calc(100% - 2px); width: 100%; border: 1px solid #da291c; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.publications #letterspub a:after {content: ''; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; border-top: 10px solid #da291c; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; visibility: hidden;}
.publications #letterspub a:hover, .publications #letterspub a.active {font-size: 40px;}
.publications #letterspub a:hover:before, .publications #letterspub a.active:before {border-color: #da291c;}
.publications #letterspub a:hover:after, .publications #letterspub a.active:after {opacity: 1; visibility: visible;}
.publications #letterspub a:hover span, .publications #letterspub a.active span {-moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.publications #resultspub {padding: 50px 0;}
.publications #resultspub .container {min-height: 400px; width: 80%; margin: 0 auto; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.publications #resultspub .container.hide {opacity: 0; visibility: hidden;}
@media screen and (max-width: 1400px) {
  .publications #resultspub .container {width: 80%;}
}
@media screen and (max-width: 900px) {
  .publications #resultspub .container {width: 90%;}
}
.publications #resultspub .result {padding: 40px 0; position: relative;}
.publications #resultspub .result:before {content: ''; display: block; width: 50px; top: 20px; left: 0; position: absolute; height: 1px; background-color: #999;}
.publications #resultspub .result .image {overflow: hidden; height: 112px; width: 112px; border-radius: 5px; vertical-align: top; display: inline-block; margin-right: 25px;}
.publications #resultspub .result .image img {display: block;}
@media screen and (max-width: 600px) {
  .publications #resultspub .result .image {display: block; margin-bottom: 20px; border-radius: 5px; height: 150px; margin-right: 25px; overflow: hidden; vertical-align: top; width: 100%;}
}
.publications #resultspub .result .info {display: inline-block; vertical-align: top; width: calc(100% - 142px);}
@media screen and (max-width: 600px) {
  .publications #resultspub .result .info {display: table; margin: 0 auto; width: 100%;}
}
.publications #resultspub .result .info .excerpt {display: inline-block; margin: 0 auto; width: calc(100% - 355px);}
@media screen and (max-width: 1000px) {
  .publications #resultspub .result .info .excerpt {width: calc(100% - 295px);}
}
@media screen and (max-width: 600px) {
  .publications #resultspub .result .info .excerpt {width: calc(100% - 30px);}
}
.publications #resultspub .result .info h4 {font-weight: 500;}
.publications #resultspub .result .info p {line-height: 1.5; margin-bottom: 6px;}
@media screen and (max-width: 600px) {
  .publications #resultspub .result .info p {margin-bottom: 20px;}
}
.publications #resultspub .result .info p.price {font-weight: 500; color: #00b2aa;}
.publications #resultspub .result .info p.price span.unit {text-transform: uppercase;}
.publications #resultspub .result .info a {position: relative; display: inline-block; float: right; width: 235px; padding: 13px 70px 10px 30px; border-radius: 5px; font-size: 15px; font-weight: 500; text-transform: uppercase; color: #fff; background-color: #da291c;}
@media screen and (max-width: 600px) {
  .publications #resultspub .result .info a {width: 100%;}
}
.publications #resultspub .result .info a:before {content: ''; display: block; position: absolute; right: 30px; top: 50%; margin-top: -6px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #fff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.publications #resultspub .result .info a:hover:before {-moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}

.location {background-color: #00b2aa; padding: 280px 0 200px 0; position: relative; overflow: hidden; margin-bottom: 35px;}
.location .breadcrumb {position: fixed;}
@media screen and (max-width: 1200px) {
  .location .breadcrumb {position: relative;}
}
.location .breadcrumb.abs {position: absolute; bottom: 500px;}
.location #map {position: absolute; opacity: 0.2; left: 50%; top: 170px; z-index: 0; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.location #map svg {width: 1200px; height: 1050px; max-width: 100%; height: auto;}
.location #map svg .st0 {fill: #80d9d5; fill-opacity: 1; stroke: #80d9d5; stroke-width: 10;}
.location #infoloc {width: 350px; position: fixed; left: 12%; z-index: 1; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.location #infoloc.abs {position: absolute; bottom: 145px;}
.location #infoloc h1 {font-family: 'ExtraMile'; font-size: 60px; color: #fff; line-height: 1; margin-bottom: 60px;}
.location #infoloc h3 {font-weight: 500; color: #fff; padding-left: 35px; margin-bottom: 20px; margin-top: 50px;}
.location #infoloc p {color: #fff; margin-bottom: 20px; padding-left: 35px;}
.location #infoloc p.date {background-image: url(../img/Clock.svg); background-size: 100px 58px; background-position: -40px center; background-repeat: no-repeat;}
.location #infoloc p.place {background-image: url(../img/Marker.svg); background-size: 120px 70px; background-position: -50px -23px; background-repeat: no-repeat;}
.location #infoloc p a {color: #fff; display: table; position: relative;}
.location #infoloc p a:before {content: ''; display: block; position: absolute; bottom: 1px; width: 100%; left: 0; height: 1px; background-color: #fff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); opacity: 0; visibility: hidden;}
.location #infoloc p a:hover:before {opacity: 1; visibility: visible;}
.location #infoloc p a.direction {color: #fff; text-transform: uppercase; font-weight: 700; font-size: 12px; margin-top: 5px;}
.location #infoloc p a.direction:before {display: none;}
.location #infoloc p a.direction:after {content: ''; display: block; position: absolute; bottom: 1px; width: 100%; left: 0; height: 1px; background-color: #fff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.location #infoloc p a.direction:hover:after {opacity: 0; visibility: hidden;}
@media screen and (max-width: 1200px) {
  .location #infoloc {position: relative !important; left: auto !important; top: auto !important; margin: 0 auto; -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -webkit-transform: translateY(-100px); transform: translateY(-100px);}
}
@media screen and (max-width: 600px) {
  .location #infoloc {padding: 0 15px 20px 15px;}
}
.location #contentloc {float: right; background-color: #fff; border-radius: 5px; padding: 45px; width: 550px; margin-right: 12%; position: relative; z-index: 1;}
@media screen and (max-width: 1200px) {
  .location #contentloc {margin: 50px auto 0 auto; float: none; width: 90%;}
}
@media screen and (max-width: 768px) {
  .location #contentloc {padding: 20px;}
}
.location #contentloc .img {height: 210px; width: 470px; margin: -150px auto 40px auto; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 5px; perspective: 1px;}
@media screen and (max-width: 470px) {
  .location #contentloc .img {width: 100%;}
}
.location #contentloc h2 {color: #da291c; font-size: 28px; font-weight: 400; line-height: 1.3; margin-bottom: 40px;}
.location #contentloc p {font-size: 16px; margin-bottom: 20px; line-height: 1.4;}
.location #contentloc p a {color: #da291c; display: inline-block; position: relative; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.location #contentloc p a:after {content: ''; display: block; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background-color: #da291c; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.location #contentloc p a:hover {color: #be251a;}
.location #contentloc p a:hover:after {opacity: 0; visibility: hidden;}

.appeal .head {height: auto !important; padding-bottom: 60px;}
.appeal .head > p {width: 450px; max-width: 90%; margin: 20px auto;}
.appeal .head .box {background-color: rgba(255, 255, 255, 0.8); border-radius: 5px; padding: 30px 20px; width: 420px; margin: 60px auto 0 auto;}
@media screen and (max-width: 600px) {
  .appeal .head .box {margin-top: 20px;}
}
@media screen and (max-width: 420px) {
  .appeal .head .box {width: 96%;}
}
.appeal .head .box.showHonour .honour {max-height: 500px;}
.appeal .head .box.showHonour .link {opacity: 0; visibility: hidden;}
.appeal .head .box p {color: #000; font-size: 15px; margin-bottom: 15px;}
.appeal .head .box p.check {text-align: left !important; margin-bottom: 0; margin-top: 15px;}
.appeal .head .box .link {margin-top: 20px; margin-bottom: 0;}
.appeal .head .box .link a {font-weight: 500; position: relative; color: #046a38;}
.appeal .head .box .link a:after {content: ''; display: block; height: 1px; width: 100%; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.appeal .head .box .link a:before {content: ''; display: block; position: absolute; right: -20px; top: 50%; margin-top: -7px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #fff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.appeal .head .box .link a:hover:after {opacity: 0; visibility: hidden;}
.appeal .head .box .link a:hover:before {-moz-transform: translateX(10px); -ms-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px);}
.appeal .head .box .link a:before {border-left-color: #046a38;}
.appeal .head .box .link a:after {background-color: #046a38;}
.appeal .head .box .btn {background-color: #78be20; margin-top: 20px; display: inline-block; position: relative; padding-left: 20px; padding-right: 47px; border: none;}
@media screen and (max-width: 480px) {
  .appeal .head .box .btn {width: 100%; margin: 15px auto; text-align: left;}
}
.appeal .head .box .btn.svgcontainer {margin-left: 10px; padding-right: 110px;}
@media screen and (max-width: 480px) {
  .appeal .head .box .btn.svgcontainer {margin-left: auto;}
}
.appeal .head .box .btn svg {position: absolute; right: 34px; top: 10px;}
@media screen and (max-width: 480px) {
  .appeal .head .box .btn svg {right: auto; left: 90px;}
}
.appeal .head .box .btn svg path, .appeal .head .box .btn svg polygon {-moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.appeal .head .box .btn:hover {background-color: #fff; color: #78be20;}
.appeal .head .box .btn:hover:after {border-left-color: #78be20;}
.appeal .head .box .btn:hover svg path, .appeal .head .box .btn:hover svg polygon {fill: #78be20 !important;}
.appeal .head .box #amount {position: relative;}
.appeal .head .box #amount:before {content: '\20AC'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; left: 15px; top: 32%;}
.appeal .head .box #amount:after {content: 'EUR'; display: block; font-size: 18px; font-weight: 500; color: #978c87; position: absolute; right: 15px; top: 32%;}
.appeal .head .box #amount input {border-radius: 5px; padding: 2px 65px 2px 45px; outline: none; border: 1px solid #86b0be; color: #78be20; font-size: 40px; width: 100%; font-family: 'Poppins';}
.appeal .donation-use {padding: 50px 0 0 0;}
.appeal .donation-use h2 {color: #da291c; font-size: 80px; font-family: 'ExtraMile'; font-weight: normal; text-align: center;}
@media screen and (max-width: 600px) {
  .appeal .donation-use h2 {font-size: 40px;}
}
.appeal .donation-use .items {padding: 50px 0 0 0; width: 720px; margin: 0 auto; max-width: 100%;}
.appeal .donation-use .items .item {overflow: hidden; margin-bottom: 90px;}
.appeal .donation-use .items .img {float: left; height: 180px; width: 230px; background-color: #000; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 5px; margin-right: 80px;}
.appeal .donation-use .items .info h3 {color: #978c87; font-family: 'ExtraMile'; font-size: 36px; font-weight: normal; line-height: 1.2; margin-bottom: 15px;}
.appeal .donation-use .items .info h3 strong {color: #da291c;}
@media screen and (max-width: 600px) {
  .appeal .donation-use .items .item {width: 95%; margin: 0 auto 90px auto; text-align: center;}
  .appeal .donation-use .items .img {float: none; margin: 0 auto 15px auto;}
}

#page .thanks {background: url(../img/thankyou.jpg) no-repeat center; background-size: cover; padding: 180px 0 70px 0;}
@media screen and (max-width: 720px) {
  #page .thanks {padding-bottom: 0;}
}
#page .thanks .content {margin: 0 auto; width: 550px; max-width: 95%;}
#page .thanks .content #hearttick {margin: 0 auto; display: block;}
#page .thanks .content h2 {color: #fff; font-family: 'ExtraMile'; font-size: 60px; font-weight: normal; text-align: center; margin-bottom: 20px;}
#page .thanks .content p {color: #fff; text-align: center; margin: 0 auto 60px auto; width: 80%;}
#page .thanks .content .items {padding: 140px 0 0 0;}
#page .thanks .content .items .item {margin: 0 auto 40px auto; width: 80%; padding-left: 70px;}
#page .thanks .content .items .item:first-child {background: url(../img/icon01.svg) no-repeat left top;}
#page .thanks .content .items .item:nth-child(2) {background: url(../img/icon02.svg) no-repeat left top;}
#page .thanks .content .items .item h3 {color: #fff; font-weight: 500; margin-bottom: 12px;}
#page .thanks .content .items .item p {text-align: left; width: 100%;}
#page .thanks .content .share {text-align: center;}
#page .thanks .content .share .btn {display: inline-block; text-transform: uppercase; padding: 18px 25px 16px 50px;}
#page .thanks .content .share .btn svg {position: absolute; left: 13px; top: 9px;}
#page .thanks .content .share .btn svg path {-moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#page .thanks .content .share .btn.tw svg {left: 14px; top: 11px;}
#page .thanks .content .share .btn:last-child {margin-left: 40px;}
#page .thanks .content .share .btn:hover {background-color: #fff; border-color: #fff;}
#page .thanks .content .share .btn:hover svg path {fill: #da291c;}
@media screen and (max-width: 600px) {
  #page .thanks .content .share .btn {display: table; margin: 10px auto !important;}
}
#page .thanks .optin-box {background: #ffffff; width: 710px; border-radius: 20px; margin: 2em auto 2em auto; padding: 50px 45px; color: #000000;}
@media screen and (max-width: 720px) {
  #page .thanks .optin-box {width: 100%; border-radius: 0; padding: 13px 13px 25px 13px;}
}
#page .thanks .optin-box .img {width: 210px; height: 190px; background-size: cover; display: block; float: left; overflow: hidden; border-radius: 10px;}
@media screen and (max-width: 720px) {
  #page .thanks .optin-box .img {width: 100%; height: 0px; padding: 90% 0 0 0; float: none;}
}
#page .thanks .optin-box .text {width: 100%; padding-left: 250px;}
@media screen and (max-width: 720px) {
  #page .thanks .optin-box .text {padding: 30px 10px 0 10px;}
}
#page .thanks .optin-box .text h3 {font-weight: 500; margin: 0 0 1.2em 0;}
@media screen and (max-width: 720px) {
  #page .thanks .optin-box .text h3 {margin: 1.2em 0;}
}
#page .thanks .optin-box .text p {text-align: left; margin: 0 0 1.2em 0; width: 100%; max-width: 100%; color: #000000;}
#page .thanks .optin-box .text p em {color: #da291c;}
#page .thanks .optin-box .clear {clear: both;}
#page .thanks .optin-box a.btn {background: #da291c; color: #ffffff; border-radius: 4px; font-size: 18px; font-weight: 500; position: relative; display: block; width: 320px; height: 56px; padding: 0; line-height: 50px; text-align: center; clear: both; margin: 42px auto 0 auto;}
@media screen and (max-width: 720px) {
  #page .thanks .optin-box a.btn {width: 90%; font-size: 16px; height: 46px; line-height: 44px;}
}
#page .thanks .optin-box a.btn.arrow::after {content: ''; display: block; position: absolute; right: 20px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #ffffff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
#page .thanks .optin-box p.result {background: #da291c; color: #ffffff; border-radius: 4px; font-size: 18px; font-weight: 500; text-align: center; padding: 10px 20px; margin: 42px auto 0 auto;}

.word .content .wrapper strong {font-weight: 500;}

.mac .publications #letterspub a {line-height: 2.5;}

.modulelogin {width: 70%; margin: 0 auto 50px auto; overflow: hidden;}
@media screen and (max-width: 1280px) {
  .modulelogin {width: 80%;}
}
@media screen and (max-width: 1024px) {
  .modulelogin {width: 90%;}
}
.modulelogin .info {display: inline-block; width: calc(100% - 550px); vertical-align: top; padding-right: 10%;}
@media screen and (max-width: 1440px) {
  .modulelogin .info {padding-right: 0;}
}
.modulelogin .info h3 {font-family: 'ExtraMile'; font-size: 55px; color: #00b2aa; line-height: 1.1; margin-top: 20px; margin-bottom: 40px;}
.modulelogin .info p {margin-bottom: 30px;}
.modulelogin .login {background-color: #de3e32; width: 495px; padding: 20px 65px 45px 65px; color: #fff; float: right; border-radius: 5px;}
.modulelogin .login h3 {font-family: 'ExtraMile'; font-size: 55px; line-height: 1; margin-bottom: 20px;}
.modulelogin .login .error {opacity: 0;}
.modulelogin .login form {overflow: hidden;}
.modulelogin .login form ::-webkit-input-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.modulelogin .login form :-moz-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.modulelogin .login form ::-moz-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.modulelogin .login form :-ms-input-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.modulelogin .login form input[type="text"],
.modulelogin .login form input[type="password"] {-webkit-appearance: none; border: 1px solid #ec8c84; outline: none; background-color: #e5655b; border-radius: 5px; display: block; width: 100%; margin: 20px 0; padding: 10px 0 10px 40px; font-weight: 500; color: #fff; font-family: 'Poppins'; font-size: 16px;}
.modulelogin .login form input[type="text"] {background-image: url(../img/User.svg); background-repeat: no-repeat; background-position: 14px center; background-size: 16px auto;}
.modulelogin .login form input[type="password"] {background-image: url(../img/Pass.svg); background-repeat: no-repeat; background-position: 14px center; background-size: 16px auto; margin-bottom: 50px;}
.modulelogin .login form #forgot {color: #fff; font-weight: 500; font-size: 12px; position: relative; display: block; float: left; margin-top: 13px;}
.modulelogin .login form #forgot:after {content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulelogin .login form #forgot:hover:after {opacity: 0;}
.modulelogin .login form div {position: relative; float: right;}
.modulelogin .login form div span {content: ''; display: block; position: absolute; right: 25px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.modulelogin .login form div:hover span {-moz-transform: translateX(5px); -ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px);}
.modulelogin .login form input[type="submit"] {cursor: pointer; background-color: #fff; color: #da291c; font-weight: 500; font-size: 15px; border: none; -webkit-appearance: none; outline: none; width: 155px; height: 44px; line-height: 44px; font-family: 'Poppins'; padding: 2px 0 0 45px; text-align: left;}
@media screen and (max-width: 1023px) {
  .modulelogin .info {display: block; width: 100%;}
  .modulelogin .login {float: none; width: 100%;}
}
@media screen and (max-width: 600px) {
  .modulelogin .info h3 {font-size: 35px;}
  .modulelogin .login {padding: 20px 25px 25px 25px;}
  .modulelogin .login h3 {font-size: 40px;}
  .modulelogin .login .error {font-size: 12px;}
  .modulelogin .login form {/* FF 4-18 */
    /* FF 19+ */
    /* IE 10+ */
 }
  .modulelogin .login form ::-webkit-input-placeholder {font-size: 14px;}
  .modulelogin .login form :-moz-placeholder {font-size: 14px;}
  .modulelogin .login form ::-moz-placeholder {font-size: 14px;}
  .modulelogin .login form :-ms-input-placeholder {font-size: 14px;}
  .modulelogin .login form #forgot {float: none; display: table;}
  .modulelogin .login form input[type="text"],
  .modulelogin .login form input[type="password"] {font-size: 14px;}
  .modulelogin .login form input[type="password"] {margin-bottom: 20px;}
  .modulelogin .login form div {float: none;}
  .modulelogin .login form div input[type="submit"] {width: 100%;}
}

.videocomponent {height: 576px; width: 1024px; margin: 20px auto 80px auto; max-width: 100%; position: relative;}
@media screen and (max-width: 1024px) {
  .videocomponent {height: auto; padding-bottom: 57%;}
}
@media screen and (max-width: 600px) {
  .videocomponent {margin-bottom: 150px;}
}
.videocomponent .videowrapper {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.videocomponent .videowrapper:before {content: ''; display: block; position: absolute; top: 0; height: 100%; width: 400px; right: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 1; opacity: 0; visibility: hidden; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.videocomponent .videowrapper.showOverlay:before {opacity: 1; visibility: visible;}
.videocomponent .videowrapper #playervid {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.videocomponent .videowrapper .allvideos {background-image: url(../img/Video_Gallery.svg); background-repeat: no-repeat; background-position: 90% center; background-size: 40px auto; display: block; position: absolute; top: 20px; right: 20px; padding-right: 70px; z-index: 2;}
@media screen and (max-width: 600px) {
  .videocomponent .videowrapper .allvideos {right: 0; bottom: -70px; left: 0; top: auto; width: 70%; margin: auto;}
}
.videocomponent .videowrapper .allvideos.close {background-image: url(../img/Close.svg); background-size: 15px auto; padding-right: 40px; background-position: 85% center;}
.videocomponent .videowrapper .allvideos:hover {background-color: #da291c; color: #fff;}
.videocomponent .videowrapper ::-webkit-scrollbar {width: 11px;}
.videocomponent .videowrapper ::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0.1); border-radius: 5px;}
.videocomponent .videowrapper ::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, 0.54); border-radius: 5px;}
.videocomponent .videowrapper .list {position: absolute; top: 80px; z-index: 3; right: 20px; height: calc(100% - 100px); overflow-y: auto; padding-right: 25px; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(0.8, #000), to(transparent)); opacity: 0; visibility: hidden; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.videocomponent .videowrapper .list.show {opacity: 1; visibility: visible;}
.videocomponent .videowrapper .list .item {overflow: hidden; padding: 18px 0 17px 0; position: relative;}
.videocomponent .videowrapper .list .item:after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(black), color-stop(0.5, #000), to(transparent));}
.videocomponent .videowrapper .list .item a {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.videocomponent .videowrapper .list .item:first-child {padding-top: 0;}
.videocomponent .videowrapper .list .item:last-child {padding-bottom: 50px;}
.videocomponent .videowrapper .list .item:last-child:after {display: none;}
.videocomponent .videowrapper .list .item .img {float: left; height: 85px; width: 130px; background-color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center; margin-right: 25px;}
.videocomponent .videowrapper .list .item .info {float: left; width: 155px;}
.videocomponent .videowrapper .list .item .info h4 {color: #fff; font-weight: 500;}
.videocomponent .videowrapper .list .item .info p {font-size: 14px; opacity: 0.4; color: #fff; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.videocomponent .videowrapper .list .item:hover .info p {opacity: 0.6;}
.videocomponent .videowrapper .mainvideo {position: absolute; top: 0; left: 0; height: 100%; width: 100%; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.videocomponent .videowrapper .mainvideo .img {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.videocomponent .videowrapper .mainvideo .img:after {content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.7;}
.videocomponent .videowrapper .mainvideo .text {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; color: #fff; padding-left: 6%;}
.videocomponent .videowrapper .mainvideo .text h3 {font-family: 'ExtraMile'; font-size: 60px; font-weight: normal; margin-bottom: 20px; max-width: 380px; line-height: 0.9;}
.videocomponent .videowrapper .mainvideo .text p {max-width: 380px;}
@media screen and (max-width: 1024px) {
  .videocomponent .videowrapper .mainvideo .text h3 {font-size: 45px;}
  .videocomponent .videowrapper .mainvideo .text h3, .videocomponent .videowrapper .mainvideo .text p {max-width: 38%;}
}
@media screen and (max-width: 600px) {
  .videocomponent .videowrapper .mainvideo .text {display: none;}
}
.videocomponent .videowrapper .mainvideo .play {background: url(../img/playvideowhite.svg) no-repeat center; background-size: cover; display: block; position: absolute; height: 130px; width: 130px; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 1; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.videocomponent .videowrapper .mainvideo .play:hover {opacity: 0.7;}
.videocomponent.playing .videowrapper .mainvideo {opacity: 0; visibility: hidden;}

@media screen and (max-width: 1024px) {
  #page.cpr .head {height: auto; padding-bottom: 40px;}
}

.cpr .videocomponent {margin-top: -290px;}
@media screen and (max-width: 1024px) {
  .cpr .videocomponent {margin-top: 0;}
}

#page.certificate .head {background-color: #ce1069; background-position: top center; background-size: 100% auto; height: auto; padding-top: 200px; padding-bottom: 170px;}
#page.certificate .head .download {display: table; margin: 0 auto 50px auto; background-color: #fff; color: #00b2aa; padding: 13px 20px 11px 20px;}
#page.certificate .head .download:hover {background-color: #00b2aa; color: #ffffff; border-color: #00b2aa;}
#page.certificate .head a small {font-size: 12px; text-decoration: underline; color: #ffffff; display: block; text-align: center;}
#page.certificate .head p {width: 450px; max-width: 90%;}
#page.certificate .head form {margin: 20px auto; max-width: 95%; width: 400px;}
#page.certificate .head form ::-webkit-input-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
#page.certificate .head form :-moz-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
#page.certificate .head form ::-moz-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
#page.certificate .head form :-ms-input-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
#page.certificate .head form input[type="text"] {background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 5px; padding: 10px 0 10px 20px; outline: none; -webkit-appearance: none; width: 100%; font-family: 'Poppins'; font-weight: 500; color: #fff; font-size: 16px; margin-bottom: 25px;}
#page.certificate .head form .error {background-color: rgba(255, 255, 255, 0.5) !important;border-color: red !important;}
#page.certificate .head form .error::-webkit-input-placeholder {color: red !important;}
#page.certificate .head form .error:-moz-placeholder {color: red !important;}
#page.certificate .head form .error::-moz-placeholder {color: red !important;}
#page.certificate .head form .error:-ms-input-placeholder {color: red !important;}
#page.certificate .head form .error > span {color: red;}
#page.certificate .head form .select {margin-bottom: 25px;}
#page.certificate .head form .select .cs-select {background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 5px;}
#page.certificate .head form .select .cs-select .cs-options {top: 45px;}
#page.certificate .head form .select .cs-select > span {padding: 10px 0 10px 20px;}
#page.certificate .head form .select .cs-select:hover > span, #page.certificate .head form .select .cs-select:focus > span {color: #fff;}
#page.certificate .head form .student {margin-bottom: 25px; position: relative;}
#page.certificate .head form .student input {margin-bottom: 0;}
#page.certificate .head form .student span {display: block; position: absolute; height: 20px; width: 20px; cursor: pointer; background: url(../img/Remove.svg) no-repeat center; background-size: cover; top: 50%; right: 15px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#page.certificate .head form .datefield {background: url(../img/Calendar.svg) no-repeat 95% center; background-size: 25px auto;}
#page.certificate .head form .datefield:focus {-webkit-box-shadow: 0px 0px 0px 11px rgba(95, 7, 48, 0.7); -moz-box-shadow: 0px 0px 0px 11px rgba(95, 7, 48, 0.7); box-shadow: 0px 0px 0px 11px rgba(95, 7, 48, 0.7); border-top-right-radius: 0; border-bottom-right-radius: 0;}
#page.certificate .head form a.add {display: table; clear: both; color: #fff; font-weight: 500; font-size: 15px; position: relative; padding-left: 30px;}
#page.certificate .head form a.add:before {content: ''; display: block; position: absolute; top: 0; left: 0; height: 20px; width: 20px; background: url(../img/Add.svg) no-repeat center; background-size: cover;}
#page.certificate .head form a.add span {position: relative;}
#page.certificate .head form a.add span:after {content: ''; display: block; position: absolute; bottom: 3px; left: 0; height: 1px; width: 100%; background-color: #fff; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
#page.certificate .head form a.add:hover span:after {opacity: 0; visibility: hidden;}
#page.certificate .head form div.submit {clear: both; float: left; position: relative; margin-top: 40px;}
#page.certificate .head form div.submit span {content: ''; display: block; position: absolute; right: 25px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #00b2aa; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
#page.certificate .head form input[type="submit"] {cursor: pointer; background-color: #fff; color: #00b2aa; font-size: 15px; font-weight: 700; padding-right: 70px;}

.pickmeup {-moz-transform: translateY(-11px) translateX(11px); -ms-transform: translateY(-11px) translateX(11px); -webkit-transform: translateY(-11px) translateX(11px); transform: translateY(-11px) translateX(11px); border-top-left-radius: 0;}

.modulepetition {width: 70%; margin: 0 auto 50px auto;z-index: 2;}
.modulepetition::after {content: ''; display: block; clear: both;}
@media screen and (max-width: 1280px) {
  .modulepetition {width: 80%;}
}
@media screen and (max-width: 1024px) {
  .modulepetition {width: 90%;}
}
.modulepetition .info {display: inline-block; width: calc(100% - 550px); vertical-align: top; padding-right: 10%;}
@media screen and (max-width: 1440px) {
  .modulepetition .info {padding-right: 0;}
}
.modulepetition .info h3 {font-family: 'ExtraMile'; font-size: 55px; color: #00b2aa; line-height: 1.1; margin-top: 20px; margin-bottom: 40px;}
.modulepetition .info strong {color: #da291c; font-weight: 600;}
.modulepetition .info p {margin-bottom: 30px;}
.modulepetition .petition {background-color: #de3e32; width: 495px; padding: 20px 65px 45px 65px; color: #fff; float: right; border-radius: 5px;}
.modulepetition .petition h3 {font-family: 'ExtraMile'; font-size: 55px; line-height: 1; margin-bottom: 20px;}
.modulepetition .petition .error {opacity: 0;}
.modulepetition .petition form ::-webkit-input-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.modulepetition .petition form :-moz-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.modulepetition .petition form ::-moz-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.modulepetition .petition form :-ms-input-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.modulepetition .petition form input[type="text"],
.modulepetition .petition form input[type="password"],
.modulepetition .petition form input[type="email"] {-webkit-appearance: none; border: 1px solid #ec8c84; outline: none; background-color: #e5655b; border-radius: 5px; display: block; width: 100%; margin: 20px 0; padding: 10px; font-weight: 500; color: #fff; font-family: 'Poppins'; font-size: 16px;}
.modulepetition .petition form div.select {padding-bottom: 20px;}
.modulepetition .petition form .cs-select {border: 1px solid #ec8c84;}
.modulepetition .petition form .cs-select ul li span {padding: 4px 1em 9px 50px;}
.modulepetition .petition form .cs-options {max-height: 200px; overflow: scroll;}
.modulepetition .petition form .cs-placeholder {border: none; outline: none; background-color: #e5655b; height: 40px; line-height: 30px;}
.modulepetition .petition form #forgot {color: #fff; font-weight: 500; font-size: 12px; position: relative; display: block; float: left; margin-top: 13px;}
.modulepetition .petition form #forgot:after {content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.modulepetition .petition form #forgot:hover:after {opacity: 0;}
.modulepetition .petition form div.submit {position: relative; float: right;}
.modulepetition .petition form div.submit span {content: ''; display: block; position: absolute; right: 25px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.modulepetition .petition form div.submit:hover span {-moz-transform: translateX(5px); -ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px);}
.modulepetition .petition form .check {position: relative; float: left; padding: 0 30px 10px 0; color: rgba(255, 255, 255, 0.8);}
.modulepetition .petition form input[type="submit"] {cursor: pointer; background-color: #fff; color: #da291c; font-weight: 500; font-size: 15px; border: none; -webkit-appearance: none; outline: none; width: 155px; height: 44px; line-height: 44px; font-family: 'Poppins'; padding: 0 0 0 0; text-align: center;}
@media screen and (max-width: 1023px) {
  .modulepetition .info {display: block; width: 100%;}
  .modulepetition .petition {float: none; width: 100%;}
}
@media screen and (max-width: 600px) {
  .modulepetition .info h3 {font-size: 35px;}
  .modulepetition .petition {padding: 20px 25px 25px 25px;}
  .modulepetition .petition h3 {font-size: 40px;}
  .modulepetition .petition .error {font-size: 12px;}
  .modulepetition .petition form ::-webkit-input-placeholder {font-size: 14px;}
  .modulepetition .petition form :-moz-placeholder {font-size: 14px;}
  .modulepetition .petition form ::-moz-placeholder {font-size: 14px;}
  .modulepetition .petition form :-ms-input-placeholder {font-size: 14px;}
  .modulepetition .petition form #forgot {float: none; display: table;}
  .modulepetition .petition form input[type="text"],
  .modulepetition .petition form input[type="password"] {font-size: 14px;}
  .modulepetition .petition form input[type="password"] {margin-bottom: 20px;}
  .modulepetition .petition form div {float: none;}
  .modulepetition .petition form div input[type="submit"] {width: 100%;}
}

.megaslider {opacity: 0; -moz-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.megaslider.show {opacity: 1;}
.megaslider h2 {color: #da291c; font-size: 60px; line-height: 1; text-align: center; margin: 50px 0 80px 0; font-family: 'ExtraMile';}
.megaslider .wrapperS {position: relative;}
.megaslider .sliderresults {margin: 20px auto; width: 85%; position: static;}
.megaslider .sliderresults .owl-nav div {font-size: 0; position: absolute; top: 50%;}
.megaslider .sliderresults .owl-nav div.owl-next {background: url("../img/nav-next-grey.svg") no-repeat center; background-size: cover; width: 22px; height: 52px; right: 2%; margin-top: -76px;}
.megaslider .sliderresults .owl-nav div.owl-next.disabled {opacity: 0.2;}
.megaslider .sliderresults .owl-nav div.owl-prev {background: url("../img/nav-prev-grey.svg") no-repeat center; background-size: cover; width: 22px; height: 52px; left: 2%; margin-top: -76px;}
.megaslider .sliderresults .owl-nav div.owl-prev.disabled {opacity: 0.2;}
.megaslider .sliderresults .item {width: 260px; position: relative;}
@media screen and (max-width: 480px) {
  .megaslider .sliderresults .item {margin: 0 auto;}
}
.megaslider .sliderresults .item .category {position: absolute; top: 0; left: 0; width: 100%; text-align: center; height: 45px; line-height: 45px; text-transform: uppercase; color: #fff; font-weight: 500; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.megaslider .sliderresults .item.event .category {background-color: #00b2aa;}
.megaslider .sliderresults .item.support .category {background-color: #fc4c02;}
.megaslider .sliderresults .item.activity .category {background-color: #ce0f69;}
.megaslider .sliderresults .item .info {background-color: #fff; padding: 20px; border-radius: 5px; width: 85%; margin: 0 auto; -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px);}
.megaslider .sliderresults .item .info p {line-height: 1.2;}
.megaslider .sliderresults .item .info span.loc {display: block; text-transform: uppercase; font-weight: 700; margin: 15px 0 10px 0; font-size: 13px;}
.megaslider .sliderresults .item .info a {display: inline-block; color: #da291c; font-weight: 500; font-size: 15px; position: relative;}
.megaslider .sliderresults .item .info a:after {content: ''; display: block; width: 100%; height: 1px; background-color: #da291c; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.megaslider .sliderresults .item .info a:hover:after {opacity: 0;}
.megaslider .sliderresults .item .img {border-radius: 5px; width: 100%; height: 315px; background-color: #aeaeae; background-position: center; background-size: cover; background-repeat: no-repeat;}

.modulefourcols.recipelist {padding: 0;}
.modulefourcols.recipelist .meta {position: absolute; top: 300px; width: 90%; padding: 24px 0 24px 24px; left: 5%; font-size: 11px; text-transform: uppercase; font-weight: bold;}
.modulefourcols.recipelist .meta span {margin-bottom: 5px; display: inline-block; height: 25px; line-height: 27px; padding-left: 35px; margin-right: 20px;}
.modulefourcols.recipelist .meta span.prep {background: url("../img/preptime.svg") no-repeat left center; background-size: 25px;}
.modulefourcols.recipelist .meta span.people {background: url("../img/serves.svg") no-repeat left center; background-size: 25px; margin-right: 0;}
.modulefourcols.recipelist .filters {background-color: #ededed; padding: 0; text-align: center; margin: 0 10px 60px 10px; border-radius: 10px;}
.modulefourcols.recipelist .filters .title {background: url("../img/filters.svg") no-repeat left center; background-size: 20px; display: inline-block; width: 100px; color: #e32213; margin-left: -100px;}
.modulefourcols.recipelist .filters ul {background-color: #fff; display: inline-block; border-radius: 5px; padding: 8px 0;}
.modulefourcols.recipelist .filters ul li {display: inline-block; margin: 0 30px;}
.modulefourcols.recipelist .filters ul li a {color: #353535; text-transform: uppercase;}
.modulefourcols.recipelist .filters ul li a.active {font-weight: 700;}
@media all and (max-width: 640px) {
  .modulefourcols.recipelist .col {width: calc(100% - 20px);}
  .modulefourcols.recipelist .meta {font-size: 11px; font-weight: bold; left: 5%; padding: 25px 15px; position: absolute; text-transform: uppercase; width: 90%;}
}
@media all and (max-width: 600px) {
  .modulefourcols.recipelist .meta {top: 230px;}
}
#page.fullrecipe .head {background-color: #ededed; height: 770px; padding-top: 200px; position: relative;}
#page.fullrecipe img {height: auto; max-width: 100%;}
#page.fullrecipe .head .nav {color: #353535; font-size: 12px; transform-origin: center; font-weight: 500; position: absolute; text-transform: uppercase; top: 50%; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); opacity: 0; visibility: hidden;}
#page.fullrecipe .small-container {margin: 0 auto; width: calc(90% - 100px);}
#page.fullrecipe .head .image {float: left; margin-right: 110px; position: relative;}
#page.fullrecipe .head .image .approved {position: absolute; z-index: 1; top: -20px; left: -50px;}
#page.fullrecipe .head .image .img {border-radius: 5px; height: 600px; width: 520px; background-size: cover; background-repeat: no-repeat; background-position: center;}
@media screen and (max-width: 1280px) {
  #page.fullrecipe .head .image {margin-right: 60px;}
}
@media screen and (max-width: 1150px) {
  #page.fullrecipe .head {height: auto;}
  #page.fullrecipe .head .image {float: none; margin-right: 0;}
  #page.fullrecipe .head .image .img {height: 400px; margin: 0 auto; width: 100%;}
  #page.fullrecipe .small-container {width: calc(95% - 50px);}
}
@media screen and (max-width: 1150px) {
  #page.fullrecipe .head {padding-top: 180px;}
}
@media screen and (max-width: 640px) {
  #page.fullrecipe .head {padding-top: 200px;}
}
#page.fullrecipe .head .info {height: 600px; position: relative; text-align: left;}
#page.fullrecipe .head .info h2 {color: #e32213; font-size: 40px; text-align: left; width: 100%;}
#page.fullrecipe .head .info p {margin: 0; color: #353535; font-size: 15px; max-width: 90%; text-align: left;}
@media screen and (max-width: 1500px) {
  #page.fullrecipe .head .info p {max-width: 100%;}
}
@media screen and (max-width: 1280px) {
  #page.fullrecipe .head .info h2 {margin: 0 auto 10px auto;}
}
@media screen and (max-width: 1150px) {
  #page.fullrecipe .head .info {position: static; height: auto;}
  #page.fullrecipe .head .info h2 {position: absolute; top: 90px; width: 80%; margin-bottom: 20px;}
  #page.fullrecipe .head .info .content {height: auto;}
  #page.fullrecipe .head .info p {padding-bottom: 20px;}
}
#page.fullrecipe .head .info .infos {padding: 10px 0 30px 0;}
#page.fullrecipe .head .info .infos span {display: inline-block; font-size: 11px; color: #353535; font-weight: 700; text-transform: uppercase; padding: 8px 0 8px 40px; margin-right: 30px; margin-bottom: 10px;}
#page.fullrecipe .head .info .infos span.prep {background: url("../img/preptime.svg") no-repeat left center; background-size: 30px;}
#page.fullrecipe .head .info .infos span.cook {background: url("../img/cooktime.svg") no-repeat left center; background-size: 30px;}
#page.fullrecipe .head .info .infos span.people {background: url("../img/serves.svg") no-repeat left center; background-size: 30px; margin-right: 0;}
#page.fullrecipe .head .info .share {padding-bottom: 40px; position: absolute; bottom: 100px; left: 630px;}
#page.fullrecipe .head .info .share a {display: inline-block; vertical-align: middle; margin-right: 15px; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
@media screen and (max-width: 1500px) {
  #page.fullrecipe .head .info .infos {padding: 10px 0 10px 0;}
}
@media screen and (max-width: 1280px) {
  #page.fullrecipe .head .info .share {left: 580px; bottom: 75px;}
}
@media screen and (max-width: 1150px) {
  #page.fullrecipe .head .info .infos span {padding: 8px 0 8px 25px; margin-right: 5px; margin-bottom: 5px;}
  #page.fullrecipe .head .info .infos span.prep {background-size: 20px;}
  #page.fullrecipe .head .info .infos span.cook {background-size: 20px;}
  #page.fullrecipe .head .info .infos span.people {background-size: 20px;}
  #page.fullrecipe .head .info .share {position: relative; left: auto; bottom: auto; padding-bottom: 40px;}
}
#page.fullrecipe .head .info .nutrition {position: absolute; bottom: 0; left: 630px;}
#page.fullrecipe .head .info .nutrition .details {padding-top: 10px;}
#page.fullrecipe .head .info .nutrition .details span {display: inline-block; background-color: #fff; font-size: 11px; color: #353535; text-align: center; border-radius: 5px; padding: 18px 0 0 0; width: 90px; margin-right: 10px;}
#page.fullrecipe .head .info .nutrition .details span strong {font-weight: 700; font-size: 13px; display: block; margin-bottom: 20px;}
@media screen and (max-width: 1400px) {
  #page.fullrecipe .head .info .nutrition .details span {width: 70px; margin-right: 5px;}
}
@media screen and (max-width: 1280px) {
  #page.fullrecipe .head .info .nutrition {left: 580px;}
  #page.fullrecipe .head .info .nutrition .details span {width: 60px;}
}
@media screen and (max-width: 1150px) {
  #page.fullrecipe .head .info .nutrition {position: relative; left: auto; bottom: auto;}
  #page.fullrecipe .head .info .nutrition p {text-align: center; padding-bottom: 0;}
  #page.fullrecipe .head .info .nutrition .details {padding-top: 0; width: 120%; text-align: center; margin-left: -10%; -moz-transform: translateY(30px); -ms-transform: translateY(30px); -webkit-transform: translateY(30px); transform: translateY(30px);}
}
#page.fullrecipe .content-recipe {padding-top: 80px; overflow: hidden; clear: both;}
#page.fullrecipe .content-recipe h3 {font-weight: 500; color: #353535; font-size: 24px; line-height: 1; margin-bottom: 30px;}
#page.fullrecipe .content-recipe .tags {float: left; width: 260px; font-size: 14px; color: #858585; padding: 0 0 20px 40px; /* background: url(/img/tags.svg) no-repeat left top; */
  background-size: 25px;}
#page.fullrecipe .content-recipe .ingredients {float: left; width: 260px;}
#page.fullrecipe .content-recipe .ingredients p {font-size: 14px; color: #353535; font-weight: 500; margin-bottom: 20px; padding-left: 0; position: relative;}
#page.fullrecipe .content-recipe .method {float: left; padding-left: 110px; width: calc(100% - 260px);}
#page.fullrecipe .content-recipe .method p {color: #353535; margin-bottom: 15px; font-size: 14px; padding-left: 40px; position: relative;}
#page.fullrecipe .content-recipe .method p:before {background-color: #01a39c; color: #fff; content: ''; display: block; position: absolute; top: 0; left: 0; border-radius: 50%; height: 22px; width: 22px; text-align: center; line-height: 24px; font-weight: 700;}
#page.fullrecipe .content-recipe .method p:nth-child(2):before {content: '1';}
#page.fullrecipe .content-recipe .method p:nth-child(3):before {content: '2';}
#page.fullrecipe .content-recipe .method p:nth-child(4):before {content: '3';}
#page.fullrecipe .content-recipe .method p:nth-child(5):before {content: '4';}
#page.fullrecipe .content-recipe .method p:nth-child(6):before {content: '5';}
#page.fullrecipe .content-recipe .method p:nth-child(7):before {content: '6';}
#page.fullrecipe .content-recipe .method p:nth-child(8):before {content: '7';}
#page.fullrecipe .content-recipe .method p:nth-child(9):before {content: '8';}
#page.fullrecipe .content-recipe .method p:nth-child(10):before {content: '9';}
#page.fullrecipe .content-recipe .method p:nth-child(11):before {content: '10';}
#page.fullrecipe .content-recipe .method p:nth-child(12):before {content: '11';}
#page.fullrecipe .content-recipe .method p:nth-child(13):before {content: '12';}
#page.fullrecipe .content-recipe .method p:nth-child(14):before {content: '13';}
#page.fullrecipe .content-recipe .method p:nth-child(15):before {content: '14';}
#page.fullrecipe .content-recipe .method p:nth-child(16):before {content: '15';}
#page.fullrecipe .content-recipe .method .share {padding-top: 30px; padding-left: 35px;}
#page.fullrecipe .content-recipe .method .share a {display: inline-block; vertical-align: middle; margin-right: 15px;}
@media screen and (max-width: 768px) {
  #page.fullrecipe .content-recipe .ingredients {padding-bottom: 30px; clear: both; float: none; width: 100%;}
  #page.fullrecipe .content-recipe .method {padding: 0; width: 100%; float: none;}
}
#page.fullrecipe .more-recipes {padding: 50px 0 0 0;}
#page.fullrecipe .more-recipes h2 {color: #e32213; font-size: 36px; font-weight: 300;}
#page.fullrecipe .more-recipes h2.line {position: relative;}
#page.fullrecipe .more-recipes h2.line span {display: table; margin: 0 auto; background-color: #fff; position: relative; z-index: 1; padding: 0 50px;}
#page.fullrecipe .more-recipes h2.line:after {content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #b2b2b2;}

.slider-filters {background-color: #ededed; padding: 0; text-align: center; margin: 0 auto 60px auto; border-radius: 10px; max-width: 85%;}
.slider-filters .title {display: inline-block; color: #e32213; margin: 0 10px 0 20px;}
.slider-filters .block {display: inline-block; padding: 10px 0;}
.slider-filters .block .control {display: inline-block; background-color: #fff; border-radius: 5px; padding: 8px 10px;}
.slider-filters .block .control.categories {min-width: 180px;}
.slider-filters .cs-placeholder {color: #353535; text-transform: uppercase; font-weight: normal;}
.slider-filters .cs-select > span {padding-top: 0; padding-bottom: 0;}
.slider-filters .block a {color: #353535; text-transform: uppercase;}
.slider-filters div.cs-select {border: none;}
.slider-filters .order {display: inline-block; margin-left: 20px;}
.slider-filters .order.asc {transform: rotate(180deg);}
.slider-filters .order::after {content: '\25BE';}
.publication .head .price .currency {font-size: 18px; font-weight: 500; vertical-align: super;}
.publication .head .price .amount {font-size: 40px;}
.publication .head .price .unit {font-weight: 500;}
@media screen and (max-width: 900px) {
  .publication .head {height: auto !important;}
  .publication .head p {margin-bottom: 0 !important; padding-bottom: 25px;}
}
.publication .info-bar {width: 100%; background-color: #782483; color: #fff; text-align: center;}
.publication .info-bar p {display: inline-block; width: 70%; margin: 13px auto;}
.publication .publication-listing {width: 70%; margin: 40px auto;}
.publication .publication-listing .item {display: flex; align-items: flex-start; justify-content: space-between; width: 100%; padding: 35px 0;}
.publication .publication-listing .item > * {margin: auto;}
.publication .publication-listing .item .img {width: 112px; height: 112px; border-radius: 5px; background-color: #efefef; flex: 0 0 112px;}
.publication .publication-listing .item .info {width: 100%; margin: 0 25px;}
.publication .publication-listing .item .info h4 {font-weight: 500;}
.publication .publication-listing .item .info p {font-weight: 300;}
.publication .publication-listing .item .qty {position: relative; height: 52px; line-height: 52px; flex: 0 0 auto;}
.publication .publication-listing .item .qty input[type="number"] {width: 110px; height: 52px; border: 1px solid #b8b8b8; border-radius: 5px; font-size: 16px; font-weight: 300; text-align: center;}
.publication .publication-listing .item .qty input[type="number"]::-webkit-inner-spin-button, .publication .publication-listing .item .qty input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.publication .publication-listing .item .qty:before {content: 'QTY'; display: none; position: absolute; width: 100px; top: -60px; left: 50%; margin-left: -50px; font-size: 14px; font-weight: 300; text-align: center;}
.publication .publication-listing .item .price {position: relative; margin-left: 75px; margin-right: 45px; font-weight: 500; text-align: right;}
.publication .publication-listing .item .price:before {content: 'Price'; display: none; position: absolute; width: 100px; top: -60px; left: 50%; margin-left: -50px; font-size: 14px; font-weight: 300; text-align: center;}
.publication .publication-listing .item:first-of-type .qty:before {display: block;}
.publication .publication-listing .item:first-of-type .price:before {display: block;}
@media screen and (max-width: 900px) {
  .publication .publication-listing {width: calc(100% - 50px);}
}
@media screen and (max-width: 600px) {
  .publication .publication-listing .item {flex-wrap: wrap;}
  .publication .publication-listing .item > * {margin: auto;}
  .publication .publication-listing .item .img {width: 100%; height: 150px; flex: 0 0 100%;}
  .publication .publication-listing .item .info {margin: 30px 25px;}
  .publication .publication-listing .item .qty {margin-left: 30px; flex: 0 0 calc(50% - 30px);}
  .publication .publication-listing .item .qty input[type="number"] {width: 80px; font-size: 18px; text-align: center;}
  .publication .publication-listing .item .qty input[type="number"]::-webkit-inner-spin-button, .publication .publication-listing .item .qty input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
  .publication .publication-listing .item .qty:before {display: inline-block; position: relative; width: auto; top: auto; left: auto; margin-left: auto; margin-right: 15px; font-size: 18px; text-align: left;}
  .publication .publication-listing .item .price {margin-right: 30px; margin-left: 0; font-weight: 500; flex: 0 0 calc(50% - 30px);}
  .publication .publication-listing .item .price:before {display: none;}
  .publication .publication-listing .item:first-of-type .qty:before {display: inline-block;}
  .publication .publication-listing .item:first-of-type .price:before {display: none;}
}
.publication .total {display: flex; flex-direction: row-reverse; justify-content: space-between; width: 70%; margin: 0 auto 60px auto; padding: 30px; border-radius: 5px; background-color: #eee; font-weight: 300;}
.publication .total .note {width: 70%; font-size: 14px;}
.publication .total .price {margin-right: 15px;}
.publication .total .price > span {display: inline-block; margin-left: 50px; font-weight: 500;}
@media screen and (max-width: 900px) {
  .publication .total {width: calc(100% - 50px);}
}
@media screen and (max-width: 600px) {
  .publication .total {flex-direction: row; flex-wrap: wrap; width: calc(100% - 50px); margin-bottom: 30px;}
  .publication .total .note {width: 100%; font-size: 14px; text-align: center;}
  .publication .total .price {width: 100%; margin-right: 0; margin-bottom: 30px; font-weight: 500;}
  .publication .total .price > span {margin-left: auto; float: right;}
}
.publication .confirm-order {width: 70%; margin: 95px auto 175px auto; text-align: center;}
.publication .confirm-order a {position: relative; display: inline-block; width: 290px; padding: 18px 0 15px 0; border-radius: 5px; font-size: 16px; font-weight: 500; text-transform: uppercase; color: #fff; background-color: #da291c;}
.publication .confirm-order a.disabled {pointer-events: none; opacity: 0.2; background: #000000;}
.publication .confirm-order a .icon {width: 70px; height: 12px; display: inline-block; position: relative;}
.publication .confirm-order a .icon span {position: absolute; left: 3px; top: -2px;}
@media screen and (max-width: 600px) {
  .publication .confirm-order a {width: 100%;}
}
.publication .confirm-order a > img {position: absolute; display: inline-block; top: 15px; left: 30px;}
.publication .confirm-order a:after {content: ''; display: block; position: absolute; right: 30px; top: 50%; margin-top: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #fff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.publication .confirm-order a:hover:after {-moz-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}
@media screen and (max-width: 600px) {
  .publication .confirm-order {width: calc(100% - 50px); margin: 30px auto;}
  .publication .confirm-order a {width: 100%;}
}

.custom-form {background-color: #ededed; width: 100%; max-width: 600px; margin: 0px auto; padding: 100px 65px 45px 65px; color: #da291c; border-radius: 5px; z-index: 2;}
.custom-form .error {opacity: 0;}
.custom-form form ::-webkit-input-placeholder {color: #da291c; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.custom-form form :-moz-placeholder {color: #da291c; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.custom-form form ::-moz-placeholder {color: #da291c; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.custom-form form :-ms-input-placeholder {color: #da291c; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.custom-form form input[type="text"],
.custom-form form textarea,
.custom-form form input[type="password"],
.custom-form form input[type="email"] {-webkit-appearance: none; border: 1px solid #da291c; outline: none; background-color: #fff; border-radius: 5px; display: block; width: 100%; margin: 20px 0; padding: 10px; font-weight: 500; color: #da291c; font-family: 'Poppins'; font-size: 16px;}
.custom-form form input[type="checkbox"]:not(:checked) + label:before,
.custom-form form input[type="checkbox"]:checked + label:before {border-color: #da291c; background-color: #fff;}
.custom-form form .radio {color: #fff;}
.custom-form form input[type="radio"] + label {display: block; margin-bottom: 5px; color: #777;}
.custom-form form input[type="radio"] + label span {border-color: #da291c; background-color: #fff;}
.custom-form form input[type="radio"]:checked + label span {background-color: #da291c;}
.custom-form form .cs-select {border: 1px solid #da291c;}
.custom-form form .cs-select ul li span {padding: 4px 1em 9px 50px;}
.custom-form form .select {margin: 20px 0;}
.custom-form form .select .cs-options {top: 50px; left: -1px; right: -1px; width: calc(100% + 2px); max-height: 200px; overflow: scroll;}
.custom-form form .select .cs-options:before {display: none;}
.custom-form form .select .cs-placeholder {padding: 12px 10px; border: none; border-radius: 4px; outline: none; background-color: #fff; color: #da291c;}
.custom-form form #forgot {color: #da291c; font-weight: 500; font-size: 12px; position: relative; display: block; float: left; margin-top: 13px;}
.custom-form form #forgot:after {content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.custom-form form #forgot:hover:after {opacity: 0;}
.custom-form form .check {position: relative; float: left; padding: 0 30px 10px 0; color: #777;}
.custom-form form .check [type="checkbox"]:not(:checked) + label:after,
.custom-form form .check [type="checkbox"]:checked + label:after {background-image: url(../img/tick-red.svg);}
.custom-form form div.submit {position: relative;}
.custom-form form div.submit span {content: ''; display: block; position: absolute; right: 25px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.custom-form form div.submit:hover span {-moz-transform: translateX(5px); -ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px);}
.custom-form form input[type="submit"] {cursor: pointer; background-color: #da291c; color: #fff; font-weight: 500; font-size: 15px; border: none; -webkit-appearance: none; outline: none; width: 155px; height: 44px; line-height: 44px; font-family: 'Poppins'; padding: 0 0 0 0; text-align: center;}
.custom-form.red {background-color: #da291c; color: #fff;}
.custom-form.red h3 {color: #fff;}
.custom-form.red form ::-webkit-input-placeholder {color: #fff;}
.custom-form.red form :-moz-placeholder {color: #fff;}
.custom-form.red form ::-moz-placeholder {color: #fff;}
.custom-form.red form :-ms-input-placeholder {color: #fff;}
.custom-form.red form input[type="text"],
.custom-form.red form textarea,
.custom-form.red form input[type="password"],
.custom-form.red form input[type="email"] {border-color: #ec8c84; background-color: #e5655b; color: #fff;}
.custom-form.red form textarea {height: 150px;}
.custom-form.red form input[type="checkbox"]:not(:checked) + label:before,
.custom-form.red form input[type="checkbox"]:checked + label:before {border-color: #ec8c84; background-color: #e5655b;}
.custom-form.red form input[type="radio"] + label {color: #fff;}
.custom-form.red form input[type="radio"] + label span {border-color: #ec8c84; background-color: #e5655b;}
.custom-form.red form input[type="radio"]:checked + label span {background-color: #fff;}
.custom-form.red form .cs-select {border-color: #ec8c84;}
.custom-form.red form .cs-placeholder {background-color: #e5655b; color: #fff;}
.custom-form.red form #forgot {color: #fff;}
.custom-form.red form #forgot:after {background-color: #fff;}
.custom-form.red form .check {color: rgba(255, 255, 255, 0.8);}
.custom-form.red form .check [type="checkbox"]:not(:checked) + label:after,
.custom-form.red form .check [type="checkbox"]:checked + label:after {background-image: url(../img/tick-white.svg);}
.custom-form.red form div.submit span {border-left-color: #da291c;}
.custom-form.red form input[type="submit"] {background-color: #fff; color: #da291c;}

@media screen and (max-width: 1023px) {
  .info {display: block; width: 100%;}
  .custom-form {float: none; width: 100%;}
}

@media screen and (max-width: 600px) {
  .info h3 {font-size: 35px;}

  .custom-form {padding: 20px 25px 25px 25px;}
  .custom-form h3 {font-size: 40px;}
  .custom-form .error {font-size: 12px;}
  .custom-form form ::-webkit-input-placeholder {font-size: 14px;}
  .custom-form form :-moz-placeholder {font-size: 14px;}
  .custom-form form ::-moz-placeholder {font-size: 14px;}
  .custom-form form :-ms-input-placeholder {font-size: 14px;}
  .custom-form form #forgot {float: none; display: table;}
  .custom-form form input[type="text"],
  .custom-form form input[type="password"] {font-size: 14px;}
  .custom-form form input[type="password"] {margin-bottom: 20px;}
  .custom-form form div {float: none;}
  .custom-form form div input[type="submit"] {width: 100%;}
}

.fundraising {margin: 0 auto 50px auto; width: 80%; max-width: 860px;}
.fundraising h3 {font-family: 'ExtraMile'; font-size: 55px; line-height: 1; color: #00b2aa; margin-bottom: 40px; text-align: center;}
.fundraising .intro-paragraph {text-align: center; width: 870px; margin: 0 auto 50px auto; max-width: 80%;}
.fundraising::after {content: ''; display: block; clear: both;}

@media screen and (max-width: 1280px) {
  .fundraising {width: 80%;}
}

@media screen and (max-width: 1024px) {
  .fundraising {width: 90%;}
}

.fundraising .form {color: #fff; padding: 0;}
.fundraising .form h3 {font-family: 'ExtraMile'; font-size: 55px; line-height: 1; margin-bottom: 20px; color: #ffffff; text-align: left; margin-bottom: 30px;}
.fundraising .form h4 {font-family: 'ExtraMile'; font-size: 38px; line-height: 1; margin-bottom: 20px; color: #ffffff; text-align: left; margin-bottom: 30px;}
.fundraising .form .paragraph {text-align: center;}
.fundraising .form .red-box {padding: 20px 65px 35px 65px; background: #de3e32; border-radius: 5px; border-bottom: 1px solid #ffffff; position: relative; z-index: 6;}
.fundraising .form .blue-box {padding: 50px 65px 35px 65px; background: #00b2aa; border-radius: 5px; border-bottom: 1px solid #ffffff; position: relative; z-index: 6;}
.fundraising .form .blue-box a {color: #ffffff; text-decoration: underline;}
.fundraising .form .pushed:nth-child(2) {z-index: 4; top: -5px;}
.fundraising .form .pushed:nth-child(3) {z-index: 3; top: -10px;}
.fundraising .form .pushed:nth-child(4) {z-index: 2; top: -15px;}
.fundraising .form .pushed:nth-child(5) {z-index: 1; top: -20px;}
.fundraising .form .middle {max-width: 380px; margin: 30px auto; line-height: 1.5;}
.fundraising .form .middle label {font-size: 14px;}
.fundraising .form .middle input[type="submit"] {display: block; width: 100%; text-transform: uppercase; height: 60px; line-height: 60px; font-weight: bold;}
.fundraising .form form ::-webkit-input-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.fundraising .form form :-moz-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.fundraising .form form ::-moz-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.fundraising .form form :-ms-input-placeholder {color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 500;}
.fundraising .form form .errors {width: 100%; padding: 20px; margin: 20px 0; background: #ffffa7; border-radius: 5px; color: #555555; font-weight: normal;}
.fundraising .form form input[type="text"],
.fundraising .form form input[type="password"],
.fundraising .form form input[type="email"] {-webkit-appearance: none; border: 1px solid #ec8c84; outline: none; background-color: #e5655b; border-radius: 5px; display: block; width: 100%; margin: 0 0 20px 0; padding: 10px; font-weight: 500; color: #fff; font-family: 'Poppins'; font-size: 16px;}
.fundraising .form form div.select {padding-top: 2px; padding-bottom: 20px;}
.fundraising .form form .select.half,
.fundraising .form form input.half {width: 48%; float: left; margin-left: 1%; margin-right: 1%;}
.fundraising .form form input[type="text"].event,
.fundraising .form form input[type="password"].event,
.fundraising .form form input[type="email"].event {margin-left: 29%; margin-right: 1%; width: 70%;}
.fundraising .form form input.amount {padding-left: 35px; float: none;}
.fundraising .form form .amount-eur {position: absolute; margin-top: 12px; margin-left: 20px;}
.fundraising .form form .url > span {float: left; margin-top: 10px; margin-left: 1%;}
.fundraising .form form .url-results {display: none; margin: 0 1% 30px 1%;}
.fundraising .form form .url-results li {cursor: pointer;}
.fundraising .form form .url-results li:hover {text-decoration: underline;}
.fundraising .form form .clear {display: block; clear: both;}
.fundraising .form form .spacer {display: block; clear: both; height: 20px;}
.fundraising .form form .cs-select {border: 1px solid #ec8c84;}
.fundraising .form form .cs-select ul li span {padding: 4px 1em 9px 50px;}
.fundraising .form form .cs-options {max-height: 200px; overflow: scroll;}
.fundraising .form form .cs-placeholder {border: none; outline: none; background-color: #e5655b; height: 40px; line-height: 30px;}
.fundraising .form form .blue-box input[type="text"],
.fundraising .form form .blue-box input[type="password"],
.fundraising .form form .blue-box input[type="email"] {border: 1px solid #66d2cc; background-color: #33c2bb;}
.fundraising .form form .blue-box .cs-select {border: 1px solid #66d2cc;}
.fundraising .form form .blue-box .cs-placeholder {background-color: #33c2bb;}
.fundraising .form form #forgot {color: #fff; font-weight: 500; font-size: 12px; position: relative; display: block; float: left; margin-top: 13px;}
.fundraising .form form #forgot:after {content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; bottom: 2px; left: 0; -moz-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.4s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.fundraising .form form #forgot:hover:after {opacity: 0;}
.fundraising .form form div.submit {display: block; width: 100%; position: relative;}
.fundraising .form form div.submit span {position: absolute; top: 50%; right: 5%;}
.fundraising .form form div.submit span::after {content: ''; display: block; position: absolute; right: 25px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.fundraising .form form div.submit:hover span {-moz-transform: translateX(5px); -ms-transform: translateX(5px); -webkit-transform: translateX(5px); transform: translateX(5px);}
.fundraising .form form .check {position: relative; float: left; padding: 0 30px 10px 0; color: rgba(255, 255, 255, 0.8);}
.fundraising .form form input[type="submit"] {cursor: pointer; background-color: #fff; color: #da291c; font-weight: 500; font-size: 15px; border: none; -webkit-appearance: none; outline: none; width: 155px; height: 44px; line-height: 44px; font-family: 'Poppins'; padding: 0 0 0 0; text-align: center;}

@media screen and (max-width: 1023px) {
  .fundraising .info {display: block; width: 100%;}
  .fundraising .petition {float: none; width: 100%;}
}

@media screen and (max-width: 600px) {
  .fundraising {width: 100%;}
  .fundraising .info h3 {font-size: 35px;}
  .fundraising .form h3 {font-size: 40px;}
  .fundraising .form h4 {font-size: 28px; text-align: center; margin-top: 30px;}
  .fundraising .form .url > span {font-size: 13px;}
  .fundraising .form .paragraph {font-size: 14px;}
  .fundraising .form .error {font-size: 12px;}
  .fundraising .form form ::-webkit-input-placeholder {font-size: 14px;}
  .fundraising .form form :-moz-placeholder {font-size: 14px;}
  .fundraising .form form ::-moz-placeholder {font-size: 14px;}
  .fundraising .form form :-ms-input-placeholder {font-size: 14px;}
  .fundraising .form form .red-box, .fundraising .form form .blue-box {padding: 20px 25px 25px 25px;}
  .fundraising .form form .select.half,
  .fundraising .form form input.half {width: 100%; margin-left: 0; margin-right: 0; float: none;}
  .fundraising .form form input[type="text"].event,
  .fundraising .form form input[type="password"].event,
  .fundraising .form form input[type="email"].event {margin-left: 50%; margin-right: 1%; width: 49%;}
  .fundraising .form form #forgot {float: none; display: table;}
  .fundraising .form form input[type="text"],
  .fundraising .form form input[type="password"] {font-size: 14px;}
  .fundraising .form form input[type="password"] {margin-bottom: 20px;}
  .fundraising .form form div {float: none;}
  .fundraising .form form div input[type="submit"] {width: 100%;}
}

.news-gateway .head h2 {color: #ffffff;}
.news-gateway .head p {color: #ffffff;}
.news-gateway .category-select {display: block; width: 300px; height: 120px; margin: 0 auto;}
.news-gateway .category-select ul {display: block; list-style: none; width: 300px; padding: 0; margin: 0; position: relative;}
.news-gateway .category-select ul::after {content: '\25BE'; right: 1em; speak: none; position: absolute; top: 8px; color: #da291c; font-size: 19px; pointer-events: none;}
.news-gateway .category-select ul.open {background: #ffffff; border: none; border-radius: 5px; padding-bottom: 15px;}
.news-gateway .category-select ul.open li a {padding: 10px 40px 10px 50px; display: block; color: #3c3c3c; font-size: 14px; font-weight: 400; position: relative; border: none !important;}
.news-gateway .category-select ul.open li a::before {content: ''; display: block; position: absolute; left: 25px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #978c87; transition: all 0.6s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.news-gateway .category-select ul.open li a:hover {color: #da291c; padding-left: 55px;}
.news-gateway .category-select ul.open li a:hover::before {border-left-color: #da291c;}
.news-gateway .category-select ul.open li.active a {font-weight: 400;}
.news-gateway .category-select ul li {display: none;}
.news-gateway .category-select ul li a {color: #da291c; padding: 10px 40px 10px 24px; display: block;}
.news-gateway .category-select ul li ul.child {display: none; margin-top: 10px;}
.news-gateway .category-select ul li ul.child.open {z-index: 5; box-shadow: 0 2px 5px rgba(0, 1, 10, 0.2);}
.news-gateway .category-select ul li ul.child.open::before {content: attr(data-selected-category); color: #da291c; font-size: 16px; font-weight: 500; margin: 0px 25px 8px 25px; padding: 11px 0; border-bottom: 1px solid #e6e6e6; display: block;}
.news-gateway .category-select ul li ul.child.open::after {transform: rotate(180deg);}
.news-gateway .category-select ul li ul.child.open > li {display: block;}
.news-gateway .category-select ul li.active {display: block;}
.news-gateway .category-select ul li.active > a {background: #ffffff; border: 1px solid #e6e6e6; border-radius: 5px; display: block; font-weight: 500;}
.news-gateway .category-select ul li.active ul.child {display: block;}
.news-gateway .category-select ul.parent.open {z-index: 6; box-shadow: 0 2px 5px rgba(0, 1, 10, 0.2);}
.news-gateway .category-select ul.parent.open::before {content: attr(data-selected-category); color: #da291c; font-size: 16px; font-weight: 500; margin: 0px 25px 8px 25px; padding: 11px 0; border-bottom: 1px solid #e6e6e6; display: block;}
.news-gateway .category-select ul.parent.open::after {transform: rotate(180deg);}
.news-gateway .category-select ul.parent.open > li {display: block;}
.news-gateway .category-select ul.parent.open > li ul.child {display: none;}
.news-gateway .modulethreecols {padding-bottom: 0; width: calc(80% + 30px); padding-top: 20px;}
.news-gateway .modulethreecols .col {height: calc(250px + 10vw);}
.news-gateway .modulethreecols .col .img-container {height: 0; padding-bottom: 55%;}
.news-gateway .modulethreecols .col .text {padding-bottom: 0;}
.news-gateway .modulethreecols .col .text h4 {font-size: 16px;}
.news-gateway .modulethreecols .col .text h4 a {margin: 0;}
.news-gateway .modulethreecols .col .text h4 a::after {display: none;}
.news-gateway .modulethreecols .col .text p {font-size: 14px;}
.news-gateway .modulethreecols .meta {position: absolute; bottom: 0; left: calc(5% + 28px);}
.news-gateway .modulethreecols .meta .date {color: #9e9e9e; font-size: 12px;}
.news-gateway .modulethreecols .meta a.more {color: #da291c; font-size: 15px; display: inline-block; font-weight: 500; position: relative;}
.news-gateway .modulethreecols .meta a.taxonomy {color: #9e9e9e; font-weight: 500; font-size: 12px;}
.news-gateway .modulethreecols .meta a::after {display: none;}
.news-gateway .modulethreecols .meta a.more::after {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: #da291c; height: 1px; transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.news-gateway .modulethreecols .meta a.more:hover::after {opacity: 0; visibility: hidden;}
.news-gateway .modulefourcols {width: calc(80% + 20px);}
.news-gateway .modulefourcols .col {padding-bottom: 20px;}
.news-gateway .modulefourcols .col .text h4 {line-height: 1.3; height: 90px;}
.news-gateway .modulefourcols .col .text h4 a {color: #333333; font-size: 16px;}
.news-gateway .modulefourcols .col .text h4 a::after {display: none;}
.news-gateway .modulefourcols .col .text p {display: none;}
.news-gateway .modulefourcols .col .text a.cta {display: inline-block; margin-bottom: 1em;}
.news-gateway .modulefourcols .col .img-container {height: 0; padding-top: 90%;}
.news-gateway .modulefourcols .col .text {position: relative; top: -50px;}
.news-gateway .modulefourcols .col .text p.meta {display: block; color: #9e9e9e; text-transform: none; font-size: 12px; position: absolute;}
.news-gateway .modulefourcols .col .text p.meta a {text-decoration: none; color: #9e9e9e; text-transform: none; font-size: 12px;}
.news-gateway .modulefourcols .col .text p.meta a::after {display: none;}
.news-gateway .modulefourcols h3 {color: #da291c; margin-bottom: 40px; font-size: 32px; text-align: center; font-weight: 500;}
.news-gateway .moduleimage .img {margin-left: 0;}
.news-gateway .moduleimage .txt {height: 480px; display: table;}
.news-gateway .moduleimage .txt .wrapper {display: table-cell; vertical-align: middle; height: 100%;}
.news-gateway .moduleimage .txt h3 {margin-bottom: 30px; font-size: 40px;}
.news-gateway .moduleimage .txt h3 a {color: #ffffff;}
.news-gateway .moduleimage .txt .btn {margin-top: 40px;}
.news-gateway .moduleimage .txt .meta {font-size: 12px; margin-top: 26px;}
.news-gateway .moduleimage .txt .meta a {color: #ffffff;}
.news-gateway .clear {display: block; clear: both;}
.news-gateway .anchor {position: relative; top: -100px; display: block; height: 1px;}
.news-gateway h1.tags {color: #ffffff; margin-bottom: 40px; font-size: 32px; text-align: center; font-weight: 200;}

@media screen and (max-width: 1023px) {
  .news-gateway .modulethreecols .col {float: left; margin: 0 15px 30px 15px; width: calc(33.33333% - 30px); position: relative;}
  .news-gateway h1.tags {text-align: left; width: 90%; margin: 0 auto; position: relative; top: -35px;}
}

@media screen and (max-width: 768px) {
  .news-gateway .modulethreecols .col {height: auto; margin-bottom: 45px;}
  .news-gateway .modulethreecols .meta {position: static; margin: 0 0 0 42%;}
  .news-gateway .modulethreecols .meta a.more {display: none;}
  .news-gateway .modulethreecols .meta .date {display: none;}
  .news-gateway .modulethreecols .meta .separator {display: none;}
  .news-gateway .modulethreecols .meta .br {display: none;}
  .news-gateway .modulefourcols {padding-bottom: 0; padding-top: 50px;}
  .news-gateway .modulefourcols h3 {text-align: left; margin-top: 40px;}
  .news-gateway .modulefourcols.list .col .img-container {padding-top: 0;}
  .news-gateway .modulefourcols .col .text p.meta .date {display: none;}
  .news-gateway .moduleimage .txt h3 a {color: #da291c;}
  .news-gateway .moduleimage .txt > a {display: none;}
}

.news-gateway .pagination {width: 85%;}
.news-gateway .pagination span.button-previous::before {content: ''; background: url("../img/nav-prev-grey.svg") no-repeat center; background-size: cover; width: 15px; height: 30px; display: block; position: absolute; margin: -7px 0 0 -25px;}
.news-gateway .pagination span.button-next::after {content: ''; background: url("../img/nav-next-grey.svg") no-repeat center; background-size: cover; width: 15px; height: 30px; display: block; position: absolute; margin: -22px 0 0 40px;}

#page .head.shorter {height: 260px; padding-top: 100px;}

.news.share {max-width: 490px; margin: 80px auto 80px auto; width: 80%; text-align: right;}
.news.share h3 {color: #da291c; margin-bottom: 40px; font-size: 32px; text-align: center; font-weight: 500; float: left;}
.news.share a {display: inline-block; color: #ffffff; padding-top: 7px; margin-left: 15px; background: #da291c; width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 50px;}
.news.share a img[alt="Email"] {position: relative; top: -4px;}

@media screen and (max-width: 768px) {
  .news.share {width: 90%;}
  .news.share h3 {font-size: 22px; font-weight: 400; margin-top: 8px;}
}

.tag-cloud {max-width: 490px; margin: 40px auto; width: 80%; text-align: justify;}
.tag-cloud h3 {color: #da291c; margin-left: 5px; margin-bottom: 20px;}
.tag-cloud a {color: #8f8f8f; display: inline-block; white-space: nowrap; background: #ededed; border: 1px solid #d6d6d6; border-radius: 5px; margin: 8px 5px; padding: 5px 10px;}
.tag-cloud a:hover {border: 1px solid #888888;}

@media screen and (max-width: 768px) {
  .tag-cloud {width: 90%;}
}

@media screen and (max-width: 768px) {
  .tax-news_categories .menu,
  .tax-news_tags .menu,
  .post-type-archive-news .menu {background-color: #da291c; width: 100%; border-radius: 0; left: 0;}
  .tax-news_categories #page .head,
  .tax-news_tags #page .head,
  .post-type-archive-news #page .head {background: #da291c !important; padding-top: 90px; height: auto; padding-left: 10px; padding-bottom: 15px;}
  .tax-news_categories #page .head h2,
  .tax-news_tags #page .head h2,
  .post-type-archive-news #page .head h2 {color: #ffffff; width: 96%; text-align: left; margin-bottom: 24px;}
  .tax-news_categories #page .head p,
  .tax-news_tags #page .head p,
  .post-type-archive-news #page .head p {display: none;}
  .tax-news_categories #page .head .category-select,
  .tax-news_tags #page .head .category-select,
  .post-type-archive-news #page .head .category-select {height: auto; margin: 0 2% 10px 2%;}
  .tax-news_categories .news-gateway .moduleimage,
  .tax-news_tags .news-gateway .moduleimage,
  .post-type-archive-news .news-gateway .moduleimage {padding: 0; width: 100%; height: 340px;}
  .tax-news_categories .news-gateway .moduleimage .txt,
  .tax-news_tags .news-gateway .moduleimage .txt,
  .post-type-archive-news .news-gateway .moduleimage .txt {background: #ffffff; position: relative; width: 90%; margin: 0 auto; padding: 20px 20px 0 20px; height: auto; min-height: 120px; top: 145px;}
  .tax-news_categories .news-gateway .moduleimage .txt h3,
  .tax-news_tags .news-gateway .moduleimage .txt h3,
  .post-type-archive-news .news-gateway .moduleimage .txt h3 {color: #da291c; margin-bottom: 10px; max-height: 80px; overflow: hidden;}
  .tax-news_categories .news-gateway .moduleimage .txt a.btn,
  .tax-news_tags .news-gateway .moduleimage .txt a.btn,
  .post-type-archive-news .news-gateway .moduleimage .txt a.btn {position: absolute; opacity: 0; width: 100%; height: auto; top: 0; right: 0; bottom: 0; left: 0;}
  .tax-news_categories .news-gateway .moduleimage .txt p,
  .tax-news_tags .news-gateway .moduleimage .txt p,
  .post-type-archive-news .news-gateway .moduleimage .txt p {display: none;}
  .tax-news_categories .news-gateway .moduleimage .txt p.meta,
  .tax-news_tags .news-gateway .moduleimage .txt p.meta,
  .post-type-archive-news .news-gateway .moduleimage .txt p.meta {display: block; margin: 0;}
  .tax-news_categories .news-gateway .moduleimage .txt p.meta .taxonomy,
  .tax-news_tags .news-gateway .moduleimage .txt p.meta .taxonomy,
  .post-type-archive-news .news-gateway .moduleimage .txt p.meta .taxonomy {color: #9e9e9e; font-weight: 500;}
  .tax-news_categories .news-gateway .moduleimage .txt p.meta .date,
  .tax-news_tags .news-gateway .moduleimage .txt p.meta .date,
  .post-type-archive-news .news-gateway .moduleimage .txt p.meta .date {color: #9e9e9e;}
  .tax-news_categories .news-gateway .moduleimage .img,
  .tax-news_tags .news-gateway .moduleimage .img,
  .post-type-archive-news .news-gateway .moduleimage .img {position: absolute; top: 0; height: 200px; margin: 0; float: none; border-radius: 0px;}
  .tax-news_categories .modulefourcols.list,
  .tax-news_categories .modulethreecols.featured,
  .tax-news_tags .modulefourcols.list,
  .tax-news_tags .modulethreecols.featured,
  .post-type-archive-news .modulefourcols.list,
  .post-type-archive-news .modulethreecols.featured {padding-top: 0; width: 90%;}
  .tax-news_categories .modulefourcols.list .col,
  .tax-news_categories .modulethreecols.featured .col,
  .tax-news_tags .modulefourcols.list .col,
  .tax-news_tags .modulethreecols.featured .col,
  .post-type-archive-news .modulefourcols.list .col,
  .post-type-archive-news .modulethreecols.featured .col {float: none; width: 100%; padding-bottom: 1px; margin: 0 0 25px 0;}
  .tax-news_categories .modulefourcols.list .col:after,
  .tax-news_categories .modulethreecols.featured .col:after,
  .tax-news_tags .modulefourcols.list .col:after,
  .tax-news_tags .modulethreecols.featured .col:after,
  .post-type-archive-news .modulefourcols.list .col:after,
  .post-type-archive-news .modulethreecols.featured .col:after {content: ''; display: block; clear: both;}
  .tax-news_categories .modulefourcols.list .col .img-container,
  .tax-news_categories .modulethreecols.featured .col .img-container,
  .tax-news_tags .modulefourcols.list .col .img-container,
  .tax-news_tags .modulethreecols.featured .col .img-container,
  .post-type-archive-news .modulefourcols.list .col .img-container,
  .post-type-archive-news .modulethreecols.featured .col .img-container {width: 36%; height: 0; padding-bottom: 45%; float: left;}
  .tax-news_categories .modulefourcols.list .col .text,
  .tax-news_categories .modulethreecols.featured .col .text,
  .tax-news_tags .modulefourcols.list .col .text,
  .tax-news_tags .modulethreecols.featured .col .text,
  .post-type-archive-news .modulefourcols.list .col .text,
  .post-type-archive-news .modulethreecols.featured .col .text {width: 56%; padding: 0; border-radius: 0; margin: 0 0 0 42%; top: auto; left: auto; position: static;}
  .tax-news_categories .modulefourcols.list .col .text h4,
  .tax-news_categories .modulethreecols.featured .col .text h4,
  .tax-news_tags .modulefourcols.list .col .text h4,
  .tax-news_tags .modulethreecols.featured .col .text h4,
  .post-type-archive-news .modulefourcols.list .col .text h4,
  .post-type-archive-news .modulethreecols.featured .col .text h4 {font-size: 16px; height: auto;}
  .tax-news_categories .modulefourcols.list .col .text p,
  .tax-news_categories .modulethreecols.featured .col .text p,
  .tax-news_tags .modulefourcols.list .col .text p,
  .tax-news_tags .modulethreecols.featured .col .text p,
  .post-type-archive-news .modulefourcols.list .col .text p,
  .post-type-archive-news .modulethreecols.featured .col .text p {display: none; font-size: 14px;}
  .tax-news_categories .modulefourcols.list .col .text p.meta,
  .tax-news_categories .modulethreecols.featured .col .text p.meta,
  .tax-news_tags .modulefourcols.list .col .text p.meta,
  .tax-news_tags .modulethreecols.featured .col .text p.meta,
  .post-type-archive-news .modulefourcols.list .col .text p.meta,
  .post-type-archive-news .modulethreecols.featured .col .text p.meta {display: flex; flex-direction: column-reverse; line-height: 1.3;}
  .tax-news_categories .modulefourcols.list .col .text p.meta .separator,
  .tax-news_categories .modulethreecols.featured .col .text p.meta .separator,
  .tax-news_tags .modulefourcols.list .col .text p.meta .separator,
  .tax-news_tags .modulethreecols.featured .col .text p.meta .separator,
  .post-type-archive-news .modulefourcols.list .col .text p.meta .separator,
  .post-type-archive-news .modulethreecols.featured .col .text p.meta .separator {display: none;}
  .tax-news_categories .modulefourcols.list .col .text > a,
  .tax-news_categories .modulethreecols.featured .col .text > a,
  .tax-news_tags .modulefourcols.list .col .text > a,
  .tax-news_tags .modulethreecols.featured .col .text > a,
  .post-type-archive-news .modulefourcols.list .col .text > a,
  .post-type-archive-news .modulethreecols.featured .col .text > a {display: none;}
  .tax-news_categories .modulefourcols.list .col .text a.taxonomy,
  .tax-news_categories .modulethreecols.featured .col .text a.taxonomy,
  .tax-news_tags .modulefourcols.list .col .text a.taxonomy,
  .tax-news_tags .modulethreecols.featured .col .text a.taxonomy,
  .post-type-archive-news .modulefourcols.list .col .text a.taxonomy,
  .post-type-archive-news .modulethreecols.featured .col .text a.taxonomy {display: block; margin: 0; font-size: 12px; color: #9e9e9e;}
  .tax-news_categories .modulefourcols.list,
  .tax-news_tags .modulefourcols.list,
  .post-type-archive-news .modulefourcols.list {margin-top: 30px;}
  .tax-news_categories .modulefourcols.list .col .img-container,
  .tax-news_tags .modulefourcols.list .col .img-container,
  .post-type-archive-news .modulefourcols.list .col .img-container {width: 26%; padding-bottom: 26%; margin-bottom: 20px;}
  .tax-news_categories .modulefourcols.list .col .text,
  .tax-news_tags .modulefourcols.list .col .text,
  .post-type-archive-news .modulefourcols.list .col .text {width: 64%; margin-left: 31%;}
  .tax-news_categories .modulefourcols.list .col .text h4,
  .tax-news_tags .modulefourcols.list .col .text h4,
  .post-type-archive-news .modulefourcols.list .col .text h4 {margin-bottom: 10px; font-size: 16px;}
  .tax-news_categories .modulefourcols.list .col .text h4 a,
  .tax-news_tags .modulefourcols.list .col .text h4 a,
  .post-type-archive-news .modulefourcols.list .col .text h4 a {font-size: 16px;}
  .tax-news_categories .modulefourcols.list .col .text h4 a::after,
  .tax-news_tags .modulefourcols.list .col .text h4 a::after,
  .post-type-archive-news .modulefourcols.list .col .text h4 a::after {display: none;}
  .tax-news_categories .modulefourcols.list .col .text p,
  .tax-news_tags .modulefourcols.list .col .text p,
  .post-type-archive-news .modulefourcols.list .col .text p {display: none; font-size: 14px;}
  .tax-news_categories .modulefourcols.list .col .text p.meta,
  .tax-news_tags .modulefourcols.list .col .text p.meta,
  .post-type-archive-news .modulefourcols.list .col .text p.meta {display: block;}
  .tax-news_categories .modulefourcols.list .col .text p.meta .separator,
  .tax-news_tags .modulefourcols.list .col .text p.meta .separator,
  .post-type-archive-news .modulefourcols.list .col .text p.meta .separator {display: none;}
  .tax-news_categories .modulefourcols.list .col .text a.taxonomy,
  .tax-news_tags .modulefourcols.list .col .text a.taxonomy,
  .post-type-archive-news .modulefourcols.list .col .text a.taxonomy {display: inline-block;}
  .tax-news_categories .pagination,
  .tax-news_tags .pagination,
  .post-type-archive-news .pagination {width: 96%;}
  .tax-news_categories .pagination ul,
  .tax-news_tags .pagination ul,
  .post-type-archive-news .pagination ul {padding: 0; font-size: 16px;}
  .tax-news_categories .pagination ul li a,
  .tax-news_tags .pagination ul li a,
  .post-type-archive-news .pagination ul li a {padding: 8px 10px;}
  .tax-news_categories .pagination ul li span.button-previous::before,
  .tax-news_tags .pagination ul li span.button-previous::before,
  .post-type-archive-news .pagination ul li span.button-previous::before {position: relative; top: -8px; margin: 0;}
  .tax-news_categories .pagination ul li span.button-previous span,
  .tax-news_tags .pagination ul li span.button-previous span,
  .post-type-archive-news .pagination ul li span.button-previous span {display: none;}
  .tax-news_categories .pagination ul li span.button-next::after,
  .tax-news_tags .pagination ul li span.button-next::after,
  .post-type-archive-news .pagination ul li span.button-next::after {position: relative; top: -8px; margin: 0;}
  .tax-news_categories .pagination ul li span.button-next span,
  .tax-news_tags .pagination ul li span.button-next span,
  .post-type-archive-news .pagination ul li span.button-next span {display: none;}
}

.menu .logo img.red {display: none;}

@media screen and (max-width: 1024px) {
  .no-image .menu .menumobile > span {background-color: #da291c;}
  .no-image .menu #searchmobile {background: url(../img/searchred.svg) no-repeat center;}
  .no-image .menu .logo img.red {display: block;}
  .no-image .menu.showMenuMobile .menumobile > span, .no-image .menu.resize .menumobile > span, .no-image .menu.white .menumobile > span {background-color: #ffffff;}
  .no-image .menu.showMenuMobile #searchmobile, .no-image .menu.resize #searchmobile, .no-image .menu.white #searchmobile {background: url(../img/searchwhite.svg) no-repeat center;}
  .no-image .menu.showMenuMobile .logo img.red, .no-image .menu.resize .logo img.red, .no-image .menu.white .logo img.red {display: none;}
  .single-news .no-image .menu.showMenuMobile .menumobile > span {background-color: #000;}
}

@media screen and (max-width: 1024px) {
  .single-news #intro .wrapper {bottom: 0;}
  .single-news #intro .txt h2 {position: absolute; bottom: 40px; width: 90%; left: 5%; font-size: 60px;}
  .single-news #intro .txt .meta {position: absolute; top: 100%; text-align: left; width: 90%; margin: 15px 0 0 0; left: 5%; color: #000000;}
  .single-news #intro .txt .meta .author {color: #000000; display: block; margin-bottom: 2px;}
  .single-news #intro .txt .meta .date {color: #9e9e9e;}
}

.newsslider.megaslider .sliderresults .item .info h4 {line-height: 1.3; height: 90px;}
.newsslider.megaslider .sliderresults .item .info h4 a {color: #333333; font-size: 16px;}
.newsslider.megaslider .sliderresults .item .info h4 a::after {display: none;}
.newsslider.megaslider .sliderresults .item .info p {display: none;}
.newsslider.megaslider .sliderresults .item .info a.cta {display: inline-block; margin-bottom: 1em;}
.newsslider.megaslider .sliderresults .item .img {height: 215px;}
.newsslider.megaslider .sliderresults .item .info p.meta {display: block; color: #9e9e9e; text-transform: none; font-size: 12px; position: absolute; width: 100%;}
.newsslider.megaslider .sliderresults .item .info p.meta a {text-decoration: none; color: #9e9e9e; text-transform: none; font-size: 12px;}
.newsslider.megaslider .sliderresults .item .info p.meta a::after {display: none;}

/* ==========================================================================
   Course Styles
   ========================================================================== */

.course .menu.header .logo {left: 50%; margin-left: -65px;}

.course fieldset .cs-select .cs-options {overflow: scroll; overflow-x: hidden; height: 244px; top: -243px; width: 100%; left: 0; cursor: pointer;}
.course .cs-select .cs-options:before {display: none;}

.course.page .breadcrumbs {top: 130px; position: absolute; left: 8%; font-family: 'Poppins'; }
.course.page .breadcrumbs a {color: #707070; font-weight: 500; font-size: 15px; position: relative;  display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; flex-wrap: wrap;}
.course.page .breadcrumbs a:before	{margin: 0 10px 0 0; background-image: url(../img/arrow-bottom-new.svg); background-repeat: no-repeat; background-position: left center; background-size: 7px 12px; width: 7px; height: 12px; content: ' '; display: block;}

.course-form {margin: 163px auto 50px; overflow: hidden;}
.course-form .container {width: 460px;}
.course-form .course-form-main {margin: 0 auto; max-width: 460px;}
.course-form .col {margin: 0 auto 124px auto; display: flex; flex-direction: row; justify-content: center; align-content: flex-start; width: 90%; max-width: 1200px;}

.course-form .form-header {margin-bottom: 40px; text-align: center;}
.course-form .form-header h1 {font-family: 'ExtraMile'; font-size: 60px; color: #00b2aa; line-height: 1.1; margin-top: 20px; margin-bottom: 20px;}
.course-form .form-header p {padding-top: 8px; color: #8f8f8f; font-size: 16px;}
.course-form .form-header p a {color: #da291c; text-decoration: underline;}

.course-form .form-fields {margin: 0 0 63px 0; background-color: #691e7f; padding: 48px; color: #fff; border-radius: 5px; width: 100%;}
.course-form .form-fields p {margin-bottom: 10px;}
.course-form .form-fields input[type="text"],
.course-form .form-fields input[type="password"],
.course-form .form-fields input[type="email"],
.course-form .form-fields textarea {margin: 0 0 28px 0; padding: 10px 19px 10px 19px; -webkit-appearance: none; outline: none; background-color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; display: block; width: 100%; font-weight: 500; color: #ffffff; font-family: 'Poppins'; font-size: 16px;}
.course-form .form-fields input::-webkit-input-placeholder,
.course-form .form-fields input::placeholder,
.course-form .form-fields textarea::-webkit-input-placeholder,
.course-form .form-fields textarea::placeholder {color: #ffffff !important;}
.course-form .form-fields textarea {height: 100px;}

.course-form .form-fields input.error {background-color: rgba(218,41,28,0.2); border: 1px solid rgba(218,41,28,1);}
.course-form .form-fields select {opacity: 0.01;}
.course-form .form-fields .cs-select.cs-skin-border {padding: 6px 0 0 0px; background-color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.5); border-radius: 5px; height: 47px; margin: 0 0 28px 0; max-width: 100%;}
.course-form .form-fields .cs-select.cs-skin-border:hover > span {color: #ffffff;}

.course-form .form-fields input[type="submit"] {margin: 0; padding: 0; height: 61px; border-radius: 5px; display: block; font-size: 18px; color: #da291c; background: #ffffff; font-family: 'Poppins'; font-style: normal; font-weight: 500; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; border: none; width: 100%; cursor: pointer; background-image: url(../img/MaterialIcon.svg); background-repeat: no-repeat; background-position: right 24px top 22px; background-size: 16px 16px;}
.course-form .form-fields .actions {text-align: center;}
.course-form .form-fields .actions p {margin: 0; padding: 35px 0 0 0;}
.course-form .form-fields .actions a {color: #ffffff; font-size: 12px; text-decoration: underline;}
.course-form .form-fields .actions a {color: #ffffff; font-size: 12px; text-decoration: underline;}
.course-form .form-fields p.error-msg {position: relative; top: -23px; font-size: 12px; color: #da291c; display: none; margin: 0;}
.course-form .form-fields .check p.error-msg {top: 0;}
.course-form .errors {background: #da291c; color: #ffffff; border-radius: 5px; padding: 48px; margin: 0 0 20px 0; width: 100%;}
.course-form .login .errors {padding: 20px 48px 10px 48px;}

.course-form .your-certs {margin: 0 0 0 124px; min-width: 410px;}
.course-form .your-certs .your-certs-header {margin: 15px 0; width: 100%; text-align: center; display: flex; flex-direction: row; justify-content: center; align-content: center; align-items: center;}
.course-form .your-certs .your-certs-header h3 {text-transform: uppercase; color: #00b2aa; font-size: 20px; display: flex; align-items: center;}
.course-form .your-certs .your-certs-header h3:before {content: ' '; display: block; background-image: url(../img/ribbon.svg); background-repeat: no-repeat; background-size: 40px 40px; width: 40px; height: 40px;}
.course-form .your-certs .your-certs-detail {background: #00b2aa; border-radius: 10px;}
.course-form .your-certs .your-certs-detail ul {margin: 0; padding: 34px 25px;}
.course-form .your-certs .your-certs-detail ul li {margin: 0; padding: 0; width: 100%;}
.course-form .your-certs .your-certs-detail ul li a {margin: 0 0 30px 0; padding: 18px 15px; color: #da291c; background: #ffffff; border-radius: 10px;display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; font-size: 16px;}
.course-form .your-certs .your-certs-detail ul li a:before {margin: 0 15px 0 0; content: ' '; display: block; background-image: url(../img/download-red.svg); background-repeat: no-repeat; background-size: auto; width: 24px; height: 24px;}
.course-form .your-certs .your-certs-detail ul li:last-child a {margin: 0 0 0 0;}
.course-form .your-certs .your-certs-detail strong {color: #ffffff;}

.course-form fieldset .cs-select .cs-options {overflow: scroll; overflow-x: hidden; height: 244px; top: -243px; width: 100%; left: 0; cursor: pointer;}
.course-form .cs-select .cs-options:before {display: none;}

.form-steps {margin: 0 auto 30px auto; display: flex; flex-direction: row; align-content: center; align-items: center; width: 90%; font-family: 'Poppins';}
.form-steps .step {width: 50%; display: flex; flex-direction: row; align-items: center; justify-content: center; text-transform: uppercase; font-size: 14px; font-weight: 400; color: #9e9e9e;}
.form-steps .step span {margin-right: 10px; min-width: 45px; min-height: 45px; line-height: 45px; align-content: center; border: 1px solid #9e9e9e; border-radius: 50%; font-size: 18px; text-align: center;}
.form-steps .step.active {color: #691e7f;}
.form-steps .step.active span {margin-right: 10px; min-width: 60px; min-height: 60px; line-height: 60px; align-content: center; border: none; border-radius: 50%; text-align: center; font-size: 24px; color: #ffffff; background-color: #691e7f;}

.course-form .footer {margin: 0; padding: 0; text-align: center;}
.course-form .footer h4 {margin: 0 0 16px 0; padding: 0; text-align: center; font-family: 'ExtraMile'; color: #00b2aa; font-size: 32px; line-height: 1.2;}
.course-form .footer p {margin: 0; padding: 0; color: #00b2aa; font-size: 16px;}
.course-form .footer p a {color: #da291c; font-size: 16px;}
.course-form .footer p a.cta {color: #ffffff; text-align: center; padding: 13px 40px 11px 40px; color: #ffffff;}
.course-form .button-footer {position: relative; top: -70px;}
.course-form .button-footer p a.cta {color: #ffffff; text-align: center; padding: 13px 40px 11px 40px; cursor: pointer;}
.course-form .button-footer p a.cta:hover {color: #da291c;}

.courses-nav .cpr-header a.btn.dropdown {float: right; margin: -56px 20px 0 0; text-transform: uppercase; text-align: center; padding-right: 20px; width: 150px;}
.courses-nav .cpr-header div.dropdown {display: block; opacity: 0; pointer-events: none; position: absolute; right: 20px; top: 58px; background: #ffffff; border-radius: 5px; transition: opacity 600ms ease; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);}
.courses-nav .cpr-header div.dropdown.visible {opacity: 1; pointer-events: auto;}
.courses-nav .cpr-header div.dropdown ul {padding: 10px 0;}
.courses-nav .cpr-header div.dropdown ul > li {display: block; width: 150px; line-height: 40px; text-align: right; padding-right: 20px;}
.courses-nav .cpr-header h2 {color: #303030;}
.courses-nav .cpr-header h2 a {color: #303030; font-size: 22px; width: 110px; display: block; line-height: 1.0; padding-top: 13px;}

.available-courses.page .courses {margin: 0 auto 0 auto; padding: 0; width: 80%; max-width: 1200px; position: relative; display: block;}

.courses {margin: 0 auto 0 auto; padding: 0; width: 90%; max-width: 1200px; position: relative; display: block;}
.courses .listing {margin: -180px 0 0 0; display: flex; flex-direction: row; justify-content: center; align-content: stretch; flex-wrap: wrap; width: 100%;}
.courses .listing .item {display: flex; width: 47.5%; max-width: 460px; margin-bottom: 50px; border-radius: 5px; color: #ffffff; background: #da291c; z-index: 2;}
.courses .listing .item:nth-child(odd) {margin: 0 5% 50px 0;}

.courses .listing .item .detail {padding: 25px 40px;}
.courses .listing .item .detail .header {margin: 0 0 30px 0; padding: 0;}
.courses .listing .item .detail .header h3 {margin-bottom: 10px; font-family: 'ExtraMile'; font-size: 50px; line-height: 1.2;}
.courses .listing .item .detail .header p {margin-bottom: 10px; font-size: 16px;}

.courses .listing .item .links {display: block;}
.courses .listing .item .links a.cta {padding: 12px 45px 10px 25px !important; display: inline-block; position: relative; background-color: #ffffff; color: #da291c; border-radius: 5px;}
.courses .listing .item .links a.cta.arrow:after {content: ''; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); transition: all 300ms ease;}
.courses .listing .item .links a.cta.arrow:hover:after {right: 10px;}

.courses .listing .item.pink {background: #ce0f69;}
.courses .listing .item.purple {background: #691e7f;}
.courses .listing .item.turquoise {background: #00b2aa;}
.courses .listing .item.orange {background: #fc4c02;}

.courses .listing .item.pink .links a.cta span {color: #ce0f69;}
.courses .listing .item.pink .links a.cta.arrow:after {border-left: 9px solid #ce0f69;}
.courses .listing .item.purple .links a.cta span {color: #691e7f;}
.courses .listing .item.purple .links a.cta.arrow:after {border-left: 9px solid #691e7f;}
.courses .listing .item.turquoise .links a.cta span {color: #00b2aa;}
.courses .listing .item.turquoise .links a.cta.arrow:after {border-left: 9px solid #00b2aa;}
.courses .listing .item.orange .links a.cta span {color: #fc4c02;}
.courses .listing .item.orange .links a.cta.arrow:after {border-left: 9px solid #fc4c02;}

.course-modules .modules-area .listing .item .detail-desc ul.event-registered {margin-top: 20px; justify-content: space-between;}
.course-modules .modules-area .listing .item .detail-desc ul.event-registered .date svg {display: inline-block; vertical-align: top; transform: translateY(-6px);}
.course-modules .modules-area .listing .item .detail-desc ul.event-registered .date span {display: inline-block; vertical-align: top; margin-left: 10px;}
.course-modules .modules-area .listing .item .detail-desc ul.event-registered .town svg {display: inline-block; vertical-align: top;}
.course-modules .modules-area .listing .item .detail-desc ul.event-registered .town span {display: inline-block; width: calc(100% - 40px); margin-left: 10px; max-width: 200px;}
.view-booking-screen {z-index: 100;}
.frame-full {width: 100%; height: 100%; min-height: 100vh; background: #F2F2F2; padding-top: 50px;}

.course.page #intro .txt {bottom: 30%;}
@media screen and (max-width: 768px) {
  .course.page #intro .txt {position: static; margin: 0 auto; padding: 0 0 30% 0; bottom: 50%; z-index: 3; left: 10%; width: 800px; max-width: 80%;}
  .course.page #intro .txt h2 {margin: 0; font-size: 48px;}
}
@media screen and (max-width: 600px) {
  .course.page #intro .txt .link {text-align: center;}
}
.course.page #intro .txt p {margin: 20px 0; font-size: 16px;}

.course.page #intro .txt .link {display: block;}
.course.page #intro .txt .link a {padding: 12px 45px 10px 25px !important; display: inline-block; position: relative; border-radius: 5px; border: 1px solid #ffffff; color: #ffffff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear;}
.course.page #intro .txt .link a.arrow:after {content: ''; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #ffffff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.course.page #intro .txt .link a:hover {background-color: #ffffff; color: #da291c;}
.course.page #intro .txt .link a:hover.arrow:after {border-left: 9px solid #da291c;}
.course.page #intro .txt .link a.playvideo.watch-course-video {margin-left: 10px; padding-right: 65px !important;}
.course.page #intro .txt .link a.playvideo.watch-course-video:after {top: 6px; right: 20px;}

.course.page .page-nav {margin: 0 auto 50px auto; width: 90%;}
.course.page .page-nav ul {margin: 0; padding: 0; display: flex; justify-content: center; flex-direction: row; align-content: center; align-items: center;}
.course.page .page-nav ul li {margin: 0 12px; display: flex; justify-content: center; flex-direction: row; align-content: center; align-items: center;}
.course.page .page-nav ul li a {display: flex; justify-content: center; flex-direction: row; align-content: center; align-items: center;}
.course.page .page-nav ul li a:before {content: ' '; border: 1px solid #691e7f; height: 16px; width: 16px; max-width: 16px; border-radius: 50%;}
.course.page .page-nav ul li a span {display: none;}
.course.page .page-nav ul li a.active:before {margin: 3px; height: 11px; width: 11px; background: #691e7f; border: none;}

.course-modules {margin: -250px auto 0 auto; padding: 0; width: 80%; max-width: 1200px; position: relative;}
.course-modules .modules-area {margin: 0; display: flex; flex-direction: row; justify-content: center; align-content: flex-start; flex-wrap: wrap; width: 100%;}
.course-modules .modules-area .listing {margin: 100px 10% 0 0; margin-right: 10%; width: 60%;}
.course-modules .modules-area .progress {width: 30%; color: #ffffff;}

.course-modules .modules-area .listing .item {margin: 0 0 38px 0; padding: 26px; border: 1px solid #e3e3e3; border-radius: 10px; color: #8a8a8a; background: #ffffff;}
.course-modules .modules-area .listing .item .detail-header {margin: 0 0 20px 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.course-modules .modules-area .listing .item .detail-header .header {width: 70%;}
.course-modules .modules-area .listing .item .detail-header .links {width: 25%;}
.course-modules .modules-area .listing .item .detail-header .tick {width: 25%;}
.course-modules .modules-area .listing .item .detail-header .tick .icon {margin: 0 auto; padding: 0; background: #78be20; height: 68px; width: 68px; border-radius: 50%; display: flex; justify-content: center; align-content: center; align-items: center; box-shadow: 0px 0px 80px rgba(0,0,0,0.05);}
.course-modules .modules-area .listing .item .detail-header .tick .icon img {height: 46px; width: 46px;}

.course-modules .modules-area .listing .item .detail-header h3 {font-size: 24px; line-height: 1.2; font-weight: 500;}
.course-modules .modules-area .listing .item .detail-header h4 {font-size: 18px; text-transform: uppercase;}
.course-modules .modules-area .listing .item .links a.cta {padding: 12px 45px 10px 25px !important; display: inline-block; position: relative; border: 1px solid #e3e3e3; background-color: none; color: #9e9e9e; border-radius: 5px; min-width: 125px;}
.course-modules .modules-area .listing .item .links a.cta.view-booking {padding: 12px 35px 10px 15px !important}
.course-modules .modules-area .listing .item .links a.cta.arrow:after {content: ''; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #9e9e9e; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}

.course-modules .modules-area .listing .item.complete .detail-header h4 {color: #78be20;}
.course-modules .modules-area .listing .item.complete .detail-header h3 {color: #046a38;}

.course-modules .modules-area .listing .item .detail-desc ul {margin: 0 0 10px 0; padding: 0; display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap;}
.course-modules .modules-area .listing .item .detail-desc ul li {margin: 0 25px 10px 0; padding: 0; display: flex; justify-content: flex-start; align-content: center; align-items: center;}
.course-modules .modules-area .listing .item .detail-desc ul li.time:before {margin: 0 10px 0 0; content: ' '; display: block; background-image: url(../img/preptime-grey.svg); background-repeat: no-repeat; background-size: 30px 30px; width: 30px; height: 30px;}
.course-modules .modules-area .listing .item .detail-desc ul li.town:before {margin: 0 10px 0 0; content: ' '; display: block; background-image: url(../img/RetinaIcon-grey.svg); background-repeat: no-repeat; background-size: 30px 30px; width: 30px; height: 30px;}
.course-modules .modules-area .listing .item .detail-desc ul li.download a span {display: flex; justify-content: flex-start; align-content: center; align-items: center; color: #9e9e9e;}
.course-modules .modules-area .listing .item .detail-desc ul li.download a span:before {margin: 0 10px 0 0; content: ' '; display: block; background-image: url(../img/download-grey.svg); background-repeat: no-repeat; background-size: 24px 24px; width: 24px; height: 24px;}
.course-modules .modules-area .listing .item .detail-desc p {font-size: 16px; line-height: 1.5;}

.course-modules .modules-area .listing .item.color {color: #ffffff;}
.course-modules .modules-area .listing .item.color .detail-desc ul li.time:before {background-image: url(../img/preptime-white.svg);}
.course-modules .modules-area .listing .item.color .detail-desc ul li.town:before {background-image: url(../img/RetinaIcon-white.svg);}
.course-modules .modules-area .listing .item.color .detail-desc ul li.download a span {color: #ffffff;}
.course-modules .modules-area .listing .item.color .detail-desc ul li.download a span:before {background-image: url(../img/download-white.svg);}


.course-modules .modules-area .listing .item .detail-links {margin: 20px 0 0 0;}

.course-modules .modules-area .listing .item .links a.cta {border: 1px solid #ffffff; background: #ffffff;}
.course-modules .modules-area .listing .item .links a.cta.arrow:after {border-left: 9px solid #691e7f; transition: right 300ms ease;}
.course-modules .modules-area .listing .item .links a.cta:hover {text-decoration: underline;}
.course-modules .modules-area .listing .item .links a.cta.arrow:hover:after {right: 10px; text-decoration: none;}
.course-modules .modules-area .listing .item .links a.cta.arrow:hover {text-decoration: none;}

.course-modules .modules-area .listing .item.purple {background: #691e7f; border: 1px solid #691e7f;}
.course-modules .modules-area .listing .item.purple .links a.cta span {color: #691e7f;}
.course-modules .modules-area .listing .item.purple .links a.cta.arrow:after {border-left: 9px solid #691e7f}

.course-modules .modules-area .listing .item.orange {background: #f79900; border: 1px solid #f79900;}
.course-modules .modules-area .listing .item.orange .links a.cta span {color: #fc9c42;}
.course-modules .modules-area .listing .item.orange .links a.cta.arrow:after {border-left: 9px solid #fc9c42}

.course-modules .modules-area .progress h4 {margin-bottom: 16px; font-size: 18px; text-transform: uppercase; text-align: center; font-weight: 500; text-shadow: 0px 0px 10px rgba(0,0,0,0.6);}
.course-modules .modules-area .progress .detail {padding: 55px 36px 46px 36px; background: #00b2aa; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; position: relative;}
.course-modules .modules-area .progress .detail.purple {padding: 45px 36px 46px 36px; background: #691e7f; text-align: center;}
.course-modules .modules-area .progress .detail .steps {margin-bottom: 40px; border: 10px solid #ffffff; border-radius: 50%; width: 200px; height: 200px; display: flex; justify-content: center; align-content: center; align-items: center;}
.course-modules .modules-area .progress .detail .steps h3 {font-size: 70px; font-weight: 500; align-self: center; line-height: 1; display: flex; justify-content: center; align-content: center; align-items: center; letter-spacing: 0.1em;}
.course-modules .modules-area .progress .detail .steps h3 span {padding: 10px 0 0 0; font-size: 36px; font-weight: 400;}
.course-modules .modules-area .progress .detail .steps.yellow {color: #ffcd00;}
.course-modules .modules-area .progress .detail .message h3 {font-size: 18px; text-transform: uppercase; font-weight: 500;}
.course-modules .modules-area .progress .detail .message p {font-size: 16px;}
.course-modules .modules-area .progress .detail .certificate {margin: 28px 0 0 0; width: 100%; text-align: center;}
.course-modules .modules-area .progress .detail .certificate .icon {margin: 0 auto; padding: 0; background: #ffcd00; height: 200px; width: 200px; border-radius: 50%; display: flex; justify-content: center; align-content: center; align-items: center; box-shadow: 0px 0px 80px rgba(0,0,0,0.05);}
.course-modules .modules-area .progress .detail .certificate .icon img {height: 150px; width: 150px;}
.course-modules .modules-area .progress .detail .certificate .download {margin: -25px 0 0 0; position: relative;}
.course-modules .modules-area .progress .detail .certificate .download a {padding: 0 0 0 24px; color: #da291c; background: #ffffff; border-radius: 10px; font-size: 16px; min-height: 60px; display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; flex-wrap: wrap;}
.course-modules .modules-area .progress .detail .certificate .download a:before {margin: 0 15px 0 0; content: ' '; display: block; background-image: url(../img/download-red.svg); background-repeat: no-repeat; background-size: 24px 24px; width: 24px; height: 24px;}
.course-modules .modules-area .progress .detail .certificate .download a span {display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; flex-basis: auto; flex-grow: 1;}
.course-modules .modules-area .progress .detail .circle {position: absolute; width: 200px; height: 200px; top: 55px;}

.course.page .footer {margin: 0; padding: 100px 0; text-align: center;}
.course.page .footer h4 {margin: 0 0 16px 0; padding: 0; text-align: center; font-family: 'ExtraMile'; color: #00b2aa; font-size: 32px; line-height: 1.2;}
.course.page .footer p {margin: 0; padding: 0; color: #00b2aa; font-size: 16px;}
.course.page .footer p a {color: #da291c; font-size: 16px;}


@media screen and (max-width: 1200px) {
	.course-modules .modules-area .listing {margin-right: 5%; width: 65%;}
}

@media screen and (max-width: 1100px) {
	.course-form .container {width: 55%;}
	.course-form .your-certs {margin: 0 0 0 5%; min-width: 40%;}

	.course-modules .modules-area .progress {width: 35%;}
	.course-modules .modules-area .listing {width: 60%;}
	.course-modules .modules-area .listing .item .detail-header .header {width: 60%;}
  /*.course-modules .modules-area .listing .item .detail-header .links {width: 35%;}*/
  .course-modules .modules-area .listing .item .detail-header .links {width: 37%;}
}

@media screen and (max-width: 1000px) {
	.course-form .col {flex-direction: column; width: 90%; max-width: 600px;}
	.course-form .your-certs {margin: 0; min-width: 40%;}

	.courses .listing {flex-direction: column;}
	.courses .listing .item {justify-content: flex-start; align-content: center; width: 100%; max-width: 100%;}
	.courses .listing .item:nth-child(odd) {margin: 0 0 50px 0;}
}

@media screen and (max-width: 900px) {
	.course-modules .modules-area {flex-direction: column;}
	.course-modules .modules-area .progress h4 {color: #707070; text-shadow: none;}
	.course-modules .modules-area .progress {width: 100%;}
	.course-modules .modules-area .listing {margin-top: 38px; margin-right: 0; width: 100%;}
}

@media screen and (max-width: 768px) {
  	.available-course.page #intro .wrapper {margin: 0 auto; bottom: 150px; width: 90%;}
  	.available-course.page .actfast #intro .txt h2 {margin-bottom: 0;}
    .available-course.page #intro .txt p {margin: 15px auto;}
    .course-modules .modules-area .listing .item .detail-header .links {width: 29%;}
}

@media screen and (max-width: 600px) {
	.course-form .course-form-main {margin: 0 auto; max-width: 90%;}
	.courses .listing .item {margin-bottom: 25px;}
	.courses .listing .item:nth-child(odd) {margin-bottom: 25px;}
	.courses .listing .item .detail .header h3 {font-size: 40px;}
	.courses .listing .item .detail {padding: 20px 25px 25px 25px;}

	.course-modules .modules-area .listing .item .detail-header {flex-direction: column; justify-content: space-between; align-content: flex-start; align-items: flex-start;}
	.course-modules .modules-area .listing .item .detail-header .header {margin-bottom: 10px; width: 100%;}
	.course-modules .modules-area .listing .item .detail-header .links {margin: 20px 0 0 0;width: 85%;}

	.course-modules .modules-area .listing .item.complete {padding: 16px 16px 26px 26px;}
	.course-modules .modules-area .listing .item.complete .detail-header {position: relative;}
	.course-modules .modules-area .listing .item.complete .detail-header h4 {margin: 10px 0;}
	.course-modules .modules-area .listing .item .detail-header .header {margin-bottom: 0; width: 100%;}
	.course-modules .modules-area .listing .item.complete .detail-header .tick {width: inherit; position: absolute; top: 0; right: 0; display: flex; justify-content: space-between; align-content: flex-start; align-items: flex-start;}
	.course-modules .modules-area .listing .item.complete .detail-header .tick .icon {height: 43px; width: 43px;}
  .course-modules .modules-area .listing .item.complete .detail-header .tick .icon img {height: 28px; width: 28px;}
}

@media screen and (max-width: 500px) {
	.course-form .form-header h1 {font-size: 40px;}
	.course-form .form-fields {padding: 25px;}

	.course.page .footer,
	.course-form .footer {margin: 0 auto; width: 80%;}

	.form-steps {margin: 0 auto 15px auto;}
	.form-steps .step {margin: 0 10px; width: inherit; flex-direction: column;}
	.form-steps .step h3 {display: none;}
	.form-steps .step span {margin-bottom: 5px; margin-right: 0; min-width: 60px; min-height: 60px; line-height: 60px;}

	.course-modules .modules-area .progress .detail.purple {padding: 45px 15px 46px 15px; background: #691e7f; text-align: center;}
	.course-modules .modules-area .progress .detail .certificate .download a {font-size: 14px;}
}

/* ==========================================================================
   Module iFrames
   ========================================================================== */

.module.page {background: #f2f2f2;}
.module.page .logo {margin: 0 auto; padding: 38px 0 50px 0;width: 128px;}
.module.page .module-path {position: absolute; top: 38px; left: 41px; max-width: 150px; display: none;}
.module.page .module-path h3 {font-weight: 700; font-size: 16px;}
.module.page .screen {display: none;}
#page.module.page.events {overflow-x: initial;}
@media screen and (max-width: 600px) {
	.module.page .module-path {margin: 0 auto 20px auto; position: inherit; max-width: inherit; width: 90%;}
}

.module.page .frame-600 {margin: 0 auto; max-width: 600px;}
@media screen and (max-width: 600px) {
	.module.page .frame-600 {width: 90%;}
}
.module.page .frame-800 {margin: 0 auto; max-width: 800px;}
@media screen and (max-width: 800px) {
	.module.page .frame-800 {width: 90%;}
}
.module.page .frame-1100 {margin: 0 auto; max-width: 1100px;}
.module.page .frame-1100 iframe {display: block;}
@media screen and (max-width: 1100px) {
	.module.page .frame-1100 {width: 90%;}
}
.module.page .course-info {margin: 0 auto; width: 1400px; max-width: 90%; position: relative;}
@media screen and (max-width: 830px) {
	.module.page .course-info {width: 90%;}
}
.module.page .course-complete {margin: 0 auto; max-width: 830px;}
@media screen and (max-width: 830px) {
	.module.page .course-complete {width: 90%;}
}

.module.page .test {margin: 0 auto 50px auto; max-width: 1100px; background: #ffffff; width: 100%; border-radius: 10px; box-shadow: 0px 0px 80px rgba(0,0,0,0.05); min-height: 600px; color: #9e9e9e; text-align: center;}

.module.page .overview {margin: 0 auto 50px auto; padding: 50px 0 50px 0; background: #ffffff; width: 100%; border-radius: 10px; box-shadow: 0px 0px 80px rgba(0,0,0,0.05);}
.module.page .overview h2 {margin: 0 auto; font-size: 24px; font-weight: 500; color: #00b2aa; text-align: center; max-width: 500px;}
.module.page .overview h3 {margin: 25px auto 45px auto; font-size: 18px; font-weight: 400; color: #707070; text-align: left; max-width: 400px;}
.module.page .overview ul {margin: 47px auto 30px auto; max-width: 300px; padding: 0; display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap;}
.module.page .overview ul li {margin: 0 0 35px 0; padding: 0; display: flex; flex-direction: row; justify-content: flex-start; align-content: flex-start; align-items: flex-start; color: #707070; font-size: 18px;}
.module.page .overview ul li span {flex-basis: auto; flex-grow: 1;}
.module.page .overview ul li.time:before {margin: 0 22px 0 0; content: ' '; display: block; background-image: url(../img/preptime-dkgrey.svg); background-repeat: no-repeat; background-size: auto; width: 30px; height: 30px; min-width: 30px;}
.module.page .overview ul li.complete:before {margin: 0 22px 0 0; content: ' '; display: block; background-image: url(../img/double_check.svg); background-repeat: no-repeat; background-size: auto; width: 30px; height: 30px; min-width: 30px;}
.module.page .overview ul li.warning:before {margin: 0 22px 0 0; content: ' '; display: block; background-image: url(../img/warning.svg); background-repeat: no-repeat; background-size: auto; width: 30px; height: 30px; min-width: 30px;}
.module.page .overview ul li strong {display: inline-block;}
@media screen and (max-width: 700px) {
	.module.page .overview .detail {margin: 0 auto; width: 90%;}
	.module.page .overview .links {margin: 0 auto; width: 90%;}
	.module.page .overview ul {max-width: 280px;}
}
.module-abort-screen {position: fixed; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; right: 0; bottom: 0; display: none;}
.module-abort-screen .frame-600 {position: absolute; top: 100px; left: 50%; width: 600px; transform: translateX(-50%);}
.module-abort-screen .close.btn {background: transparent; border: none; float: right;}
.module.page .module-abort-screen .overview h3 {text-align: center;}
.module.page.course-booking-info {overflow: auto;}

.module.page .test-item {margin: 0 auto 50px auto; padding: 50px 0 50px 0; background: #ffffff; width: 100%; border-radius: 10px; box-shadow: 0px 0px 80px rgba(0,0,0,0.05);}
.module.page .test-item .progress h4 {margin-bottom: 16px; font-size: 18px; text-transform: uppercase; text-align: center; font-weight: 500; text-shadow: 0px 0px 10px rgba(0,0,0,0.6);}
.module.page .test-item .progress .detail {padding: 0; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;}
.module.page .test-item .progress .detail .steps {margin-bottom: 40px; border: 5px solid #e3e3e3; border-radius: 50%; width: 105px; height: 105px; display: flex; justify-content: center; align-content: center; align-items: center; background: #ffffff;}
.module.page .test-item .progress .detail .steps h3 {font-size: 32px; padding: -10px 0 0 3px; font-weight: 500; align-self: center; line-height: 1; display: flex; justify-content: center; align-content: center; align-items: center; letter-spacing: 0.1em;}
.module.page .test-item .progress .detail .steps h3 span {padding: 15px 0 0 3px; font-size: 14px; font-weight: 400;}
.module.page .test-item .progress .detail .steps h3 span.number {padding: 25px 0 0 5px; font-size: 14px; font-weight: 400;}
.module.page .test-item .progress .detail .message {font-size: 16px;}

.module.page .test-item .question {margin: 0 75px;}
.module.page .test-item .question .question-top {margin-bottom: 45px;}
.module.page .test-item .question h2 {font-size: 24px;  line-height: 32px; font-weight: 500; color: #00b2aa;}
.module.page .test-item .question p {margin: 20px 0 0 0; font-size: 16px; line-height: 24px; font-weight: 400; color: #707070;}
.module.page .test-item .question ul {margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center;}
.module.page .test-item .question ul li {margin: 0 0 20px 0; padding: 0; width: 31%;}
.module.page .test-item .question ul li:nth-child(3n+2) {margin: 0 3.5% 20px 3.5%; text-align: center;}
.module.page .test-item .question ul li a {margin: 0; padding: 0; color: #ffffff; background: #da291c; border-radius: 7px; font-weight: 500; line-height: 1.2; min-height: 70px; display: flex; justify-content: center; align-content: center; align-items: center; font-size: 20px; width: 100%; text-align: center; position: relative;}
.module.page .test-item .question ul li a.incorrect {opacity: 0.1;}
body.fullscreen footer {display: none;}

@media screen and (max-width: 700px) {
	.module.page .test-item {margin: 100px auto 50px auto; padding: 0 0 50px 0; position: relative;}
	.module.page .test-item .progress {margin: -55px 0 0 -55px; position: absolute; text-align: center; left: 50%;}

	.module.page .test-item .question {margin: 0 auto; padding: 75px 0 0 0; width: 90%;}
	.module.page .test-item .question h2 {font-size: 17px; line-height: 24px;}
	.module.page .test-item .question ul {flex-direction: column;}
	.module.page .test-item .question ul li {margin: 0 0 10px 0; width: 80%;}
	.module.page .test-item .question ul li:nth-child(3n+2) {margin: 0 0 10px 0;}
}


.module.page .spacing-bottom {margin: 0 0 100px 0;}

.module.page .module-info {margin: 0 0 50px 0; text-align: center;}
.module.page .module-info ul {margin: 0; padding: 0; color: #9e9e9e;}
.module.page .module-info ul li {margin: 0; padding: 0; font-size: 13px;}
.module.page .module-info ul li strong {margin: 0; padding: 0; line-height: 24px; font-weight: 600;}

.module.page .content  {margin: 0 auto 70px auto; max-width: 600px;}
.module.page .content h2 {margin: 0 0 50px 0; font-family: 'ExtraMile'; font-size: 60px; color: #00b2aa; line-height: 1.2;}
.module.page .content p {margin: 0 0 30px 0; font-size: 16px; line-height: 26px;}
.module.page .content ul {margin: 0 0 30px 0;}
.module.page .content ul li {margin: 0; list-style: disc; font-size: 16px; line-height: 26px;}

.module.page .image  {margin: 0 0 70px 0; overflow: hidden;}
.module.page .image img {border-radius: 10px;}

.module.page .icon-header {margin: 0 0 25px 0; padding: 0; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; width: 100%;}
.module.page .icon-header .icon {margin: 0 0 25px 0; padding: 0; background: #ffcd00; height: 114px; width: 114px; border-radius: 50%; display: flex; justify-content: center; align-content: center; align-items: center; box-shadow: 0px 0px 80px rgba(0,0,0,0.05);}
.module.page .icon-header h2 {font-size: 24px;  line-height: 32px; font-weight: 600; color: #00b2aa;}
.module.page .icon-header img {height: 74px; width: 74px;}

.module.page .downloads {margin: 0 0 50px 0; padding: 5px; border-radius: 10px; background: #ffffff; box-shadow: 0px 0px 80px rgba(0,0,0,0.05);}
.module.page .downloads .downloads-area {display: flex; flex-direction: row; justify-content: center; align-content: center; align-items: center;}
.module.page .downloads .downloads-area .downloads-header {width: 35%; text-align: center;}
.module.page .downloads .downloads-area .downloads-header h3 {margin: 0 auto; font-size: 18px; line-height: 24px; font-weight: 600; color: #00b2aa; letter-spacing: 1px; text-align: left; width: 70%;}
.module.page .downloads .downloads-area .downloads-header h4 {margin: 0 auto; font-size: 14px; line-height: 24px; font-weight: 500; color: #707070; letter-spacing: 1px; text-align: left; width: 70%;}
.module.page .downloads .downloads-area .downloads-listing {padding: 28px 38px; flex-basis: auto; flex-grow: 1; background: #f2f2f2; border-radius: 10px;}
.module.page .downloads .downloads-area .downloads-listing .item {margin: 0 0 28px 0; width: 100%;}
.module.page .downloads .downloads-area .downloads-listing .item:last-child {margin: 0 0 0 0;}
.module.page .downloads .downloads-area .downloads-listing .item a {padding: 0 0 0 24px; color: #da291c; background: #ffffff; border-radius: 10px; min-height: 60px; display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; flex-wrap: wrap;}
.module.page .downloads .downloads-area .downloads-listing .item a:before {margin: 0 15px 0 0; content: ' '; display: block; background-image: url(../img/download-red.svg); background-repeat: no-repeat; background-size: 24px 24px; width: 24px; height: 24px;}
.module.page .downloads .downloads-area .downloads-listing .item a span {display: flex; flex-direction: row; justify-content: flex-start; align-content: center; align-items: center; flex-basis: auto; flex-grow: 1;}
.module.page .downloads .downloads-area .downloads-listing .item a h5 {font-size: 16px; width: 70%;}
.module.page .downloads .downloads-area .downloads-listing .item a p {font-size: 16px; width: 30%;}
.module.page .downloads .downloads-area .downloads-listing .item a:hover h5,
.module.page .downloads .downloads-area .downloads-listing .item a:hover p {color: #333333;}

@media screen and (max-width: 700px) {
	.module.page .content  {margin: 0 auto 25px auto;}
	.module.page .content h2 {margin: 0 0 25px 0; font-family: 'ExtraMile'; font-size: 36px;}

	.module.page .image  {margin: 0 0 25px 0; overflow: hidden;}

	.module.page .icon-header h2 {font-size: 20px;  line-height: 32px; font-weight: 600; color: #00b2aa;}

	.module.page .downloads .downloads-area .downloads-header {width: 30%;}
	.module.page .downloads .downloads-area .downloads-listing .item a span {flex-direction: column;}
	.module.page .downloads .downloads-area .downloads-listing .item a h5 {width: 100%;}
	.module.page .downloads .downloads-area .downloads-listing .item a p {width: 100%;}
}

@media screen and (max-width: 520px) {
	.module.page .downloads .downloads-area {flex-direction: column;}
	.module.page .downloads .downloads-area .downloads-header {padding: 15px 0; width: 100%;}
	.module.page .downloads .downloads-area .downloads-listing {padding: 18px 18px; width: 100%;}
	.module.page .downloads .downloads-area .downloads-listing .item {margin: 0 0 18px 0; width: 100%;}
}

.module.page .links {margin: 0 auto 50px auto; text-align: center;}
.module.page .overview .links {margin: 0 32px; text-align: center;}
.module.page .links button.cta,
.module.page .links a.cta {padding: 16px 0 10px 0 !important; display: inline-block; position: relative; background-color: #da291c; color: #ffffff; border-radius: 5px; min-width: 320px; font-weight: 700; min-height: 60px; font-size: 18px; text-decoration: none; cursor: pointer;}
.module.page .links button.cta.arrow:after,
.module.page .links a.cta.arrow:after {content: ''; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #ffffff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.module.page .links button.cta:hover,
.module.page .links a.cta:hover {background: #ca190c;}

@media screen and (max-width: 450px) {
    .module.page .links {margin: 0 auto !important;}
	.module.page .links a.cta {min-width: 250px; width: 250px; display: block; margin: 0 auto;}
}

.module.page .text-link {text-align: center;}
.module.page .text-link a {font-weight: 600; font-size: 14px; line-height: 24px; text-transform: uppercase; color: #da291c;}
.module.page .text-link a:hover {text-decoration: underline;}

.module.page .frame-links {margin: 0 auto; display: flex; flex-direction: row; justify-content: flex-start; align-content: flex-start; align-items: center; max-width: 500px;}
.module.page .frame-links .exit {margin: 0 0 0 0; width: 40%;}
.module.page .frame-links .links {min-width: 270px; width: 60%;}
.module.page .frame-links .links a.cta {min-width: 270px;}
@media screen and (max-width: 600px) {
	.module.page .frame-links {flex-direction: column; width: 100%;}
	.module.page .frame-links .links {margin-bottom: 20px; width: 90%;}
}

.course-info.events .back {text-decoration: underline; left: calc(1.5% + 150px); color: #691e7f; position: absolute; font-weight: 500;}
.course-info.events .back:hover {text-decoration: none;}
.course-info.events .back:before {vertical-align: middle; margin-right: 5px; content: ''; display: inline-block; height: 32px; width: 32px; background: url(../img/arrow-back.svg) no-repeat center; background-size: contain;}
.course-info.events button {border: none;}
.course-info.events h2.course {color: #da291c; font-family: 'ExtraMile'; font-size: 45px; line-height: 1; text-align: center;}
.course-info.events .event-selector {font-family: 'Poppins'; padding: 20px; border-radius: 5px; max-width: 900px; margin: 40px auto;}
.course-info.events .event-selector-event {border-radius: 10px; border: 1px solid transparent; cursor: pointer; margin-bottom: 20px; font-family: 'Poppins'; font-weight: 400; }
.course-info.events .event-selector-event .main {padding: 20px 40px; flex-wrap: wrap; display: flex; background-color: #fff; border-radius: 10px; transition: all 0.6s ease;}
.course-info.events .event-selector-event .details { display: none; background-color: #fff; padding: 20px 60px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.course-info.events .event-selector-event .details p {color: #000000; font-weight: 500; margin-bottom: 2px;}
.course-info.events .event-selector-event .details span {font-size: 14px;color: #707070;font-weight: 300;}
.course-info.events .event-selector-event .details input {border: 1px solid transparent; display: block; width: 100px; border-radius: 10px; background-color: #f5f5f5; font-family: 'Poppins'; padding: 10px 15px 10px 25px; margin-top: 20px; font-size: 16px; color: #691e7f; font-weight: 700;}
.course-info.events .event-selector-event .details input.error {border-color: #da291c;}
.course-info.events .event-selector-event:hover .main {background-color: #00b2aa;}
.course-info.events .event-selector-event.selected { border-color: #00b2aa; cursor: default; }
.course-info.events .event-selector-event.selected .main {background-color: #00b2aa; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.course-info.events .event-selector-event .main > div {transition: color 0.6s ease;}
.course-info.events .event-selector-event .name {width: 25%; padding-right: 5%;}
.course-info.events .event-selector-event .availability {width: 17%; font-size: 16px; color: #fc4c02; font-weight: 500;}
.course-info.events .event-selector-event .date {width: 33%;}
.course-info.events .event-selector-event .date svg { display: inline-block; vertical-align: top; transform: translateY(-6px); }
.course-info.events .event-selector-event .date svg path,
.course-info.events .event-selector-event .date svg rect { transition: all 0.6s ease; }
.course-info.events .event-selector-event .date span { display: inline-block; vertical-align: top; margin-left: 10px; }
.course-info.events .event-selector-event .town svg { display: inline-block; vertical-align: top; }
.course-info.events .event-selector-event .town svg path {fill: #707070; transition: all 0.6s ease;}
.course-info.events .event-selector-event .town span { display: inline-block; width: calc(100% - 40px); margin-left: 10px; }
.course-info.events .event-selector-event .town {width: 25%; width: 259px; font-size: 16px; color: #707070; font-weight: 500; line-height: 26px;}
.course-info.events .event-selector-event:hover .main > div,
.course-info.events .event-selector-event.selected .main > div {color: #fff!important;}
.course-info.events .event-selector-event:hover .town svg path {fill: #fff;}
.course-info.events .event-selector-event.selected .town svg path {fill: #fff;}
.course-info.events .event-selector-event:hover .date svg path {fill: #fff;}
.course-info.events .event-selector-event.selected .date svg path {fill: #fff;}
.course-info.events .event-selector-event:hover .date svg rect {fill: #fff;}
.course-info.events .event-selector-event.selected .date svg rect {fill: #fff;}
.course-info.events .event-selector label {font-family: 'Poppins'; font-size: 16px; color: #00b2aa; font-weight: 700; line-height: 26px; transition: all 0.6s ease;}
.course-info.events .event-selector label div {display: inline-block; vertical-align: top; width: calc(100% - 40px);}
.course-info.events .event-selector .event-selector-event:hover label {color: #fff;}
.course-info.events .event-selector .event-selector-event.selected label {color: #fff;}
.course-info.events .event-selector input[type="radio"] + label span {border-color: #00b2aa; margin-right: 15px; vertical-align: top; transform: translateY(4px);}
.course-info.events .event-selector input[type="radio"]:checked + label span {position: relative;}
.course-info.events .event-selector input[type="radio"]:checked + label span {background: #5f277b;}
.course-info.events .event-selector input[type="radio"]:checked + label span::after {content: ''; width: 7px; height: 7px; border: 5px solid #ffffff; border-radius: 100%; position: absolute; top: 0; left: 0;}
.course-info.events a.more {text-align: center; display: block; width: 200px; margin: 0 auto 40px auto; color: #da291c;}
.course-info.events a.more:hover {text-decoration: underline;}
.course-info.events div.more {display: none;}

.course-info.events input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
  height: 45px;
  width: 25px;
}



@media screen and (max-width: 1300px) {
  .course-info.events .event-selector-event .date { width: 25%; }
}
@media screen and (max-width: 1023px) {
	.course-info.events h2.course {max-width: 220px; margin: 0 auto 60px auto;}
	.course-info.events .event-selector {padding: 0;}
  .course-info.events .event-selector-event .name {width: 100%;}
  .course-info.events .event-selector input[type="radio"] + label span {display: block; margin: 0 auto 20px auto;}
  .course-info.events .event-selector-event .main {padding: 30px 20px;}
  .course-info.events .event-selector label div {width: 100%; padding-left: 20%;}
  .course-info.events .event-selector-event .availability { width: 100%; padding-left: 20%; margin: 25px 0 0 0;}
  .course-info.events .event-selector-event .date {width: 100%; position: relative; padding-left: 20%; transform: translateX(-43px); margin: 25px 0;}
  .course-info.events .event-selector-event .town {width: 100%; padding-left: 20%;transform: translateX(-36px);}
  .course-info.events .event-selector-event .details {padding: 20px 30px;}
  .course-info.events .event-selector-event .details input {width: 100%;}
  .course-info.events .back {left: 0; top: 110px;}
}
@media screen and (max-width: 450px) {
	.module.page .course-info.events .links {
		margin: 0 auto 50px auto!important;
	}
}

.module.page .course-complete .content {margin-bottom: 40px;}
.module.page .course-complete .content p {text-align: center;}
.course-complete .course-info.events .event-selector-event {cursor:default; width: 470px; margin: 0 auto 50px auto; border-color: #d1d1d1;}
.course-complete .course-info.events .event-selector-event .main {background-color: transparent; padding: 40px;}
.course-complete .course-info.events .event-selector-event .name {width: 100%; padding-right: 0; padding-left: 25%; font-size: 18px; font-weight: 500;}
.course-complete .course-info.events .event-selector-event .availability { width: 100%; padding-left: 25%;margin: 20px 0;color: #000;font-weight: 400;}
.course-complete .course-info.events .event-selector-event .date { width: 100%; padding-left: 25%; transform: translateX(-43px); margin-bottom: 20px;}
.course-complete .course-info.events .event-selector-event .town {color: #000;font-weight: 400;width: 100%; padding-left: 25%;transform: translateX(-37px);}
.course-complete .course-info.events .event-selector-event .town svg path {fill: #000;}
.course-complete .course-info.events .event-selector-event .directions { display: inline-block;margin-left: 36px;text-transform: uppercase;font-weight: 600;  font-size: 13px;margin-top: 5px;}
.course-complete .course-info.events .event-selector-event .directions:after {vertical-align: middle; margin-left: 5px; transform: translateY(-1px); display: inline-block; content: '';height: 17px; width: 17px; background: url(../img/icon-directions.svg) no-repeat center; background-size: contain;}
.course-complete .course-info.events .event-selector-event:hover .main > div,
.course-complete .course-info.events .event-selector-event.selected .main > div {color: #000!important;}
.course-complete .course-info.events .event-selector-event:hover .date svg path,
.course-complete .course-info.events .event-selector-event:hover .date svg rect,
.course-complete .course-info.events .event-selector-event.selected .date svg path,
.course-complete .course-info.events .event-selector-event.selected .date svg rect {fill: #000;}
.course-complete-contact {text-align: center; margin-bottom: 40px;}
.course-complete-contact a {font-weight: 500;}

@media screen and (max-width: 600px) {
	.course-complete .course-info.events .event-selector-event {width: 100%;}
	.course-complete .course-info.events .event-selector-event .main {padding: 40px 0;}
	.course-complete .course-info.events .event-selector-event .date {margin-top: 0;}
	.course-complete-contact {width: 60%; margin-left: auto; margin-right: auto;}
	.module.page .course-complete .course-info {width: 100%; max-width: 100%;}
}
/* ==========================================================================
   Brochureware
   ========================================================================== */

.brochureware.page #intro .blinks {margin: 50px auto 50px auto; text-align: center; display: flex; justify-content: flex-start; align-content: center; align-items: center;}
.brochureware.page #intro .blinks a.bcta {margin: 0 24px 0 0; padding: 0 50px 0 20px!important; display: flex; justify-content: center; align-content: center; align-items: center; position: relative; background-color: none; color: #ffffff; border: 1px solid #ffffff; border-radius: 5px; font-weight: 500; min-height: 45px; font-size: 15px;}
.brochureware.page #intro .blinks a.bcta.barrow:after {content: ''; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #ffffff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.brochureware.page #intro .blinks a.bcta:hover {color: #da291c; background: #ffffff;}
.brochureware.page #intro .blinks a.bcta:hover.barrow:after {border-left: 9px solid #da291c;}

.brochureware.page .moduleblue .links {margin: 0 auto 50px auto; text-align: center; display: flex; justify-content: center; align-content: center; align-items: center;}
.brochureware.page .moduleblue .links a.cta {margin: 0 12px; padding: 0 50px 0 20px!important; display: flex; justify-content: center; align-content: center; align-items: center; position: relative; background-color: #da291c; color: #ffffff; border-radius: 5px; font-weight: 500; min-height: 45px; font-size: 15px;}
.brochureware.page .moduleblue .links a.cta.arrow:after {content: ''; display: block; position: absolute; right: 15px; top: 50%; margin-top: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #ffffff; -moz-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -o-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -webkit-transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.brochureware.page #intro .txt .blinks a.playvideo.watch-course-video {color: #ffffff;}
.brochureware.page #intro .txt .blinks a.playvideo.watch-course-video:after {top: -2px; right: -40px;}
.brochureware.page #intro .txt .blinks a.playvideo.watch-course-video:hover:before {opacity: 0 !important;}
.brochureware.page #intro .txt .blinks a.playvideo.watch-course-video:hover:after {top: -2px; right: -40px; opacity: 1 !important;}

@media screen and (max-width: 600px) {
    .brochureware.page #intro .txt h2 {font-size: 48px; max-width: 80%;}
    .brochureware.page #intro .txt p {font-size: 18px; max-width: 80%;}
    .brochureware.page #intro .blinks {justify-content: center; flex-wrap: wrap;}
    .brochureware.page #intro .blinks a.bcta {margin: 0 20px;}
    .brochureware.page #intro .blinks a.bcta {margin: 0 20px;}
    .brochureware.page #intro .txt .blinks a.playvideo.watch-course-video {width: 100%; padding-top: 26px;}
    .brochureware.page #intro .txt .blinks a.playvideo.watch-course-video:after {position: static; display: inline-block; margin: 0 0 0 10px; vertical-align: middle;}
}

/* courses header */
header.course .menu.header .logo {margin-left: -21px;}
header.course .menu.header .logo img.heart {opacity: 1; visibility: visible;}
@media screen and (max-width: 600px) {
    header.course .menu.header .logo img.red {display: block;}
    header.course .menu.header.resize .logo img.red {display: none;}
}



/* items card */

.items-card {padding: 20px 0 40px 0; }
.items-card h2 {width: 90%; margin: 0 auto 60px auto; font-family: 'ExtraMile'; font-size: 60px; line-height: 1; color: #da291c; text-align: center;}
.items-card .list {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0 auto;}
.items-card .list.items-4 {max-width: 780px;}
.items-card .item {position: relative; display: block; width: 100%; max-width: 330px; height: 280px; margin: 20px 30px;}
.items-card .item .image-container {position: relative; display: block; width: 200px; height: 200px;}
.items-card .item .image-container .image {position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; background: #efefef url('') no-repeat center center; background-size: auto 104%; overflow: hidden; transform: translate3d(0,0,0); transition: all 0.9s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.items-card .item .text {position: absolute; top: 122px; left: 70px; display: block; width: 260px; height: 155px; padding: 15px 20px 25px 20px; border-radius: 5px; background-color: rgba(239,239,239,0.9);}
.items-card .item .text::after {content: ''; position: absolute; right: 15px; bottom: 20px; display: block; margin-top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #fff; transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
.items-card .item .text h3 {max-width: 200px; font-family: 'Poppins', Arial; font-size: 24px; font-weight: 500; line-height: 1.2083333333; color: white;}

.items-card .item.orange .text {background-color: rgba(252,76,2,0.9)}
.items-card .item.red .text {background-color: rgba(218,41,28,0.9)}
.items-card .item.blue .text {background-color: rgba(0, 178, 170, 0.9);}
.items-card .item.pink .text {background-color: rgba(206,15,105,0.9)}
.items-card .item.purple .text {background-color: rgba(105,30,127,0.9)}

@media only screen and (min-width: 769px) {
    .items-card .item:hover .image-container .image {transform: rotate(2deg) translate3d(0, 0, 0);}
    .items-card .item:hover .image-container .image {background-size: auto 100%;}
}

@media screen and (max-width: 450px) {
    .items-card {padding: 120px 0 200px 0; }
    .items-card h2 {margin-bottom: 35px; max-width: 320px; font-size: 36px; line-height: 1.0555555556;}
    .items-card .item {height: 315px;}
    .items-card .item .image-container {margin: 0 auto;}
    .items-card .item .text {top: 160px; left: 50%; margin-left: -130px}
    .items-card .item .text h3 {font-size: 22px;}
}

/* Page: CPR Event Archive */

.cpr-events-archive #intro {margin-bottom: 0; height: 456px;}

@media only screen and (max-width: 768px) {
    .cpr-events-archive #intro .wrapper {position: relative; top: 120px; bottom: auto;}
}

/* filter */
#page.cpr-events-archive .cpr-event-category-filter {position: relative; z-index: 8; top: -93px; display: block; height: 60px;}
.cpr-event-category-filter form {display: flex; flex-wrap: wrap; justify-content: center; padding: 0 20px;}
.cpr-event-category-filter form .select {margin: 4px;}
.cpr-event-category-filter form .select .cs-select {width: 100%; min-width: 180px; background-color: white;}
.cpr-event-category-filter form .select .cs-select > span {color: #da291c; text-transform: uppercase;}
.cpr-event-category-filter form .select .cs-select .cs-options {max-height: 500px; overflow-y: scroll;}
.cpr-event-category-filter form .select .cs-select .cs-options span {font-size: 16px; color: black;}
.cpr-event-category-filter form .select .cs-select .cs-options span small.description {display: block; color: #9e9e9e; font-size: 14px; white-space: normal;}
.cpr-event-category-filter form .select.course-type {width: 100%; max-width: 428px;}
.cpr-event-category-filter form .select.course-type .cs-select .cs-placeholder {padding-left: 30px;}
.cpr-event-category-filter form .select.course-type .cs-select .cs-options:before {display: none;}
.cpr-event-category-filter form .select.course-type .cs-select .cs-options span:before {top: 29px;}
.cpr-event-category-filter form .select.course-type .cs-select .cs-options ul li {display: flex; flex-wrap: wrap; align-items: center; min-height: 85px;}
.cpr-event-category-filter form .select.course-type .cs-select .cs-options ul li::after {content:''; display: block; width: calc(100% - 50px); height: 1px; margin: 0 auto; background-color: rgba(158,158,158,0.3);}

@media only screen and (max-width: 768px) {
    .cpr-events-archive .actfast #intro .txt h2 {max-width: 335px; margin-bottom: 35px; font-size: 40px; line-height: 1.1;}
    .cpr-events-archive .actfast #intro .txt p {width: 90%; margin-right: auto; margin-left: auto; font-size: 16px; line-height: 1.5;}
    #page.cpr-events-archive .cpr-event-category-filter {top: -155px; height: auto; margin-bottom: -155px;}
    .cpr-event-category-filter form .select .cs-select {max-width: 100%;}
    .cpr-event-category-filter form .select .cs-select > span {padding: 18px 42px 16px 15px;}
    .cpr-event-category-filter form .select .cs-select .cs-options {top: 56px;}
    .cpr-event-category-filter form .select.course-type {max-width: 100%; width: 100%;}
    .cpr-event-category-filter form .select.county,
    .cpr-event-category-filter form .select.date {width: calc(50% - 8px); max-width: 100%;}
    .cpr-event-category-filter form .select.course-type .cs-select .cs-placeholder {padding-left: 15px;}
}

@media only screen and (max-width: 480px) {
    .cpr-events-archive #intro {height: 510px;}
    #page.cpr-events-archive .cpr-event-category-filter {top: -225px;}
    .cpr-event-category-filter form .select.county,
    .cpr-event-category-filter form .select.date,
    .cpr-event-category-filter form .select.course-type {display: block; width: 100%;}
}

/* course list */
.course-list {padding: 40px 0 120px 0;}
.course-list > div.wrapper {width: 90%; max-width: 900px; margin: 0 auto; text-align: center;}
.course-list h2 {margin-bottom: 60px; font-family: 'ExtraMile'; font-size: 60px; line-height: 1; color: #da291c; }
.course-list p.course-counter {margin-bottom: 10px; font-size: 14px; color: #707070; text-align: left;}
.course-list table {width: 100%; margin: 0 auto;}
.course-list table tr {height: 75px; cursor: pointer; transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.course-list table tr td {padding: 10px; vertical-align: center; background-color: white; color: #707070;}
.course-list table tr:nth-child(odd) td {background-color: #f7f7f7;}
.course-list table td.name {width: 30%; font-weight: 500; color: #da291c;}
.course-list table td.name span {display: block; padding-left: 25px; }
.course-list table td.name a {color: #da291c;}
.course-list table td.place {width: 18%;}
.course-list table td.place span::before {content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 15px; background: transparent url(../img/marker-grey.svg) no-repeat center center; background-size: contain;}
.course-list table td.date {width: 20%;}
.course-list table td.date span::before {content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 15px; background: transparent url('../img/calendar-grey.svg') no-repeat center center; background-size: contain;}
.course-list table td.site {position: relative; width: 32%;}
.course-list table td.site span {display: block; padding-right: 65px;}
.course-list table td.site span::after {content: ''; position: absolute; top: 50%; right: 30px; display: block; margin-top: -6px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; transition: transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transform: translateX(0);}

@media only screen and (min-width: 769px) {
    .course-list table tr td:first-child {border-radius: 5px 0 0 5px;}
    .course-list table tr td:last-child {border-radius: 0 5px 5px 0;}
    .course-list table tr:hover td {background-color: #00b2aa!important;}
    .course-list table tr:hover td a {color: white;}
    .course-list table tr:hover td.name,
    .course-list table tr:hover td.place,
    .course-list table tr:hover td.date,
    .course-list table tr:hover td.site {color: white;}
    .course-list table tr:hover td.place span::before {background-image: url('../img/marker-white.svg');}
    .course-list table tr:hover td.date span::before {background-image: url('../img/calendar-white.svg');}
    .course-list table tr:hover td.site span::after {border-left-color: white; transform: translateX(10px);}
}

@media only screen and (max-width: 768px) {
    .course-list {padding: 45px 0 60px 0;}
    .course-list h2 {font-size: 36px; max-width: 230px; margin-right: auto; margin-left: auto;}
    .course-list table tr td {display: block; padding: 5px 20px; width: 100%!important;}
    .course-list table td.name span {position: relative; padding: 20px 40px 0 0;}
    .course-list table td.name span::after {content: ''; position: absolute; top: 50%; right: 15px; display: block; margin-top: 3px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #da291c; transition: transform 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95); transform: translateX(0);}
    .course-list table td.site span {padding: 0 10px 20px 30px;}
    .course-list table td.site span::after {display: none;}
    .course-list table tr td:first-child {border-radius: 5px 5px 0 0;}
    .course-list table tr td:last-child {border-radius: 0 0 5px 5px;}
}

.course-list .list-pagination {display: inline-block; width: auto; margin: 85px auto 60px auto; padding: 0; border: 1px solid #dedede}
.course-list .list-pagination ul {list-style: none; display: flex; justify-content: center; margin: 0; padding: 0;}
.course-list .list-pagination li {display: inline-flex; align-items: center; justify-content: center; border-right: 1px solid #dedede;}
.course-list .list-pagination li:last-child {border-right: none;}
.course-list .list-pagination li * {display: block; width: 45px; height: 40px; font-size: 15px; line-height: 1; color: #6d6d6d; line-height: 40px; transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.course-list .list-pagination li *.current {background-color: #f2f2f2;}
.course-list .list-pagination li *[class*='prev']::before,
.course-list .list-pagination li *[class*='next']::before {content:''; font-size: 18px; font-weight: 500;}
.course-list .list-pagination li *[class*='prev']::before {content:'<';}
.course-list .list-pagination li *[class*='next']::before {content:'>';}
.course-list .list-pagination li *[class*='prev'] span,
.course-list .list-pagination li *[class*='next'] span {display: none;}

@media only screen and (min-width: 769px) {
    .course-list .list-pagination li a:hover {color: #da291c;}
}

/* Page: CPR Course Detail Page (single-event.php) */

/* course header */
.course-header {display: flex; justify-content: center; width: 100%; height: 456px; margin-bottom: 60px; padding: 170px 0 60px 0; background: #16a599 url('') no-repeat center center; background-size: cover;}
.course-header > .wrapper {position: relative; width: 90%; max-width: 600px;}
.course-header a.back {position: absolute; top: 120px; left: calc(1.5% + 150px); font-size: 14px; line-height: 1; color: white;}
.course-header a.back::before {content: ''; position: relative; top: 1px; display: inline-block; width: 12px; height: 12px; margin-right: 15px; background: transparent url('../img/arrow-bottomwhite.svg') no-repeat center center; background-size: contain; transform: rotate(90deg) translateY(0); transition: all 0.5s cubic-bezier(0.15, 0.9, 0.34, 0.95);}
.course-header h1 {margin-bottom: 30px; font-family: 'ExtraMile'; font-size: 60px; color: #fff; line-height: 1;}
.course-header p {margin-bottom: 10px; color: white;}
.course-header p::before {content: ''; position: relative; top: 2px; display: inline-block; width: 18px; height: 18px; margin-right: 15px; background: transparent url('') no-repeat center center; background-size: contain;}
.course-header p.place::before {background-image: url('../img/marker-white-v2.svg');}
.course-header p.date::before {background-image: url('../img/calendar-white-v2.svg');}

@media only screen and (min-width: 769px) {
    .course-header a.back:hover::before {transform: rotate(90deg) translateY(10px);}
}

@media screen and (max-width: 768px) {
    .course-header a.back {display: none;}
    .course-header h1 {font-size: 40px; line-height: 1.1;}
}

/* course detail */
.course-detail {position: relative; width: 90%; max-width: 600px; margin: 0 auto; padding: 25px 30px; border: 1px solid #e3e3e3; border-radius: 5px; background-color: white;}
.course-detail h3 {margin-bottom: 20px; font-size: 22px; font-weight: 500; line-height: 1.5; color: #da291c;}
.course-detail p {display: flex; margin-bottom: 22px;}
.course-detail p:last-child {margin-bottom: 0;}
.course-detail p span.heading {flex: 0 0 90px; display: inline-block; width: 90px; font-size: 14px; line-height: 1.4285714286; color: #9e9e9e;}
.course-detail a[href^="tel:"]:nth-of-type(2) {margin-left: 30px; padding-left: 30px; border-left: 1px solid rgba(176,176,176,0.3);}

@media screen and (max-width: 768px) {
    .course-detail h3 {font-size: 18px;}
    .course-detail .email a,
    .course-detail .website {word-break: break-all;}
}

#page.course .rich-text {width: 90%; max-width: 600px; margin: 0 auto;}
#page.course .rich-text p {margin-bottom: 60px; }
#page.course .rich-text h2 {margin-bottom: 20px; font-family: 'Poppins', Arial; font-size: 18px; font-weight: 500; line-height: 1.2222222222; color: #16a599;}
#page.course .rich-text h4 {margin-bottom: 20px; font-family: 'Poppins', Arial; font-size: 18px; font-weight: 500; line-height: 1.2222222222; color: #16a599;}

@media screen and (max-width: 768px) {

}

#page.course .course-list {margin: 120px 0; padding: 100px 0; background-color: rgba(158,158,158,0.1);}
#page.course .course-list table {margin-bottom: 60px; }
#page.course .course-list table tr:nth-child(odd) td {background-color: white;}
#page.course .course-list table tr:nth-child(even) td {background-color: transparent;}
#page.course .course-list a.view-all {color: #da291c; border-bottom: 1px solid #da291c;}

@media only screen and (min-width: 769px) {
    #page.course .course-list a.view-all:hover {color: #da291c; border-bottom-color: transparent;}
}

@media screen and (max-width: 768px) {
    #page.course .course-list {margin: 60px 0;}
    #page.course .course-list table {margin-bottom: 20px;}
    #page.course .course-list table tr:nth-child(even) td {background-color: white;}
}

/* sites list */
.sites-list {width: 90%; max-width: 600px; margin: 0 auto; }
.sites-list p.sites-counter {margin-bottom: 10px;}
.sites-list .course-detail {width: 100%; margin-bottom: 18px; border: none; }
.sites-list .course-detail:nth-child(odd) {background-color: rgba(158,158,158,0.1);}

@media screen and (max-width: 768px) {
    .sites-list .course-detail {border: 1px solid rgba(227,227,227,1);}
}


/* course detail - single site */
#page.course.single-site .course-header {margin-bottom: 0;}
#page.course.single-site .course-detail {top: -100px; margin-bottom: 0;}

@media screen and (max-width: 768px) {
    #page.course.single-site .course-detail {margin-bottom: -60px;}
    #page.course.single-site .course-detail a[href^="tel:"] {display: inline-block; height: 40px; padding: 0 30px; border: 1px solid rgba(158,158,158,0.3); border-radius: 5px; line-height: 40px;}
    #page.course.single-site .course-list table tr {display: block; margin-bottom: 20px; height: auto;}
    #page.course.single-site .course-list table tr td {border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8;}
    #page.course.single-site .course-list table tr td:first-child {border-top: 1px solid #e8e8e8; border-radius: 5px 5px 0 0;}
    #page.course.single-site .course-list table tr td:last-child {border-bottom: 1px solid #e8e8e8; border-radius: 0 0 5px 5px;}
    #page.course.single-site .course-list table tr:nth-child(odd) td {background-color: white;}

}


/* course detail - multi site */
#page.course.multi-site .cpr-event-category-filter {width: 90%; max-width: 600px; margin: 0 auto 50px auto;}
#page.course.multi-site .cpr-event-category-filter h3 {margin-bottom: 30px; font-family: 'Poppins', Arial; font-size: 24px; font-weight: 500; line-height: 1.2083333333; color: #da291c;}
#page.course.multi-site .cpr-event-category-filter form {padding: 0;}
#page.course.multi-site .cpr-event-category-filter form .select {width: 100%; margin: 0;}
#page.course.multi-site .cpr-event-category-filter form .select .cs-select {width: 100%; border: 1px solid #e0e0e0; min-width: 180px;}
#page.course.multi-site .cpr-event-category-filter form .select .cs-select > span {text-transform: none; color: black;}
#page.course.multi-site .cpr-event-category-filter form .select .cs-select .cs-options {left: -1px; width: calc(100% + 2px); border: 1px solid #e0e0e0; border-top: none;}

@media screen and (max-width: 768px) {
    #page.course.multi-site .cpr-event-category-filter h3 {font-size: 18px;}
}

/* Course module events */
#county-filter {margin: 40px auto; max-width: 400px;}
.cpr-event-category-filter .select .cs-select .cs-options {max-height: 300px; overflow-y: scroll;}
#county-filter .cs-select span {background: #fff; color: #da291c !important;}
.events-no-results {display: none; text-align: center;}
.no-events-yet {text-align: center; background: #ffffff; padding: 30px 20px; border-radius: 10px;}

/*
 * Website Rewamp ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 */

/* Webkit browser fix to avoid autofill background color */
@-webkit-keyframes autofill {
  to {
      color: #fff;
      background: transparent;
  }
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
body:before {
  background-color: rgba(0, 0, 0, 0.95);
}

#intro #head .search,
#searchContainer .search {
  width: 655px;
}

#intro #head .search .select,
#searchContainer .search .select {
  margin-left: -100px;
}

#intro #head .search .select a.main,
#searchContainer .search .select a.main {
  font-size: 20px;
  background-size: 13px;
  background-position: 135px 46%;
  width: 160px;
  padding-right: 35px;
  font-weight: 400;
}

#intro #head .search .select .options,
#searchContainer .search .select .options {
  right: 0;
  width: 100%;
  padding-top: 0;
}

#intro #head .search input,
#searchContainer .search input {
  width: 570px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  background-color: transparent;
  font-size: 20px;
  font-weight: 400;
  padding-left: 3px;
}

#intro #head .search ::-webkit-input-placeholder {font-weight: 400;}
#intro #head .search :-moz-placeholder {font-weight: 400;}
#intro #head .search ::-moz-placeholder {font-weight: 400;}
#intro #head .search :-ms-input-placeholder {font-weight: 400;}

#searchContainer .search input::-webkit-input-placeholder {font-weight: 400; color: #fff;}
#searchContainer .search input:-moz-placeholder {font-weight: 400; color: #fff;}
#searchContainer .search input::-moz-placeholder {font-weight: 400; color: #fff;}
#searchContainer .search input:-ms-input-placeholder {font-weight: 400; color: #fff;}

#intro #head .search .searchsubmit,
#searchContainer .search .searchsubmit {
  width: 22px;
  height: 22px !important;
  top: 8px;
  right: 5px;
}

#searchContainer .search .searchsubmit {
  background-image: url('../img/searchwhite.svg');
}

.searching #home #intro #head .search {
  top: 37px;
}

.searching #home #intro #head .search .select a.main,
#searchContainer .search .select a.main {
  color: #fff;
  background-image: url('../img/arrow-bottomwhite.svg');
  background-position: 135px 46%;
}

.searching #home #intro #head .search .select .options a,
#searchContainer .search .select .options a {
  color: #fff;
}

.searching #home #intro #head .search input,
#searchContainer .search input {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
}

#intro #head .searchresults,
#searchContainer .searchresults {
  width: 100%;
  max-width: 780px;
  margin-top: 106px;
}

#intro #head .searchresults h2,
#searchContainer .searchresults h2 {
  color: #fff;
  font-weight: 200;
}

#intro #head .searchresults > p,
#searchContainer .searchresults > p {
  color: #fff;
}

#intro #head .searchresults h2 span,
#searchContainer .searchresults h2 span {
  font-weight: 600;
}

#intro #head .searchresults h2 a,
#searchContainer .searchresults h2 a {
  margin-left: 10px;
}

#intro #head .searchresults .cat,
#searchContainer .searchresults .cat {
  max-width: 50%;
  width: 100%;
  float: left;
}

#intro #head .searchresults .cat:nth-of-type(odd),
#searchContainer .searchresults .cat:nth-of-type(odd) {
  clear: left;
}

#intro #head .searchresults .btn,
#searchContainer .searchresults .btn {
  clear: both;
  display: block;
  max-width: 250px;
  color: #da291c;
  background: #fff;
  border-color: #fff;
  font-weight: 600;
  top: 25px;
}

#intro #head .searchresults .btn:hover,
#searchContainer .searchresults .btn:hover {
  background: #da291c;
  color: #fff;
  border-color: #da291c;
}

#intro #head .searchresults .btn.arrow:after,
#searchContainer .searchresults .btn.arrow:after {
  border-left-color: #da291c;
}

#intro #head .searchresults .btn:hover.arrow:after,
#searchContainer .searchresults .btn:hover.arrow:after {
  border-left-color: #fff;
}

#intro #head .searchresults .cat .result .image,
#searchContainer .searchresults .cat .result .image {
  float: left;
}

#intro #head .searchresults .cat .result .info,
#searchContainer .searchresults .cat .result .info {
  color: #fff;
  width: calc(100% - 115px);
  padding-right: 20px;
}

#intro #head .searchresults .cat .result .info h4,
#searchContainer .searchresults .cat .result .info h4 {
  font-weight: 200;
}

#intro #head .searchresults .cat .result .info p,
#searchContainer .searchresults .cat .result .info p {
  display: none;
}

#intro #head .searchresults .cat .result .info a,
#searchContainer .searchresults .cat .result .info a {
  font-size: 16px;
  text-transform: capitalize;
}

#intro #head .search .searchsubmit.delete,
#searchContainer .search .searchsubmit.delete {
  background-image: url('../img/icon-delete.png');
  background-size: 20px;
  right: 40px;
}

#intro #head .search .submit.show,
#searchContainer .search .submit.show  {
  top: 2px;
  right: -10px;
  background: transparent;
  border-color: transparent;
  font-size: 0;
  z-index: 100;
  cursor: pointer;
}

#searchContainer .search .submit.show  {
  top: -3px;
}

#intro #head .search .submit:after,
#searchContainer .search .submit:after {
  background: url('../img/searchwhite.svg') center no-repeat;
  width: 22px;
  height: 22px;
  border: none;
}

#intro .img {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

#intro .txt {
  bottom: 35%;
}

#intro .sponsorship {
  left: -25px;
  right: auto;
  bottom: auto;
}

#intro .sponsorship p {
  margin-left: 25px;
  text-align: left;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
  #home #intro .sponsorship p {
    margin-left: 20px;
  }
}

.searching #home #intro #head .donate {
  z-index: 100;
}

.searching #home #intro #head .donate .donatesub {
  background-color: #fff;
}

.searching #home #intro #head .donate .donatesub ul li a {
  color: #3c3c3c;
}

.searching #home #intro #head .donate .donatesub ul li a:hover {
  color: #da291c;
}

.searching #home #intro #head .donate .donatesub ul li a:before {
  border-left-color: #3c3c3c;
}

.searching #home #intro #head .donate .donatesub ul li a:hover:before {
  border-left-color: #da291c;
}

.searching #home #intro #head .donate .btn {
  background: #fff !important;
  color: #da291c !important;
}

.searching #home #intro #head .donate .btn:after {
  background-image: url(../img/heart.svg);
}

#page .head {
  height: auto;
  min-height: 230px;
}

#page .head p {
  max-width: 380px;
  padding-bottom: 30px;
}

#page .roundedimg .rimg {
  background-position: bottom;
  height: 250px;
  max-width: 940px;
  margin: 0 auto;
  border-radius: 10px;
}

body.single-news #page .roundedimg .rimg {
  height: 400px;
}

@media screen and (max-width: 1024px) {
  .page-child .menu.resize, .page-child .cpr-header.resize {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
  }

  .page-child .cpr-header.courses-submenu.resize.showMenuMobile {
    left: 1.9% !important;
    width: 97% !important;
    top: -4px !important;
  }

  .searching #searchmobile {
      background-image: url('../img/Close.svg');
  }

  .menu .donate .btn.don {
      background-color: #fff !important;
      color: #da291c !important;
  }

  .searching #searchForm {
      text-align: center;
      padding: 0 20px;
      margin-top: 10px;
  }

  .searching #searchContainer .search input {
      margin: auto;
      float: none;
      border-color: #fff;
      border-radius: 0;
      border: none;
      background-color: transparent;
      border-bottom: 1px solid rgba(255, 255, 255, 0.7);
      font-size: 20px;
      font-weight: 200;
      color: #fff;
      width: 100%;
      padding: 0 50px 0 3px;
  }

  .searching #searchContainer .search input::-webkit-input-placeholder {font-weight: 200;color: #fff;}
  .searching #searchContainer .search input:-moz-placeholder {font-weight: 200;color: #fff;}
  .searching #searchContainer .search input::-moz-placeholder {font-weight: 200;color: #fff;}
  .searching #searchContainer .search input:-ms-input-placeholder {font-weight: 200;color: #fff;}

  .searching #searchContainer .search .searchsubmit {
      right: 20px !important;
      height: 30px;
      width: 30px;
      top : 10px;
      background: url('../img/searchwhite.svg') no-repeat center;
  }

  .searching #searchContainer .search .searchsubmit.delete {
      background: url('../img/icon-delete.png') no-repeat center;
      padding-right: 90px;
  }

  #searchContainer .search .select {
      margin-left: -150px;

  }

  #searchContainer .search .select a.main {
      color: #fff;
      font-size: 20px;
      background: url(../img/arrow-bottomwhite.svg) no-repeat 130px 12px;
      background-size: 15px;
      width: 160px;
      padding-right: 50px;
  }

  #searchContainer .search .select .options {
      right: 15px;
  }

  #searchContainer .search .select .options a {
      color: #fff;
  }

  #searchContainer .search .submit.show {
      top: -3px;
      right: 12px;
      background: transparent;
      border-color: transparent;
      font-size: 0;
      z-index: 100;
      cursor: pointer;
  }

  #searchContainer .search .submit:after {
      background: url('../img/searchwhite.svg') center no-repeat;
      width: 22px;
      height: 22px;
      border: none;
  }

  .searchresults {
      margin: 30px auto 0 auto;
      -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
      -webkit-transform: translateX(20px);
      transform: translateX(20px);
      max-width: 655px !important;
      margin-top: 30px !important;
  }

  .searchresults .cat {
      clear: both;
      padding: 0;
  }

  .searchresults h2 {
      color: #fff;
      font-weight: 200;
  }

  .searchresults h2 span {
      font-weight: 600;
  }

  .searchresults h2 a {
      font-weight: 400;
  }

  .searchresults p {
      color: #fff;
  }

  .searchresults .btn {
      clear: both;
      display: block;
      text-align: center;
      top: 30px;
      background: #fff;
      border-color: #fff;
      color: #da291c;
      font-size: 16px;
      font-weight: 600;
      padding-left: 0;
      padding-right: 0;
  }

  .searchresults .btn:hover {
      background: #da291c;
      border-color: #da291c;
      color: #fff;
  }

  .searchresults .btn:after {
      border-left-color: #da291c;
  }

  .searchresults .btn:hover:after {
      border-left-color: #fff;
  }

  .searchresults .cat .result .image {
      float: left;
  }

  .searchresults .cat .result .info {
      width: 60%;
      display: inline-block;
  }

  .searchresults .cat .result .info h4 {
      color: #fff;
      font-weight: 200;
      display: inline;
  }

  .searchresults .cat .result .info p {
      display: none;
  }

  .searchresults .cat .result .info a {
      font-size: 14px;
  }

  #searchContainer .searchresults .cat,
  #searchContainer .searchresults .btn {
      max-width: initial;
  }
}

@media screen and (max-width: 768px) {
  .menu .donate {
      right: 5%;
  }

  #intro .wrapper {
      bottom: 0;
  }

  #intro .txt h2 {
      text-align: left;
      padding-left: 20px;
  }

  #intro .txt .links {
      text-align: left;
  }

  #intro .txt .links a.arrow::before {
      border-left-color: #fff;
  }

  #intro .txt .links a.cta:hover span {
      background-color: #fff;
      color: #da291c;
  }

  #intro .txt .links a.cta:hover.arrow::before {
      border-left-color: #da291c;
  }

  #intro .sponsorship {
      display: flex;
      align-items: center;
      width: 100% !important;
      height: 55px;
      margin-top: 30px;
  }

  #intro .sponsorship p {
      font-size: 12px !important;
      margin-left: 20px;
      margin-top: 0;
      margin-bottom: 0 !important;
  }

  #intro .sponsorship .logos {
      width: 100%;
      padding: 0 30px;
  }

  #intro .sponsorship .logos .logo:first-of-type {
      padding-right: 15px;
  }

  #searchContainer .search {
      width: 100%;
      max-width: 698px;
  }

  .searchresults {
      margin: 30px auto 0 auto;
      -moz-transform: initial;
      -ms-transform: initial;
      -webkit-transform: initial;
      transform: initial;
      width: 90% !important;
      margin-top: 30px !important;
  }

  #searchContainer .searchresults h2 a {
      margin-left: 0;
  }
}

/*
* Rewamp Campaign page and header
*/
.page-child .menu.header {
  top: 0;
}

.page-child .cpr-header,
.single-course .cpr-header,
.page-template-page-restricted .cpr-header,
.single-cpr_page .cpr-header {
  top: 70px;
}

.page-child .menu,
.page-child .cpr-header,
.page-template-page-restricted .cpr-header,
.single-course .menu,
.single-course .cpr-header,
.single-cpr_page .menu,
.single-cpr_page .cpr-header {
  width: 100%;
  left: 0;
  border-radius: 0;
}

.menu.resize,
.page-child .menu.resize,
.page-child .cpr-header.resize,
.page-template-page-restricted .cpr-header.resize,
.single-course .menu.resize,
.single-course .cpr-header.resize,
.single-cpr_page .menu.resize,
.single-cpr_page .cpr-header.resize {
  width: 97%;
  left: 1.5%;
  border-radius: 5px;
  transition: all 0.25s;
  top: 20px;
}

.page-child .cpr-header.courses-submenu.resize,
.single-course .cpr-header.courses-submenu.resize,
.page-template-page-restricted .cpr-header.resize,
.single-cpr_page .cpr-header.resize {
  top: 160px;
}

.page-child #intro .txt {
  bottom: 30%;
}

#intro .sponsorship {
  bottom: 50px;
}

#intro .sponsorship {
  left: 10%;
  right: auto;
  bottom: 50px;
}

#intro .sponsorship p {
  margin-left: 0;
  text-align: left;
  font-weight: 400;
}

#intro .sponsorship .logos {
  width: 100%;
  padding: 0;
  justify-content: start;;
}

#intro .sponsorship .logos .logo:first-of-type {
  padding-right: 15px;
}

#intro .sponsorship .logos img {
  height: 45px;
  width: auto;
  max-width: initial;
}
@media screen and (max-width: 768px) {
  #intro .sponsorship .logos img {
    height: 35px;
  }
}

.page-child #searchContainer {
  top: 40px;
}

.page-template-page-publications .head {
  padding-bottom: 30px;
}

#page #intro .intro-overlay {
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 35%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  top: 70px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

#page #intro.centre .intro-overlay {
    background: #000000;
    opacity: 0.5;
}

#page.has-submenu #intro .intro-overlay {
  top: 140px;
}

#page #intro.has-video .intro-overlay {
  top: 0;
}
@media screen and (min-width: 1025px) {
  #page #intro.has-video .intro-overlay {
    top: 70px;
  }
}

#page.has-submenu #intro.has-video .intro-overlay {
  top: 140px;
}

@media screen and (max-width: 1024px) {
    #page.has-submenu #intro .intro-overlay,
    #intro.has-video .intro-overlay,
    #page.has-submenu #intro.has-video .intro-overlay {
      top: 0;
    }
}

@media screen and (max-width: 1900px) {
  .page-child #intro .txt {
      margin-bottom: 25px;
  }
}

@media screen and (max-width: 1024px) {
  .page-child #searchContainer {
    top: 0;
  }

  .publications .head p {
    width: 100%;
    max-width: 700px;
  }

  .page-child .secondary-menu-btn {
    top: -36px;
    right: 15px;
    padding: 11px !important;
  }

  .page-child .courses-submenu.resize {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }

  .page-child .courses-submenu.resize .secondary-menu-btn {
    top: 34px;
  }

  #intro {
    margin-bottom: 85px;
  }

  #intro .intro-overlay {
    top: 0;
  }

  #page.has-submenu .head {
    padding-top: 70px;
    min-height: 230px;
  }
}

@media screen and (max-width: 768px) {
  .page-child #intro .wrapper {
      bottom: 0 !important;
  }

  .page-child #intro .txt h2 {
      font-size: 40px;
  }

  .page-child #intro .txt p {
      padding: 0 20px;
      font-size: 16px;
      text-align: left;
  }

  .page-child #intro .sponsorship {
      display: flex;
      align-items: center;
      width: 100% !important;
      height: 55px;
      margin-top: 30px;
      margin-bottom: 30px;
  }

  .page-child #intro .sponsorship p {
      font-size: 12px !important;
      margin-left: 20px;
      margin-top: 0;
      margin-bottom: 0 !important;
      white-space: nowrap;
  }

  .page-child #intro .sponsorship .logos {
      width: 100%;
      padding: 0 30px;
  }

  .page-child #intro .sponsorship .logos .logo:first-of-type {
      padding-right: 20px;
  }

  #page .roundedimg .rimg {
    height: 190px;
  }

  #page .head {
    height: auto;
    min-height: 220px;
    padding-top: 70px;
  }

  #page.has-submenu .head {
    padding-top: 70px;
    min-height: 220px;
  }

  #page .head p {
    padding: 30px 20px;
  }

  .page-child #intro .txt .links a.playvideo {
    top: auto;
    bottom: 50px;
  }

  .page-child #intro.centre .txt .links a.playvideo {
    top: auto;
    bottom: auto;
  }

  .intro-overlay {
    display: none;
  }
}

@media screen and (max-width: 768px) and (min-width: 601px) {
  #intro .txt .links {
      margin: 0 auto 0 20px;
      width: 84%;
      padding-top: 15px;
  }

  #intro .sponsorship {
      max-width: 360px;
  }

}

@media screen and (max-width: 600px) {
  #intro .txt .links {
      padding-left: 20px;
  }

  .page-child #intro .txt .links a.playvideo {
      left: auto;
      right: 10%;
  }

  .page-child #intro.left .txt .links a.playvideo {
      position: absolute;
	  width:100px;

    }

  .page-child #intro.left .txt .links a.playvideo:after {
    top: 0px;
    left: auto;
    right: 10px;
    bottom: auto;
  }
}

@media screen and (max-width: 374px) {
  .page-child #intro .sponsorship .logos {
      padding: 0;
  }

  .page-child #intro .txt .links a {
      font-size: 16px;
  }
}

/**
* Revamp campaign page centre aligned
*/
#intro.centre .txt {
  left: 50%;
  top: auto;
  margin-top: -100px;
  margin-left: -400px;
  text-align: center;
  bottom: 15vh;
}

#intro.centre .txt .links {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#intro.centre .txt .links a {
  margin-bottom: 20px;
}

#intro.centre .sponsorship {
  left: calc(50%);
  right: auto;
  bottom: 5vh;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
    #intro.centre .sponsorship {
        transform: translateX(0);
    }
}

#intro.centre .sponsorship .logos {
  justify-content: center;
}

#intro.centre .sponsorship p {
  text-align: center;
}

@media screen and (max-width: 768px) {
  #intro.centre .txt {
      margin: 0 auto;
      margin-bottom: 70px;
  }

  #intro.centre .txt h2 {
      padding-left: 0;
      text-align: center;
      margin: 8vh auto;
      margin-bottom: 0;
  }

  #intro.centre .txt p {
      padding: 0 20px;
      text-align: center;
  }

  #intro.centre .sponsorship {
      margin-left: auto;
  }

  #intro.centre .txt .links {
      padding-top: 0;
      padding-left: 0;
      flex-direction: row;
      align-items: initial;
      justify-content: center;
      text-align: center;
      margin-top: 30px;
  }

  #intro.centre .txt .links a:last-child {
      padding-left: 0 !important;
  }

  #intro.centre .txt .links a.playvideo:last-child {
    padding-left: 70px !important;
}

  #intro.centre .txt .links a.playvideo {
      /*top: auto;
      left: auto;
      right: -60px;
      position: relative;*/
      left: auto;
      right: auto;
      top: auto;
      position: relative;
      padding-left: 70px;
  }

  #intro.centre .txt .links a.playvideo:before,
  #intro .txt .links a.playvideo:after {
      top: 4px;
  }
}

.custom-form#form-1{margin-top:200px !important;}


@media screen and (max-width: 768px) and (min-width: 601px) {
  #intro.centre .txt .links {
      margin-left: auto;
  }
}

@media screen and (min-width: 1025px) {
  #intro #head .searchresults .cat .result .info,
  #searchContainer .searchresults .cat .result .info {
    min-width: 265px;
  }

  #page #intro .img {
    top: 70px;
  }

  #page.has-submenu #intro .img {
    top: 140px;
  }

  .home #intro .img {
    top: 0;
  }

  .moduleonecol .col .text h4 a {
    font-size: 24px;
  }
  .moduleonecol .col .text h4::after {
    border-width: 5px 0 5px 7px;
    margin: 9px 0 0 10px;
  }

  .moduletwocols .col.red .text h4 a {
    font-size: 22px;
  }
  .moduletwocols .col .text h4::after {
    margin: 9px 0 0 10px;
  }
}

.single-news #page .head,
.page-template-page-donations #page .head {
  display: block;
}

.single-news #page.has-header-img .head {
  min-height: auto;
  padding-top: 140px;
  padding-bottom: 0;
}

.page-template-page-donations #page .head {
  /*padding-top: 150px;*/
  height: 420px;
}

.page-template-page-donations.page-child #page .head {
  padding-top: 100px;
  height: 320px;
}


	.accordion_content{
		border:1px solid #fafafa;
		max-width:1000px;
		margin: 40px auto;
	}

	.accordion_item {
	  width: 100%;
	  background-color: #fefefe;
		border-bottom:2px solid #ffffff !important;
	}
	.accordion_item__intro {
	  position: relative;
	  padding: 20px;
	  cursor: pointer;
		background-color: #ffffff !important;
		border:1px solid #dddddd !important;
		border-radius: 5px !important;
	}
.accordion_item__intro:after{
	content:'+';
	position: absolute;
	right :20px;
	top:10px;
	font-size:26px;
	color:#da291c;
}

.accordion_item__intro.active:after{
	content:'-';
	color:#ffffff;
}


	.accordion_item__content {
	  padding: 20px;
	  transition: all 0.25s ease-out;
	  color: #f1f1f1;
	display: none;

	}

.accordion_item__content img.alignleft{float:left; margin-right: 10px;}
.accordion_item__content img.alignright{float:right; margin-left: 10px;}

.accordion_item__intro:hover {background: #dddddd !important;}
.accordion_item__intro.active:hover {background: #da291c !important;}

	.accordion_content .accordion_item:first-child .accordion_item__content {
	/*	display: block; */
	}

	.accordion_item__intro.active{
		background:#da291c !important;
		color:  #ffffff !important;
	}

	.accordion_item h4{
	  margin: 0;
	  line-height: 1;
	}
	.accordion_item h4 {

	  font-size: 20px;
		color:  #da291c !important;
	}

	.accordion_item__intro.active h4{
		color: #fff !important;
	}

	.accordion_item p {
	  color: #333333;
	  margin: 0;
	}
.accordion_item__active {}








@media screen and (max-width: 600px) {
  .single-news #page.has-header-img .head {
    padding-top: 100px;
  }

  .single-news #page .head p {
    padding: 0;
  }
}

#page.news-gateway .head {
  display: block;
  padding-top: 150px;
}

@media screen and (max-width: 768px) {
  #page.news-gateway .head,
  .page-template-page-donations #page .head {
    padding-top: 90px;
  }

  .page-template-page-donations #page .head {
    height: 340px;
  }
}

.post-type-archive-condition #page .head.fullhead.conditions-head {
  display: block;
}

.post-type-archive-condition #page .head.fullhead.conditions-head p {
  padding-bottom: 0;
}

.single-condition #page .head {min-height: 350px;}

@media screen and (max-width: 768px) {
	#form-1{margin-top:80px !important;}

  .single-condition #page .head {min-height: 300px;}
}
@media screen and (max-width: 600px) {
  .single-condition #page .head {min-height: 250px;}
}

.page-id-3613 .cpr-header ul,
.page-id-3613 .cpr-header.courses-submenu.resize ul {padding-left: 310px;}
@media screen and (min-width: 1025px) {
  .page-id-3613 .modulepetition {margin-top: 60px !important;}
  .page-id-3613 #intro.centre .txt {margin-top: 70px;}
}

@media screen and (max-width: 1024px) {
  .page-id-3613 #intro.centre .txt {margin-top: -30px;}
}

@media screen and (max-width: 768px) {
  .page-id-3613 #intro.centre .wrapper {
    bottom: 130px !important;
    left: auto;
    right: auto;
    width: 100%;
  }

  iframe{max-width: 100%;}
}

@media screen and (min-width: 768px) {
    .page-template-page-generic #page.has-submenu.has-header-img .head {
        padding-top: 175px;
    }
}