@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: 2.875em; line-height: 50px; color:#fff; margin-bottom: 14px; font-family:Georgia, "Times New Roman", Times, serif; text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 10px;}
	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: 1.000em; line-height: 26px; font-family: 'Lato', sans-serif; margin:0 0 24px; }
	pre                 { }
	em 					{ font-style: italic; }
	strong 				{ font-weight: bold; }
	.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 !important; 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; }
	
	/*	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: 30px; }
	
	/*	List theme */
	ul.list-clean li	{ list-style: disc;  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; }

/*  ---------------------------------------------------------------------------------------
    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-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; }
	
	.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-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; }
	.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; 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;}

	.button:hover								{ background-color: #111; color: #fff; }
	.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: 0.875em; padding: 15px 25px; }
	
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover							{ background-color: #749a02; }
	.blue.button, .blue.button:visited			{ background-color: #2B71DC; }
	.blue.button:hover							{ background-color: #2459a9; }
	.red.button, .red.button:visited			{ background-color: #e33100; }
	.red.button:hover							{ background-color: #872300; }
	.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; }
	.header				{ width:100%; height:134px; background:url(../images/header.png) bottom repeat-x; position:fixed; top:0px; left:0px; }
	.header-box			{ max-width:1200px; margin:0 auto; display:block; position:relative; padding: 0px 10px; }
	.excerpts			{ overflow:hidden; }
	
	/* 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; }
	.blue-bg			{ background:#5f5f5f; padding:30px 0px; position:relative; display:block; overflow:hidden; }
	.blue-bg h2			{ color:#fff; font-size: 2.2em; margin-bottom:0px !important; display:inline;  }
	.gray-bg			{ background:#efefef; padding:30px 0px; position:relative; margin-bottom:50px; border-bottom:1px solid #ccc; overflow:hidden; }
	.white-bg			{ background:#fff; padding:20px 0px; position:relative; overflow:hidden; }
	.grey-bg2			{ background:#fff; padding:20px 0px 50px; position:relative; 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; }
	#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; }

	/* HEADER */
	.flex				{ display:flex; }
	.header-bg			{ background:url(../images/fmspanish-banner.jpg) center; background-size:cover; overflow:hidden; background-repeat:no-repeat; position:relative; display:block; padding:120px 20px 60px; height:auto }
	.header-div			{ width:50%; float:left; height:auto; }
	.header-div h1		{ font-size: 2.875em; line-height: 50px; color:#fff; margin-bottom: 14px; font-family:Georgia, "Times New Roman", Times, serif; }
	.header-div p 		{ color:white; font-size:20px; line-height:34px; }
	.header-div .button { background:#222; padding:18px 50px; font-size:20px; font-weight:600px; margin-top:10px; border-radius:50px; letter-spacing:2px; }
	.header-icons		{ width:350px; height:100%; margin:0px 0px 0px 100px; }
	
	/* 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 p		{ text-align:center; margin-bottom:0px; }
	.half				{ width:50%; float:left; }
	.half-space			{ width:39%; margin-left:20px; }
	.early-show			{ display:block; }
	.late-show			{ display:none; }
	
	/* 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 img 		{ position:relative; right:0px; margin-left:10px; }
	
	.quotes3 .words		{ width:65%; float:left; }
	
	/* 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:110px; }
    .top-page h1		{ padding-top:100px; float:left; }
   
    .top-page2			{ margin-top:210px; }
    .top-page2 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-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;  }
   
    /* videos */			
    .videos-top			{ width:100%; min-width:100%; height:280px; 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			{ width:100%; height:71px; background:#f7f7f7; padding:0px 0px; margin-bottom:20px; border-left:0px solid #ccc; border-right:0px solid #ccc; border-top:0px; border-bottom:1px solid #ccc; }
    .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.jpg) 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; }
    .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:500px; 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; }
   	.companyboss-img	{ max-width:80%; border:1px solid #ddd; padding:5px; }
						
	/* 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:500px; 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; 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; }
    .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;  }
	
	/* fancy */
	#fl3					{ min-width:600px; max-width:620px; }
	#fl3 img				{ max-width:200px; }
	#fl3 p					{ text-align:left; font-size:14px; line-height:16px; }
	.lightbox h3 			{ color:#000; font-size:16px; line-height:24px; margin-bottom:10px; }
	.lightbox h2 			{ color:#000; text-align:center; }
	.lightbox p 			{ color:#848484; text-align:center; margin-bottom:10px; }
	
/*  ---------------------------------------------------------------------------------------
    GRID 1200px
    --------------------------------------------------------------------------------------- */ 
	
	/* VLA */
	html, body, .container, .main { height: 100%;}
	.vla-slider			{ width:100%; background:#2b71d9; height:500px; position:relative; display:block; padding:140px 40px 40px; }



/*  ---------------------------------------------------------------------------------------
    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; }
	
	/* elements */
	.white-box h4		{ font-size:1.500em; }
	.half				{ width:50%; float:left; }
	
	/* service */
	.vid-button			{ background:url(../images/services/vid-button.png) top left; width:140px; height:139px; position:absolute; left:190px; top:40px; }
	
	/* clients */
	.top-page			{ margin-top:115px; }
    .top-page h1		{ padding-top:95px; 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; }

	.header-bg			{ background:url(../images/fmspanish-banner.jpg) center; padding:125px 20px 50px; }
    .header-div			{ width:100%; float:right; }
    .header-div h1		{ font-size: 2.5em; line-height: 50px; }
    .header-icons		{ width:350px; height:100%; margin:0px 0px 0px 50px; }
 
}
	

/*  ---------------------------------------------------------------------------------------
    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; }
	
	#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; }
	.late-show			{ display:block; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.p-space2 p			{ margin-bottom: 20px; }

	.blue-bg h2			{ color:#fff; font-size: 1.7em; margin-bottom:0px !important; display:inline;  }
	
	/* elements */
	.white-box			{ border:1px solid rgba(255,255,255,.8); padding:20px; position:relative; display:block; color:#fff !important; text-align:center; }
	.white-box h4		{ font-size:1.500em; }
	.half				{ width:50%; float:left; }
	.half-space			{ width:100%; }
	
	/* 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; }
   	.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; }
	.vid-button			{ background:url(../images/services/vid-button.png) top left; width:140px; height:139px; position:absolute; left:490px; top:-180px; }
						
	/* 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;}
						
	/* videos */	
	.videos-top			{ width:100%; min-width:100%; height:320px; }
	.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-top2.png) right top; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; 
   						display:block; margin-bottom:60px; }
						
	/* 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	{ width:100%; max-width:480px !important; position:relative;display: block; margin-left: auto; margin-right: auto; margin-bottom:-50px; bottom:0px; left:0px;  }

    .header-bg			{ background:url(../images/fmspanish-banner-vert.jpg); padding:100px 20px 50px 20px; height:auto; background-size:cover; background-repeat:no-repeat; }
    .header-div			{ width:100%; text-align:center; }
    .header-div h1		{ font-size: 2em; line-height: 50px; }
	.header-div p 		{ color:white; font-size:20px; line-height:34px; }
    .header-icons		{ width:40%; height:auto; margin-bottom:10px; }
 
}
 

/*  ---------------------------------------------------------------------------------------
    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; }
	.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; }
	.late-show			{ display:block; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	.img-control		{ max-width:360px !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
	
	.blue-bg h2			{ color:#fff; font-size: 1.1em; margin-bottom:10px !important; display:block; text-align:center;  }

	/* 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; }
	
	.tab-block			{ width:100%; height:auto; background:#fff; padding:0px 0px; margin:10px 0px; border-left:0px solid #fff; border-right:0px solid #ccc; border-top:0px; border-bottom:1px solid #fff; }
	
	/* elements */
	.white-box			{ border:1px solid rgba(255,255,255,.8); padding:10px; position:relative; display:block; color:#fff !important; text-align:center; }
	.white-box h4		{ font-size:1.100em; margin-bottom:0px; }
	.half				{ width:100%; float:left; }
	.half-space			{ width:100%; }
	.circle-icons		{ max-width:200px;  }
	
	/* 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; }
	
	/* clients */
	.top-page			{ margin-top:0px; }
	.top-page h1		{ padding-top:30px; 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; }
   	.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; }
	.vid-button			{ display:none; }
	
	/* 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 */
	.videos-top			{ width:100%; min-width:100%; height:270px; }
	.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-mobile.png) left bottom; background-size: cover; overflow: hidden; background-repeat:no-repeat; position:relative; display:block; margin-bottom:60px;; }
	.companyboss-img	{ max-width:50%; border:1px solid #ddd; padding:5px; margin-bottom:20px; }


    /* 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; }
	
	/* 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	{ 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; }
	
	#fl3 img				{ max-width:100%; margin-bottom:20px; }
	#fl2, #fl3				{ min-width:100%; }

	.header-bg			{ background:url(../images/fmspanish-banner-vert.jpg); padding:40px 20px 50px 20px; height:auto; background-size:cover; background-repeat:no-repeat; }
    .header-div			{ width:100%; text-align:center; }
    .header-div h1		{ font-size: 2em; line-height: 50px; }
	.header-div p 		{ color:white; font-size:18px; line-height:32px; }
    .header-icons		{ width:60%; height:auto; margin-bottom:10px; }
	

}

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

