/*  SECTIONS  */

.container {
	width: auto;
	padding: 0 ;
	margin: 0 auto;
	clear: both;
	/*background-color: #F7F7F7;*/	
}
.container--fluid {
	width: 100%;
	padding: 0 ;
	margin: 0 auto;
	clear: both;}

.container--narrow {
	width: 50%;
	padding: 0;
	margin: 0 auto;
	clear: both;
	}

.row {overflow: auto;margin: 0 -5px;}




/*  GROUPING  */

.container:before,
.container:after {
	content: " ";
	display: table;
}

.container:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.container {
    zoom:1;
}
/*  COLUMN SETUP  */

.col {
	display: inline;
	display: inline;
	display: inline-block;
	list-style: none;
	float: left;
	padding: 0% 10px 0% 10px;
	vertical-align: top;
	margin-bottom: 1.3em;
	position: relative;
	min-height: 1px;
	overflow: hidden;
	line-height: 1;
}









@media screen and (min-width: 272px) 
	/* 		extra small screen 		*/
{
.xss--gr--12 {	width: 100%; }
.xss--gr--11 {	width: 91.6%;	width: calc((100% / 12) * 11);}
.xss--gr--10 {	width: 83.3%;	width: calc((100% / 12) * 10);}
.xss--gr--9 {	width: 75%;		width: calc((100% / 12) * 9);}
.xss--gr--8 {	width: 66.6%;	width: calc((100% / 12) * 8);}
.xss--gr--7 {	width: 58.3%;	width: calc((100% / 12) * 7);}
.xss--gr--6 {	width: 50%;		width: calc((100% / 12) * 6);}
.xss--gr--5 {	width: 41.6%;	width: calc((100% / 12) * 5);}
.xss--gr--4 {	width: 33.3%;	width: calc((100% / 12) * 4);}
.xss--gr--3 {	width: 25%;		width: calc((100% / 12) * 3);}
.xss--gr--2 {	width: 16.6%;	width: calc((100% / 12) * 2);}
.xss--gr--1 {	width: 8.33%;	width: calc((100% / 12) * 1);}

/* 	GRID OF HUNDRED  */
.xss--1 {	width: 1%}
.xss--2, {	width: 2%}
.xss--3 {	width: 3%}
.xss--4 {	width: 4%}
.xss--5 {	width: 5%}
.xss--6 {	width: 6%}
.xss--7 {	width: 7%}
.xss--8 {	width: 8%}
.xss--9 {	width: 9%}
.xss--10 {	width: 10%}
.xss--11 {	width: 11%}
.xss--12 {	width: 12%}
.xss--13 {	width: 13%}
.xss--14 {	width: 14%}
.xss--15 {	width: 15%}
.xss--16 {	width: 16%}
.xss--17 {	width: 17%}
.xss--18 {	width: 18%}
.xss--19 {	width: 19%}
.xss--20 {	width: 20%}
.xss--21 {	width: 21%}
.xss--21 {	width: 22%}
.xss--23 {	width: 23%}
.xss--24 {	width: 24%}
.xss--25 {	width: 25%}
.xss--26 {	width: 26%}
.xss--27 {	width: 27%}
.xss--28 {	width: 28%}
.xss--29 {	width: 29%}
.xss--30 {	width: 30%}
.xss--31 {	width: 31%}
.xss--32 {	width: 32%}
.xss--33 {	width: 33%}
.xss--34 {	width: 34%}
.xss--35 {	width: 35%}
.xss--36 {	width: 36%}
.xss--37 {	width: 37%}
.xss--38 {	width: 38%}
.xss--39 {	width: 39%}
.xss--40 {	width: 40%}
.xss--41 {	width: 41%}
.xss--42 {	width: 42%}
.xss--43 {	width: 43%}
.xss--44 {	width: 44%}
.xss--45 {	width: 45%}
.xss--46 {	width: 46%}
.xss--47 {	width: 47%}
.xss--48 {	width: 48%}
.xss--49 {	width: 49%}
.xss--50 {	width: 50%}
.xss--51 {	width: 51%}
.xss--52 {	width: 52%}
.xss--53 {	width: 53%}
.xss--54 {	width: 54%}
.xss--55 {	width: 55%}
.xss--56 {	width: 56%}
.xss--57 {	width: 57%}
.xss--58 {	width: 58%}
.xss--59 {	width: 59%}
.xss--60 {	width: 60%}
.xss--61 {	width: 61%}
.xss--62 {	width: 62%}
.xss--63 {	width: 63%}
.xss--64 {	width: 64%}
.xss--65 {	width: 65%}
.xss--66 {	width: 66%}
.xss--67 {	width: 67%}
.xss--68 {	width: 68%}
.xss--69 {	width: 69%}
.xss--70 {	width: 70%}
.xss--71 {	width: 71%}
.xss--72 {	width: 72%}
.xss--73 {	width: 73%}
.xss--74 {	width: 74%}
.xss--75 {	width: 75%}
.xss--76 {	width: 76%}
.xss--77 {	width: 77%}
.xss--78 {	width: 78%}
.xss--79 {	width: 79%}
.xss--80 {	width: 80%}
.xss--81 {	width: 81%}
.xss--82 {	width: 82%}
.xss--83 {	width: 83%}
.xss--84 {	width: 84%}
.xss--85 {	width: 85%}
.xss--86 {	width: 86%}
.xss--87 {	width: 87%}
.xss--88 {	width: 88%}
.xss--89 {	width: 89%}
.xss--90 {	width: 90%}
.xss--91 {	width: 91%}
.xss--92 {	width: 92%}
.xss--93 {	width: 93%}
.xss--94 {	width: 94%}
.xss--95 {	width: 95%}
.xss--96 {	width: 96%}
.xss--97 {	width: 97%}
.xss--98 {	width: 98%}
.xss--99 {	width: 99%}
.xss--100 {	width: 100%}
	
}

