/* ----------------------  E X T R A   P A D D I N G / M A R G I N   C L A S S E S   -- */

/* ----------------------------------------------------------------  P A D D I N G   -- */

.pl-s0, .px-s0, .p-s0	{padding-left:   0em !important;}
.pr-s0, .px-s0, .p-s0	{padding-right:  0em !important;}
.pt-s0, .py-s0, .p-s0	{padding-top:    0em !important;}
.pb-s0, .py-s0, .p-s0	{padding-bottom: 0em !important;}

.pl-s1, .px-s1, .p-s1	{padding-left:   1em !important;}
.pr-s1, .px-s1, .p-s1	{padding-right:  1em !important;}
.pt-s1, .py-s1, .p-s1	{padding-top:    1em !important;}
.pb-s1, .py-s1, .p-s1	{padding-bottom: 1em !important;}

.pl-s2, .px-s2, .p-s2	{padding-left:   2em !important;}
.pr-s2, .px-s2, .p-s2	{padding-right:  2em !important;}
.pt-s2, .py-s2, .p-s2	{padding-top:    2em !important;}
.pb-s2, .py-s2, .p-s2	{padding-bottom: 2em !important;}

.pl-s3, .px-s3, .p-s3	{padding-left:   3em !important;}
.pr-s3, .px-s3, .p-s3	{padding-right:  3em !important;}
.pt-s3, .py-s3, .p-s3	{padding-top:    3em !important;}
.pb-s3, .py-s3, .p-s3	{padding-bottom: 3em !important;}

.pl-s4, .px-s4, .p-s4	{padding-left:   4em !important;}
.pr-s4, .px-s4, .p-s4	{padding-right:  4em !important;}
.pt-s4, .py-s4, .p-s4	{padding-top:    4em !important;}
.pb-s4, .py-s4, .p-s4	{padding-bottom: 4em !important;}

.pl-s5, .px-s5, .p-s5	{padding-left:   5em !important;}
.pr-s5, .px-s5, .p-s5	{padding-right:  5em !important;}
.pt-s5, .py-s5, .p-s5	{padding-top:    5em !important;}
.pb-s5, .py-s5, .p-s5	{padding-bottom: 5em !important;}

/* ------------------------------------------------------------------  M A R G I N   -- */
.ml-s0, .mx-s0, .m-s0	{margin-left:   0em !important;}
.mr-s0, .mx-s0, .m-s0	{margin-right:  0em !important;}
.mt-s0, .my-s0, .m-s0	{margin-top:    0em !important;}
.mb-s0, .my-s0, .m-s0	{margin-bottom: 0em !important;}

.ml-s1, .mx-s1, .m-s1	{margin-left:   1em !important;}
.mr-s1, .mx-s1, .m-s1	{margin-right:  1em !important;}
.mt-s1, .my-s1, .m-s1	{margin-top:    1em !important;}
.mb-s1, .my-s1, .m-s1	{margin-bottom: 1em !important;}

.ml-s2, .mx-s2, .m-s2	{margin-left:   2em !important;}
.mr-s2, .mx-s2, .m-s2	{margin-right:  2em !important;}
.mt-s2, .my-s2, .m-s2	{margin-top:    2em !important;}
.mb-s2, .my-s2, .m-s2	{margin-bottom: 2em !important;}

.ml-s3, .mx-s3, .m-s3	{margin-left:   3em !important;}
.mr-s3, .mx-s3, .m-s3	{margin-right:  3em !important;}
.mt-s3, .my-s3, .m-s3	{margin-top:    3em !important;}
.mb-s3, .my-s3, .m-s3	{margin-bottom: 3em !important;}

.ml-s4, .mx-s4, .m-s4	{margin-left:   4em !important;}
.mr-s4, .mx-s4, .m-s4	{margin-right:  4em !important;}
.mt-s4, .my-s4, .m-s4	{margin-top:    4em !important;}
.mb-s4, .my-s4, .m-s4	{margin-bottom: 4em !important;}

