/*––––––––––––––––––––––––––––––––––––––––––––––––––
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
+* Grid 1200px
+* Nicolas Poliquin
+* polikin.ca
––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Table of Contents
====================================================================================================
#Base 1200 Grid
#Tablet (Portrait)
#1024 Desktop
#Mobile (Portrait)
#Mobile (Landscape)
#Clearing
––––––––––––––––––––––––––––––––––––––––––––––––––*/
.columns,
.column {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

/* #Base 1200 Grid
==================================================================================================== */
/* Outside the 'container' */
.outcontainer                               { position: relative; width: 100%; margin: 0 auto; padding: 0; display: grid; z-index: 99; }
.outcontainer .column,
.outcontainer .columns                      { float: left; display: inline; }
.lower                                      { padding-top: 20px; padding-bottom: 20px; display: -webkit-flex; display: flex;}
/* Base Grid */
.outcontainer .full.columns                 { width: 100%; }
.outcontainer .half.columns                 { width: 50%; }
.outcontainer .one-third.columns            { width: 33.333333334%; }
.outcontainer .one-quarter.columns          { width: 25%; }
.outcontainer .one-fifth.columns            { width: 20%; }
/* image */
.outcontainer .full.columns img,
.outcontainer .half.columns img,
.outcontainer .one-third.columns img,
.outcontainer .one-quarter.columns img,
.outcontainer .one-fifth.columns img        { width: 100%; height: auto; display: block; }
/*––––––––––––––––––––––––––––––––––––––––––––––––––Outside the 'container'*/
/* Inside the 'container' margin=0 */

.fullcontainer                              { position: relative; width: 1185px; margin: 0 auto; padding: 0; }
.fullcontainer .column,
.fullcontainer .columns                     { float: left; display: inline; margin-left: 0px; margin-right: 0px; }

/* full Grid */
.fullcontainer .full.columns                { width: 100%; }
.fullcontainer .half.columns                { width: 50%; }
.fullcontainer .one-third.columns           { width: 33.333333334%; }
.fullcontainer .one-quarter.columns         { width: 25%; }
.fullcontainer .one-fifth.columns           { width: 20%; }
/* image */
.fullcontainer .full.columns img,
.fullcontainer .half.columns img,
.fullcontainer .one-third.columns img,
.fullcontainer .one-quarter.columns img,
.fullcontainer .one-fifth.columns img       { width: 100%; height: auto; display: block; }
/*––––––––––––––––––––––––––––––––––––––––––––––––––Inside the 'container' margin=0*/

.container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px;margin-left: 5px\9;margin-right: 10px;margin-right: 5px\9;}
.row                                        { padding-top: 20px; padding-bottom: 20px; display: -webkit-flex; display: flex;}

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }


/* Base Grid */
.container .one.column,
.container .one.columns                     { width: 55px; }
.container .two.columns                     { width: 120px; }
.container .three.columns                   { width: 205px; }
.container .four.columns                    { width: 280px; }
.container .five.columns                    { width: 355px; }
.container .six.columns                     { width: 430px; }
.container .seven.columns                   { width: 505px; }
.container .eight.columns                   { width: 580px; }/*––1/2––*/
.container .nine.columns                    { width: 655px; }
.container .ten.columns                     { width: 730px; }
.container .eleven.columns                  { width: 805px; }
.container .twelve.columns                  { width: 880px; }
.container .thirteen.columns                { width: 955px; }
.container .fourteen.columns                { width: 1040px; }
.container .fifteen.columns                 { width: 1105px; }
.container .sixteen.columns                 { width: 1180px; }

