/*   ----------------       extra padding/margin classes       ------------- */
.p-0 {padding: 0   !important;}
.p-1 {padding: 1em !important;}
.p-2 {padding: 2em !important;}
.p-3 {padding: 3em !important;}
.p-4 {padding: 4em !important;}
.p-5 {padding: 5em !important;}

.px-0 {padding-left: 0   !important; padding-right: 0   !important;}
.px-1 {padding-left: 1em !important; padding-right: 1em !important;}
.px-2 {padding-left: 2em !important; padding-right: 2em !important;}
.px-3 {padding-left: 3em !important; padding-right: 3em !important;}
.px-4 {padding-left: 4em !important; padding-right: 4em !important;}
.px-5 {padding-left: 5em !important; padding-right: 5em !important;}

.pl-0 {padding-left: 0   !important;}
.pl-1 {padding-left: 1em !important;}
.pl-2 {padding-left: 2em !important;}
.pl-3 {padding-left: 3em !important;}
.pl-4 {padding-left: 4em !important;}
.pl-5 {padding-left: 5em !important;}

.pr-0 {padding-right: 0   !important;}
.pr-1 {padding-right: 1em !important;}
.pr-2 {padding-right: 2em !important;}
.pr-3 {padding-right: 3em !important;}
.pr-4 {padding-right: 4em !important;}
.pr-5 {padding-right: 5em !important;}

.py-0 {padding-top: 0   !important; padding-bottom: 0   !important;}
.py-1 {padding-top: 1em !important; padding-bottom: 1em !important;}
.py-2 {padding-top: 2em !important; padding-bottom: 2em !important;}
.py-3 {padding-top: 3em !important; padding-bottom: 3em !important;}
.py-4 {padding-top: 4em !important; padding-bottom: 4em !important;}
.py-5 {padding-top: 5em !important; padding-bottom: 5em !important;}

.pt-0 {padding-top: 0   !important;}
.pt-1 {padding-top: 1em !important;}
.pt-2 {padding-top: 2em !important;}
.pt-3 {padding-top: 3em !important;}
.pt-4 {padding-top: 4em !important;}
.pt-5 {padding-top: 5em !important;}

.pb-0 {padding-bottom: 0   !important;}
.pb-1 {padding-bottom: 1em !important;}
.pb-2 {padding-bottom: 2em !important;}
.pb-3 {padding-bottom: 3em !important;}
.pb-4 {padding-bottom: 4em !important;}
.pb-5 {padding-bottom: 5em !important;}

.m-0 {margin: 0   !important;}
.m-1 {margin: 1em !important;}
.m-2 {margin: 2em !important;}

.mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
.mx-1 {margin-left: 1em !important; margin-right: 1em !important;}
.mx-2 {margin-left: 2em !important; margin-right: 2em !important;}

.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left: 1em !important;}
.ml-2 {margin-left: 2em !important;}

.mr-0 {margin-right: 0 !important;}
.mr-1 {margin-right: 1em !important;}
.mr-2 {margin-right: 2em !important;}

.my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.my-1 {margin-top: 1em !important; margin-bottom: 1em !important;}
.my-2 {margin-top: 2em !important; margin-bottom: 2em !important;}

.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 1em !important;}
.mt-2 {margin-top: 2em !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 1em !important;}
.mb-2 {margin-bottom: 2em !important;}


