/*!
TAT CSS v1.1
*/

/* CONTAINERS */

[class*=tat-r],
[class*=tat-c],
[class*=tat-g],
[class*=tat-n]{ 
    display: flex;
}

.tat-i {
	display: inline-flex;
}

/* Single row/column containers */
.tat-r { 
	flex-flow: row nowrap;  
}
.tat-r-r { 
	flex-flow: row-reverse nowrap;  
}
.tat-c { 
    flex-flow: column nowrap; 
}
.tat-c-r { 
	flex-flow: column-reverse nowrap; 
}


/* Multiple rows/columns grids */
.tat-g {
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;  
}
.tat-g-r { 
	flex-flow: row-reverse wrap;  
}
.tat-n { 
    flex-flow: column wrap; 
}
.tat-n-r { 
	flex-flow: column-reverse wrap; 
}

/* Alignments */
.tat-center {
	justify-content: center;
}
.tat-left {
	justify-content: flex-start;
}
.tat-right {
	justify-content: flex-end;
}
.tat-between {
	justify-content: space-between;
}
.tat-around {
	justify-content: space-around;
}
.tat-middle {
	align-items: center; 
}
.tat-top {
	align-items: flex-start; 
}
.tat-bottom {
	align-items: flex-end; 
}
.tat-stretch {
	align-items: stretch; 
}
.tat-vspace {
	align-content: space-between; 
}

/* Self alignments */

.tat-s-top { 
	align-self: flex-start; 
}
.tat-s-bottom { 
	align-self: flex-end; 
}
.tat-s-middle {
	align-self: center;
}
.tat-s-stretch {
	align-self: stretch;
}

/* Containers - media queries */

