/*
* VisionW3 V4.0
* Copyright 2014, Andre Cyr
* www.cyr.cc
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 04/27/2014
*/


/* Table of Contents
==================================================
    #Base Fluid Grid    (200 colonnes de 0.5%)
    #Tablet (Landscape)
    #Tablet (Portrait)
    #Mobile (Landscape) (fixed 480px)
    #Mobile (Portrait)  (fixed 320px)
    #Clearing */


/* #Base Fluid Grid
================================================== */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box
}

*:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box
}

.container										{ position: relative; text-align: center; width: 100%; margin: 0 auto; padding: 0px; }
.container .row								{ margin-bottom: 0; }
.container .row .col					{ float: left; display: inline; margin-left: 0; margin-right: 0; padding-left: 1rem; padding-right: 1rem; }
.container .row.no-gutters .col { padding-left: 0; padding-right: 0; }

.container .row .col .row:not(.force-gutters) .col:first-child	{ padding-left: 0; }
.container .row .col .row:not(.force-gutters) .col:last-child		{ padding-right: 0; }

.container .row .col.left			{ text-align: left; }
.container .row .col.right		{ text-align: right; }
.container .row .col.center		{ text-align: center; }

.container .row .col.span0-5				{ width: .5%;  }
.container .row .col.span1					{ width: 1%; }
.container .row .col.span1-5				{ width: 1.5%; }
.container .row .col.span2					{ width: 2%; }
.container .row .col.span2-5				{ width: 2.5%; }
.container .row .col.span3					{ width: 3%; }
.container .row .col.span3-5				{ width: 3.5%; }
.container .row .col.span4 				{ width: 4%; }
.container .row .col.span4-5				{ width: 4.5%; }
.container .row .col.span5					{ width: 5%; }
.container .row .col.span5-5 			{ width: 5.5%; }
.container .row .col.span6 				{ width: 6%; }
.container .row .col.span6-5				{ width: 6.5%; }
.container .row .col.span7					{ width: 7%; }
.container .row .col.span7-5				{ width: 7.5%; }
.container .row .col.span8					{ width: 8%; }
.container .row .col.span8-5				{ width: 8.5%; }
.container .row .col.span9 				{ width: 9%; }
.container .row .col.span9-5				{ width: 9.5%; }
.container .row .col.span10				{ width: 10%; }
.container .row .col.span10-5			{ width: 10.5%; }
.container .row .col.span11				{ width: 11%; }
.container .row .col.span11-5			{ width: 11.5%; }
.container .row .col.span12				{ width: 12%; }
.container .row .col.span12-5			{ width: 12.5%; }
.container .row .col.span13				{ width: 13%; }
.container .row .col.span13-5			{ width: 13.5%; }
.container .row .col.span14				{ width: 14%; }
.container .row .col.span14-5			{ width: 14.5%; }
.container .row .col.span15				{ width: 15%; }
.container .row .col.span15-5			{ width: 15.5%; }
.container .row .col.span16				{ width: 16%; }
.container .row .col.span16-5			{ width: 16.5%; }
.container .row .col.span17				{ width: 17%; }
.container .row .col.span17-5			{ width: 17.5%; }
.container .row .col.span18				{ width: 18%; }
.container .row .col.span18-5			{ width: 18.5%; }
.container .row .col.span19				{ width: 19%; }
.container .row .col.span19-5			{ width: 19.5%; }
.container .row .col.span20				{ width: 20%; }
.container .row .col.span20-5			{ width: 20.5%; }
.container .row .col.span21				{ width: 21%; }
.container .row .col.span21-5			{ width: 21.5%; }
.container .row .col.span22				{ width: 22%; }
.container .row .col.span22-5			{ width: 22.5%; }
.container .row .col.span23				{ width: 23%; }
.container .row .col.span23-5			{ width: 23.5%; }
.container .row .col.span24				{ width: 24%; }
.container .row .col.span24-5			{ width: 24.5%; }
.container .row .col.span25				{ width: 25%; }
.container .row .col.span25-5			{ width: 25.5%; }
.container .row .col.span26				{ width: 26%; }
.container .row .col.span26-5			{ width: 26.5%; }
.container .row .col.span27				{ width: 27%; }
.container .row .col.span27-5			{ width: 27.5%; }
.container .row .col.span28				{ width: 28%; }
.container .row .col.span28-5			{ width: 28.5%; }
.container .row .col.span29				{ width: 29%; }
.container .row .col.span29-5			{ width: 29.5%; }
.container .row .col.span30				{ width: 30%; }
.container .row .col.span30-5			{ width: 30.5%; }
.container .row .col.span31				{ width: 31%; }
.container .row .col.span31-5			{ width: 31.5%; }
.container .row .col.span32				{ width: 32%; }
.container .row .col.span32-5			{ width: 32.5%; }
.container .row .col.span33				{ width: 33%; }
.container .row .col.span33-5			{ width: 33.5%; }
.container .row .col.span34				{ width: 34%; }
.container .row .col.span34-5			{ width: 34.5%; }
.container .row .col.span35				{ width: 35%; }
.container .row .col.span35-5			{ width: 35.5%; }
.container .row .col.span36				{ width: 36%; }
.container .row .col.span36-5			{ width: 36.5%; }
.container .row .col.span37				{ width: 37%; }
.container .row .col.span37-5			{ width: 37.5%; }
.container .row .col.span38				{ width: 38%; }
.container .row .col.span38-5			{ width: 38.5%; }
.container .row .col.span39				{ width: 39%; }
.container .row .col.span39-5			{ width: 39.5%; }
.container .row .col.span40				{ width: 40%; }
.container .row .col.span40-5			{ width: 40.5%; }
.container .row .col.span41				{ width: 41%; }
.container .row .col.span41-5			{ width: 41.5%; }
.container .row .col.span42				{ width: 42%; }
.container .row .col.span42-5			{ width: 42.5%; }
.container .row .col.span43				{ width: 43%; }
.container .row .col.span43-5			{ width: 43.5%; }
.container .row .col.span44				{ width: 44%; }
.container .row .col.span44-5			{ width: 44.5%; }
.container .row .col.span45				{ width: 45%; }
.container .row .col.span45-5			{ width: 45.5%; }
.container .row .col.span46				{ width: 46%; }
.container .row .col.span46-5			{ width: 46.5%; }
.container .row .col.span47				{ width: 47%; }
.container .row .col.span47-5			{ width: 47.5%; }
.container .row .col.span48				{ width: 48%; }
.container .row .col.span48-5			{ width: 48.5%; }
.container .row .col.span49				{ width: 49%; }
.container .row .col.span49-5			{ width: 49.5%; }
.container .row .col.span50				{ width: 50%; }
.container .row .col.span50-5			{ width: 50.5%; }
.container .row .col.span51				{ width: 51%; }
.container .row .col.span51-5			{ width: 51.5%; }
.container .row .col.span52				{ width: 52%; }
.container .row .col.span52-5			{ width: 52.5%; }
.container .row .col.span53				{ width: 53%; }
.container .row .col.span53-5			{ width: 53.5%; }
.container .row .col.span54				{ width: 54%; }
.container .row .col.span54-5			{ width: 54.5%; }
.container .row .col.span55				{ width: 55%; }
.container .row .col.span55-5			{ width: 55.5%; }
.container .row .col.span56				{ width: 56%; }
.container .row .col.span56-5			{ width: 56.5%; }
.container .row .col.span57				{ width: 57%; }
.container .row .col.span57-5			{ width: 57.5%; }
.container .row .col.span58				{ width: 58%; }
.container .row .col.span58-5			{ width: 58.5%; }
.container .row .col.span59				{ width: 59%; }
.container .row .col.span59-5			{ width: 59.5%; }
.container .row .col.span60				{ width: 60%; }
.container .row .col.span60-5			{ width: 60.5%; }
.container .row .col.span61				{ width: 61%; }
.container .row .col.span61-5			{ width: 61.5%; }
.container .row .col.span62				{ width: 62%; }
.container .row .col.span62-5			{ width: 62.5%; }
.container .row .col.span63				{ width: 63%; }
.container .row .col.span63-5			{ width: 63.5%; }
.container .row .col.span64				{ width: 64%; }
.container .row .col.span64-5			{ width: 64.5%; }
.container .row .col.span65				{ width: 65%; }
.container .row .col.span65-5			{ width: 65.5%; }
.container .row .col.span66				{ width: 66%; }
.container .row .col.span66-5			{ width: 66.5%; }
.container .row .col.span67				{ width: 67%; }
.container .row .col.span67-5			{ width: 67.5%; }
.container .row .col.span68				{ width: 68%; }
.container .row .col.span68-5			{ width: 68.5%; }
.container .row .col.span69				{ width: 69%; }
.container .row .col.span69-5			{ width: 69.5%; }
.container .row .col.span70				{ width: 70%; }
.container .row .col.span70-5			{ width: 70.5%; }
.container .row .col.span71				{ width: 71%; }
.container .row .col.span71-5			{ width: 71.5%; }
.container .row .col.span72				{ width: 72%; }
.container .row .col.span72-5			{ width: 72.5%; }
.container .row .col.span73				{ width: 73%; }
.container .row .col.span73-5			{ width: 73.5%; }
.container .row .col.span74				{ width: 74%; }
.container .row .col.span74-5			{ width: 74.5%; }
.container .row .col.span75				{ width: 75%; }
.container .row .col.span75-5			{ width: 75.5%; }
.container .row .col.span76				{ width: 76%; }
.container .row .col.span76-5			{ width: 76.5%; }
.container .row .col.span77				{ width: 77%; }
.container .row .col.span77-5			{ width: 77.5%; }
.container .row .col.span78				{ width: 78%; }
.container .row .col.span78-5			{ width: 78.5%; }
.container .row .col.span79				{ width: 79%; }
.container .row .col.span79-5			{ width: 79.5%; }
.container .row .col.span80				{ width: 80%; }
.container .row .col.span80-5			{ width: 80.5%; }
.container .row .col.span81				{ width: 81%; }
.container .row .col.span81-5			{ width: 81.5%; }
.container .row .col.span82				{ width: 82%; }
.container .row .col.span82-5			{ width: 82.5%; }
.container .row .col.span83				{ width: 83%; }
.container .row .col.span83-5			{ width: 83.5%; }
.container .row .col.span84				{ width: 84%; }
.container .row .col.span84-5			{ width: 84.5%; }
.container .row .col.span85				{ width: 85%; }
.container .row .col.span85-5			{ width: 85.5%; }
.container .row .col.span86				{ width: 86%; }
.container .row .col.span86-5			{ width: 86.5%; }
.container .row .col.span87				{ width: 87%; }
.container .row .col.span87-5			{ width: 87.5%; }
.container .row .col.span88				{ width: 88%; }
.container .row .col.span88-5			{ width: 88.5%; }
.container .row .col.span89				{ width: 89%; }
.container .row .col.span89-5			{ width: 89.5%; }
.container .row .col.span90				{ width: 90%; }
.container .row .col.span90-5			{ width: 90.5%; }
.container .row .col.span91				{ width: 91%; }
.container .row .col.span91-5			{ width: 91.5%; }
.container .row .col.span92				{ width: 92%; }
.container .row .col.span92-5			{ width: 92.5%; }
.container .row .col.span93				{ width: 93%; }
.container .row .col.span93-5			{ width: 93.5%; }
.container .row .col.span94				{ width: 94%; }
.container .row .col.span94-5			{ width: 94.5%; }
.container .row .col.span95				{ width: 95%; }
.container .row .col.span95-5			{ width: 95.5%; }
.container .row .col.span96				{ width: 96%; }
.container .row .col.span96-5			{ width: 96.5%; }
.container .row .col.span97				{ width: 97%; }
.container .row .col.span97-5			{ width: 97.5%; }
.container .row .col.span98				{ width: 98%; }
.container .row .col.span98-5			{ width: 98.5%; }
.container .row .col.span99				{ width: 99%; }
.container .row .col.span99-5			{ width: 99.5%; }
.container .row .col.span100				{ width: 100%; }

