/*!
 * Unlike CSS v0.0.1 (http://unlikecss.ru/)
 * Copyright 2016 Iceborn
 * Licensed under MIT
 */


*[class*="cn-"],
*[class*="container"] {display: flex;				display: -webkit-flex;}

*[class*="direct"] 	{flex-direction: column;	-webkit-flex-direction: column;}




*[class*="cn-start"] 	{justify-content: flex-start;			-webkit-justify-content: flex-start;}
*[class*="cn-end"] 		{justify-content: flex-end;				-webkit-justify-content: flex-end;}
*[class*="cn-center"] 	{justify-content: center;				-webkit-justify-content: center;}
*[class*="cn-space"] 	{justify-content: space-between;		-webkit-justify-content: space-between;}
*[class*="cn-around"] 	{justify-content: space-around;			-webkit-justify-content: space-around;}

*[class*="_stretch"] 	{align-content: stretch;		flex-wrap: wrap;	-webkit-align-content: stretch;			-webkit-flex-wrap: wrap;}
*[class*="_start"] 	{align-content: flex-start;		flex-wrap: wrap;	-webkit-align-content: flex-start;		-webkit-flex-wrap: wrap;}
*[class*="_end"] 		{align-content: flex-end;		flex-wrap: wrap;	-webkit-align-content: flex-end;		-webkit-flex-wrap: wrap;}
*[class*="_center"] 	{align-content: center;			flex-wrap: wrap;	-webkit-align-content: center;			-webkit-flex-wrap: wrap;}
*[class*="_space"] 	{align-content: space-between;	flex-wrap: wrap;	-webkit-align-content: space-between;	-webkit-flex-wrap: wrap;}
*[class*="_around"] 	{align-content: space-around;	flex-wrap: wrap;	-webkit-align-content: space-around;	-webkit-flex-wrap: wrap;}

*[class*="to_top"] 	{align-items: flex-start;		-webkit-align-items: flex-start;}
*[class*="to_bottom"]	{align-items: flex-end;			-webkit-align-items: flex-end;}
*[class*="to_cent"] 	{align-items: center;			-webkit-align-items: center;}
*[class*="to_base"] 	{align-items: baseline;			-webkit-align-items: baseline;}
/**[class*="to_stretch"]{}*/

*[class*="self_grow"] 	{flex-grow: 1;		-webkit-flex-grow: 1;}
.fix_self_grow 	{flex-grow: 1; -webkit-flex-grow: 1;}
*[class*="self_shrink"] 	{flex-shrink: 1;	-webkit-flex-shrink: 1;}
*[class*="self_noshrink"] {flex-shrink: 0;	-webkit-flex-shrink: 0;}
*[class*="selfstart"] 	{align-self: flex-start;	flex-wrap: wrap;		-webkit-align-align-self: flex-start;		-webkit-align-flex-wrap: wrap;}
*[class*="selfend"] 		{align-self: flex-end;		flex-wrap: wrap;		-webkit-align-align-self: flex-end;			-webkit-align-flex-wrap: wrap;}
*[class*="selfcenter"] 	{align-self: center;		flex-wrap: wrap;		-webkit-align-align-self: center;			-webkit-align-flex-wrap: wrap;}
*[class*="selfspace"] 	{align-self: space-between;	flex-wrap: wrap;		-webkit-align-align-self: space-between;	-webkit-align-flex-wrap: wrap;}
*[class*="selfaround"] 	{align-self: space-around;	flex-wrap: wrap;		-webkit-align-align-self: space-around;		-webkit-align-flex-wrap: wrap;}

*[class*="nowrap"] {flex-wrap: nowrap; -webkit-flex-wrap: nowrap;}

/*------------------------------------------------*/
/*-----------------[GRID]------------------------*/
/*------------------------------------------------*/
.grid_1 	{width: 50px;}
.grid_2 	{width: 120px;}
.grid_3 	{width: 190px;}
.grid_4 	{width: 260px;}
.grid_5 	{width: 330px;}
.grid_6 	{width: 400px;}
.grid_7 	{width: 470px;}
.grid_8 	{width: 540px;}
.grid_9 	{width: 610px;}
.grid_10 	{width: 680px;}
.grid_11 	{width: 750px;}
.grid_12 	{width: 820px;}
.grid_13 	{width: 890px;}
.grid_14 	{width: 960px;}
.grid_15 	{width: 1030px;}
.grid_16 	{width: 1100px;}
.grid_17 	{width: 1170px;}
.grid_18 	{width: 1240px;}

.grid_100p 	{width: 100%;}
.grid_90p 	{width: 90%;}
.grid_80p 	{width: 80%;}
.grid_70p 	{width: 70%;}
.grid_60p 	{width: 60%;}
.grid_50p 	{width: 50%;}
.grid_40p 	{width: 40%;}
.grid_30p 	{width: 30%;}
.grid_20p 	{width: 20%;}
.grid_10p 	{width: 10%;}

