html {
    overflow-x: hidden;
}
body {
    font: 18px "helveticaneuecyrlight", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    line-height: 1.5;
    color: #333;
	padding-right: 0 !important;
}
h1 {
	font-family: Arial, Sans-Serif;
	font-weight:normal;
}

h2 {
	font-size:24px;
	font-weight: bold;
}

h5 {
	font-size:20px;
}
h3 {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom:20px;
}

h4 {
	font-size: 20px;
	font-weight: bold;	
}
p {
    line-height: 1.5;
}
ul {
    padding-left: 30px;
}
li {
	line-height: 1.5;
}
hr {
	border-color: #333;
}

a {
	color: #06a0f0;
	text-decoration: none;
}
a:hover { 
	color: #06a0f0;
	text-decoration:underline;
}
.post {
	/*Блок на страницах order, download*/
	border-radius:4px;
}
#player_logo{
	display: none;
	visibility: hidden;
}
.img-responsive {
	margin-bottom:10px;
}
.entry p {
    margin-top: 10px;
}
.pc-buttons {
    margin:30px 0;
    font-family: Arial, Sans-Serif;
}
.pc-buttons a {
	border:1px solid white;
}
.pc-buttons a:hover {
	border:1px solid white;
}

.myBtn {
	width: 144px;
	margin-right: 10px;
	margin-bottom: 5px !important;
	text-align: left !important;
}
.myBtn .spanText {
	padding-left: 10px;
}

.under-green {
    background-color: #eee;
    border-top:1px solid #efefef;
    border-bottom:1px solid #d5d5d5;
    color:#777;
    padding:10px 0 20px;
}
.under-green h2 {
	font-size: 22px;
	color:#333;
}
.under-green p {
	 color:#555;
}
/**/
#pagecontent p {
	margin-bottom: 15px;
}
#pagecontent .list-unstyled li {
	padding: 3px 0;
}
#pagecontent .list-unstyled li i {
	color: #D8D8D8;
	padding-right: 10px;
}
#pagecontent .list-unstyled li a {
	color: #666;
}
#pagecontent .list-unstyled li a:hover {
	color: #000;
	text-decoration: none;
}
#pagecontent .list-unstyled li.active a {
	font-weight: bold;
}


/*#order and #download*/
#pagecontent .post {
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 20px;
	margin-top: 10px;
}
#pagecontent .post .fa {
	display: block;
	margin-bottom: 5px;
}
#pagecontent .post .media-heading {
	font-size:20px;
}
#pagecontent .post .btn {
	font-weight:bold;
	font-family: Arial;
}
#pagecontent .post .btn span {
	display: block;
	font-size:14px;
	font-weight: normal;
	color: #306108;
}
#pagecontent .fb_iframe_widget_fluid span,
#pagecontent .fb_iframe_widget iframe{
	width: 100% !important;
}
#pagecontent .modal .modal-content .modal-body img{
	margin: 0 auto;
}
.modal-header {
	line-height:1;
}
.modal-header .close {
	font-size:32px;
	margin-top:-8px;
}
.modal-span{
	display: block;
	cursor: pointer;
}

.appstore{
	display: block;
	width: 23px;
	height: 23px;
	margin: 0 auto;;
	background: url("images/pencil24.png") no-repeat center;
	background-size: 100%;
}
@media screen and (max-width: 991px) {
	#pagecontent .post a{
		padding: 10px 12px !important;
		font-size: 15px;
	}
	#pagecontent .post .btn span{
		font-size: 11px;
	}
    
	.page-caption {
		margin-top: 0 !important;
	}
	.appstore{
		height: 20px !important;
	}
}
@media screen and (max-width: 767px) {
	.under-green .row div.col-xs-12:last-child{
		margin-top: 5px;
	}
    .mainhead .page-caption {
	    text-align: center;
    }
	
}
@media screen and (max-width: 560px) {
	#pagecontent .post a{
		display: block;
		width: 100%;
		margin-top: 5px;
	}
}
@media screen and (max-width: 541px) {
	#pagecontent .post a{
		display: block;
		width: 100%;
		margin-top: 5px;
	}
}
@media screen and (max-width: 500px) {
    .entry h3 {
        line-height: 1.4 !important;
    }
}
@media screen and (max-width: 330px) {
    
	#pagecontent .post a {
		width: 93%;
	}
	#pagecontent .post .btn span {
		font-size: 8px;
	}
}


#info-box {
    margin-top:40px;
}
#info-box h4{
    padding-bottom: 15px;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 30px;
    background: url(images/bg-info-box-title.png) repeat-x scroll center bottom;
}
#info-box .quote{
    padding-bottom: 20px;
}
#info-box .quote .fa {
	float:left;
	margin-bottom:-40px;
}
#info-box blockquote i{
    color: #DBDBDB;
}
#info-box blockquote {
    padding-bottom: 15px;
    padding-left: 0 !important;
    font-family: Georgia, serif;
    color: #777;
    font-style: italic;
    min-height: 12px;
}
#info-box blockquote p {
    /*min-width: 320px;
    width: 800px;
    max-width: 1024px;*/
    display: inline-block;
    font-size: 18px;
    margin-left: 40px;
    vertical-align: top;
}

#info-box cite {
    padding: 0 0 0 40px;
}
#info-box .icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    float:left;
    margin-right: 15px;
    background: url(images/ico-quotes.png) no-repeat center;
}
@media screen and (max-width: 767px) {
	#info-box blockquote p {
		margin-left: 60px;
	}
	#info-box .quote .fa {
		margin-left:15px;
	}
	#info-box .icon {
       margin-left:15px;
    }
    #info-box cite {
   		padding-left: 60px;
   	}
}

