@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,400italic,700&subset=latin,cyrillic);
/* jcarousel */
.jcarousel-wrapper {
	position: relative;
	margin-bottom: 60px;
	width: 286px;
}
.jcarousel, .jcarousel li {
	width: 280px;
	height: 190px;
}
.jcarousel {
	position: relative;
	overflow: hidden;
}
.jcarousel ul {
	width: 20000em;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
.jcarousel li {
	display: inline-block;
}
.jcarousel img {
	display: block;
    max-width: 100%;
    height: auto !important;
}
.jcarousel-pagination {
	position: absolute;
	bottom: -40px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin: 0;
}
.jcarousel-pagination a {
	text-decoration: none;
	display: inline-block;

	font-size: 11px;
	height: 10px;
	width: 10px;
	line-height: 10px;

	background: #a69c8a;
	color: #4E443C;
	border-radius: 10px;
	text-indent: -9999px;

	margin-right: 7px;


	box-shadow: 0 0 2px #b2b2b2;
}
.jcarousel-pagination a.active {
	background: #cc851e;
	color: #fff;
	opacity: 1;

	box-shadow: 0 0 2px #b2b2b2;
}
/* sticky footer */
* {
	margin: 0;
}
html, body {
	height: 100%;
	color: #626466;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -280px; /* the bottom margin is the negative value of the footer's height */
	width: 100%;
}
footer, .push {
	height: 280px; /* '.push' must be the same height as 'footer' */
}
/* clearfix */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/* fixed header anchor fix */
*[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -100px; 
  height: 100px; 
  visibility: hidden; 
}
/* style */
body {
	overflow-x: hidden;
}
strong {
	font-weight: bold;
}
.btn-social {
	width: 42px;
	height: 40px;
	display: inline-block;
	padding-right: 15px;
}
.btn-social-fb {
	background: url('../img/btn-social-fb.png') no-repeat;
}
.btn-social-yt {
	background: url('../img/btn-social-yt.png') no-repeat;
}
.btn-social-vk {
	background: url('../img/btn-social-vk.png') no-repeat;
}
.btn-social-ig {
	background: url('../img/btn-social-ig.png') no-repeat;
	padding-right: 0;
}
.downloads {
	background: url('../img/btn-download.svg') center left no-repeat;
	background-size: 32px;
	min-height: 32px;
	padding: 20px 0 20px 42px;
	margin-top: -20px;
	list-style: none;
}
.downloads li {
	display: inline;
}
.downloads::after {
	content: "Оригинальный формат книги — .FB2, рекомендуется использовать его, если ваше устройство его поддерживает.";
	display: block;
	font-size: 70%;
}
/* headings */
h2 {
	font-size: 100px;
    -webkit-font-smoothing:antialiased;
}
h4 {
	font-size: 18px;
}
h5 {
	padding: 50px 0 20px;
	line-height: 1.8;
}
h5 span {
	display: block;
	text-align: right;
	padding-top: 30px;
}
/* common styles */
#main, header .wrap, footer .inner, .push {
	width: 960px;
	box-sizing: border-box;
}
footer {
	min-width: 960px;
}
body, input, textarea, select {
	background-color: #b2b2b2;
}
h1#logo, h2, header nav a, footer h3 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
body, h3, h4, footer, input, textarea, select {
	font-family: Verdana, Geneva, sans-serif;
}
body, h2, h4, .price {
    font-weight: 100;
}
body, h4 small, header #contact, footer, input, textarea, select, .interview {
	font-size: 14px;
}
h5 {
	font-size: 17px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
	padding: 0 0 20px 0;
}
h3 {
	font-size: 36px;
	font-weight: 400;
	padding-bottom: 20px;
}
h4, header nav .active a, #mobile-menu a, .details {
	color: #f5f5f5;
}
ul {
	list-style: none;
	padding: 0;
}
.pedagogue p {
	padding-bottom: 15px;
}
header a, .details-toggle, .details-close {
	cursor: pointer;
}
.more-toggle, .interview {
	color: #626466;
	text-decoration: none;
	border-bottom: 1px solid #cc851e;
}
input[type="submit"], .enroll-toggle {
	display: inline-block;
	height: 55px;
	width: 155px;
	margin: -3px -8px -12px -7px;
	padding: 13px 40px 22px 15px;
	border: 0;
	line-height: 20px;
	background: url('../img/bg-button-sprite.png') no-repeat left top;
	color: white;
	box-sizing: border-box;
}
input[type="submit"]:hover, .enroll-toggle:hover {
	background-position: left bottom;
}
/* dropdown menu */
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
}
.menu ul{
	background:#313233;
	height:56px;
	list-style:none;
	margin:0;
	padding:0;
	-webkit-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
	-moz-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
	box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
}
.menu li{
	float:left;
	padding:0px 0px 0px 15px; 
}
.menu li a{
	color:#b3b3b3;
	display:block;
	font-weight:normal;
	line-height:56px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
}
.menu li a:hover{
	background:#D89431;
	color:#f5f5f5;
	text-decoration:none;
	-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
	box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
}
.menu ul li:hover a{
	background:#D89431;
	color:#f5f5f5;
	text-decoration:none;
}
.menu li ul{
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:200px;
	z-index:200;
}
.menu li:hover ul{
	display:block; 
}
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:200px;
	background:#313233;
}
.menu li:hover li a{
	background:none;
}
.menu li ul a{
	display:block;
	height:50px;
	font-size:14px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
	border:0px;
	color:#f5f5f5;
	text-decoration:none;
	background:#D89431;
	-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
	box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3); 
}
/* main styles */
#main > article, #main > section {	
	padding: 80px 90px 0;
	text-align: justify;
}
#main {
	margin: 0 auto;
	padding: 96px 0 40px;
	background: #f5f5f5;
	overflow: hidden;
}
#main > article:first-child {
	background: url('../img/bg-header-photo.jpg') no-repeat center top;
	padding-top: 445px;
}
#main > article, #main > section {
	background: url('../img/bg-separator.png') no-repeat center top;
}
section {
	padding-top: 70px;
}
article > section:first-child {
	background: none;
	padding-top: 0;
}
.details  {
	display: none;
	position:  relative;
	background:  #736a6a;
	border:  2px solid #b1a490;
	border-width: 2px 0;
	margin: 45px -90px -20px;
	padding: 0 10px;
}
.details:after, .details:before  {
	bottom:  100%;
	left:  50%;
	border:  solid transparent;
	content:  " ";
	height:  0;
	width:  0;
	position:  absolute;
	pointer-events:  none;
}
.details:after  {
	border-color:  rgba(191, 179, 159, 0);
	border-bottom-color:  #736a6a;
	border-width:  30px;
	margin-left:  -30px;
}
.details:before  {
	border-color:  rgba(177, 164, 144, 0);
	border-bottom-color:  #b1a490;
	border-width:  33px;
	margin-left:  -33px;
}
.details.more:after, .details.more:before {
	left: 125px;
}
.even .details.more:after, .even .details.more:before {
	left: 350px;
}
.details .details-close {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 31px;
	background: url('../img/close.png') repeat-x left top;
}
.more-toggle {
	margin-right: 90px;
}
.more-toggle:before {
  content: "";
  display: table;
  clear: both;
}
.image-wrapper {
	float: right;
	max-width: 300px;
	padding: 0 0 20px 30px;
}
.image-wrapper img {
	max-width: 100%;
}	
.image-wrapper p {
	font-size: 14px;
	padding: 0 !important;
}
article:after {
  content: "";
  display: table;
  clear: both;
}
fieldset {
	position: relative;
	border: 0;
	padding: 0;
	margin-bottom: 60px;
}
fieldset div {
	position: relative;
	padding-left: 60px;
}
label {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 60px;
	line-height: 1.5;
}
input, textarea, select {
	box-sizing: border-box;
}
input[type="text"], textarea, select {
	border: solid white 2px;
	box-shadow: inset 0 0 5px #b6ab98;
	color: #58595b;
	width: 100%;
	height: 25px;
	margin-bottom: 18px;
}
input[type="submit"] {
	position: absolute;
	right: 0;
	bottom: -55px;
}
.label-checkbox {
	left: 60px;
	width: 350px;
	line-height: 22px;
	padding-left: 40px;
	height: 22px;
	background: url('../img/bg-checkbox-sprite.png') no-repeat left top;
	cursor: pointer;
}
input:checked + .label-checkbox {
	background-position: left bottom;
}
input[type="checkbox"] {
	visibility: hidden;
}
input[type="text"], textarea {
	padding: 0 5px;
}
textarea {
	height: 192px;
	resize: none;
}
.review {
	font-style: italic;
}
.review-author {
	font-weight: bold;
}
/* header style */
header {
	position: fixed;
	width: 100%;
	background: url('../img/bg-header.png') repeat-x left top;
	height: 98px;
	z-index: 10;
}
header .wrap {
	position: relative;
	margin: 0 auto;
	height: inherit;
}
header .wrap::before {
   content: " ";
   position: absolute;
   width: 70px;
   height: 197px;
   left: 25px;
   z-index: -1;
   background-image: url('../img/bg-header-flag-long.png');
}
header nav {
	position: absolute;
	left: 120px;
	top: 42px;
}
header nav li {
	line-height: 1;
	display: inline;
}
header nav a {
	font-size: 20px;
	font-weight: 400;
    -webkit-font-smoothing:antialiased;
	text-decoration: none;
	color: #b3b3b3;
	line-height: 0;
	padding-right: 50px;
}
header nav .active a {
	transition: color 0.5s ease;
}
#mobile-menu {
	position: absolute;
	top: -1000px;
}
h1#logo {
	position: absolute;
	left: 160px;
	top: 0;
	/*background: url('../img/bg-header-logo.png') no-repeat left center;*/
	color: white;
	font-size: 17px;
	font-weight: 400;
    -webkit-font-smoothing:antialiased;
	line-height: 1;
}
h1#logo span {
	display: none;
}
/* footer style */
footer {
	background: #231F20 url('../img/bg-footer.png') repeat-x left top;
}
footer, footer a {
	color: #ffffff;
}
footer .inner {
	position: relative;
	margin: 0 auto;
	padding-top: 40px;
}
footer .col {
	position: absolute;
	top: 50px;
}
footer .col1 {	
	left: 90px;
	width: 220px;
}
footer .col2 {
	left: 410px;
	width: 220px;
}
footer .col3 {
	left: 650px;
	width: 230px;
}
footer h3 {
    font-weight:100;
    -webkit-font-smoothing:antialiased;
}
footer li {
	padding-bottom: 15px;
	line-height: 1;
}
footer > * {
	padding-left: 80px;
}
/* old content styles */
#main p {
	padding: 0 0 20px 0;
}
.tail {
	height: 70px;
	width: 100%;	
	background: url('../img/bg-separator.png') no-repeat center center;
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
	.tail {
		background: url('../img/bg-separator-small.png') no-repeat center top;
	}
}
@media only screen and (max-width: 639px) {
	.tail {
		background: url('../img/bg-separator-smaller.png') no-repeat center top;
	}
}
.columns {
    width: auto;
    display: block;
}
.column {
    width: 29%;
    float: left;
    overflow: hidden;
    margin: 0px 2%;
    padding: 0px 0px 20px;
}
a {
	color: #CC851E;
}
/* breadcrumbs */
#breadcrumb {
	list-style: none;
	text-align: left;
	padding: 10px 0 20px 20px;
}
#breadcrumb li, #breadcrumb li h1 {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "Verdana", "Lucida Grande", "Tahoma", "Helvetica", sans-serif;
}
#breadcrumb li + li:before{
  content:  ' > ';
}
#index #breadcrumb {
	display: none;
}
/* above and equal to 960px width */
@media only screen and (min-width: 960px) {
	.not-for-desktop {
		display: none;
	}
	.only-for-tablet , .only-for-mobile {
		display: none;
	}
}
/* under 960px width */
@media only screen and (min-width: 640px) and (max-width: 959px) {
		
	.not-for-tablet {
		display: none;
	}
	.only-for-desktop , .only-for-mobile {
		display: none;
	}
	header .wrap::before {
		top: -60px;
	}
	.menu li a {
		padding: 0 10px;
	}
	.menu li ul a {
		line-height: 40px;
		height: 40px;
	}
	h1#logo {
		left: 145px;
	}
	#main, header .wrap, footer .inner, .push {
		width: 640px;
	}	
	footer {
		min-width: 640px;
	}
	#main > article:first-child {
		background: url('../img/bg-header-photo-small.jpg') no-repeat center top;
		padding-top: 300px;
	}
	header nav a {
		padding-right: 20px;
		font-size: 18px;
	}
	#main > article, #main > section {
		padding-left: 10px;
		padding-right: 10px;
	}
	.details {
		margin-left: -10px;
		margin-right: -10px;
	}
	.image-wrapper {
		padding-left: 10px;
		padding-bottom: 10px;
	}
	.even .details.more:after, .even .details.more:before {
		left: 270px;
	}
	.even .details.enroll:after, .even .details.enroll:before {
		left: 475px;
	}
	.details.more:after, .details.more:before {
		left: 50px;
	}
	.details.enroll:after, .details.enroll:before {
		left: 250px;
	}
	footer .col1, footer .col3, footer .bottom {
		left: 10px;
	}
	footer .col1, footer .col2 {
		width: 300px;
	}
	footer .col2 {
		left: 330px;
	}
	footer .col3 {
		top: 390px;
		width: 620px;
	}
	footer .col3 h3, footer .col3 ul {
		display: inline;
	}
	footer .col3 h3 {
		padding: 0 40px 0 0;
	}
	footer .bottom {
		top: 460px;
	}
	#main > article, #main > section {
		background: url('../img/bg-separator-small.png') no-repeat center top;
	}
	footer > * {
		padding-left: 10px;
	}
}

