@charset "UTF-8";

/*  ==============================
	
	MIKE'S FRAMEWORK (MPA FRAME)
	Michal Pechardo
	Version 4.5
	www.michalpechardo.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:normal 100%/1.4 'Lato', sans-serif;  color:#696969; 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: 2em; line-height: 50px; color:#fff; margin-bottom: 14px; }
	h2 					{ font-size: 2.875em; line-height: 40px; margin-bottom: 10px; font-family: 'Lato', sans-serif; font-weight:200; }
	h3 					{ font-size: 1.500em; line-height: 34px; margin-bottom: 10px; color: #2B71DC; font-family:Georgia, "Times New Roman", Times, serif; }
	h4 					{ font-size: 2.000em; line-height: 30px; margin-bottom: 10px; font-family: 'Lato', sans-serif; font-weight:200; }
	h5 					{ font-size: 1.125em; line-height: 24px; color:#b7b7b7; font-family: 'Lato', sans-serif; margin:0 0 24px; text-transform:uppercase; }
	h6 					{ font-size: 1.125em; line-height: 21px; color:#000; margin-bottom:5px; font-family:Georgia, "Times New Roman", Times, serif; }
	p                   { font-size: 16px; line-height: 24px; font-family: 'Lato', sans-serif; }
	pre                 { }
	em 					{ font-style: italic; }
	strong 				{ font-weight: bold; }

	.stronger			{ font-weight:bold; font-size:18px; }
	.small 				{ font-size: 12px; color:#696969; }
	.sub				{ font-size:.5em !important; font-family: 'Lato', sans-serif; font-style:italic; font-weight:400; }
	
	/*	Icon Fonts  */
	@font-face 			{ font-family: 'FontAwesome';src: url('../../font/fontawesome-webfont.eot');src: url('../../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
						  url('../../font/fontawesome-webfont.woff') format('woff'),
						  url('../../font/fontawesome-webfont.ttf') format('truetype'),
						  url('../../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal;font-style: normal;}
	
	/*	Text Themes  */
	.blu				{ color: #2B71DC; font-size:1.000em; }
	.wht				{ color: #fff; }
	.gry				{ color: #a3b8d9; }
	.gry:hover			{ color: #2B71DC; }
	.blk				{ color: #000; }
	.mini				{ font-size:11px; font-style:italic; margin-bottom:0px; }
	.gry2               { color: #535659; }
	
	/*	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; }
	a.most				{ font-size:14px; text-transform:uppercase; }
	a.most:hover		{  }
	
	a h6:hover			{ color: #2B71DC; }
	
	/*	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; }
	ul.large li 		{ line-height: 21px; }
	li p 				{ line-height: 21px; }
	
	/*	List theme */
	ul.list-clean li	{ list-style:none;  margin-bottom:10px; margin-left:0px; font-size: 14px; line-height:24px; color:#696969; font-family: 'Lato', sans-serif; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; }
	ul.list-clean li i  { color:blue; }
	ul.num-list li		{ list-style:decimal; margin-bottom:10px; margin-left:20px; font-size: .900em; line-height:24px; color:#696969; font-family: 'Lato', sans-serif; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; }

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

/*	Content CSS  */
	hr 					{ border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	table tr:nth-child(even) { }
	.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; }
	
/*  ---------------------------------------------------------------------------------------
    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); }
	.shadow 			{ -moz-box-shadow:3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #ccc; }

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

/* Advanced Forms */
.modal.modal-wide .modal-dialog{
    width: 90%;
}

.modal.modal-wide2 .modal-dialog{
    width: 50%;
}

.modal-wide .modal-body{
    overflow-y: auto;
}

.col-1{
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}
.col-2{
    width: 50%;
    float: right;
    padding-left: 20px;
    padding-top: 10px;
}

/*  ---------------------------------------------------------------------------------------
    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; }
	.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-small-t		{ margin-top:10px !important; }
	.pad-small-b		{ margin-bottom:10px !important; }
	.pad-top			{ margin-top:20px !important; }
	.pad-bottom			{ margin-bottom:20px !important; }
	.pad-top-40			{ margin-top:40px !important; }
	.pad-top-70			{ margin-top:70px !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; }
	.pad-left 			{ margin-left:30px; }
	
	.img-control		{ max-width:100% !important; }
	.img-control2		{ max-width:100% !important; }
	.relative			{ position:relative; }
	.inblock			{ display:inline-block; }
	.overflow			{ overflow:hidden; }
	
	.top-border			{ border-top:1px solid #ccc; }
	.border				{ width:100%; border-top:1px solid #ccc; clear:both; display:block; margin:30px 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; }
	.earlier-100		{ width:inherit; }
	.early-50			{ width:inherit; }
	.frame				{ background:#efefef; border:1px solid #ccc; padding:10px;  }
	.circle-block		{ border:3px solid #ccc; padding:20px; border-radius: 50%; }
	.circle-icons		{ max-width:100%;  }
	
	.video-bg			{ background:#000; overflow:x-scroll; overflow:y-scroll;  }
	.video-page			{ width:1280px; margin:0 auto;}

/*  ---------------------------------------------------------------------------------------
    BUTTONS
    --------------------------------------------------------------------------------------- */ 
	.button, .button:visited { background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none;-moz-border-radius: 5px; -webkit-border-radius: 5px;position: relative;cursor: pointer;}
	.overlay				{ background:url(../images/overlay.png) repeat; }

/* Created by Steven Croft*/
	.button2 h4 {color: white; font-size: 22px; margin: 10px 10px;}
	.button2 { margin-bottom: 10px; }
	.blue.button2, .blue.button2:visited		{ background-color: #2f73d8; }
	.blue.button2:hover							{ background-color: #2466c8; }
/*------------------------------*/

	.full				{ width:100%; }

	.button:hover								{ background-color: #111; color: #fff; text-decoration: none; }
	.button:active								{ top: 1px; }
	.small.button, .small.button:visited 		{ font-size: 0.688em; padding: ; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 0.750em; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited 		{ font-size: 1em; padding: 12px 30px; font-weight:bold; border-radius:50px; margin-right:15px; }
	
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover							{ background-color: #749a02; }
	.blue.button, .blue.button:visited			{ background-color: #2f73d8; border:0px; }
	.blue.button:hover							{ background-color: #2466c8; }
	.navy.button, .navy.button:visited			{ background-color: #0e377b; }
	.navy.button:hover							{ background-color: #13479e; }
	.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
	.magenta.button:hover						{ background-color: #630030; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover						{ background-color: #d45500; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover	
	
	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);  }
	
/* ---------------------------------------------------------------------------------------
   ACCORDION
   --------------------------------------------------------------------------------------- */ 
   
	.accordion				{ list-style-type: none; padding: 0; margin: 0 0 30px; border-top: none; border-left: none; }
	.accordion ol 			{ padding: 0; margin: 0; float: left; display: block; width: 100%; list-style:none; border:1px solid #ccc; }
	.accordion li 			{ background: #efefef; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left;display: block; width: 100%; border:solid #ccc; border-width:1px 1px 0px; }
	.accordion li.active>a 	{ background: url('../images/close.gif') no-repeat center right; }
	.accordion li div 		{ padding: 10px; background: #fff; display: block; clear: both; float: left; width: 100%; border-top:1px solid #ccc;}
	.accordion li div p 	{ margin-bottom:0px; }
	.accordion a 			{ text-decoration: none; font-size:14px; color: #696969; padding: 10px 25px 10px 10px; display: block; cursor: pointer; background: url('../images/open.gif') no-repeat center right;
							line-height:20px; }
	.accordion li div a 	{ padding:0px; display:inline; background:none; color:#ccc; text-shadow:rgba(255, 255, 255, 0.2) 0px 1px 0px;}
	
	.accordion li:first-child { border-top-left-radius:10px; border-top-right-radius:10px; }
	.accordion li:last-child  { border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-bottom:1px solid #ccc; }
	.last-last { border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
	
	/* Level 2 */
	.accordion li ol li 	{ background: #7FD2FF; font-size: 0.9em; }


/*  ---------------------------------------------------------------------------------------
    SITE ELEMENTS
    --------------------------------------------------------------------------------------- */  
	
	#logo 				{ float:left; display:block; margin-top:18px; }
	.logo				{ max-width:354px; margin: 0 auto 0; display: block; padding-top: 40px; }
	.header				{ width:100%; height:134px; background:url(../images/header.png) bottom repeat-x; position:fixed; top:0px; left:0px; }
	.header-box			{ max-width:1180px; margin:0 auto; display:block; position:relative; padding: 0px 1.25em; }
	.excerpts			{ overflow:hidden; }
	.grid-logo			{ max-width:220px; }

	.blue-box			{ background: #dfebf6; padding:15px 20px 0px; border-radius:10px; height:auto; border:1px solid #ccc; margin-bottom:30px; }
	.blue-box p 		{ font-size:14px; color:#2f2f2f; line-height:1.5em; margin-bottom:10px; }
	.blue-box h3		{ font-size:20px; color:#2f2f2f; line-height:1.5em; margin-bottom:5px; font-weight:800; }
	.grid-6 .shorter	{ max-width:80%; }

	.gray-box2			{ background:#f4f4f4; padding:25px 20px 15px; position:relative; border:1px solid #ccc; margin-top:0px; height:auto; border-radius:10px; }
	.gray-box2 p		{ font-size:14px; color:#2f2f2f; line-height:1.5em; margin-bottom:10px; }
	.gray-box2 h3		{ font-size:20px; color:#2f2f2f; line-height:1.5em; margin-bottom:5px; font-weight:800; }
	.gray-box2 h4		{ font-size:16px; color:#2f2f2f; line-height:1em; font-weight:800; margin-bottom:10px; }

	.button-container	{ margin-top:auto;  margin-bottom:auto; }
	
	/* color */
	.color-bg			{ background:url(../images/color-bg.jpg); padding:30px 0px; position:relative; margin-bottom:50px; border-bottom:1px solid #ccc; overflow:hidden; }
	.color-bg2			{ background:url(../images/color-bg2.jpg); padding:30px 0px; position:relative; margin-bottom:50px; border-bottom:1px solid #ccc; overflow:hidden; }
	.gray-bg			{ background:#efefef; padding:30px 0px; position:relative; margin-bottom:50px; border-bottom:1px solid #ccc; overflow:hidden; }
	.white-bg			{ background:#fff; padding:30px 0px; position:relative; overflow:hidden; height:auto; }
	.blue-bg			{ background:#5f5f5f; padding:30px 0px; position:relative; display:block; overflow:hidden; }
	#gray-place			{ background:#efefef; }
	.color-box			{ background:#efefef; padding:10px; position:relative; margin-bottom:20px; border:1px solid #ccc; }
	.color-box2			{ background:#fff; padding:20px; position:relative; margin-bottom:20px !important; border:1px solid #ccc; }
	.black-bg			{ width:100%; height:100px; background:#111; }

	ul.tabble 			{ list-style: none; margin: 0 !important; }
	.tabble	li			{ width: 20.75%; display: inline-block; padding: 15px 5px; margin: 0; text-align: center; text-transform: uppercase; border-right: 1px solid #d8d8d8; font-size: 16px; color: #696969; text-shadow: rgba(255,255,255, .5) 0px 1px 0px; }
	.tabble .shorter	{ width: 15.5%; }
	.tabble-last	    { border: none !important; }

	.header-shadow		{ background-color:rgba(0,0,0,0.5); padding: 30px; margin-top:0px; }

/* Created By Steven Croft*/
    .color-box-video{
        background-color: #2f73d8;
        padding: 10px;  
        margin-bottom:20px; 
        border:1px solid #ccc;
        width: 400px;
        height: 50px;
    }

    .color-box-video img{
        width: 40px;
        height: 40px;
        float: left;
        margin-top: -5px;
    }

    .button-text{
            text-align: center;
            font-size: 1em;
            line-height: 1.7;
        }

    .color-box-video:hover{
            opacity: 0.8;
        }

     .color-box-button{
            background-color: #2f73d8;
            padding:10px;  
            margin-bottom:20px; 
            border:1px solid #ccc;
            width: 400px;
            height: 50px;
        }

    .color-box-button:hover{
            background-color: #2466c8;
        }

    .color-box-button h1{
        text-align: center;
        font-size: 1em;
        line-height: 1.7;
    }

    .hidden{
        display: none;
    }

.bio-image{padding:5px; border:1px solid #cccccc; background-color:#efefef; width: 250px; margin-left: 20px;}


/*----------------------*/

	#color-padtop		{ margin-top:0px; }
	#ipad-bg			{ width:100%; min-width:100%; background:url(../images/subpages/ipad-bg.jpg); background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; 
						border-bottom:1px solid #ccc; }
	#wood-bg			{ width:100%; min-width:100%; background:url(../images/subpages/wood-bg.jpg); background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; 
						border-bottom:1px solid #ccc; }
	#color-bg			{ width:100%; min-width:100%; background:url(../images/color-bg.jpg); background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; 
						border-bottom:1px solid #ccc; }
						
	
	/* color hover */
	.color				{ filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); 
	-webkit-transition: all 0.4s ease;-moz-transition: 		all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
	.color:hover		{ -webkit-filter: grayscale(0);-webkit-filter: grayscale(0); -moz-filter: grayscale(0);-ms-filter: grayscale(0); -o-filter: grayscale(0);filter: none; filter: grayscale(0); 
	 -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
	
	/* elements */
	.white-box			{ border:1px solid rgba(255,255,255,.8); padding:20px; position:relative; display:block; color:#fff; text-align:center; 
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
	.white-box:hover	{ background:rgba(255,255,255,.8); color:#000 !important;
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
	.white-box h4		{ font-size:1.4em; }
	.white-box p		{ text-align:center; margin-bottom:0px; }
	.half				{ width:50%; float:left; }
	.half-space			{ width:49%; }
	.early-show			{ display:block; }
	.late-show			{ display:none !important; }
	.gray-box			{ width:100%; background:#efefef; color:#000; border:1px solid #ccc; position:relative; padding:0px 15px 15px; margin-bottom:20px; transition: all 0.3s ease-out; }
	.gray-box h2		{ font-size:18px; float:left; line-height:20px; margin:17px 0 0; }
	.gray-box img		{ position:absolute; right:10px; bottom:6px; width:48%; }

	/* Align Text */
	.text-left                { text-align:left; }
	.text-right               { text-align:right; }
	.text-center              { text-align:center; }
	
	/* quotes */
	.testimonial-box	{ background:#f3f3f3; padding:20px 0px 10px; border-top:1px solid #e0e0e0; position:relative; margin-top:20px; }
	.grid-testimony		{ width:70%; float:left; border-right:1px solid #ccc; padding-right:20px; }
	.quotes				{ position:relative; }
	.quotes h1			{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.125em; color:#696969; margin-bottom:10px; line-height:12px; padding-top:30px; text-shadow:none; }
	.quotes h2			{ font-family:Georgia, "Times New Roman", Times, serif; font-size:0.875em; color:#696969; margin-bottom:10px; line-height:12px; font-style:italic; }
	.quotes p			{ font-size:16px; color:#696969; margin-bottom:0px; }
	.quotes img			{ float:left; margin-right:20px; }
	
	/* quotes 2 */
	.quotes2, .quotes3	{ position:relative; }
	.words				{ width:65%; float:right; }
	.quotes2 h1, .quotes3 h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.125em; color:#696969; margin-bottom:10px; line-height:12px; padding-top:10px; text-shadow:none; }
	.quotes2 h2, .quotes3 h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#696969; margin-bottom:0px; line-height:18px; font-style:italic; }
	.quotes2 p, .quotes3 p { font-size:14px; line-height:22px; color:#696969; margin-bottom:20px; overflow:hidden; }
	.quotes2 img		{ width:30%; position:absolute; top:0px; left:0px;}
	
	.quotes3 .words		{ width:65%; float:left; }
	.quotes3 img		{ width:30%; position:absolute; top:0px; right:0px;}
	
	/* clients */
	.grid-clients		{ width:25%; float:right; padding-left:20px; }
	.clients			{ position:relative; }
	.clients h1			{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.125em; color:#696969; margin-bottom:10px; line-height:12px; padding-top:30px; text-shadow:none; }
	.clients img		{ float:left; margin-right:10px; margin-bottom:10px; 
	filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);
	-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
	.clients img:hover	{ -webkit-filter: grayscale(0);-webkit-filter: grayscale(0); -moz-filter: grayscale(0);-ms-filter: grayscale(0); -o-filter: grayscale(0);filter: none; filter: grayscale(0); 
	 -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
   
    /* front */
    .front-part			{ position:relative; }
    .front-part img		{ position:relative; float:left; margin-bottom:20px; }
   
    /* pages */
    .top-page			{ margin-top:90px; }
    .top-page h1		{ padding-top:0px; float:left; }
   
    .top-page2			{ margin-top:210px; }
    .top-page2 h1		{ padding-top:0px; float:left; }
	
	.top-page3			{ margin-top:160px; }
    .top-page3 h1		{ padding-top:0px; float:left; }
   
    /* clients */
    .clients-slide		{ width:60%; float:right; padding-left:20px; border-left:1px solid rgba(255,255,255,.4); }
    .clients-top .quotes h1, .clients-top .quotes h2, .clients-top .quotes p { color:#fff; padding-top:5px; }
    .clients-top		{ width:100%; min-width:100%; height:280px; background:url(../images/clients-top.jpg) #57789b; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
    .clients-list		{ float:left; margin-right:20px; display:inline-block !important; }
    .clients-list p		{ display:inline-block !important; text-shadow:none !important; margin-right:20px;}
   
    /* service */
    .service-top		{ width:100%; min-width:100%; height:280px; background:url(../images/service-top.jpg) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
	.service-top2		{ width:100%; min-width:100%; height:450px; background:url(../images/UIDesignPageTop.png) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
	.main-header		{ width:100%; min-width:100%; background:url(../images/mainfest-main-header.jpg) right; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
    .service-part		{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ccc; }
    .service-part img	{ margin-bottom:20px; }
    .service-part p		{ overflow:hidden; }
    .part-left			{ float:left; margin-right:40px; }
    .part-right			{ float:right; margin-left:40px; }
	.vid-button			{ background:url(../images/services/vid-button.png) top left; width:140px; height:139px; position:absolute; left:290px; top:40px; }
	.vid-button:hover	{ background-position:bottom left;  }
	
	/* product */
    .products-top		{ width:100%; min-width:100%; height:280px; background:url(../images/products-top.jpg) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }

   	/* award */
    .award-top			{ width:100%; min-width:100%; height:280px; background:url(../images/award-top.jpg) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
   
    /* videos */			
    .videos-top			{ width:100%; min-width:100%; height:150px; background:url(../images/videos-top.jpg) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
    .tab-block			{ background:#efefef; padding:10px 0px; margin-bottom:50px; border:1px solid #ccc; border-width:1px 0px; }
    .vid-block			{ float:left; padding:0px 20px 20px 0px;  }
    .vid-block img		{ margin-bottom:10px; opacity:1;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
    .vid-block img:hover { opacity:.7;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
    .vid-block p		{ min-height:105px; }
   
    #videos-full		{ width:100%; min-width:100%; }
    #videos-full img	{ max-width:30% !important; float:left; margin-right:20px; }
    #videos-full p		{ min-height:100%; margin-bottom:10px; }
   
    /* download */		
    .download-slide		{ width:60%; float:right; padding-left:20px; border-left:1px solid rgba(255,255,255,.4); }	
    .download-top		{ width:100%; min-width:100%; height:280px; background:url(../images/download-top.png) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
    .download-block		{ float:left; padding:0px 0px 20px 0px; margin-bottom:40px; border-bottom:1px solid #ccc; }
    .download-block img	{ width:30%; margin-bottom:10px; opacity:1;  
    -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
    .download-block img:hover { opacity:.7;  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
    .download-desc		{ width:65%; float:right; }
   
    #fmpro .download-block	{ float:left; padding:20px; margin-bottom:20px; border:1px solid #ccc; border-radius: 8px; }
    .download-doc		{ width:100%; float:left; }
    .download-doc p, .download-doc h6 { margin-bottom:10px; }
    ul.download-list	{ list-style:none; margin:0px 0px 0px 0px;   }
    .download-list li	{ padding:10px; border-bottom:1px soild #ccc; margin:0px; border-radius: 8px; }
    .download-list li:hover { background:rgba(0,0,0,.1); }
    .download-list li:last-child { border:none; }
   
    /* company */
    .company-top		{ width:100%; min-width:100%; height:280px; background:url(../images/company-top2.png) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
						
	/* salesbeaver */
    .sb-top				{ width:100%; min-width:100%; height:280px; background:url(../images/salesbeaver/top-page.jpg) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:50px; }
						
	/* consult */
    .consult-top		{ width:100%; min-width:100%; height:280px; background:url(../images/consult-top.jpg) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
						
	/* vtc */
    .vtc-top			{ width:100%; min-width:100%; height:380px; background:url(../images/vtc-top.jpg) center top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
						
    /* contact */
	.contact-top		{ width:100%; min-width:100%; height:280px; background:url(../images/contact-top.jpg) center top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
    .contact-map		{ width:100%; min-width:100%; height:280px; background:#000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:50px; }
    .contact-box		{ width:50%; float:left; padding:20px; border-right:1px dotted #ccc; margin:0px !important; }
    .contact-box p		{ overflow:hidden; }
    .contact-box img	{ margin-right:20px; }
	
	/* archive */
	.archive-top		{ width:100%; min-width:100%; height:280px; background:url(../images/archive-top.jpg) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }
	.archive-block		{ float:left; margin-bottom:40px; border:1px solid #ccc; }
   
    /* database solutions */			
    .database-top		{ width:100%; min-width:100%; height:160px; background:url(../images/videos-top.jpg) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:20px; }
    .database-page		{ margin-top:102px; }
    .database-page h1, .database-page h4 { float:left; color:#fff; }
    .database-page a	{ color:#fff; } 
    .database-page a:hover{ text-decoration:underline; }
   
   
    /* spacing & images */
    .image-part			{ width:40%; max-width:640px; position:absolute; bottom:-30px; left:-20px; }
    .image-part2		{ width:40%; max-width:640px; position:absolute; bottom:-30px; right:-30px; }

    .image-part3		{ width:50%; max-width:640px; position:absolute; bottom:-30px; right:-80px; }
    .image-part4		{ width:50%; max-width:640px; position:absolute; bottom: -50px; right:-70px; }
    .image-part5		{ width:45%; max-width:450px; position:absolute; bottom: -90px; left:30px; }

    .par-left 			{ padding-right:10px;  }
    .par-right 			{ padding-left:10px;  }
   
   
    /* footer */
    .footer-wrap		{ background:#696969; padding:40px 0px 20px; margin-top:20px; color:#fff; font-size:0.875em; }
    ul.footer-nav		{ list-style:none; margin-bottom:10px; }
    .footer-nav li		{ font-size:0.875em; color:#fff; padding:0px 5px; border-right:1px solid #ccc; display:inline-block; }
    .footer-nav a		{ color:#fff; }
    .footer-nav a:hover	{ color:#ccc; }
	#twitter-widget-0	{ width: 100% !important;  }
	.blue-bg h2			{ color:#fff; font-size: 2.2em; margin-bottom:0px !important; display:inline;  }

.FMG{
        margin-left: 132px;
    }

button.button.blue.large.main-button2.button-fix {
        margin-top:10px;
        margin-left:80px;
        width: 250px;
        outline: none;
        border:none;
    }
	
/*  ---------------------------------------------------------------------------------------
    GRID 1200px
    --------------------------------------------------------------------------------------- */ 

@media only screen and (max-width: 1200px){
    /* Created By Steven Croft*/
    
    .color-box-video{
        background-color: #2f73d8;
        padding: 10px;  
        margin-bottom:20px; 
        border:1px solid #ccc;
        width: 400px;
        height: 50px;
    }

    .color-box-video img{
        width: 40px;
        height: 40px;
        float: left;
        margin-top: -5px;
    }

    .button-text{
            text-align: center;
            font-size: 1em;
            line-height: 1.7;
        }

    .color-box-video:hover{
            opacity: 0.8;
        }

     .color-box-button{
            background-color: #2f73d8;
            padding:10px;  
            margin-bottom:20px; 
            border:1px solid #ccc;
            width: 400px;
            height: 50px;
        }

    .color-box-button:hover{
            background-color: #2466c8;
        }

    .color-box-button h1{
        text-align: center;
        font-size: 1em;
        line-height: 1.7;
    }

    .hidden{
        display: none;
    }
    
    .early-show			{ display:block; }
	.late-show			{ display:none !important; }

/*----------------------*/
}


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

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	.earlier-100		{ width:100% !important; }
	
	.grid-testimony		{ width:55%; float:left; padding-right:20px; }
	.grid-clients		{ width:35%; float:left; padding-left:20px; }

	.responsive-fix		{ margin-top:20px; }
	
	/* elements */
	.white-box h4		{ font-size:1em; }
    .white-box		    { height: 150px; }
	.half				{ width:50%; float:left; }
	
	.gray-box			{ padding:0px 15px 13px; margin-bottom:20px; }
	.gray-box h2		{ font-size:14px; float:left; line-height:14px; margin:18px 0 0; }
	.gray-box img		{ float:right; margin-bottom:0px !important; }
	
	/* service */
	.vid-button			{ background:url(../images/services/vid-button.png) top left; width:140px; height:139px; position:absolute; left:190px; top:40px; }
	
	/* videos */			
    .videos-top			{ width:100%; min-width:100%; height:150px; }
	
	/* clients */
	.top-page			{ margin-top:90px; }
    .top-page h1		{ padding-top:0px; float:left; }
	.clients-slide		{ width:80%; float:right; padding-left:20px; border-left:1px solid rgba(255,255,255,.4); }
	.clients-top .quotes h1, .clients-top .quotes h2, .clients-top .quotes p { color:#fff; padding-top:5px; }
	
	/* images */
    .image-part			{ width:55%; position:absolute; bottom:-30px; left:-160px; }
    .image-part2		{ width:55%; position:absolute; bottom:-30px; right:-190px; }
    
    .image-part3		{ width:60%; position:absolute; bottom:-30px; right:-140px; }
    .image-part4		{ width:70%; position:absolute; bottom:-30px; right:-140px; }
    .image-part5		{ width:70%; position:absolute; bottom:-70px; left:-40px; }

    .main-header 		{ width:100%; min-width:100%; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:50px; }


    /* Added by Steven Croft */
    
    .early-show			{ display:block; }
	.late-show			{ display:none !important; }
    
    .service-top2 {
    width: 100%;
    min-width: 100%;
    height: 480px;
    background: url(../images/UIDesignPageTop.png) right top #000;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    margin-bottom: 50px;
}
    
    .fm-gallery-top {
    width: 100%;
    min-width: 100%;
    height: 100%;
    background: url(../images/FM-Gallery-Top-960.png) right top #000;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    margin-bottom: 50px;
}
    
    .FMG{
        margin-left: 100px;
    }
    
    button.button.blue.large.main-button2.button-fix{
        width: 300px;
    }
    
    .color-box-video{
        background-color: #2f73d8;
        padding: 10px;  
        margin-bottom:20px; 
        border:1px solid #ccc;
        width: 300px;
        height: 50px;
    }

    .color-box-video img{
        width: 40px;
        height: 40px;
        float: left;
        margin-top: -5px;
    }

    .button-text{
            text-align: center;
            font-size: 1em;
            line-height: 1.7;
        }

    .color-box-video:hover{
            opacity: 0.8;
        }

     .color-box-button{
            background-color: #2f73d8;
            padding:10px;  
            margin-bottom:20px; 
            border:1px solid #ccc;
            width: 300px;
            height: 50px;
        }

    .color-box-button:hover{
            background-color: #2466c8;
        }

    .color-box-button h1{
        text-align: center;
        font-size: 1em;
        line-height: 1.7;
    }

    .hidden{
        display: none;
    }
    
    .bio-image{padding:5px; border:1px solid #cccccc; background-color:#efefef; width: 200px; margin-left: 10px;}
    
    /*---------------*/
 
}
	

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

@media only screen and (min-width: 761px) and (max-width: 959px) {
	
	#logo 				{ float:left; display:block; margin-top:18px; margin-left:20px;}
	.header-box			{ padding:0px 20px 0px 0px; }
	.quotes h1			{ font-family:Georgia, "Times New Roman", Times, serif; font-size:0.875em; color:#696969; margin-bottom:10px; line-height:12px; padding-top:10px; }
	.quotes h2			{ font-family:Georgia, "Times New Roman", Times, serif; font-size:0.750em; color:#696969; margin-bottom:10px; line-height:12px; font-style:italic; }
	.quotes p			{ font-size:12px; color:#696969; margin-bottom:0px; }

	.benefit-box		{ padding:20px 30px; border-radius:10px; margin:10px 0px 30px; }
	.header-shadow		{ background-color:rgba(0,0,0,0.75); padding: 30px; margin-top:0px; }
	
	#color-padtop		{ margin-top:0px; }
	.early-100			{ width:100% !important; display:block; margin:0px; }
	.early-50			{ width:47% !important; display:block; margin:0px; }
	.earlier-100		{ width:100% !important; display:block; margin:0px; }
	.early-show			{ display:none !important; }
	.late-show			{ display:block !important; }
	.p-space2 p			{ margin-bottom: 20px; }
	.pad-left 			{ margin-left:0px; }
	
	/* elements */
	.white-box			{ border:1px solid rgba(255,255,255,.8); padding:20px; position:relative; display:block; color:#fff !important; text-align:center; margin-bottom:20px; }
	.white-box h4		{ font-size:1.400em; margin-bottom:0px; }
	.white-box p		{ display:none; }
	.half				{ width:50%; float:left; }
	.half-space			{ width:100%; }
	.gray-box img		{ width:40%; float:right; margin-bottom:0px !important; }
	.double				{ width:48% !important; float:left; margin:0; margin-right:1%; }
	.doubled			{ width:48% !important; float:right; margin:0; margin-left:1%; }
	
	/* grids */
	.grid-testimony		{ width:50%; float:left; padding-right:20px; }
	.grid-clients		{ width:45%; float:left; padding-left:20px; }
	
	/* footer */
	.footer-wrap		{ margin:0 auto; }
	ul.footer-nav 		{ width:100%; text-align:center; margin:0 auto 10px; }
	.footer-logo		{ margin-top:20px; display: block; margin-left: auto; margin-right: auto; }
	
	/* clients */
	.top-page			{ margin-top:20px; }
	.top-page h1		{ padding-top:80px; float:left; margin-bottom:20px; }
	.clienters .quotes h1	{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.125em; color:#696969; margin-bottom:10px; line-height:12px; padding-top:10px; }
	.clienters .quotes p	{ font-size:1.000em; color:#696969; margin-bottom:0px; }
	.clients-top		{ width:100%; min-width:100%; height:320px; }
	.clients-slide		{ width:100%; float:right; padding-left:0px; border-left:none; }
	.clients-top .quotes h1, .clients-top .quotes h2, .clients-top .quotes p { color:#fff; padding-top:5px; }
	
	/* service */
	.top-page2			{ margin-top:245px; }
   	.top-page2 h1		{ padding-top:0px; float:left; margin-bottom:20px; }
	.top-page3			{ margin-top:5px; }
   	.top-page3 h1		{ padding-top:0px; float:left; margin-bottom:20px; }
   	.service-top		{ width:100%; min-width:100%; height:320px; background:url(../images/service-top.jpg) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
    .service-top2		{ width:100%; min-width:100%; height:460px; background:url(../images/videos-top.jpg) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
    .fm-gallery-top		{ width:100%; min-width:100%; height:100%; background: url(../images/FM-Gallery-Top-mobile.png); background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
	.vid-button			{ background:url(../images/services/vid-button.png) top left; width:140px; height:139px; position:absolute; left:490px; top:-180px; }
	
	
	/* service */
	.products-top		{ width:100%; min-width:100%; height:320px; background:url(../images/products-top.jpg) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
   						/* service */
	.award-top			{ width:100%; min-width:100%; height:320px; background:url(../images/award-top.jpg) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
						
	/* quotes 2 */
	.color-grid			{ width:100%; float:left; }
	.quotes2			{ position:relative; }
	.words				{ width:80%; }
	.quotes2 img		{ height:100%; max-width:80%; width:auto; position:absolute; top:-5px; left:0px;}
	
	.quotes3 .words		{ width:80%; }
	.quotes3 img		{ height:100%; max-width:80%; width:auto; position:absolute; top:-5px; right:0px;}
	.blue-bg h2			{ color:#fff; font-size: 1.7em; margin-bottom:0px !important; display:inline;  }
						
	/* videos */	
	.videos-top			{ width:100%; min-width:100%; height:180px; }
	.vid-block img		{ max-width:30% !important; float:left; margin-right:20px; }
	.description		{ width:65%; float:right; }
	.vid-block p 		{ min-height:100%; margin-bottom:10px; }
	.download-top		{ width:100%; min-width:100%; height:320px; background:url(../images/download-top.jpg) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
						
	/* company */
   	.company-top		{ width:100%; min-width:100%; height:320px; background:url(../images/company-top.jpg) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
						
						
	/* salesbeaver */
    .sb-top				{ width:100%; min-width:100%; height:110px; background:#de9024; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:50px; }
						
	/* consult */
   	.consult-top		{ width:100%; min-width:100%; height:320px; background:url(../images/consult-top.jpg) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
	
	/* vtc */
   	.vtc-top			{ width:100%; min-width:100%; height:320px; background:url(../images/vtc-top.jpg) center top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
						
	/* contact */
   	.contact-top		{ width:100%; min-width:100%; height:320px; background:url(../images/contact-top.jpg) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
	.contact-box		{ width:100% !important; float:left; padding:20px; border-bottom:1px dotted #ccc; border-right:0px; margin:0px !important; }
	
	/* archive */
	.archive-top		{ width:100%; min-width:100%; height:320px; background:url(../images/archive-top.jpg) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px }
	
    /* subpages */
	.full-slide			{ width:100%; float:right; padding-left:0px; border-left:none; }

	
	/* images */
    .image-part, .image-part2, .image-part3, .image-part4, .image-part5	{ width:100%; max-width:480px !important; position:relative;display: block; margin-left: auto; margin-right: auto; margin-bottom:-50px; bottom:0px; left:0px;  }
    
/* Added by Steven Croft */
    
    .FMG{
        margin-left: 0px;
    }
    .color-box-video{
        background-color: #2f73d8;
        padding: 10px;  
        margin-bottom:20px; 
        border:1px solid #ccc;
        width: 100%;
        height: 50px;
    }

    .color-box-video img{
        width: 40px;
        height: 40px;
        float: left;
        margin-top: -5px;
    }

    .button-text{
            text-align: center;
            font-size: 1em;
            line-height: 1.7;
        }

    .color-box-video:hover{
            opacity: 0.8;
        }

     .color-box-button{
            background-color: #2f73d8;
            padding:10px;  
            margin-bottom:20px; 
            border:1px solid #ccc;
            width: 100%;
            height: 50px;
        }

    .color-box-button:hover{
            background-color: #2466c8;
        }

    .color-box-button h1{
        text-align: center;
        font-size: 1em;
        line-height: 1.7;
    }

    .hidden{
        display: none;
    }
    
    .bio-image{padding:5px; border:1px solid #cccccc; background-color:#efefef; width: 250px; margin-left: 240px;}
    
    /*---------------*/
 
}
 

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

@media only screen and (max-width: 760px) {
	
	#logo 				{ float:left; display:block; margin-top:10px; margin-left:20px; }
	.footer-logo		{ margin-top:20px; }
	.grid-logo			{ display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:20px; }
	.header-box			{ padding:0px; }
	.quotes img			{ display:none; }
	h2 					{ font-size: 2em; line-height: 40px; margin-bottom: 0px; font-family: 'Lato', sans-serif; font-weight:200; }
	.short				{ font-size:80% !important; }
	.breaks				{ font-size: 2.3em; }
	#color-padtop		{ margin-top:0px; }
	#gray-place			{ background:#fff; }
	.color-box2			{ background:none; padding:0px; position:relative; margin-bottom:20px; border:none; }
	.early-show			{ display:none !important; }
	.late-show			{ display:block !important; }
	.full-button		{ width:100%; }
	.clients img		{ float:left !important; margin-right:5px !important; width:30% !important; }
	.img-control		{ max-width:360px !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.img-control2		{ max-width:100%; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.gray-box img		{ width:inherit; max-width:140px; float:right; margin-bottom:0px !important; }
	.double				{ width:100% !important; float:left; margin:0; margin-right:0%; margin-bottom:10px; }
	.doubled			{ width:100% !important; float:right; margin:0; margin-left:0%; margin-bottom:10px; }

	.responsive-fix		{ margin-top:20px; }

	.benefit-box		{ padding:20px 30px; border-radius:10px; margin:10px 0px 30px; }
	.main-header		{  background-size:cover; background-position: left;}
	.header-shadow		{ background-color:rgba(0,0,0,0.75); padding: 30px; margin-top:0px; }
	
	/* spacing */
	.late-pad-top		{ margin-top:20px !important; }
	.late-pad-bottom	{ margin-bottom:20px !important; }
	.par-right			{ padding:0px; }
	.par-left			{ padding:0px; }
	.dot-right			{ border:none; }
	.p-space2 p			{ margin-bottom: 20px; }
	.description		{ max-width:360px; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; margin-bottom:20px; }
	.pad-left 			{ margin-left:0px; }
	
	/* elements */
	.white-box			{ border:1px solid rgba(255,255,255,.8); padding:10px; position:relative; display:block; color:#fff !important; text-align:center; margin-bottom:10px; }
	.white-box h4		{ font-size:.900em; margin-bottom:0px; }
	.white-box p		{ display:none; }
	.half				{ width:100%; float:left; }
	.half-space			{ width:100%; }
	.circle-icons		{ max-width:200px;  }

	.blue-box			{ padding:20px; margin-bottom:30px; }
	.blue-box p 		{ font-size:14px; line-height:1.2em; }
	.blue-box h3		{ font-size:22px; line-height:1.2em; }

	.gray-box2			{ padding: 20px; }
	.gray-box2 p		{ font-size:14px; line-height:1.5em; }
	.gray-box2 h3		{ font-size:22px; line-height:1.5em; }
	.gray-box2 h4		{ font-size:16px; line-height:1em; }
	
	.button-container	{ margin-top:0px; }
	.pad-bottom 		{ margin-bottom:40px; }

	/* elements */
	.testimonial-box	{ background:#f3f3f3; padding:20px 20px 0px; border-bottom:1px solid #e1e1e1; position:relative; }
	.grid-testimony		{ width:100%; float:left; padding-right:0px; padding-bottom:40px; margin-bottom:10px; border-bottom:1px solid #ccc; border-right:none; }
	.grid-clients		{ width:100%; float:left; padding-left:0px; border-left:none; }
	.clients img		{ float:left; margin-right:0px; margin-bottom:10px; }
	.quotes h1, .clients h1 { padding-top:10px; }
	.tabble	li			{ width: 100%; border-width: 0 0 1px 0; border-color: #ccc; border-style: solid; font-size:14px; }
	.tabble .shorter	{ width: 100%; }
	
	/* clients */
	.top-page			{ margin-top:0px; }
	.top-page h1		{ padding-top:20px; float:left; margin-bottom:20px; }
	.clients-top		{ width:100%; min-width:100%; height:100px; }
	.clients-slide		{ display:none; }
	
	 /* service */
	.top-page2			{ margin-top:30px !important; }
   	.top-page2 h1		{ padding-top:0px !important; float:left; margin-bottom:20px; }
	.top-page3			{ margin-top:5px; }
   	.top-page3 h1		{ padding-top:0px; float:left; margin-bottom:20px; }
   	.service-top		{ width:100%; min-width:100%; height:100px !important; background:url(../images/service-top.jpg) left bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px; }
    .service-top2		{ width:100%; min-width:100%; height:100% !important; background:url(../images/videos-top.jpg) left bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px; }
    .fm-gallery-top		{ width:100%; min-width:100%; height:100% !important; background:url(../images/FM-Gallery-Top-mobile.png) left bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px; }
	.vid-button			{ display:none; }
	
	 /* product */
	.products-top		{ width:100%; min-width:100%; height:100px !important; background:url(../images/products-top.jpg) left bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px; }
	 /* award */
	.award-top			{ width:100%; min-width:100%; height:100px !important; background:url(../images/award-top.jpg) left bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px; }
	
	/* quotes 2 */
	.color-grid			{ width:100%; float:left; }
	.quotes2			{ position:relative; }
	.words				{ width:100%; }
	.quotes2 img		{ display:none;}
	
	.quotes3 .words		{ width:100%; }
	.quotes3 img		{ display:none }
	
	/* videos */
	.tab-block			{ background:#efefef; padding:10px 0px; margin-bottom:20px; border-bottom:1px solid #ccc; }	
	.videos-top			{ width:100%; min-width:100%; height:100px; }
	.vid-block			{ padding:0px 0px 0px 0px; }
	.vid-block p 		{ min-height:100%; margin-bottom:10px; }
	
	#videos-full		{ width:100%; min-width:100%; margin-bottom:20px; }
    #videos-full img	{ max-width:100% !important; float:left; margin-right:20px; }
    #videos-full p		{ min-height:100%; margin-bottom:10px; }
	
	/* download */			
    .download-top		{ width:100%; min-width:100%; height:220px; }
    .download-block img	{ width:100%; margin-bottom:10px; opacity:1; margin-bottom:20px;  
    -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;transition: all 0.4s ease; }
    .download-desc		{ width:100%; float:left; }
    .download-top		{ width:100%; min-width:100%; height:100px !important; background:url(../images/clients-top.jpg) right bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px; }
   
    /* company */
   	.company-top		{ width:100%; min-width:100%; height:100px !important; background:url(../images/company-top.jpg) left bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px;; }
	
    /* contact */
	.contact-top		{ width:100%; min-width:100%; height:100px !important; background:url(../images/contact-top.jpg) left bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px; }
	.contact-box		{ width:100% !important; float:left; padding:20px; border-bottom:1px dotted #ccc; border-right:0px; margin:0px !important; }
    .contact-box img	{ width:100%; margin-bottom:20px !important; max-width:360px; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.contact-box p, .contact-box h6	{ width:100%; max-width:360px; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	
	/* archive */
	.archive-top		{ width:100%; min-width:100%; height:100px !important; background:url(../images/archive-top.jpg) left bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px;}
	.archive-block		{ float:left; margin-bottom:40px; border:none; }
	
	/* consult */
   	.consult-top		{ width:100%; min-width:100%; height:100px !important; background:url(../images/consult-top.jpg) left bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px; }
	
	/* vtc */
   	.vtc-top			{ width:100%; min-width:100%; height:100px !important; background:url(../images/vtc-top.jpg) center bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px; }
	
	/* salesbeaver */
    .sb-top				{ width:100%; min-width:100%; height:110px; background:#de9024; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:50px; }
	
	/* database solutions */
	.database-top		{ width:100%; min-width:100%; height:70px; background:url(../images/videos-top.jpg) right top #000; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:20px; }
    .database-page		{ margin-top:20px; }
    .database-page h1, .database-page h4 { font-size:18px; float:left; color:#fff; }
	
	/* images */
    .image-part, .image-part2, .image-part3, .image-part4, .image-part5	{ min-width:100%; width:100%; position:relative; display: block; float:left; margin-bottom:-50px; bottom:0px; left:0px; }
	

	/* footer */
	.footer-logo		{ margin-top:20px; display: block; margin-left: auto; margin-right: auto; }
	.blue-bg h2			{ color:#fff; font-size: 1.1em; margin-bottom:10px !important; display:block; text-align:center;  }
    
/* Added by Steven Croft */
    
    .pad-top-70			{ margin-top:-10px !important; }
    .service-top2		{ width:100%; min-width:100%; height:450px; background:url(../images/videos-top.jpg) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
    .fm-gallery-top		{ width:100%; min-width:100%; height:450px; background-color: black; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
    .color-box-video{
        background-color: #2f73d8;
        padding: 10px;  
        margin-bottom:20px; 
        border:1px solid #ccc;
        width: 100%;;
        height: 50px;
    }

    .color-box-video img{
        width: 40px;
        height: 40px;
        float: left;
        margin-top: -5px;
    }

    .button-text{
            text-align: center;
            font-size: 1em;
            line-height: 1.7;
        }

    .color-box-video:hover{
            opacity: 0.8;
        }

     .color-box-button{
            background-color: #2f73d8;
            padding:10px;  
            margin-bottom:20px; 
            border:1px solid #ccc;
            width: 100%;
            height: 50px;
        }

    .color-box-button:hover{
            background-color: #2466c8;
        }

    .color-box-button h1{
        text-align: center;
        font-size: 1em;
        line-height: 1.7;
    }

    .hidden{
        display: none;
    }
    
    .bio-image{padding:5px; border:1px solid #cccccc; background-color:#efefef; width: 200px; margin-left: 20%;}

    button.button.blue.large.main-button2.button-fix{
        width: 300px;
        margin-left:0px;
    }
    
    .FMG{
        margin-left: 0px;
    }
    
    /*---------------*/
	

}

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