/*
Theme Name: TRP Theme
Theme URI: "/Users/stephenkean/Sites/wordpress/wp-content/themes/CMS3"
Description: A brief description.
Version: 1.0
Author: Stephen Kean
Author URI: www.stephenkean.ca.
*/

@font-face
{
font-family: "Haymaker";
src: url('../fonts/Haymaker.ttf') format("TrueType");  
}


*{
	margin: 0;
	padding: 0;
}

html{
	margin: 0;
	font-size: 15px;
}

body{
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color: #2C0D0E;
	background-color: #EFECEC;
}

h1, h2, h3, a{
	font-family: 'Roboto', sans-serif;
}

a img{
	border: none;
}

h1, h2, a,{
	
}


h1{
	font-weight: 500;
	font-size: 1.875rem;
	color: #3B914C;
	line-height: 150%;
}

.intro h1{
	margin-bottom: 10px;
}

h2{
	font-size: 1.5rem;
	font-weight: 400;
	color: #1A3E1D;
	margin-bottom: 10px;
}

div.page .entry h2{
	font-size: 1.5em;
	margin-top: 25px;
	line-height: 1.4em;
}

h3{
	font-weight: 500;
	font-size: 1rem;
	line-height: 175%;
}

a{
	font-size: 1rem;
	text-decoration: none;
	color: #39914C;
}

a.extlink{
	color: yellow;
}

/*p{
	font-weight: 100;
	line-height: 15px;
	margin-bottom: 15px;
	font-size: 1rem;
}*/

p{
	font-size: 1rem;
	line-height: 175%;
	font-weight: 400;
}

div.page .entry p{
	margin-bottom: 15px; 
}

.intro p{
	font-size: 1.2rem;
}

ul{
	list-style: none;
}

div.page .entry ul{
	padding-left: 50px;
	list-style: disc;
	margin-bottom: 15px;
}

div.page .entry ol{
	padding-left: 50px;
	margin-bottom: 15px;
}


div.page .entry img {
	width: auto;
	max-width: 100%;
	height: auto;
}

li{
	font-size: 1.2em;
	line-height: 1.7em;
	color: black;
	font-weight: 400;
}

div.page .entry li{
	font-size: 1em;
	margin-bottom: 5px;
	font-weight: 400;

}

div.page .entry img{
	width: auto;
}

blockquote p{
	font-size: 1.4em;
	font-style: italic;
	color: #666;
}

blockquote cite:before{
	content: "-";
	margin-right: 5px;
}

blockquote cite{
	font-size: 1.4rem;
	margin-top: 10px;
	margin-bottom: 20px;
	display: inline-block;
}

.clear{
	clear: both;
}