@media screen and (min-width:35.5em){
	.tat-c-sm { 
    	flex-flow: column nowrap; 
	}
	.tat-c-r-sm { 
		flex-flow: column-reverse nowrap; 
	}
	.tat-r-sm { 
		flex-flow: row nowrap;  
	}
	.tat-r-r-sm { 
		flex-flow: row-reverse nowrap;  
	}
	.tat-g-sm {
	    flex-flow: row wrap;  
	}
	.tat-g-r-sm {
	    flex-flow: row-reverse wrap;  
	}
	.tat-n-sm {
	    flex-flow: column wrap;  
	}
	.tat-n-r-sm {
	    flex-flow: column-reverse wrap;  
	}
	.tat-center-sm {
		justify-content: center;
	}
	.tat-left-sm {
		justify-content: flex-start;
	}
	.tat-right-sm {
		justify-content: flex-end;
	}
	.tat-between-sm {
		justify-content: space-between;
	}
	.tat-around-sm {
		justify-content: space-around;
	}
	.tat-middle-sm {
		align-items: center; 
	}
	.tat-top-sm {
		align-items: flex-start; 
	}
	.tat-bottom-sm {
		align-items: flex-end; 
	}
	.tat-stretch-sm {
		align-items: stretch; 
	}
	.tat-vspace-sm {
		align-content: space-between; 
	}
}
@media screen and (min-width:48em){
	.tat-c-md { 
    	flex-flow: column nowrap; 
	}
	.tat-c-r-md { 
		flex-flow: column-reverse nowrap; 
	}
	.tat-r-md { 
		flex-flow: row nowrap;  
	}
	.tat-r-r-md { 
		flex-flow: row-reverse nowrap;  
	}
	.tat-g-md {
	    flex-flow: row wrap;  
	}
	.tat-g-r-md {
	    flex-flow: row-reverse wrap;  
	}
	.tat-n-md {
	    flex-flow: column wrap;  
	}
	.tat-n-r-md {
	    flex-flow: column-reverse wrap;  
	}
	.tat-center-md {
		justify-content: center;
	}
	.tat-left-md {
		justify-content: flex-start;
	}
	.tat-right-md {
		justify-content: flex-end;
	}
	.tat-between-md {
		justify-content: space-between;
	}
	.tat-around-md {
		justify-content: space-around;
	}
	.tat-middle-md {
		align-items: center; 
	}
	.tat-top-md {
		align-items: flex-start; 
	}
	.tat-bottom-md {
		align-items: flex-end; 
	}
	.tat-stretch-md {
		align-items: stretch; 
	}
	.tat-vspace-md {
		align-content: space-between; 
	}
}
@media screen and (min-width:64em){
	.tat-c-lg { 
    	flex-flow: column nowrap; 
	}
	.tat-c-r-lg { 
		flex-flow: column-reverse nowrap; 
	}
	.tat-r-lg { 
		flex-flow: row nowrap;  
	}
	.tat-r-r-lg { 
		flex-flow: row-reverse nowrap;  
	}
	.tat-g-lg {
	    flex-flow: row wrap;  
	}
	.tat-g-r-lg {
	    flex-flow: row-reverse wrap;  
	}
	.tat-n-lg {
	    flex-flow: column wrap;  
	}
	.tat-n-r-lg {
	    flex-flow: column-reverse wrap;  
	}
	.tat-center-lg {
		justify-content: center;
	}
	.tat-left-lg {
		justify-content: flex-start;
	}
	.tat-right-lg {
		justify-content: flex-end;
	}
	.tat-between-lg {
		justify-content: space-between;
	}
	.tat-around-lg {
		justify-content: space-around;
	}
	.tat-middle-lg {
		align-items: center; 
	}
	.tat-top-lg {
		align-items: flex-start; 
	}
	.tat-bottom-lg {
		align-items: flex-end; 
	}
	.tat-stretch-lg {
		align-items: stretch; 
	}
	.tat-vspace-lg {
		align-content: space-between; 
	}
}
@media screen and (min-width:80em){
	.tat-c-xl { 
    	flex-flow: column nowrap; 
	}
	.tat-c-r-xl { 
		flex-flow: column-reverse nowrap; 
	}
	.tat-r-xl { 
		flex-flow: row nowrap;  
	}
	.tat-r-r-xl { 
		flex-flow: row-reverse nowrap;  
	}
	.tat-g-xl {
	    flex-flow: row wrap;  
	}
	.tat-g-r-xl {
	    flex-flow: row-reverse wrap;  
	}
	.tat-n-xl {
	    flex-flow: column wrap;  
	}
	.tat-n-r-xl {
	    flex-flow: column-reverse wrap;  
	}
	.tat-center-xl {
		justify-content: center;
	}
	.tat-left-xl {
		justify-content: flex-start;
	}
	.tat-right-xl {
		justify-content: flex-end;
	}
	.tat-between-xl {
		justify-content: space-between;
	}
	.tat-around-xl {
		justify-content: space-around;
	}
	.tat-middle-xl {
		align-items: center; 
	}
	.tat-top-xl {
		align-items: flex-start; 
	}
	.tat-bottom-xl {
		align-items: flex-end; 
	}
	.tat-stretch-xl {
		align-items: stretch; 
	}
	.tat-vspace-xl {
		align-content: space-between; 
	}
}

/* UNITS */

/* Flexible units */

.tat-f-0-1 {
	flex: 0 1 auto;
}

.tat-f-1-0 {
	flex: 1 0 auto;
}

.tat-f-1-1 {
	flex: 1 1 auto;
}

.tat-f-0-0 {
	flex: 0 0 auto;
}

.tat-f-0 {
	flex-grow: 0;
}
.tat-f-1 {
	flex-grow: 1;
}
.tat-f-2 {
	flex-grow: 2;
}
.tat-f-3 {
	flex-grow: 3;
}
.tat-f-4 {
	flex-grow: 4;
}
.tat-f-5 {
	flex-grow: 5;
}

.tat-f--0 {
	flex-shrink: 0;
}
.tat-f--1 {
	flex-shrink: 1;
}
.tat-f--2 {
	flex-shrink: 2;
}
.tat-f--3 {
	flex-shrink: 3;
}
.tat-f--4 {
	flex-shrink: 4;
}
.tat-f--5 {
	flex-shrink: 5;
}


/* Fixed width units */

[class*=tat-u]{ 
	flex-basis: auto;
}