@media (min-width:993px) {
	.p-l0 {padding: 0 !important;}
	.p-l1 {padding: 1em !important;}
	.p-l2 {padding: 2em !important;}

	.px-l0 {padding-left: 0 !important; padding-right: 0 !important;}
	.px-l1 {padding-left: 1em !important; padding-right: 1em !important;}
	.px-l2 {padding-left: 2em !important; padding-right: 2em !important;}

	.pl-l0 {padding-left: 0 !important;}
	.pl-l1 {padding-left: 1em !important;}
	.pl-l2 {padding-left: 2em !important;}

	.pr-l0 {padding-right: 0 !important;}
	.pr-l1 {padding-right: 1em !important;}
	.pr-l2 {padding-right: 2em !important;}

	.py-l0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.py-l1 {padding-top: 1em !important; padding-bottom: 1em !important;}
	.py-l2 {padding-top: 2em !important; padding-bottom: 2em !important;}

	.pt-l0 {padding-top: 0 !important;}
	.pt-l1 {padding-top: 1em !important;}
	.pt-l2 {padding-top: 2em !important;}

	.pb-l0 {padding-bottom: 0 !important;}
	.pb-l1 {padding-bottom: 1em !important;}
	.pb-l2 {padding-bottom: 2em !important;}

	.m-l0 {margin: 0 !important;}
	.m-l1 {margin: 1em !important;}
	.m-l2 {margin: 2em !important;}

	.mx-l0 {margin-left: 0 !important; margin-right: 0 !important;}
	.mx-l1 {margin-left: 1em !important; margin-right: 1em !important;}
	.mx-l2 {margin-left: 2em !important; margin-right: 2em !important;}

	.ml-l0 {margin-left: 0 !important;}
	.ml-l1 {margin-left: 1em !important;}
	.ml-l2 {margin-left: 2em !important;}

	.mr-l0 {margin-right: 0 !important;}
	.mr-l1 {margin-right: 1em !important;}
	.mr-l2 {margin-right: 2em !important;}

	.my-l0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.my-l1 {margin-top: 1em !important; margin-bottom: 1em !important;}
	.my-l2 {margin-top: 2em !important; margin-bottom: 2em !important;}

	.mt-l0 {margin-top: 0 !important;}
	.mt-l1 {margin-top: 1em !important;}
	.mt-l2 {margin-top: 2em !important;}

	.mb-l0 {margin-bottom: 0 !important;}
	.mb-l1 {margin-bottom: 1em !important;}
	.mb-l2 {margin-bottom: 2em !important;}
}

@media (min-width:601px) and (max-width: 992px) {
	.p-m0 {padding: 0 !important;}
	.p-m1 {padding: 1em !important;}
	.p-m2 {padding: 2em !important;}

	.px-m0 {padding-left: 0 !important; padding-right: 0 !important;}
	.px-m1 {padding-left: 1em !important; padding-right: 1em !important;}
	.px-m2 {padding-left: 2em !important; padding-right: 2em !important;}

	.pl-m0 {padding-left: 0 !important;}
	.pl-m1 {padding-left: 1em !important;}
	.pl-m2 {padding-left: 2em !important;}

	.pr-m0 {padding-right: 0 !important;}
	.pr-m1 {padding-right: 1em !important;}
	.pr-m2 {padding-right: 2em !important;}

	.py-m0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.py-m1 {padding-top: 1em !important; padding-bottom: 1em !important;}
	.py-m2 {padding-top: 2em !important; padding-bottom: 2em !important;}

	.pt-m0 {padding-top: 0 !important;}
	.pt-m1 {padding-top: 1em !important;}
	.pt-m2 {padding-top: 2em !important;}

	.pb-m0 {padding-bottom: 0 !important;}
	.pb-m1 {padding-bottom: 1em !important;}
	.pb-m2 {padding-bottom: 2em !important;}

	.m-m0 {margin: 0 !important;}
	.m-m1 {margin: 1em !important;}
	.m-m2 {margin: 2em !important;}

	.mx-m0 {margin-left: 0 !important; margin-right: 0 !important;}
	.mx-m1 {margin-left: 1em !important; margin-right: 1em !important;}
	.mx-m2 {margin-left: 2em !important; margin-right: 2em !important;}

	.ml-m0 {margin-left: 0 !important;}
	.ml-m1 {margin-left: 1em !important;}
	.ml-m2 {margin-left: 2em !important;}

	.mr-m0 {margin-right: 0 !important;}
	.mr-m1 {margin-right: 1em !important;}
	.mr-m2 {margin-right: 2em !important;}

	.my-m0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.my-m1 {margin-top: 1em !important; margin-bottom: 1em !important;}
	.my-m2 {margin-top: 2em !important; margin-bottom: 2em !important;}

	.mt-m0 {margin-top: 0 !important;}
	.mt-m1 {margin-top: 1em !important;}
	.mt-m2 {margin-top: 2em !important;}

	.mb-m0 {margin-bottom: 0 !important;}
	.mb-m1 {margin-bottom: 1em !important;}
	.mb-m2 {margin-bottom: 2em !important;}
}