/*Start Navigation Styling*/
/*Alpha Navigation Styling*/
nav .row.alphaNav{
	background-color: #1B3E1D;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

nav .alphaNav h1{
	color: white;
	font-size: 1.375rem;
	font-weight: 100;
}

nav .alphaNav img{
	width: auto;
	max-width: 100%;
	display: inline-block;
	margin-right: 5%;
}

nav .alphaNav div{
	margin-top: 3px;
}

nav .alphaNav p{
	font-weight: 100;
	color: white;
	font-size: 0.8125rem;
	display: inline-block;
	margin: 0;
}

nav .alphaNav a{
	font-size: 0.875rem;
	padding: 5px;
	background-color: #E8C558;
	color: #193E1D;
	margin-top: 8px;
}

nav .alphaNav a:hover{
	background-color: #F8E5A8;
	cursor: pointer;
}

nav .alphaNav .headerContact{
	margin: 0;
	float: right;
}

nav .betaNav{
	background-color: #2c4d2e;
	
}

nav .betaNav .deskNav{
	margin: 0; 
}

nav .betaNav .deskNav ul{
	margin-top: 0;
}

.globalSearch{
	float: right;
}

nav ul{
	list-style: none;
	right: 0;
	text-align: left;
	margin: 5px 0 0 0;
}

nav ul li{
	display: inline-block;
	font-size: 1.67em;
	margin: 0 0.5%;
	padding-top: 1px; 
}


@-moz-document url-prefix() { 
	nav ul li{
		display: inline-block;
		font-size: 1.4em;
		margin: 0 0.5%;
	}
}


nav ul li a{
	font-family: 'Roboto', sans-serif;
	font-weight: 300; 
	text-transform: capitalize;
	text-decoration: none;
	color: white;
	font-size: 1rem;
	padding: 13px 6px;


	

	-webkit-transition: color ease-in-out 0.25s;
  	-moz-transition: color ease-in-out 0.25s;
  	-o-transition: color ease-in-out 0.25s;
  	transition: color ease-in-out 0.25s;
}

nav ul li a:hover{
	background-color: #358344;
	border-bottom: 6px solid #45B15A;
}

nav ul li.current_page_item a{
	background-color: #2A6335;
	border-bottom: 6px solid #3C914D;
}

nav ul li ul{
	display: none;
}

nav ul li:last-child{
	margin: 0;
	display: inline-block;
}

nav .row{
	padding: 0 50px;
}

.logo{
	max-width: 291px;
	vertical-align: middle;
	display: inline-block;
	float: none !important;
}

.logo img{
	max-width: 100%;
}

.fundexLogo{
	display: inline-block;
	vertical-align: middle;
	float: none !important;
}

.fundexLogo a{
	background-color: transparent !important;
}

.logo a{
/*	font-family: 'Roboto', sans-serif;
	font-weight: 500; 
	text-transform: capitalize;
	text-decoration: none;
	color: black;
	font-size: 25px;
	color: white;
	

	-webkit-transition: color ease-in-out 0.25s;
  	-moz-transition: color ease-in-out 0.25s;
  	-o-transition: color ease-in-out 0.25s;
  	transition: color ease-in-out 0.25s;*/
  	background-color: none;

}

nav .alphaNav div.logo a {
	background-color: transparent;
}

.logo a:hover{
	color: blue;
}

#mobileTrigger {
	cursor: pointer;
	margin-top: 16%;
}

#mobileTrigger .line{
	width: 80%;
	margin-left: auto;
	height: 3px;
	background-color: white;
	margin-right: auto;
}

#mobileTrigger .line.top{
	margin-bottom: 6px;
}

#mobileTrigger .line.bottom{
	margin-top: 6px;
}

#nonHover:hover + #hover{
	display: block;
	top: 0px;
}

#hover{
	display: none;
}

nav ul li .active{
	color: #F3AD56;
}

.row.separator{
	padding: 0 50px 0 50px;
	background-color: white;
	height: 10px;
}

.borderB{
	border-bottom: 1px solid #999999;
}

div.headerContact i {
	color: #E8C558;
	margin-right: 7px;
	font-size: 1.3rem;
}

div.headerContact p {
	font-size: 1.1rem;
}

nav .alphaNav div.fundex {
	margin-top: 20px;
}

/* Search Styling */

.globalSearch{
	float: none;
	font-family: 'Roboto', sans-serif;
	margin-top: 2px;
}

.globalSearch input#s{
	font-size: 0.875rem;
	padding: 4px;
	width: 72%;
	margin-top: 7px;
	font-family: 'Roboto', sans-serif;
	border: 1px solid #978039;
}

.globalSearch input#s:focus{
	outline: none;
	border: 1px solid #358344;
}

.globalSearch input.btn{
	font-family: 'Roboto', sans-serif;
	padding: 4px 3px 4px 3px;
	background-color: #2A6335;
	color: white;
	border: none;
	font-size: 0.875rem;
}

.globalSearch input.btn:hover{
	background-color: #358344;
	cursor: pointer;
}

.globalSearch input.btn:focus{
	outline: none;
}

.deskNav{
	float: right;
	display: block;
}


/*#mobNav .menu-global-nav-container{
	height: 0;
}*/

.mobileNav ul{
	float: right;
	text-align: right;
}

.mobileNav ul li{
	padding-top: 10px;
	padding-bottom: 10px;
}

