/* CSS Resets */

html,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 960px;
margin: 0 auto;
}

/* For modern browsers */
.row:before,
.row:after {
    content:"";
    display:table;
}
.row:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.row {
    zoom:1;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    margin-right: 3.8%;
    float: left;
    min-height: 1px;
}

.onecol.reverse-order, .twocol.reverse-order, .threecol.reverse-order, .fourcol.reverse-order, .fivecol.reverse-order,
.sixcol.reverse-order, .sevencol.reverse-order, .eightcol.reverse-order, .ninecol.reverse-order, .tencol.reverse-order,
.elevencol.reverse-order {
    float: right;
    margin-right: 0;
    margin-left: 3.8%;
}

.onecol.reverse-order.last, .twocol.reverse-order.last, .threecol.reverse-order.last, .fourcol.reverse-order.last,
.fivecol.reverse-order.last, .sixcol.reverse-order.last, .sevencol.reverse-order.last, .eightcol.reverse-order.last,
.ninecol.reverse-order.last, .tencol.reverse-order.last, .elevencol.reverse-order.last {
    margin: 0;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}

.container.mobile-two-column .row .twocol:nth-child(4n+1),
.container.mobile-two-column .row .threecol:nth-child(4n+1),
.container.mobile-two-column .row .fourcol:nth-child(4n+1),
.container.mobile-two-column .row .fivecol:nth-child(4n+1),
.container.mobile-two-column .row .sixcol:nth-child(4n+1),
.container.mobile-two-column .row .sevencol:nth-child(4n+1),
.container.mobile-two-column .row .eightcol:nth-child(4n+1),
.container.mobile-two-column .row .ninecol:nth-child(4n+1),
.container.mobile-two-column .row .tencol:nth-child(4n+1),
.container.mobile-two-column .row .elevencol:nth-child(4n+1),
.container.mobile-two-column .row .twelvecol:nth-child(4n+1) {
    clear:both;
}

.container.mobile-three-column .row .twocol:nth-child(6n+1),
.container.mobile-three-column .row .threecol:nth-child(6n+1),
.container.mobile-three-column .row .fourcol:nth-child(6n+1),
.container.mobile-three-column .row .fivecol:nth-child(6n+1),
.container.mobile-three-column .row .sixcol:nth-child(6n+1),
.container.mobile-three-column .row .sevencol:nth-child(6n+1),
.container.mobile-three-column .row .eightcol:nth-child(6n+1),
.container.mobile-three-column .row .ninecol:nth-child(6n+1),
.container.mobile-three-column .row .tencol:nth-child(6n+1),
.container.mobile-three-column .row .elevencol:nth-child(6n+1),
.container.mobile-three-column .row .twelvecol:nth-child(6n+1) {
    clear:both;
}

/* Smaller screens

@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	}
*/

/*Mobile */

