:root{

    font-family: "Quicksand", sans-serif;
font-optical-sizing: auto;
font-style: normal;
    font-weight: 400;
    --menu-color: #26701D;
    --main-color: #4496be;
    --green:#26701D;
    --color-1: #eacc08; --color-2: #ef6848; --color-3: #fbd2dc; --color-4: #fe82e5; --color-5: #c9c5f7; --color-6: #26701d;

    }
    .front-main-text>.first>div>div>.lead{
    margin: 0;

    padding: 2rem;
font-weight: bold;
      background: #FEEDFB;
      padding-left: 116px;
      position: relative;
    }
    .front-main-text>.first>div>div>.lead::before{
      content: " ";
          display: block;
          background-image: url(/themes/gryfini-subtheme/img/agrafka.png);
          background-size: contain;
          width: 100px;
          height: 100px;
          position: absolute;
          left: 0.5rem;
              top: 1.5rem;
    }
.arrow{
  vertical-align: middle;
    display: flex;
    transform: rotate(112deg)
}
#block-gryfini-subtheme-szybkiewsparcie{
  position: absolute;
  left: 50%;
z-index: 10000;
top: 0;
transform: translate(-50%, -31px);
}
#main-header{
  background-color: var(--menu-color);
  position: relative;
z-index: 10;
}
#main-header{
      color: #fff;
}
#main-header a,#main-header a:active, #main-header a:hover{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
/*  margin-bottom: 3rem;*/
margin: 0;
}
#main-header > div.container{
  align-items: center;  display: flex;
}
#block-gryfini-subtheme-szybkiewsparcie{
  padding: 1rem;
}

header #main-menu>nav>ul{background-color: transparent;}
ul.menu a.is-active::after, ul.menu li a:hover::after{display: none;}
#main-header::after{
  content: " ";
      display: block;
      height: 3rem;
      width: 100%;
      transform: skewY(-1deg) translate(0px, 1.5rem);
      background-color: var(--menu-color);
  
}
#block-gryfini-subtheme-site-branding img{
  padding: 1rem 0;
}
.block--order-form {
  margin-bottom: 80px;
}

.checkout-complete {
  text-align: center;
  padding: 84px 0 100px;

  color: #818181;
  font-size: 20px;
  line-height: 30.04px;
}
.checkout-complete  h3 {
    color: #3b3b3b;
    font-size: 30px;
    line-height: 48px;
    text-transform: uppercase;
    margin: 0;
  }