.mobileNav a{
	color: white;
}

.mobileNav ul .sub-menu{
	display: none;
}

.mobileNav.row{
	padding-top: 20px;
	padding-bottom: 20px;
}

.mobileContaner.alt-green{
	border: none;
}

.mobileContaner{
	position: absolute;
	z-index: 100;
	max-height: 0;

	overflow: hidden;

	-webkit-transition: all 1s ease-in-out;
  	-moz-transition: all 1s ease-in-out;
  	-o-transition: all 1s ease-in-out;
  	transition: all 1s ease-in-out;
}

.mobileContaner.active{
	max-height: 1000px;
}

/*End Navigation Styling */

/* Button Styling */


/* End Button Styling */

.btnArrow{
	background-color: #E8C558;
	padding: 5px 20px 5px 10px;
	background-repeat: no-repeat;
	font-size: 0.875rem;
	color: #193E1D;
	text-decoration: none;
	background-position: center right 5px;

	margin-top: 20px;
	margin-bottom: 10px;

	position: absolute;
	bottom: 10px;
}

.btnArrow:hover{
	background-color: #F8E5A8;
	cursor: pointer;
}




/*Start Banner Styling*/

.banner{
	/*height: 512px;*/
	background-position: bottom;
	background-size: cover;
}

.banner h1{
	color: white;
	text-transform: none;
	font-weight: 500;
	margin-top: 70px;
	text-align: center;
}

.banner .bannerCall{
	padding: 10px 20px 20px 20px;
	background-color: #1B3E1D;
	border-bottom: 5px solid #3C914D;
	margin-top: 270px;
	min-height: 195px;
}



.bannerCall h2{
	margin-bottom: 10px;
	color: white;
	font-size: 1.5rem;
}

.bannerCall p{
	line-height: 150%;
	font-size: 1rem;
	color: white;
	margin-bottom: 25px;
}

/*End Banner Styling*/




/*Start Home Call to Action Styling*/
.row .homeAction{
	background-color: #ccc;
	padding: 20px;
}


/*End Home Call to Action Styling*/





/*Start Contact Form Styling*/
.contactForm{
	padding: 5%;
}

.contactForm label {
	display: block;
}

.contactForm h2, .contactForm p, .contactForm li, .contactForm label {
	color: white;
}

.contactForm label {

}

.contactForm li {
	font-size: 1rem;
	font-weight: 300;
	padding-top: 7px;
}

.contactForm input[type="checkbox"] {
	margin: 5px;
}

.ninja-forms-all-fields-wrap{
	margin-top: 20px;

}

.field-wrap{
	position: relative;
	float: left;
	width: 100%;
}

.field-wrap.ninja-forms-error{
	margin-top: 22px;
}

.field-wrap.firstName-wrap, .field-wrap.lastName-wrap{
	width: 48% !important;
}

.field-wrap.lastName-wrap{
	margin-left: 4%;
}

.ninja-forms-response-msg{
	margin-top: 20px;
}

.ninja-forms-response-msg *{
	color: white;
}

.ninja-forms-field-error{
	float: left;
    display: block;
    position: absolute;
    top: -28px;
}

.hp-wrap{
	display: none;
}

.contactForm input{
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #999999;

	padding: 8px;
	margin-bottom: 20px;
}

.contactForm input:focus{
	outline: none;
	border: 1px solid #E8C558;
	padding: 9px;
}

.contactForm textarea:focus{
	outline: none;
	border: 1px solid #E8C558;

}

.contactForm textarea{
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #999999;

	padding: 8px;
	margin-bottom: 20px;

	height: 170px;
}

.ninja-forms-required-items{
	display: none;
}

.contactForm .firstName, .contactForm .lastName{
	width: 100%;
}


.contactForm .cotactSubmit{
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: #193E1D;
	padding: 10px;
	background-color: #E8C558;

	border: none;
}

.contactForm .cotactSubmit:hover{
	cursor: pointer;
	background-color: #F8E5A8;
}

.column.maps-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.column.maps-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Contact Form On Priorties Page*/

