/* roboto-regular - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin_cyrillic-ext-regular.woff') format('woff'); /* Modern Browsers */
}
/* roboto-500 - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v20-latin_cyrillic-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin_cyrillic-ext-500.woff') format('woff'); /* Modern Browsers */
}
/* roboto-700 - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v20-latin_cyrillic-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin_cyrillic-ext-700.woff') format('woff'); /* Modern Browsers */
}
/* roboto-condensed-regular - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v18-latin_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin_cyrillic-ext-regular.woff') format('woff'); /* Modern Browsers */
}
/* roboto-condensed-700 - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../fonts/roboto-condensed-v18-latin_cyrillic-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin_cyrillic-ext-700.woff') format('woff'); /* Modern Browsers */
}
/* roboto-slab-regular - latin_cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/roboto-slab-v11-latin-ext_latin_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v11-latin-ext_latin_cyrillic-ext-regular.woff') format('woff'); /* Modern Browsers */
}

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

 article,footer,header,nav,section{display:block;}
 html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
 body{margin:0;}
 a:focus{outline:none !important;}
 a:active,a:hover{outline:none !important;}
 h1{font-size:2em;margin:0.67em 0;}
 b{font-weight:bold;}
 img{border:0;}
 button{font-family:inherit;font-size:100%;margin:0;}
 button{line-height:normal;}
 button{text-transform:none;}
 button{-webkit-appearance:button;cursor:pointer;}
 button::-moz-focus-inner{border:0;padding:0;}
 *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
 html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
 body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333333;background-color:#ffffff;}
 button{font-family:inherit;font-size:inherit;line-height:inherit;}
 button{background-image:none;}
 a{color:#428bca;text-decoration:none;}a:hover,a:focus{color:#2a6496;text-decoration:underline;}
 img{vertical-align:middle;}


html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,footer,header,nav,section{display:block;}
a{background:0 0;}
a:active,a:hover{outline:0;}
b{font-weight:700;}
h1{font-size:2em;margin:.67em 0;}
img{border:0;}
button{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button{text-transform:none;}
button{-webkit-appearance:button;cursor:pointer;}
button::-moz-focus-inner{border:0;padding:0;}
@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
img{page-break-inside:avoid;}
img{max-width:100% !important;}
p,h2{orphans:3;widows:3;}
h2{page-break-after:avoid;}
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;}
button{font-family:inherit;font-size:inherit;line-height:inherit;}
a{color:#428bca;text-decoration:none;}
a:hover,a:focus{color:#2a6496;text-decoration:underline;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
img{vertical-align:middle;}
h1,h2{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}
h1,h2{margin-top:20px;margin-bottom:10px;}
h1{}
h2{font-size:30px;}
p{margin:0 0 10px;}
.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4;}
@media (min-width:768px){.lead{font-size:21px;}
}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-center.product{margin-bottom: 20px;}
.text-center.product a{outline: none;}
ul{margin-top:0;margin-bottom:10px;}
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
@media (min-width:768px){.container{width:750px;}
}
@media (min-width:992px){.container{width:970px;}
}
@media (min-width:1200px){.container{width:1170px;}
}
.row{margin-left:-15px;margin-right:-15px;}
.col-md-2,.col-lg-2,.col-sm-3,.col-md-4,.col-xs-6,.col-sm-6,.col-md-8{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
.col-xs-6{float:left;}
.col-xs-6{width:50%;}
@media (min-width:768px){.col-sm-3,.col-sm-6{float:left;}
.col-sm-6{width:50%;}
.col-sm-3{width:25%;}
}
@media (min-width:992px){.col-md-2,.col-md-4,.col-md-8{float:left;}
.col-md-8{width:66.66666667%;}
.col-md-4{width:33.33333333%;}
.col-md-2{width:16.66666667%;}
}
@media (min-width:1200px){.col-lg-2{float:left;}
.col-lg-2{width:16.66666667%;}
}
.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.glyphicon-th:before{content:"\e011";}
.glyphicon-home:before{content:"\e021";}
.nav{margin-bottom:0;padding-left:0;list-style:none;}
.nav>li{position:relative;display:block;}
.nav>li>a{position:relative;display:block;padding:10px 15px;}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after,.nav:before,.nav:after{content:" ";display:table;}
.clearfix:after,.container:after,.row:after,.nav:after{clear:both;}
@-ms-viewport{width:device-width;}
.visible-xs{display:none !important;}
@media (max-width:767px){.visible-xs{display:block !important;}
}
@media (max-width:767px){.hidden-xs{display:none !important;}
}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important;}
}
body {
	font-family: 'Roboto', sans-serif;
	color: #5c5c5c;
	background: #fff;
	padding: 0 0 20px
}
a {
	text-decoration: none;
	color: #7c61a6;
	-webkit-transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;
	transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease
}
a:hover {
	color: #f36;
	text-decoration: none
}

.container {
	padding: 0
}
.page-content {
	position: relative;
	overflow: hidden;
	margin: 30px 0 0;
	padding: 0;
	-webkit-box-shadow: 0 0 12px 0 #333;
	box-shadow: 0 0 12px 0 #ccc
}
.main {
	padding: 10px
}
.sidebar {
	background: #f6f3fb;
	padding: 15px
}
article {
	position: relative;
	margin-bottom: 25px
}
@media(min-width:768px) {
	.main {
		padding: 15px
	}
	.sidebar {
		top: 0;
		right: 0;
		bottom: 0;
		background: #f6f3fb;
		margin-bottom: -9000px;
		padding-bottom: 9000px
	}
}
@media(min-width:992px) {
	.main {
		float: left;
		width: 640px;
		padding: 0 20px
	}
	.main.article {
		padding: 20px
	}
	.sidebar {
		float: right;
		width: 330px
	}
}
@media(min-width:1200px) {
	.main {
		width: 820px;
		padding: 0 25px
	}
	.main.article {
		padding: 25px
	}
	.sidebar {
		width: 350px;
		padding: 25px;
		margin-bottom: -9000px;
		padding-bottom: 9000px
	}
}
.top-margin {
	margin-top: 20px
}
#page-header-mobile {
	position: relative;
	border-top: 5px solid #8f72bb;
	background: #8f72bb;
	height: 50px;
	overflow: hidden;
	padding: 0 10px
}
#page-header-mobile a {
	color: #eee
}
#page-header-mobile a:hover {
	color: #fff
}
#page-header-mobile span.glyphicon {
	font-size: 24px;
	margin-top: 5px
}
.header-branding {
	position: relative;
	height: 130px;
	background: #9376bf;
	background: -moz-linear-gradient(top, #9376bf 0%, #63498a 100%);
	background: -webkit-linear-gradient(top, #9376bf 0%, #63498a 100%);
	background: linear-gradient(to bottom, #9376bf 0%, #63498a 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9376bf', endColorstr='#63498a', GradientType=0);
	border-top: 5px solid #775d9f;
	border-bottom: 1px solid #775d9f;
	overflow: hidden;
	padding-top: 15px
}
.header-navigation {
	position: relative;
	height: 50px;
	background: #63498a
}
.header-navigation .container {
	position: relative
}

@media(min-width:992px) {
	.header-navigation ul li a {
		font-size: 13px;
		padding: 0 18px
	}
}
@media(min-width:1170px) {
	.header-navigation ul li a {
		font-size: 14px;
		padding: 0 20px
	}
}
.page-content header {
	position: relative
}
.page-content header h2 {
	font: 400 17px/17px Roboto, sans-serif;
	color: #444;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5
}
.page-content header span.borderline {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 1px;
	background: #222
}
.article-post header {
	padding: 15px 0;
	margin: 0 0 20px;
	border-bottom: 1px solid #dadada
}
.article-post header h1 {
	font: 400 30px/36px 'Roboto Condensed', sans-serif;
	color: #222;
	margin: 0
}
.article-post p {
	line-height: 24px;
	margin-bottom: 15px
}
.article-post p.lead {
	font: 400 16px/24px 'Roboto Slab', serif;
	color: #222;
	margin-bottom: 25px
}
.sidebar header h2 {
	font-size: 17px;
	font-weight: 400;
	color: #333;
	border-color: #c6bbd7
}
.sidebar header span.borderline {
	background: #333
}
.sidebar .module-signs {
	background: #f6f3fb;
	padding: 15px;
	margin: 0 -15px 1px
}
.sidebar .module-signs header h2 {
	border-color: #c6bbd7
}
.sidebar .module-news {
	margin-bottom: 5px
}
.page-footer {
	position: relative
}
.page-footer .row {
	margin: 0
}
.page-footer .copyright {
	font-size: 13px;
	color: #888;
	padding: 10px 0;
	border-top: 1px solid #e4e4e4
}
.page-footer .copyright div {
	text-align: center
}
@media(min-width:768px) {
	.page-footer .copyright div {
		text-align: left
	}
}
.header-navigation ul li.cat-news a, .sidr ul li.cat-news a {
	border-color: #775d9f
}
.header-navigation ul li.cat-news a:hover, .header-navigation ul li.cat-news:hover a, .sidr ul li.cat-news a:hover {
	background: #856bab
}
.horoscope-list {
	list-style: none;
	padding: 0;
	background-color: #f6f3fb
}
.ai {
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 50px
}
.ai.aries:before {
	content: "\2648"
}
.ai.taurus:before {
	content: "\2649"
}
.ai.gemini:before {
	content: "\264A"
}
.ai.cancer:before {
	content: "\264B"
}
.ai.leo:before {
	content: "\264C"
}
.ai.virgo:before {
	content: "\264D"
}
.ai.libra:before {
	content: "\264E"
}
.ai.scorpio:before {
	content: "\264F"
}
.ai.sagittarius:before {
	content: "\2650"
}
.ai.capricorn:before {
	content: "\2651"
}
.ai.aquarius:before {
	content: "\2652"
}
.ai.pisces:before {
	content: "\2653"
}
.zsign-ogon {
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ff8543
}
.zsign-zemlya {
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #6fbe6d
}
.zsign-voda {
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #80c1df
}
.zsign-vozduh {
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #a184cc
}
.ztext {
	padding-top: 10px;
	font-style: normal;
	color: #222;
	font-weight: 700;
	font-size: 16px;
	line-height: 16px
}
.s-ser {
	background: url(../img/s-sprite.png) no-repeat;
	display: inline-block
}
.s-goroskop {
	width: 48px;
	height: 48px
}
.s-sovm {
	width: 48px;
	height: 48px;
	background-position: -99px 0
}
.s-kam {
	width: 48px;
	height: 48px;
	background-position: -149px 0
}
.s-son {
	width: 48px;
	height: 48px;
	background-position: -49px 0
}
.s-astr {
	width: 48px;
	height: 48px;
	background-position: -198px 0
}
.slink {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px
}
.slink a {
	color: #ffc600
}
.slink a:hover {
	color: #fff
}
.sser-pad {
	padding-left: 10px;
	padding-right: 10px
}

.comments .title {
	font-size: 24px;
	padding: 0 0 40px 0;
}

.comments .comment {
	overflow: hidden;
	padding: 0 0 25px 0;
} 

.comments .comment.answer {
	padding-left: 25px;
}

.comments .comment .avatar {
	float: left;
	width: 50px;
}

.comments .comment .avatar img {
	width: 100%;
	display: block;
}

.comments .comment .message {
	margin: 0 0 0 65px;
}

.comments .comment .message .info {
	padding: 0 0 10px 0;
}

.comments .comment .message .info span {
	font-size: 12px;
	padding: 0 0 0 20px;
}

.zodiac-button {
    text-decoration: none;
    color: #7c61a6;
    -webkit-transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;
    transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;
    display: block;
    background: none;
    border: none;
    width: 100%;
		box-sizing: content-box;
		cursor: pointer;
}

.zodiac-button:focus {
	outline: none;
}

body {
	font-family: 'Roboto', sans-serif;
	color: #5c5c5c;
	background: #fff;
	padding: 0 0 20px
}
a {
	text-decoration: none;
	color: #7c61a6;
	-webkit-transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;
	transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease
}
a:hover {
	color: #f36;
	text-decoration: none
}
.page-outer-wrap {
	position: relative;
	overflow: hidden;
	width: 100%
}
.page-inner-wrap {
	position: relative;
	width: 100%
}
.container {
	padding: 0
}
.page-content {
	position: relative;
	overflow: hidden;
	margin: 30px 0 0;
	padding: 0;
	-webkit-box-shadow: 0 0 12px 0 #333;
	box-shadow: 0 0 12px 0 #ccc
}
.main {
	padding: 10px
}
.sidebar {
	background: #f6f3fb;
	padding: 15px
}
article {
	position: relative;
	margin-bottom: 25px
}
@media(min-width:768px) {
	.main {
		padding: 15px
	}
	.sidebar {
		top: 0;
		right: 0;
		bottom: 0;
		background: #f6f3fb;
		margin-bottom: -9000px;
		padding-bottom: 9000px
	}
}
@media(min-width:992px) {
	.main {
		float: left;
		width: 640px;
		padding: 0 20px
	}
	.main.article {
		padding: 20px
	}
	.sidebar {
		float: right;
		width: 330px
	}
}
@media(min-width:1200px) {
	.main {
		width: 820px;
		padding: 0 25px
	}
	.main.article {
		padding: 25px;
	}
	.sidebar {
		width: 350px;
		padding: 25px;
		margin-bottom: -9000px;
		padding-bottom: 9000px
	}
}
.main.article {
	text-align: justify;
}
.top-margin {
	margin-top: 20px
}
#page-header-mobile {
	position: relative;
	border-top: 5px solid #8f72bb;
	background: #8f72bb;
	height: 50px;
	overflow: hidden;
	padding: 0 10px
}
#page-header-mobile a {
	color: #eee
}
#page-header-mobile a:hover {
	color: #fff
}
#page-header-mobile span.glyphicon {
	font-size: 24px;
	margin-top: 5px
}
.header-branding {
	position: relative;
	height: 130px;
	background: #9376bf;
	background: -moz-linear-gradient(top, #9376bf 0%, #63498a 100%);
	background: -webkit-linear-gradient(top, #9376bf 0%, #63498a 100%);
	background: linear-gradient(to bottom, #9376bf 0%, #63498a 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9376bf', endColorstr='#63498a', GradientType=0);
	border-top: 5px solid #775d9f;
	border-bottom: 1px solid #775d9f;
	overflow: hidden;
	padding-top: 15px
}
.header-navigation {
	position: relative;
	height: 50px;
	background: #63498a
}
.header-navigation .container {
	position: relative
}
.header-navigation ul {
	padding: 0;
	margin-top: -1px;
	border-left: 1px solid #775d9f
}
.header-navigation ul li {
	position: static;
	list-style: none;
	float: left;
	border-right: 1px solid #775d9f
}
.header-navigation ul li.home img{
	width: 20px;
}
.header-navigation ul li a {
	display: block;
	font-size: 12px;
	font-weight: 700;
	line-height: 50px;
	color: #fff;
	text-transform: uppercase;
	padding: 0 10px;
	border-top: 1px solid #775d9f
}
.header-navigation ul li a:hover {
	background: #856bab
}
@media(min-width:992px) {
	.header-navigation ul li a {
		font-size: 13px;
		padding: 0 18px
	}
}
@media(min-width:1170px) {
	.header-navigation ul li a {
		font-size: 14px;
		padding: 0 20px
	}
}
.page-content header {
	position: relative
}
.page-content header h2 {
	font: 400 17px/17px Roboto, sans-serif;
	color: #444;
	text-transform: uppercase;
	margin: 0 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5
}
.page-content header span.borderline {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 1px;
	background: #222
}
.article-post header {
	padding: 15px 0;
	margin: 0 0 20px;
	border-bottom: 1px solid #dadada
}
.article-post header h1 {
	font: 400 30px/36px 'Roboto Condensed', sans-serif;
	color: #222;
	margin: 0
}
.article-post p {
	line-height: 24px;
	margin-bottom: 15px
}
.article-post p.lead {
	font: 400 16px/24px 'Roboto Slab', serif;
	color: #222;
	margin-bottom: 25px
}
.sidebar header h2 {
	font-size: 17px;
	font-weight: 400;
	color: #333;
	border-color: #c6bbd7
}
.sidebar header span.borderline {
	background: #333
}
.sidebar .module-signs {
	background: #f6f3fb;
	padding: 15px 10px;
	text-align: center;
	margin: 0 -15px 1px
}
.sidebar .module-signs header h2 {
	border-color: #c6bbd7
}
.sidebar .module-news {
	margin-bottom: 5px
}
.page-footer {
	position: relative
}
.page-footer .row {
	margin: 0
}
.page-footer .copyright {
	font-size: 13px;
	color: #888;
	padding: 10px 0;
	border-top: 1px solid #e4e4e4
}
.page-footer .copyright div {
	text-align: center
}
@media(min-width:768px) {
	.page-footer .copyright div {
		text-align: left
	}
}
.header-navigation ul li.cat-news a, .sidr ul li.cat-news a {
	border-color: #775d9f
}
.header-navigation ul li.cat-news a:hover, .header-navigation ul li.cat-news:hover a, .sidr ul li.cat-news a:hover {
	background: #856bab
}
.horoscope-list {
	list-style: none;
	padding: 0;
	background-color: #f6f3fb
}

.horoscope-list .text-center{
	margin-bottom: 15px;
}
.ai {
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 50px
}
.ai.aries:before {
	content: "\2648"
}
.ai.taurus:before {
	content: "\2649"
}
.ai.gemini:before {
	content: "\264A"
}
.ai.cancer:before {
	content: "\264B"
}
.ai.leo:before {
	content: "\264C"
}
.ai.virgo:before {
	content: "\264D"
}
.ai.libra:before {
	content: "\264E"
}
.ai.scorpio:before {
	content: "\264F"
}
.ai.sagittarius:before {
	content: "\2650"
}
.ai.capricorn:before {
	content: "\2651"
}
.ai.aquarius:before {
	content: "\2652"
}
.ai.pisces:before {
	content: "\2653"
}
.zsign-ogon {
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #ff8543
}
.zsign-zemlya {
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #6fbe6d
}
.zsign-voda {
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #80c1df
}
.zsign-vozduh {
	border: solid 1px #ccc;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #a184cc
}
.ztext {
	padding-top: 10px;
	font-style: normal;
	color: #222;
	font-weight: 700;
	font-size: 16px;
	line-height: 16px
}
.s-ser {
	background: url(../img/s-sprite.png) no-repeat;
	display: inline-block
}
.s-goroskop {
	width: 48px;
	height: 48px
}
.s-sovm {
	width: 48px;
	height: 48px;
	background-position: -99px 0
}
.s-kam {
	width: 48px;
	height: 48px;
	background-position: -149px 0
}
.s-son {
	width: 48px;
	height: 48px;
	background-position: -49px 0
}
.s-astr {
	width: 48px;
	height: 48px;
	background-position: -198px 0
}
.slink {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px
}
.slink a {
	color: #ffc600
}
.slink a:hover {
	color: #fff
}
.sser-pad {
	padding-left: 10px;
	padding-right: 10px;
}

.sser-pad .s-text{
	line-height: 15px;
}

.comments .title {
	font-size: 24px;
	padding: 0 0 40px 0;
}

.comments .comment {
	overflow: hidden;
	padding: 12px 0;
  border-bottom: 1px solid #7c6bb4;
} 

.comments .comment.answer {
	padding-left: 25px;
}

.comments .comment .avatar {
	float: left;
	width: 50px;
}

.comments .comment .avatar img {
	width: 100%;
	display: block;
}

.comments .comment .message {
	margin: 0 0 0 65px;
}

.comments .comment .message .info {
	padding: 0 0 10px 0;
}

.comments .comment .message .info span {
	font-size: 12px;
	padding: 0 0 0 20px;
}
*{
	outline: none;
	margin:0;
	padding: 0;
}
html, body {
	font-family: Arial, sans-serif;
}

header, section, nav, footer, article, button {
	display:block;
}

ul {
	list-style: none;
}
a{
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}

img,button {
	border:none;
	max-width: 100%;
}

#zodiac-page {display: none;}
#zodiac-page .header-navigation ul li:last-child{
	display: none;
}

@media (max-width: 1200px){
	.header-navigation ul li:last-child,
	.header-navigation ul li:nth-child(8){
		display: none;
	}
}

@media (max-width: 767px){
	.header-navigation ul li a{
		font-size: 10px;
		padding: 0 8px;
	}
	.main.article {
		text-align: left;
	}
	.header-branding {
    height: auto;
    border: none !important;
    padding: 7px 15px 10px;
	}
}
@media (max-width: 600px){
	.header-navigation ul li:nth-child(7),
	.header-navigation ul li:nth-child(6),
	#zodiac-page .header-navigation ul li:nth-child(3){
		display: none;
	}
}
@media (max-width: 480px){
	#page-header-mobile{
		height: auto;
		padding-bottom: 10px;
	}
	#sidr ul{
		display: none;
	}
	.header-navigation ul li:nth-child(5){
		display: none;
	}
}

@media (max-width: 360px){
	#zodiac-page .header-navigation ul li a {
		font-size: 9px;
		padding: 0 6px;
	}
}