/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, tfoot, thead, time, tr, th, td,
/*
textarea,
*/
u, ul, var, video {
	font-family: Cambria,Georgia,Times,Serif;
	font-size: 100%;
	vertical-align: baseline;
/*
	font-weight: inherit;
	font-style: inherit;
	text-align: left;
	white-space: normal;
	line-height: 1;
*/
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}

ol, ul {
	list-style: none;
}
ol { list-style-type: decimal; }
ul { list-style-type: disc; }

li { list-style-position: inside; }

blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*{
	box-sizing: border-box; 	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;
	margin: 0px;	padding: 0px;
	font-size: 14px;
}

/* SETUP
----------------------------------------------------------------------------------------------------*/
.btn, .btn-link, .btn-red, .btn-red2, .btn-green, .btn-green2, .btn-blue, .btn-blue2, .btn-gray, .btn-orange, .btn-teal, .btn-yellow, .btn-silver,
.pnl-red, .pnl-red2, .pnl-green, .pnl-green2, .pnl-blue, .pnl-blue2, .pnl-gray, .pnl-orange, .pnl-teal, .pnl-yellow, .pnl-silver {
	border: 2px solid #ccc;
	color: #333;
	text-decoration: none;
	text-align: center;
	background: transparent;
	display: inline-block;
	border-radius: 3px;
	padding: 0.4rem 0.8rem;
	margin: 1px 0px;
	cursor:pointer;
}

.pnl-red, .pnl-red2, .pnl-green, .pnl-green2, .pnl-blue, .pnl-blue2, .pnl-gray, .pnl-orange, .pnl-teal, .pnl-yellow, .pnl-silver {
    cursor: text;
}

.btn:hover, .btn:focus, .btn:active {
	background-color: #e2e6ea;
	color: black; }