/* under 640px width */
@media only screen and (max-width: 639px) {
	
	.not-for-mobile {
		display: none;
	}
	.only-for-desktop , .only-for-tablet {
		display: none;
	}
	header .wrap::before {
		left: 10px;
		top: -110px;
	}
	.menu li a:hover{
		background: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#main, header .wrap, footer .inner, .push {
		width: 320px;
	}
	footer {
		min-width: 320px;
	}
	#main > article:first-child {
		background: url('../img/bg-header-photo-smallest.jpg') no-repeat center top;
		padding-top: 155px;
	}
	header {
		height: 85px;
	}
	#main {
		padding-top: 85px;
	}
	.details {
		margin-left: -10px;
		margin-right: -10px;
	}
	.image-wrapper {
		padding: 0 0 10px 0;
	}
	.details .details-close {
		right: 10px;
	}
	.even .details.more:after, .even .details.more:before {
		left: 50px;
	}
	.even .details.enroll:after, .even .details.enroll:before {
		left: 235px;
	}
	.details.more:after, .details.more:before {
		left: 50px;
	}
	.details.enroll:after, .details.enroll:before {
		left: 230px;
	}
	#mobile-menu {
		position: fixed;
		background-color: #313233;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 0px 10px 40px;
		box-sizing: border-box;
		color: #b3b3b3;
		display: none;
		z-index: 5;
		overflow: auto;
		font-size: 20px;
	}
	#mobile-menu .inner {
		width: 320px;
		margin: 0 auto;
		padding-top: 85px;
	}
	#mobile-menu li {
		padding-top: 20px;
	}/
	#mobile-menu a {
		color: orange;
		text-decoration: none;
	}
	#mobile-menu li:last-child {
		padding-bottom: 20px;
	}
	#mobile-menu ul ul {
		padding-left: 20px;
	}
	#mobile-menu li li:last-child {
		padding-bottom: 0;
	}
	h1#logo {
		left: 90px;
	}
	#nav-menu span {
		display: none;
	}
	#nav-menu a {
		position: absolute;
		top: 4px;
		left: 162px;
		width: 38px;
		height: 38px;
		background: url('../img/bg-button-menu.png') no-repeat left center;
		padding: 0;
	}
	#main > article, #main > section {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
	}
	h2 {
		font-size: 60px;
		padding-top: 30px;
	}
	h3 {
		font-size: 24px;
	}
	#main > article, #main > section {
		background: url('../img/bg-separator-smaller.png') no-repeat center top;
	}
	.more-toggle {
		margin-right: 70px;
	}
	.seats {
		left: 0;
	}
	fieldset div {
		padding-left: 0;
	}
	input[type="text"], textarea, select {
		margin-top: 25px;
	}
	.label-checkbox {
		left: 0;
		width: 240px;
	}
	.wrapper-public {
		height: 44px;
	}
	footer .col {
		position: static;
		padding: 20px 10px;
	}
	footer > * {
		padding-left: 10px;
	}
}
/* double resolution images for high-density displays */
/* todo: delete @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	h1#logo {
		background: url('../img/bg-header-logo@2x.png') no-repeat left center;
		background-size: 197px 19px;
	}
} */