@media screen and (max-width: 600px) {

	body {
	    -webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
        width: 100%;
        min-width: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
         width: auto;
         float: none;
         margin-left: 0px;
         margin-right: 0px;
         padding-left: 5%;
         padding-right: 5%;
         margin-bottom:20px;
     }

	/*
	Two column mobile/small grid
	*/
	.container.mobile-two-column .row { width:90%; padding:0 5%;}
	.container.mobile-two-column .row .twocol,
	.container.mobile-two-column .row .threecol,
	.container.mobile-two-column .row .fourcol,
	.container.mobile-two-column .row .fivecol,
	.container.mobile-two-column .row .sixcol,
	.container.mobile-two-column .row .sevencol,
	.container.mobile-two-column .row .eightcol,
	.container.mobile-two-column .row .ninecol,
	.container.mobile-two-column .row .tencol,
	.container.mobile-two-column .row .elevencol,
	.container.mobile-two-column .row .twelvecol
	{
		width: 47.5%;
		float: left;
		min-height: 1px;
		padding:0;
		margin-right:5%;
	}

	.container.mobile-two-column .row .twocol:nth-child(even),
	.container.mobile-two-column .row .threecol:nth-child(even),
	.container.mobile-two-column .row .fourcol:nth-child(even),
	.container.mobile-two-column .row .fivecol:nth-child(even),
	.container.mobile-two-column .row .sixcol:nth-child(even),
	.container.mobile-two-column .row .sevencol:nth-child(even),
	.container.mobile-two-column .row .eightcol:nth-child(even),
	.container.mobile-two-column .row .ninecol:nth-child(even),
	.container.mobile-two-column .row .tencol:nth-child(even),
	.container.mobile-two-column .row .elevencol:nth-child(even),
	.container.mobile-two-column .row .twelvecol:nth-child(even)
	{
		margin-right:0;
	}

    /*
     Three column mobile/small grid
     */
    .container.mobile-three-column .row { width:90%; padding:0 5%;}
    .container.mobile-three-column .row .twocol,
    .container.mobile-three-column .row .threecol,
    .container.mobile-three-column .row .fourcol,
    .container.mobile-three-column .row .fivecol,
    .container.mobile-three-column .row .sixcol,
    .container.mobile-three-column .row .sevencol,
    .container.mobile-three-column .row .eightcol,
    .container.mobile-three-column .row .ninecol,
    .container.mobile-three-column .row .tencol,
    .container.mobile-three-column .row .elevencol,
    .container.mobile-three-column .row .twelvecol
    {
        width: 30.75%;
        float: left;
        min-height: 1px;
        padding:0;
        margin-right:3.75%;
    }

    .container.mobile-three-column .row .twocol:nth-child(3n),
    .container.mobile-three-column .row .threecol:nth-child(3n),
    .container.mobile-three-column .row .fourcol:nth-child(3n),
    .container.mobile-three-column .row .fivecol:nth-child(3n),
    .container.mobile-three-column .row .sixcol:nth-child(3n),
    .container.mobile-three-column .row .sevencol:nth-child(3n),
    .container.mobile-three-column .row .eightcol:nth-child(3n),
    .container.mobile-three-column .row .ninecol:nth-child(3n),
    .container.mobile-three-column .row .tencol:nth-child(3n),
    .container.mobile-three-column .row .elevencol:nth-child(3n),
    .container.mobile-three-column .row .twelvecol:nth-child(3n) {
        margin-right:0;
    }

    .container.mobile-three-column .row .twocol:nth-child(3n+1),
    .container.mobile-three-column .row .threecol:nth-child(3n+1),
    .container.mobile-three-column .row .fourcol:nth-child(3n+1),
    .container.mobile-three-column .row .fivecol:nth-child(3n+1),
    .container.mobile-three-column .row .sixcol:nth-child(3n+1),
    .container.mobile-three-column .row .sevencol:nth-child(3n+1),
    .container.mobile-three-column .row .eightcol:nth-child(3n+1),
    .container.mobile-three-column .row .ninecol:nth-child(3n+1),
    .container.mobile-three-column .row .tencol:nth-child(3n+1),
    .container.mobile-three-column .row .elevencol:nth-child(3n+1),
    .container.mobile-three-column .row .twelvecol:nth-child(3n+1) {
        clear: both;
    }

}


/*
 *
 *
 * Custom code for ThoughtWorks Project
 *
 *
 */


.extrabottom {
    margin-bottom: 20px;
}


/*
 * Half columns
 */

.row .onecol.andhalf {
    width: 9.17%;
    /*width: 4.85+2.42+1.9;*/
}

.row .twocol.andhalf {
    width: 17.77%;
}

.row .threecol.andhalf {
    width: 26.37%;
}

.row .fourcol.andhalf {
    width: 35.07%;
}

.row .fivecol.andhalf {
    width: 43.77%;
}

.row .sixcol.andhalf {
    width: 52.32%;
}

.row .sevencol.andhalf {
    width: 61.07%;
}

.row .eightcol.andhalf {
    width: 69.72%;
}

.row .ninecol.andhalf {
    width: 78.37%;
}

.row .tencol.andhalf {
    width: 87.02%;
}

.row .elevencol.andhalf {
    width: 95.67%;
}

@media screen and (max-width: 600px) {

    .row .onecol.andhalf,
    .row .twocol.andhalf,
    .row .threecol.andhalf,
    .row .fourcol.andhalf,
    .row .fivecol.andhalf,
    .row .sixcol.andhalf,
    .row .sevencol.andhalf,
    .row .eightcol.andhalf,
    .row .ninecol.andhalf,
    .row .tencol.andhalf,
    .row .elevencol.andhalf { width: auto }

}


/*
 * Three column icon list inside a ninecol grid
 *   that populates to a two column icon list for mobile
 */

.ninecol .threecol-to-two {
    width: 45%;
    margin-right: 0;
    float: left;
    min-height: 1px;
    margin-bottom: 20px;
}

.ninecol .threecol-to-two.last {
    clear: none;
}

.ninecol .threecol-to-two:nth-child(2n+1) {
    clear: both;
    margin-right: 7.8%;
}

@media screen and (min-width: 600px) {

    .ninecol div.threecol-to-two,
    .ninecol div.threecol-to-two:nth-child(2n+1) {
        width: 29.75%;
        margin-right: 5.2%;
        float: left;
        min-height: 1px;
        clear: none
    }

    .ninecol div.threecol-to-two.last,
    .ninecol div.threecol-to-two.last:nth-child(2n+1){
        margin-right: 0;
        clear: none;
    }

}