@media (max-width:600px) {
	.p-s0 {padding: 0 !important;}
	.p-s1 {padding: 1em !important;}
	.p-s2 {padding: 2em !important;}

	.px-s0 {padding-left: 0 !important; padding-right: 0 !important;}
	.px-s1 {padding-left: 1em !important; padding-right: 1em !important;}
	.px-s2 {padding-left: 2em !important; padding-right: 2em !important;}

	.pl-s0 {padding-left: 0 !important;}
	.pl-s1 {padding-left: 1em !important;}
	.pl-s2 {padding-left: 2em !important;}

	.pr-s0 {padding-right: 0 !important;}
	.pr-s1 {padding-right: 1em !important;}
	.pr-s2 {padding-right: 2em !important;}

	.py-s0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.py-s1 {padding-top: 1em !important; padding-bottom: 1em !important;}
	.py-s2 {padding-top: 2em !important; padding-bottom: 2em !important;}

	.pt-s0 {padding-top: 0 !important;}
	.pt-s1 {padding-top: 1em !important;}
	.pt-s2 {padding-top: 2em !important;}

	.pb-s0 {padding-bottom: 0 !important;}
	.pb-s1 {padding-bottom: 1em !important;}
	.pb-s2 {padding-bottom: 2em !important;}

	.m-s0 {margin: 0 !important;}
	.m-s1 {margin: 1em !important;}
	.m-s2 {margin: 2em !important;}

	.mx-s0 {margin-left: 0 !important; margin-right: 0 !important;}
	.mx-s1 {margin-left: 1em !important; margin-right: 1em !important;}
	.mx-s2 {margin-left: 2em !important; margin-right: 2em !important;}

	.ml-s0 {margin-left: 0 !important;}
	.ml-s1 {margin-left: 1em !important;}
	.ml-s2 {margin-left: 2em !important;}

	.mr-s0 {margin-right: 0 !important;}
	.mr-s1 {margin-right: 1em !important;}
	.mr-s2 {margin-right: 2em !important;}

	.my-s0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.my-s1 {margin-top: 1em !important; margin-bottom: 1em !important;}
	.my-s2 {margin-top: 2em !important; margin-bottom: 2em !important;}

	.mt-s0 {margin-top: 0 !important;}
	.mt-s1 {margin-top: 1em !important;}
	.mt-s2 {margin-top: 2em !important;}

	.mb-s0 {margin-bottom: 0 !important;}
	.mb-s1 {margin-bottom: 1em !important;}
	.mb-s2 {margin-bottom: 2em !important;}
}



@media (min-width:993px) { 
	.y3-l-left-align{text-align:left !important;}
	.y3-l-right-align{text-align:right !important;}
	.y3-l-justify{text-align:justify !important;}
	.y3-l-center{text-align:center !important;}
}

@media (min-width:601px) and (max-width: 992px) {
	.y3-m-left-align{text-align:left !important;}
	.y3-m-right-align{text-align:right !important;}
	.y3-m-justify{text-align:justify !important;}
	.y3-m-center{text-align:center !important;}
}

