html, body{
	margin:0;
	padding:0;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#fff;
	color:#000;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
	line-height:normal;
	font-weight:bold;
}

h1, .h1{ margin:0.6em 0 0.6em; font-size:180%; }
h2, .h2{ margin:1.6em 0 0.8em; font-size:150%; }
h3, .h3{ margin:1.6em 0 0.8em; font-size:117%; }
h4, .h4{ margin:1.3em 0 1.3em; font-size:100%; }
h5, .h5{ margin:1.6em 0 1.6em; font-size: 83%; }
h6, .h6{ margin:2.3em 0 2.3em; font-size: 67%; }

.h1-title,
.h2-title,
.h3-title,
.h4-title,
.h5-title,
.h6-title{ margin-top:0; }

.underline{
	text-decoration:none;
	border-bottom:1px solid;
}

a{ color:#005696; outline: none;}
a:visited{ /*color:#660099;*/ }
a:hover{ color:#00adef; }

a.underline { border-bottom-color: rgba(0, 86, 150, 0.2); }
a.underline:visited { /*border-bottom-color: rgba(102, 0, 153, 0.2);*/ }
a.underline:hover{ border-bottom-color: rgba(0, 173, 239, 0.2); }

a.inner{ color:#005696; border-bottom:1px dotted; text-decoration:none; }
a.inner:hover{ color:#00adef; }

a.anchor{ text-decoration: none; color: inherit; }

a img{ border: 0; }

.normal{ font-size:100%; line-height:1.40; margin-bottom: 0.7em; margin-top: 0; }
.small{ font-size:90%; line-height:1.35; margin-bottom: 0.7em; margin-top: 0; }
.smallest{ font-size:85%; line-height:1.30; margin-bottom: 0.7em; margin-top: 0; }
.date{ font-size:70%; line-height:1.10; display:block; }

.rub{ white-space:nowrap; }
.rub:after{ content:" \20BD"; }

.rub.old{
	color:red;
	text-decoration:line-through;
	font-size:90%;
}

.new_label,
.wow_label{
	display:inline-block;
	padding:0.15em 0.5em;
	font-size:90%;
	
	-webkit-border-radius:5px;
	 -khtml-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}

.new_label{ background-color:#00bf54; color:#fff; }
.new_label:after{ content:"New"; }

.wow_label { background:#fe5752; color:#fff; }
.wow_label:after{ content:"Вау!"; }




/* table
-----------------------------------------------------------*/

.tbl{
	position:relative;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

.tbl tr{ vertical-align:top; }

.tbl tr,
.tbl tr td{
	padding:0;
	margin:0;
	border:0;
}

table.data{
	border-collapse:collapse;
	border-spacing:0;
	vertical-align: top;
	width: 100%;
}

table.data tr{ margin:0; padding:0; border:0; border-bottom:1px solid #e8e8e8; vertical-align:top; }
table.data tr td{ margin:0; padding:0.7em 0.7em; border:0; }
table.data thead tr { border-bottom: 1px solid #b5b9a2; background:#f6f6ed; }
table.data thead tr td{ font-weight:bold; }
table.data tbody tr:hover td{ background:#f6f6ed; }


/* ul
-----------------------------------------------------------*/

.ul{ 
	margin-top:0; 
	padding:0; 
}

.ul li{
	padding:0;
	margin: 0.6em 0 0.6em 1.3em;
	list-style-type:none;
	z-index:expression(runtimeStyle.zIndex = 1, this.innerHTML = '\2014\a0' + this.innerHTML);
}

.ul li:before{
	content: '\2014\a0';
	margin-left: -1.25em;
}


/* 
-----------------------------------------------------------*/

.page{
	position:relative;
}

.container{
	position:relative;
	margin:0 auto;
	padding:0 80px;
	clear:both;
	max-width:1680px;
}

@media only screen and (max-width: 1068px) {
    .container{
        padding-left:60px;
        padding-right:60px
    }
}

@media only screen and (max-width: 735px) {
	.container{
		max-width:calc(414px + (6.25% * 2));
		padding-left:6.25%;
		padding-right:6.25%;
	}
}


/* header
-----------------------------------------------------------*/

header{
	padding:12px 0;
	background:#000;
	text-align:center;
}


.logo {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
}


/* dummy
-----------------------------------------------------------*/

.dummy{
	margin:20px auto 0;
	text-align:center;
}


/* content
-----------------------------------------------------------*/

.content{
	display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.content .content__main{
	padding-right: 20px;
	width: 66.666666%;
}

.content .content__sidebar{
	padding-left: 20px;
	width: 33.333333%;
}

@media only screen and (max-width: 735px) {
	.content{
		display: block;
		display: initial;
	}
	.content .content__main{
		padding-right:0;
		width: 100%
	}
	
	.content .content__sidebar{
		padding-left:0;
		width: 100%;
	}
}


/* vote
-----------------------------------------------------------*/

.source{
	margin: 0;
	padding: 0;
}

.source li{
	list-style-type:none;
}

.source li a{
	display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
	display: flex;
	justify-content:space-between;
	align-items:center;
	margin:0 0 14px 0;
	padding:10px 20px;
	border: 1px solid #dedede;
	border-radius:10px;
	text-decoration:none;
}

.source img{
	height:50px;
}

.source .btn:after{
	content: "Написать отзыв";
}

@media only screen and (max-width: 735px) {
	.source li a{
		padding:10px 15px;
	}
	
	.source img{
		height:40px;
	}
	
	.source .btn:after{
		content: "Написать";
	}
}

/* btn
-----------------------------------------------------------*/

.btn{
	padding:10px 15px;
	cursor: pointer;
	font-size:100%;
	font-weight:bold;
	border:0;
	border-radius:4px;
}

@media only screen and (max-width: 735px) {
	.btn{
		font-size:83%;
	}
}

.btn:active{ position: relative; top: 1px; }

.btn.yellow{ background:#fce300; color:#2f3a4f;}
.btn.yellow:hover{ background:#fcce00; }

.scrollToTop.button-show {
    opacity: 1;
    transform: none;
    pointer-events: visible;
	font-size: 30px;
	color: #fff;
}
.scrollToTop.button-show:hover {
    opacity: 1;
    transform: none;
    pointer-events: visible;
	font-size: 24px;
	color: #fff;
}

.scrollToTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 350;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    opacity: 0;
    pointer-events: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateX(100%);
}