.checkout-complete  h4 { color: #3b3b3b; }
.checkout-complete  a {
    height: 40px;
    display: inline-block;
    background-color: #0d8352;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    border: 0;
    font-size: 16px;
    letter-spacing: 0.4px;
    padding: 0 47px;
    line-height: 40px;
    text-decoration: none;
    transition: background-color 0.2s;
  }
.checkout-complete  a:hover {
      background-color: darken(#0d8352, 2%);
    }
.checkout-complete a span {
      position: relative;
      padding-right: 40px;
      display: inline-block;}
.checkout-complete a span:after {
        content: "";
        position: absolute;
        height: 16px;
        width: 22px;
        background: url("../images/button-arrow.png") center center no-repeat;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
      }
.vue-app .hidden {
  display: none;
}
.vue-app .input {
  height: 63px;
  background-color: #f0f0f0;
  border: none;
  line-height: 63px;
  margin: 0;
  font-size: 18px;
  font-family: inherit;
  box-sizing: border-box;
  padding: 0 25px;
}
.vue-app .select, .vue-app .date {
  text-align: left;
  background-color: transparent;
  padding: 0;
}
.vue-app .options {
  display: none;
}
.vue-app .wrapper {
  position: relative;
}
.vue-app .selected {
  background-color: #F0F0F0;
  cursor: pointer;
  padding: 0 25px;
  position: relative;
}
.vue-app .selected:after {
  content: "";
  display: block;
  width: 18px;
  height: 100%;
  background: url(../images/dropdown-arrow.png) no-repeat center center;
  position: absolute;
  right: 25px;
  top: 0;
}
.vue-app .wrapper.open .selected:after {
  transform: rotate(180deg);
}
.vue-app .wrapper.open .options {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FAFAFA;
  border: 1px solid #F0F0F0;
  width: 100%;
  transform: translate(0, 100%);
  z-index: 10;
  box-sizing: border-box;
}
.vue-app .wrapper.open .options .option {
  padding: 0 25px;
}
.vue-app .wrapper.open .options .option.blank {
  opacity: 0.8;
}
.vue-app .wrapper.open .options .option:hover {
  cursor: pointer;
  background-color: #F0F0F0;
}
.vue-app .step-header {
  text-align: center;
  padding: 80px 0 45px;
}
.vue-app .step-header h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 48px;
  margin: 0;
  text-transform: uppercase;
}
.vue-app .step-header h2 span {
  font-weight: 400;
}
.vue-app .step-header p {
  color: #818181;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}
.vue-app .background-wrapper {
  background-color: rgba(247, 247, 247, 0.6);
  background-image: url(../images/order-bg.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding: 0;
  padding-bottom: 90px;
  background-size: cover;
}
.vue-app input[type=radio], .vue-app input[type=checkbox] {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  left: -50px;
  top: -50px;
}
.vue-app input + .box {
  width: 21px;
  height: 21px;
  border: 1px solid #d4d4d4;
  background-color: #fbfbfb;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.vue-app input + .box + .label {
  vertical-align: top;
  display: inline-block;
  max-width: calc(100% - 31px);
}
.vue-app input + .box + .label p:first-of-type {
  margin-top: 0;
}
.vue-app input + .box + .label p:last-of-type {
  margin-bottom: 0;
}
.vue-app input + .box + .label.required p:last-of-type:after {
  content: " *";
}
.vue-app input + .box + .label + .icon {
  display: inline-block;
  max-height: 30px;
  vertical-align: top;
  overflow: hidden;
  margin-left: 10px;
}
.vue-app input + .box + .label + .icon img {
  max-height: 30px;
  width: auto;
}
.vue-app input + .box + .label + .error-message {
  margin-left: 31px;
}
.vue-app input:checked + .box:before {
  margin: 5px;
  display: block;
  content: "";
  width: 9px;
  height: 9px;
  background-color: #3b3b3b;
}
.vue-app input[type=radio] + .box {
  border-radius: 11px;
}
.vue-app input[type=radio] + .box:before {
  border-radius: 5px;
}
.vue-app input[type=radio] + .box + .label {
  text-transform: uppercase;
  font-weight: 700;
  color: #009356;
}
.vue-app .input[type=text], .vue-app .input[type=tel], .vue-app .input[type=email] {
  border: 1px solid #d4d4d4;
  background-color: #fbfbfb;
  line-height: 40px;
  height: 40px;
}
.vue-app .input[type=text].error, .vue-app .input[type=tel].error, .vue-app .input[type=email].error {
  border: 1px solid #d4d4d4;
  background-color: #e75e5e;
  color: white;
}
.vue-app .error-message {
  margin: 0;
  font-size: 12px;
  color: #e75e5e;
}
.vue-app button {
  background-color: #0d8352;
  height: 40px;
  border: 0;
  color: white;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
}
.vue-app button:after {
  display: inline-block;
  content: "";
  width: 22px;
  height: 16px;
  background-image: url(../images/button-arrow.png);
  margin-left: 10px;
}
.vue-app .step--1 {
  padding-bottom: 100px;
}
.vue-app .step--1 .step-content {
  display: flex;
  flex-wrap: wrap;
}
.vue-app .step--1 .step-content .select--select, .vue-app .step--1 .step-content .select--date {
  max-width: 100%;
  flex: 0 1 100%;
  padding: 40px 10px;
}
@media (min-width: 768px) {
  .vue-app .step--1 .step-content .select--select, .vue-app .step--1 .step-content .select--date {
    max-width: 50%;
    flex: 0 1 50%;
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .vue-app .step--1 .step-content .select--select, .vue-app .step--1 .step-content .select--date {
    max-width: 75%;
    flex: 0 1 75%;
  }
}
@media (min-width: 992px) {
  .vue-app .step--1 .step-content .select--date {
    max-width: 25%;
    flex: 0 1 25%;
  }
}
.vue-app .step--2 .step-header {
  padding-bottom: 35px;
}
.vue-app .step--2 .step-content {
  display: flex;
  flex-wrap: wrap;
}
.vue-app .step--2 .step-content .field-item {
  flex: 0 1 100%;
  max-width: 100%;
  padding: 10px;
}
@media (min-width: 480px) {
  .vue-app .step--2 .step-content .field-item {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vue-app .step--2 .step-content .field-item:last-of-type {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .vue-app .step--2 .step-content .field-item {
    flex: 0 1 calc(100% / 3);
    max-width: calc(100% / 3);
  }
}
.vue-app .step--2 .step-content .field-item .field-inner {
  cursor: pointer;
  border: 1px solid #d2d2d2;
  height: 100%;
  transition: all 200ms;
  padding: 0 15px;
}
.vue-app .step--2 .step-content .field-item .field-inner label, .vue-app .step--2 .step-content .field-item .field-inner a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 150px;
}
.vue-app .step--2 .step-content .field-item .field-inner a {
  color: inherit;
  text-decoration: none;
}
.vue-app .step--2 .step-content .field-item .field-inner h3, .vue-app .step--2 .step-content .field-item .field-inner p {
  margin: 0;
  padding: 0;
  text-align: center;
}
.vue-app .step--2 .step-content .field-item .field-inner .price, .vue-app .step--2 .step-content .field-item .field-inner h3 {
  color: #0d8352;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
.vue-app .step--2 .step-content .field-item .field-inner .price span, .vue-app .step--2 .step-content .field-item .field-inner h3 span {
  font-weight: 400;
}
.vue-app .step--2 .step-content .field-item .field-inner .description {
  font-size: 16px;
}
.vue-app .step--2 .step-content .field-item .field-inner h3 {
  font-size: 24px;
}
.vue-app .step--2 .step-content .field-item .field-inner:hover, .vue-app .step--2 .step-content .field-item .field-inner.active {
  background: #0d8352;
  border-color: #0d8352;
  color: white;
}
.vue-app .step--2 .step-content .field-item .field-inner:hover .price, .vue-app .step--2 .step-content .field-item .field-inner.active .price, .vue-app .step--2 .step-content .field-item .field-inner:hover a, .vue-app .step--2 .step-content .field-item .field-inner.active a, .vue-app .step--2 .step-content .field-item .field-inner:hover h3, .vue-app .step--2 .step-content .field-item .field-inner.active h3 {
  color: inherit;
}
.vue-app .step--3 .step-content {
  background-color: #f0f0f0;
  background-image: url(../images/invoice-background.png);
  background-repeat: no-repeat;
  background-position: top 45px right 85px;
  padding: 50px 20px;
}
@media (min-width: 768px) {
  .vue-app .step--3 .step-content {
    padding: 50px 60px;
  }
}
.vue-app .step--3 .step-content .tabs {
  display: flex;
  margin-bottom: 25px;
}
.vue-app .step--3 .step-content .tabs label {
  padding: 0 5px;
}
.vue-app .step--3 .step-content .invoice-container {
  display: flex;
  flex-wrap: wrap;
}
.vue-app .step--3 .step-content .invoice-container .column {
  padding: 0 20px;
  flex: 0 1 100%;
  max-width: 100%;
}
.vue-app .step--3 .step-content .invoice-container .column + div {
  padding-top: 20px;
}
@media (min-width: 992px) {
  .vue-app .step--3 .step-content .invoice-container .column {
    flex: 0 1 50%;
    max-width: 50%;
  }
  .vue-app .step--3 .step-content .invoice-container .column + div {
    padding-top: 0;
  }
}
.vue-app .step--3 .step-content .invoice-container .invoice-fields .fields-grid {
  display: flex;
  flex-wrap: wrap;
}
.vue-app .step--3 .step-content .invoice-container .invoice-fields .fields-grid > div {
  max-width: 100%;
  flex: 0 1 100%;
  padding: 10px 10px 0;
}
@media (min-width: 768px) {
  .vue-app .step--3 .step-content .invoice-container .invoice-fields .fields-grid > div {
    max-width: 50%;
    flex: 0 1 50%;
  }
}
.vue-app .step--3 .step-content .invoice-container .invoice-fields .fields-grid > div .input {
  width: 100%;
}
.vue-app .step--3 .step-content .invoice-container .invoice-data {
  width: 100%;
  max-width: 100% !important;
  flex: 0 1 100% !important;
  text-transform: uppercase;
  font-weight: 700;
  color: #009356;
  margin-top: 16px;
}
.vue-app .step--3 .step-content .participants-expand {
  display: flex;
  flex-wrap: wrap;
  height: 160px;
}
.vue-app .step--3 .step-content .participants-expand .item {
  padding: 10px 10px 0;
  max-width: 100%;
  flex: 0 1 100%;
}
@media (min-width: 992px) and (max-width: 1150px) {
  .vue-app .step--3 .step-content .participants-expand .item button:after {
    display: none;
  }
}
.vue-app .step--3 .step-content .participants-expand .item:first-of-type {
  max-width: 100%;
  flex: 0 1 100%;
}
.vue-app .step--3 .step-content .participants-expand .item:last-of-type {
  align-self: center;
}
.vue-app .step--3 .step-content .participants-expand h3 {
  margin: 0;
  color: #009356;
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  text-transform: uppercase;
}
.vue-app .step--3 .step-content .participants-list {
  padding: 0;
  margin: 0;
  margin-top: 30px;
  list-style: none;
}
.vue-app .step--3 .step-content .participants-list .participant-item .participant-title {
  margin: 0;
  color: #009356;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  text-transform: uppercase;
}
.vue-app .step--3 .step-content .participants-list .participant-item .participant-fields {
  display: flex;
  flex-wrap: wrap;
}
.vue-app .step--3 .step-content .participants-list .participant-item .participant-fields > div {
  flex: 0 1 100%;
  max-width: 100%;
  padding: 0 10px;
}
.vue-app .step--3 .step-content .participants-list .participant-item .participant-fields > div + div {
  padding-top: 10px;
}
@media (min-width: 768px) {
  .vue-app .step--3 .step-content .participants-list .participant-item .participant-fields > div {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .vue-app .step--3 .step-content .participants-list .participant-item .participant-fields > div {
    flex: 0 1 25%;
    max-width: 25%;
  }
}
.vue-app .step--3 .step-content .participants-list .participant-item .participant-fields > div .input {
  width: 100%;
}
.vue-app .step--3 .step-content .participants-list .participant-item + .participant-item {
  margin-top: 10px;
}
.vue-app .step--4 .step-content .paymentmethods {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.vue-app .step--4 .step-content .paymentmethods > div {
  padding: 0 60px;
}
@media (max-width: 700px) {
  .vue-app .step--4 .step-content .paymentmethods {
    flex-direction: column;
  }
  .vue-app .step--4 .step-content .paymentmethods > div + div {
    padding-top: 20px;
  }
}
.vue-app .step--4 .step-content .row {
  padding: 20px 0;
}
.vue-app .step--4 .step-content .discountcode .discount-title {
  text-align: center;
}
.vue-app .step--4 .step-content .discountcode .discount-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.vue-app .step--4 .step-content .discountcode .discount-form .input {
  width: 100%;
}
.vue-app .step--4 .step-content .discountcode .discount-form .code-input, .vue-app .step--4 .step-content .discountcode .discount-form .code-button {
  flex: 0 1 100%;
  max-width: 100%;
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 600px) {
  .vue-app .step--4 .step-content .discountcode .discount-form .code-input, .vue-app .step--4 .step-content .discountcode .discount-form .code-button {
    flex: 0 1 300px;
    max-width: 300px;
  }
}
.vue-app .step--4 .step-content .approvals {
  display: flex;
  flex-wrap: wrap;
}
.vue-app .step--4 .step-content .approvals > div {
  padding: 0 20px;
  flex: 0 1 100%;
  max-width: 100%;
}
.vue-app .step--4 .step-content .approvals > div .label {
  font-size: 14px;
  font-weight: 400;
}
.vue-app .submit-form {
  max-width: 450px;
  margin: 0 auto;
  position: relative;
}
.vue-app .submit-form input[type=submit] {
  width: 100%;
  height: 80px;
  border: 0;
  background-color: #338fcd;
  color: white;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 90px;
  padding-left: 10px;
  white-space: normal;
  word-wrap: break-word;
}
.vue-app .submit-form .button-arrow {
  pointer-events: none;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background-color: #207ab7;
  background-image: url(../images/arrow-submit.png);
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
}
.vue-app .submit-form .error {
  background-color: #e75e5e;
  padding: 20px 50px;
  color: white;
  font-weight: 700;
  font-size: 16px;
  position: relative;
}
.vue-app .submit-form .error:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 12.5px 0 12.5px;
  border-color: #338fcd transparent transparent transparent;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.block--next-trainings
{
	padding:50px 0
}
.block--next-trainings h2,.block--next-trainings .view-wyniki-wyszukiwania .view-empty,.view-wyniki-wyszukiwania .block--next-trainings .view-empty
{
	font-weight:400;
	text-transform:uppercase;
	font-size:30px;
	line-height:48px;
	text-align:center;
	margin-bottom:0
}
.block--next-trainings .tiles
{
	padding-top:30px;
	padding-bottom:0
}
.block--next-trainings .tile
{
	padding:0;
	min-height:400px;
	position:relative;
	min-width:25%;
	max-width:25%;
	background-color:#D5D5D5
}
.block--next-trainings .tile span
{
	display:block
}
.block--next-trainings .tile span+span,.block--next-trainings .tile img+span,.block--next-trainings .tile .bar
{
	margin-top:30px
}
.block--next-trainings .tile .find-out-more
{
	text-decoration:none;
	color:inherit;
	padding:30px 20px 20px;
	display:block;
	width:100%
}
.block--next-trainings .tile .cta,.block--next-trainings .tile .desc
{
	line-height:1
}
.block--next-trainings .tile .tile__overlay
{
	text-decoration:none
}
.block--next-trainings .tile:hover .tile__overlay
{
	opacity:1
}
.block--next-trainings .tile .icon
{
	height:70px;
	width:55px;
	margin:40px auto
}
	@media (max-width: 1200px)
{
.block--next-trainings .tile
{
	min-width:33.33%;
	max-width:33.33%
}

}
	@media (max-width: 900px)
{
.block--next-trainings .tile
{
	min-width:50%;
	max-width:50%
}

}
	@media (max-width: 600px)
{
.block--next-trainings .tile
{
	min-width:100%;
	max-width:100%
}

}
.block--next-trainings .tile .bar
{
	background-color:#F0F0F0
}
.block--next-trainings .tile .accent
{
	color:#318DCC
}
.block--next-trainings .tile .tile__overlay
{
	background-color:#318DCC
}
.block--next-trainings .tile .tile__overlay .bar
{
	background-color:#45A1E0
}
.block--next-trainings .tile .icon
{
	background-image:url("../images/trainings_icons/blue.png")
}
.block--next-trainings .tile:nth-child(2n)
{
	background-color:#F0F0F0
}
.block--next-trainings .tile:nth-child(2n) .bar
{
	background-color:#D5D5D5
}
.block--next-trainings .tile:nth-child(2n) .accent
{
	color:#A7468B
}
.block--next-trainings .tile:nth-child(2n) .tile__overlay
{
	background-color:#A7468B
}
.block--next-trainings .tile:nth-child(2n) .tile__overlay .bar
{
	background-color:#BA539A
}
.block--next-trainings .tile:nth-child(2n) .icon
{
	background-image:url("../images/trainings_icons/violet.png")
}
.block--next-trainings .tile:nth-child(1) .accent
{
	color:#318DCC
}
.block--next-trainings .tile:nth-child(1) .tile__overlay
{
	background-color:#318DCC
}
.block--next-trainings .tile:nth-child(1) .tile__overlay .bar
{
	background-color:#45A1E0
}
.block--next-trainings .tile:nth-child(1) .icon
{
	background-image:url("../images/trainings_icons/blue.png")
}
.block--next-trainings .tile:nth-child(2) .accent
{
	color:#A7468B
}
.block--next-trainings .tile:nth-child(2) .tile__overlay
{
	background-color:#A7468B
}
.block--next-trainings .tile:nth-child(2) .tile__overlay .bar
{
	background-color:#BA539A
}
.block--next-trainings .tile:nth-child(2) .icon
{
	background-image:url("../images/trainings_icons/violet.png")
}
.block--next-trainings .tile:nth-child(3) .accent
{
	color:#6A3F8F
}
.block--next-trainings .tile:nth-child(3) .tile__overlay
{
	background-color:#6A3F8F
}
.block--next-trainings .tile:nth-child(3) .tile__overlay .bar
{
	background-color:#784B9E
}
.block--next-trainings .tile:nth-child(3) .icon
{
	background-image:url("../images/trainings_icons/purple.png")
}
.block--next-trainings .tile:nth-child(4) .accent
{
	color:#0D985F
}
.block--next-trainings .tile:nth-child(4) .tile__overlay
{
	background-color:#0D985F
}
.block--next-trainings .tile:nth-child(4) .tile__overlay .bar
{
	background-color:#15AE6E
}
.block--next-trainings .tile:nth-child(4) .icon
{
	background-image:url("../images/trainings_icons/green.png")
}
.block--next-trainings .tile .tile__overlay
{
	display:-webkit-box;
	display:flex;
	opacity:0;
	color:white;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	background-color:#318DCC;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	flex-direction:column;
	-webkit-box-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	align-items:center;
	font-weight:700;
	-webkit-transition:opacity .2s;
	transition:opacity .2s;
	cursor:pointer
}
.block--next-trainings .tile .tile__overlay span+span
{
	margin-top:0
}
.block--next-trainings .tile .tile__overlay .bar
{
	opacity:.2;
	height:7px
}
.block--next-trainings .tile .tile__overlay a
{
	padding:0;
	height:auto;
	text-transform:uppercase
}
.block--next-trainings .tile .tile__overlay .bar,.block--next-trainings .tile .tile__overlay a
{
	margin-top:20px
}
.block--next-trainings .tile .tile__overlay .where
{
	margin-bottom:17px
}
.block--next-trainings .tile .tile__overlay .when
{
	margin-bottom:10px
}
.block--next-trainings .tile .bar
{
	height:1px
}
.block--next-trainings .see-all
{
	display:inline-block;
	margin:auto;
	text-align:center;
	width:100%;
	margin-top:25px
}
.block--next-trainings .see-all a
{
	text-decoration:none;
	color:#2688c9;
	font-weight:700
}
.tile.accent-red .overlay
{
	background-color:rgba(229,24,23,0.95) !important
}
.tile.accent-red:hover
{
	border-color:rgba(229,24,23,0.95) !important
}
.tile.accent-red .title
{
	color:#E51817 !important
}
.tile.accent-red.tile-kb .readmore
{
	color:#E51817 !important
}
.tile.accent-red.tile-kb .overlay .title,.tile.accent-red.tile-kb .overlay .readmore
{
	color:white !important
}
.tile.accent-red.tile--popular:hover
{
	background-color:#E51817 !important
}
.tile.accent-red.tile--popular:hover .title,.tile.accent-red.tile--popular:hover .cta
{
	color:white !important
}
.tile.accent-red.tile--popular:hover .bar
{
	background-color:white !important
}
.tile.accent-red.tile--popular .cta
{
	color:#E51817 !important
}
.tile.accent-grey .overlay
{
	background-color:rgba(99,99,99,0.95) !important
}
.tile.accent-grey:hover
{
	border-color:rgba(99,99,99,0.95) !important
}
.tile.accent-grey .title
{
	color:#636363 !important
}
.tile.accent-grey.tile-kb .readmore
{
	color:#636363 !important
}
.tile.accent-grey.tile-kb .overlay .title,.tile.accent-grey.tile-kb .overlay .readmore
{
	color:white !important
}
.tile.accent-grey.tile--popular:hover
{
	background-color:#636363 !important
}
.tile.accent-grey.tile--popular:hover .title,.tile.accent-grey.tile--popular:hover .cta
{
	color:white !important
}
.tile.accent-grey.tile--popular:hover .bar
{
	background-color:white !important
}
.tile.accent-grey.tile--popular .cta
{
	color:#636363 !important
}
.tile.accent-green .overlay
{
	background-color:rgba(0,147,86,0.95) !important
}
.tile.accent-green:hover
{
	border-color:rgba(0,147,86,0.95) !important
}
.tile.accent-green .title
{
	color:#009356 !important
}
.tile.accent-green.tile-kb .readmore
{
	color:#009356 !important
}
.tile.accent-green.tile-kb .overlay .title,.tile.accent-green.tile-kb .overlay .readmore
{
	color:white !important
}
.tile.accent-green.tile--popular:hover
{
	background-color:#009356 !important
}
.tile.accent-green.tile--popular:hover .title,.tile.accent-green.tile--popular:hover .cta
{
	color:white !important
}
.tile.accent-green.tile--popular:hover .bar
{
	background-color:white !important
}
.tile.accent-green.tile--popular .cta
{
	color:#009356 !important
}
.tile.accent-purple .overlay
{
	background-color:rgba(101,55,140,0.95) !important
}
.tile.accent-purple:hover
{
	border-color:rgba(101,55,140,0.95) !important
}
.tile.accent-purple .title
{
	color:#65378C !important
}
.tile.accent-purple.tile-kb .readmore
{
	color:#65378C !important
}
.tile.accent-purple.tile-kb .overlay .title,.tile.accent-purple.tile-kb .overlay .readmore
{
	color:white !important
}
.tile.accent-purple.tile--popular:hover
{
	background-color:#65378C !important
}
.tile.accent-purple.tile--popular:hover .title,.tile.accent-purple.tile--popular:hover .cta
{
	color:white !important
}
.tile.accent-purple.tile--popular:hover .bar
{
	background-color:white !important
}
.tile.accent-purple.tile--popular .cta
{
	color:#65378C !important
}
.tile.accent-violet .overlay
{
	background-color:rgba(163,61,132,0.95) !important
}
.tile.accent-violet:hover
{
	border-color:rgba(163,61,132,0.95) !important
}
.tile.accent-violet .title
{
	color:#A33D84 !important
}
.tile.accent-violet.tile-kb .readmore
{
	color:#A33D84 !important
}
.tile.accent-violet.tile-kb .overlay .title,.tile.accent-violet.tile-kb .overlay .readmore
{
	color:white !important
}
.tile.accent-violet.tile--popular:hover
{
	background-color:#A33D84 !important
}
.tile.accent-violet.tile--popular:hover .title,.tile.accent-violet.tile--popular:hover .cta
{
	color:white !important
}
.tile.accent-violet.tile--popular:hover .bar
{
	background-color:white !important
}
.tile.accent-violet.tile--popular .cta
{
	color:#A33D84 !important
}
.tile.accent-blue .overlay
{
	background-color:rgba(40,137,202,0.95) !important
}
.tile.accent-blue:hover
{
	border-color:rgba(40,137,202,0.95) !important
}
.tile.accent-blue .title
{
	color:#2889CA !important
}
.tile.accent-blue.tile-kb .readmore
{
	color:#2889CA !important
}
.tile.accent-blue.tile-kb .overlay .title,.tile.accent-blue.tile-kb .overlay .readmore
{
	color:white !important
}
.tile.accent-blue.tile--popular:hover
{
	background-color:#2889CA !important
}
.tile.accent-blue.tile--popular:hover .title,.tile.accent-blue.tile--popular:hover .cta
{
	color:white !important
}
.tile.accent-blue.tile--popular:hover .bar
{
	background-color:white !important
}
.tile.accent-blue.tile--popular .cta
{
	color:#2889CA !important
}
.tiles
{
	position:relative;
	list-style:none;
	display:-webkit-box;
	display:flex;
	margin:0;
	padding:0;
	padding-bottom:81px
}
.tiles .tile
{
	background-color:#ededed;
	padding:20px;
	text-align:center;
	position:relative;
	min-height:300px;
	height:100%;
	display:-webkit-box;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	flex-direction:column;
	-webkit-box-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	align-items:center;
	-webkit-transition:-webkit-transform .2s;
	transition:-webkit-transform .2s;
	transition:transform .2s;
	transition:transform .2s, -webkit-transform .2s
}
.tiles .tile .title
{
	color:#64368c;
	font-weight:bold
}
.tiles .tile .bar
{
	background-color:#cfcfcf;
	height:7px;
	width:139px;
	margin:0 auto
}
.tiles .tile .cta
{
	color:#019356;
	font-weight:bold;
	line-height:60px;
	text-decoration:none
}
.tiles .tile .desc
{
	font-size:15px;
	line-height:28px;
	max-width:300px
}
.tiles .tile .when-where
{
	color:#64368c;
	font-weight:700
}
/*md 768px*/
@media(min-width: 48em) {
  .arrow{

      transform: rotate(-18deg)
  }
}
/*lg 992px*/
@media(min-width: 62em) {
  #hamburger-menu{display: none;}
}