@media (max-width:600px) {
	.y3-s-left-align{text-align:left !important;}
	.y3-s-right-align{text-align:right !important;}
	.y3-s-justify{text-align:justify !important;}
	.y3-s-center{text-align:center !important;}
}
/* more colors */
.y3-clay, .y3-hover-clay:hover{color:#fff!important;background-color:#B0512E!important}
.y3-text-clay, .y3-hover-text-clay:hover{color:#B0512E!important}
.y3-border-clay, .y3-hover-border-clay:hover{border-color:#B0512E!important}

.y3-dark-clay, .y3-hover-dark-clay:hover{color:#fff!important;background-color:#8E4125!important}
.y3-text-dark-clay, .y3-hover-text-dark-clay:hover{color:#8E4125!important}
.y3-border-dark-clay, .y3-hover-border-dark-clay:hover{border-color:#8E4125!important}

.y3-light-clay, .y3-hover-light-clay:hover{color:#fff!important;background-color:#D06D49!important}
.y3-text-light-clay, .y3-hover-text-light-clay:hover{color:#D06D49!important}
.y3-border-light-clay, .y3-hover-border-light-clay:hover{border-color:#D06D49!important}


.y3-trans,.y3-hover-trans:hover{color:#fff!important;background-color:#0000!important}

/* custom break point for y3-mobile */
@media (max-width:768px){
	.w3-dropdown-hover.y3-mobile .w3-dropdown-content,
	.w3-dropdown-click.y3-mobile .w3-dropdown-content {
		position:relative;
	}
	.y3-mobile {
		display:block;
		width:100% !important;
	}
	.w3-bar-item.y3-mobile,
	.w3-dropdown-hover.y3-mobile,
	.w3-dropdown-click.y3-mobile {
		text-align:center;
	}
	.w3-dropdown-hover.y3-mobile,
	.w3-dropdown-hover.y3-mobile .w3-btn,
	.w3-dropdown-hover.y3-mobile .w3-button,
	.w3-dropdown-click.y3-mobile,
	.w3-dropdown-click.y3-mobile .w3-btn,
	.w3-dropdown-click.y3-mobile .w3-button {
		width:100%;
	}
}

.y3-hyphens {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* flex-based grid */
/* inspired by http://flexboxgrid.com */
.y3-flex-container  {display: flex; flex-wrap: wrap;}
.y3-flex {flex-basis: 100%; max-width: 100%; padding-right: 0.5rem; padding-left: 0.5rem;}
.y3-flex.s0 {flex-basis:  auto; max-width:  auto}
.y3-flex.s1 {flex-basis:  8.33333%; max-width:  8.33333%}
.y3-flex.s2 {flex-basis: 16.66666%; max-width: 16.66666%}
.y3-flex.s3 {flex-basis: 24.99999%; max-width: 24.99999%}
.y3-flex.s4 {flex-basis: 33.33333%; max-width: 33.33333%}
.y3-flex.s5 {flex-basis: 41.66666%; max-width: 41.66666%}
.y3-flex.s6 {flex-basis: 49.99999%; max-width: 49.99999%}
.y3-flex.s7 {flex-basis: 58.33333%; max-width: 58.33333%}
.y3-flex.s8 {flex-basis: 66.66666%; max-width: 66.66666%}
.y3-flex.s9 {flex-basis: 74.99999%; max-width: 74.99999%}
.y3-flex.s10{flex-basis: 83.33333%; max-width: 83.33333%}
.y3-flex.s11{flex-basis: 91.66666%; max-width: 91.66666%}
.y3-flex.s12{flex-basis: 99.99999%; max-width: 99.99999%}

.y3-flex.order-s-1, .y3-flex.order-1{order:1}
.y3-flex.order-s-2, .y3-flex.order-2{order:2}
.y3-flex.order-s-3, .y3-flex.order-3{order:3}
.y3-flex.order-s-4, .y3-flex.order-4{order:4}
.y3-flex.order-s-5, .y3-flex.order-5{order:5}
.y3-flex.order-s-6, .y3-flex.order-6{order:6}

.y3-flex-s-left,   .y3-flex-left {justify-content: flex-start;}
.y3-flex-s-center, .y3-flex-center {justify-content: center;}
.y3-flex-s-right,  .y3-flex-right {justify-content: flex-end;}
.y3-flex-s-top,    .y3-flex-top  {align-items: flex-start;}
.y3-flex-s-middle, .y3-flex-middle {align-items: center;}
.y3-flex-s-bottom, .y3-flex-bottom  {align-items: flex-end;}



@media (min-width:601px){
	.y3-flex.m0 {flex-basis:  auto; max-width:  auto}
	.y3-flex.m1 {flex-basis:  8.33333%; max-width:  8.33333%}
	.y3-flex.m2 {flex-basis: 16.66666%; max-width: 16.66666%}
	.y3-flex.m3 {flex-basis: 24.99999%; max-width: 24.99999%}
	.y3-flex.m4 {flex-basis: 33.33333%; max-width: 33.33333%}
	.y3-flex.m5 {flex-basis: 41.66666%; max-width: 41.66666%}
	.y3-flex.m6 {flex-basis: 49.99999%; max-width: 49.99999%}
	.y3-flex.m7 {flex-basis: 58.33333%; max-width: 58.33333%}
	.y3-flex.m8 {flex-basis: 66.66666%; max-width: 66.66666%}
	.y3-flex.m9 {flex-basis: 74.99999%; max-width: 74.99999%}
	.y3-flex.m10{flex-basis: 83.33333%; max-width: 83.33333%}
	.y3-flex.m11{flex-basis: 91.66666%; max-width: 91.66666%}
	.y3-flex.m12{flex-basis: 99.99999%; max-width: 99.99999%}
	
	.y3-flex.order-m-1{order:1}
	.y3-flex.order-m-2{order:2}
	.y3-flex.order-m-3{order:3}
	.y3-flex.order-m-4{order:4}
	.y3-flex.order-m-5{order:5}
	.y3-flex.order-m-6{order:6}

	.y3-flex-m-left  {justify-content: flex-start;}
	.y3-flex-m-center {justify-content: center;}
	.y3-flex-m-right {justify-content: flex-end;}
	.y3-flex-m-top  {align-items: flex-start;}
	.y3-flex-m-middle {align-items: center;}
	.y3-flex-m-bottom  {align-items: flex-end;}

}

@media (min-width:993px){
	.y3-flex.l0 {flex-basis:  auto; max-width:  auto}
	.y3-flex.l1 {flex-basis:  8.33333%; max-width:  8.33333%}
	.y3-flex.l2 {flex-basis: 16.66666%; max-width: 16.66666%}
	.y3-flex.l3 {flex-basis: 24.99999%; max-width: 24.99999%}
	.y3-flex.l4 {flex-basis: 33.33333%; max-width: 33.33333%}
	.y3-flex.l5 {flex-basis: 41.66666%; max-width: 41.66666%}
	.y3-flex.l6 {flex-basis: 49.99999%; max-width: 49.99999%}
	.y3-flex.l7 {flex-basis: 58.33333%; max-width: 58.33333%}
	.y3-flex.l8 {flex-basis: 66.66666%; max-width: 66.66666%}
	.y3-flex.l9 {flex-basis: 74.99999%; max-width: 74.99999%}
	.y3-flex.l10{flex-basis: 83.33333%; max-width: 83.33333%}
	.y3-flex.l11{flex-basis: 91.66666%; max-width: 91.66666%}
	.y3-flex.l12{flex-basis: 99.99999%; max-width: 99.99999%}

	.y3-flex.order-l-1{order:1}
	.y3-flex.order-l-2{order:2}
	.y3-flex.order-l-3{order:3}
	.y3-flex.order-l-4{order:4}
	.y3-flex.order-l-5{order:5}
	.y3-flex.order-l-6{order:6}
	
	.y3-flex-l-left  {justify-content: flex-start;}
	.y3-flex-l-center {justify-content: center;}
	.y3-flex-l-right {justify-content: flex-end;}
	.y3-flex-l-top  {align-items: flex-start;}
	.y3-flex-l-middle {align-items: center;}
	.y3-flex-l-bottom  {align-items: flex-end;}

}


.y3-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}