.container .row .col.span16-6			{ width: 16.66%; }
.container .row .col.span33-3			{ width: 33.33%; }

/* Offsets */
.container .row .col.offset-span0-5		{ margin-left: .5%;  }
.container .row .col.offset-span1			{ margin-left: 1%; }
.container .row .col.offset-span1-5		{ margin-left: 1.5%; }
.container .row .col.offset-span2			{ margin-left: 2%; }
.container .row .col.offset-span2-5		{ margin-left: 2.5%; }
.container .row .col.offset-span3			{ margin-left: 3%; }
.container .row .col.offset-span3-5		{ margin-left: 3.5%; }
.container .row .col.offset-span4 			{ margin-left: 4%; }
.container .row .col.offset-span4-5		{ margin-left: 4.5%; }
.container .row .col.offset-span5			{ margin-left: 5%; }
.container .row .col.offset-span5-5 		{ margin-left: 5.5%; }
.container .row .col.offset-span6 			{ margin-left: 6%; }
.container .row .col.offset-span6-5		{ margin-left: 6.5%; }
.container .row .col.offset-span7			{ margin-left: 7%; }
.container .row .col.offset-span7-5		{ margin-left: 7.5%; }
.container .row .col.offset-span8			{ margin-left: 8%; }
.container .row .col.offset-span8-5		{ margin-left: 8.5%; }
.container .row .col.offset-span9 			{ margin-left: 9%; }
.container .row .col.offset-span9-5		{ margin-left: 9.5%; }
.container .row .col.offset-span10			{ margin-left: 10%; }
.container .row .col.offset-span10-5		{ margin-left: 10.5%; }
.container .row .col.offset-span11			{ margin-left: 11%; }
.container .row .col.offset-span11-5		{ margin-left: 11.5%; }
.container .row .col.offset-span12			{ margin-left: 12%; }
.container .row .col.offset-span12-5		{ margin-left: 12.5%; }
.container .row .col.offset-span13			{ margin-left: 13%; }
.container .row .col.offset-span13-5		{ margin-left: 13.5%; }
.container .row .col.offset-span14			{ margin-left: 14%; }
.container .row .col.offset-span14-5		{ margin-left: 14.5%; }
.container .row .col.offset-span15			{ margin-left: 15%; }
.container .row .col.offset-span15-5		{ margin-left: 15.5%; }
.container .row .col.offset-span16			{ margin-left: 16%; }
.container .row .col.offset-span16-5		{ margin-left: 16.5%; }
.container .row .col.offset-span17			{ margin-left: 17%; }
.container .row .col.offset-span17-5		{ margin-left: 17.5%; }
.container .row .col.offset-span18			{ margin-left: 18%; }
.container .row .col.offset-span18-5		{ margin-left: 18.5%; }
.container .row .col.offset-span19			{ margin-left: 19%; }
.container .row .col.offset-span19-5		{ margin-left: 19.5%; }
.container .row .col.offset-span20			{ margin-left: 20%; }
.container .row .col.offset-span20-5		{ margin-left: 20.5%; }
.container .row .col.offset-span21			{ margin-left: 21%; }
.container .row .col.offset-span21-5		{ margin-left: 21.5%; }
.container .row .col.offset-span22			{ margin-left: 22%; }
.container .row .col.offset-span22-5		{ margin-left: 22.5%; }
.container .row .col.offset-span23			{ margin-left: 23%; }
.container .row .col.offset-span23-5		{ margin-left: 23.5%; }
.container .row .col.offset-span24			{ margin-left: 24%; }
.container .row .col.offset-span24-5		{ margin-left: 24.5%; }
.container .row .col.offset-span25			{ margin-left: 25%; }
.container .row .col.offset-span25-5		{ margin-left: 25.5%; }
.container .row .col.offset-span26			{ margin-left: 26%; }
.container .row .col.offset-span26-5		{ margin-left: 26.5%; }
.container .row .col.offset-span27			{ margin-left: 27%; }
.container .row .col.offset-span27-5		{ margin-left: 27.5%; }
.container .row .col.offset-span28			{ margin-left: 28%; }
.container .row .col.offset-span28-5		{ margin-left: 28.5%; }
.container .row .col.offset-span29			{ margin-left: 29%; }
.container .row .col.offset-span29-5		{ margin-left: 29.5%; }
.container .row .col.offset-span30			{ margin-left: 30%; }
.container .row .col.offset-span30-5		{ margin-left: 30.5%; }
.container .row .col.offset-span31			{ margin-left: 31%; }
.container .row .col.offset-span31-5		{ margin-left: 31.5%; }
.container .row .col.offset-span32			{ margin-left: 32%; }
.container .row .col.offset-span32-5		{ margin-left: 32.5%; }
.container .row .col.offset-span33			{ margin-left: 33%; }
.container .row .col.offset-span33-5		{ margin-left: 33.5%; }
.container .row .col.offset-span34			{ margin-left: 34%; }
.container .row .col.offset-span34-5		{ margin-left: 34.5%; }
.container .row .col.offset-span35			{ margin-left: 35%; }
.container .row .col.offset-span35-5		{ margin-left: 35.5%; }
.container .row .col.offset-span36			{ margin-left: 36%; }
.container .row .col.offset-span36-5		{ margin-left: 36.5%; }
.container .row .col.offset-span37			{ margin-left: 37%; }
.container .row .col.offset-span37-5		{ margin-left: 37.5%; }
.container .row .col.offset-span38			{ margin-left: 38%; }
.container .row .col.offset-span38-5		{ margin-left: 38.5%; }
.container .row .col.offset-span39			{ margin-left: 39%; }
.container .row .col.offset-span39-5		{ margin-left: 39.5%; }
.container .row .col.offset-span40			{ margin-left: 40%; }
.container .row .col.offset-span40-5		{ margin-left: 40.5%; }
.container .row .col.offset-span41			{ margin-left: 41%; }
.container .row .col.offset-span41-5		{ margin-left: 41.5%; }
.container .row .col.offset-span42			{ margin-left: 42%; }
.container .row .col.offset-span42-5		{ margin-left: 42.5%; }
.container .row .col.offset-span43			{ margin-left: 43%; }
.container .row .col.offset-span43-5		{ margin-left: 43.5%; }
.container .row .col.offset-span44			{ margin-left: 44%; }
.container .row .col.offset-span44-5		{ margin-left: 44.5%; }
.container .row .col.offset-span45			{ margin-left: 45%; }
.container .row .col.offset-span45-5		{ margin-left: 45.5%; }
.container .row .col.offset-span46			{ margin-left: 46%; }
.container .row .col.offset-span46-5		{ margin-left: 46.5%; }
.container .row .col.offset-span47			{ margin-left: 47%; }
.container .row .col.offset-span47-5		{ margin-left: 47.5%; }
.container .row .col.offset-span48			{ margin-left: 48%; }
.container .row .col.offset-span48-5		{ margin-left: 48.5%; }
.container .row .col.offset-span49			{ margin-left: 49%; }
.container .row .col.offset-span49-5		{ margin-left: 49.5%; }
.container .row .col.offset-span50			{ margin-left: 50%; }
.container .row .col.offset-span50-5		{ margin-left: 50.5%; }
.container .row .col.offset-span51			{ margin-left: 51%; }
.container .row .col.offset-span51-5		{ margin-left: 51.5%; }
.container .row .col.offset-span52			{ margin-left: 52%; }
.container .row .col.offset-span52-5		{ margin-left: 52.5%; }
.container .row .col.offset-span53			{ margin-left: 53%; }
.container .row .col.offset-span53-5		{ margin-left: 53.5%; }
.container .row .col.offset-span54			{ margin-left: 54%; }
.container .row .col.offset-span54-5		{ margin-left: 54.5%; }
.container .row .col.offset-span55			{ margin-left: 55%; }
.container .row .col.offset-span55-5		{ margin-left: 55.5%; }
.container .row .col.offset-span56			{ margin-left: 56%; }
.container .row .col.offset-span56-5		{ margin-left: 56.5%; }
.container .row .col.offset-span57			{ margin-left: 57%; }
.container .row .col.offset-span57-5		{ margin-left: 57.5%; }
.container .row .col.offset-span58			{ margin-left: 58%; }
.container .row .col.offset-span58-5		{ margin-left: 58.5%; }
.container .row .col.offset-span59			{ margin-left: 59%; }
.container .row .col.offset-span59-5		{ margin-left: 59.5%; }
.container .row .col.offset-span60			{ margin-left: 60%; }
.container .row .col.offset-span60-5		{ margin-left: 60.5%; }
.container .row .col.offset-span61			{ margin-left: 61%; }
.container .row .col.offset-span61-5		{ margin-left: 61.5%; }
.container .row .col.offset-span62			{ margin-left: 62%; }
.container .row .col.offset-span62-5		{ margin-left: 62.5%; }
.container .row .col.offset-span63			{ margin-left: 63%; }
.container .row .col.offset-span63-5		{ margin-left: 63.5%; }
.container .row .col.offset-span64			{ margin-left: 64%; }
.container .row .col.offset-span64-5		{ margin-left: 64.5%; }
.container .row .col.offset-span65			{ margin-left: 65%; }
.container .row .col.offset-span65-5		{ margin-left: 65.5%; }
.container .row .col.offset-span66			{ margin-left: 66%; }
.container .row .col.offset-span66-5		{ margin-left: 66.5%; }
.container .row .col.offset-span67			{ margin-left: 67%; }
.container .row .col.offset-span67-5		{ margin-left: 67.5%; }
.container .row .col.offset-span68			{ margin-left: 68%; }
.container .row .col.offset-span68-5		{ margin-left: 68.5%; }
.container .row .col.offset-span69			{ margin-left: 69%; }
.container .row .col.offset-span69-5		{ margin-left: 69.5%; }
.container .row .col.offset-span70			{ margin-left: 70%; }
.container .row .col.offset-span70-5		{ margin-left: 70.5%; }
.container .row .col.offset-span71			{ margin-left: 71%; }
.container .row .col.offset-span71-5		{ margin-left: 71.5%; }
.container .row .col.offset-span72			{ margin-left: 72%; }
.container .row .col.offset-span72-5		{ margin-left: 72.5%; }
.container .row .col.offset-span73			{ margin-left: 73%; }
.container .row .col.offset-span73-5		{ margin-left: 73.5%; }
.container .row .col.offset-span74			{ margin-left: 74%; }
.container .row .col.offset-span74-5		{ margin-left: 74.5%; }
.container .row .col.offset-span75			{ margin-left: 75%; }
.container .row .col.offset-span75-5		{ margin-left: 75.5%; }
.container .row .col.offset-span76			{ margin-left: 76%; }
.container .row .col.offset-span76-5		{ margin-left: 76.5%; }
.container .row .col.offset-span77			{ margin-left: 77%; }
.container .row .col.offset-span77-5		{ margin-left: 77.5%; }
.container .row .col.offset-span78			{ margin-left: 78%; }
.container .row .col.offset-span78-5		{ margin-left: 78.5%; }
.container .row .col.offset-span79			{ margin-left: 79%; }
.container .row .col.offset-span79-5		{ margin-left: 79.5%; }
.container .row .col.offset-span80			{ margin-left: 80%; }
.container .row .col.offset-span80-5		{ margin-left: 80.5%; }
.container .row .col.offset-span81			{ margin-left: 81%; }
.container .row .col.offset-span81-5		{ margin-left: 81.5%; }
.container .row .col.offset-span82			{ margin-left: 82%; }
.container .row .col.offset-span82-5		{ margin-left: 82.5%; }
.container .row .col.offset-span83			{ margin-left: 83%; }
.container .row .col.offset-span83-5		{ margin-left: 83.5%; }
.container .row .col.offset-span84			{ margin-left: 84%; }
.container .row .col.offset-span84-5		{ margin-left: 84.5%; }
.container .row .col.offset-span85			{ margin-left: 85%; }
.container .row .col.offset-span85-5		{ margin-left: 85.5%; }
.container .row .col.offset-span86			{ margin-left: 86%; }
.container .row .col.offset-span86-5		{ margin-left: 86.5%; }
.container .row .col.offset-span87			{ margin-left: 87%; }
.container .row .col.offset-span87-5		{ margin-left: 87.5%; }
.container .row .col.offset-span88			{ margin-left: 88%; }
.container .row .col.offset-span88-5		{ margin-left: 88.5%; }
.container .row .col.offset-span89			{ margin-left: 89%; }
.container .row .col.offset-span89-5		{ margin-left: 89.5%; }
.container .row .col.offset-span90			{ margin-left: 90%; }
.container .row .col.offset-span90-5		{ margin-left: 90.5%; }
.container .row .col.offset-span91			{ margin-left: 91%; }
.container .row .col.offset-span91-5		{ margin-left: 91.5%; }
.container .row .col.offset-span92			{ margin-left: 92%; }
.container .row .col.offset-span92-5		{ margin-left: 92.5%; }
.container .row .col.offset-span93			{ margin-left: 93%; }
.container .row .col.offset-span93-5		{ margin-left: 93.5%; }
.container .row .col.offset-span94			{ margin-left: 94%; }
.container .row .col.offset-span94-5		{ margin-left: 94.5%; }
.container .row .col.offset-span95			{ margin-left: 95%; }
.container .row .col.offset-span95-5		{ margin-left: 95.5%; }
.container .row .col.offset-span96			{ margin-left: 96%; }
.container .row .col.offset-span96-5		{ margin-left: 96.5%; }
.container .row .col.offset-span97			{ margin-left: 97%; }
.container .row .col.offset-span97-5		{ margin-left: 97.5%; }
.container .row .col.offset-span98			{ margin-left: 98%; }
.container .row .col.offset-span98-5		{ margin-left: 98.5%; }
.container .row .col.offset-span99			{ margin-left: 99%; }
.container .row .col.offset-span99-5		{ margin-left: 99.5%; }
.container .row .col.offset-span100		{ margin-left: 100%; }