/*1/3––––––––––––––––––––––––––––––––––––––––––––––––––*/
.container .one-third.columns               { width: 380px; }
.container .two-thirds.columns              { width: 780px; }
/*––––––––––––––––––––––––––––––––––––––––––––––––––2/3*/
/*1/5––––––––––––––––––––––––––––––––––––––––––––––––––*/
.container .one-fifth.columns               { width: 220px; }
.container .two-fifth.columns               { width: 460px; }
.container .four-fifth.columns              { width: 940px; }
.container .three-fifth.columns             { width: 700px; }
/*––––––––––––––––––––––––––––––––––––––––––––––––––4/5*/
/*1/6––––––––––––––––––––––––––––––––––––––––––––––––––*/
.container .one-sixth.columns               { width: 180px; }
.container .two-sixth.columns               { width: 380px; }
.container .fifth-sixth.columns             { width: 980px; }
.container .four-sixth.columns              { width: 780px; }
/*––––––––––––––––––––––––––––––––––––––––––––––––––5/6*/
/*1/7––––––––––––––––––––––––––––––––––––––––––––––––––*/
.container .one-seventh.columns             { width: 151.39px; }
.container .two-seventh.columns             { width: 322.8px; }
.container .three-seventh.columns           { width: 494.2px; }
.container .four-seventh.columns            { width: 665.6px; }
.container .fifth-seventh.columns           { width: 837px; }
.container .sixth-seventh.columns           { width: 1008.59px; }
/*––––––––––––––––––––––––––––––––––––––––––––––––––6/7*/

/* Offsets */
.container .offset-by-one                   { padding-left: 75px;  }
.container .offset-by-two                   { padding-left: 140px; }
.container .offset-by-three                 { padding-left: 225px; }
.container .offset-by-four                  { padding-left: 300px; }
.container .offset-by-five                  { padding-left: 375px; }
.container .offset-by-six                   { padding-left: 430px; }
.container .offset-by-seven                 { padding-left: 525px; }
.container .offset-by-eight                 { padding-left: 600px; }
.container .offset-by-nine                  { padding-left: 675px; }
.container .offset-by-ten                   { padding-left: 750px; }
.container .offset-by-eleven                { padding-left: 825px; }
.container .offset-by-twelve                { padding-left: 900px; }
.container .offset-by-thirteen              { padding-left: 975px; }
.container .offset-by-fourteen              { padding-left: 1050px; }
.container .offset-by-fifteen               { padding-left: 1125px; }


/* #Tablet (Portrait) Note: Design for a width of 768px
==================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/* full Grid */
	.fullcontainer                              { width: 752px; }
	/* Base Grid */
	.container                                  { width: 752px; }
