/**
 * Media queries breakpoints: 
 * sm -> @media (max-width: 767px)
 * md -> @media (min-width: 768px) and (max-width: 1199px)
 * lg -> @media (min-width: 1200px)
 *
 * Fonts:
 * Arial, Helvetica, sans-serif
 * "GothamPro-Regular"
 * "GothamPro-Medium"
 * "GothamPro-Black"
 * "GothamPro-Bold"
 * "Calibri-Bold"
 */
 
 
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	outline: none;
	background: transparent;
}
html, body {
	height: 100%;	
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	background: #fff;
	font: normal 14px/1.4em Arial, Helvetica, sans-serif;
	color: #525252;
}
main, section, article {
	display: block;
}
input, select, button, textarea {
	margin: 0; 	
	border: 0;		
	font-size: 100%; 	
	resize: none;
	outline: none;
	font: normal 14px/1.4em Arial, Helvetica, sans-serif;
	color: #525252;
}
a {
	color: inherit;
	text-decoration: none;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
::before,
::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ************************************************************************** */

.hidden {
	display: none;
}

.visible {
	display: block;
}

/* ************************************************************************** */

body.mobile-menu-open {
	overflow-y: hidden;
}

body > .wrapper {
	position: relative;
	min-height: 100%;
	z-index: 1;
}

body > .wrapper > .overlay {
	display: block;
	position: fixed;
	z-index: 4;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;	
	background-color: rgba(0, 0, 0, 0.75);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: opacity 0.3s ease 0s, transform 0s ease 0.3s;
	-moz-transition: opacity 0.3s ease 0s, transform 0s ease 0.3s;
	-ms-transition: opacity 0.3s ease 0s, transform 0s ease 0.3s;
	-o-transition: opacity 0.3s ease 0s, transform 0s ease 0.3s;
	transition: opacity 0.3s ease 0s, transform 0s ease 0.3s;
		
}

@media (max-width: 767px) {
	body.mobile-menu-open > .wrapper > .overlay {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);		
		-webkit-transition: opacity 0.3s ease 0s;
		-moz-transition: opacity 0.3s ease 0s;
		-ms-transition: opacity 0.3s ease 0s;
		-o-transition: opacity 0.3s ease 0s;
		transition: opacity 0.3s ease 0s;
	}
}

/* ************************************************************************** */

.mobile-menu {
	display: block;
	position: absolute;
	overflow: hidden;
	z-index: 5;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	padding-bottom: 2px;
	background: #fff;  
	text-align: left;
	-webkit-transition: all 0.2s ease 0s;
	   -moz-transition: all 0.2s ease 0s;
	    -ms-transition: all 0.2s ease 0s;
	     -o-transition: all 0.2s ease 0s;
	        transition: all 0.2s ease 0s;
}

body.mobile-menu-open .mobile-menu {
	width: 300px;
	-webkit-transition: all 0.2s ease 0.1s;	
	   -moz-transition: all 0.2s ease 0.1s;	
	    -ms-transition: all 0.2s ease 0.1s;	
	     -o-transition: all 0.2s ease 0.1s;	
	        transition: all 0.2s ease 0.1s;	
}

.mobile-menu > .inner {
	position: absolute;
	top: 50px;
	bottom: 0;
	left: 0;
	right: 0;	
}

.mobile-menu .services {
	display: block;
	margin-bottom: 5px;
}
.mobile-menu .services li {
	display: block;
	margin-bottom: 10px;
}
.mobile-menu .services li a {
	display: block;
	padding: 0 20px;
	font: normal 16px/35px Arial, Helvetica, sans-serif;
	color: #525252;
	-webkit-transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	-ms-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;	
}
.mobile-menu .services li a img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	margin-right: 8px;
	opacity: 1;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.mobile-menu .services li a span {
	vertical-align: middle;
}
.mobile-menu .services li a:active {
	color: #db0029;
}
.mobile-menu .services li a:active img {
	opacity: 1;
}

.mobile-menu .links {
	padding-left: 20px;
}
.mobile-menu .mCS_no_scrollbar_y .links {
	padding-right: 16px;	
}
.mobile-menu .links li {
	border-top: 1px solid #eaeaea;
}
.mobile-menu .links li a {
	display: block;
	padding: 15px 0 15px 2px;
	font: normal 16px/1em Arial, Helvetica, sans-serif;
	color: #525252;
}
.mobile-menu .links li a:active {
	color: #e41c39;
}

@media (min-width: 768px) {
	body.mobile-menu-open .mobile-menu {
		width: 0;	
	}
}



/******************************************************************************/

header {
}

header .info-line {
	background:#404040;
}

header .info-line > .inner {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}

header .info-line > .inner::after {
	display: table;
	content: '';
	clear: both;
}