.ml-s5, .mx-s5, .m-s5	{margin-left:   5em !important;}
.mr-s5, .mx-s5, .m-s5	{margin-right:  5em !important;}
.mt-s5, .my-s5, .m-s5	{margin-top:    5em !important;}
.mb-s5, .my-s5, .m-s5	{margin-bottom: 5em !important;}

.mx-auto {margin-left: auto !important; margin-right:  auto !important;}

@media (min-width:601px)  {
/* ----------------------------------------------------------------  P A D D I N G   -- */
	.pl-m0, .px-m0, .p-m0	{padding-left:   0em !important;}
	.pr-m0, .px-m0, .p-m0	{padding-right:  0em !important;}
	.pt-m0, .py-m0, .p-m0	{padding-top:    0em !important;}
	.pb-m0, .py-m0, .p-m0	{padding-bottom: 0em !important;}

	.pl-m1, .px-m1, .p-m1	{padding-left:   1em !important;}
	.pr-m1, .px-m1, .p-m1	{padding-right:  1em !important;}
	.pt-m1, .py-m1, .p-m1	{padding-top:    1em !important;}
	.pb-m1, .py-m1, .p-m1	{padding-bottom: 1em !important;}

	.pl-m2, .px-m2, .p-m2	{padding-left:   2em !important;}
	.pr-m2, .px-m2, .p-m2	{padding-right:  2em !important;}
	.pt-m2, .py-m2, .p-m2	{padding-top:    2em !important;}
	.pb-m2, .py-m2, .p-m2	{padding-bottom: 2em !important;}

	.pl-m3, .px-m3, .p-m3	{padding-left:   3em !important;}
	.pr-m3, .px-m3, .p-m3	{padding-right:  3em !important;}
	.pt-m3, .py-m3, .p-m3	{padding-top:    3em !important;}
	.pb-m3, .py-m3, .p-m3	{padding-bottom: 3em !important;}

	.pl-m4, .px-m4, .p-m4	{padding-left:   4em !important;}
	.pr-m4, .px-m4, .p-m4	{padding-right:  4em !important;}
	.pt-m4, .py-m4, .p-m4	{padding-top:    4em !important;}
	.pb-m4, .py-m4, .p-m4	{padding-bottom: 4em !important;}

	.pl-m5, .px-m5, .p-m5	{padding-left:   5em !important;}
	.pr-m5, .px-m5, .p-m5	{padding-right:  5em !important;}
	.pt-m5, .py-m5, .p-m5	{padding-top:    5em !important;}
	.pb-m5, .py-m5, .p-m5	{padding-bottom: 5em !important;}

/* ------------------------------------------------------------------  M A R G I N   -- */
	.ml-m0, .mx-m0, .m-m0	{margin-left:   0em !important;}
	.mr-m0, .mx-m0, .m-m0	{margin-right:  0em !important;}
	.mt-m0, .my-m0, .m-m0	{margin-top:    0em !important;}
	.mb-m0, .my-m0, .m-m0	{margin-bottom: 0em !important;}

	.ml-m1, .mx-m1, .m-m1	{margin-left:   1em !important;}
	.mr-m1, .mx-m1, .m-m1	{margin-right:  1em !important;}
	.mt-m1, .my-m1, .m-m1	{margin-top:    1em !important;}
	.mb-m1, .my-m1, .m-m1	{margin-bottom: 1em !important;}

	.ml-m2, .mx-m2, .m-m2	{margin-left:   2em !important;}
	.mr-m2, .mx-m2, .m-m2	{margin-right:  2em !important;}
	.mt-m2, .my-m2, .m-m2	{margin-top:    2em !important;}
	.mb-m2, .my-m2, .m-m2	{margin-bottom: 2em !important;}

	.ml-m3, .mx-m3, .m-m3	{margin-left:   3em !important;}
	.mr-m3, .mx-m3, .m-m3	{margin-right:  3em !important;}
	.mt-m3, .my-m3, .m-m3	{margin-top:    3em !important;}
	.mb-m3, .my-m3, .m-m3	{margin-bottom: 3em !important;}

	.ml-m4, .mx-m4, .m-m4	{margin-left:   4em !important;}
	.mr-m4, .mx-m4, .m-m4	{margin-right:  4em !important;}
	.mt-m4, .my-m4, .m-m4	{margin-top:    4em !important;}
	.mb-m4, .my-m4, .m-m4	{margin-bottom: 4em !important;}

	.ml-m5, .mx-m5, .m-m5	{margin-left:   5em !important;}
	.mr-m5, .mx-m5, .m-m5	{margin-right:  5em !important;}
	.mt-m5, .my-m5, .m-m5	{margin-top:    5em !important;}
	.mb-m5, .my-m5, .m-m5	{margin-bottom: 5em !important;}
}