.checkbox-half-width-wrap {
	width: 50%;
	float: left;
	margin: 5px 0 15px 0;
}

.checkbox-half-width-wrap label {
	color: #E8C558;
}

.checkbox-half-width-wrap li label {
	color: #fff;
}

@media only screen and (max-width: 580px) {
.contactForm label{
	font-size: 16px;
}

.checkbox-half-width-wrap { 
	width: 100%;
}

}

@media only screen and (max-width: 767px) {
.contactForm label{
	font-size: 16px;
}

}


/*End Priorities Page*/

/*End Contact Form Styling*/

/*Start Resources Styling*/
.resources h2{
	color: #3A914C;
}

.column.resourceContainer{
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

.resourceContainer{
	float: left;
}

.page-id-9 .greyContainer{
	min-height: 175px;
}

.page-id-9 .greyContainer .learnMore{
	position: absolute;
	bottom: 10px;
}

.greyContainer{
	padding: 4%;
	/*border: 1px solid #999999;*/
	background-color: #EFECEC;

	margin-top: 15px;
}

.greyContainer h3{
	color: #1A3E1D;
}

a.learnMore{
	text-transform: uppercase;
	font-weight: 300;
	background-image: url('img/icons/link_arrow.png');
	background-position: top 3px right;
	background-repeat: no-repeat;
	padding-right: 12px; 

	font-size: 0.867rem;

	margin-top: 15px;
	display: block;
	width: 95px;
}


#testimonial a.learnMore{
	width: 180px;
}

a.learnMore:hover{
	cursor: pointer;
	color: #1B3E1D;
}

/*End Resources Styling*/

/*Start General Page styling Styling*/

.column.pageTitle{
	margin-bottom: 30px;
	padding-bottom: 10px;
}


/*End General Page styling Styling*/


/*Start Wealth Navigation Styling*/

.step-container{
	margin-top: 20px;
	counter-reset: tab-counter;
}

.step-text p{
	margin-bottom: 10px;
}

.step-tab{
	background-color: #2A6335;
	border-bottom: 5px solid #3C914D;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: capitalize;
	text-decoration: none;
	color: white;
	font-size: 1rem;
	display: block;
	padding: 4%;

	margin-bottom: 5px;

	counter-increment: tab-counter;
}

.step-tab:before{
	content: counter(tab-counter)". ";
	color: #E7C558;
	margin-right: 2%;
}

.step-tab:hover{
	background-color: #358344;
	border-bottom: 5px solid #45B15A;
}

.step-content{
	display: none;
	margin-top: 20px;
	background-color: #EFECEC;
	padding: 5%;
	min-height: 360px;
	position: absolute;
	position: relative;
}


/*.step-content.active-step{
	display: block;
}*/

.step-tab.tab-active{
	background-color: #E8C558;
	border-bottom: 5px solid #B89C45;
	color: #413307;

}

.step-tab.tab-active:before{
	color: #413307;
}


/*End Wealth Navigation Styling*/


/*Start Contact Page Styling*/

.contactPage li, .contactPage li a{
	font-size: 0.9rem;
	font-weight: 300;
}



.contactPage .contactForm{
	
}


/*End Contact Page Styling*/


/*Start Footer Styling*/
footer .row{
	padding-top: 30px;
	padding-bottom: 30px;
}

footer h2{
	color: white;
	font-weight: 100;
}

footer ul{
	list-style: none;
}

footer ul li{
	font-size: 0.813rem;
	color: #419A5F;
	color: white;
	font-weight: 300;
}

footer ul li a{
	font-size: 0.813rem;
	color: #419A5F;
	color: white;
	font-weight: 300;
}

footer ul li a:hover{
	color: #419A5F;
}

footer ul li h3{
	font-size: 1rem;
	color: #419A5F;
}

.compass{
	background-image: url('img/headerBG.png');
	background-repeat: no-repeat;
	background-position:  right 10px bottom; 
}

.fundex-disclaimer{
	color: white;
	font-size: 10px;
	margin-top: 10px;
}