header .header-links {
	float: right;
	position: relative;
	right: -12px;
}
header .header-links li {
	display: block;
	float: left;
	margin-left: 20px;	
}
header .header-links li a {
	display: block;
	padding: 0 12px;
	font: normal 12px/27px Arial, Helvetica, sans-serif;
	color: #f2f2f2;
	background: transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
header .header-links li.action a {
	color: #e31837;
}
/*
header .header-links li a:hover {
	color: #fff;
	background: #db0029;
}
header .header-links li a:active {
	color: #fff;
	background: #aa0023;
}*/

header .logo-line > .inner {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
	height: 75px;
}

header .logo-line > .inner::after {
	display: table;
	content: '';
	clear: both;
}

header .logo-line .main-logo {
	float: left;
	/*margin-top: 10px;
	margin-right: 5px;	*/
}
header .logo-line .main-logo a {
	display: block;
	width: 150px;
	height: 38px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
header .logo-line .main-logo a img {
	display: block;
	/*width: 150px;
	height: 38px;*/
}
header .logo-line .main-logo a:hover {
	opacity: 0.8;
}

header .logo-line .services {
	float: right;
	position: relative;
	right: -10px;
	padding-top: 25px;
}
header .logo-line .services li {
	display: block;
	float: left;
	margin-left: 5x;
}
header .logo-line .services li:first-child {
	margin: 0;
}
header .logo-line .services li a {
	display: block;
	padding: 0 10px;
	font: normal 13px/1em Arial, Helvetica, sans-serif;
	color: #e0e0e0;
	-webkit-transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	-ms-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
	transition: color 0.3s ease 0s;	
}
header .logo-line .services li a img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	margin-right: 8px;
	opacity: 1;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
header .logo-line .services li a span {
	vertical-align: middle;
}
header .logo-line .services li a:hover,
header .logo-line .services li a:active {
	color: #db0029;
}
header .logo-line .services li a:hover img,
header .logo-line .services li a:active img {
	opacity: 1;
}

header .logo-line .phone {
	position: relative;
	float: left;
	margin-top: 20px;
}
header .logo-line .phone .phone-header {
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 0 14px 0 18px;
	border: 1px solid transparent;
	border-bottom: none;
	cursor: pointer;
}
header .logo-line .phone .phone-header span {
	display: block;
	position: relative;
	padding-right: 22px;
	font: normal 16px/37px Arial, Helvetica, sans-serif;
	color: #525252;		
}
header .logo-line .phone .phone-header span::after {
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;	
	top: 12px;
	right: 2px;
	border-left: 1px solid #525252;
	border-top: 1px solid #525252;
	-webkit-transform: rotate(-135deg);	
	-moz-transform: rotate(-135deg);		
	-ms-transform: rotate(-135deg);	
	transform: rotate(-135deg);	
}
header .logo-line .phone:hover .phone-header {
	border-color: #ededed;
}
header .logo-line .phone:hover .phone-header span::after {
	top: 15px;
	-webkit-transform: rotate(-315deg);	
	-moz-transform: rotate(-315deg);		
	-ms-transform: rotate(-315deg);	
	transform: rotate(-315deg);		
}

header .logo-line .phone .phone-popup {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 0;
	margin-top: -1px;
	background: #fff;
	width: 240px;
	padding: 20px;
	border: 1px solid #ededed;
	-webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
}
header .logo-line .phone .phone-popup ul {
	display: block;
	margin-bottom: 10px;
}
header .logo-line .phone .phone-popup li {
	display: block;
	overflow: hidden;
	font: normal 13px/1.4em Arial, Helvetica, sans-serif;
	color: #525252;
	margin-bottom: 5px;
}
header .logo-line .phone .phone-popup li strong {
	display: block;
	float: left;
	font-weight: bold;
}
header .logo-line .phone .phone-popup li span {
	display: block;
	float: right;
}
header .logo-line .phone .phone-popup .note {
	font: normal 11px/1.4em Arial, Helvetica, sans-serif;
	color: #929292;
}
header .logo-line .phone:hover .phone-popup {
	display: block;
}

header .picture-line {	
	position: relative;
}

/*
header .picture-line .picture {	
	background-repeat: repeat-x;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-position: 0 0;
	background-image: url(../img/b-bgr-001.png);
}
header .picture-line .picture .pic-wrap {
	position: relative;
	height: 280px;
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
header .picture-line .picture .pic {
	height: 100%;
	padding-right: 280px;
	text-align: center;
}
header .picture-line .picture .pic img {
	display: inline-block;
	max-width: 880px;
	max-height: 240px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
*/



header .picture-line .picture {
	display: block;
	height: 320px;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



header .picture-line .counter {	
}
header .picture-line .counter-wrapper {	
	max-width: 1200px;
	margin: 0 auto;
}
header .picture-line .counter-inner {
	height: 0;
	float: right;
	width: 320px;
	position: relative;	
}

header .picture-line .counter-block {
	display: block;
	padding: 10px 0 0 0;
	background: #e41c39;
	position: absolute;
	width: 180px;
	height: 185px;
	left: 70px;
	top: -250px;
	text-align: center;	
}

header .picture-line .counter-block > .title {
	font: normal 19px/1em "Calibri-Bold";
	color: #fff;
	margin-bottom: 8px;	
}

header .picture-line .counter-block .dashboard {
	width: 160px;
	height: 70px;
	margin: 0 auto;
	padding: 3px 0 0 8px;
	background: url(../img/bgr-counter.png) center 0 no-repeat;
	-webkit-background-size: 160px 55px;
	-moz-background-size: 160px 55px;
	-o-background-size: 160px 55px;
	background-size: 160px 55px;
}
header .picture-line .counter-block .dashboard .dash {
	float: left;
	width: 41px;
	height: 45px;
	margin-right: 11px;	
	padding-left: 2px;
	position: relative;
}
header .picture-line .counter-block .dashboard .dash:last-child {
	margin: 0;
}
header .picture-line .counter-block .dashboard .dash .title {
	display: block;
	clear: both;
	width: 41px;
	margin-left: -2px;
	text-align: center;
	font: normal 12px/1.4em Arial, Helvetica, sans-serif;
	color: #fff;
}
header .picture-line .counter-block .dashboard .digit {
	float: left;
	width: 18px;
	height: 44px;
	text-align: center;
	position: relative;
	font: bold 30px/46px "Calibri-Bold";
	color: #e41c39;
	margin-bottom: 3px;
}

header .picture-line .counter-block .button {
	display: block;
	cursor: pointer;
	clear: both;
	text-align: center;
	background: #ce1933;
	font: normal 14px/1.4em Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 7px 20px;
	text-decoration: none;
	width: 165px;
	margin: 0 auto;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
header .picture-line .counter-block .button:hover {
	background: #e26c80;	
}
header .picture-line .counter-block .button:active {
	background: #aa0023;	
}



@media (min-width: 768px) and (max-width: 1199px) {
	header .logo-line > .inner {
		/*height: 130px;*/
	}
	header .logo-line .services li{
		margin: 0;
		margin-bottom: 5px;
	}
	header .logo-line .main-logo a img{
		height: 50px;

	}
	header .logo-line .main-logo {
		margin-top:0px;
		margin-right: 0;
	}
	header .logo-line .main-logo a {
		width: 90px;
		height: 22px;
	}
	header .logo-line .phone {
		display: none;
	}
	header .logo-line .services {
		padding-top: 16px;
		width: calc(100% - 180px);
	}
	/*header .picture-line .picture .pic-wrap {
		height: 210px;
	}
	header .picture-line .picture .pic {
		padding-right: 225px;
	}
	header .picture-line .picture .pic img {
		max-width: 490px;
	}*/
	
	header .picture-line .picture {
		width: 100%;
		height: 0;
		padding-bottom: 26.7%;
	}
	
	
	header .picture-line .counter {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 26.7%;
		height: auto;
	}
	header .picture-line .counter-wrapper {
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	header .picture-line .counter-inner {
		margin: 0;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		float: none;
		width: auto;
		height: auto;	
	}	
	header .picture-line .counter-block {
		left: 50%;
		top: 50%;
		margin: -94px 0 0 -90px;
	}
}


@media (max-width: 767px) {
	header .logo-line > .inner {
		height: 60px;
	}
	header .logo-line .main-logo a img{
		height: 50px;

	}
	header .logo-line .main-logo {
		margin-top: 3px;
		margin-right: 0;
	}
	header .logo-line .main-logo a {
		/*width: 90px;
		height: 22px;*/
	}
	header .info-line,
	header .logo-line .phone,
	header .logo-line .services {
		display: none;
	}
	
	
	/*
	
	header .picture-line .picture .pic-wrap {
		height: 110px;
	}
	header .picture-line .picture .pic {
		padding: 0;
	}
	header .picture-line .picture .pic img {
		max-height: 90px;
		max-width: 280px;
	}
	
	
	*/
	
	header .picture-line .picture {
		height: 0;
		padding-bottom: 58.672%;
	}
	
	
	header .picture-line .counter-wrapper {
		padding: 0;
		background: #e41c39;
	}
	header .picture-line .counter-inner {
		height: auto;
		float: none;
		width: auto;
	}
	header .picture-line .counter-block {
		position: static;
		width: 300px;
		height: 150px;
		top: 0;
		right: auto;
		margin: 0 auto;
		padding: 17px 0 0 0;
	}
	header .picture-line .counter-block > .title {
		float: left;
		width: 140px;
		text-align: center;
		font-size: 18px;
		padding-top: 10px;
		margin: 0;
	}
	header .picture-line .counter-block .dashboard {
		float: right;
		height: 85px;
	}
	header .picture-line .counter-block .button {
		width: 100%;
	}
}

/******************************************************************************/

footer {
	padding-bottom: 20px;
}

footer > .inner {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
.footer-links {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);	
}
.footer-links .links-col {
	display: table-cell;
	border: 1px solid #dbdbdb;
	padding: 15px 0 15px 25px;	
}
.footer-links .h2 {
    display: block;
    margin-bottom: 8px;
    color: #555555;
    font-size: 16px;
    font-weight: bold;
}
.footer-links ul {
    margin-left: 15px;
    padding: 0;
}
.footer-links li {
	display: block;
	margin-bottom: 5px;
}
.footer-links a {
    font: normal 12px/1.4em Arial, Helvetica, sans-serif;
    color: #568da7;   
    text-decoration: none;
}
.footer-links a:hover {
	text-decoration: underline;
}

.footer-links .agents {
	margin-bottom: 20px;
}
.footer-links .agents-logos {
	overflow: hidden;
}
.footer-links .agents-logos img {
	display: block;
	float: left;
	height: 35px;
	margin: 0 20px 0 0; 
}

.footer-links .payment {
	margin-bottom: 20px;
}
.footer-links .payment-logos {
	overflow: hidden;
}
.footer-links .payment-logos img {
	display: block;
	float: left;
	height: 26px;
	margin: 0 20px 0 0; 
}
.footer-links .copyright {
	font-size: 13px;
}

.footer-phone {
	display: none;
	border-top: 1px solid #e7e7e7;	
	border-bottom: 1px solid #e7e7e7;	
}
.footer-phone a {
	display: block;
	text-align: center;
	font: bold 18px/50px Arial, Helvetica, sans-serif;
	color: #525252;
	background: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.footer-phone a span {
	vertical-align: middle;
	margin-left: 5px;	
}
.footer-phone a:hover {
	background: #e41c39;
	color: #fff;
}
.footer-phone a:active {
	background: #aa0023;
	color: #fff;
}

.footer-social {
	display: none;
	background: #525252;
	padding: 20px 10px;
	text-align: center;
}
.footer-social .title {
	font: normal 14px/1.4em Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom: 12px;
}
.footer-social .buttons {
	margin-bottom: 20px;
}
.footer-social .buttons a {
	display: inline-block;
	width: 38px;
	height: 38px;
	margin: 0 5px;
	vertical-align: middle;
}
.footer-social .copyright {
	font: normal 13px/1.4em Arial, Helvetica, sans-serif;
	color: #fff;
}

@media (max-width: 1199px) {
	footer {
		padding: 0;
	}
	footer > .inner {
		padding: 0;
	}
	.footer-links {
		display: none;
	}
	.footer-phone,
	.footer-social {
		display: block;
	}
}


/******************************************************************************/

main {	
	padding-bottom: 50px;
}
main > .outer {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
main > .outer > .inner {
	position: relative;
}

main > .outer > .inner::after {
	display: table;
	clear: both;
	content: '';
}

@media (max-width: 767px) {
	main > .outer {
		padding: 0;
	}
}


/******************************************************************************/


main .sidebar {
	position: relative;
	float: left;
	top: 0;
/*	left: 0;
	bottom: 20px;*/	
	width: 220px;
	padding-right: 20px;
}
main .sidebar .mCSB_inside > .mCSB_container {
	margin-right: 6px;
	padding-right: 10px;
}
main .sidebar .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y {
	margin-right: 0;
	padding-right: 0;
}

main .sidebar-inner {
/*	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;*/
	width: 200px;	
}

main .sidebar-inner.fixed {
	position: fixed;
}

main .sidebar h3 {
	display: table-cell;
	width: 200px;
	height: 90px;	
	text-align: left;
	padding-top: 3px;	
	vertical-align: middle;
}
main .sidebar h3 .title {
	display: inline-block;
	font: normal 22px/1em "GothamPro-Black";
	color: #525252;
	text-transform: uppercase;
}
main .sidebar h3 .back {
	display: inline-block;
	position: relative;
	height: 35px;
	font: normal 16px/35px "GothamPro-Black";
	color: #525252;
	text-transform: uppercase;
	padding-left: 40px;
}
main .sidebar h3 .back::before {
	display: block;
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 27px;
	height: 24px;
	background: url(../img/ico-back-27x24.png) 0 0 no-repeat;
	-webkit-background-size: auto 50px;
	-moz-background-size: auto 50px;
	-o-background-size: auto 50px;
	background-size: auto 50px;
}
main .sidebar h3 .back:active {
	color: #db0029; 
}
main .sidebar h3 .back:active::before {
	background-position: 0 -25px;
}


main .sidebar .block-scroll {
	position: relative;
	left: -20px;
	margin-right: -20px;	
}


main .sidebar .menu-articles {
	padding-left: 20px;	
	margin-bottom: 35px;
}
main .sidebar .menu-articles > ul {
	display: block;	
}
main .sidebar .menu-articles > ul ul {
	display: none;
	padding-left: 20px;
}
main .sidebar .menu-articles li {
	display: block;	
}
main .sidebar .menu-articles > ul > li {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: -1px;		
}
main .sidebar .menu-articles li a {
	display: block;
	position: relative;
	left: -20px;
	background: #fff;
	font: normal 16px/1.2em Arial, Helvetica, sans-serif;
	color: #568da7;
	text-decoration: none;
	padding: 13px 10px 12px 20px;
	margin-right: -20px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
main .sidebar .menu-articles li li a {
	padding: 8px 10px 8px 20px;
}
main .sidebar .menu-articles li a sup {
	position: relative;
	top: -5px;
	margin-left: 5px;
	font: normal 10px/1em Arial, Helvetica, sans-serif;	
}
main .sidebar .menu-articles li a:hover {
	background: #db0029;
	color: #fff;
}
main .sidebar .menu-articles li a:active {
	background: #aa0023;
	color: #fff;
}
main .sidebar .menu-articles li.active > a {
	font-weight: bold;
	color: #db0029;
	background: #fff;
}
main .sidebar .menu-articles > ul li.active ul {
	display: block;
}
main .sidebar .menu-articles > ul li ul.visible {
	display: block;
}


main .sidebar .menu-price {
	padding-left: 20px;
	margin-bottom: 35px;
}
main .sidebar .menu-price .title {
	font: normal 18px/1em "GothamPro-Black";
	color: #525252;
	text-transform: uppercase;
	margin-bottom: 15px;
}
main .sidebar .menu-price .fields-wrap {
	height: 33px;
	margin-bottom: 30px;
}
main .sidebar .menu-price .fields-wrap .field {
	display: block;
	float: left;
}
main .sidebar .menu-price .fields-wrap > span {
	display: block;
	float: left;
	font: normal 13px/33px Arial, Helvetica, sans-serif;
	color: #555555;	
	text-align: center;
	padding: 0 4px;
}
main .sidebar .menu-price .fields-wrap .button {
	display: block;
	float: right;
	width: 36px;
	height: 33px;
	background: #e41c39;
	font: bold 12px/1em Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
main .sidebar .menu-price .fields-wrap .button:hover {
	background: #e26c80;
}
main .sidebar .menu-price .fields-wrap .button:active {
	background: #aa0023;
}
main .sidebar .menu-price .field input {
	display: block;
	padding: 0 2px;
	text-align: center;
	width: 53px;
	height: 33px;
	font: normal 14px/1em Arial, Helvetica, sans-serif;
	color: #525252;
	border: 1px solid #ededed;
}
main .sidebar .menu-price .slider {
	height: 2px;
	background: #eaeaea;
	padding: 0 14px;
	margin-right: 3px;
}
main .sidebar .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y .menu-price .slider {
	margin-right: 6px;
}
main .sidebar .menu-price .ui-slider-horizontal {
	height: 2px;
	border: 0;
	background: #e5e5e5;
}
main .sidebar .menu-price .ui-widget-header {
	background: #e41c39;	
}
main .sidebar .menu-price .ui-slider-handle {
	cursor: pointer;
	width: 30px;
	height: 30px;
	top: -14px;
	margin-left: -14px;
	border: 0;
	background: #eaeaea;
	background: -moz-linear-gradient(top,  #eaeaea 1%, #e8e8e8 100%);
	background: -webkit-linear-gradient(top,  #eaeaea 1%,#e8e8e8 100%);
	background: linear-gradient(to bottom,  #eaeaea 1%,#e8e8e8 100%);
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
main .sidebar .menu-price .ui-slider-handle:hover {
	-webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
}



main .sidebar .menu-vendor {
	margin-bottom: 20px;
	padding-left: 20px;	
}
main .sidebar .menu-vendor .title {
	font: normal 18px/1em "GothamPro-Black";
	color: #525252;
	text-transform: uppercase;
	margin-bottom: 15px;
}
main .sidebar .menu-vendor .more-vendor {
	display: inline-block;
	position: relative;
	padding-right: 20px;
	font: normal 14px/1.4em Arial, Helvetica, sans-serif;
	color: #568da7;
}
main .sidebar .menu-vendor .more-vendor::after {
	display: block;
	content: '';
	position: absolute;
	width: 7px;
	height: 7px;
	right: 2px;
	top: 4px;
	border-left: 1px solid #568da7;
	border-bottom: 1px solid #568da7;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
main .sidebar .menu-vendor .more-vendor:hover {
	color: #e41c39;
}
main .sidebar .menu-vendor .more-vendor:hover::after {
	border-color: #e41c39;
}

main .sidebar .menu-vendor .more-vendor.active::after {
	top: 8px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

@media (max-width: 767px) {
	main .sidebar {
		display: none;
	}
}


/* ************************************************************************** */


main .articles {
	padding-left: 220px;	
}

main .inner > .articles-header {
	display: block;
}

main .articles .articles-header {
	display: table;
	width: 100%;
	table-layout: fixed;
	height: 80px;	
}

main .articles-header .h3 {
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	padding: 20px 0;
} 

main .inner > .articles-header .h3 {
	padding: 20px 0 5px 0;	
}

main .articles-header .h3 .link {
	display: block;
	float: left;
	position: relative;
	margin-right: 35px;
	margin-top: 4px;
	margin-bottom: 3px;
	font: normal 16px/20px "GothamPro-Black";
	color: #525252;
	text-decoration: underline;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
main .articles-header .h3 .link::after {
	display: block;
	position: absolute;
	top: 0;
	height: 15px;
	overflow: hidden;
	right: -23px;
	content: "\2192";	
	font: normal 13px/20px Arial, Helvetica, sans-serif;
	color: #525252;
	text-decoration: none;
}
main .articles-header .h3 .link:last-child::after {
	display: none;
}
main .articles-header .h3 .link:hover {
	color: #e41c39;
	text-decoration: none;
}
main .articles-header .h3 .link:active {
	color: #aa0023;
	text-decoration: none;
}

main .articles-header .h3 .title {
	font: normal 30px/1.2em "GothamPro-Black";
	color: #525252;	
	text-transform: uppercase;
	padding: 4px 0;
}

main .articles-header-breadcrumbs {
	display: block;
	font: normal 16px/1.2em Arial, Helvetica, sans-serif;
	color: #525252;
	padding: 25px 0 0 0;
}
main .articles-header-breadcrumbs a {
	color: #568da7;
	position: relative;
	margin-right: 35px;	
}
main .articles-header-breadcrumbs a:hover {
	color: #db0029;
}
main .articles-header-breadcrumbs a:active {
	color: #e41c39;
}
main .articles-header-breadcrumbs a::after {
	display: block;
	position: absolute;
	top: -2px;
	height: 15px;
	right: -23px;
	content: "\2192";
	font: normal 13px/20px Arial, Helvetica, sans-serif;
	color: #525252;
	text-decoration: none;
}


main .articles-header .order {
	display: table-cell;
	vertical-align: middle;
} 
main .articles-header .order {
	width: 280px;
}
main .articles-header .order .title {
	display: block;
	float: left;
	width: 80px;
	font: normal 14px/47px Arial, Helvetica, sans-serif;
	color: #525252;
}
main .articles-header .order .select-wrap {
	float: right;
	width: 200px;	
}

main .articles-header-rozstrochka {
	display: none;
	width: 100%;
	border-collapse: collapse;
}
main .articles-header-rozstrochka h2{
    font: normal 22px/1.2em "GothamPro-Black";
    color: #525252;
    text-transform: uppercase;
    padding: 27px 0 26px 0px;
	text-align: center;
	
}
.list-rozstrochka .field{
	display: inline-block;
	margin-right: 10px;
	width: 42%;
}
main .articles-header-rozstrochka .list-rozstrochka{
   padding: 0px 0 0px 20px;
   text-align: center;
       
}
main .articles-header-buttons {
	display: none;
	width: 100%;
	border-collapse: collapse;
}
main .articles-header-buttons [class *= btn] {
	display: table-cell;
}


main .articles-header .h3.visible-sm-table {
	text-align: left;
	table-layout: fixed;
	vertical-align: middle;
}
main .articles-header .h3.visible-sm-table a[class *= btn] {
	display: table-cell;
	width: 55px;
	float: none;		
}
main .articles-header .h3.visible-sm-table .title {
	display: table-cell;
	font: normal 22px/1em "GothamPro-Black";
	color: #525252;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 10px;
	text-transform: uppercase;
}


@media (max-width: 1199px) {
	main .articles-header-breadcrumbs {
		display: none;
	}	
}

@media (min-width: 768px) and (max-width: 1199px) {
	main .articles-header .order {
		display: block;
		float: right;
		margin-top: 16px;
	}
}

@media (max-width: 767px) {
	main .articles {
		padding: 0;
	}
	main .articles .articles-header {
		display: block;
		height: auto;
	}
	main .articles .articles-header::after {
		display: table;
		content: '';
		clear: both;
	}
	main .articles-header .order {
		display: block;
		float: left;
		margin-left: 20px;
		margin-bottom: 20px;
	}
	main .articles-header-buttons {
		display: table;
	}
	main .articles-header-rozstrochka {
		display: table;
	}
}


/* ************************************************************************** */

.articles-sections {	
}
.articles-sections section {	
	margin-bottom: 30px;
}

.articles-sections section > h2 {
	font: normal 30px/1.2em "GothamPro-Black";
	color: #525252;
	text-transform: uppercase;
	padding: 27px 0 26px 0;	
}



.articles-sections section.section-goods .items-wrap {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	position: relative;
	border-top: solid 1px #eaeaea;
	border-left: solid 1px #eaeaea;
}
.articles-sections section.section-goods .items-wrap + .items-wrap {
	margin-top: -1px;
}

/*.articles-sections section .items-wrap::after {
	display: table;
	content: '';
	clear: both;
}*/


@media (min-width: 1200px) {
	main .articles-header-breadcrumbs + .articles-sections section:first-child > h2 {
		padding: 5px 0 25px 0;
	}
}

@media (max-width: 1199px) {
	.articles-sections section > h2 {
		margin-bottom: 0;
		padding: 27px 0 26px 0;	
	}
	.articles-sections section:first-child > h2 {
		margin-top: 0;		
	}
}

@media (max-width: 767px) {
	.articles-sections section > h2 {
		font-size: 22px;
		padding: 27px 0 26px 20px;
	}
}


.articles-sections .item {
	display: block;
	float: left;
	position: relative;
	z-index: 1;
	padding: 20px 0 20px 0;
	border-right: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.articles-sections .item.width-20 {
	width: 20%;
}
.articles-sections .item.width-25 {
	width: 25%;
}
.articles-sections .item.width-33 {
	width: 33.33%;
}
.articles-sections .item.width-50 {
	width: 50%;
}


.articles-sections .item figure {
	display: block;
	position: relative;
	z-index: 1;
	width: 193px;
	height: 193px;
	margin: 0 auto 25px auto;
}

.articles-sections .item figure a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
}
.articles-sections .item figure a img {
	display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;	
}

.articles-sections .item figure .pay-count {
	display: block;
	position: absolute;
	top: -2px;
	right: -2px;
	text-align: center;
	z-index: 2;
	width: 60px;
	height: 60px;
	font: normal 11px/1em Arial, Helvetica, sans-serif;
	color: #fff;
	background: #8bc144;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.articles-sections .item figure .pay-count b {
	display: block;
	font: bold 36px/1em "Calibri-Bold";
	margin-bottom: -2px;
}



.articles-sections .item .content {
	width: 193px;
	margin: 0 auto;
}

.articles-sections .item .content::after {
	display: table;
	content: '';
	clear: both;
}
.articles-sections .item h2 {
	font: normal 14px/1.4em Arial, Helvetica, sans-serif;
	color: #568da7;
	text-transform: none;
	overflow: hidden;
	margin-bottom: 10px;
}  
.articles-sections .item h2 > a {
	display: block;
} 
.articles-sections .item .promo-code {	
	margin-bottom: 15px;
}
.articles-sections .item .promo-code h6 {
    font: normal 12px/22px Arial, Helvetica, sans-serif;
    color: #525252;
}
.articles-sections .item .promo-code .code {
	display: block;
	font: normal 12px/1em Arial, Helvetica, sans-serif;
    color: #525252;
    text-align: center;    
    border: dashed 1px #525252;
    cursor: pointer;
    position: relative;
    padding: 10px 2px;
    -webkit-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
}
.articles-sections .item .promo-code .code:hover {
	color: #db0029;
	border-color: #db0029;
}

.articles-sections .item .promo-code .code::after {
    content: 'Промо-код скопійований';
    position: absolute;
    height: 0;
    font-size: 1.4em;
    line-height: 40px;
    overflow: hidden;
    font-size: 12px;
    background: rgba(22,22,22,.75);
    bottom: 0;
    left: -1px;
    right: -1px;
    text-align: center;
    color: #fff;
    margin-top: -1px; 
}
.articles-sections .item .promo-code .code.copied::after {
	height: 40px;
	bottom: 100%;
	-webkit-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}

.articles-sections .item .price {
	float: left;	
}
.articles-sections .item .price .old-price {
	display: inline-block;
	position: relative;
	font: normal 14px/1em Arial, Helvetica, sans-serif;
	color: #525252;
	margin-bottom: -5px;
}
.articles-sections .item .price .old-price::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #e41c39;
    left: 0;
    top: 50%;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.articles-sections .item .price .new-price {
	display: block;
	position: relative;
	font: normal 14px/1em Arial, Helvetica, sans-serif;
	color: #e41c39;
}
.articles-sections .item .price .new-price b {
	font: bold 25px/1em Arial, Helvetica, sans-serif;
}

.articles-sections .item .buy {
	display: block;
	height: 33px;
	float: right;
	margin-top: 5px;
	padding: 0 10px;
	background: #e41c39;
	font: bold 12px/35px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.articles-sections .item .buy:hover {
	background: #e26c80;	
}
.articles-sections .item .buy:active {
	background: #aa0023;	
}


.articles-sections .item.show-more {	
	position: relative;
	min-height: 332px;
	background: #f8f8f8;
	cursor: pointer;
	text-align: center;	
	padding: 0;
	font: normal 22px/1.4em "GothamPro-Black";
	color: #525252;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.articles-sections .item.show-more a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0 20px;	
}
.articles-sections .item.show-more a .title {
	display: block;
	position: relative;
	top: 50%;
}

.articles-sections .item.show-more a .title::after {
	display: none;
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -5px;
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e41c39;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;	
}

.articles-sections .item.show-more a .circle {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 -35px;
	width: 70px;
	height: 70px;
	border: 14px solid #e41c39;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.articles-sections .item.show-more a .circle::after {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 -11px;
	border: 11px solid #e41c39;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

@media (min-width: 768px) {
	.articles-sections .item.show-more:hover {
		z-index: 2;
		background: #e41c39;
		color: #fff;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;	
	}
	.articles-sections .item.show-more:hover a .title::after {
		border-top-color: #fff;
	}
}

.articles-sections .item.show-more:active {
	z-index: 2;
	background: #aa0023;
	color: #fff;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;	
}
.articles-sections .item.show-more:hover a .circle,
.articles-sections .item.show-more:active a .circle,
.articles-sections .item.show-more:hover a .circle::after,
.articles-sections .item.show-more:active a .circle::after {
	border-color: #fff;	
}

.articles-sections .item.show-more:active a .title::after {
	border-top-color: #fff;
}


.articles-sections .section-banners {
	display: inline-block;
	width: 100%;
}


.articles-sections .section-banners .item {
	min-height: 180px;
	border: none;
	width: 50%;
	padding: 0;
	margin-bottom: 20px;
	opacity: 1;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.articles-sections .section-banners .item:nth-child(odd) {
	padding-right: 10px;
}
.articles-sections .section-banners .item:nth-child(even) {
	padding-left: 10px;
}
.articles-sections .section-banners .item a {
	display: block;
	border: 1px solid #eaeaea;
}
.articles-sections .section-banners .item a img {
	display: block;
	width: 100%;
}
.articles-sections .section-banners .item:hover {
	-webkit-box-shadow: 0 !important;
	-moz-box-shadow: 0 !important;
	box-shadow: 0 !important;
	opacity: 0.8;
}

.articles-sections .items-wrap + .show-more {
	margin-top: -1px;
	border: 1px solid #ebebeb;
}
.articles-sections .items-wrap + .show-more a {
	display: block;
	padding: 40px 0 55px 0;
	background: #f8f8f8;
	font: normal 22px/1.4em "GothamPro-Black";
	color: #525252;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.articles-sections .items-wrap + .show-more a span {
	display: inline-block;
	position: relative;
}
.articles-sections .items-wrap + .show-more a span::after {
	display: block;
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -5px;
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #e41c39;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;	
}
.articles-sections .items-wrap + .show-more a:hover {
	background: #e41c39;
	color: #fff;
}
.articles-sections .items-wrap + .show-more a:active {
	background: #aa0023;
	color: #fff;
}
.articles-sections .items-wrap + .show-more a:hover span::after,
.articles-sections .items-wrap + .show-more a:active span::after {
	border-top-color: #fff;
}




@media (min-width: 1200px) {
	.articles-sections .section-goods .item:hover {
		z-index: 2;
		-webkit-box-shadow: 5px 5px 24px rgba(0,0,0,.24);
		box-shadow: 5px 5px 24px rgba(0,0,0,.24);
	}
	.articles-sections .item.width-50 figure {
		float: left;
		margin: 0 30px 0 20px;	
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%); 
	}
	.articles-sections .item.width-50 .content {
		float: left;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%); 
		
	}
	.articles-sections .item.width-50 h2 {
		font-size: 22px;
	}
	.articles-sections .item.width-20 figure {
		width: 150px;
		height: 150px;
	}
	.articles-sections .item.width-20 .content {
		width: 150px;
	}
	.articles-sections .item.width-20 .price .old-price {
		font-size: 12px;
	}
	.articles-sections .item.width-20 .price .new-price {
		font-size: 12px;
	}
	.articles-sections .item.width-20 .price .new-price b {
		font-size: 17px;	
	}
	
	.articles-sections .item.width-33 figure {
		width: 195px;
		height: 195px;
	}
	.articles-sections .item.width-33 .content {
		width: 270px;
	}
	
}


@media (min-width: 600px) and (max-width: 1199px) {
	.articles-sections .item.width-20 {
		width: 50%;
	}
	.articles-sections .item.width-25 {
		width: 50%;
	}
	.articles-sections .item.width-33 {
		width: 50%;
	}
	.articles-sections .item.width-50 {
		width: 50%;
	}
}


@media (max-width: 599px) {
	.articles-sections section {	
		margin-bottom: 10px;
	}
	.articles-sections .item.width-20 {
		width: 100%;
	}
	.articles-sections .item.width-25 {
		width: 100%;
	}
	.articles-sections .item.width-33 {
		width: 100%;
	}
	.articles-sections .item.width-50 {
		width: 100%;
	}
	.articles-sections .item {
		text-align: center;
		white-space: nowrap;
		padding: 25px 15px;
	}
	.articles-sections .item figure {
		display: inline-block;
		vertical-align: middle;
		width: 80px;
		height: 80px;
		margin: 0 15px 0 0;
	}
	.articles-sections .item figure .pay-count {
		width: 50px;
		height: 50px;
		font-size: 8px;
		top: -25px;
		right: -10px;
	}
	.articles-sections .item figure .pay-count b {
		font-size: 34px;
	}
	.articles-sections .item .content {
		display: inline-block;
		width: 180px;
		vertical-align: middle;
		white-space: normal;
		text-align: left;
		margin: 0;
	}	
	.articles-sections .items-wrap + .show-more a {
		font-size: 17px;
		padding: 30px 0 45px 0;
	}
	.articles-sections .item.show-more a .circle,
	.articles-sections .item.show-more a .circle::after {
		display: none;
	}
	.articles-sections .item.show-more {
		clear: both;
		height: 99px !important;
		min-height: 0;
		font-size: 17px;
	}
	.articles-sections .item.show-more a .title {
		top: 30px;
	}
	.articles-sections .item.show-more a .title::after {
		display: block;
	}	
}

.aohd-section-conditions,
.aohd-section-geography{
	padding-left: 220px;
}
@media (max-width: 767px) {
	.articles-sections .section-banners .item {
		width: 100%;
		padding: 0 !important;
		margin-bottom: 10px;
	}
	.aohd-section-conditions,
	.aohd-section-geography{
		padding-left:0;
	}
}



/* ************************************************************************** */

.scroll-top {
	position: fixed;
    left: 0;
    right: 0;
    bottom: 80px;
    z-index: 5;
}
.scroll-top > .inner {
	max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.scroll-top a {
	display: block;
	position: absolute;
	right: -50px;
	background: #f2f2f2;
	width: 48px;
	height: 50px;
	border-radius: 0 6px 0 6px;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.17);
	box-shadow: 5px 5px 5px rgba(0,0,0,.17);
	-webkit-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.scroll-top a.show {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.scroll-top a::before {
	content: '';
	display: block;
	position: absolute;
	left: 24px;
	top: 25px;
	width: 16px;
	height: 16px;
	margin: -2px 0 0 -8px;
	border-right: solid 2px #929292;
	border-top: solid 2px #929292;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.25s linear 0s;
	transition: all 0.25s linear 0s;
}
.scroll-top a:active {
	background: #ae0820;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0);
	box-shadow: 5px 5px 5px rgba(0,0,0,0);
}
.scroll-top a:active::before { border-color: #fff; }

@media (min-width: 1199px) {
	.scroll-top a:hover {
		background: #ff4762;
		-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0);
		box-shadow: 5px 5px 5px rgba(0,0,0,0);
	}
	.scroll-top a:hover::before { border-color: #fff; }
}

@media (max-width: 1299px) {
	.scroll-top a {
		right: 20px;
	}	
}

/* ************************************************************************** */

.promo-help-mobile {	
}
.promo-help-mobile > .inner {
	width: 280px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

.promo-help-mobile .back {	
	margin-bottom: 20px;
}

.promo-help-mobile .back .btn-back {
	display: block;
	text-align: left;
	height: 55px;
	padding: 0;
	position: relative;
	left: -5px;		
	background: #fff;
	font: normal 16px/1em Arial, Helvetica, sans-serif;
	color: #525252;
	text-decoration: none;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;	
}
.promo-help-mobile .back .btn-back:hover [class *= "ico-"] i {
	 opacity: 1; 
	 text-decoration: none;	
}
.promo-help-mobile .back .btn-back [class *= "ico-"]::before,
.promo-help-mobile .back .btn-back [class *= "ico-"]::after {
	 display: none; 	
}
.promo-help-mobile .title {
	font: normal 22px/1.2em "GothamPro-Black";
	color: #525252;
	text-transform: uppercase;
	text-align: center;
	width: 260px;
	margin: 0 auto 20px auto;	
}
.promo-help-mobile ul {
	display: block;
	margin-bottom: 35px;
}
.promo-help-mobile li {
	display: block;
	position: relative;
	padding-left: 55px;	
	margin-bottom: 22px;
}
.promo-help-mobile li .num {
	display: block;
	position: absolute;
	top: -3px;
	left: 0;
	width: 30px;
	height: 30px;
	background: #e31c39;
	font: normal 19px/30px "GothamPro-Bold";
	color: #fff;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.promo-help-mobile li .text {
	font: normal 16px/1.4em Arial, Helvetica, sans-serif;
	color: #525252;
}
.promo-help-mobile .pic-promo-help {
	width: 280px;	
}
.promo-help-mobile .pic-promo-help img {
	display: block;
	width: 100%;
}







.loader {
    display: none;
    height: 85px;
    background: url(../img/loader.gif) center bottom no-repeat;
}










.sticker {
    position: absolute;
    top: -2px;
    right: -2px;
    text-align: center;
    z-index: 2;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 0 0;
	background-size: 60px;
}








.toggler {text-align: center;}

.btn-02	{
		height: 30px;
    font: normal 16px/1em 'GothamPro-Regular';
    color: #e21737;
    background: transparent;
    text-align: center;
	}