@media (min-width:993px) {
/* ----------------------------------------------------------------  P A D D I N G   -- */
	.pl-l0, .px-l0, .p-l0	{padding-left:   0em !important;}
	.pr-l0, .px-l0, .p-l0	{padding-right:  0em !important;}
	.pt-l0, .py-l0, .p-l0	{padding-top:    0em !important;}
	.pb-l0, .py-l0, .p-l0	{padding-bottom: 0em !important;}

	.pl-l1, .px-l1, .p-l1	{padding-left:   1em !important;}
	.pr-l1, .px-l1, .p-l1	{padding-right:  1em !important;}
	.pt-l1, .py-l1, .p-l1	{padding-top:    1em !important;}
	.pb-l1, .py-l1, .p-l1	{padding-bottom: 1em !important;}

	.pl-l2, .px-l2, .p-l2	{padding-left:   2em !important;}
	.pr-l2, .px-l2, .p-l2	{padding-right:  2em !important;}
	.pt-l2, .py-l2, .p-l2	{padding-top:    2em !important;}
	.pb-l2, .py-l2, .p-l2	{padding-bottom: 2em !important;}

	.pl-l3, .px-l3, .p-l3	{padding-left:   3em !important;}
	.pr-l3, .px-l3, .p-l3	{padding-right:  3em !important;}
	.pt-l3, .py-l3, .p-l3	{padding-top:    3em !important;}
	.pb-l3, .py-l3, .p-l3	{padding-bottom: 3em !important;}

	.pl-l4, .px-l4, .p-l4	{padding-left:   4em !important;}
	.pr-l4, .px-l4, .p-l4	{padding-right:  4em !important;}
	.pt-l4, .py-l4, .p-l4	{padding-top:    4em !important;}
	.pb-l4, .py-l4, .p-l4	{padding-bottom: 4em !important;}

	.pl-l5, .px-l5, .p-l5	{padding-left:   5em !important;}
	.pr-l5, .px-l5, .p-l5	{padding-right:  5em !important;}
	.pt-l5, .py-l5, .p-l5	{padding-top:    5em !important;}
	.pb-l5, .py-l5, .p-l5	{padding-bottom: 5em !important;}

/* ------------------------------------------------------------------  M A R G I N   -- */
	.ml-l0, .mx-l0, .m-l0	{margin-left:   0em !important;}
	.mr-l0, .mx-l0, .m-l0	{margin-right:  0em !important;}
	.mt-l0, .my-l0, .m-l0	{margin-top:    0em !important;}
	.mb-l0, .my-l0, .m-l0	{margin-bottom: 0em !important;}

	.ml-l1, .mx-l1, .m-l1	{margin-left:   1em !important;}
	.mr-l1, .mx-l1, .m-l1	{margin-right:  1em !important;}
	.mt-l1, .my-l1, .m-l1	{margin-top:    1em !important;}
	.mb-l1, .my-l1, .m-l1	{margin-bottom: 1em !important;}

	.ml-l2, .mx-l2, .m-l2	{margin-left:   2em !important;}
	.mr-l2, .mx-l2, .m-l2	{margin-right:  2em !important;}
	.mt-l2, .my-l2, .m-l2	{margin-top:    2em !important;}
	.mb-l2, .my-l2, .m-l2	{margin-bottom: 2em !important;}

	.ml-l3, .mx-l3, .m-l3	{margin-left:   3em !important;}
	.mr-l3, .mx-l3, .m-l3	{margin-right:  3em !important;}
	.mt-l3, .my-l3, .m-l3	{margin-top:    3em !important;}
	.mb-l3, .my-l3, .m-l3	{margin-bottom: 3em !important;}

	.ml-l4, .mx-l4, .m-l4	{margin-left:   4em !important;}
	.mr-l4, .mx-l4, .m-l4	{margin-right:  4em !important;}
	.mt-l4, .my-l4, .m-l4	{margin-top:    4em !important;}
	.mb-l4, .my-l4, .m-l4	{margin-bottom: 4em !important;}

	.ml-l5, .mx-l5, .m-l5	{margin-left:   5em !important;}
	.mr-l5, .mx-l5, .m-l5	{margin-right:  5em !important;}
	.mt-l5, .my-l5, .m-l5	{margin-top:    5em !important;}
	.mb-l5, .my-l5, .m-l5	{margin-bottom: 5em !important;}
}