@media screen and  (min-width:480px)
	/* 		small screen 	*/
{
	.ss--gr--12 {	width: 100%; }
.ss--gr--11{	width: 91.6%;	width: calc((100% / 12) * 11);}
.ss--gr--10 {	width: 83.3%;	width: calc((100% / 12) * 10);}
.ss--gr--9 {	width: 75%;		width: calc((100% / 12) * 9);}
.ss--gr--8 {	width: 66.6%;	width: calc((100% / 12) * 8);}
.ss--gr--7 {	width: 58.3%;	width: calc((100% / 12) * 7);}
.ss--gr--6 {	width: 50%;		width: calc((100% / 12) * 6);}
.ss--gr--5 {	width: 41.6%;	width: calc((100% / 12) * 5);}
.ss--gr--4 {	width: 33.3%;	width: calc((100% / 12) * 4);}
.ss--gr--3 {	width: 25%;		width: calc((100% / 12) * 3);}
.ss--gr--2 {	width: 16.6%;	width: calc((100% / 12) * 2);}
.ss--gr--1 {	width: 8.33%;	width: calc((100% / 12) * 1);}

/* 	GRID OF HUNDRED  */
.ss--1 {	width: 1%}
.ss--2, {	width: 2%}
.ss--3 {	width: 3%}
.ss--4 {	width: 4%}
.ss--5 {	width: 5%}
.ss--6 {	width: 6%}
.ss--7 {	width: 7%}
.ss--8 {	width: 8%}
.ss--9 {	width: 9%}
.ss--10 {	width: 10%}
.ss--11 {	width: 11%}
.ss--12 {	width: 12%}
.ss--13 {	width: 13%}
.ss--14 {	width: 14%}
.ss--15 {	width: 15%}
.ss--16 {	width: 16%}
.ss--17 {	width: 17%}
.ss--18 {	width: 18%}
.ss--19 {	width: 19%}
.ss--20 {	width: 20%}
.ss--21 {	width: 21%}
.ss--21 {	width: 22%}
.ss--23 {	width: 23%}
.ss--24 {	width: 24%}
.ss--25 {	width: 25%}
.ss--26 {	width: 26%}
.ss--27 {	width: 27%}
.ss--28 {	width: 28%}
.ss--29 {	width: 29%}
.ss--30 {	width: 30%}
.ss--31 {	width: 31%}
.ss--32 {	width: 32%}
.ss--33 {	width: 33%}
.ss--34 {	width: 34%}
.ss--35 {	width: 35%}
.ss--36 {	width: 36%}
.ss--37 {	width: 37%}
.ss--38 {	width: 38%}
.ss--39 {	width: 39%}
.ss--40 {	width: 40%}
.ss--41 {	width: 41%}
.ss--42 {	width: 42%}
.ss--43 {	width: 43%}
.ss--44 {	width: 44%}
.ss--45 {	width: 45%}
.ss--46 {	width: 46%}
.ss--47 {	width: 47%}
.ss--48 {	width: 48%}
.ss--49 {	width: 49%}
.ss--50 {	width: 50%}
.ss--51 {	width: 51%}
.ss--52 {	width: 52%}
.ss--53 {	width: 53%}
.ss--54 {	width: 54%}
.ss--55 {	width: 55%}
.ss--56 {	width: 56%}
.ss--57 {	width: 57%}
.ss--58 {	width: 58%}
.ss--59 {	width: 59%}
.ss--60 {	width: 60%}
.ss--61 {	width: 61%}
.ss--62 {	width: 62%}
.ss--63 {	width: 63%}
.ss--64 {	width: 64%}
.ss--65 {	width: 65%}
.ss--66 {	width: 66%}
.ss--67 {	width: 67%}
.ss--68 {	width: 68%}
.ss--69 {	width: 69%}
.ss--70 {	width: 70%}
.ss--71 {	width: 71%}
.ss--72 {	width: 72%}
.ss--73 {	width: 73%}
.ss--74 {	width: 74%}
.ss--75 {	width: 75%}
.ss--76 {	width: 76%}
.ss--77 {	width: 77%}
.ss--78 {	width: 78%}
.ss--79 {	width: 79%}
.ss--80 {	width: 80%}
.ss--81 {	width: 81%}
.ss--82 {	width: 82%}
.ss--83 {	width: 83%}
.ss--84 {	width: 84%}
.ss--85 {	width: 85%}
.ss--86 {	width: 86%}
.ss--87 {	width: 87%}
.ss--88 {	width: 88%}
.ss--89 {	width: 89%}
.ss--90 {	width: 90%}
.ss--91 {	width: 91%}
.ss--92 {	width: 92%}
.ss--93 {	width: 93%}
.ss--94 {	width: 94%}
.ss--95 {	width: 95%}
.ss--96 {	width: 96%}
.ss--97 {	width: 97%}
.ss--98 {	width: 98%}
.ss--99 {	width: 99%}
.ss--100 {	width: 100%}
	
}
@media screen and (min-width:768px)
	/* 		medium screen		 */
{
	
	
.ms--gr--12 {	width: 100%; }
.ms--gr--11{	width: 91.6%;	width: calc((100% / 12) * 11);}
.ms--gr--10 {	width: 83.3%;	width: calc((100% / 12) * 10);}
.ms--gr--9 {	width: 75%;		width: calc((100% / 12) * 9);}
.ms--gr--8 {	width: 66.6%;	width: calc((100% / 12) * 8);}
.ms--gr--7 {	width: 58.3%;	width: calc((100% / 12) * 7);}
.ms--gr--6 {	width: 50%;		width: calc((100% / 12) * 6);}
.ms--gr--5 {	width: 41.6%;	width: calc((100% / 12) * 5);}
.ms--gr--4 {	width: 33.3%;	width: calc((100% / 12) * 4);}
.ms--gr--3 {	width: 25%;		width: calc((100% / 12) * 3);}
.ms--gr--2 {	width: 16.6%;	width: calc((100% / 12) * 2);}
.ms--gr--1 {	width: 8.33%;	width: calc((100% / 12) * 1);}

/* 	GRID OF HUNDRED  */
.ms--1 {	width: 1%}
.ms--2, {	width: 2%}
.ms--3 {	width: 3%}
.ms--4 {	width: 4%}
.ms--5 {	width: 5%}
.ms--6 {	width: 6%}
.ms--7 {	width: 7%}
.ms--8 {	width: 8%}
.ms--9 {	width: 9%}
.ms--10 {	width: 10%}
.ms--11 {	width: 11%}
.ms--12 {	width: 12%}
.ms--13 {	width: 13%}
.ms--14 {	width: 14%}
.ms--15 {	width: 15%}
.ms--16 {	width: 16%}
.ms--17 {	width: 17%}
.ms--18 {	width: 18%}
.ms--19 {	width: 19%}
.ms--20 {	width: 20%}
.ms--21 {	width: 21%}
.ms--22 {	width: 22%}
.ms--23 {	width: 23%}
.ms--24 {	width: 24%}
.ms--25 {	width: 25%}
.ms--26 {	width: 26%}
.ms--27 {	width: 27%}
.ms--28 {	width: 28%}
.ms--29 {	width: 29%}
.ms--30 {	width: 30%}
.ms--31 {	width: 31%}
.ms--32 {	width: 32%}
.ms--33 {	width: 33%}
.ms--34 {	width: 34%}
.ms--35 {	width: 35%}
.ms--36 {	width: 36%}
.ms--37 {	width: 37%}
.ms--38 {	width: 38%}
.ms--39 {	width: 39%}
.ms--40 {	width: 40%}
.ms--41 {	width: 41%}
.ms--42 {	width: 42%}
.ms--43 {	width: 43%}
.ms--44 {	width: 44%}
.ms--45 {	width: 45%}
.ms--46 {	width: 46%}
.ms--47 {	width: 47%}
.ms--48 {	width: 48%}
.ms--49 {	width: 49%}
.ms--50 {	width: 50%}
.ms--51 {	width: 51%}
.ms--52 {	width: 52%}
.ms--53 {	width: 53%}
.ms--54 {	width: 54%}
.ms--55 {	width: 55%}
.ms--56 {	width: 56%}
.ms--57 {	width: 57%}
.ms--58 {	width: 58%}
.ms--59 {	width: 59%}
.ms--60 {	width: 60%}
.ms--61 {	width: 61%}
.ms--62 {	width: 62%}
.ms--63 {	width: 63%}
.ms--64 {	width: 64%}
.ms--65 {	width: 65%}
.ms--66 {	width: 66%}
.ms--67 {	width: 67%}
.ms--68 {	width: 68%}
.ms--69 {	width: 69%}
.ms--70 {	width: 70%}
.ms--71 {	width: 71%}
.ms--72 {	width: 72%}
.ms--73 {	width: 73%}
.ms--74 {	width: 74%}
.ms--75 {	width: 75%}
.ms--76 {	width: 76%}
.ms--77 {	width: 77%}
.ms--78 {	width: 78%}
.ms--79 {	width: 79%}
.ms--80 {	width: 80%}
.ms--81 {	width: 81%}
.ms--82 {	width: 82%}
.ms--83 {	width: 83%}
.ms--84 {	width: 84%}
.ms--85 {	width: 85%}
.ms--86 {	width: 86%}
.ms--87 {	width: 87%}
.ms--88 {	width: 88%}
.ms--89 {	width: 89%}
.ms--90 {	width: 90%}
.ms--91 {	width: 91%}
.ms--92 {	width: 92%}
.ms--93 {	width: 93%}
.ms--94 {	width: 94%}
.ms--95 {	width: 95%}
.ms--96 {	width: 96%}
.ms--97 {	width: 97%}
.ms--98 {	width: 98%}
.ms--99 {	width: 99%}
.ms--100 {	width: 100%}
	
}
@media screen and (min-width: 1150px) 
	/* 		wide screen		 */
{
	
/*	GRID TWELVE		*/
.ws--gr--12 	{	width: 100%; }
.ws--gr--11		{	width: 91,66666666666667%;		width: calc((100% / 12) * 11);}
.ws--gr--10 	{	width: 83.3%;					width: calc((100% / 12) * 10);}
.ws--gr--9 		{	width: 75%;						width: calc((100% / 12) * 9);}
.ws--gr--8 		{	width: 66,66666666666667%;		width: calc((100% / 12) * 8);}
.ws--gr--7 		{	width: 58.3%;					width: calc((100% / 12) * 7);}
.ws--gr--6 		{	width: 50%;						width: calc((100% / 12) * 6);}
.ws--gr--5 		{	width: 41.66666666666667%;		width: calc((100% / 12) * 5);}
.ws--gr--4 		{	width: 33.3%;					width: calc((100% / 12) * 4);}
.ws--gr--3 		{	width: 25%;						width: calc((100% / 12) * 3);}
.ws--gr--2 		{	width: 16,66666666666667%;		width: calc((100% / 12) * 2);}
.ws--gr--1 		{	width: 8.33%;					width: calc((100% / 12) * 1);}
	
/*	PUSH AND PULL	*/
.ws--gr--12--push 		{	margin-left: 100%; }
.ws--gr--11--push		{	margin-left: 91,66666666666667%;		margin-left: calc((100% / 12) * 11);}
.ws--gr--10--push 		{	margin-left: 83.3%;						margin-left: calc((100% / 12) * 10);}
.ws--gr--9--push 		{	margin-left: 75%;						margin-left: calc((100% / 12) * 9);}
.ws--gr--8--push 		{	margin-left: 66,66666666666667%;		margin-left: calc((100% / 12) * 8);}
.ws--gr--7--push 		{	margin-left: 58.3%;						margin-left: calc((100% / 12) * 7);}
.ws--gr--6--push 		{	margin-left: 50%;						margin-left: calc((100% / 12) * 6);}
.ws--gr--5--push 		{	margin-left: 41.66666666666667%;		margin-left: calc((100% / 12) * 5);}
.ws--gr--4--push 		{	margin-left: 33.3%;						margin-left: calc((100% / 12) * 4);}
.ws--gr--3--push 		{	margin-left: 25%;						margin-left: calc((100% / 12) * 3);}
.ws--gr--2--push 		{	margin-left: 16.66666666666667%;		margin-left: calc((100% / 12) * 2);}
.ws--gr--1--push 		{	margin-left: 8.3%;						margin-left: calc((100% / 12) * 1);}
	
.ws--gr--12--pull 		{	margin-left: -100%; }
.ws--gr--11--pull		{	margin-left: -91,66666666666667%;		margin-left: calc((-100% / 12) * 11);}
.ws--gr--10--pull 		{	margin-left: -83.3%;					margin-left: calc((-100% / 12) * 10);}
.ws--gr--9--pull 		{	margin-left: -75%;						margin-left: calc((-100% / 12) * 9);}
.ws--gr--8--pull 		{	margin-left: -66,66666666666667%;		margin-left: calc((-100% / 12) * 8);}
.ws--gr--7--pull 		{	margin-left: -58.3%;					margin-left: calc((-100% / 12) * 7);}
.ws--gr--6--pull 		{	margin-left: -50%;						margin-left: calc((-100% / 12) * 6);}
.ws--gr--5--pull 		{	margin-left: -41.66666666666667%;		margin-left: calc((-100% / 12) * 5);}
.ws--gr--4--pull 		{	margin-left: -33.3%;					margin-left: calc((-100% / 12) * 4);}
.ws--gr--3--pull 		{	margin-left: -25%;						margin-left: calc((-100% / 12) * 3);}
.ws--gr--2--pull 		{	margin-left: -16.66666666666667%;		margin-left: calc((-100% / 12) * 2);}
.ws--gr--1--pull 		{	margin-left: -8.3%;						margin-left: calc((-100% / 12) * 1);}
	

	.center {margin-left: auto; margin-right: auto; display: block;}


	


/* 	GRID OF HUNDRED  */
.ws--1 {	width: 1%}
.ws--2 {	width: 2%}
.ws--3 {	width: 3%}
.ws--4 {	width: 4%}
.ws--5 {	width: 5%}
.ws--6 {	width: 6%}
.ws--7 {	width: 7%}
.ws--8 {	width: 8%}
.ws--9 {	width: 9%}
.ws--10 {	width: 10%}
.ws--11 {	width: 11%}
.ws--12 {	width: 12%}
.ws--13 {	width: 13%}
.ws--14 {	width: 14%}
.ws--15 {	width: 15%}
.ws--16 {	width: 16%}
.ws--17 {	width: 17%}
.ws--18 {	width: 18%}
.ws--19 {	width: 19%}
.ws--20 {	width: 20%}
.ws--21 {	width: 21%}
.ws--21 {	width: 22%}
.ws--23 {	width: 23%}
.ws--24 {	width: 24%}
.ws--25 {	width: 25%}
.ws--26 {	width: 26%}
.ws--27 {	width: 27%}
.ws--28 {	width: 28%}
.ws--29 {	width: 29%}
.ws--30 {	width: 30%}
.ws--31 {	width: 31%}
.ws--32 {	width: 32%}
.ws--33 {	width: 33%}
.ws--34 {	width: 34%}
.ws--35 {	width: 35%}
.ws--36 {	width: 36%}
.ws--37 {	width: 37%}
.ws--38 {	width: 38%}
.ws--39 {	width: 39%}
.ws--40 {	width: 40%}
.ws--41 {	width: 41%}
.ws--42 {	width: 42%}
.ws--43 {	width: 43%}
.ws--44 {	width: 44%}
.ws--45 {	width: 40%}
.ws--46 {	width: 46%}
.ws--47 {	width: 47%}
.ws--48 {	width: 48%}
.ws--49 {	width: 49%}
.ws--50 {	width: 50%}
.ws--51 {	width: 51%}
.ws--52 {	width: 52%}
.ws--53 {	width: 53%}
.ws--54 {	width: 54%}
.ws--55 {	width: 59%}
.ws--56 {	width: 56%}
.ws--57 {	width: 57%}
.ws--58 {	width: 58%}
.ws--59 {	width: 59%}
.ws--60 {	width: 60%}
.ws--61 {	width: 61%}
.ws--62 {	width: 62%}
.ws--63 {	width: 63%}
.ws--64 {	width: 64%}
.ws--65 {	width: 65%}
.ws--66 {	width: 66%}
.ws--67 {	width: 67%}
.ws--68 {	width: 68%}
.ws--69 {	width: 69%}
.ws--70 {	width: 70%}
.ws--71 {	width: 71%}
.ws--72 {	width: 72%}
.ws--73 {	width: 73%}
.ws--74 {	width: 74%}
.ws--75 {	width: 75%}
.ws--76 {	width: 76%}
.ws--77 {	width: 77%}
.ws--78 {	width: 78%}
.ws--79 {	width: 79%}
.ws--80 {	width: 80%}
.ws--81 {	width: 81%}
.ws--82 {	width: 82%}
.ws--83 {	width: 83%}
.ws--84 {	width: 84%}
.ws--85 {	width: 85%}
.ws--86 {	width: 86%}
.ws--87 {	width: 87%}
.ws--88 {	width: 88%}
.ws--89 {	width: 89%}
.ws--90 {	width: 90%}
.ws--91 {	width: 91%}
.ws--92 {	width: 92%}
.ws--93 {	width: 93%}
.ws--94 {	width: 94%}
.ws--95 {	width: 95%}
.ws--96 {	width: 96%}
.ws--97 {	width: 97%}
.ws--98 {	width: 98%}
.ws--99 {	width: 99%}
.ws--100 {	width: 100%}
}