.btns,
	.btns:link,
	.btns:visited 		{   border-style:solid; border-width:1px; display:inline-block;
	    	    		     margin-bottom:0.5em; padding:1em 1.5em; 
	    					text-decoration:none; text-transform:uppercase; text-decoration:none!important;
						    -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s;
						    		transition: color 0.4s, background-color 0.4s, border 0.4s; }

	.btns:hover,
	.btns:focus 		{   color:#7FDBFF; border: 1px solid #7FDBFF; text-decoration:none!important;
							 -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
							         transition: background-color 0.3s, color 0.3s, border 0.3s;  }

	.btns:active 		{	-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
	   							    transition: background-color 0.3s, color 0.3s, border 0.3s; }

	.btns.btns--xs 	{ font-size:11px; padding:6px 10px!important; top:-2px;}
	.btns.btns--s 	{ font-size:12px; }
	.btns.btns--m 	{ font-size:14px; }
	.btns.btns--l 	{ font-size: 1.25rem; padding: 0.625rem 1.25rem; line-height:normal; text-transform:none;font-weight:bold;}



	.btns--full, .btns--full:link 	{ border-radius:0.25em; display:block; margin-left:auto; margin-right:auto; text-align:center; width:100%;}

	
	/* BACK & WHITE 
	---------------------------------------------------------------------------------------- */
	.btns--black, .btns--black:link, .btns--black:visited 	{ color:#fff; background-color:#111; }
	.btns--black:hover, .btns--black:focus 					{ color:#fff; background-color:#444; border-color:#444;}
	.btns--black:active 									{ color:#fff; background-color:#999; border-color:#999;}

	.btns--white, .btns--white:link, .btns--white:visited 	{ color:#111; background-color:#fff; }
	.btns--white:hover, .btns--white:focus 					{ color:#111; background-color:rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); }
	.btns--white:active 									{ color:#111; background-color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.9); }


	/* Gray
	---------------------------------------------------------------------------------------- */
	.btns--gray:link, .btns--gray:visited 					{ background-color:#ececec; border-color:#f0f0f0; color:#333; }
	.btns--gray:hover, .btns--gray:focus 					{ background-color:#ddd; border-color:#ddd; color:#444;}
	.btns--gray:active 										{ background-color:#ccc; border-color:#ccc; color:#444;}
	
	.btns--gray-border:link, .btns--gray-border:visited 	{ background-color:#fff; border-color:#555; border-width:2px; color:#555; }
	.btns--gray-border:hover, .btns--gray-border:focus 		{ background-color:#fff; border-color:#ddd; color:#777; }
	.btns--gray-border:active 								{ background-color:#ccc; border-color:#ccc; color:#444; }

	.btns--gray-dark:link, .btns--gray-dark:visited 		{ background-color:#555; color:#eee; }
	.btns--gray-dark:hover, .btns--gray-dark:focus 			{ background-color: var(--dark-gray-color);
	    														  border-color: var(--dark-gray-color);
	    																 color: #eee; }
	.btns--gray-dark:active 								{ background-color:#777; border-color:#777; color:#eee; }


	/* Blue
	---------------------------------------------------------------------------------------- */
	.btns--blue:link, .btns--blue:visited 					{ color:#fff; background-color:#0074D9; }
	.btns--blue:hover, .btns--blue:focus					{ color:#fff!important; background-color:#0063aa; border-color:#0063aa; }
	.btns--blue:active 										{ color:#fff; background-color:#001F3F; border-color:#001F3F; }


	/* Red
	---------------------------------------------------------------------------------------- */
	.btns--red:link, .btns--red:visited 					{ color:#fff; background-color:#e84124; }
	.btns--red:hover, .btns--red:focus 						{ color:#fff!important; background-color:#b62b13; border-color:#aa2109; }
	.btns--red:active 										{ color:#fff; background-color:#8f1e0a; border-color:#751808; }


	/* adj
	---------------------------------------------------------------------------------------- */
	.pagination-blk .btns.btns--xs	{ font-size:12px; padding:17px 14px 0 14px!important; line-height:0; height:36px;}



	/* ==========================================================================
	    Media Style:
	============================================================================= */
	@media only screen and (max-width: 767px) {
	    .pagination-blk .btns.btns--xs	{ padding:14px 14px 0 14px!important; height:30px;}
	}