/*End Footer Styling*/


/*Section Colors*/
section{
	width: 100%;
}

.green{
	background-color: #1B3E1D;
}

.alt-green {
	background-color: #2c4d2e;
	border-bottom: 5px solid #E8C558;
}

.yellow{
	background-color: #E8C558;
	border-bottom: 5px solid #B89C45;

}

.white{
	background-color: white;
}

/*Start Tablet Styling*/
@media only screen and (max-width: 767px) {
	body{
		font-size: 10px;
	}

	p{
		font-size: 1.2em;
	}

	nav ul li{
	font-size: 2em;
	margin: 0 0.5%;
	}

	nav ul li a{
	font-size: .88rem;

	}

	nav ul li a:last-child{
	margin: 15px 20px 15px 30px;
	}

	.banner .bannerCall{
		margin-top: 10px;
		min-height: 140px;
	}

	.banner .bannerCall h2{
		font-size: 1.4rem;
		margin-bottom: 5px;
	}

	.banner .bannerCall p{
		font-size: 0.9rem;
	}

	
	

}

/*End Tablet Stying*/


/*Start Mobile Styling*/
@media only screen and (max-width: 580px) {
	.banner .bannerCall{
		margin-top: 10px;
		min-height: 140px;
	}

	.banner .bannerCall h2{
		font-size: 1.4rem;
		margin-bottom: 5px;
	}

	.banner .bannerCall p{
		font-size: 0.9rem;
	}

	.row{
		padding-left: 20px;
		padding-right: 20px;
	}
	.openNav{
		display: block;
	}

	.deskNav{
		display: none;
	}

	.step-container a {
		font-size: 1.8rem;
		font-weight: 300;
		text-align: center;
	}

	.step-container span {
		display: none;
	}

	.column.step-content {
		min-height: 331px;
	}
    
    nav ul li{
		margin: 0 0.5%;
	}

	.page-id-9 .greyContainer{
	min-height: 140px;
	}




/*	#mobNav{
	display: block;
	}

	#mobNav div.mobNav{
		background-color: #999999;
		color: black;
		height: 0;
		padding: 0 1.0em;
		overflow: hidden;
		width: 100%;

		-webkit-transition: all ease-in-out 0.35s;
		-moz-transition: 	all ease-in-out 0.35s;
		-o-transition: 		all ease-in-out 0.35s;
		transition: 		all ease-in-out 0.35s;
	}

	nav ul li a{
		color: black;
	}

	#mobNav div.mobNav li{
		display: block;
	}

	#mobNav div.mobNav .active{
		color: #F3AD56;
	}

	#mobNav div.mobNav .active:hover{
		color: #EB5B3D;
	}

	#mobNav div.mobNav.on {
	height: auto;
	padding: 1.0em;
	margin-top: 10px;
	}

	.mobNavLink{
	margin: 18px 0;
	display: block;
	width: 30px;
	height: 24px;
	background: url('../img/icons/mobNav.png') bottom;
	text-indent: -99999px;

	}

	.mobNavLink:hover {
		background-position: 0 0;
	}*/

}

/*End Mobile Styling*/









/*-----------------------Responsive Grid Style----------------------------*/

/*Name: Controller Grid*/
/*Author: Stephen Kean*/
/*Version: 5*/

/*Description:*/
/*Controller grid is a responsive grid system 
that gives control over grid units in three
distinct sections. Desktop Tablet and Mobile.*/


/*Includes column padding into 
the width of grid unit*/
* { 
	-moz-box-sizing: 
	border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}


/*For test purposes*/
.panel{
	background-color: #666666;

}




/*For testing purposes*/
.container{
	width: 100%;
}
 
.row { 
	width: 1060px; 
	max-width: 100%; 
	min-width: 768px; 
	margin: 0 auto; 
	padding: 40px 50px 40px 50px;
}
.row .row { 
	width: auto; 
	max-width: none; 
	min-width: 0; 
	margin: 0 -15px; 
}
 
.column, .columns { 
	float: left; 
	min-height: 1px; 
	padding: 0 10px; 
	position: relative;
	margin-bottom: 10px; 
}