.tat-u-0 { 
	flex-basis: 0; 
	width: 0;
}

.tat-u-a { 
	width: auto;
}

.tat-u-1-24 {
    width: 4.1667%;
}

.tat-u-1-12 {
    width: 8.3333%;
}

.tat-u-1-8 {
    width: 12.5000%;
}

.tat-u-1-7 {
	width: 14.2857%;
}

.tat-u-1-6 {
    width: 16.6667%;
}

.tat-u-1-5 {
    width: 20%;
}

.tat-u-5-24 {
    width: 20.8333%;
}

.tat-u-1-4 {
    width: 25%;
}

.tat-u-7-24 {
    width: 29.1667%;
}

.tat-u-1-3 {
    width: 33.3333%;
}

.tat-u-3-8 {
    width: 37.5000%;
}

.tat-u-2-5 {
    width: 40%;
}

.tat-u-5-12 {
    width: 41.6667%;
}

.tat-u-11-24 {
    width: 45.8333%;
}

.tat-u-1-2 {
    width: 50%;
}

.tat-u-13-24 {
    width: 54.1667%;
}

.tat-u-7-12 {
    width: 58.3333%;
}

.tat-u-3-5 {
    width: 60%;
}

.tat-u-5-8 {
    width: 62.5000%;
}

.tat-u-2-3 {
    width: 66.6667%;
}

.tat-u-17-24 {
    width: 70.8333%;
}

.tat-u-3-4 {
    width: 75%;
}

.tat-u-19-24 {
    width: 79.1667%;
}

.tat-u-4-5 {
    width: 80%;
}

.tat-u-5-6 {
    width: 83.3333%;
}

.tat-u-7-8 {
    width: 87.5000%;
}

.tat-u-11-12 {
    width: 91.6667%;
}

.tat-u-23-24 {
    width: 95.8333%;
}
	
.tat-u-1 {
    width: 100%;
}

@media screen and (min-width:35.5em){
	
	.tat-u-sm-0 { 
		flex-basis: 0; 
		width: 0;
	}
	
	.tat-u-sm-a { 
		width: auto;
	}

	.tat-u-sm-1-24 {
	    width: 4.1667%;
	}
	
	.tat-u-sm-1-12 {
	    width: 8.3333%;
	}
	
	.tat-u-sm-1-8 {
	    width: 12.5000%;
	}
	
	.tat-u-sm-1-7 {
		width: 14.2857%;
	}
	
	.tat-u-sm-1-6 {
	    width: 16.6667%;
	}
	
	.tat-u-sm-1-5 {
	    width: 20%;
	}
	
	.tat-u-sm-5-24 {
	    width: 20.8333%;
	}
	
	.tat-u-sm-1-4 {
	    width: 25%;
	}
	
	.tat-u-sm-7-24 {
	    width: 29.1667%;
	}
	
	.tat-u-sm-1-3 {
	    width: 33.3333%;
	}
	
	.tat-u-sm-3-8 {
	    width: 37.5000%;
	}
	
	.tat-u-sm-2-5 {
	    width: 40%;
	}
	
	.tat-u-sm-5-12 {
	    width: 41.6667%;
	}
	
	.tat-u-sm-11-24 {
	    width: 45.8333%;
	}
	
	.tat-u-sm-1-2 {
	    width: 50%;
	}
	
	.tat-u-sm-13-24 {
	    width: 54.1667%;
	}
	
	.tat-u-sm-7-12 {
	    width: 58.3333%;
	}
	
	.tat-u-sm-3-5 {
	    width: 60%;
	}
	
	.tat-u-sm-5-8 {
	    width: 62.5000%;
	}
	
	.tat-u-sm-2-3 {
	    width: 66.6667%;
	}
	
	.tat-u-sm-17-24 {
	    width: 70.8333%;
	}
	
	.tat-u-sm-3-4 {
	    width: 75%;
	}
	
	.tat-u-sm-19-24 {
	    width: 79.1667%;
	}
	
	.tat-u-sm-4-5 {
	    width: 80%;
	}
	
	.tat-u-sm-5-6 {
	    width: 83.3333%;
	}
	
	.tat-u-sm-7-8 {
	    width: 87.5000%;
	}
	
	.tat-u-sm-11-12 {
	    width: 91.6667%;
	}
	
	.tat-u-sm-23-24 {
	    width: 95.8333%;
	}
	
	.tat-u-sm-1 {
	    width: 100%;
	}
}