.grid_1r 	{width: 1rem;}
.grid_2r 	{width: 2rem;}
.grid_3r 	{width: 3rem;}
.grid_4r 	{width: 4rem;}
.grid_5r 	{width: 5rem;}
.grid_6r 	{width: 6rem;}
.grid_7r 	{width: 7rem;}
.grid_8r 	{width: 8rem;}
.grid_9r 	{width: 9rem;}
.grid_10r 	{width: 10rem;}
.grid_11r 	{width: 11rem;}
.grid_12r 	{width: 12rem;}
.grid_13r 	{width: 13rem;}
.grid_14r 	{width: 14rem;}
.grid_15r 	{width: 15rem;}
.grid_16r 	{width: 16rem;}
.grid_17r 	{width: 17rem;}
.grid_18r 	{width: 18rem;}
.grid_19r 	{width: 19rem;}
.grid_20r 	{width: 20rem;}
.grid_30r 	{width: 30rem;}
.grid_40r 	{width: 40rem;}
.grid_50r 	{width: 50rem;}
.grid_60r 	{width: 60rem;}
.grid_70r 	{width: 70rem;}
.grid_80r 	{width: 80rem;}
.grid_90r 	{width: 90rem;}
.grid_100r 	{width: 100rem;}

.h_1r 		{height: 2rem;}
.h_2r 		{height: 2rem;}
.h_10r 		{height: 10rem;}
.h_28r 		{height: 28rem;}
.h_50r 		{height: 50rem;}

.h_50p 		{height: 50%;}
.h_100p 	{height: 100%;}


/*------------------------------------------------*/
/*------------------[COLORS]----------------------*/
/*------------------------------------------------*/
.c-white	{color: #fff;}
.c-navi 	{color: #001f3f;}
.c-blue 	{color: #0074D9;}
.c-green 	{color: #2ECC40;}
.c-lime 	{color: #01FF70;}
.c-yellow 	{color: #FFDC00;}
.c-orange 	{color: #FF851B;}
.c-red 		{color: #FF4136;}

.c-disable,
.c-faded    {color: #999;}

.c-vk       {color: #4E729A;}
.c-fb       {color: #3b5998;}
.c-tw       {color: #4099ff;}
.c-gp       {color: #d34836;}

/*------------------------------------------------*/
.bg-white 	{background-color: #fff;}
.bg-black 	{background-color: #111;}

.bg-navi 	{background-color: #001f3f;}
.bg-blue 	{background-color: #0074D9;}
.bg-green 	{background-color: #2ECC40;}
.bg-lime 	{background-color: #01FF70;}
.bg-yellow 	{background-color: #FFDC00;}
.bg-orange 	{background-color: #FF851B;}
.bg-red		{background-color: #FF4136;}

.bg-vk      {background-color: #4E729A;}
.bg-fb      {background-color: #3b5998;}
.bg-tw      {background-color: #4099ff;}
.bg-gp      {background-color: #d34836;}

.bg-black_grass 	{background-color: rgba(0, 0, 0, 0.5);}


.pad-1 	{padding: 1rem;}
/*------------------------------------------------*/
/*------------------[FONTS]-----------------------*/
/*------------------------------------------------*/
h1 {font-size: 2rem; font-weight: 400;}
h2 {font-size: 1.5rem; font-weight: 400;}


.fs-x01     {font-size: 0.1rem;}
.fs-x02     {font-size: 0.2rem;}
.fs-x03     {font-size: 0.3rem;}
.fs-x04     {font-size: 0.4rem;}
.fs-x05     {font-size: 0.5rem;}
.fs-x06     {font-size: 0.6rem;}
.fs-x07     {font-size: 0.7rem;}
.fs-x08     {font-size: 0.8rem;}
.fs-x09     {font-size: 0.9rem;}
.fs-normal  {font-size: 1rem;}
.fs-x11		{font-size: 1.1rem;}
.fs-x12		{font-size: 1.2rem;}
.fs-x13		{font-size: 1.3rem;}
.fs-x14		{font-size: 1.4rem;}
.fs-x15		{font-size: 1.5rem;}
.fs-x16		{font-size: 1.6rem;}
.fs-x17		{font-size: 1.7rem;}
.fs-x18		{font-size: 1.8rem;}
.fs-x19		{font-size: 1.9rem;}
.fs-x20     {font-size: 2rem;}

.fw-thin 	{font-weight: 100;}
.fw-light 	{font-weight: 300;}
.fw-normal 	{font-weight: 400;}
.fw-bold 	{font-weight: 600;}

.tx-left 	{text-align: left;}
.tx-center  {text-align: center;}
.tx-right 	{text-align: right;}
.tx-just	{text-align: justify;}