.column, .columns *{
	position: relative;
}

/*Floats last column to the right*/
[class*="column"] + [class*="column"]:last-child { 
	float: right; 
}
[class*="column"] + [class*="column"].end { 
	float: left; 
}
 
/*Desktop Grid units. 1 - 12*/
.row .D-1 { width: 8.33%; }
.row .D-2 { width: 16.66%; }
.row .D-3 { width: 25%; }
.row .D-4 { width: 33.33%; }
.row .D-5 { width: 41.66%; }
.row .D-6 { width: 50%; }
.row .D-7 { width: 58.33%; }
.row .D-8 { width: 66.66%; }
.row .D-9 { width: 75%; }
.row .D-10 { width: 83.33%; }
.row .D-11 { width: 91.66%; }
.row .D-12 { width: 100%; }

/*Desktop Offset Left*/
.row .D-L1 { margin-left: 8.33%; }
.row .D-L2 { margin-left: 16.66%; }
.row .D-L3 { margin-left: 25%; }
.row .D-L4 { margin-left: 33.33%; }
.row .D-L5 { margin-left: 41.66%; }
.row .D-L6 { margin-left: 50%; }
.row .D-L7 { margin-left: 58.33%; }
.row .D-L8 { margin-left: 66.66%; }
.row .D-L9 { margin-left: 75%; }
.row .D-L10 { margin-left: 83.33%; }
.row .D-L11 { margin-left: 91.66%; }
.row .D-L12 { margin-left: 100%; }

/*Desktop Offset Right*/
.row .D-R1 { margin-right: 8.33%; }
.row .D-R2 { margin-right: 16.66%; }
.row .D-R3 { margin-right: 25%; }
.row .D-R4 { margin-right: 33.33%; }
.row .D-R5 { margin-right: 41.66%; }
.row .D-R6 { margin-right: 50%; }
.row .D-R7 { margin-right: 58.33%; }
.row .D-R8 { margin-right: 66.66%; }
.row .D-R9 { margin-right: 75%; }
.row .D-R10 { margin-right: 83.33%; }
.row .D-R11 { margin-right: 91.66%; }
.row .D-R12 { margin-right: 100%; }


/*Center desktop units*/
.row .D-center{
	position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}

/*Hide elements on desktop layout*/
.D-null{
    display: none;
   }

/*Shows elements on desktop layouts*/
.D-show{
	display: block;
}

 
/* Nicolas Gallagher's micro clearfix */
/*Gives float grid units a height*/
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }



.content{
	background-color: #333;
	height: 30px;
}

img{
	width: 100%;
}

