	.pagination-blk 	{ margin-top:20px}

	ul.cd-pagination 	{ padding:0; margin:0;}
	.cd-pagination-pos 	{ width:100%; }
	.cd-pagination 		{ text-align:right; float:left; }

	.cd-pagination 				{ font-size:13px;}
	.cd-pagination li 			{ display:inline-block;}
	.cd-pagination li.button 	{ display:inline-block;} /* make sure prev next buttons are visible */
	.cd-pagination a, .cd-pagination span { display:inline-block;
											  -webkit-user-select: none;
											     -moz-user-select: none;
											      -ms-user-select: none;
											          user-select: none;
											  /* use padding and font-size to change buttons size */
													      padding:6px 12px; }
	.cd-pagination a 		{ border:1px solid #e6e6e6!important; border-radius:0.25em; text-decoration:none; color:#333; background-color:#fff }
	.cd-pagination a:hover  { text-decoration:none; color:#e84124}
	.cd-pagination a:focus  { border-radius:0.25em;}
	.no-touch .cd-pagination a:hover { background-color:#f2f2f2; }
	.cd-pagination a:active {  /* click effect */
							  -webkit-transform: scale(0.9);
							     -moz-transform: scale(0.9);
							      -ms-transform: scale(0.9);
							       -o-transform: scale(0.9);
							          transform: scale(0.9);}
	.cd-pagination a.disabled 	{ /* button disabled */
								  color: rgba(46, 64, 87, 0.4); pointer-events: none;}
	.cd-pagination a.disabled::before, .cd-pagination a.disabled::after { opacity:.4;}
	.cd-pagination .button:first-of-type a::before 	{ content: '\00ab'; padding-right:5px}
	.cd-pagination .button:last-of-type a::after 	{ content: '\00bb'; padding-left:5px}
	.cd-pagination .current { color:#fff; pointer-events:none; background-color: #e84124; border: 1px solid #004071; }


    .popup-pagination 	{ background-color:#fff; border-bottom:5px solid #ececec}

    .pagination-blk 	{ width:100%;}
    .expand-blk .pagination-blk { border-bottom:5px solid #ececec}
    .gopage 			{ float:left;  padding:0 0 0 10px; font-size:13px; }
    .gopage input 		{ width:50px; padding:3px 5px; font-size:13px; margin:0 5px; border:1px solid #ececec!important;
	                      border-radius: 0.25em; height:32px}
    .gopage .btns, .gopage .btns:link, .gopage .btns:visited {margin-bottom:0px; top:0px;}
    .expand-blk .pagination-blk { padding-bottom:10px}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.pagination-blk .float-r { float:left}
	}

	@media only screen and (max-width: 767px) {
/*	.cd-pagination li { display:none; margin:0 .2em; }/* hide numbers on small devices */
	.cd-pagination a, .cd-pagination span 	{  padding:4px 8px; }
	.cd-pagination,  .gopage  				{ font-size:12px}
	ul.cd-pagination,  .gopage 				{ width:100%; text-align:left;}
	.gopage 								{ text-align:left; float:left; margin-top:10px; padding:0}
	.pagination-blk .float-r	 			{ float:left}
	.gopage input {height:30px}
 
	}


	/* -------------------------------- 

	No space - remove distance between list items

	-------------------------------- */
	.cd-pagination.no-space 		{ width:auto; max-width:none; display:inline-block; border-radius:0.25em; border:1px solid #e6e6e6;}
	.cd-pagination.no-space:after 	{ content: ""; display:table; clear:both;}
	.cd-pagination.no-space li 		{ margin:0; float:left; border-right:1px solid #e6e6e6;}
	.cd-pagination.no-space li:last-of-type { border-right:none;}
	.cd-pagination.no-space a, .cd-pagination.no-space span 	{ float:left; border-radius:0; padding:.4em 1em; border:none;}
	.cd-pagination.no-space li:first-of-type a  { border-radius: 0.25em 0 0 0.25em;}
	.cd-pagination.no-space li:last-of-type a 	{ border-radius: 0 0.25em 0.25em 0;}


	/* -------------------------------- 

	move buttons - move prev and next buttons to the sides

	-------------------------------- */
	.cd-pagination.move-buttons:after { content: ""; display:table; clear:both;}
	.cd-pagination.move-buttons .button:first-of-type { float:left;}
	.cd-pagination.move-buttons .button:last-of-type  { float:right;}

	.cd-pagination.no-space.move-buttons 	{ width:90%; max-width:768px; display:block; overflow:hidden;}
	.cd-pagination.no-space.move-buttons li { float:none; border:none;}
	.cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span { float:none;}


	/* -------------------------------- 

	custom icons - customize the small arrow inside the next and prev buttons 

	-------------------------------- */
	.cd-pagination.custom-icons .button a 	{ position:relative;}
	.cd-pagination.custom-icons .button:first-of-type a 		{ padding-left:2.4em}
	.cd-pagination.custom-icons .button:last-of-type a  		{ padding-right:2.4em}
	.cd-pagination.custom-icons .button:first-of-type a::before,
	.cd-pagination.custom-icons .button:last-of-type a::after 	{ content: ''; position:absolute; display:inline-block;
	  															  /* set size for custom icons */
	  															  width:16px; height:16px; top:50%;
																  /* set margin-top = icon height/2 */
																  margin-top: -8px;
																  background: transparent url("images/arrow-left-2.svg") no-repeat center center;}
	.cd-pagination.custom-icons .button:first-of-type a::before { left:.8em;}
	.cd-pagination.custom-icons .button:last-of-type a::after 	{ right:.8em;
																  -webkit-transform: rotate(180deg);
																     -moz-transform: rotate(180deg);
																      -ms-transform: rotate(180deg);
																       -o-transform: rotate(180deg);
																          transform: rotate(180deg);}


	/* -------------------------------- 

	custom buttons - replace prev and next buttons text with a custom icon 

	-------------------------------- */
	.cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span 	{ vertical-align:middle;}
	.cd-pagination.custom-buttons .button a 	{ /* set custom width */
												  width: 40px;
												  /* image replacement */
												  overflow:hidden; white-space:nowrap; text-indent:100%; color:transparent;
												   background-image: url("images/arrow-left-3.svg");
												  background-repeat: no-repeat;
											    background-position: center center;}
	.cd-pagination.custom-buttons .button:last-of-type a {
	  -webkit-transform: rotate(180deg);
	     -moz-transform: rotate(180deg);
	      -ms-transform: rotate(180deg);
	       -o-transform: rotate(180deg);
	          transform: rotate(180deg); }
	.no-touch .cd-pagination.custom-buttons .button:last-of-type a:active {
	  -webkit-transform: scale(0.9) rotate(180deg);
	     -moz-transform: scale(0.9) rotate(180deg);
	      -ms-transform: scale(0.9) rotate(180deg);
	       -o-transform: scale(0.9) rotate(180deg);
	          transform: scale(0.9) rotate(180deg); }

	.cd-pagination.no-space.custom-buttons .button:last-of-type a { border-radius:0.25em 0 0 0.25em;}


	/* -------------------------------- 

	animated buttons - animate the text inside prev and next buttons 

	-------------------------------- */
	.cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span 	{ padding:0 1.2em; height:40px; line-height:38px; overflow:hidden;}
	.cd-pagination.animated-buttons .button a 	{ position:relative; padding:0 2em;}
	.cd-pagination.animated-buttons .button:first-of-type a::before,
	.cd-pagination.animated-buttons .button:last-of-type a::after 	{
	  				left: 50%;
	   -webkit-transform: translateX(-50%);
	      -moz-transform: translateX(-50%);
	       -ms-transform: translateX(-50%);
	        -o-transform: translateX(-50%);
	           transform: translateX(-50%);
	               right: auto;
	  -webkit-transition: -webkit-transform 0.3s;
	     -moz-transition: -moz-transform 0.3s;
	          transition: transform 0.3s; }
	.cd-pagination.animated-buttons .button:last-of-type a::after {
	   -webkit-transform: translateX(-50%) rotate(180deg);
	      -moz-transform: translateX(-50%) rotate(180deg);
	       -ms-transform: translateX(-50%) rotate(180deg);
	        -o-transform: translateX(-50%) rotate(180deg);
	           transform: translateX(-50%) rotate(180deg); }
	.cd-pagination.animated-buttons i { display:block; height:100%;
	   -webkit-transform: translateY(100%);
	      -moz-transform: translateY(100%);
	       -ms-transform: translateY(100%);
	        -o-transform: translateY(100%);
	           transform: translateY(100%);
	  -webkit-transition: -webkit-transform 0.3s;
	     -moz-transition: -moz-transform 0.3s;
	          transition: transform 0.3s; }

	.no-touch .cd-pagination.animated-buttons .button a:hover i {
	  -webkit-transform: translateY(0);
	     -moz-transform: translateY(0);
	      -ms-transform: translateY(0);
	       -o-transform: translateY(0);
	          transform: translateY(0); }

	.no-touch .cd-pagination.animated-buttons .button:first-of-type a:hover::before {
	  -webkit-transform: translateX(-50%) translateY(-50px);
	     -moz-transform: translateX(-50%) translateY(-50px);
	      -ms-transform: translateX(-50%) translateY(-50px);
	       -o-transform: translateX(-50%) translateY(-50px);
	          transform: translateX(-50%) translateY(-50px); }

	.no-touch .cd-pagination.animated-buttons .button:last-of-type a:hover::after {
	  -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);
	     -moz-transform: translateX(-50%) rotate(180deg) translateY(50px);
	      -ms-transform: translateX(-50%) rotate(180deg) translateY(50px);
	       -o-transform: translateX(-50%) rotate(180deg) translateY(50px);
	          transform: translateX(-50%) rotate(180deg) translateY(50px);}