@media screen and (min-width:48em){
	
	.tat-u-md-0 { 
		flex-basis: 0; 
		width: 0;
	}
	
	.tat-u-md-a { 
		width: auto;
	}
		
	.tat-u-md-1-24 {
	    width: 4.1667%;
	}
	
	.tat-u-md-1-12 {
	    width: 8.3333%;
	}
	
	.tat-u-md-1-8 {
	    width: 12.5000%;
	}
	
	.tat-u-md-1-7 {
		width: 14.2857%;
	}
	
	.tat-u-md-1-6 {
	    width: 16.6667%;
	}
	
	.tat-u-md-1-5 {
	    width: 20%;
	}
	
	.tat-u-md-5-24 {
	    width: 20.8333%;
	}
	
	.tat-u-md-1-4 {
	    width: 25%;
	}
	
	.tat-u-md-7-24 {
	    width: 29.1667%;
	}
	
	.tat-u-md-1-3 {
	    width: 33.3333%;
	}
	
	.tat-u-md-3-8 {
	    width: 37.5000%;
	}
	
	.tat-u-md-2-5 {
	    width: 40%;
	}
	
	.tat-u-md-5-12 {
	    width: 41.6667%;
	}
	
	.tat-u-md-11-24 {
	    width: 45.8333%;
	}
	
	.tat-u-md-1-2 {
	    width: 50%;
	}
	
	.tat-u-md-13-24 {
	    width: 54.1667%;
	}
	
	.tat-u-md-7-12 {
	    width: 58.3333%;
	}
	
	.tat-u-md-3-5 {
	    width: 60%;
	}
	
	.tat-u-md-5-8 {
	    width: 62.5000%;
	}
	
	.tat-u-md-2-3 {
	    width: 66.6667%;
	}
	
	.tat-u-md-17-24 {
	    width: 70.8333%;
	}
	
	.tat-u-md-3-4 {
	    width: 75%;
	}
	
	.tat-u-md-19-24 {
	    width: 79.1667%;
	}
	
	.tat-u-md-4-5 {
	    width: 80%;
	}
	
	.tat-u-md-5-6 {
	    width: 83.3333%;
	}
	
	.tat-u-md-7-8 {
	    width: 87.5000%;
	}
	
	.tat-u-md-11-12 {
	    width: 91.6667%;
	}
	
	.tat-u-md-23-24 {
	    width: 95.8333%;
	}
	
	.tat-u-md-1 {
	    width: 100%;
	}
}