/* Additional conditional rules */
.container .row .col.fixspan100	{ width: 100px; }
.container .row .col.fixspan150	{ width: 150px; }
.container .row .col.fixspan200	{ width: 200px; }
.container .row .col.fixspan400	{ width: 400px; }

.container .row .col.span-left300	{ width: calc(100% - 380px); }
.container .row .col.span-right300 { width: 380px; }

.container .row .col.span50:nth-child(2n+3) { clear: both; margin-top: 2rem; }
.container .row .col.span50:nth-child(2n+4) { margin-top: 2rem; }


/* #Base 1008 Grid */
@media only screen and (min-width: 1008px) and (max-width: 1259px) {
	.container .row .col.fixspan100	{ width: 80px; }
	.container .row .col.fixspan150	{ width: 120px; }
	.container .row .col.fixspan200	{ width: 160px; }
	.container .row .col.fixspan400	{ width: 320px; }
}


/* #Base  756 Grid */
@media only screen and (min-width: 756px) and (max-width: 1007px) {
	.container .row .col.tp-span16-6	{ width: 16.66%; }
	.container .row .col.tp-span25		{ width: 25%; }

	.container .row .col.tp-span33-3	{ width: 33.33%; clear: none !important; margin-top: 0 !important; }
	.container .row .col.tp-span33-3:nth-child(4) { clear: both !important; margin-top: 2rem !important; }
	.container .row .col.tp-span33-3:nth-child(5) { margin-top: 2rem !important; }
	.container .row .col.tp-span33-3:nth-child(6) { margin-top: 2rem !important; }

	.container .row .col.tp-span50		{ width: 50%; clear: none !important; margin-top: 0 !important; }
	.container .row .col.tp-span50:nth-child(2n+3) { clear: both !important; margin-top: 2rem !important; }
	.container .row .col.tp-span50:nth-child(2n+4) { margin-top: 2rem !important; }

	.container .row .col.tp-span100	{ width: 100%; clear: both; margin: 2rem 0 0 0; padding-left: 0; padding-right: 0; }
	.container .row .col.tp-span100:nth-child(1)	{ margin-top: 0; }

	.container .row .col.fixspan100 { width: 60px; }
	.container .row .col.fixspan150 { width: 90px; }
	.container .row .col.fixspan200 { width: 120px; }
	.container .row .col.fixspan400 { width: 240px; }

	.container div[class^='col tp-span'], .container div[class*=' col tp-span'] {
		margin-bottom: 20px;;
	}
}