.btn-link {
	border-color: transparent;
	color: #3498db; }
	.btn-link:hover {
		border-color: #ccc;
		background-color: transparent;
		color: #1d6fa5; }

.btn-red, .pnl-red {
	border-color: #e43725;
	background-color: #e74c3c;
	color: #fff; }
	.btn-red:hover, .btn-red:focus, .btn-red:active {
		color: #fff;
		background-color: #d62c1a; }

.btn-red2, .pnl-red2 {
    border-color: #ff9d94;
    background-color: #ffb7b0;
    color: #000; }
	.btn-red2:hover, .btn-red2:focus, .btn-red2:active {
		color: #000;
		background-color: #ff958a; }

.btn-green, .pnl-green {
	border-color: #22a978;
	background-color: #25ba84;
	color: #fff; }
	.btn-green:hover, .btn-green:focus, .btn-green:active {
		color: #fff;
		background-color: #1d8f66; }

.btn-green2, .pnl-green2 {
	border-color: #63ffc6;
    background-color: #97ffd9;
	color: #000; }
	.btn-green2:hover, .btn-green2:focus, .btn-green2:active {
		color: #000;
		background-color: #3bffb9; }

.btn-blue, .pnl-blue {
	border-color: #2791d9;
	background-color: #3498db;
	color: #fff; }
	.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
		color: #fff;
		background-color: #217dbb; }

.btn-blue2, .pnl-blue2 {
    border-color: #9ed8ff;
    background-color: #bbe3ff;
    color: #000; }
	.btn-blue2:hover, .btn-blue2:focus, .btn-blue2:active {
		color: #000;
		background-color: #8ed1fe; }

.btn-gray, .pnl-gray {
	border-color: rgba(59, 59, 59, 0.99);
	background-color: #706f6f;
	color: #fff; }
	.btn-gray:hover, .btn-gray:focus, .btn-gray:active {
		color: #fff;
		background-color: #404040; }

.btn-orange, .pnl-orange {
	border-color: #ffc107;
	background-color: #ffc107;
	color: #000; }
	.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
		color: #000;
		background-color: #e0a800; }

.btn-teal, .pnl-teal {
	border-color: #19b2cb;
	background-color: #19b2cb;
	color: #fff; }
	.btn-teal:hover, .btn-teal:focus, .btn-teal:active {
		color: #fff;
		background-color: #059db6; }

.btn-yellow ,.pnl-yellow {
	border-color: #efeb00;
	background-color: #fffc00;
	color: #000; }
	.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active {
		color: #000;
		background-color: #efeb00; }

.btn-silver, .pnl-silver {
	border-color: #ddd;
	background-color: #ddd;
	color: #000; }
	.btn-silver:hover, .btn-silver:focus, .btn-silver:active {
		color: #000;
		background-color: #d1d1d1; }


.btn-0 { padding: 0; }
.btn-1 { padding: 0.1rem; }
.btn-2 { padding: 0.2rem; }
.btn-3 { padding: 0.3rem; }
.btn-4 { padding: 0.4rem; }
.btn-5 { padding: 0.5rem; }
.btn-6 { padding: 0.6rem; }
.btn-7 { padding: 0.7rem; }
.btn-8 { padding: 0.8rem; }
.btn-9 { padding: 0.9rem; }


@media only screen and (max-width: 480px) {
	.btn, .btn-link, .btn-blue, .btn-green, .btn-gray, .btn-red, .btn-orange, .btn-teal, .btn-yellow, .btn-silver {
		line-height: 28px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 768px){
	.btn, .btn-link, .btn-blue, .btn-green, .btn-gray, .btn-red, .btn-orange, .btn-teal, .btn-yellow, .btn-silver {
		line-height: 24px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 960px){

}
@media only screen and (min-width: 960px) {

}

.pulse-btn {
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-btn:hover {
	-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 9px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 9px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 9px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 9px rgba(232, 76, 61, 0);}}
.pulse-btn-red	{	box-shadow: 0 0 0 0 rgba(255, 72, 0, 0.7);	}
.pulse-btn-green	{	box-shadow: 0 0 0 0 rgba(0, 255, 72, 0.7);	}
.pulse-btn-blue	{	box-shadow: 0 0 0 0 rgba(0, 72, 255, 0.7);	}




/**
.p00 { padding: 0; }
.p01 { padding: 0.1vh 0.1vw; }
.p02 { padding: 0.2vh 0.2vw; }
.p03 { padding: 0.3vh 0.3vw; }
.p04 { padding: 0.4vh 0.4vw; }
.p05 { padding: 0.5vh 0.5vw; }
.p06 { padding: 0.6vh 0.6vw; }
.p07 { padding: 0.7vh 0.7vw; }
.p08 { padding: 0.8vh 0.8vw; }
.p09 { padding: 0.9vh 0.9vw; }

.m01 { margin: 0.1vh 0.1vw; }
.m02 { margin: 0.2vh 0.2vw; }
.m03 { margin: 0.3vh 0.3vw; }
.m04 { margin: 0.4vh 0.4vw; }
.m05 { margin: 0.5vh 0.5vw; }
.m06 { margin: 0.6vh 0.6vw; }
.m07 { margin: 0.7vh 0.7vw; }
.m08 { margin: 0.8vh 0.8vw; }
.m09 { margin: 0.9vh 0.9vw; }
**/
.m0 { margin: 0; }
.my0 {	margin-top: 0;	margin-bottom: 0; }
.mx0 {	margin-left: 0;	margin-right: 0; }

.m1 {	margin: 0.3vh 0.4vw; }
.my1 {	margin-top: 0.3vh;	margin-bottom: 0.3vh; }
.mx1 {	margin-left: 0.4vw;	margin-right: 0.4vw; }

.m2 {	margin: 0.6vh 0.8vw; }
.my2 {	margin-top: 0.6vh;	margin-bottom: 0.6vh; }
.mx2 {	margin-left: 0.8vw;	margin-right: 0.8vw; }

.m3 {	margin: 0.9vh 1.2vw; }
.my3 {	margin-top: 0.9vh;	margin-bottom: 0.9vh; }
.mx3 {	margin-left: 1.2vw;	margin-right: 1.2vw; }

.m4 {	margin: 1.2vh 1.6vw; }
.my4 {	margin-top: 1.2vh;	margin-bottom: 1.2vh; }
.mx4 {	margin-left: 1.6vw;	margin-right: 1.6vw; }


.p0	{ padding: 0; }
.py0 {	padding-top: 0;	padding-bottom: 0; }
.px0 {	padding-left: 0;	padding-right: 0; }

.p1 {	padding: 0.3vh 0.4vw; }
.py1 {	padding-top: 0.3vh;	padding-bottom: 0.4vh; }
.px1 {	padding-left: 0.4vw;	padding-right: 0.4vw; }

.p2 {	padding: 0.6vh 0.8vw; }
.py2 {	padding-top: 0.6vh;	padding-bottom: 0.6vh; }
.px2 {	padding-left: 0.8vw;	padding-right: 0.8vw; }

.p3 {	padding: 0.9vh 1.2vw; }
.py3 {	padding-top: 0.9vh;	padding-bottom: 0.9vh; }
.px3 {	padding-left: 1.2vw;	padding-right: 1.2vw; }

.p4 {	padding: 1.2vh 1.6vw; }
.py4 {	padding-top: 1.2vh;	padding-bottom: 1.2vh; }
.px4 {	padding-left: 1.6vw;	padding-right: 1.6vw; }

/******
.m00 {	margin: 0; }
.my0 {	margin-top: 0;	margin-bottom: 0; }
.mx0 {	margin-left: 0;	margin-right: 0; }

.m01 {	margin: 0.6rem 1rem; }
.my1 {	margin-top: 0.6rem;	margin-bottom: 0.6rem; }
.mx1 {	margin-left: 1rem;	margin-right: 1rem; }

.m02 {	margin: 0.8rem 1.1rem; }
.my2 {	margin-top: 0.8rem;	margin-bottom: 0.8rem; }
.mx2 {	margin-left: 1.2rem;	margin-right: 1.2rem; }

.m03 {	margin: 1.0rem 1.2rem; }
.my3 {	margin-top: 1.0rem;	margin-bottom: 1.0rem; }
.mx3 {	margin-left: 1.2rem;	margin-right: 1.2rem; }

.p00 {	padding: 0; }
.py0 {	padding-top: 0;	padding-bottom: 0; }
.px0 {	padding-left: 0;	padding-right: 0; }

.p01 {	padding: 0.6rem 1rem; }
.py1 {	padding-top: 0.6rem;	padding-bottom: 0.6rem; }
.px1 {	padding-left: 1rem;	padding-right: 1rem; }

.p02 {	padding: 0.8rem 1.2rem; }
.py2 {	padding-top: 0.8rem;	padding-bottom: 0.8rem; }
.px2 {	padding-left: 1.2rem;	padding-right: 1.2rem; }

.p03 {	padding: 1.0rem 1.4rem; }
.py3 {	padding-top: 1.0rem;	padding-bottom: 1.0rem; }
.px3 {	padding-left: 1.4rem;	padding-right: 1.4rem; }
*******/
.bg-red			{  background-color: #e74c3c; }
.bg-red2		{  background-color: #ffb7b0; }
.bg-orange		{  background-color: #f39c12; }
.bg-blue		{  background-color: #3498db; }
.bg-blue2		{  background-color: #bbe3ff; }
.bg-green		{  background-color: #25ba84; }
.bg-green2		{  background-color: #97ffd9; }
.bg-yellow		{  background-color: #ffff00; }
.bg-fuchsia		{  background-color: #d600d6; }
.bg-teal	 	{  background-color: #008080; }
.bg-aqua	 	{  background-color: #00ffff; }
.bg-white		{  background-color: #fff; }
.bg-light-gray	{  background-color: rgba(216, 216, 216, 0.99); }
.bg-mid-gray	{  background-color: rgba(144, 144, 144, 0.99); }
.bg-dark-gray	{  background-color: rgba(72, 72, 72, 0.99); }
.bg-off-white	{  background-color: rgba(250, 250, 250, 0.99); }

.txt-black	 	{   color: #000000; }
.txt-silver	 	{   color: #c0c0c0; }
.txt-gray	 	{   color: #808080; }
.txt-white		{   color: #ffffff; }
.txt-maroon	 	{   color: #800000; }
.txt-red	 	{   color: #ff0000; }
.txt-purple	 	{   color: #800080; }
.txt-fuchsia	{   color: #d600d6; }
.txt-green	 	{   color: #008000; }
.txt-lime	 	{   color: #00ff00; }
.txt-olive		{   color: #808000; }
.txt-yellow	 	{   color: #ffff00; }
.txt-navy	 	{   color: #000080; }
.txt-blue	 	{   color: #0000ff; }
.txt-teal	 	{   color: #008080; }
.txt-aqua	 	{   color: #00ffff; }

.brd			{   border: thin solid #c0c0c0; }
.brd-black	 	{   border: thin solid #000000; }
.brd-silver	 	{   border: thin solid #c0c0c0; }
.brd-gray	 	{   border: thin solid #808080; }
.brd-white		{   border: thin solid #ffffff; }
.brd-maroon	 	{   border: thin solid #800000; }
.brd-red	 	{   border: thin solid #ff0000; }
.brd-purple	 	{   border: thin solid #800080; }
.brd-fuchsia	{   border: thin solid #d600d6; }
.brd-green	 	{   border: thin solid #008000; }
.brd-lime	 	{   border: thin solid #00ff00; }
.brd-olive		{   border: thin solid #808000; }
.brd-yellow	 	{   border: thin solid #ffff00; }
.brd-navy	 	{   border: thin solid #000080; }
.brd-blue	 	{   border: thin solid #0000ff; }
.brd-teal	 	{   border: thin solid #008080; }
.brd-aqua	 	{   border: thin solid #00ffff; }
.brd-dashed	 	{   border-style: dashed; }
.brd-dotted	 	{   border-style: dotted; }

.fs1	{	font-size: 1.1em; }
.fs2	{	font-size: 1.2em; }
.fs3	{	font-size: 1.3em; }
.fs4	{	font-size: 1.4em; }
.fs5	{	font-size: 1.5em; }
.fs6	{	font-size: 1.6em; }
.fs7	{	font-size: 1.7em; }
.fs8	{	font-size: 1.8em; }
.fs9	{	font-size: 1.9em; }

.fz8	{	font-size: 8px; }
.fz9	{	font-size: 9px; }
.fz10	{	font-size: 10px; }
.fz12	{	font-size: 12px; }
.fz14	{	font-size: 14px; }
.fz16	{	font-size: 16px; }
.fz18	{	font-size: 18px; }
.fz20	{	font-size: 20px; }
.fz22	{	font-size: 22px; }
.fz24	{	font-size: 24px; }

.lh10	{	line-height: 10px; }
.lh12	{	line-height: 12px; }
.lh14	{	line-height: 14px; }
.lh16	{	line-height: 16px; }
.lh20	{	line-height: 20px; }
.lh22	{	line-height: 22px; }
.lh24	{	line-height: 24px; }
.lh26	{	line-height: 26px; }
.lh28	{	line-height: 28px; }
.lh30	{	line-height: 30px; }
.lh32	{	line-height: 32px; }
.lh36	{	line-height: 36px; }
.lh40	{	line-height: 40px; }
.lh44	{	line-height: 44px; }
.lh48	{	line-height: 48px; }

small, .small { font-size: 75%; }

.block { display: block; }

p, .p {	padding-top:0.15em; padding-bottom:0.35em;}

.bold { font-weight: bold; }
.underline {text-decoration: underline;}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; }

sup {	top: -0.5em; }

sub {	bottom: -0.25em; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight: inherit;
	line-height: 1.2;
	display: flow-root;
}

h1, .h1 {font-size: 1.35em; }
h2, .h2 {font-size: 1.3em; 
    border-bottom-style: dotted;
    border-bottom-color: silver;
    border-bottom-width: 2px;
    padding: 10px 0 4px 0px;
}
h3, .h3 {font-size: 1.25em; }
h4, .h4 {font-size: 1.2em; }
h5, .h5, table th {	font-size: 1.15em; }
h6, .h6 {font-size: 1.1em; }

center, .center {
	text-align: center;
	text-align: -moz-center;
	text-align: -webkit-center;
	/*
	display: flow-root;
	margin: 0 auto;
	*/
}

.centerblock {
	display: flow-root;
	margin: 0 auto;
}

a {
	color: #3498db; }
	a:hover, a:focus, a:active {
		color: #217dbb; }

li {margin-left: 0.6rem }

.flo-left {
	clear: left;
	float: left;
	margin: 0.2em 0.5em 0.5em 0.2em;
/*
	position: relative;
	border: 1px solid gray;
	padding: 2px;
*/
}

.flo-right {
	clear: right;
	float: right;
	margin: 0.2em 0.2em 0.5em 0.5em;
/*
	position: relative;
	border: 1px solid gray;
	padding: 2px;
*/
}

.flo-clear {	clear: both;}

.margin0 {margin: 0 auto;}

.w100, .w95, .w90, .w85, .w80, .w75, .w70, .w65, .w60, .w55, .w50, .w45, .w40, .w35, .w30, .w25, .w20, .w15, .w10 {}
.w100	{width:	100%}
.w95	{width:	95%}
.w90	{width:	90%}
.w85	{width:	85%}
.w80	{width:	80%}
.w75	{width:	75%}
.w70	{width:	70%}
.w65	{width:	65%}
.w60	{width:	60%}
.w55	{width:	55%}
.w50	{width:	50%}
.w45	{width:	45%}
.w40	{width:	40%}
.w35	{width:	35%}
.w30	{width:	30%}
.w25	{width:	25%}
.w20	{width:	20%}
.w15	{width:	15%}
.w12	{width:	12%}
.w10	{width:	10%}

.h100, .h95, .h90, .h85, .h80, .h75, .h70, .h65, .h60, .h55, .h50, .h45, .h40, .h35, .h30, .h25, .h20, .h15, .h10 {}
.h100	{height:	100%}
.h95	{height:	95%}
.h90	{height:	90%}
.h85	{height:	85%}
.h80	{height:	80%}
.h75	{height:	75%}
.h70	{height:	70%}
.h65	{height:	65%}
.h60	{height:	60%}
.h55	{height:	55%}
.h50	{height:	50%}
.h45	{height:	45%}
.h40	{height:	40%}
.h35	{height:	35%}
.h30	{height:	30%}
.h25	{height:	25%}
.h20	{height:	20%}
.h15	{height:	15%}
.h12	{height:	12%}
.h10	{height:	10%}

.txt-justify 			{text-align: justify; }
.txt-center, table th	{text-align: center; }
.txt-right 				{text-align: right; }
.txt-left				{text-align: left; }

.opacity1 { opacity: .1; }
.opacity2 { opacity: .2; }
.opacity3 { opacity: .3; }
.opacity4 { opacity: .4; }
.opacity5 { opacity: .5; }
.opacity6 { opacity: .6; }
.opacity7 { opacity: .7; }
.opacity8 { opacity: .8; }
.opacity9 { opacity: .9; }
.opacity0 { opacity: 1; }

/* GRID
----------------------------------------------------------------------------------------------------*/
.clearfix:before, .clearfix:after, .grid-row:before, .grid-row:after {
	content: " ";
	display: table;
}
.clearfix:after, grid-row:after {
	clear: both;
}

/* -- Использовать данный контейнер для отделения колонок -- */
.div-bottom {
	border-bottom: 1px solid #ccc;
	margin-bottom: 0.5em;
}

/* -- Устанавливаем сетку -- */
.grid-row {
/*
	margin: 0 0.5em 0 0.5em;
	clear: both;
*/
	/* Такая же величина, как и поле */
	overflow: hidden;
}

/*	колонка */
.grid-col {
	float: left;
	padding: 0 0.5em 0 0.5em;
	word-wrap: break-word;
/*
	border: 1px solid #Fcc;
	width: 100%;
*/
}

.no-gutter {
	padding: 0 !important;
	margin: 0 !important;
}

@media only screen and (max-width: 480px) {
	.col-m-1	{	width:  8.3333%;	*width:  8.3023%; }
	.col-m-2	{	width: 16.6667%;	*width: 16.6357%; }
	.col-m-3	{	width: 25%;			*width: 24.9690%; }
	.col-m-4	{	width: 33.3333%;	*width: 33.3023%; }
	.col-m-5	{	width: 41.6667%;	*width: 41.6357%; }
	.col-m-6	{	width: 50%;			*width: 49.9690%; }
	.col-m-7	{	width: 58.3333%;	*width: 58.3023%; }
	.col-m-8	{	width: 66.6667%;	*width: 66.6357%; }
	.col-m-9	{	width: 75%;			*width: 74.9690%; }
	.col-m-10	{	width: 83.3333%;	*width: 83.3023%; }
	.col-m-11	{	width: 91.6667%;	*width: 91.6357%; }
	.col-m-0	{	width: 100%; }
	.col-max	{	width: 100%; }
	.col-280	{	width: 100%; }
	.col-160	{	width: 100%; }
}
@media only screen and (min-width: 480px) and (max-width: 960px){
	.col-p-1	{	width: 8.3333%;		*width: 8.3023%; }
	.col-p-2	{	width: 16.6667%;	*width: 16.6357%; }
	.col-p-3	{	width: 25%;			*width: 24.9690%; }
	.col-p-4	{	width: 33.3333%;	*width: 33.3023%; }
	.col-p-5	{	width: 41.6667%;	*width: 41.6357%; }
	.col-p-6	{	width: 50%;			*width: 49.9690%; }
	.col-p-7	{	width: 58.3333%;	*width: 58.3023%; }
	.col-p-8	{	width: 66.6667%;	*width: 66.6357%; }
	.col-p-9	{	width: 75%;			*width: 74.9690%; }
	.col-p-10	{	width: 83.3333%;	*width: 83.3023%; }
	.col-p-11	{	width: 91.6667%;	*width: 91.6357%; }
	.col-p-0	{	width: 100%; }
	.col-max	{	width: 100%; }
	.col-280	{	width: 70%; }
	.col-160	{	width: 30%; }
}
@media only screen and (min-width: 960px) {
	.col-d-1	{	width: 8.3333%;		*width: 8.3023%; }
	.col-d-2	{	width: 16.6667%;	*width: 16.6357%; }
	.col-d-3	{	width: 25%;			*width: 24.9690%; }
	.col-d-4	{	width: 33.3333%;	*width: 33.3023%; }
	.col-d-5	{	width: 41.6667%;	*width: 41.6357%; }
	.col-d-6	{	width: 50%;			*width: 49.9690%; }
	.col-d-7	{	width: 58.3333%;	*width: 58.3023%; }
	.col-d-8	{	width: 66.6667%;	*width: 66.6357%; }
	.col-d-9	{	width: 75%;			*width: 74.9690%; }
	.col-d-10	{	width: 83.3333%;	*width: 83.3023%; }
	.col-d-11	{	width: 91.6667%;	*width: 91.6357%; }
	.col-d-0	{	width: 100%; }
	.col-max	{	width: auto; }
	.col-280	{	width: 280px; }
	.col-160	{	width: 160px; }
}

.flex{
	display: flex;
    align-items: baseline;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-grow1{flex-grow: 1;}
.flex-grow2{flex-grow: 2;}
.flex-grow3{flex-grow: 3;}
.flex-grow4{flex-grow: 4;}
.flex-grow5{flex-grow: 5;}
.flex-grow6{flex-grow: 6;}
.flex-grow7{flex-grow: 7;}
.flex-grow8{flex-grow: 8;}
.flex-align-items-start{
	align-items: flex-start;
}
.flex-align-items-center{
	align-items: center;
}
.flex-align-items-end{
	align-items: flex-end;
}
.flex-justify-content-center{
	justify-content: center;
}
.flex-justify-content-space-between{
	justify-content: space-between;
}
.flex-justify-content-space-around{
	justify-content: space-around;
}

@media only screen and (max-width: 480px) {
	.fcol-m-0,.fcol-m-1,.fcol-m-2,.fcol-m-3,.fcol-m-4,.fcol-m-5,.fcol-m-6	{	padding: 0 0.4em 0 0.4em;
		-ms-flex-preferred-size: 100%;
		flex-basis:100%;
		max-width: 100%;
	}
}
/*		box-shadow: 1px 1px 3px #cccccc;	*/
@media only screen and (min-width: 480px) and (max-width: 960px){
	.fcol-p-0,.fcol-p-1,.fcol-p-2,.fcol-p-3,.fcol-p-4,.fcol-p-5,.fcol-p-6	{	padding: 0 0.4em 0 0.4em; }

	.fcol-p-0,.fcol-p-1	{
		-ms-flex-preferred-size: 100%;
		flex-basis:100%;
		max-width: 100%;
	}
	.fcol-p-2	{
		-ms-flex-preferred-size: 50%;
		flex-basis:50%;
		max-width: 50%;
	}
	.fcol-p-3	{
		-ms-flex-preferred-size: 33.3333%;
		flex-basis:33.3333%;
		max-width: 33.3333%;
	}
	.fcol-p-4	{
		-ms-flex-preferred-size: 25%;
		flex-basis:25%;
		max-width: 25%;
	}
	.fcol-p-5	{
		-ms-flex-preferred-size: 20%;
		flex-basis:20%;
		max-width: 20%;
	}
	.fcol-p-6	{
		-ms-flex-preferred-size: 16.6667%;
		flex-basis:16.6667%;
		max-width: 16.6667%;
	}
}
@media only screen and (min-width: 960px) {
	.fcol-d-0,.fcol-d-1,.fcol-d-2,.fcol-d-3,.fcol-d-4,.fcol-d-5,.fcol-d-6	{	padding: 0 0.4em 0 0.4em; }

	.fcol-d-0,.fcol-d-1	{
		-ms-flex-preferred-size: 100%;
		flex-basis:100%;
		max-width: 100%;
	}
	.fcol-d-2	{
		-ms-flex-preferred-size: 50%;
		flex-basis:50%;
		max-width: 50%;
	}
	.fcol-d-3	{
		-ms-flex-preferred-size: 33.3333%;
		flex-basis:33.3333%;
		max-width: 33.3333%;
	}
	.fcol-d-4	{
		-ms-flex-preferred-size: 25%;
		flex-basis:25%;
		max-width: 25%;
	}
	.fcol-d-5	{
		-ms-flex-preferred-size: 20%;
		flex-basis:20%;
		max-width: 20%;
	}
	.fcol-d-6	{
		-ms-flex-preferred-size: 16.6667%;
		flex-basis:16.6667%;
		max-width: 16.6667%;
	}
}