.container .one.columns                     { width: 27px; }  
.container .two.columns                     { width: 74px; }
.container .three.columns                   { width: 121px; }
.container .four.columns                    { width: 168px; }
.container .five.columns                    { width: 215px; }
.container .six.columns                     { width: 262px; }
.container .seven.columns                   { width: 309px; }
.container .eight.columns                   { width: 356px; }/*––1/2––*/
.container .nine.columns                    { width: 403px; }
.container .ten.columns                     { width: 450px; }
.container .eleven.columns                  { width: 497px; }
.container .twelve.columns                  { width: 544px; }
.container .thirteen.columns                { width: 591px; }
.container .fourteen.columns                { width: 638px; }
.container .fifteen.columns                 { width: 685px; }
.container .sixteen.columns                 { width: 732px; }

	/*1/3––––––––––––––––––––––––––––––––––––––––––––––––––*/
	.container .one-third.columns               { width: 236px; }
	.container .two-thirds.columns              { width: 492px; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––2/3*/
	/*1/5––––––––––––––––––––––––––––––––––––––––––––––––––*/
	.container .one-fifth.columns               { width: 133.59px; }
	.container .two-fifth.columns               { width: 287.18px; }
	.container .four-fifth.columns              { width: 594.39px; }
	.container .three-fifth.columns             { width: 440.82px; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––4/5*/
	/*1/6––––––––––––––––––––––––––––––––––––––––––––––––––*/
	.container .one-sixth.columns               { width: 108px; }
	.container .two-sixth.columns               { width: 236px; }
	.container .fifth-sixth.columns             { width: 620px; }
	.container .four-sixth.columns              { width: 492px; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––5/6*/
	/*1/7––––––––––––––––––––––––––––––––––––––––––––––––––*/
	.container .one-seventh.columns             { width: 89.69px; }
	.container .two-seventh.columns             { width: 199.38px; }
	.container .three-seventh.columns           { width: 309.07px; }
	.container .four-seventh.columns            { width: 418.76px; }
	.container .fifth-seventh.columns           { width: 528.45px; }
	.container .sixth-seventh.columns           { width: 638.3px; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––6/7*/

	/* Offsets */
.container .offset-by-one                   { padding-left: 47px; }
.container .offset-by-two                   { padding-left: 94px; }
.container .offset-by-three                 { padding-left: 141px; }
.container .offset-by-four                  { padding-left: 188px; }
.container .offset-by-five                  { padding-left: 235px; }
.container .offset-by-six                   { padding-left: 282px; }
.container .offset-by-seven                 { padding-left: 329px; }
.container .offset-by-eight                 { padding-left: 376px; }
.container .offset-by-nine                  { padding-left: 423px; }
.container .offset-by-ten                   { padding-left: 470px; }
.container .offset-by-eleven                { padding-left: 517px; }
.container .offset-by-twelve                { padding-left: 564px; }
.container .offset-by-thirteen              { padding-left: 611px; }
.container .offset-by-fourteen              { padding-left: 658px; }
.container .offset-by-fifteen               { padding-left: 705px; }
}

/* Note: Design for a width 1024 Desktop
==================================================================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	/* full Grid */
	.fullcontainer                              { width: 960px; }

	/* Base Grid */
	.container                                  { width: 960px; }
	.container .one.column,
	.container .one.columns                     { width: 40px;  }
	.container .two.columns                     { width: 100px; }
	.container .three.columns                   { width: 160px; }
	.container .four.columns                    { width: 220px; }
	.container .five.columns                    { width: 280px; }
	.container .six.columns                     { width: 340px; }
	.container .seven.columns                   { width: 400px; }
	.container .eight.columns                   { width: 460px; }/*––1/2––*/
	.container .nine.columns                    { width: 520px; }
	.container .ten.columns                     { width: 580px; }
	.container .eleven.columns                  { width: 640px; }
	.container .twelve.columns                  { width: 700px; }
	.container .thirteen.columns                { width: 760px; }
	.container .fourteen.columns                { width: 820px; }
	.container .fifteen.columns                 { width: 880px; }
	.container .sixteen.columns                 { width: 940px; }

	/*1/3––––––––––––––––––––––––––––––––––––––––––––––––––*/
	.container .one-third.columns               { width: 300px; }
	.container .two-thirds.columns              { width: 620px; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––2/3*/
	/*1/5––––––––––––––––––––––––––––––––––––––––––––––––––*/
	.container .one-fifth.columns               { width: 172px; }
	.container .two-fifth.columns               { width: 364px; }
	.container .four-fifth.columns              { width: 748px; }
	.container .three-fifth.columns             { width: 555px; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––4/5*/
	/*1/6––––––––––––––––––––––––––––––––––––––––––––––––––*/
	.container .one-sixth.columns               { width: 140px; }
	.container .two-sixth.columns               { width: 300px; }
	.container .fifth-sixth.columns             { width: 780px; }
	.container .four-sixth.columns              { width: 620px; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––5/6*/
	/*1/7––––––––––––––––––––––––––––––––––––––––––––––––––*/
	.container .one-seventh.columns             { width: 117.09px; }
	.container .two-seventh.columns             { width: 254.18px; }
	.container .three-seventh.columns           { width: 391.27px; }
	.container .four-seventh.columns            { width: 528.36px; }
	.container .fifth-seventh.columns           { width: 665.45px; }
	.container .sixth-seventh.columns           { width: 802.89px; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––6/7*/

	/* Offsets */
	.container .offset-by-one                   { padding-left: 60px;  }
	.container .offset-by-two                   { padding-left: 120px; }
	.container .offset-by-three                 { padding-left: 180px; }
	.container .offset-by-four                  { padding-left: 240px; }
	.container .offset-by-five                  { padding-left: 300px; }
	.container .offset-by-six                   { padding-left: 360px; }
	.container .offset-by-seven                 { padding-left: 420px; }
	.container .offset-by-eight                 { padding-left: 480px; }
	.container .offset-by-nine                  { padding-left: 540px; }
	.container .offset-by-ten                   { padding-left: 600px; }
	.container .offset-by-eleven                { padding-left: 660px; }
	.container .offset-by-twelve                { padding-left: 720px; }
	.container .offset-by-thirteen              { padding-left: 780px; }
	.container .offset-by-fourteen              { padding-left: 840px; }
	.container .offset-by-fifteen               { padding-left: 900px; }
}
/*  #Mobile (Portrait) Note: Design for a width of 320px
==================================================================================================== */
@media only screen and (max-width: 767px) {
	/* Outside the 'container' */
	.outcontainer                               { width: 100%; }
	.outcontainer .columns,
	.outcontainer .column                       { margin: 0;}
	.lower                                      { display: block;}

	.outcontainer .full.columns,
	.outcontainer .half.columns,
	.outcontainer .one-third.columns,
	.outcontainer .one-quarter.columns,
	.outcontainer .one-fifth.columns            { width: 100%; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––Outside the 'container'*/
	/* Inside the 'container' margin=0 */

	.fullcontainer                              { width: 100%; }
	.fullcontainer .column,
	.fullcontainer .columns                     { margin: 0;}

	/* full Grid */
	.fullcontainer .full.columns,
	.fullcontainer .half.columns,
	.fullcontainer .one-third.columns,
	.fullcontainer .one-quarter.columns,
	.fullcontainer .one-fifth.columns           { width: 100%; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––Inside the 'container' margin=0*/


	.container                                  { width: 98%; }
	.container .columns,
	.container .column                          { margin: 0;}
	.row                                        { display: block; margin-left: 1%; margin-right: 1%;}
	.row:nth-of-type(2) {padding-bottom: 0px;}
	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.columns,
	.container .two-thirds.columns,
	.container .one-fifth.columns,
	.container .two-fifth.columns,
	.container .four-fifth.columns,
	.container .three-fifth.columns,
	.container .one-sixth.columns,
	.container .two-sixth.columns,
	.container .fifth-sixth.columns,
	.container .four-sixth.columns,
	.container .one-seventh.columns,
	.container .two-seventh.columns,
	.container .three-seventh.columns,
	.container .four-seventh.columns,
	.container .fifth-seventh.columns,
	.container .sixth-seventh.columns          { width: 100%; }

	/* Offsets */
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven,
	.container .offset-by-twelve,
	.container .offset-by-thirteen,
	.container .offset-by-fourteen,
	.container .offset-by-fifteen               { padding-left: 0; }
}
/* #Mobile (Landscape) Note: Design for a width of 480px
==================================================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Outside the 'container' */
	.outcontainer                               { width: 100%; }
	.outcontainer .columns,
	.outcontainer .column                       { margin: 0;}
	.lower                                      { display: block;}

	.outcontainer .full.columns,
	.outcontainer .half.columns,
	.outcontainer .one-third.columns,
	.outcontainer .one-quarter.columns,
	.outcontainer .one-fifth.columns            { width: 100%; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––Outside the 'container'*/
	/* Inside the 'container' margin=0 */

	.fullcontainer                              { width: 100%; }
	.fullcontainer .column,
	.fullcontainer .columns                     { margin: 0;}

	/* full Grid */
	.fullcontainer .full.columns,
	.fullcontainer .half.columns,
	.fullcontainer .one-third.columns,
	.fullcontainer .one-quarter.columns,
	.fullcontainer .one-fifth.columns           { width: 100%; }
	/*––––––––––––––––––––––––––––––––––––––––––––––––––Inside the 'container' margin=0*/

	.container                                  { width: 100%; }
	.container .columns,
	.container .column                          { margin: 0; }
	.row                                        { display: block; margin-left: 1%; margin-right: 1%;}

	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.columns,
	.container .two-thirds.columns,
	.container .one-fifth.columns,
	.container .two-fifth.columns,
	.container .four-fifth.columns,
	.container .three-fifth.columns,
	.container .one-sixth.columns,
	.container .two-sixth.columns,
	.container .fifth-sixth.columns,
	.container .four-sixth.columns,
	.container .one-seventh.columns,
	.container .two-seventh.columns,
	.container .three-seventh.columns,
	.container .four-seventh.columns,
	.container .fifth-seventh.columns,
	.container .sixth-seventh.columns           { width: 100%; }
}
/* #Clearing
==================================================================================================== */
/* Self Clearing Goodness */
.container:after                            { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns,or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after                                  { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after,
.clearfix:after                             { clear: both; }
.row,
.clearfix                                   { zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */
.clear                                      { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }