.page-section {
	width: 100%;
	height: auto;
	padding: 50px 0 50px 0;
}

.navigation {
	display: block; 
	position: relative; 
	height: 360px; 
	overflow: hidden; 
	width: 220px; 
	margin: 0 0 0 50px;
}

.navigation #nav {
	position: relative; 
	margin-left: 20px;
}

.navigation .brands-picture {
	width: 100%;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center, center;
}

.navigation .brands-picture.picture-1 {
	display: block;
}

.navigation .brands-picture.picture-2 {
	display: none;
}

.navigation__link {
	cursor: pointer;
	outline: none;
	display: block;
	padding: 0 5px 0 5px;
	text-decoration: none;
}

.navigation__link.active  .brands-picture.picture-1{
	display: none;
}

.navigation__link.active  .brands-picture.picture-2{
	display: block;
}

.navigation .sidebar-pin {
	position: absolute; 
	left: 5px;
	top: 25px;
	background-color: #193b67;
	border-radius: 50%;
	height: 10px;
	width: 10px;
}

.brandscontainer .line-separator {
	width: 98%;
	max-width: 960px;
	height: 1px;
	font-size: 0;
	border-top: 1px solid #CECECE;
}

.brandscontainer .sliders-container .taxfree{
	width: 90px; height: 90px; position: absolute; top: -48px; right: -30px; cursor: pointer; transition: transform 0.2s ease-out;
}

.brandscontainer .sliders-container .taxfree:hover{
	transform: scale(1.1);
}

.stores-selector {}
.stores-selector .store-item {
	position: relative;
	display: inline-block;
	margin: 20px 30px 20px 30px; 
	width: 200px; 
	vertical-align: top;
}

.stores-selector .store-link {
	text-align: center;
	text-decoration: none;
}

.stores-selector .store-item .store-picture { 
	width: 200px; 
	height: 200px; 
	border-radius: 50%; 
	background-size: cover;
	background-position: center center;
	transform: scale(1, 1);
	transition: transform 0.2s ease-out;
}

.stores-selector .store-item .store-picture .taxfree {
	width: 44px; height: 44px; position: absolute; top: 0; right: 10px;
}

.stores-selector .store-item:hover .store-picture { 
	transform: scale(1.1, 1.1);
}

.stores-selector .store-item  .store-logo {
	margin: 10px 0 0 0; 
	width: 100%;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	
}
.stores-selector .store-item  .store-address {
	display: inline;
	text-align: center;
}

.stores-selector .store-item:hover .store-address{ 
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.brandscontainer .block1 .contact-ico{
	margin-right: 4px;
}

.brandscontainer .news-wrapper {
	border: 0px solid red;
	padding: 10px 0 10px 0;
	padding: 10px 0 0 0;
}

.brandscontainer .news-wrapper .news-content {
	padding: 10px 0 10px 0;
	text-decoration: none;
	display: table; 
	width: 100%; 
	height: 50px;
	position: relative;
}

.brandscontainer .news-wrapper .news-content:hover .news-caption {
	border-bottom: 1px solid rgba(47,66,100, 0.3);
}

.brandscontainer .news-wrapper .news-picture {
	position: absolute; 
	width: 50px; 
	z-index: 10; 
	height: 50px; 
	border-radius: 50%;
	background-size: cover;
	background-position: center center; 
	transition: transform .3s ease;
	top: 50%; 
	margin-top: -25px; 
}

/*.brandscontainer .news-wrapper .news-content:hover .news-picture {
	transform: scale(1.1);
}*/

.brandscontainer .news-wrapper .news-picture:hover {
	transform: scale(1.1);
}

.brandscontainer .news-wrapper .news-caption {
	display: inline;
}

.brandscontainer .news-wrapper .news-caption > p {
	display: inline;
}

.brandscontainer .block2 {
	margin: 0 0 28px 0;
}	

/*animate*/

.brandscontainer .page-section .woodtitle{
	transition: all 200ms ease, opacity .5s ease-in-out;
	transition-delay: 0.1s;
	transform: translate(0, 1000px);
	opacity: 0;
}

.brandscontainer .page-section.onScreen .woodtitle {
	opacity: 1;
	transform: translate(0, 0);
}

.brandscontainer .page-section .sliders-container {
	transition: all 360ms ease, opacity .5s ease-in-out;
	transition-delay: 0.2s;
	transform: translate(0, 1000px);
	opacity: 0.01;		
}

.brandscontainer .page-section.onScreen .sliders-container {
	opacity: 1;
	transform: translate(0, 0);
}

.brandscontainer .page-section .descr {
	transition: all 360ms ease, opacity .5s ease-in-out;
	transition-delay: 0.3s;
	transform: translate(0, 1000px);
	opacity: 0.01;		
}

.brandscontainer .page-section.onScreen .descr {
	opacity: 1;
	transform: translate(0, 0);
}

.brandscontainer .line-separator {
	opacity: .7s ease-in-out;
	opacity: 0.01;
}	

.brandscontainer .line-separator.onScreen {
	opacity: 1;
}	

.brandscontainer .page-section .taxfree {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.brandscontainer .page-section.onScreen .taxfree {
	animation-name: bounceInUp;
}

@media (max-width: 1450px) {
	.brandscontainer .sliders-container .taxfree {
		width: 60px; 
		height: 60px;
		position: absolute; 
		top: -32px; 
		right: -15px;
		cursor: pointer; 
		transition: transform 0.2s ease-out;
	}
}

@media (max-width: 1024px) {	
	.page-section {
		width: 100%;
		height: auto;
		padding: 25px 0 25px 0;
	}

	.stores-selector {text-align: center;}

	.navigation {
		top: 0;
		display: block;
		position: relative;		
		width: 180px;
		height: 240px;
		margin: 0 0 0 30px;
	}	

	.navigation .brands-picture {
		height: 40px;
	}
	
	.logo {
		position: absolute;
		top: 10px;
		left: 50%;
		width: 116px;
		height: 80px;
		margin-left: -58px;
		background-size: cover;
	}
}

@media (max-width: 470px) {	
	.stores-selector {}
	.stores-selector .store-item {
		margin: 10px; 
		width: 170px; 
	}

	.stores-selector .store-item .store-link {}
	.stores-selector .store-item .store-picture { 
		width: 170px; 
		height: 170px; 
	}
	.stores-selector .store-item  .store-logo {
		margin: 10px 0 0 0; 
		height: 50px;
		
	}	
	
	.brandscontainer .sliders-container .taxfree{
		width: 45px; height: 45px; position: absolute; top: -24px; right: -15px; cursor: pointer; transition: transform 0.2s ease-out;
	}
	
}

@media (max-width: 400px) {	
	.stores-selector {}
	.stores-selector .store-item {
		margin: 10px 10px 30px 10px; 
		width: 150px; 
	}

	.stores-selector .store-item .store-link {}
	.stores-selector .store-item .store-picture { 
		width: 150px; 
		height: 150px; 
	}
	.stores-selector .store-item  .store-logo {
		margin: 10px 0 0 0; 
		width: 100%;
		height: 50px;
		
	}	
}

@media (max-width: 360px) {	
	.stores-selector {}
	.stores-selector .store-item {
		margin: 10px 10px 30px 10px; 
		width: 140px; 
	}

	.stores-selector .store-item .store-link {}
	.stores-selector .store-item .store-picture { 
		width: 140px; 
		height: 140px; 
	}
	.stores-selector .store-item  .store-logo {
		margin: 10px 0 0 0; 
		width: 100%;
		height: 50px;
	}
		
}

@media (max-width: 320px) {	
	.stores-selector {}
	.stores-selector .store-item {
		margin: 10px 5px 30px 5px; 
		width: 130px; 
	}

	.stores-selector .store-item .store-link {}
	.stores-selector .store-item .store-picture { 
		width: 130px; 
		height: 130px; 
	}
	.stores-selector .store-item  .store-logo {
		margin: 10px 0 0 0; 
		width: 100%;
		height: 50px;
		
	}
		
}

.brandscontainer .contact-ico {
	display: inline-block;
}

.brandscontainer .contact-title {
	display: inline;
}	

.brandscontainer .blockContact .contact-title a:hover{
	border-bottom: 1px solid rgba(47,66,100, 0.3);
}	

.brandscontainer .contact-title a {
	text-decoration: none;
}	

.brandscontainer .contact-ico a {
	vertical-align: middle;
}	

.brandscontainer .contact-ico img {
	vertical-align: top;
	margin-top: 1px;
	width: auto;
	height: 16px;
}	

.brandscontainer .blockContact {
	display: block;
	margin: 0 0 14px 0;
}

.brandscontainer .blockContact.pc-hidden {
	display: none;
}

.brandscontainer .blockContact block1{
	display: block;
}

.brandscontainer .blockContact block2{
	display: block;
}

.brandscontainer .c-short-text {

}

.brandscontainer .c-text-open-button {
	cursor: pointer;
	color: #a5a5a5;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
}

.brandscontainer .c-text-close-button {
	display: none;
	cursor: pointer;
	color: #a5a5a5;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
}

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

	.brandscontainer .contact-ico img {
		margin: auto;
		vertical-align: middle;
		height: 24px;
	}	
	
	.brandscontainer .blockContact {
		display: inline-block;
	}

	.brandscontainer .block1 .blockContact {
		margin: 0;
	}	

	.brandscontainer .blockContact.pc-hidden {
		display: inline-block;
	}	
	
	.brandscontainer .block2 {
		margin: 14px 0 14px 0;
	}			
	
	.brandscontainer .block2 .blockContact {
		margin: 0 10px 0 0;
	}	
	
	.brandscontainer .contact-title.mob-hidden {
		display: none;
	}			
}