/* ----------------------------  R E S P O N S I V E  A L I G N M E N T S   -- */


.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;}
.y3-s-left  {float: left  !important;}
.y3-s-right {float: right !important;}

@media (min-width:601px) {
	.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;}
	
	.y3-m-left  {float: left  !important;}
	.y3-m-right {float: right !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;}
	
	.y3-l-left  {float: left  !important;}
	.y3-l-right {float: right !important;}
}


/* --------------------------------------------------------  M O R E   C O L O R S   -- */

.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}


/* --------------  C U S T O M   B R E A K   P O I N T   F O R   Y 3 - M O B I L E   -- */
@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%;
	}
}


/* flex-based grid */
/* inspired by http://flexboxgrid.com */
.y3-flex-container  {display: flex; flex-wrap: wrap; flex-direction: row; width: 100%;}
.y3-flex-items-center {justify-content: center;}

.y3-flex  {display: flex; flex-direction: row; flex-basis: 100%; max-width: 100%; padding-left: 0.5em; padding-right: 0.5em;}

.y3-flex.s0  {display: none;}
.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}


@media (min-width:601px){
	.y3-flex.s0  {display: flex;}
	.y3-flex.m0  {display: none;}
	.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}
}

@media (min-width:993px){
	.y3-flex.m0  {display: flex;}
	.y3-flex.l0  {display: none;}
	.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-card {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.y3-flexible {
    flex-grow: 1;
}

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

.y3-hidden  {
	overflow: hidden;
}

/* ------------------------------------------------------  T E X T   &   F O N T S   -- */
.y3-extrasmall {font-size:10px;line-height:1.1;}
.y3-small {font-size:12px;line-height:1.2;}
.y3-normal {font-size:15px;line-height:1.5;}
.y3-large {font-size:18px;line-height:1.8;}
.y3-extralarge {font-size:24px;line-height:2;}

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

.y3-link  {
	color:#3f51b5; /* w3-indigo */
	font-weight: 500;
}

.y3-nobr { white-space:nowrap; }
/* ----------------------------------------------------------------  A N I M A T E   -- */

.y3-animate-opacity-fast {
	animation:opac 0.4s
	}
	@keyframes opac {
	 from{opacity:0} to{opacity:1}
}

.y3-animate-BgFadeIn {
	animation-name: BgFadeIn;
	animation-duration: .5s;
	animation-delay: 0.1s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}
@keyframes BgFadeIn {
	from { background-color: transparent;}
	to { background-color: inherent; visibility:visible;}
}

/* --------------------------------------------------------------------  C A R D S   -- */

.y3-cards-same-height  {
	height: 100% !important;
}

/* --------------------------------------------------------------------  L I S T S   -- */
/* https://stackoverflow.com/a/13037482 */
/* ensures that the outline styled bullet points stay in line with the text */
.y3-float-container ul  {
		padding-left: 1em;
    	overflow: hidden;
}