@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; }
	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-color: #ececec; font-family: 'Open Sans', sans-serif; font-weight: 300; 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: 20px; line-height: 24px; margin-bottom: 10px; margin-top:10px; color:#0c3560; font-weight:bold;}
	h2 					{ font-size: 22px; line-height: 24px; margin-bottom: 10px; color:#fff; text-shadow: 0px 1px 5px rgba(0,0,0,.6); }
	h3 					{ font-size: 14px; line-height: 20px; margin-bottom: 8px; color:#578abb; font-weight:400; }
	h4 					{ font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 					{ font-size: 17px; line-height: 34px; }
	h6 					{ font-size: 14px; line-height: 21px; }
	p                   { font-size: 14px; line-height:20px; margin:0 0 24px; color:#636363; text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px; font-weight:400; }
	pre                 { }
	em 					{ font-style: italic; }
	strong 				{ font-weight: bold; color:#fff;}
	small 				{ font-size: 12px !important; }
	.bold				{ font-weight:bold; }
	.gold				{ font-weight:bold; background: -webkit-linear-gradient(#fff6af, #ffd942); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow:none; }
	.blu				{ color:#0c3560 !important; font-size:16px !important; }
	.redd				{ color:#a8311d !important; }
	.blk 				{ color:#000 !important; text-shadow:none; }
	.wht 				{ color:#fff !important; text-shadow:none; }
	.blk p 				{ color:#000 !important; text-shadow:none; }
	.wht p				{ color:#fff !important; text-shadow:none; }
	
	/*	Links  */
	a, a:visited 		{ outline: 0; text-decoration: none; color: #08C; transition: all 0.3s ease-out; position: relative; }
	a:hover, a:focus 	{ color: #0AF; }
	p a, p a:visited 	{ line-height: inherit; }
	.inline				{ display:inline-block; }
	
	/*	Selection  */
	:focus              { outline:0; }
	ins                 { text-decoration:none; }
   	del                 { text-decoration:line-through; }
   	table               { border-collapse:collapse; border-spacing:0; }
   	::selection         { background:blue; color:#fff; }
   	::-moz-selection    { background:blue; color:#fff; }
	
	/*	List  */
	ul, ol 				{ margin-bottom: 20px; }
	ul 					{ list-style: none outside; }
	ol 					{ list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square 			{ list-style: square outside; }
	ul.circle			{ list-style: circle outside; }
	ul.disc				{ list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul 		{ margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li 	{ margin-bottom: 6px; }
	li 					{ line-height: 18px; margin-bottom: 12px; }
	ul.large li 		{ line-height: 21px; }
	li p 				{ }

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

/*	Advanced CSS  */
	hr 					{ border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	table tr:nth-child(even) { background: rgba(0,0,0,0.1);}
	.clearfix:before, 
	.clearfix:after 	{ content: " ";display: table;}
 	.clearfix:after 	{ clear: both;}
	.clearfix 			{ *zoom: 1;}
	.ir 				{ text-indent: 100%; white-space: nowrap;overflow: hidden;}
	*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	
/*  ---------------------------------------------------------------------------------------
    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;}
	.medium-rounded 	{ -webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;
						border-bottom-left-radius: 8px;}
	.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				{ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3); }

/*	Advanced Inline CSS  */	
	.inline-link-1 		{ display: inline-block; margin: 0 0.2em; padding: 3px;background: #97CAF2; border-radius: 2px; transition: all 0.3s ease-out; text-decoration: none; font-weight: bold; color: white;}
	.inline-link-1:hover   { background: #53A7EA; }
	.inline-link-1:active  { background: #C4E1F8; }
	.inline-link-1:visited { background: #F2BF97; }
	.inline-link-3 		   { display: inline-block;position: relative; padding-left: 6px; text-decoration: none; color: #6AB3EC; text-shadow: 0 1px 1px rgba(255,255,255,0.9);}
	.inline-link-3:hover   { color: #3C9CE7;}
	.inline-link-3:before  { content: "\25BA"; font-size: 80%;  display: inline-block; padding-right: 3px; pointer-events: none;}
	.inline-link-3:hover:before { color: #F2BF97; }

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

/*  ---------------------------------------------------------------------------------------
    BUTTONS
    --------------------------------------------------------------------------------------- */ 
	.button, .button:visited {background: #222; display: inline-block; padding: 10px 10px 11px; color: #fff; text-decoration: none;-moz-border-radius: 20px; -webkit-border-radius: 20px;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer; transition: all 0.3s ease-out; }

	.button:hover								{ background-color: #111; color: #fff; transition: all 0.3s ease-out; }
	.button:active								{ top: 1px; }
	.small.button, .small.button:visited 		{ font-size: 11px; padding: ; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 12px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited 		{ font-size: 14px; padding: 10px 25px 9px; }
	
	.gray.button, .gray.button:visited			{ font-weight:400; color:#000; text-shadow:0px 1px 0px rgba(255,255,255,.4); 
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top,  #ededed 0%, #cecece 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#cecece 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#cecece 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#cecece 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ededed 0%,#cecece 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */ }
	
	.gray.button:hover							{ 
	background: #cecece; /* Old browsers */
	background: -moz-linear-gradient(top,  #cecece 0%, #bfbfbf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cecece 0%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cecece 0%,#bfbfbf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cecece 0%,#bfbfbf 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cecece 0%,#bfbfbf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */ }
	.blue.button, .blue.button:visited			{ background-color: #066e73; }
	.blue.button:hover							{ background-color: #19888d; }
	.red.button, .red.button:visited			{ background-color: #951d1e; }
	.red.button:hover							{ background-color: #511515; color:#fff; }
	.magenta.button, .magenta.button:visited	{ background-color: #741212; color:#fff; }
	.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: -webkit-linear-gradient(#fff6af, #ffd942); color:#826b0b; text-shadow:0px 1px 0px rgba(255,255,255,.6); }
	.yellow.button:hover						{ background: -webkit-linear-gradient(#ffd942, #fff6af); }
	
	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);  }

/* ---------------------------------------------------------------------------------------
   SPECIFIC CLASSES
   --------------------------------------------------------------------------------------- */  
   /* Spacing */
	.top-30				{ margin-top:30px !important; }
	.bottom-30			{ margin-bottom:30px !important; }
	.top-20				{ margin-top:20px !important; }
	.bottom-20			{ margin-bottom:10px !important; }
	.x-top				{ margin-top:0px !important; }
	.x-top-pad			{ padding-top:0px !important; }
	.x-bottom			{ margin-bottom:0px !important; }
	.x-bottom-pad		{ padding-bottom:0px !important; }
	
	
	.padding-full		{ padding:20px; }
	.padding-long		{ padding:20px 0px; }
	.padding-wide		{ padding:0px 20px; }
	

/*  ---------------------------------------------------------------------------------------
    SITE ELEMENTS
    --------------------------------------------------------------------------------------- */  
	#page-wrap          { width:960px; margin:0 auto; position:relative; }
	.wrap	            { width:960px; margin:0 auto; position:relative; }
	.wrap2	            { width:400px; margin:0 auto; position:relative; float:left; border-right:1px solid rgba(255,255,255,.2); margin-top:90px; padding-right:10px; }
	.wrap3	            { width:550px; margin:0 auto; position:relative; float:right; }
	.box				{ width:960px; margin:0px auto 30px; padding:20px 0px 0px; position:relative; background:#fff; border:solid #ccc; border-width:0px 1px 1px; }
	.topblur			{ width:100%; min-width:100%; background-image:url(images/topblur.png); height:210px; background-size: cover; overflow: hidden; background-position:bottom center; background-repeat:no-repeat; position:relative; z-index:500; }
	.topblur h2			{ font-size:18px; line-height:32px; text-align:left; }
	
	#topbar				{ width:100%; height:65px; background:url(images/topbar.png) repeat-x; position:absolute; z-index:1000; top:0px; right:0px; }
	ul.nav				{ float:right; margin-top:25px; }
	ul.nav li			{ font-size:18px; font-weight:bold; color:#a9cced; text-shadow: 0px 1px 0px rgba(0,0,0,.6); display:inline-block; margin-right:20px; transition: all 0.3s ease-out; }
	ul.nav li:hover		{ color:#fff; transition: all 0.3s ease-out; }
	.active				{ color:#fff !important; }
	
	.wall-2010			{ background:url(images/wall-2010.png) no-repeat; }
	.wall-2011			{ background:url(images/wall-2011.jpg) no-repeat #fff; border-color:#fff !important; }
	.wall-2012			{ background:url(images/wall-2012.jpg) no-repeat #fff; border-color:#fff !important; }
	.wall-2013			{ background:url(images/wall-2013.jpg) no-repeat #000; border-color:#fff !important; }
	.wall-2014			{ background:url(images/wall-2014.jpg) no-repeat #000; border-color:#fff !important; }
	.wall-2015			{ background:url(images/wall-2015.jpg) no-repeat #000; border-color:#fff !important; }
	.wall-2016			{ background:url(images/wall-2016.jpg) no-repeat #000; border-color:#fff !important; }
	.wall-2017			{ background:url(images/wall-2017.jpg) no-repeat #000; border-color:#fff !important; }
	.wall-2018			{ background:url(images/wall-2018.jpg) no-repeat #000; border-color:#fff !important; }
	.wall-2019			{ background:url(images/wall-2019.jpg) no-repeat #000; border-color:#fff !important; }
	.wall-cheat			{ min-width:597px !important; max-width:65% !important; }
	
	ul.list	 			{ list-style:none; display:block; margin-bottom:0px; }
	ul.list li			{ padding:20px 20px; position:relative; border-bottom:1px solid #e1e1e1; display:block; margin-bottom:0px; }
	ul.list li img		{ float:left; max-width:140px; border-radius: 50%; }
	.description		{ min-width:753px; max-width:82%; float:right; }
	.description p		{ margin-bottom:0px; }
	.description2		{ min-width:918px; max-width:100%; float:right; }
	.description2 p		{ margin-bottom:0px; }
	.description3		{ width:810px;float:right; }
	.description3 p		{ margin-bottom:0px; }
	.description h1, .description2 h1, .description3 h1 { display:inline-block; }
	.description h3, .description2 h3, .description3 h3 { display:inline; margin-left:5px; }
	.category			{ display:none; }
	.popularity			{ display:none; }
	.name				{ }
	.featured			{ background:#ebf2f5; padding:10px 20px !important; }
		
	.sort-by li			{ margin:0px 0px; margin-right:10px; }
	.filter li			{ margin:0px 0px; margin-right:10px; }
	
	.btn 				{ color:#7aa7d3; font-size:14px; font-weight:bold; text-transform:uppercase; padding:10px 10px 9px; border-radius:10px; border:solid 1px #ccc; 
	display:block; float:left; background-color:#fff; cursor: pointer; cursor: hand; }
	.btn:hover 			{ background-color:#164d88; color:#fff; border-color:#164d88; }
	
	.footer				{ border-top:1px solid #ccc; background:#e0e0e0; }
	.footer	p			{ color:#5b5b5b; text-shadow:none; font-size:14px; margin-bottom:10px; }
    
/* ---------------------------------------------------------------------------------------
   LOGO
   --------------------------------------------------------------------------------------- */  
	#logo               { width:256px; height:29px; display:block; float:left; margin-top:20px; }
	#logo a             { width:256px; height:29px; background:url(images/logo.png) left top no-repeat; text-indent:-9999px; display:block; }