.flex-row                 { display: flex;flex-wrap: wrap;flex-direction: row; }
.flex-row-start           { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start; }
.flex-row-start-start     { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;align-items: flex-start; }
.flex-row-start-end       { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;align-items: flex-end; }
.flex-row-start-between   { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;align-items: space-between; }
.flex-row-start-around    { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;align-items: space-around; }
.flex-row-start-center    { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;align-items: center; }
.flex-row-end             { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-end;}
.flex-row-end-start       { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-end;align-items: flex-start; }
.flex-row-end-end         { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-end;align-items: flex-end; }
.flex-row-end-between     { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-end;align-items: space-between; }
.flex-row-end-around      { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-end;align-items: space-around; }
.flex-row-end-center      { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-end;align-items: center; }
.flex-row-center          { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center; }
.flex-row-center-start    { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: flex-start; }
.flex-row-center-end      { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: flex-end; }
.flex-row-center-between  { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: space-between; }
.flex-row-center-around   { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: space-around; }
.flex-row-center-center   { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.flex-row-between         { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between; }
.flex-row-between-start   { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: flex-start; }
.flex-row-between-end     { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: flex-end; }
.flex-row-between-between { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: space-between; }
.flex-row-between-around  { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: space-around; }
.flex-row-between-center  { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: center; }
.flex-row-around          { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around; }
.flex-row-around-start    { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;align-items: flex-start; }
.flex-row-around-end      { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;align-items: flex-end; }
.flex-row-around-between  { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;align-items: space-between; }
.flex-row-around-around   { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;align-items: space-around; }
.flex-row-around-center   { display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;align-items: center; }

.flex-col                 { display: flex;flex-wrap: wrap;flex-direction: column; }
.flex-col-start           { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-start; }
.flex-col-start-start     { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-start;align-items: flex-start; }
.flex-col-start-end       { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-start;align-items: flex-end; }
.flex-col-start-between   { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-start;align-items: space-between; }
.flex-col-start-around    { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-start;align-items: space-around; }
.flex-col-start-center    { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-start;align-items: center; }
.flex-col-end             { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;}
.flex-col-end-start       { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;align-items: flex-start; }
.flex-col-end-end         { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;align-items: flex-end; }
.flex-col-end-between     { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;align-items: space-between; }
.flex-col-end-around      { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;align-items: space-around; }
.flex-col-end-center      { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end;align-items: center; }
.flex-col-center          { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center; }
.flex-col-center-start    { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: flex-start; }
.flex-col-center-end      { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: flex-end; }
.flex-col-center-between  { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: space-between; }
.flex-col-center-around   { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: space-around; }
.flex-col-center-center   { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: center;}
.flex-col-between         { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between; }
.flex-col-between-start   { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;align-items: flex-start; }
.flex-col-between-end     { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;align-items: flex-end; }
.flex-col-between-between { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;align-items: space-between; }
.flex-col-between-around  { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;align-items: space-around; }
.flex-col-between-center  { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;align-items: center; }
.flex-col-around          { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-around; }
.flex-col-around-start    { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-around;align-items: flex-start; }
.flex-col-around-end      { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-around;align-items: flex-end; }
.flex-col-around-between  { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-around;align-items: space-between; }
.flex-col-around-around   { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-around;align-items: space-around; }
.flex-col-around-center   { display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-around;align-items: center; }

.border-red    { border: 1px solid red; }
.border-green  { border: 1px solid green; }
.border-blue   { border: 1px solid blue; }
.border-gray   { border: 1px solid gray; }
.border-yellow { border: 1px solid yellow; }

.text-max-line-2 {
	/*text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;*/
	
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow: hidden;
}

.abs-full {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
}

.rel-full {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}