@media screen and (min-width:64em){
	
	.tat-u-lg-0 { 
		flex-basis: 0; 
		width: 0;
	}
	
	.tat-u-lg-a { 
		width: auto;
	}
	
	.tat-u-lg-1-24 {
	    width: 4.1667%;
	}
	
	.tat-u-lg-1-12 {
	    width: 8.3333%;
	}
	
	.tat-u-lg-1-8 {
	    width: 12.5000%;
	}
	
	.tat-u-lg-1-7 {
		width: 14.2857%;
	}
	
	.tat-u-lg-1-6 {
	    width: 16.6667%;
	}
	
	.tat-u-lg-1-5 {
	    width: 20%;
	}
	
	.tat-u-lg-5-24 {
	    width: 20.8333%;
	}
	
	.tat-u-lg-1-4 {
	    width: 25%;
	}
	
	.tat-u-lg-7-24 {
	    width: 29.1667%;
	}
	
	.tat-u-lg-1-3 {
	    width: 33.3333%;
	}
	
	.tat-u-lg-3-8 {
	    width: 37.5000%;
	}
	
	.tat-u-lg-2-5 {
	    width: 40%;
	}
	
	.tat-u-lg-5-12 {
	    width: 41.6667%;
	}
	
	.tat-u-lg-11-24 {
	    width: 45.8333%;
	}
	
	.tat-u-lg-1-2 {
	    width: 50%;
	}
	
	.tat-u-lg-13-24 {
	    width: 54.1667%;
	}
	
	.tat-u-lg-7-12 {
	    width: 58.3333%;
	}
	
	.tat-u-lg-3-5 {
	    width: 60%;
	}
	
	.tat-u-lg-5-8 {
	    width: 62.5000%;
	}
	
	.tat-u-lg-2-3 {
	    width: 66.6667%;
	}
	
	.tat-u-lg-17-24 {
	    width: 70.8333%;
	}
	
	.tat-u-lg-3-4 {
	    width: 75%;
	}
	
	.tat-u-lg-19-24 {
	    width: 79.1667%;
	}
	
	.tat-u-lg-4-5 {
	    width: 80%;
	}
	
	.tat-u-lg-5-6 {
	    width: 83.3333%;
	}
	
	.tat-u-lg-7-8 {
	    width: 87.5000%;
	}
	
	.tat-u-lg-11-12 {
	    width: 91.6667%;
	}
	
	.tat-u-lg-23-24 {
	    width: 95.8333%;
	}
	
	.tat-u-lg-1 {
	    width: 100%;
	}
}


@media screen and (min-width:80em){
	
	.tat-u-xl-0 { 
		flex-basis: 0; 
		width: 0;
	}
	
	.tat-u-xl-a { 
		width: auto;
	}
		
	.tat-u-xl-1-24 {
	    width: 4.1667%;
	}
	
	.tat-u-xl-1-12 {
	    width: 8.3333%;
	}
	
	.tat-u-xl-1-8 {
	    width: 12.5000%;
	}
	
	.tat-u-xl-1-7 {
		width: 14.2857%;
	}
	
	.tat-u-xl-1-6 {
	    width: 16.6667%;
	}
	
	.tat-u-xl-1-5 {
	    width: 20%;
	}
	
	.tat-u-xl-5-24 {
	    width: 20.8333%;
	}
	
	.tat-u-xl-1-4 {
	    width: 25%;
	}
	
	.tat-u-xl-7-24 {
	    width: 29.1667%;
	}
	
	.tat-u-xl-1-3 {
	    width: 33.3333%;
	}
	
	.tat-u-xl-3-8 {
	    width: 37.5000%;
	}
	
	.tat-u-xl-2-5 {
	    width: 40%;
	}
	
	.tat-u-xl-5-12 {
	    width: 41.6667%;
	}
	
	.tat-u-xl-11-24 {
	    width: 45.8333%;
	}
	
	.tat-u-xl-1-2 {
	    width: 50%;
	}
	
	.tat-u-xl-13-24 {
	    width: 54.1667%;
	}
	
	.tat-u-xl-7-12 {
	    width: 58.3333%;
	}
	
	.tat-u-xl-3-5 {
	    width: 60%;
	}
	
	.tat-u-xl-5-8 {
	    width: 62.5000%;
	}
	
	.tat-u-xl-2-3 {
	    width: 66.6667%;
	}
	
	.tat-u-xl-17-24 {
	    width: 70.8333%;
	}
	
	.tat-u-xl-3-4 {
	    width: 75%;
	}
	
	.tat-u-xl-19-24 {
	    width: 79.1667%;
	}
	
	.tat-u-xl-4-5 {
	    width: 80%;
	}
	
	.tat-u-xl-5-6 {
	    width: 83.3333%;
	}
	
	.tat-u-xl-7-8 {
	    width: 87.5000%;
	}
	
	.tat-u-xl-11-12 {
	    width: 91.6667%;
	}
	
	.tat-u-xl-23-24 {
	    width: 95.8333%;
	}
	
	.tat-u-xl-1 {
	    width: 100%;
	}
}

/* Other */
.tat-fill { 
	width: 100%; 
	height: auto; 
}

.tat-contain { 
	max-width: 100%; 
	width: auto; 
	max-height: 100%; 
	height: auto; 
}