/* #Mobile
================================================== */
@media only screen and (max-width: 755px) {
	.container											{ width: 100%; }
	.container .row.no-gutters .col	{ padding-left: 1rem; padding-right: 1rem; }

	.container .row .col.nomarginmobile	{ margin-bottom: 0; }
	.container .row .col.nomarginmobile_left	{ padding-left: 0; }
	.container .row .col.nomarginmobile_x	{ padding-left: 0; padding-right: 0; }

	.container .row .col .row .col:first-child	{ padding-left: 1rem; }
	.container .row .col .row .col:last-child		{ padding-right: 1rem; }

	.container .row .col.span50:nth-child(2n+3) { clear: none !important; margin-top: 0 !important; }
	.container .row .col.span50:nth-child(2n+4) { margin-top: 0 !important; }

	.container .row .col.fixspan100	{ width: 100px; }
	.container .row .col.fixspan150	{ width: 25%; }
	.container .row .col.fixspan200	{ width: 25%; }
	.container .row .col.fixspan400	{ width: 25%; }

	.container .row div[class^='col span'], .container .row div[class*=' col span'] { width: 100% !important; margin-bottom: 10px; }

	/* Offsets */
	.container .row div[class*=' offset-span'] { margin-left: 0 !important; }
}


/* #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;
}