@media only screen and (max-width: 940px) {
    .row{
    	min-width: 480px;
    	padding: 40px 20px 40px 20px;
    }

    .banner .bannerCall{
		margin-top: 10px;
    }

    nav .row{
    	padding: 10px 20px 10px 20px;
    }

    nav ul li a:last-child{
    	margin: 0;
    }

    /*Changes padding to percentage based
    once resized to tablet and smaller*/
    .column, .columns { 
	padding: 0 2%; 

	}

    /*Tablet grid units 1 - 12*/
    .row .T-1 { width: 8.33%; }
	.row .T-2 { width: 16.66%; }
	.row .T-3 { width: 25%; }
	.row .T-4 { width: 33.33%; }
	.row .T-5 { width: 41.66%; }
	.row .T-6 { width: 50%;}
	.row .T-7 { width: 58.33%; }
	.row .T-8 { width: 66.66%; }
	.row .T-9 { width: 75%; }
	.row .T-10 { width: 83.33%; }
	.row .T-11 { width: 91.66%; }
	.row .T-12 { width: 100%; }


	/*Tablet Offset Left*/
	.row .T-L1 { margin-left: 8.33%; }
	.row .T-L2 { margin-left: 16.66%; }
	.row .T-L3 { margin-left: 25%; }
	.row .T-L4 { margin-left: 33.33%; }
	.row .T-L5 { margin-left: 41.66%; }
	.row .T-L6 { margin-left: 50%; }
	.row .T-L7 { margin-left: 58.33%; }
	.row .T-L8 { margin-left: 66.66%; }
	.row .T-L9 { margin-left: 75%; }
	.row .T-L10 { margin-left: 83.33%; }
	.row .T-L11 { margin-left: 91.66%; }
	.row .T-L12 { margin-left: 100%; }

	/*Tablet Offset Right*/
	.row .T-R1 { margin-right: 8.33%; }
	.row .T-R2 { margin-right: 16.66%; }
	.row .T-R3 { margin-right: 25%; }
	.row .T-R4 { margin-right: 33.33%; }
	.row .T-R5 { margin-right: 41.66%; }
	.row .T-R6 { margin-right: 50%; }
	.row .T-R7 { margin-right: 58.33%; }
	.row .T-R8 { margin-right: 66.66%; }
	.row .T-R9 { margin-right: 75%; }
	.row .T-R10 { margin-right: 83.33%; }
	.row .T-R11 { margin-right: 91.66%; }
	.row .T-R12 { margin-right: 100%; }


	/*Center Tablet units*/
	.row .T-center{
		position: relative;
	    margin-left: auto;
	    margin-right: auto;
	    float: none !important;
	}

	/*Hide elements on tablet layout*/
    .T-null{
    	display: none;
    }

    /*Shows elements on tablet layouts*/
	.T-show{
		display: block;
	}

    
}

@media only screen and (max-width: 580px) {
    .row{
    	min-width: 0;
    	padding: 20px 10px 20px 10px;
    }

    nav .row{
    	padding: 20px 10px 20px 10px;
    }

    /*Mobile grid units 1 - 12*/
    .row .M-1 { width: 8.33%; }
	.row .M-2 { width: 16.66%; }
	.row .M-3 { width: 25%; }
	.row .M-4 { width: 33.33%; }
	.row .M-5 { width: 41.66%; }
	.row .M-6 { width: 50%; }
	.row .M-7 { width: 58.33%; }
	.row .M-8 { width: 66.66%; }
	.row .M-9 { width: 75%; }
	.row .M-10 { width: 83.33%; }
	.row .M-11 { width: 91.66%; }
	.row .M-12 { width: 100%; }

	/*Mobile Offset Left*/
	.row .M-L1 { margin-left: 8.33%; }
	.row .M-L2 { margin-left: 16.66%; }
	.row .M-L3 { margin-left: 25%; }
	.row .M-L4 { margin-left: 33.33%; }
	.row .M-L5 { margin-left: 41.66%; }
	.row .M-L6 { margin-left: 50%; }
	.row .M-L7 { margin-left: 58.33%; }
	.row .M-L8 { margin-left: 66.66%; }
	.row .M-L9 { margin-left: 75%; }
	.row .M-L10 { margin-left: 83.33%; }
	.row .M-L11 { margin-left: 91.66%; }
	.row .M-L12 { margin-left: 100%; }

	/*Mobile Offset Right*/
	.row .M-R1 { margin-right: 8.33%; }
	.row .M-R2 { margin-right: 16.66%; }
	.row .M-R3 { margin-right: 25%; }
	.row .M-R4 { margin-right: 33.33%; }
	.row .M-R5 { margin-right: 41.66%; }
	.row .M-R6 { margin-right: 50%; }
	.row .M-R7 { margin-right: 58.33%; }
	.row .M-R8 { margin-right: 66.66%; }
	.row .M-R9 { margin-right: 75%; }
	.row .M-R10 { margin-right: 83.33%; }
	.row .M-R11 { margin-right: 91.66%; }
	.row .M-R12 { margin-right: 100%; }


	/*Center Mobiile units*/
	.row .M-center{
		position: relative;
	    margin-left: auto;
	    margin-right: auto;
	    float: none !important;
	}

	/*Hide elements on mobile layout*/
	.M-null{
    	display: none;
    }

    /*Shows elements on mobile layouts*/
	.M-show{
		display: block;
	}


}