@charset "UTF-8";

/*  ==============================
	
	MIKE'S FRAMEWORK (MPA FRAME)
	Michal Pechardo
	Version 4.5
	www.michalpechardo.com

    Modified by Steven Croft
    thedabblingdeveloper.com
	
==============================  */   

/*  ---------------------------------------------------------------------------------------
    CSS RESET
    --------------------------------------------------------------------------------------- */  
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins,
	kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
						 { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
	:focus				 { outline:0; }
	body                 { line-height:1; color:black; background:white; }
	ol, ul               { list-style:none; }
	table                { border-collapse:separate; border-spacing:0; }
	caption, th, td      { text-align:left; font-weight:normal; }
	blockquote:before    { content:""; }
	blockquote:after     { content:""; }
	q:before, q:after    { content:""; }
	blockquote, q        { quotes:"" ""; }

/*  ---------------------------------------------------------------------------------------
    HTML ELEMENTS
    --------------------------------------------------------------------------------------- */
	body                { background: #fff; font-family: 'Lato', sans-serif; width:100%; position:relative;
						-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
						 
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1					{ font-size: 32px; line-height: 32px; margin-bottom: 14px; color:#fff; font-weight:300;}
	h2 					{ font-size: 36px; line-height: 40px; margin-bottom: 10px; color:#848484; }
	h3 					{ font-size: 21px; line-height: 50px; margin-bottom: 14px; color:#fff; font-weight:400; }
	h4 					{ font-size: 21px; line-height: 30px; }
	h5 					{ font-size: 17px; line-height: 24px; }
	h6 					{ font-size: 16px; line-height: 24px; color:#821b1c; }
	p                   { font-size: 16px; line-height: 24px; margin:0 0 16px; color:#fff;  }
	pre                 { }
	em 					{ font-style: italic; }
	strong 				{ font-weight: bold;}
	.small 				{ font-size:12px; line-height:14px; }
	.lineheight			{ line-height:26px; }
	
	/*	styles  */
	.wht				{ color:#fff !important; margin:5px 0 0 10px; }
	.ylw				{ color:#fbdd74; margin:5px 0 0 10px; }
	.yllw				{ color:#fbdd74 !important; }
	.blu				{ font-size:14px; color:#241f57 !important; margin-bottom:20px !important; }
	.blu2				{ font-size:16px; color:#241f57 !important; margin-bottom:20px !important; line-height:24px; }
	.grn				{ color:#226965 !important; }
	.grn2 				{ color: #2ea139; }
	.rd					{ color:#531e61 !important; }
	.rd2				{ font-size:16px; color:#531e61 !important; margin-bottom:20px !important; line-height:24px; }
	.rd3 				{ color:#d22b2b !important; }
	.gry 				{ font-size:16px; color:#2f2f2f; margin-bottom:20px; }
	.gry2 				{ color:#a5a5a5; }
	
	/*	Links  */
	a, a:visited 		{ outline: 0; text-decoration: none; color: #2B71DC;transition: all 0.3s ease-out; position: relative; }
	a:hover, a:focus 	{ color: #2459a9; }
	p a, p a:visited 	{ line-height: inherit; }
	
	/*	Selection  */
	:focus              { outline:0; }
	ins                 { text-decoration:none; }
   	del                 { text-decoration:line-through; }
   	table               { border-collapse:collapse; border-spacing:0; }
   	::selection         { background:blue; color:#fff; }
   	::-moz-selection    { background:blue; color:#fff; }
	
	/*	List  */
	ul, ol 				{ margin-bottom: 20px; }
	ul 					{ list-style: none outside; }
	ol 					{ list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square 			{ list-style: square outside; }
	ul.circle			{ list-style: circle outside; }
	ul.disc				{ list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul 		{ margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li 	{ margin-bottom: 6px; }
	li 					{ line-height: 18px; margin-bottom: 12px; }
	ul.large li 		{ line-height: 21px; }
	li p 				{ line-height: 21px; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote 			{ margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite 	{ display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

/*	Advanced CSS  */
	hr 					{ border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	table tr:nth-child(even) { background: rgba(0,0,0,0.1);}
	.clearfix:before, 
	.clearfix:after 	{ content: " ";display: table;}
 	.clearfix:after 	{ clear: both;}
	.clearfix 			{ *zoom: 1;}
	.ir 				{ text-indent: 100%; white-space: nowrap;overflow: hidden;}
	*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

/*Created by Steven Croft*/
.hr2{border: solid black; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0;}



/*---------*/
	
/*  ---------------------------------------------------------------------------------------
    ADVANCED CSS
    --------------------------------------------------------------------------------------- */  
	.content 			{ font: 1em/1.4 Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;}
 	.title 				{ font: 1.7em/1.2 Baskerville, "Baskerville old face", "Hoefler Text", Garamond, "Times New Roman", serif;}
 	.code 				{ font: 0.8em/1.6 Monaco, Mono-Space, monospace;}
	.disabled 			{ pointer-events: none;opacity: 0.5;}

/*	Advanced Styling CSS  */	
	.embossed-light 	{ border: 1px solid rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);}
	.embossed-heavy 	{ border: 1px solid rgba(0,0,0,0.1); box-shadow:  inset 0 2px 3px rgba(255,255,255,0.3), inset 0 -2px 3px rgba(0,0,0,0.3), 0 1px 1px rgba(255,255,255,0.9);}
	.gradient-light-linear 	{ background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));}
	.gradient-dark-linear 	{ background-image: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,0));}
	.gradient-light-radial 	{ background-image: radial-gradient(center 0, circle farthest-corner, rgba(255,255,255,0.4), rgba(255,255,255,0));}
	.gradient-dark-radial 	{ background-image: radial-gradient(center 0, circle farthest-corner, rgba(0,0,0,0.15), rgba(0,0,0,0));}
	.light-rounded 		{ border-radius: 3px;}
	.heavy-rounded 		{ border-radius: 8px;}
	.full-rounded		{ border-radius: 50%;}
	.barrel-rounded 	{ border-radius: 20px/60px;}
	.mac {display: block;border: none;border-radius: 20px;padding: 5px 8px;color: #333;box-shadow: inset 0 2px 0 rgba(0,0,0,.2),  0 0 4px rgba(0,0,0,0.1);}
	.mac:focus {  outline: none;  box-shadow:  inset 0 2px 0 rgba(0,0,0,.2),  0 0 4px rgba(0,0,0,0.1), 0 0 5px 1px #51CBEE;}
	.inset-shadow		{ box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3); }

/*	Advanced Inline CSS  */	
	.inline-link-1 		{ display: inline-block; margin: 0 0.2em; padding: 3px;background: #97CAF2; border-radius: 2px; transition: all 0.3s ease-out; text-decoration: none; font-weight: bold; color: white;}
	.inline-link-1:hover   { background: #53A7EA; }
	.inline-link-1:active  { background: #C4E1F8; }
	.inline-link-1:visited { background: #F2BF97; }
	.inline-link-3 		   { display: inline-block;position: relative; padding-left: 6px; text-decoration: none; color: #6AB3EC; text-shadow: 0 1px 1px rgba(255,255,255,0.9);}
	.inline-link-3:hover   { color: #3C9CE7;}
	.inline-link-3:before  { content: "\25BA"; font-size: 80%;  display: inline-block; padding-right: 3px; pointer-events: none;}
	.inline-link-3:hover:before { color: #F2BF97; }
	
	.videoWrapper 		   { position: relative; padding-bottom: 80%; /* 16:9 */ height: 0; margin-bottom:20px; }
    .videoWrapper2 		   { position: relative; padding-bottom: 56.2%; /* 16:9 */ height: 0; margin-bottom:20px; }
    .videoWrapper3 		   { position: relative; padding-bottom: 75%; height: 0; margin-bottom:2px; }
	.videoWrapper iframe   { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .videoWrapper2 iframe   { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .videoWrapper3 iframe   { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
/*  ---------------------------------------------------------------------------------------
    PRE-LOAD
    --------------------------------------------------------------------------------------- */  
	div#preload { display: none; }
	
/*  ---------------------------------------------------------------------------------------
    DEFAULT CLASSES
    --------------------------------------------------------------------------------------- */  
	.no-bg              { background:none; }
	.no-display         { display:none; }
	.no-border          { border:0 !important; }
	.no-margin          { margin:0; }
	.no-padding         { padding:0; }
	.clear              { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	.left               { float:left; }
	.right              { float:right; }
	.center             { text-align:center; }
	.text-left          { text-align:left; }
	.text-right         { text-align:right; }
	.alignleft          { float:left; margin:0 20px 10px 0; }
	.alignright         { float:right; margin:0 0 10px 20px; }
	.aligncenter        { margin:0 auto; }
	.always-center		{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	
	.pad-top-10			{ margin-top:10px !important; }
	.pad-top			{ margin-top:20px !important; }
	.pad-bottom			{ margin-bottom:20px !important; }
	.pad-top-40			{ margin-top:40px !important; }
	.pad-bottom-40		{ margin-bottom:40px !important; }
	.x-pad-bottom 		{ margin-bottom:0px !important;  }
	.x-pad-top	 		{ margin-top:0px !important;  }
	.x-pad-full 		{ margin:0px !important;  }
	.padding-t50		{ padding-top:50px !important; }
	.padding-b50		{ padding-bottom:50px !important; }
	.p-space p			{ margin-bottom:0px !important; }
	.p-space2 p			{ margin-bottom:0px; }
	.pads				{ padding:20px 0px; }
	
	.img-control		{ max-width:100% !important; }
	.img-border			{ border:2px solid #ccc; }
	.relative			{ position:relative; }
	.inblock			{ display:inline-block; }
	.overflow			{ overflow:hidden; }
	
	.top-border			{ border-top:1px solid #ccc; }
	.border				{ width:100%; border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(0,0,0,0.2); clear:both; display:block; margin:20px 0px; }
	.dot-half			{ width:50%; border-top:1px dotted #ccc; clear:both; display:block; margin:30px auto 30px; }
	.dot-full			{ width:100%; border-top:1px dotted #ccc; clear:both; display:block; margin:30px auto 30px; }
	.dot-right			{ border-right:1px dotted #ccc; }
	.early-100			{ width:inherit; }
	.early-50			{ width:inherit; }
	.early-25			{ width:inherit; }
	.frame				{ background:#efefef; border:1px solid #ccc; padding:10px; }
	.dotted 			{ border: #ccc dotted !important; }
	
	.late-show			{ display:none !important; }
	.later-show			{ display:none !important; }
	.early-show			{ display:block !important; }
	.earlier-show	    { display:block !important; }	
	
	.text-center		{ text-align:left ; float:left; }
	.late-pad			{ margin-bottom:0px; }
	.full				{ width:100% !important; text-align:center; }

	/* NEW FORM */
	.agree 				{ background: #efefef; padding: 10px; font-size: 13px; line-height: 18px; }


/*  ---------------------------------------------------------------------------------------
    BUTTONS
    --------------------------------------------------------------------------------------- */ 
	
.button{}
	.button:hover								{ background-color: #111; color: #fff; }
	.button:active								{ top: 1px; }
	.small.button, .small.button:visited 		{ background-color: transparent; color:#898989; border:1px solid #ccc; font-size: 12px; padding: 7px 10px; margin:0 10px 0 0; moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 16px; font-weight: bold; line-height: 1; }
	
	.green.button, .green.button:visited		{ background-color: #2f5f5c; padding: 14px 24px; margin:0px 0px; color:#fff; text-shadow: 0 -1px 1px rgba(0,0,0,.3);}
	.green.button:hover							{ background-color: #3a958f; }
	.maroon.button, .maroon.button:visited		{ background-color: #632020; width:40%; padding: 14px 14px; margin:0px 10px; color:#fff; text-shadow: 0 -1px 1px rgba(0,0,0,.3);}
	.maroon.button:hover						{ background-color: #4c1818; }
	.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
	.magenta.button:hover						{ background-color: #630030; }
	.filled.button, .filled.button:visited		{ background-color: #fff; border:2px solid #fff; padding: 10px 0px; margin:0px 10px; color:#2e1c58; }
	.white.button, .white.button:visited		{ background:transparent; padding: 14px 38px; margin:0px 10px; color:#fff; border:2px solid #fff; }
	.white.button:hover							{ background-color: #fff; color:#2e1c58; }
	
	button.standard, a.standard, input[type=submit].standard { padding: 6px 10px; -webkit-border-radius: 2px 2px; border: solid 1px rgb(153, 153, 153); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221))); color: #333; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; text-shadow: 0px 1px 1px rgba(255,255,255,1); line-height: 1; }
	.standard:hover 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(248, 248, 248)), to(rgb(221, 221, 221))); }
	.standard:active 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(204, 204, 204)), to(rgb(221, 221, 221))); }
	.standard.medium 		{ padding: 5px 8px; font-size: 12px; }
	.standard.large 		{ padding: 10px 15px; font-size: 21px; font-weight: bold; }
	.standard.scaled 		{ -webkit-transform: scale(2); -webkit-transform-origin: bottom left; }
	
	.standard.blue 			{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(98,202,227))); border-color: rgb(98,202,227);  }
	.standard.green 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(213,224,77))); border-color: rgb(213,224,77);  }
	.standard.red 			{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(241,93,34)), to(rgb(146,60,6))); border-color: rgb(146,60,6); text-shadow: 0px -1px 1px rgba(0,0,0,0.5); color: #fff; }
	.standard.purple 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(202,0,108)), to(rgb(124,0,64))); border-color: rgb(202,0,108); text-shadow: 0px -1px 1px rgba(0,0,0,0.5); color: #fff;  }
	.standard.orange 		{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(245,132,38))); border-color: rgb(245,132,38);  }
	

#button{padding: 14px 108px;}

/*  ---------------------------------------------------------------------------------------
    SITE ELEMENTS
    --------------------------------------------------------------------------------------- */  
	#logo					{ float:left; margin:10px 0px; }
	.logo-small				{ max-width:90px; float:left; padding-top:20px; margin-right:15px; }
    .logo-medium			{ max-width:180px; float:left; padding-top:20px; margin-right:15px; display: block; }
	.big-logo				{ width: 100%; max-width: 600px; margin: 70px 0 30px; }

/* Added By Steven Croft */
    .big-logo2{ width: 40%; max-width: 600px; margin: 60px 0 10px; }

    .featured-course{ margin-left: -10px; margin-top: 15px;}
    .featured{ width: 1180px; height: 130px; margin-top: 10px; background:#f4f4f4; position:relative; border:1px solid #ccc; }
    .featured-badge{width: 180px; margin-top: 15px;}
    .featured h2{ margin-top: 20px;}

    #kit-box{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#69441a+0,b79e7c+100 */
        background: #69441a; /* Old browsers */
        background: -moz-linear-gradient(left,  #69441a 0%, #b79e7c 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #69441a 0%,#b79e7c 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #69441a 0%,#b79e7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69441a', endColorstr='#b79e7c',GradientType=1 ); /* IE6-9 */
        padding: 17px;
        display: none;
    }

    #ui-box{
        background-color: #979797;
        padding: 20px;
        display: none;
    }

#kit-box h4{color: white;}
#kit-box a:hover > h4{color:black;}
#kit-box li{color: white;}
#kit-box h5{color: white;}

    #sdk-box{
        background: rgba(31,31,33,1);
        background: -moz-linear-gradient(left, rgba(31,31,33,1) 0%, rgba(189,190,194,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(31,31,33,1)), color-stop(100%, rgba(189,190,194,1)));
        background: -webkit-linear-gradient(left, rgba(31,31,33,1) 0%, rgba(189,190,194,1) 100%);
        background: -o-linear-gradient(left, rgba(31,31,33,1) 0%, rgba(189,190,194,1) 100%);
        background: -ms-linear-gradient(left, rgba(31,31,33,1) 0%, rgba(189,190,194,1) 100%);
        background: linear-gradient(to right, rgba(31,31,33,1) 0%, rgba(189,190,194,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f21', endColorstr='#bdbec2', GradientType=1 );
        padding: 20px;
        display: none;
        
    }

    #fmpro-box{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#941317+0,797676+100 */
        background: #941317; /* Old browsers */
        background: -moz-linear-gradient(left,  #941317 0%, #797676 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #941317 0%,#797676 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #941317 0%,#797676 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#941317', endColorstr='#797676',GradientType=1 ); /* IE6-9 */
        padding: 20px;
        display: none;
        
    }

    #startups-box{
        background: rgba(37,70,105,1);
        background: -moz-linear-gradient(left, rgba(37,70,105,1) 0%, rgba(6,119,73,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(37,70,105,1)), color-stop(100%, rgba(6,119,73,1)));
        background: -webkit-linear-gradient(left, rgba(37,70,105,1) 0%, rgba(6,119,73,1) 100%);
        background: -o-linear-gradient(left, rgba(37,70,105,1) 0%, rgba(6,119,73,1) 100%);
        background: -ms-linear-gradient(left, rgba(37,70,105,1) 0%, rgba(6,119,73,1) 100%);
        background: linear-gradient(to right, rgba(37,70,105,1) 0%, rgba(6,119,73,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254669', endColorstr='#067749', GradientType=1 );
        padding: 20px;
        display: none;
        
    }

    #fmgo-box{
        background: rgba(0,40,116,1);
        background: -moz-linear-gradient(left, rgba(0,40,116,1) 0%, rgba(0,115,186,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,40,116,1)), color-stop(100%, rgba(0,115,186,1)));
        background: -webkit-linear-gradient(left, rgba(0,40,116,1) 0%, rgba(0,115,186,1) 100%);
        background: -o-linear-gradient(left, rgba(0,40,116,1) 0%, rgba(0,115,186,1) 100%);
        background: -ms-linear-gradient(left, rgba(0,40,116,1) 0%, rgba(0,115,186,1) 100%);
        background: linear-gradient(to right, rgba(0,40,116,1) 0%, rgba(0,115,186,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002874', endColorstr='#0073ba', GradientType=1 );
        padding: 20px;
        display: none;
        
    }

#ui-course, #kit-course, #sdk-course, #fmpro-course, #startups-course, #fmgo-course{margin-left: 0px;}
    .info-box{ color: white;}

    .course:hover{opacity: .8;}

.description{color: white;}
.description p{margin-bottom: 3px; line-height: 1.3em;}

#bundle-list{padding-left: 40px;}
#bundle-list li{line-height: .7em;}
   
/*-----------------------------------------*/
	
	.section .border		{ margin:10px 0px !important; }
	.slide p				{ font-size:14px; color:#848484; margin-bottom:0px; text-align:center; }
	.slide .fa				{ color:#848484; display:block; text-align:center; }
	#featured div			{ min-height:140px; max-height:100%; padding:20px 10px; border-right:1px solid #ccc; margin-top:10px; }
	#featured div:last-child{ border:none; }
	
	#home.nav				{ width:100%; background:rgba(0,0,0,.4) !important; height:50px; position: absolute; top: 0; z-index: 8000;}
	.nav					{ width:100%; background:#252525; height:50px; position:relative; padding-bottom:20px; display:block; }
	.nav-logo				{ margin-top:16px; float:left; }
	.menu					{ text-transform:uppercase; font-size:13px; font-weight:900; color:#ccc; letter-spacing:1px; float:right; margin-top:18px; 
	-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; }
	.menu:hover				{ color:#fff; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; }
	.menu span				{ display:inline; }
	
	.red-box				{ background:#fcdada; padding:10px 10px; z-index:100; position:relative; border:1px solid #dfb3b3; margin:20px 0px; }
	.richard				{ max-width:90px; float:left; margin: 15px 0px 0px 15px; }
	.richard2               { width: 30%; margin-left: 35%;}
    .richard3				{ max-width:120px; float:left; margin: 0px 0px 0px 10px; }
	.gray-box				{ background:#f4f4f4; padding:21px 20px; z-index:100; position:relative; border:1px solid #ccc; margin-bottom:20px; }
	.gray-box p				{ font-size:16px; color:#2f2f2f; margin-bottom:20px; }
	.gray-box h1			{ font-size:20px; color:#2f2f2f; margin-bottom:0px; text-align:left; }
	
    .graph-box2				{ background-image: url(../images/UI-Graph.png); padding:21px 20px; z-index:100; position:relative; border:1px solid #ccc; margin-bottom:20px; }

    .graph-box				{ background-image: url(../images/UI-Graph.png); padding:15px 10px; z-index:100; position:relative; border:1px solid #ccc; margin-bottom:20px; }
	.graph-box p			{ font-size:16px; color:#2f2f2f; margin-bottom:0px; }
	.graph-box h1			{ font-size:28px; color:#2e1c58; margin:15px 20px 0px 35px; text-align:left; float:left; }
	
	.gray-box3				{ background:#f4f4f4; padding:10px 20px; z-index:100; position:relative; border:1px solid #ccc; margin-bottom:20px; }
	.gray-box3 h2			{ font-size:18px; font-weight:bold; margin-bottom:0px; }
	.grayfix h2				{ font-size:18px; font-weight:bold; margin-bottom:0px; }

	.homebox				{ min-height: 68px; background:#f4f4f4; padding:20px 20px; z-index:100; position:relative; border:1px solid #ccc; margin-bottom:20px; }
    .homebox2				{ min-height: 68px; background:#f4f4f4; padding:20px 20px; z-index:100; position:relative; border:1px solid #ccc; margin-bottom:20px; }
	.homebox:hover 			{ background-color: #e5f0ef; border-color: #aad2d0; }
	.homebox h3				{ color: #000; margin-bottom: 0px; }
    .homebox2 h3			{ color: #000; margin-bottom: 0px; margin-top: -20px; }
	.homebox p				{ font-size:16px; color:#2f2f2f; margin-bottom:0px;  }
.homebox2 p				{ font-size:16px; color:#2f2f2f; margin-bottom:0px;  }
	
	.gray-box4				{ background:rgba(255,255,255,.8); padding:26px 20px; z-index:100; position:relative; border:1px solid #ccc; margin-bottom:20px; margin-top:15%; }
	.gray-box4 p 			{ font-size:14px; color:#241f57; margin-bottom:20px; line-height:24px; text-align:center; }
	.bonus					{ width:16%; height:100%; background:#2e1c58; padding:10px; text-align:center; float:left; }
	.bonus h2				{ font-size:14px; color:#fff; font-weight:bold; text-transform:uppercase; line-height:20px; }		
	.bonus i				{ color:#fff; padding:10px 0px; }	
	#slickbox p 			{ font-size: 16px; color: #848484 !important; }


	/* livetraining */  
	.gridder        		{ width:1000px; position:relative; margin:0 auto; } 
	.gridder .grid-5 		{ width: 48%; }
	.box            		{ padding:10px; position:relative; border: 1px solid #ccc; }
	/* IMAGES */
  	.pug            		{ max-width: 150px; float: left; margin-top: 15px; }
  	.text-logo      		{ max-width: 300px; float: right; margin-top: 45px; }
  	.thumbs         		{ padding: 20px; max-width: 15%; float: right; margin: 0 0 0 20px; border: 1px solid #ccc; border-radius: 6px; }
  	.thumbs2        		{ background: #fff; padding: 0px; max-width: 15%; float: right; margin: 0 0 0 20px; border: 1px solid #ccc; border-radius: 6px; }
  	/* CONTENT */
  	section         		{ border: solid #e4e4e4; border-width: 1px 0 0; padding: 20px 0; }
  	section:first-of-type 	{ border:0; }
  	article         		{ max-width: 80%; padding-right: 20px; float: left; }
  	article h3				{ color: #2e1c58 !important; }
  	article .blue.button 	{ margin: 0; }
  	footer          		{ background: #000; padding: 20px 0; margin-bottom: 0; }
  	footer p        		{ color: #ccc; }

	
	/* backgrounds */  
	.red-bg					{ width:100%; min-width:100%; background:url(../images/red-bg.jpg) right; background-size: cover; overflow: hidden; 
	background-repeat:no-repeat; position:relative; display:block; border-bottom:1px solid #ccc; }
	.general-bg				{ width:100%; min-width:100%; background:url(../images/general-bg.jpg) right top; background-size: cover; overflow: hidden; 
	background-repeat:no-repeat; position:relative; display:block; border-bottom:1px solid #ccc; }
	.green-bg				{ width:100%; min-width:100%; background:url(../images/green-bg.jpg) right; background-size: cover; overflow: hidden; 
	background-repeat:no-repeat; position:relative; display:block; border-bottom:1px solid #ccc; }
	.gray-bg				{ background:#e5e5e5; padding:20px 0px; margin-bottom:20px; z-index:100; position:relative; border:solid #ccc; border-width:1px 0px; }
    .overlay				{ background:url(../images/overlay.png) repeat; }
	.footer					{ background:#1e1e1e; padding:20px 0px; z-index:100; position:relative; }
	.blue-full				{ background:url(../images/blue-bg.jpg) no-repeat center center fixed; 
							  -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;background-size: cover; }

.Launch-bg{width:100%; min-width:100%; background:url(../images/KIT-BGV_2.png) right; background-size: cover; overflow: hidden; 
	background-repeat:no-repeat; position:relative; display:block; border-bottom:1px solid #ccc;}

.SDK-bg{width:100%; min-width:100%; background:url(../images/SDK-BG.png) right; background-size: cover; overflow: hidden; 
	background-repeat:no-repeat; position:relative; display:block; border-bottom:1px solid #ccc;}

.UI-bg{width:100%; min-width:100%; background:url(../images/UI_BG_V_3_1.png) right; background-size: cover; overflow: hidden; 
	background-repeat:no-repeat; position:relative; display:block; border-bottom:1px solid #ccc;}

.FM15-bg{width:100%; min-width:100%; background:url(../images/FM15-BG_V_4.png) right; background-size: cover; overflow: hidden; 
	background-repeat:no-repeat; position:relative; display:block; border-bottom:1px solid #ccc;}
	
	/* classes */ 
	.fix					{ display:block; }
	.mac-place				{ position:absolute; bottom:30px; right:50px; z-index:1000; }
    .mac-place2				{ position:absolute; bottom:90px; right:50px; z-index:1000; }
	.ipad					{ width:300px; height:426px; margin:0 auto; }
	.big, .big				{ float:left; }
	.big p 					{ width: 100%; float:left; }

/*added by Steven Croft*/
.big2{float: right;}
.big2 p{width: 65%; float: right;}

/*-----------*/
	.icon					{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:15px;  }
	.icon2					{ float:left; margin-right:20px; padding:20px;  }

	.linethrough 			{ text-decoration: line-through; }
	.coupon-button 			{ width: 20%; float: right; text-align: center; padding-top: 10px; }
	.coupon-button h1 		{ font-size: 44px; margin:0 0 10px; text-align: center !important; float: none !important; }
	.coupon-button span 	{ font-size: 21px; color: #6f6f6f; margin-bottom: 10px; display: inline-block; }
	.coupon-desc 			{ width: 50%; float: left; }
	.item 					{ width: 25%; margin-right: 20px; float: left; }
	
	.mini					{ width:25%; float:left; display:inline-block; border-right:1px solid #ccc; margin-top:20px; padding:10px; }
	.mini2					{ width:25%; float:left; display:inline-block; border-right:1px solid #ccc; margin-top:20px; padding:10px; }
	.hide					{ display:none; }
	
	/* reviews */ 
	.word1					{ font-size:12px; line-height:16px; display:block; font-weight:800; }
	.word2					{ font-size:12px; line-height:16px; }
	.button-fix				{ padding-top:12px !important; padding-bottom:12px !important; font-weight:800; }
	
	#fl1					{ max-width:600px; }
	#fl2					{ min-width:600px; max-width:620px; }
	#fl3					{ min-width:600px; max-width:620px; }
	#fl4					{ min-width:600px; max-width:620px; }
	#fl3 img				{ max-width:80px; }
	#fl3 p					{ font-size:14px; line-height:20px; color:#000; overflow:hidden; text-align:left; }
	#fl3 h3					{ font-size:18px; color:#241f57; margin-bottom:10px; }
	.lightbox h3 			{ color:#000; line-height:14px; margin-bottom:20px; }
	.lightbox h2 			{ color:#000; text-align:center; }
	.lightbox p 			{ color:#848484; margin-bottom:10px; }
	.lefty					{ width:30%; float:left; margin-right:5%; }
	.righty					{ width:30%; float:left; }
	.first					{ width:48.5%; float:left; margin-right:3%; }
	.last					{ width:48.5%; float:left; }
	.phone					{ width:12.5%; float:left; margin-right:3%; }
	.phone2					{ width:12.5%; float:left; }
	
	.half					{ width:49%;}
	.half h3				{ margin-bottom:0px; color:#531e61; }
/*Added by Steven Croft*/
.half2{width:49%}
.half2 h3{margin-bottom: 0px; color: saddlebrown;}

.half3{width:49%}
.half3 h3{margin-bottom: 0px; color: black;}

#Startups{margin-top: 3%;}

#LearningFilemaker{margin-top: 1%;}
.man_wrench_index, startups-index, fmgo-index{width: 80px; margin-right: 10px; float: left; }
.Rubber-Stamp{width: 160px; float: right;}
.bundle-index{width: 100px; margin-right: 10px; float: left; }
.fmgo-index{margin-bottom: 20px;}

.Legacy:hover{color: red;}
    
/*------------------------------*/
	ul#disc					{ margin-left: 20px; list-style: disc !important; }
	.listed li				{ font-size:14px; color:#848484; border-bottom:1px solid #dcdcdc; padding:5px; }
	.lister li				{ width: 82%; float: right; font-size:14px; color:#848484; border-bottom:1px solid #dcdcdc; padding:5px; }
	.listed h3				{ line-height:26px; margin:14px 0px 10px; }
	
	.late-show				{ display:none; }
	
	
/*  ---------------------------------------------------------------------------------------
    GRID 1200px
    --------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) {
    /* Created by Steven Croft */
    .img-control2{ max-width:100% !important; height: 275px; display: inline; float: left; margin-right: 15px; margin-top: 10px;}
    
    .kit-course-info-mobile, .ui-course-info-mobile, .sdk-course-info-mobile, .fmpro-course-info-mobile, .startups-course-info-mobile, .fmgo-course-info-mobile {
        display: none;
    }
    
    #kit-course2{display: none;}
    #ui-course2{display: none;}
    
    #kit-box{ height: 560px; margin-bottom: 10px;}
    #kit-box h4{ font-size: 24px; line-height: 1.5em;}
    #kit-box h5{margin-top: -15px;}
    #kit-box li{padding-left: 30px;}
    
    #ui-box{height: 560px;}
    #ui-box h4{ font-size: 24px; line-height: 1.5em;}
    #ui-box h5{padding-bottom: 30px;}
    
    #sdk-box{ height: 560px;}
    #sdk-box h4{font-size: 24px; line-height: 1.5em; padding-bottom: 20px;}
    #sdk-box p{font-size: 18px; line-height: 1.5em; padding-bottom: 20px;}
    
    .course-info{margin-bottom: 20px; line-height: 2em}
    
    #fmpro-box{ height: 560px;}
    #fmpro-box h4{font-size: 25px; line-height: 1.5em;}
    
    #startups-box{ height: 560px; }
    #startups-box h4{font-size: 25px; line-height: 2em;}
    .startups-index {width: 100px; float: left; margin-right: 5px;}
    
    #fmgo-box{ height: 559px; }
    #fmgo-box h4{font-size: 25px; line-height: 2em;}
    #fmgo-box p{font-size: 16px; line-height: 2em;}
    .fmgo-index {width: 80px; float: left; margin-right: 5px;}
    
    .center .Legacy{font-size: 18px;}
    
    
    #ytplayer{ width: 750px; height: 563px; }
    
    .sub-title {padding-top: 40px;}
/*---------------------------*/
}



/*  ---------------------------------------------------------------------------------------
    GRID 960px (DESKTOP)
    --------------------------------------------------------------------------------------- */ 

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	.mac-place				{ z-index:1000; right:0px; bottom:120px; max-width:320px !important; }
    .mac-place2				{ z-index:1000; right:0px; bottom:160px; max-width:320px !important; }
	.big p					{ width:82%; float:right; } 
	.ylw					{ font-size:12px; color:#fbdd74; margin:5px 0 0 10px; }
	.white.button, .white.button:visited { padding: 14px 20px; margin: 0px 5px; }
    #button{padding: 14px 70px; margin: 0px 5px;}
	
	.late-show				{ display:block !important; }
	.later-show				{ display:none !important; }
	.early-show				{ display:none !important; }
	.earlier-show	    	{ display:none !important; }
	.richard				{ max-width:90px; float:left; margin: 15px 0px 0px 5px; }
    .richard3				{ max-width:100px; float:left; margin: 0px 0px 0px 0px; }
	.coupon-button 			{ width: 20%; float: right; text-align: center; padding-top: 10px; }
	.coupon-button h1 		{ font-size: 44px; margin:0 0 10px; text-align: center; float: none; }
	
	.late-show				{ display:none; }
	.early-50				{ width:30% !important; padding-left:0px !important; padding-right:0px !important; }
    
   /* Created by Steven Croft */
    .img-control2{ max-width:100% !important; height: auto; display: inline; float: left; margin-right: 15px; margin-top: 7px;}
    
    .kit-course-info-mobile, .ui-course-info-mobile, .sdk-course-info-mobile, .fmpro-course-info-mobile, .startups-course-info-mobile, .fmgo-course-info-mobile {
        display: none;
    }
    
    .featured-course{margin-right: 10px; margin-left: 0px; margin-top: 15px;}
    .featured{ width: 942px; height: 110px; margin-top: 10px; background:#f4f4f4; z-index:100; position:relative; border:1px solid #ccc; }
    .featured-badge{width: 150px; margin-top: 15px; margin-left: 0px;}
    .featured h2{ margin-top: 10px;}
    
    #kit-course2{display: none;}
    #ui-course2{display: none;}
    
    #kit-box{ height: 510px; margin-bottom: 10px;}
    #kit-box h4{font-size: 18px; line-height: 1.5em;}
    #kit-box p{font-size: 15px; line-height: 1.5em;}
    #kit-box ul{font-size: 15px;}
    #kit-box h5{font-size: 15px; margin-top: -15px;}
    #kit-box li{padding-left: 30px; line-height: 1em}
    
    #ui-box{ height: 445px; margin-bottom: 10px;}
    #ui-box h4{font-size: 20px; line-height: 1.5em;}
    #ui-box p{font-size: 16px; line-height: 1.5em;}
    .Rubber-Stamp{width: 120px; float: right;}
    
    #sdk-box{ height: 445px; margin-bottom: 10px;}
    #sdk-box h4{font-size: 18px; line-height: 1.5em;}
    #sdk-box p{font-size: 14px; line-height: 1.5em;}
    .man_wrench_index{width: 60px;}
    
    #fmpro-box{ height: 445px; margin-bottom: 10px; }
    #fmpro-box h4{font-size: 18px; line-height: 1.5em;}
    #fmpro-box p{font-size: 15px; line-height: 1.8em;}
    
    #startups-box{ height: 445px; margin-bottom: 10px; }
    #startups-box h4{font-size: 20px; line-height: 1.6em;}
    #startups-box p{font-size: 15px; line-height: 1.6em;}
    .startups-index {width: 80px; float: left; margin-right: 5px;}
    
    #fmgo-box{ height: 444px; margin-bottom: 10px; }
    #fmgo-box h4{font-size: 20px; line-height: 1.2em;}
    #fmgo-box p{font-size: 15px; line-height: 1.4em;}
    .fmgo-index {width: 50px; float: left; margin-right: 5px;}
    
    .center .Legacy{font-size: 17px;}
    
    
    .courses{ }
    #ytplayer{ width: 600px; height: 451px; }
    
    .descriptionFiller{width: 100%; margin: 0 auto;}
    
    .sub-title {padding-top: 40px;}
    
    .UI-bg                  { background-position:70% 0; }
    .FM15-bg                  { background-position:70% 0; }
/*---------------------------*/

}
	

/*  ---------------------------------------------------------------------------------------
    GRID 720px (TABLET)
    --------------------------------------------------------------------------------------- */ 

@media only screen and (min-width: 720px) and (max-width: 959px) {

	h3 						{ line-height: 30px; }
	.fix					{ display:none; }
	.fixit					{ display:none; }
	.early-100				{ width:100% !important; }
	.early-50				{ width:31.5% !important; padding-left:0px !important; padding-right:0px !important; margin:0px  5px!important; }
	.early-25				{ width:100% !important;}
	.text-center			{ text-align:center; float:none; }
	.white.button, .white.button:visited { padding: 14px 35px; }
	
	.late-show				{ display:block !important; }
	.later-show				{ display:none !important; }
	.earlier-show	    	{ display:none !important; }
    .early-show             {display: none !important;}
	.main-button			{ width:48.5% !important; padding-left:0px !important; padding-right:0px !important; margin:5px  5px!important; }
	.main-button2			{ width:99% !important; padding-left:0px !important; padding-right:0px !important; margin:5px  5px!important; }

	.coupon-button 			{ width: 100%; float: right; text-align: center; padding-top: 10px; }
	.coupon-button h1 		{ font-size: 44px; margin:0 0 10px; text-align: center; float: none; }
	.coupon-desc 			{ width: 50%; float: left; }
	.item 					{ width: 45%; margin-right: 20px; float: left; }
	.homebox				{ min-height: auto; }
    .homebox2				{ min-height: auto; }

	.red-bg					{ background-position:70% 0; }
    .Launch-bg              { background-position:70% 0; }
    .SDK-bg                 { background-position:70% 0; }
    .UI-bg                  { background-position:70% 0; }
    .FM15-bg                  { background-position:40% 0; }
	.green-bg				{ background-position:70% 0; }
	.mac-place				{ display:none; }
    .mac-place2				{ display:none; }
	.big					{ float:left; }
	.big p					{ width:100%; float:right; }
	.icon2					{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:20px;  }

	.gray-box, .gray-box2	{ padding:30px 20px; }
	.gray-box p				{ font-size:14px; }
	.gray-box2 h1			{ font-size:26px; color:#2e1c58; margin:0px; text-align:center; float:none; }

	.gray-box2 .grid-5		{ width:100%; }

	.richard				{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:20px; padding:0px; }
    .richard3				{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:20px; padding:0px; }
	
	.half					{ width:100%;}
    .half2                  {width: 100%}
    .half3                  {width: 100%}
	.lister li				{ width:100%; }
	.bonus					{ width:100%; min-height:80px; background:none; padding:10px; text-align:center; float:left; }
	.bonus h2				{ font-size:14px; color:#2e1c58; font-weight:bold; text-transform:uppercase; line-height:20px; }		
	.bonus i				{ color:#2e1c58; padding:10px 0px; }	

	/* livetraining */
	.gridder        		{ width:600px; }
  	.pug            		{ max-width:150px; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
  	.text-logo      		{ display: none; }
  	.hero-text      		{ width:100%; float:right; margin-top:80px; text-align:center; }
 
 
/* Created by Steven Croft */
    .img-control2{ 
        max-width:100% !important;
        height: 267px;
        
    }

    .kit-course-info-mobile, .ui-course-info-mobile, .sdk-course-info-mobile, .fmpro-course-info-mobile, .startups-course-info-mobile, .fmgo-course-info-mobile {
        display: none;
    }
    
    .featured-course{ display: none; }
    .featured{display: none; }
    .featured-badge{display: none;}
    
    .center .Legacy{font-size: 17px;}
    
    #ytplayer{
        width: 680px;
        height: 511px;
    }
    
    .UI-bg                  { background-position:50% 0; }
/*---------------------------*/
}

/*  ---------------------------------------------------------------------------------------
    GRID (IT) 720px (MOBILE)
    --------------------------------------------------------------------------------------- */ 

@media only screen and (max-width: 719px) {
	
	h1						{ font-size:24px; line-height:32px; }
	.fix					{ display:block; }
	.fixit					{ display:none; }
	.late-show				{ display:block; }
	.early-100				{ width:100% !important; }
	.early-50				{ width:100% !important; }
	.early-25				{ width:100% !important;}
	.text-center			{ text-align:center; float:none; }
	.late-pad				{ margin-bottom:20px; }
	.white.button			{ margin:0px 0px 20px; }
	.blue.button			{ margin:10px 0px 20px; width:100%; }
	.mini					{ width:50%; }
	.mini2					{ display:none;}
	.hide					{ display:block; }

	.word1					{ font-size:12px; line-height:18px; display:block; font-weight:800; }
	.word2					{ font-size:12px; line-height:18px; }

	.main-button			{ width:100% !important; }
	.main-button2			{ width:100% !important; }
	
	.late-show				{ display:block !important; }
	.later-show				{ display:block !important; }
	.early-show				{ display:none !important; }
	.earlier-show	    	{ display:none !important; }
	
	.red-bg					{ background-position:center; }
    .Launch-bg              { background-position:center; }
    .SDK-bg              { background-position:center; }
    .UI-bg              { background-position:center; }
    .FM15-bg              { background-position:center; }
	.green-bg				{ background-position:center; }
	.mac-place				{ display:none; }
    .mac-place2				{ display:none; }
	.big					{ float:left; }
	.big p					{ width:100%; float:right; }
    
    /* Added by Steven Croft*/
    .big2{
    float: left;
    }
    .big2 p{
    width: 100%;
    float: none;
    }

    /*---------------*/
    
	.icon2					{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:20px; padding:0px;  }
	.gray-box 				{ padding:20px 20px; }
	.gray-box p				{ font-size:14px; }
	.gray-box h1			{ font-size:20px; color:#2f2f2f; margin-bottom:0px;  }
	.richard				{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:20px; padding:0px; }
    .richard3				{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:20px; padding:0px; }
	.slides p				{ font-size:12px; color:#848484; margin-bottom:0px; text-align:center; }

	/* livetraining */
	.gridder        		{ width:100%; padding: 0 20px; }
  	.pug            		{ max-width:100px; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
  	.text-logo      		{ display: none; }
  	.hero-text h1   		{ font-size:3.8rem; }
  	.hero-text h2   		{ font-size:2.0rem; }
  	.hero-right     		{ display: none; width: 100%; max-width: 100%; margin-top: 10px; padding-bottom: 10px; }
  	article .blue.button 	{ width: 100%; }

  	.coupon-button 			{ width: 100%; float: right; text-align: center; padding-top: 30px; }
	.coupon-button h1 		{ font-size: 44px; margin:0 0 10px; text-align: center; float: none; }
	.coupon-desc 			{ width: 100%; }
	.item 					{ width: 100%; margin-right: 0px; }
	.homebox				{ min-height: auto; }
    .homebox2				{ min-height: auto; }

  	.thumbs        			{ width: 100%; max-width: 300px; margin: 10px 0; float: left; }
  	.thumbs2        		{ width: 100%; max-width: 300px; margin: 10px 0; float: left; }
	
	.overlay .button		{ margin:10px 0px; }
	.lefty					{ width:100%; float:left; margin-right:none; }
	.righty					{ width:100%; float:left; margin-right:none; }
    
    
	.first					{ width:100%; float:left; margin-right:none; }
	.last					{ width:100%; float:left; margin-right:none; }
	#fl2, #fl3, #fl4		{ min-width:100%; }
	#fl3 img				{ max-width:60px; display:inline; float:none; }
	#fl3 p					{ font-size:14px; line-height:20px; color:#000; overflow:hidden; text-align:left; }
	#fl3 h3					{ font-size:16px; color:#241f57; margin-bottom:10px; }
	#f13 i					{ font-size:14px; }
	
	.menu					{ font-size:18px; }
	.menu span				{ display:none; }
	.half					{ width:100%;}
    .half2                  {width: 100%;}
    .half3                  {width: 100%;}
	.lister li				{ width: 100%; }
	.maroon.button, blue.button		{ margin:0px 0px 10px; }

    /* Created by Steven Croft */
    .img-control2{ 
        max-width:100% !important;
        height: auto;
    }
    
    
    .kit-course-info-mobile, .ui-course-info-mobile, .sdk-course-info-mobile, .fmpro-course-info-mobile, .startups-course-info-mobile, .fmgo-course-info-mobile {
        display: none;
    }
    
    .featured-course{ display: none; }
    .featured{display: none; }
    .featured-badge{display: none;}
    
    #bundle-list li{line-height: 1em;}
    
    .center .Legacy{font-size: 17px;}
    
    #ytplayer{
        width: 100%;
        height: 500px;
    }
    
/*---------------------------*/
		
}


/* #RETINA
================================================== */