div.modern-page-navigation { 
	padding: 0.5em 0;
	text-align: center;
}

.js-catalog-content .js-nav-string{
	clear: left;
	padding-top: 40px;
}

.js-catalog-content .js-nav-string .index_load.old-navigation{
	margin-bottom: 40px;
}

.hidden-navigation-a div.modern-page-navigation {
	display: none;
}
div.modern-page-navigation a, 
span.modern-page-current, 
span.modern-page-dots
{
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 0.75em;
	padding-right: 0.5em;
	text-decoration: none;
}
div.modern-page-navigation a.modern-page-previous { 
	border-right-width: 1px; 
	border-right-style: solid; 
	border-left: none; }
div.modern-page-navigation a.modern-page-first, 
div.modern-page-navigation span.modern-page-first { 
	border-left: none; 
	padding: 0.5em; }
span.modern-page-current { 
	font-weight: bold; }
div.modern-page-navigation a, 
span.modern-page-current, 
div.modern-page-navigation a.modern-page-previous, 
span.modern-page-dots { 
	border-color: #cdcdcd; }

.modern-page-navigation.new-navigation button{
	display: none;
}

.js-nav-string .clearleft{
	clear: left;
}

.modern-page-title, 
.modern-page-next, 
.modern-page-all, 
.modern-page-previous{
	display: none;
}

div.modern-page-navigation a{
	border: none;
	color: #898282;
	font: 400 18px/21px 'Roboto';
  margin: 0;
}

span.modern-page-current{
  background: #343434;
  border-radius: 50%;
  color: #fff;
  font: 400 18px/21px 'Roboto';
  padding: 2px 8px !important;
}

@media screen and (max-width: 767px) {

	div.modern-page-navigation a.modern-page-first,
	div.modern-page-navigation span.modern-page-first {
		border-left: none;
		padding: initial; }

	.modern-page-title, .modern-page-next, .modern-page-all, .modern-page-previous, .modern-page-dots {
		display: none;
	}

	div.modern-page-navigation a, span.modern-page-current, span.modern-page-dots {
		padding: 0 7px;
	}

	.modern-page-navigation {
		margin: 1rem 15px 20px;
		padding: 25px 0 5px;
		display: block;
		text-align: center;
	}

	div.modern-page-navigation a, span.modern-page-current, div.modern-page-navigation a.modern-page-previous, span.modern-page-dots {
		font: 400 18px/21px 'Roboto';
		color: #898282;
		margin: 0;
	}

	div.modern-page-navigation a, span.modern-page-current, span.modern-page-dots {
		border: none;
	}

	span.modern-page-current {
		border-radius: 50%;
		color: #fff;
		background: #343434;
		padding: 2px 8px !important;
	}

	.modern-page-dots {
		border-radius: 50%;
		background: url("/images/newimg/nav-arrow.svg") no-repeat center;
		width: 10px;
		height: 20px;
		padding: 1px 5px !important;
		border: 1px solid #898282 !important;
		color: rgb(0 0 0 / 0%) !important;
	}

	:root .modern-more {
		margin: 0.5rem auto;
	}

	:root .old-navigation {
		display: none;
	}

	.new-navigation {
		display: block;
	}
}

.modern-more {
	display: block;
	background-color: transparent;
	border: none;
	font: 300 14px/16px 'Roboto';
	color: #898282;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.js-catalog-content .js-nav-string{
		padding-top: 0;
	}
	
	.modern-page-navigation.new-navigation button{
		width: 100%;
		display: block;
    line-height: 43px;
    text-align: center;
    border: 1px solid #000;
    color: #000;
    font-family: 'helv_m', sans-serif;
    -webkit-transition: background 0.2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
    margin-bottom: 27px;
	}
	.modern-page-navigation.new-navigation button:disabled{
		border: none;
	}
}


