/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 2, 2024 */
@font-face {
    font-family:'montserratblack';
    src:url('../fonts/montserrat-black-webfont.eot');
    src:url('../fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-black-webfont.woff') format('woff'),
         url('../fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratblack_italic';
    src:url('../fonts/montserrat-blackitalic-webfont.eot');
    src:url('../fonts/montserrat-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-blackitalic-webfont.woff') format('woff'),
         url('../fonts/montserrat-blackitalic-webfont.svg#montserratblack_italic') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratbold';
    src:url('../fonts/montserrat-bold-webfont.eot');
    src:url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratbold_italic';
    src:url('../fonts/montserrat-bolditalic-webfont.eot');
    src:url('../fonts/montserrat-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bolditalic-webfont.woff') format('woff'),
         url('../fonts/montserrat-bolditalic-webfont.svg#montserratbold_italic') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratextrabold';
    src:url('../fonts/montserrat-extrabold-webfont.eot');
    src:url('../fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-extrabold-webfont.woff') format('woff'),
         url('../fonts/montserrat-extrabold-webfont.svg#montserratextrabold') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratextrabold_italic';
    src:url('../fonts/montserrat-extrabolditalic-webfont.eot');
    src:url('../fonts/montserrat-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-extrabolditalic-webfont.woff') format('woff'),
         url('../fonts/montserrat-extrabolditalic-webfont.svg#montserratextrabold_italic') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratextralight';
    src:url('../fonts/montserrat-extralight-webfont.eot');
    src:url('../fonts/montserrat-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-extralight-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-extralight-webfont.woff') format('woff'),
         url('../fonts/montserrat-extralight-webfont.svg#montserratextralight') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratextralight_italic';
    src:url('../fonts/montserrat-extralightitalic-webfont.eot');
    src:url('../fonts/montserrat-extralightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-extralightitalic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-extralightitalic-webfont.woff') format('woff'),
         url('../fonts/montserrat-extralightitalic-webfont.svg#montserratextralight_italic') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratitalic';
    src:url('../fonts/montserrat-italic-webfont.eot');
    src:url('../fonts/montserrat-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-italic-webfont.woff') format('woff'),
         url('../fonts/montserrat-italic-webfont.svg#montserratitalic') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratlight';
    src:url('../fonts/montserrat-light-webfont.eot');
    src:url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff'),
         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratlight_italic';
    src:url('../fonts/montserrat-lightitalic-webfont.eot');
    src:url('../fonts/montserrat-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-lightitalic-webfont.woff') format('woff'),
         url('../fonts/montserrat-lightitalic-webfont.svg#montserratlight_italic') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratmedium';
    src:url('../fonts/montserrat-medium-webfont.eot');
    src:url('../fonts/montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-medium-webfont.woff') format('woff'),
         url('../fonts/montserrat-medium-webfont.svg#montserratmedium') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratmedium_italic';
    src:url('../fonts/montserrat-mediumitalic-webfont.eot');
    src:url('../fonts/montserrat-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-mediumitalic-webfont.woff') format('woff'),
         url('../fonts/montserrat-mediumitalic-webfont.svg#montserratmedium_italic') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratregular';
    src:url('../fonts/montserrat-regular-webfont.eot');
    src:url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratsemibold';
    src:url('../fonts/montserrat-semibold-webfont.eot');
    src:url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('../fonts/montserrat-semibold-webfont.svg#montserratsemibold') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratsemibold_italic';
    src:url('../fonts/montserrat-semibolditalic-webfont.eot');
    src:url('../fonts/montserrat-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-semibolditalic-webfont.woff') format('woff'),
         url('../fonts/montserrat-semibolditalic-webfont.svg#montserratsemibold_italic') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'montserratthin_italic';
    src:url('../fonts/montserrat-thinitalic-webfont.eot');
    src:url('../fonts/montserrat-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-thinitalic-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-thinitalic-webfont.woff') format('woff'),
         url('../fonts/montserrat-thinitalic-webfont.svg#montserratthin_italic') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'manropebold';
    src:url('../fonts/manrope-bold-webfont.eot');
    src:url('../fonts/manrope-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manrope-bold-webfont.woff2') format('woff2'),
         url('../fonts/manrope-bold-webfont.woff') format('woff'),
         url('../fonts/manrope-bold-webfont.svg#manropebold') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'manropelight';
    src:url('../fonts/manrope-light-webfont.eot');
    src:url('../fonts/manrope-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manrope-light-webfont.woff2') format('woff2'),
         url('../fonts/manrope-light-webfont.woff') format('woff'),
         url('../fonts/manrope-light-webfont.svg#manropelight') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'manropemedium';
    src:url('../fonts/manrope-medium-webfont.eot');
    src:url('../fonts/manrope-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manrope-medium-webfont.woff2') format('woff2'),
         url('../fonts/manrope-medium-webfont.woff') format('woff'),
         url('../fonts/manrope-medium-webfont.svg#manropemedium') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'manroperegular';
    src:url('../fonts/manrope-regular-webfont.eot');
    src:url('../fonts/manrope-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manrope-regular-webfont.woff2') format('woff2'),
         url('../fonts/manrope-regular-webfont.woff') format('woff'),
         url('../fonts/manrope-regular-webfont.svg#manroperegular') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'manropesemibold';
    src:url('../fonts/manrope-semibold-webfont.eot');
    src:url('../fonts/manrope-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manrope-semibold-webfont.woff2') format('woff2'),
         url('../fonts/manrope-semibold-webfont.woff') format('woff'),
         url('../fonts/manrope-semibold-webfont.svg#manropesemibold') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}
@font-face {
    font-family:'manropethin';
    src:url('../fonts/manrope-thin-webfont.eot');
    src:url('../fonts/manrope-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/manrope-thin-webfont.woff2') format('woff2'),
         url('../fonts/manrope-thin-webfont.woff') format('woff'),
         url('../fonts/manrope-thin-webfont.svg#manropethin') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:fallback;
}


*{
  margin:0;
  padding:0;
  border-collapse:collapse;
}
html{
  height:100%;
}
body{
	position:relative;
	min-height:100%;
	margin:0 auto;
	padding:0 !important;
	overflow-x:hidden;
	font:14px normal normal;
	font-family:'manroperegular', 'Verdana', sans-serif;
	color:#727272;
	color:#333333;
}
td{
  vertical-align:top;
}
#content table{
	margin:0 0 20px;
}
#content td, #content th{
	padding:8px;
	text-align:left;
	vertical-align:middle;
}
a{
	text-decoration:none;
	color:#ca7211;
}
a:hover, a:active{
	color:#ca7211;
}
p a:hover, li a:hover{
	text-decoration:underline;
}
p{
	line-height:1.4;
}
#content ul{
	margin:10px 0 20px 20px;
}
#content ol{
	margin:10px 0 20px 20px;
}
@media(max-width:800px){
	#content ul, #content ol{
		margin:10px 0 20px 10px;
		padding:0 0 0 15px;
	}
}
@media(max-width:400px){
	#content ul, #content ol{
		margin:10px 0 20px 0px;
		padding:0 0 0 20px;
	}
}
img{
	margin-bottom:10px;
}
#content img{
	border-radius:10px;
}
h4 img{
	margin-bottom:0px;
}
@media(max-width:1100px){
	img.big-img{
		max-width:100%;
	}
}
@media(max-width:800px){
	img{
		max-width:100%;
		max-height:max-content;
		height:auto !important;
	}
	img.big-img{
		max-width:70%;
	}
}
fieldset{
	border:none;
}
#content label img{
	margin:0 10px;
	vertical-align:middle;
}
#content .radio.inline{
	margin:0 20px 0 0;
}
#content .control-label{
	margin:0 0 20px 0;
}
select{
	position:relative;
	max-width:100%;
	padding:10px 55px 10px 15px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor:pointer;
	font-size:17px;
	border-radius:5px;
	border:1px solid #d6d8d9;
	background:url('../uploads/images/select-arr.png') no-repeat top 50% right 15px #fff;
	color:#727272;
}
#responce-filter select{
	max-width:100%;
	padding:15px 70px 15px 50px;
	font-size:17px;
	border-radius:25px;
	border:1px solid #ff7f00;
	background:url('../uploads/images/select-arr-orange.png') no-repeat top 50% right 50px #fff;
	color:#727272;
}
@media(max-width:800px){
	#responce-filter select{
		padding:15px 40px 15px 10px;
		background:url('../uploads/images/select-arr-orange.png') no-repeat top 50% right 10px #fff;
	}
}
input[type="text"], input[type="password"], input[type="email"], input[type="phone"]{
	box-sizing: border-box;
	max-width:100%;
	padding:10px 55px 10px 15px;
	font-size:17px;
	border-radius:5px;
	border:1px solid #d6d8d9;
	color:#727272;
}
textarea{
	box-sizing: border-box;
	width:100% !important;
	max-width:926px;
	margin:0 0 10px;
	padding:10px 55px 10px 15px;
	font-size:17px;
	border-radius:5px;
	border:1px solid #d6d8d9;
	color:#727272;
}
.controls .help-inline{
	display:block;
	margin:5px 0 0;
}
@media(min-width:800px){
	.mobile{
		display:none;
	}
	.nomobile-right{
		float:right;
	}
}
@media(max-width:800px){
	.nomobile{
		display:none;
	}
}
#header{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	height:105px;
	padding:0 15px 0;
}
@media(min-width:1000px){
	#header{
		max-width:1500px;
		height:160px;
		margin:0 auto;
		padding:30px 0 0;
		background:#fff;
	}
}
@media(max-width:1000px){
	#header{/*
		margin:0 0 44px;*/
	}
	#header:after{
		content:'';
		position:absolute;
		top:40px;
		width:calc(100% - 30px);
		border:1px solid #abb9cc;
	}
}
@media(max-width:400px){
	#header{
		padding:0 8px;
	}
}
#header >*{
	flex-grow:0;
}

.logo{
	flex-grow:1 !important;
	position:relative;
	margin-right:20px;
}
@media(max-width:1200px){
	#header >*{
		flex-grow:1;
	}
	.logo{
		flex-grow:.5 !important;
	}
}
.logo a{
	display:inline-block;
}
.logo img{
	max-width:100%;
}
@media(max-width:1520px){
	.logo{
		margin-left:20px;
	}
}
@media(max-width:1000px){
	#header .logo{
		position:absolute;
		top:50px;
		margin:0;
		padding:0;
	}
	.logo img{
		width:226px !important;
	}
	.logo-title{
		font-size:15px !important;
	}
	.logo-slogan{
		font-size:9px !important;
	}
}

#personal{
	display:flex;
	margin:25px 10px 0 0;
	list-style:none;
	font-size:18px;
}
#personal a{
}
@media(max-width:1520px){
	#personal{
		margin:25px 10px 0 0;
		font-size:12px;
	}
}
@media(max-width:1000px){
	#personal{
		margin:10px 10px 0 0;
	}
}
#personal li{
	margin-right:20px;
	padding-right:15px;
}
@media(max-width:600px){
	#personal li{
		margin-right:8px;
		padding-right:8px;
	}
}
#personal li:not(:last-child){
	border-right:1px solid #ff7f01;
}
#personal a{
	color:#666;
}

.download-mobile{
	box-sizing:border-box;
	font-family:'manropesemibold', 'Verdana', sans-serif;
	background:#c6075c;
	color:#fff !important;
}
@media(min-width:1000px){
	.download-mobile{
		box-sizing:border-box;
		width:215px;
		margin:10px 20px 0 0;
		padding:8px 22px 8px 22px;
		text-align:center;
		line-height:1;
		font-size:18px;
		font-family:'manropesemibold', 'Verdana', sans-serif;
		border-radius:30px;
		background-position:160px 6px;
		color:#fff;
	}
}
@media(max-width:1000px){
	.download-mobile{
		display:none;
		position:absolute;
		left:0;
		top:100%;
		z-index:1000;
		width:100%;
		padding:16px 0px 15px 30px;
		font-size:14px;
		text-transform:lowercase;
	}
	.download-mobile:first-letter{
		text-transform:uppercase;
	}
	.download-mobile:before{
		content:'';
		position:absolute;
		left:12px;
		top:50%;
		width:9px;
		height:9px;
		margin-top:-7px;
		border-top:3px solid #fff;
		border-right:3px solid #fff;
		transform:rotate(45deg);
	}
}

.social{
	display:flex;
	margin:10px 10px 0 0;
	list-style:none;
}
.social li{
	margin-right:15px;
}
@media(max-width:1000px){
	.social{
		margin:10px 0 0 0;
	}
	.social li{
		margin-right:5px;
	}
	.social li:last-child{
		margin-right:0;
	}
	.social img{
		width:20px;
	}
}
@media(max-width:1000px){
	.hamburger{
		position:absolute;
		right:15px;
		bottom:15px;
		width:36px;
		height:35px;
		background:url('../uploads/images/hamburger.png') no-repeat 0 0;
	}
}

#topmenu{
	position:relative;
	z-index:100;
	max-width:1500px;
	margin:0 auto;
}
@media(max-width:1000px){
	#topmenu{
		display:none;
	}
}
#topmenu ul{
	position:absolute;
	top:-50px;
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	width:100%;
	overflow:hidden;
	list-style:none;
	text-align:center;
	background:#e5e5e5;
}
#topmenu li{
	height:50px;
	margin-bottom:-1px;
	border-bottom:1px solid #fff;
	border-right:1px solid #2079a4;
}
#topmenu li:nth-child(6n){
	border-right:none;
}
#topmenu a{
	display:block;
	display:flex;
	align-items:center;
	justify-content:center;
	height:calc(100% - 30px);
	height:calc(100%);
	padding:0px 0px;
	font-size:17px;
	color:#000;
}
#topmenu li.active a, #topmenu a:hover{
	text-decoration:none;
	background:#2079a4;
	color:#fff;
}

#start-top{
	position:relative;
	height:619px;
	background:url('../uploads/images/start.png') no-repeat 95% 50% #fff;
	background-size: auto 80%;
}
@media(max-width:1024px){
	#start-top{
		height:auto;
		padding-bottom:32vw;
		background-position:50% 100%;
		background-size: 30% auto;
	}
}
@media(max-width:360px){/*
	#start-top{
		background:url('../uploads/images/start-mobile.jpg') no-repeat 90% 0;
	}*/
}
#start-text{
	max-width:1450px;
	margin:0 auto;
	padding:35px 25px 0;
	color:#fff;
}
@media(max-width:300px){
	h1, h2, h3, h4, h5, h6{
		word-break: break-all;
	}
}
h1,h2,h3, h4, h5, h6{
	line-height:1;
}
h1{
	margin:50px 0 40px;
	font-size:40px;
	font-family:'manropebold', 'Arial', sans-serif;
	color:#333;
}
h1:first-child{
	margin-top:10px;
}
#start-text h1{
	margin:20px 490px 40px 0;
	font-size:72px;
	font-family:'montserratbold', 'Arial', sans-serif;
	color:#000;
}
@media(max-width:1600px){
	#start-text h1{
		margin:20px 490px 25px 0;
		line-height:.9;
	}
}
#start-text p{
	padding:0 520px 35px 0;
	line-height:1.4;
	font-size:23px;
	color:#000;
}
@media(max-width:1280px){
	#start-text p{
		padding:0 520px 10px 0;
	}
}
.btn+btn{
	margin-top:20px;
}
.yel-btn, input[type="submit"], input[type="button"]{
	position:relative;
	display:inline-block;
	padding:25px 35px 25px 85px;
	cursor:pointer;
	font-size:23px;
	font-family:'manropesemibold', 'Verdana', sans-serif;
	border:none;
	border-radius:40px;
	background:#61cbfd;
	color:#fff !important;
}
input[type="submit"], input[type="button"]{
	padding:25px 35px 25px 35px;
}
.yel-btn:hover, input[type="submit"]:hover, input[type="button"]:hover,
.yel-btn:active, input[type="submit"]:active, input[type="button"]:active,
.yel-btn:focus, input[type="submit"]:focus, input[type="button"]:focus{
	background:#2079a4;
}
.yel-btn.btn-small, #order button{
	padding:15px 35px 15px 70px;
}
.dark-btn{
	background-color:#2079a4;
}

.yel-btn:before{
	content:'';
	position:absolute;
	left:34px;
	top:50%;
	width:14px;
	height:14px;
	margin-top:-10px;
	border-top:4px solid #fff;
	border-right:4px solid #fff;
	transform:rotate(45deg);
}
.yel-btn.btn-small:before{
	left:25px;
}
@media(max-width:800px){
	.yel-btn:before, input[type="submit"]:before, input[type="button"]:before{
		left:19px;
	}
}
#pay-btn{
	margin:0 0 20px;
}

label.control-label{
	display:block;
	margin:0 0 5px;
	font-family:'manropesemibold', 'Verdana', sans-serif;
	font-size:19px;
	color:#000;
}
label.control-label[for="user_is_subscribed"]{
	display:inline;
}
label.control-label[for="user_is_subscribed"]+.controls{
	display:inline;
	margin:0px 0 0 10px;
	vertical-align:1px;
}
@media(max-width:1220px){
	#start-text p{/*
		padding:0 20px 35px 0;*/
		line-height:1.2;
		font-size:20px;
	}
}
@media(max-width:1024px){
	#start-text{/*
		position:absolute;
		bottom:0px;
		padding-bottom:200px;*/
		padding: 25px 15px 0;
	}
	h1{
		margin:20px 0 13px !important;
		font-size:30px !important;
	}
	#start-text h1{
		display:none;
	}
	#start-text p{
		padding-right:0;
		font-size:15px;
	}
	.yel-btn, input[type="submit"], input[type="button"], #order button{
		margin:0 0 10px;
		padding:12px 17px 12px 32px;
		font-size:15px;
	}
	#order button{
		display:block;
		margin:0 auto;
	}
	.yel-btn.btn-small{
		padding:15px 15px 15px 32px;
	}
	.yel-btn:before, #order button:before{
		left:12px !important;
		top:50%;
		width:9px;
		height:9px;
		margin-top:-7px;
		border-top:3px solid #fff;
		border-right:3px solid #fff;
		transform:rotate(45deg);
	}
	.yel-btn.btn-small:before{
		left:6px !important;
	}
}
@media(max-width:600px){
	.yel-btn, input[type="submit"], input[type="button"], #order button{
		margin:0 0 10px;
		padding:12px 17px 12px 32px;
		font-size:15px;
	}
	#order button{
		display:block;
		margin:0 auto;
	}
	.yel-btn.btn-small{
		padding:15px 15px 15px 22px;
	}
	.yel-btn:before, #order button:before{
		left:12px !important;
		top:50%;
		width:9px;
		height:9px;
		margin-top:-7px;
		border-top:3px solid #fff;
		border-right:3px solid #fff;
		transform:rotate(45deg);
	}
	.yel-btn.btn-small:before{
		left:6px !important;
	}
}
@media(max-width:360px){
	h1{
		font-size:28px !important;
	}
}

#mainmenu{
	background:linear-gradient(to right, #ca7211 0, #ca7211 50%, #2079a4 51%, #2079a4 100%);
}
@media(min-width:1000px){
	#mainmenu{
		padding-top:50px;
	}
}
@media(max-width:300px){
	#mainmenu{/*
		padding-top:20px;*/
	}
}/*
#start #mainmenu{
	padding-top:0px;
}*/
#mainmenu ul{
	max-width:1500px;
	height:225px;
	margin:0 auto;
	display:flex;
	align-items:stretch;
	list-style:none;
}
#mainmenu li{
	flex-grow:1;
}
#mainmenu a{
	display:block;
	height:100%;
	box-sizing:border-box;
	padding:100px 50px 0;
	text-decoration:none;
	font-size:36px;
	font-family:'manropesemibold', 'Verdana', sans-serif;
	background:url('../uploads/images/mainmenu-arr.png') no-repeat 50px 35px;
	color:#fff;
}
#mainmenu li:first-child a{
	background-color:#ca7211;
}
#mainmenu li:nth-child(2) a{
	background-color:#61cbfd;
}
#mainmenu li:nth-child(3) a{
	background-color:#2079a4;
}
@media(max-width:1220px){
	#mainmenu ul{
		height:auto;
	}
	#mainmenu a{
		padding:80px 20px 30px;
		font-size:24px;
		background-position:20px 25px;
	}
}
@media(max-width:800px){
	#mainmenu ul{
		display:block;
	}
	#mainmenu a{
		padding:20px 20px 20px;
		text-align:center;
		font-size:16px;
		background:none;
	}
}

#courses{
	max-width:1500px;
	margin:0 auto;
	padding:50px 25px 50px;
}
#courses-inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:35px 50px 30px;
}
@media(min-width:915px){
	#courses > h2{
		font-size:40px;
		text-align:center;
	}
	#courses > p{
		max-width:945px;
		margin:0 auto;
	}
}

@media(max-width:915px){
	#courses{
		padding:0px 25px 50px;
	}
	#courses > h2{
		font-size:30px !important;
	}
	#courses > p{
		max-width:945px;
		margin:0 auto;
	}
}
@media(max-width:480px){
	#courses-inner{
		margin:35px auto 30px;
	}
}
.course-start{
	width: 325px;
	max-width:100%;
	height:420px !important;
	margin:0 10px 10px;
	border-radius:7px;
	background-position:50% 0, 0 420px;
	background-repeat:no-repeat;
}
.course-inner{
	box-sizing:border-box;
	width:325px;
	max-width:100%;
	margin:0 auto 0;
	padding:180px 20px 0;
}
.price{
	display:inline-block;
	padding:5px 15px 2px;
	font-size:24px;
	font-family:'manropesemibold', 'Verdana', sans-serif;
	border-radius:7px;
	background:#2079a4;
	color:#fff !important;
}
.course-start .price{
	position:absolute;
	top:-35px;
	left:0;
	display:inline-block;
	padding:6px 15px 4px;
	font-size:17px;
	font-family:'manropesemibold', 'Verdana', sans-serif;
}
.price.free{
	background:#6dab19;
}
.price s{
	color:#000;
}
.course-text{
	display:block;
	position:relative;
	box-sizing:border-box;
	width:285px;
	max-width:100%;
	padding:10px 20px 40px;
	border-radius:7px;
	background:#fff;
}
.course-text p{
	color:#333;
}
.course-type{
	font-size:14px;
	color:#b3b3b3;
}
.course-text h4{
	padding:0px 0 10px;
	font-size:18px;
	color:#333;
}
.course-text .more{
	position:absolute;
	left:20px;
	bottom:10px;
}
@media(max-width:480px){
	.course-start{
		position:relative;
		height:auto !important;
		padding:0px 0px 450px;
		border-radius:7px;/*
		background-position:left 50% top -420px, left 50% bottom 40px;*/
		background-position:left 50% bottom 40px;
	}
	.course-start:nth-child(3)~.course-start{
		display:none !important;
	}
	.course-inner{
		box-sizing:border-box;
		width:325px;
		margin:0 auto 0;
		padding:0;
	}
	.course-text{
		position:static;
		width:auto;
		padding:10px 20px 20px;
		border-radius:7px 7px 0 0;
		background-color:#f0f4f7;
	}
	.course-type{
		color:#ff8000;
	}
	.course-text h4{
		padding:10px 0 10px;
		line-height:1.2;
	}
	.price{
		display:block;
		position:static !important;
		margin-top:30px;
	}
	td .price{
		display:inline;
		margin-top:0px;
		vertical-align:middle;
		font-size:20px;
	}
	.course-text .more{
	}
}
@media(max-width:480px){
	.course-start{
		margin:35px auto 30px;
	}
}
.center{
	text-align:center;
}
@media(min-width:915px){
	#courses .yel-btn{
		display:none;
	}
}

#about{
	background:#e2dad7;
}
#about-inner{
	max-width:1500px;
	margin:0 auto;
	padding:80px 25px 50px;
		background:url('../uploads/images/traditional/people/portrait-founder-wide-reference.png') no-repeat 100% 0 #e2dad7;
}
h2{
	margin:30px 0 15px;
	font-size:35px;
	font-family:'montserratsemibold', 'Arial', sans-serif;
	color:#000;
}
.about h2{
	margin:30px 0 15px;
	font-size:35px;
	font-family:'montserratsemibold', 'Arial', sans-serif;
	color:#727272;
}
#start h2{
	margin:40px 0 30px;
	font-size:40px;
	font-family:'montserratextrabold', 'Arial', sans-serif;
	color:#333;
}
#start p{
	line-height:1.2;
}
#about p{
	padding:0 790px 20px 0;
	line-height:1.4;
	font-size:14px;
}
.more{
	position:relative;
	display:inline-block;
	margin:30px 0 0;
	font-size:110%;
}
.more:after{
	content:'';
	position:absolute;
	right:-30px;
	top:50%;
	width:11px;
	height:11px;
	margin-top:-8px;
	border-top:3px solid #ca7211;
	border-right:3px solid #ca7211;
	transform:rotate(45deg);
}
@media(min-width:1020px){
	#about-inner{
		min-height:447px;
	}
}
@media(max-width:1520px){
	#about-inner{
		padding:10px 25px 10px;
	}
	#about-inner h2{
		margin:0 0 20px;
		padding-top:25px;
	}
	#about p{
		padding:0 720px 10px 0;
	}
	.more{
		margin:10px 0 0;
	}
}
@media(max-width:1020px){
	#about-inner{
		padding:0 15px 10px;
		background-size:110%;
		background-position:50% 0;
	}
	h2{
		font-size:30px;
	}
	#about-inner h2{
		margin:0 0 110vw;
	}
	#about p{
		padding:0 0 10px 0;
	}
}

.content-inner p, .content-inner li, .content-inner div.bigger-text{
	padding:0 0 10px;
	line-height: 1.4;
	font-size:18px;
}
@media (max-width: 1000px) {
	.content-inner p, .content-inner li{
	}
}
.content-inner > ul{
	padding:0 0 10px 20px;
}
#content{
	overflow-x:hidden;
}
.content-inner{
	box-sizing:border-box;
	max-width:1500px;
	margin:0 auto;
	padding:80px 25px 60px;
}
#books .content-inner{
	padding-top:15px;
}
.content-text{
	padding:1px 0px;
}
#responce-filter~.content-text{
	padding:1px 24px;
}
.content-text p{
}

@media(max-width:1000px){
	.content-inner{
		padding:30px 10px 60px;
	}
	#books  .content-inner{
		padding-bottom:20px;
	}
	.content-text{
		padding:1px 0px;
	}
	.course-for+.content-text{
		padding:1px 20px;
		margin:0 -20px;
		background:#f0f4f7;
	}
	p{
		font-size:14px;
	}
}


/*Отзывы общие*/
.responce-start:before{
	content:'';
	position:absolute;
	top:-16px;
	left:-10px;
	width:58px;
	height:33px;
	background:url('../uploads/images/responce-before-active.png') no-repeat;
	background-size:contain;
}
.responce-start:after{
	content:'';
	position:absolute;
	bottom:-16px;
	right:-10px;
	width:58px;
	height:33px;
	background:url('../uploads/images/responce-after-active.png') no-repeat;
	background-size:contain;
}
.responce h4, .responce-start h4{
	font-family:'manropebold', 'Arial', sans-serif;
	font-size:23px;
}
@media(max-width:1000px){
	.responce{
		text-align:center;
	}
	.responce h4{
		padding:10px 0 12px;
		font-family:'manropesemibold', 'Arial', sans-serif;
		font-size:18px;
	}
}
/*Отзывы на главной*/

#responces{
	max-width:1500px;
	margin:0 auto;
	padding:50px 25px 50px;
	text-align:center;
}
#responces-content{
	max-width:1500px;
	margin:0 -50px;
	padding:10px 25px 0px;
}
#responces-content h2, #responces-content>p{
	text-align:center;
}
#responces-inner{
	padding:60px 0;
}
@media(max-width:1500px){
	#responces-inner{
		margin:0px 50px 0px;
	}
}
@media(max-width:1000px){
	#responces-inner{
		margin:0px 20px 0px;
	}
}
@media(max-width:450px){
	#responces-inner{
		margin:0;
	}
}
#responces-inner-content{
	padding:30px 0 10px;
}
@media(max-width:915px){
	#responces{
		padding:0px 25px 50px;
		text-align:left;
	}
	#responces > h2{
		font-size:40px;
	}
	#responces > p{
		max-width:945px;
		margin:0 auto 10px;
	}
	#responces-content>p{
		display:none;
	}
}
.responces-wrap{
	display:flex !important;
	flex-wrap:wrap;
	grid-gap:40px;
}
.responce-cover{
	position:relative;
	width:470px;
	max-width:470px;
	height:495px;
	min-height:495px;
	margin:15px 0px 45px 3px;
}
.responce-cover.extended{
	z-index:100;
}
.responce-cover:nth-child(4){
	width:983px;
	max-width:983px;
}
.responce-cover:nth-child(n+4){
	height:425px;
	min-height:425px;
}
.responce-cover:nth-child(n+4) .responce{
	height:380px;
	min-height:380px;
}
/*.responce-cover.extended:nth-child(n+4) .responce{
	height:auto;
}*/
.responce{
	position:relative;
	height:450px;
	min-height:450px;
	padding:25px 25px 20px;
	background:#eff3f7;
}
.responce-cover .responce-scroll{
	height:100%;
}
.responce-scroll{
	position:relative;
}
@media(min-width:1001px){
	.responce-cover.extended .responce-scroll:before{
		content:'';
		position:absolute;
		top:0;
		left:0;
		z-index:10;
		width:100%;
		height:40px;
		background:linear-gradient(to top, transparent 0, #eff3f7 50%);
	}
	.responce-cover.extended .responce-scroll:after{
		content:'';
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:40px;
		background:#eff3f7;
		background:linear-gradient(to bottom, transparent 0, #eff3f7 50%);
	}
}
.responce-cover.extended .responce{
	box-shadow: 0px 13px 28px -24px #000000;
}
@media(min-width:1001px){
	.responce-cover.extended .responce{
		overflow-y:scroll;
	}
}
@media(max-width:1000px){
	.responce-cover.extended .responce{
		height:auto;
	}
}
/*.responce-cover.extended:nth-child(n+4) .responce{
	position:absolute;
	bottom:20px;
	height:auto;
	box-shadow: -0px -13px 28px -24px #000000;
}*/
/*нижний отступ для мобильного и десктопа*/
@media(max-width:1000px){
	.responce-cover .responce{
		padding-bottom:30px;
	}
}
@media(min-width:1001px){
	.responce-cover.extended .responce-date{
		margin:0 0 30px;
	}
}
@media(max-width:1630px){
	#responces-inner-content{
		margin:0 60px 30px;
	}
	.responces-wrap .responce-cover{
		width:calc(50% - 30px)!important;
		max-width:calc(50% - 30px)!important;
	}
	.responces-wrap .responce-cover:nth-child(n+5){
		display:none;
	}
}
@media(max-width:1000px){
	#responces-inner-content{
		margin:0 20px 30px;
	}
	.responces-wrap:nth-child(n+2){
		display:none !important;
	}
	.responces-wrap .responce-cover, .responces-wrap .responce{
		height:auto !important;
		min-height:0 !important;
	}
}
@media(max-width:780px){
	.responces-wrap .responce-cover{
		width:auto!important;
		max-width:100% !important;
	}
	.responces-wrap .responce-cover:nth-child(n+5){
		display:none;
	}
	.responces-wrap .responce-cover:nth-child(n+4){
		display:none;
	}
}
@media(max-width:360px){
	#responces-content{
		margin:0 -10px;
		padding:10px 0 10px;
	}
	#responces-inner-content{
		margin:0 0px 10px;
	}
}
.responces-wrap h4{
	color:#71563b;
}
.responces-wrap .responce-cover:not(.extended) .responce-text{
	-webkit-line-clamp:11;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.responces-wrap .responce-cover:not(.extended):nth-child(n+4) .responce-text{
	-webkit-line-clamp: 9;
}
.responces-wrap .responce-text p{
	padding:0 !important;
}
.responce-cover:not(.extended) .responce-author{
	position:absolute;
	bottom:45px;
	width:100%;
	width:calc(100% - 50px);
	padding:18px 0 5px;
}
.responce-cover:not(.extended) .responce-date{
	position:absolute;
	bottom:30px;
	width:100%;
	width:calc(100% - 50px);
}

/**/

@media(max-width:1000px){
	.responces-wrap .responce .responce-author,
	.responces-wrap .responce .responce-date{
		position:static;
		width:auto;
	}
	.responces-wrap .responce-text{
		-webkit-line-clamp:unset;
	}
}
@media(max-width:680px){
	.responce-start:nth-child(n+4){
		display:none !important;
	}
}

.responce-start{
	position:relative;
	margin:15px 40px 45px;
	padding:25px 25px 20px;
	background:#eff3f7;
}
@media(max-width:840px){
	.responce-start{
		margin:15px 10px 45px;
	}
}
@media(max-width:450px){
	.responce-start{
		margin:15px 0px 45px;
	}
}
.responce-start .responce-text{
	position:relative;
	-webkit-line-clamp:7;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:15px;
}
.responce-start .responce-text p{
	font-size:15px;
}
.responce .responce-author{
	padding:15px 0 5px;
	font-family:'manropebold', 'Arial', sans-serif;
	font-size:19px;
	background:#eff3f7;
	color:#000;
}
.responce-start .responce-author{
	padding-top:45px;
	padding-bottom:8px;
	font-family:'manropebold', 'Arial', sans-serif;
	font-size:19px;
	background:url('../uploads/images/stars.png') no-repeat 50% 20px;
	color:#000;
}
.responce-date{
	font-size:15px;
	background:#eff3f7;
	color:#737373;
}
/*Страница отзывов*/
#responce-filter{
	padding:60px 0 5px;
}
#responce-list{
	padding:55px 0 130px;
}
.responce-full{
	max-width:1225px;
	height:auto;
	min-height:0;
	margin:0 0 60px;
	padding:25px 24px 20px;
}
.responce-full:before, 
.responces-wrap .responce-cover:before{
	content:'';
	position:absolute;
	top:-16px;
	left:24px;
	z-index:100;
	width:58px;
	height:33px;
	background:url('../uploads/images/responce-before.png') no-repeat;
	background-size:contain;
}
.responce-full:after, 
.responces-wrap .responce-cover:after{
	content:'';
	position:absolute;
	bottom:-16px;
	right:24px;
	width:58px;
	height:33px;
	background:url('../uploads/images/responce-after.png') no-repeat;
	background-size:contain;
}
.responce-full h4{
	color:#71563b;
}
.responce-full p{
	margin:0 0 10px;
	line-height:1.4;
	color:#737373;
}
.responce-full .responce-author{
	font-size:19px;
	color:#000;
}
.responce-full .responce-date{
	font-size:17px;
	color:#737373;
}
.responce-admin{
	margin:15px 0;
	padding:5px 24px 20px;
	background:#fff;
}
@media(max-width:1000px){
	#responce-list{
		padding:55px 0 30px;
	}
	.responce:before{
		top:-13px;
		left:5px;
		width:44px;
		height:24px;
	}
	.responce:after{
		bottom:-13px;
		right:5px;
		width:44px;
		height:24px;
	}
	.responce-full .responce-author{
		font-size:14px;
	}
	.responce-full .responce-date{
		font-size:14px;
	}
	.responce-admin{
		padding:5px 24px 0px;
	}
}
.form-actions{
	text-align:center;
}
.form-actions+div{
	margin-top:50px !important;
}

.pagination{
}
.pagination ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	list-style:none;
}
.pagination li{
}
.pagination a{
	display:block;
	margin:18px 23px 16px;
	padding:2px;
	color:#b3b3b3;
}
.pagination .active a{
	margin:2px;
	padding:18px 23px 16px;
	border-radius:35px;
	background:#61cbfd;
	color:#fff;
}
.pagination .prev a, .pagination .next a{
	margin:2px;
	padding:17px 21px 17px;
	border-radius:35px;
	border:1px solid #e6e6e6;
	background:#fff;
}
.pagination .prev a:hover, .pagination .next a:hover{
	border-radius:35px;
	border:1px solid #fff;
	background:#61cbfd;
	color:#fff;
}
.pagination .prev{
	margin:0 25px 0 0;
}
.pagination .next{
	margin:0 0 0 25px;
}

.about{
	min-height:230px;
	margin:0 0 100px;
	padding:50px 33% 0px 0;
	background:no-repeat top 50% right 20px;
}
.about strong{
	color:#ff8000;
}
@media(max-width:1000px){
	.about{
		margin:0 0 100px;
		padding:50px 330px 0px 0;
		background:no-repeat top 50% right 20px;
	}
}
@media(max-width:800px){
	.about{
		min-height:0;
		margin:0 0 0px;
		padding:5px 0px 305px 0;
		background:no-repeat bottom 0% left 50%;
	}
}

#perejit{
	background:#f0f4f7;
}
#perejit .content-inner{
	padding-top:10px;
	padding-bottom:20px;
}
@media(min-width:900px){
	#perejit .content-inner{
		background:url('../uploads/images/perejit-bg.png') no-repeat  bottom 20px right 20px #f0f4f7;
	}
}
#perejit-links{
	padding:180px 0 0;
	background:url('../uploads/images/perejit.png') no-repeat 0px 10px;
}
#perejit p{
	padding:0px 33% 10px 0;
	font-size:15px;
}
#perejit-links p{
	padding:0px 33% 7px 0;
}
@media(max-width:1000px){
	#perejit p{
		padding:0px 0px 10px 0;
	}
	#perejit-links p{
		padding:0px 0 7px 0;
		font-size:14px;
	}
}
#perejit a{
	color:#ffa200;
}
@media(max-width:480px){
	#perejit-links a{
		display:block;
	}
}
@media(min-width:800px){
	#books img.nomobile-right{
		margin-top:-50px;
	}
	#books img.nomobile{
		margin-top:35px;
	}
}
#books img.mobile{
	margin-top:15px;
}

#social-subcast .content-inner{
	padding:0;
}
@media(min-width:800px){
	#social-subcast{
		background:linear-gradient(to right, #eff3f7 0, #eff3f7 50%, #ffa100 51%, #ffa100 100%);
	}
	#social-subcast .content-inner{
		display:flex;
		padding:0 25px;
	}
}

#social-subcast h2{
	margin:30px 0 30px;
}
#social{
	background:#eff3f7;
}
#subcast{
	padding:0 0 20px 50px;
	background:#ffa100;
}
@media(min-width:800px){
	#social{
		width:63%;
		padding-bottom:30px;
		padding-right:10px;
	}
	#subcast{
		width:37%;
	}
}
#social-subcast a{
	display:flex;
	align-items:center;
	word-break:break-all;
	color:#010101;
}
#social-subcast a img{
	margin:0 20px 0 0;
	vertical-align:middle;
}
@media(max-width:800px){
	#social,
	#subcast{
		padding:5px 0 25px 15px;
		font-size:14px;
	}
	#social-subcast a img{
		margin:0 15px 0 0;
	}
}


#choose .content-inner{
	min-height:480px;
	background:url('../uploads/images/choose.jpg') no-repeat 100% 50%;
	color:#727272;
}
#choose .content-inner h4{
	font-weight:normal;
	color:#727272;
}
#choose .content-inner p{
	padding:0 0 20px;
	font-size:15px;
	color:#727272;
}
#choose .content-inner .yel-btn{
	margin:20px 0 0;
}
@media(min-width:800px){
	#choose .content-inner{
		padding-right:525px;
	}
}
@media(max-width:1000px){
	#choose .content-inner{
		min-height:480px;
		padding:20px 25px 20px;
		text-align:center;
		background-position:left 50% bottom 70px;
	}
	#choose .content-inner h4{
		text-align:left;
	}
	#choose .content-inner p{
		text-align:left;
	}
	#choose .content-inner .yel-btn{
		margin:360px auto 0;
	}
}
@media(max-width:500px){
	#choose .content-inner{
		background-size:contain;
	}
	#choose .content-inner .yel-btn{
		margin:70vw auto 0;
	}
}

#maskot-wrapper .content-inner{
	padding-top:20px;
}
@media(min-width:1000px){
	.more+.more{
		margin-left:250px;
	}
	#maskot{
		margin-top:30px;
	}
}
@media(max-width:1000px){
	#content #mainmenu{
		display:none;
	}
	.more{
		display:table;
	}
	#maskot{
		margin-top:50px;
	}
}

/*Курсы*/
@media (min-width:1000px) {
	.prices{
		display:flex;
		grid-gap:40px;
		margin:100px 0 50px;
	}
}
@media (min-width:1200px) {
	.prices{
		margin:100px 0px 50px;
	}
}
.price-alone,.price-add{
	display:block;
	position:relative;
	box-sizing:border-box;
	width:470px;
	max-width:100%;
	min-height:185px;
	margin:0 0 15px;
	padding:20px 25px 45px 20px;
	text-decoration:none !important;
	border-radius:10px;
	background:url('../uploads/images/price-alone.png') no-repeat bottom 50% right 45px #2079a4;
}
.price-alone:hover,.price-add:hover{
	text-decoration:none !important;
}
.price-add{
	background:url('../uploads/images/price-add.png') no-repeat bottom 50% right 22px #eff3f7;
}
.price-value{
	font-family:'manropesemibold', 'Verdana', sans-serif;
	font-size:48px;
	color:#fff;
}
.price-desc{
	padding:0px 100px 10px 0;
}
.price-add .price-value{
	color:#68904d;
}
.price-alone .price-desc{
	display:block;
	font-size:26px;
	font-weight:bold;
	color:#fff;
}
.price-add .price-desc{
	display:block;
	line-height:1.4;
	font-size:17px;
	color: #68904d;
}
.price-buy{
	display:block;
	position:absolute;
	bottom:15px;
	padding-left:20px;
	font-size:20px;
	background:url('../uploads/images/arr-small-white.png') no-repeat 0 50%;
	color:#fff;
}
.price-add .price-buy{
	background:url('../uploads/images/arr-small-green.png') no-repeat 0 50%;
	color:#68904d;
}

.black{
	background:#0C110D;
}
.blue{
	background:#a9bbf7;
}
.blue2{
	background:#354184;
}
.blue3{
	background:#0087B1;
}
.blue4{
	background:#06567f;
}
.blue5{
	background:#649ea3;
}
.blue6{
	background:#647fa3;
}
.brown{
	background:#441C0E;
}
.brown2{
	background:#7E5326;
}
.brown3{
	background:#b89f6f;
}
.brown4{
	background:#c06647;
}
.green{
	background:#6dac1a;
}
.green1{
	background:#A8F74A;
}
.green2{
	background:#BEF77B;
}
.green3{
	background:#9bfda7;
}
.green4{
	background:#9FDCAD;
}
.green5{
	background:#218436;
}
.green6{
	background:#395D1C;
}
.green7{
	background:#15CB93;
}
.green8{
	background:#067f6a;
}
.green9{
	background:#04b833;
}
.green10{
	background:#94b804;
}
.green11{
	background:#69aa71;
}
.orange{
	background:#FDA44C;
}
.orange2{
	background:#CB6601;
}
.orange3{
	background:#e65b07;
}
.pink{
	background:#ef0a60;
}
.pink2{
	background:#d5037f;
}
.purple{
	background:#712477;
}
.purple2{
	background:#712477;
}
.purple3{
	background:#a10894;
}
.purple4{
	background:#9476b3;
}
.purple5{
	background:#b376ae;
}
.red{
	background:#F75125;
}
.red2{
	background:#f1360a;
}
.red3{
	background:#c22501;
}
.yellow{
	background:#fbf38b;
}
.yellow2{
	background:#FFBD0C;
}
.yellow3{
	background:#CB9A15;
}
.gray{
	background:#3c3c3c;
}
.black,  .blue, .blue2, .blue3,  .blue4,  .blue5,  .blue6,  .brown,  .brown2,  .brown3,  .brown4,  .green,  .green1, .green2, .green3, .green4, .green5, .green6,  .green7,  .green8,  .green9,  .green10,  .green11,  .orange,  .orange2, .orange3,  .pink,  .pink2,  .purple,  .purple2,  .purple3,  .purple4,  .purple5,  .red,  .red2,  .red3,  .yellow, .yellow2, .yellow3, .gray{
	margin:10px 0 !important;
	padding:10px 18px 8px !important;
	line-height:1.4 !important;
	font-size:18px !important;
	border-radius:10px;
}
.black, .blue2, .blue3,  .blue4,  .blue5,  .blue6,  .brown,  .brown2,  .brown3,  .brown4,  .green, .green5, .green6,  .green7,  .green8,  .green9,  .green10,  .green11,  .orange2, .orange3,  .pink,  .pink2,  .purple,  .purple2,  .purple3,  .purple4,  .purple5,  .red,  .red2,  .red3,  .gray, .yellow3{
	color:#fff;
}
.black h2, .blue h2, .blue2 h2, .blue3 h2,  .blue4 h2,  .blue5 h2,  .blue6 h2,  .brown h2,  .brown2 h2,  .brown3 h2,  .brown4 h2,  .green h2,  .green2 h2, .green3 h2, .green4 h2, .green1 h2, .green5 h2, .green6 h2,  .green7 h2,  .green8 h2,  .green9 h2,  .green10 h2,  .green11 h2,  .orange h2,  .orange2 h2, .orange3 h2,  .pink h2,  .pink2 h2,  .purple h2,  .purple2 h2,  .purple3 h2,  .purple4 h2,  .purple5 h2,  .red h2,  .red2 h2,  .red3 h2,  .yellow h2, .yellow2 h2, .yellow3 h2, .gray h2{
	margin:0;
	font-family:'manroperegular', 'Verdana', sans-serif;
	font-weight:normal;
	font-size:24px;
}
.black h2, .blue2 h2, .blue3 h2,  .blue4 h2,  .blue5 h2,  .blue6 h2,  .brown h2,  .brown2 h2,  .brown3 h2,  .brown4 h2,  .green h2, .green5 h2, .green6 h2,  .green7 h2,  .green8 h2,  .green9 h2,  .green10 h2,  .green11 h2,  .orange2 h2,  .orange3 h2,  .pink h2,  .pink2 h2,  .purple h2,  .purple2 h2,  .purple3 h2,  .purple4 h2,  .purple5 h2,  .red h2,  .red2 h2,  .red3 h2,  .gray h2, .yellow3 h2{
	color:#fff;
}
.black a, .blue2 a, .blue3 a,  .blue4 a,  .blue5 a,  .blue6 a,  .brown a,  .brown2 a,  .brown3 a,  .brown4 a,  .green a, .green5 a, .green6 a,  .green7 a,  .green8 a,  .green9 a,  .green10 a,  .green11 a,  .orange2 a, .orange3 a,  .pink a,  .pink2 a,  .purple a,  .purple2 a,  .purple3 a,  .purple4 a,  .purple5 a,  .red a,  .red2 a,  .red3 a, .gray a, .yellow3 a{
	color:#fff;
}
.black p:last-child, .blue p:last-child, .blue2 p:last-child, .blue3 p:last-child,  .blue4 p:last-child,  .blue5 p:last-child,  .blue6 p:last-child,  .brown p:last-child,  .brown2 p:last-child,  .brown3 p:last-child,  .brown4 p:last-child,  .green p:last-child,  .green1 p:last-child,  .green2 p:last-child, .green3 p:last-child, .green4 p:last-child, .green5 p:last-child, .green6 p:last-child,  .green7 p:last-child,  .green8 p:last-child,  .green9 p:last-child,  .green10 p:last-child,  .green11 p:last-child,  .orange p:last-child,  .orange2 p:last-child, .orange3 p:last-child,  .pink p:last-child,  .pink2 p:last-child,  .purple p:last-child,  .purple2 p:last-child,  .purple3 p:last-child,  .purple4 p:last-child,  .purple5 p:last-child,  .red p:last-child,  .red2 p:last-child,  .red3 p:last-child,  .yellow p:last-child, .yellow2 p:last-child, .yellow3 p:last-child, .gray{
	padding:0;
}
.courses{
	display: flex;
	flex-wrap: wrap;
	gap:47px;/*
	justify-content:space-between;*/
	margin:35px 0px 30px;
}
@media(max-width:800px){
	.black,  .blue,  .blue3,  .blue4,  .blue5,  .blue6,  .brown,  .brown2,  .brown3,  .brown4,  .green1,  .green6,  .green7,  .green8,  .green9,  .green10,  .green11,  .orange,  .orange3,  .pink,  .pink2,  .purple,  .purple2,  .purple3,  .purple4,  .purple5,  .red,  .red2,  .red3,  .yellow, .gray{
		padding:10px 18px 8px;
		font-size:18px;
	}
	/*.black h2,  .blue h2,  .blue3 h2,  .blue4 h2,  .blue5 h2,  .blue6 h2,  .brown h2,  .brown2 h2,  .brown3 h2,  .brown4 h2,  .green1 h2,  .green6 h2,  .green7 h2,  .green8 h2,  .green9 h2,  .green10 h2,  .green11 h2,  .orange h2,  .orange3 h2,  .pink h2,  .pink2 h2,  .purple h2,  .purple2 h2,  .purple3 h2,  .purple4 h2,  .purple5 h2,  .red h2,  .red2 h2,  .red3 h2,  .yellow h2, .gray h2{
		margin:0 0 20px;
	}*/
	.courses{
		margin:15px 0px 10px;
	}
}

	
.course{
	display:flex;
	margin:0 0px 20px 0;
}
.course a{
	position:relative;
	display:flex;
	width: 325px;
	max-width:100%;
	padding:0px 0px 280px;
	border-radius:7px;
	border-bottom:1px solid #fff;
	border:1px solid #e5e5e5;
	background-position:left 50% bottom 40px;
	background-repeat:no-repeat;
}
@media(max-width:750px){
	.course{
		margin:0 auto 30px !important;
	}
}
@media(max-width:700px){
	.course{
	}
	.course a{
		display:block;
		padding:0px 0px 40px !important;
	}
}
.orange+.courses .course a{
	padding:0px 0px 320px;
}
.course .course-text{
	display:block;
	position:relative;
	z-index:10;
	width:325px;
	padding-bottom:50px;
	border-radius:7px 7px 0 0;
	background:#f0f4f7;
	color:#727272;
}
.course h4{
	margin-bottom:25px;
}
.course span.h4{
	display:block;
	margin-bottom:25px;
	padding: 0px 0 10px;
	font-family: 'manropesemibold', 'Verdana', sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#333;
}
.course p, .course span.p{
	padding:0 0 10px;
	line-height:1.4;
	font-size:15px !important;
}
.course-start p{
	font-size:14px !important;
}
.course .course-type{
	display:block;
	padding:0 0 10px;
	line-height:1.4;
	font-size: 18px !important;
	color:#ff8000;
}
@media(max-width:480px){
	.course p{
		font-size:13px !important;
	}
	.course .course-type{
		font-size: 14px !important;
	}
}
.course .price{
	position:absolute;
	left:20px;
	bottom:10px;
}
.course-img{
	display:block;
	position:absolute;
	left:0%;
	bottom:35px;
	width:100%;
	text-align:center;
}
.course img{/*
	position:absolute;
	bottom:15px;
	margin-left:-50%;*/
	max-width:300px;
	height:auto !important;
	margin:0 !important;
}
@media(max-width:700px){
	.course-img{
		position:static;
	}
}
.course .more{
	position:absolute;
	left:20px;
	bottom:15px;
}


.list-desc{
	padding:30px 0px 20px;
}
.list-desc p{
	font-weight:bold;
	font-size:14px !important;
	color:#333;
}
.list-desc .list-desc-title{
	padding:0 !important;
	font-weight:normal;
	color:#ca7211;
}
.img{
	flex-grow:0;
	flex-basis:auto;
}
.text{
	flex-grow:1;
}
.course-desc{
	margin:0 0 50px;
	padding:15px 50px 15px;
	background:#f0f4f7;
}
.course-for{
	margin:0 0 50px;
	padding:15px 50px 15px;
}
h5{
	padding:20px 0 25px;
	font-size:35px;
	font-weight:lighter;
	font-family:'manroperegular', 'Verdana', sans-serif;
	color:#727272;
}
h6{
	padding:10px 0 15px;
	font-size:21px;
	font-weight:lighter;
	font-family:'manroperegular', 'Verdana', sans-serif;
	color:#727272;
}
.course-desc h5, .course-for h5{
	padding:0px 0 25px;
}
.course-grid-wrap p{
	font-size:13px;
}
.course-grid-wrap img+p, .course-grid-wrap p:first-child{
	font-family:'manropesemibold', 'Verdana', sans-serif;
	font-size:14px;/*
	font-weight:bold;*/
	color:#333;
}
.cource-block-list{
	padding:15px 0 5px;
}
.cource-block{
	margin:0 0 45px;
}
.cource-block h5{
	padding:20px 0 0;
	font-size:23px;
}
.cource-block h6{
	padding-top:0;
	font-size:23px;
}
@media(max-width:1520px){
	.course-grid-wrap{
		flex-wrap:wrap;
	}
}
@media(min-width:1400px){
	.course-for{
		margin:0 -50px 50px;
	}
	.course-desc{
		margin:0 -50px 50px;
	}
}
@media(min-width:1000px){
	.course-grid-wrap{
		display:flex;
		justify-content:space-between;
		margin:30px -55px 0px 0;
	}
	.course-grid-wrap+*{
		margin-top:30px;
	}
	.course-grid-wrap+.course-grid-wrap{
		margin:0px -55px 50px 0;
	}
	.course-grid-wrap p{
		font-size:19px;
	}
	.course-grid-wrap img+p, .course-grid-wrap p:first-child{
		font-size:23px;
	}
	.course-grid{
		flex-shrink:1;
		flex-grow:1;
		flex-basis:0;
	}
	.course-grid img+p{
		margin-top:10px;
	}
	.course-grid p{
		margin-right:55px;
	}
	.list-desc{
		padding:50px 0px 40px;
	}
	.course-desc{
		border-radius:10px;
	}
}
@media(min-width:800px){
	.list-desc{
		display:flex;
		justify-content:space-between;
		padding:50px 0 40px;
	}
	.list-desc>div{/*
		flex:0 1;
		flex-basis:auto;*/
		padding-right:30px;
	}
	.list-desc>div:last-child{
		padding-right:0px;
	}
	.list-desc p{
		font-size:20px !important;
	}
	.list-desc .list-desc-title{
		padding:0 0 5px !important;
	}
	.text-img{
		display:flex;
		align-items:center;
	}
	.text.right{
		padding:0 25px 0 0;
	}
	.img.right{
		padding:0 0 0 45px;
	}
	.img.left{
		padding:0 45px 0 0;
	}
	.cource-block-list{
		padding:35px 0 10px;
	}
	.cource-block{
		margin:0 0 35px;
	}
	.cource-block img{
		margin:0;
	}
	.cource-block h5{
		padding:0;
		font-size:31px;
	}
}
@media(max-width:1000px){
	.course-desc{
		margin:0 -20px 50px;
		padding:15px 18px;
	}
	.course-for{
		margin:0 -20px 10px;
		padding:15px 18px;
	}
	h5{
		font-size:19px;
	}
	.course-desc h5{
		padding:15px 0 15px;
	}
	.course-grid{
		margin:0 0 25px;
	}
	.img.right{
		text-align:right;
	}
}
.text li{
	margin:0 0 5px;
	font-size:17px;
}
@media(max-width:800px){
	.text li{
		font-size:14px;
	}
}
ul.list-no, ul.list-yes{
	margin:0 0 15px;
	list-style:none;
	font-weight:bold;
}
ul.list-no li, ul.list-yes li{
	position:relative;
}
ul.list-no li:before, ul.list-yes li:before{
	position:absolute;
	top:2px;
	left:-24px;
}
ul.list-no li:before{
	content:url('../uploads/images/list-no.jpg');
}
ul.list-yes li:before{
	content:url('../uploads/images/list-yes.jpg');
}
@media(max-width:1450px){
	.text li{
		margin-left:24px;
	}
}
#author{
	margin:0 -25px 50px;
	padding:75px 25px 50px;
}

@media(min-width:1200px){
	#author{
		min-height:476px;
	}
}
@media(min-width:1000px){
	#author{
		margin:100px -25px 50px;
		padding:75px 25px 50px;
		border-radius:10px;
		background:url('../uploads/images/traditional/people/portrait-author-reference.png') 100% 100% no-repeat #edf0f7;
		background-size:410px 476px;
	}
	#author p, 
	#author h5{
		margin-right:45%;
	}
	#author p{
		margin-bottom:20px;
	}
	#author h5{
		margin-bottom:45px;
	}
}
.quote{
	position: relative;
	margin:45px 0 20px;
	padding:50px 0 0;
	color:#000;
}
.quote:before{
	content: '';
	position: absolute;
	top: -16px;
	left: -10px;
	width: 58px;
	height: 33px;
	background: url('../uploads/images/responce-before.png') no-repeat;
	background-size: contain;
}
@media(max-width:1000px){
	#author{
		margin:0 -25px 10px;
		padding:75px 25px 0px;
	}
	.quote{
		margin:15px -15px 20px;
		padding-right:45%;
		padding-left:15px;
		background:url('../uploads/images/traditional/people/portrait-author-reference.png') 100% 50% no-repeat #edf0f7;
		background-size:contain;
	}
	.quote:before{
		top:6px;
		left:15px;
		width: 44px;
		height: 24px;
	}
}
@media(max-width:800px){
	.quote{
		background: url('../uploads/images/traditional/people/portrait-author-reference.png') 100% 100% no-repeat #edf0f7;
	}
}

#documents{
	margin-bottom:50px;
	border-radius:10px;
	background:#71563b;
	color:#fff;
}
#documents .img{
	padding:40px 75px 10px 45px;
}
#documents h5{
	padding:0;
	color:#fff;
}
#documents p{
	font-size:28px;
}

@media(max-width:800px){
	#documents{
		display:flex;
		flex-direction:column-reverse;
		margin:40px -15px;
		border-radius:0px;
	}
	#documents .img{
		padding:0px 15px;
		text-align:center;
	}
	#documents .text{
		padding:40px 15px;
	}
	#documents p{
		margin:20px 0 0;
		font-size:13px;
	}
}
#order{
	background:#f8f9fb;
}
@media(min-width:1450px){
	#order{
		margin:40px -50% 0;
	}
}
#order-inner{
	max-width:1450px;
	margin:0 auto;
	padding:20px 25px 50px;
}
#login-and-buy{
	display:none;
	padding:20px 0 40px;
}
@media(min-width:800px){
	#form-registration{
		column-count: 2;
		column-gap: 4%;
	}
	#form-registration>*{
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}
}
#order h3{
	padding:20px 0 15px;
	font-size:19px;
}
.control-label[for="login_remember"]{
	float:left;
	padding:0px 10px 0 0;
}
#login_remember{
	margin:8px 0 0;
}
#registration_captcha+br{
	display:none;
}
#registration_captcha~a img{
	vertical-align:top;
}
#order input[type="text"],#order input[type="password"]{
	width:530px;
}
#registration_captcha{
	width:245px !important;
	margin:0 20px 0 0;
}
#order input[type="radio"], #order input[type="checkbox"]{
	margin-right:3x;
}
.radio+.radio{
	margin-left:0px;
}

/*Новости и опросы*/
#news-vote{
	background:#eff3f7;
}
#news-vote-inner{
	padding:40px 15px 40px;
}
@media(min-width:800px){
	#news-vote-inner{
		display:flex;
		justify-content:space-between;
		align-items:stretch;
		max-width:1450px;
		margin:0 auto;
		padding:40px 25px 40px;
	}
}
#news{
}
h3{
	padding:40px 0 35px;
	font-size:40px;
	font-family:'manropebold', 'Verdana', sans-serif;
}
#news h3{
	color:#333;
}
@media(max-width:800px){
	h3{
		padding:20px 0 35px;
		font-size:30px;
	}
}
@media(min-width:1020px){
	.news-list-inner{
		display:flex;
		align-items:stretch;
	}
}
.news{
	padding:0 0 45px 0;
}
@media(min-width:800px){
	.news{
		flex-grow:1;
		padding:0 5vw 45px 0;
	}
}
.news-created-at{
	display:inline-block;
	padding:22px 12px 5px;
	text-align:center;
	line-height:1;
	text-transform:uppercase;
	font-size:16px;
	font-family:'manroperegilar', 'Verdana', sans-serif;
	border-radius:8px;
	background:#5f676b;
	color:#fff;
}
.news-created-at span{
	display:block;
	line-height:.8;
	font-size:55px;
	font-family:'manropebold', 'Arial', sans-serif;
}
.news-created-at small{
	display:block;
	line-height:1.4;
	font-size:25px;
	font-family:'manropebold', 'Arial', sans-serif;
}
h4{
	padding:20px 0 25px;
	font-size:20px;
	font-family:'manropesemibold', 'Verdana', sans-serif;
	color:#010101;
}
#news h4{
	margin:25px 0 0;
	border-top:1px solid #e6e6e6;
}
.news-text{
	line-height:1.3;
}
#vote{
	flex-shrink:0;
	width:445px;
	max-width: 100%;
	box-sizing: border-box;
	padding:0px 75px 40px;
	border-radius:7px;
	background:#333;
	color:#fff;
}
@media(max-width:800px){
	#vote{
		padding:0px 55px 25px 55px;
	}
}
#vote h3{
	padding:40px 0 20px;
}
#vote p{
	font-size:20px;
}
#vote form{
	margin:15px 0 0;
	padding:20px 0 0;
	border-top:1px solid #4c4c4c;
}
.controls{
	padding:0 0 25px;
}
#vote .controls>label{
	display:block;
	margin:0 0 15px;
	font-size:14px;
}
#vote label label{
	margin:1px 0 0 -30px;
	vertical-align:middle;
}
#vote label label:before{
	content:'';
	display:inline-block;
	width:17px;
	height:17px;
	margin:-1px 15px 0 0;
	vertical-align:middle;
	background:url('../uploads/images/radio.png') no-repeat;
}
#vote label input:checked+label:before{
	background:url('../uploads/images/radio-checked.png') no-repeat;
}
#vote input[type="radio"]{
	display:none;
}
@media(max-width:800px){
	#vote h3{
		padding:40px 0 15px;
	}
	#vote p{
		font-size:14px;
	}
	#vote label{
		font-size:14px;
	}
}
#footer{
	padding:35px 0 0;
	background:#333;
}
@media(max-width:800px){
	#footer{
		padding:50px 0 0;
	}
}

#footer .logo{
}
@media(min-width:800px){
	#footer .logo{
	}
}
@media(min-width:1520px){
	#footer .logo{
		max-width:1450px;
		margin:0 auto;
	}
}
#footer-in{
	max-width:1450px;
	margin:0 auto;
	padding:0 25px;
}
#footer-in *{
	color:#fff;
}
#footer .logo img{
	width:240px;
}
#footer .logo-title{
	font-size:21px;
	color:#fff;
}
#footer .logo-slogan{
	font-size:10px;
	color:#fff;
}

@media(min-width:800px){
	#footer-columns{
		display:grid;
		grid-template-columns:1fr 2fr 1fr;
	}
}

#footer-columns p{
	font-size:18px;
	font-family:'manropesemibold', 'Verdana', sans-serif;
}
#footer .social img{
	width:30px;
}
@media(max-width:800px){
	#footer-columns p{
		font-size:14px;
	}
	#footer .social{
		padding-bottom:75px;
	}
	#footer .social img{
		width:25px;
	}
}

#footer-menu{
	display:flex;
	align-items:flex-start;
}
#footer-menu ul{
	flex-grow:1;
	margin:0 20px 0 0;
	list-style:none;
}
#footer-menu li{
	margin:0 0 14px;
	font-size:15px;
}
#footer-menu li.active{
	font-size:18px;
	font-family:'manropebold', 'Verdana', sans-serif;
}
@media(max-width:800px){
	#footer-menu{
		flex-direction:row-reverse;
		padding:0 0 35px;
	}
	#footer-menu ul{
		margin:0 20px 0 0;
	}
	#footer-menu ul:first-child{
		margin:0;
	}
	#footer-menu li{
		margin:0 0 8px;
		font-size:11px;
	}
	#footer-menu li.active{
		font-size:12px;
	}
}
#footer-menu a{
}
#footer-banners{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
}
#footer-banners img{
	margin:0 0 15px;
}
@media(max-width:800px){
	#footer-banners{
		align-items:center;
		padding:0 0 60px;
	}
}

#footer-bottom{
	position:relative;
	max-width:1450px;
	margin:0 auto;
	padding:0 25px;
}
#scrolltoTop{
	display:block;
	width:46px;
	height:46px;
	margin:0 auto;
	background:url('../uploads/images/scrolltoTop.png') no-repeat 0 0;
}
@media(min-width:800px){
	#scrolltoTop{
		position:absolute;
		right:-105px;
		bottom:40px;
	}
}
@media(max-width:1740px){
	#scrolltoTop{
		right:25px;
		bottom:85px;
	}
}
#payments{
	padding:10px 0 20px;
}
#payments img{
	margin:0 10px 0 0;
}
@media(max-width:800px){
	#payments{
		padding:40px 0 20px;
		text-align:center;
	}
	#payments img{
		height:25px;
	}
}
#copyright{
	padding:20px 0 25px;
	border-top:1px solid #484848;
}
#copyright p{
	font-size:15px;
	color:#999;
}
@media(max-width:800px){
	#copyright p{
		padding:0 20px;
		text-align:center;
		font-size:12px;
	}
	#copyright span{
		display:block;
	}
}

.popover{
	max-width: 40%; 
}
.popover-title { font-weight: bold }
.popover-content {font-size: 14px; line-height: 16px;}
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#ffffff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);white-space:normal;}.popover.top{margin-top:-10px;}
.popover.right{margin-left:10px;}
.popover.bottom{margin-top:10px;}
.popover.left{margin-left:-10px;}
.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.popover-title:empty{display:none;}
.popover-content{padding:9px 14px;}
.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}
.popover .arrow{border-width:11px;}
.popover .arrow:after{border-width:10px;content:"";}
.popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0, 0, 0, 0.25);bottom:-11px;}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#ffffff;}
.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0, 0, 0, 0.25);}.popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#ffffff;}
.popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0, 0, 0, 0.25);top:-11px;}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#ffffff;}
.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0, 0, 0, 0.25);}.popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#ffffff;bottom:-10px;}

.question{
	padding:20px 0 10px;
	font-weight:bold;
	font-size:1.05rem;
}
.question~p{
	margin-left:20px;
}

.book-item{
	margin:0 0 10px;
}
.book-item h3{
	font-size:30px;
	color:#777;
}
.book-wrap{
	display:flex;
	grid-gap:40px;
}
.book-img img{
	width:130px;
	max-width:none;
}
.book-desc, .book-desc p{
	line-height:1.4;
	font-size:16px;
}
.book-price{
	margin:10px 0;
	text-align:right;
}
@media(max-width:600px){
	.book-price{
		margin:15px 0;
	}
}

/*Личные сообщения*/
.thread{
	margin:0 0 35px;
	padding:25px 0 0;
	font-size:17px;
	border-top:1px solid #e3e3e3;
}
h1+.thread{
	border:none;
}
.thread .span1{
	float:left;
	margin:0 15px 15px 0;
}
.thread-from{
	margin:0 0 25px;
}
.from{
	margin:0 0 10px;
	font-size:21px;
}
.thread-from .time{
}
.thread-title{
	clear:both;
	font-size:21px;
}
.thread-title .last-message{
	font-size:17px;
}

.thread+.ptl{
	margin:80px 0 0;
}

.text-warning{
	font-size:17px;
}
.message .from{
	margin:0 0 25px;
}

#content input[type="radio"]{
	margin: 0 3px 0 0;
}
#content .radio{
	display:block;
}
.step-test fieldset{
	padding:0 0 30px;
}
#next-pause{
	padding:20px 0 0;
}
#content div{
	font-size:16px;
}
#content .bigger-text{
	font-size:18px;
}
#content label{
	line-height:1.4;
	font-size:18px;
}
#content .step-test label.radio{
	display:flex;
	align-items:start;
	margin:0 0 10px;
}
#content .step-test label.radio input{
	margin:4px 8px 0 0;
}
#add-message-form label{
	display:block;
	font-weight:bold;
}
.message .time{
	margin:10px 0 0;
	font-style:italic;
}
.error{
	font-weight:bold;
	color:red;
}
.step-test legend+p{
	padding:0 0 20px;
	font-size:20px;
}
@media(max-width:640px){
	table.program-list, .program-list tbody{
		display:block;
	}
	.program-list thead{
		display:block;
	}
	.program-list thead tr{
		display:flex;
	}
	.program-list thead th:first-child{
		display:none;	
	}
	.program-list thead th:not(:empty){
		width:30%;
		vertical-align:top;
	}
	.program-list thead th:empty{
		display:none;
	}
	tr[id^="course_"]{
		display:flex;
		flex-wrap:wrap;
	}
	tr[id^="course_"] td:first-child{
		width: calc(100% - 50px);
	}
	tr[id^="course_"] td+td+td{
		flex-basis:40%;
	}
	tr[id^="course_"] td+td+td+td{
		flex-basis:25%;
	}
	.program-list tfoot{
		display:block;
	}
	.program-list tfoot td{
		border:none;
	}

}
@media(max-width:500px){
	tr[id^="course_"] td+td+td+td{
		flex-basis:22%;
	}
}
@media(max-width:360px){
	tr[id^="course_"] td+td+td+td{
		flex-basis:12%;
	}
}
@media(max-width:300px){
	tr[id^="course_"] td+td+td+td{
		flex-basis:10%;
	}
}
@media(max-width:270px){
	tr[id^="course_"] td+td+td+td{
		flex-basis:9%;
	}
}

@media(max-width:560px){
	iframe{
		max-width:100%;
		height:56vw;
	}
}
.step-download{
	margin-top:20px;
}
@media(min-width:1000px){
	.narrow-text{
		width:80%;
		margin:0 auto;
	}
}
@media(min-width:1200px){
	.narrow-text{
		width:65%;
	}
}
.education-text {background-color: #F1F0F0; padding: 10px;margin:10px 0;}
/*Триада*/
.color-box{
	margin:10px 0 !important;
	padding:10px 18px 8px !important;
	line-height:1.4 !important;
	font-size:18px !important;
	border-radius:10px;
	color:#fff;
}
.base-color1{
	background:#ca7211;
}
.base-color2{
	background:#2079a4;
}
.base-color3{
	background:#61cbfd;
}

#task-education-text-toggle{
	margin:0 0 20px;
}

#next-pause{
	margin:0px 0 30px;
}
#counter{
	margin:0px 0 15px;
}
.cntSeparator{
	display:flex;
	align-items:center;
	height:100%;
}

.book-price .label{
	display:block;
}
.book-price .btn{
	margin:0 5px 5px 0;
}

.primary{
	overflow:auto;
	scroll-snap-type:x mandatory;
}
.primary th, .primary td{
  scroll-snap-align: start;
}

@media(max-width:800px){
	.form-actions a, .form-actions span{
		display:inline-block;
		float:none;
		margin:0 5px 10px 0;
	}
}
@media(max-width:560px){
	.modal{
		max-width:100%;
		left:0 !important;
		margin:0 !important;
	}
}
.ui-pnotify .alert{
	padding:8px 20px 8px 14px !important;
}
.hidden{
	display:none !important;
}


.prices-3{
	display:flex;
	flex-wrap:wrap;
    box-sizing: border-box;
	grid-gap:20px;
	margin: 100px 0 50px;
}
@media(min-width:1060px){
	.prices-3{
		display:grid;
		grid-template-columns:repeat(3, calc(33.3% - 14px));
	}
}
@media(min-width:1400px){
	.prices-3{
		grid-template-columns:repeat(3, calc(33.3% - 27px));
		grid-gap:40px;
	}
}
.prices-col{
    position: relative;
    box-sizing: border-box;
    width: 470px;
    max-width: 100%;
    margin: 0 0 25px;
    border-radius: 10px;
	border-bottom:5px solid #2079a4;
	background:#fbfbfb;
	box-shadow:
   0 1px 4px #fbfbfb,
   -3px 5px 10px -3px #dfdfdf,
   3px 5px 10px -3px #dfdfdf,
   0 0 40px #fbfbfb inset;
}
.prices-col-add{
	border-bottom:5px solid #68904d;
}

@media(max-width:1500px){
	.price-add .price-desc{
		padding-right:10px;
	}
}
@media(max-width:1170px) and (min-width:1060px){
	.price-add .price-desc{
		line-height:1;
	}

}

.prices-col li{
	margin:10px 20px 10px 0;
	list-style:none;
	font-size:16px;
	border-bottom:1px solid;
}
.prices-col li:last-child{
	border:none;
}

@media(max-width:800px){
	.prices-col li{
		margin:10px 20px 10px 10px;
	}
}
@media(max-width:400px){
	.prices-col li{
		margin:10px 10px 10px 10px;
	}
}


/*//sivdpot */
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #2079a4; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.loader {
    z-index: 222;
}

.body_loader {
    background: #0e0e0ea3;
    display: none;
    position: fixed;
	top: 0;
	left: 0;
	z-index:10000;
    width: 100%;
	height: 100%;
    justify-content: center;
    align-content: stretch;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
}
.text_loader {
	max-width:90%;
    padding-top: 20px;
    font-size: 20px !important;
    font-weight: bold;
    color: white;
}


.video{
	position:relative;
	padding-bottom:56.25%;
	width:100%;
	margin:0 auto 40px;
	overflow:hidden;
}
.video iframe, .video object, .video embed, .video video{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.video[style] video{
	position:relative;
}
.video video{
	width:100%;
	height:100%;
}
iframe, video{
	max-width:100%;
}


/* Финальный слой обновлённого дизайна */

/*
 * Традиционная тема Школы православной психологии.
 * Базовая разметка и логика сайта сохранены; этот файл отвечает
 * только за спокойную книжную подачу без «технологичных» эффектов.
 */

:root {
  --paper: #f3eddf;
  --paper-light: #fbf8f0;
  --paper-deep: #e8decb;
  --ink: #2f2923;
  --muted: #6c6258;
  --wine: #742b2a;
  --wine-dark: #53201f;
  --gold: #ae8743;
  --gold-dark: #7d622f;
  --olive: #59604a;
  --blue: #52666f;
  --line: #cbbd9f;
  --line-dark: #a99670;
}

html {
  scroll-behavior: auto;
}

body {
  background:
    radial-gradient(circle at 20% 10%, rgba(174, 135, 67, .055), transparent 34rem),
    repeating-linear-gradient(0deg, rgba(47, 41, 35, .018) 0, rgba(47, 41, 35, .018) 1px, transparent 1px, transparent 4px),
    var(--paper);
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

::selection {
  background: #ddcfad;
  color: var(--ink);
}

a {
  color: var(--wine);
  text-decoration-color: rgba(116, 43, 42, .45);
  text-underline-offset: 3px;
  transition: none;
}

a:hover,
a:focus {
  color: var(--wine-dark);
}

:focus-visible {
  outline: 2px solid var(--wine);
  outline-offset: 3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: .005em;
  line-height: 1.18;
}

h1 {
  font-size: clamp(34px, 4.3vw, 64px);
}

h2 {
  font-size: clamp(30px, 3.1vw, 45px);
}

h3 {
  font-size: clamp(25px, 2.4vw, 34px);
}

h2::after {
  display: block;
  width: 76px;
  height: 3px;
  margin: 19px auto 27px;
  background: var(--wine);
  box-shadow: 29px 0 0 -1px var(--gold), -29px 0 0 -1px var(--gold);
  content: "";
}

#content h2::after,
#content h3::after,
#about h2::after,
#news h2::after,
#footer h2::after {
  margin-left: 0;
}

p,
li,
td,
th,
label,
input,
textarea,
select,
button {
  font-family: Georgia, "Times New Roman", serif;
}

/* Шапка */
#header {
  min-height: 128px;
  background: var(--paper-light);
  border-bottom: 1px solid var(--line);
}

#header::before {
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  height: 1px;
  background: var(--gold);
  content: "";
  opacity: .72;
}

#header::after {
  display: none;
}

#header .logo img {
  filter: none;
}

#header .logo a {
  display: block;
  line-height: 0;
}

#personal {
  color: var(--muted);
}

#personal a {
  color: var(--muted);
}

#personal li + li::before {
  color: var(--gold-dark);
}

.download-mobile {
  padding: 10px 24px;
  color: var(--wine) !important;
  background: transparent;
  border: 1px solid var(--wine);
  border-radius: 2px;
  box-shadow: inset 0 0 0 3px var(--paper-light), inset 0 0 0 4px rgba(174, 135, 67, .58);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: .02em;
  transition: none;
}

.download-mobile:hover {
  color: var(--paper-light) !important;
  background: var(--wine);
  box-shadow: inset 0 0 0 3px var(--wine), inset 0 0 0 4px var(--gold);
  transform: none;
}

.social img {
  filter: grayscale(1) sepia(.45) saturate(.65);
  transition: none;
}

.social a:hover img {
  filter: grayscale(.2) sepia(.2) saturate(.8);
  transform: none;
}

/* Главное меню */
#topmenu {
  background: var(--paper-light);
  border-bottom: 1px solid var(--line-dark);
}

#topmenu ul {
  overflow: visible;
  background: var(--paper-light);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#topmenu li {
  border-right: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  margin: 0;
}

#topmenu a {
  height: 100%;
  margin: 0;
  padding: 13px 12px;
  border-radius: 0;
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  text-decoration: none;
}

#topmenu a:hover,
#topmenu li.active a {
  color: var(--paper-light);
  background: var(--wine);
  box-shadow: inset 0 -3px 0 var(--gold);
}

#mainmenu {
  padding: 16px 0;
  background: #ddd1ba;
  border-top: 1px solid #c0ae89;
  border-bottom: 1px solid #b7a27a;
}

#mainmenu ul {
  max-width: 1500px;
  height: 168px;
  padding: 0 25px;
  gap: 10px;
}

#mainmenu li,
#mainmenu li:first-child,
#mainmenu li:last-child {
  padding: 0;
}

#mainmenu a {
  min-height: 138px;
  padding: 54px 28px 22px;
  border: 1px solid rgba(255, 248, 232, .44);
  border-radius: 0;
  box-shadow: inset 0 0 0 4px rgba(0, 0, 0, .10);
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: .01em;
  text-shadow: 0 1px rgba(0, 0, 0, .25);
  transition: none;
}

#mainmenu li:first-child a {
  background-color: var(--wine);
  background-image: linear-gradient(rgba(73, 25, 23, .05), rgba(73, 25, 23, .28));
}

#mainmenu li:nth-child(2) a {
  background-color: var(--olive);
  background-image: linear-gradient(rgba(43, 52, 37, .04), rgba(43, 52, 37, .25));
}

#mainmenu li:nth-child(3) a {
  background-color: var(--blue);
  background-image: linear-gradient(rgba(39, 49, 54, .04), rgba(39, 49, 54, .25));
}

#mainmenu a::before {
  position: absolute;
  top: 17px;
  left: 28px;
  width: 33px;
  height: 17px;
  border-top: 2px solid rgba(255, 248, 232, .8);
  border-bottom: 1px solid rgba(255, 248, 232, .6);
  content: "";
}

#mainmenu a:hover {
  box-shadow: inset 0 0 0 4px rgba(0, 0, 0, .16);
  filter: brightness(.96);
  transform: none;
}

/* Главная */
#start-top {
  height: auto;
  min-height: 600px;
  background-color: var(--paper-light);
  background-image: url("../uploads/images/traditional/hero-church.jpg");
  background-position: calc(50% + 430px) center;
  background-repeat: no-repeat;
  background-size: 520px auto;
  border-bottom: 1px solid var(--line);
}

#start-text {
  padding-top: 66px;
  padding-bottom: 62px;
}

#start-text h1 {
  max-width: 760px;
  margin-bottom: 31px;
  color: var(--wine-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(56px, 4.7vw, 68px);
  letter-spacing: -.01em;
  line-height: 1.02;
}

#start-text h1::first-letter {
  color: var(--wine);
}

#start-text p {
  max-width: 760px;
  font-size: 20px;
  line-height: 1.48;
}

#courses,
#responces,
#news,
#content {
  background-color: transparent;
}

#start h2,
#courses h2,
#responces h2,
#news h2,
#about h2 {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: .005em;
  line-height: 1.18;
}

#courses {
  padding-top: 78px;
  padding-bottom: 88px;
}

#courses > p,
#responces > p {
  max-width: 1030px;
  margin-right: auto;
  margin-left: auto;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.65;
}

/* Карточки курсов */
.course-start,
.course {
  overflow: hidden;
  border: 1px solid var(--line-dark) !important;
  border-radius: 0 !important;
  background-color: var(--paper-deep);
  background-position: center;
  box-shadow: 8px 8px 0 rgba(125, 98, 47, .10);
  filter: saturate(.7) sepia(.08);
  transition: none;
}

.course-start::before,
.course::before {
  position: absolute;
  inset: 8px;
  z-index: 1;
  border: 1px solid rgba(251, 248, 240, .55);
  content: "";
  pointer-events: none;
}

.course-start:hover,
.course:hover {
  border-color: var(--wine) !important;
  box-shadow: 8px 8px 0 rgba(116, 43, 42, .13);
  filter: saturate(.82) sepia(.04);
  transform: none;
}

.course-inner {
  position: relative;
  z-index: 2;
}

.course-text {
  background: rgba(251, 248, 240, .95);
  border-top: 1px solid var(--line);
  border-radius: 0;
  color: var(--ink);
}

.course-text p {
  color: var(--muted);
}

.course-text h4 {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  line-height: 1.2;
}

.course-start .course-type {
  color: var(--wine);
  font-variant: small-caps;
  letter-spacing: .055em;
}

.course-start .price {
  color: var(--paper-light);
  background: var(--wine);
  border-radius: 0;
  box-shadow: none;
  font-family: Georgia, "Times New Roman", serif;
}

.course-start .price.free {
  background: var(--olive);
}

/* Авторские гравюры для основных направлений. */
#courses-inner .course-start[href="/d"] {
  background-image: url("../uploads/images/traditional/course-self-knowledge-card.jpg") !important;
}

#courses-inner .course-start[href="/prav"] {
  background-image: url("../uploads/images/traditional/course-faith-card.jpg") !important;
}

#courses-inner .course-start[href="/povyshenie_samoprinjatija_preodolenie_zavisimostej"] {
  background-image: url("../uploads/images/traditional/course-path-card.jpg") !important;
}

#courses-inner .course-start[href="/diagnostika_semyi"] {
  background-image: url("../uploads/images/traditional/course-family-card.jpg") !important;
}

#courses-inner .course-start[href="/wom"] {
  background-image: url("../uploads/images/traditional/course-dignity-card.jpg") !important;
}

#courses-inner .course-start[href="/diagnostika_sovmestimosti"] {
  background-image: url("../uploads/images/traditional/course-family-card.jpg") !important;
}

#courses-inner .course-start[href="/zavmama"] {
  background-image: url("../uploads/images/traditional/course-self-knowledge-card.jpg") !important;
}

#courses-inner .course-start[href="/trening_schastia"] {
  background-image: url("../uploads/images/traditional/course-dignity-card.jpg") !important;
}

#courses-inner .course-start[href="/preodolenie_odinochestva"] {
  background-image: url("../uploads/images/traditional/course-path-card.jpg") !important;
}

#courses-inner .course-start[href="/trening_semeinyh_otnosheniy"] {
  background-image: url("../uploads/images/traditional/course-family-card.jpg") !important;
}

#courses-inner .course-start[href="/trening_posle_razvoda"] {
  background-image: url("../uploads/images/traditional/about/perejit-support.jpg") !important;
}

.more {
  color: var(--wine);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
}

.more::after {
  position: static;
  width: auto;
  height: auto;
  margin-left: 7px;
  border: 0;
  content: "›";
  transform: none;
}

.more:hover {
  color: var(--wine-dark);
  text-decoration: underline;
}

/* О школе */
#about {
  position: relative;
  background-color: #e5dbcb;
  background-image:
    linear-gradient(90deg, rgba(251, 248, 240, .96) 0, rgba(251, 248, 240, .93) 52%, rgba(251, 248, 240, .08) 76%),
    url("../uploads/images/traditional/people/portrait-founder-wide-reference.png");
  background-position: center, right center;
  background-size: auto, auto 100%;
  border-top: 1px solid var(--line-dark);
  border-bottom: 1px solid var(--line-dark);
}

#about-inner {
  padding-top: 60px;
  padding-bottom: 60px;
  background: none;
}

#about p {
  color: var(--ink);
  font-size: 17px;
  line-height: 1.58;
}

/* Отзывы и новости */
#responces {
  padding-top: 64px;
  padding-bottom: 72px;
}

.responce-start,
.responce {
  position: relative;
  background: var(--paper-light);
  border: 1px solid var(--line-dark);
  border-radius: 0;
  box-shadow: 7px 7px 0 rgba(125, 98, 47, .09);
  transition: none;
}

.responce-start::before,
.responce::before {
  position: absolute;
  inset: 6px;
  border: 1px solid var(--line);
  content: "";
  pointer-events: none;
}

.responce-start:hover {
  box-shadow: 7px 7px 0 rgba(116, 43, 42, .1);
  transform: none;
}

.responce-start h4,
.responce h4 {
  color: var(--wine-dark);
}

.responce-start::after {
  color: var(--gold);
}

#responces-inner {
  padding-top: 44px;
  padding-bottom: 44px;
}

.responce-start::after {
  filter: sepia(1) saturate(1.15) hue-rotate(305deg) brightness(.58);
}

.responce-start::before {
  inset: auto auto auto 20px;
  top: -35px;
  width: auto;
  height: 60px;
  color: var(--wine);
  background: none;
  border: 0;
  content: "«";
  filter: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 58px;
  font-weight: 700;
  line-height: 1;
}

#news-vote {
  background: var(--paper-deep);
  border-top: 1px solid var(--line);
}

#news {
  width: 100%;
  border: 0;
  background: transparent;
}

#news-vote-inner {
  max-width: 1200px;
  padding-top: 66px;
  padding-bottom: 72px;
}

#news h3 {
  margin: 0;
  padding: 0 0 30px;
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  line-height: 1.15;
}

#news .news,
.news-list .news {
  background: var(--paper-light);
  border: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  transition: none;
}

#news .news {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  align-items: center;
  gap: 30px;
  padding: 28px 34px;
  box-sizing: border-box;
  box-shadow: 7px 7px 0 rgba(125, 98, 47, .09);
}

#news .news-created-at {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 128px;
  padding: 14px 10px 12px;
  box-sizing: border-box;
  color: var(--paper-light);
  background: var(--wine);
  border: 1px solid var(--wine-dark);
  border-radius: 0;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: .04em;
}

#news .news-created-at span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 48px;
  line-height: .92;
}

#news .news-created-at small {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
  line-height: 1.25;
}

#news .thumbnails {
  display: block;
  min-width: 0;
  color: var(--ink);
}

#news h4 {
  margin: 0;
  padding: 0 0 12px;
  border: 0;
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  line-height: 1.25;
}

#news .news-text {
  color: var(--muted);
  font-size: 17px;
  line-height: 1.58;
}

#news .news:hover {
  border-color: var(--line-dark);
  box-shadow: 7px 7px 0 rgba(116, 43, 42, .1);
  transform: none;
}

/* Внутренние страницы */
#content {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 56px;
  padding-bottom: 72px;
}

#start #content {
  display: none;
}

#content > h1:first-child {
  max-width: 980px;
  color: var(--wine-dark);
}

#content > h1:first-child::after {
  display: block;
  width: 110px;
  height: 4px;
  margin: 24px 0 36px;
  background: linear-gradient(90deg, var(--wine) 0 64%, var(--gold) 64%);
  content: "";
}

#content p,
#content li,
#content div {
  font-size: 17px;
  line-height: 1.68;
}

#content img {
  padding: 5px;
  background: var(--paper-light);
  border: 1px solid var(--line-dark);
  border-radius: 0;
  filter: saturate(.72) sepia(.08);
}

#content img.nomobile-right[src*="portrait-author-reference"] {
  width: 168px;
  height: 168px;
  margin: 0 0 24px 28px;
  padding: 4px !important;
  border-radius: 50% !important;
  object-fit: cover;
  object-position: 50% 24%;
}

#content .about {
  min-height: 300px;
  margin: 0;
  padding: 48px 340px 48px 0;
  box-sizing: border-box;
  background-position: right center;
  background-size: 280px 280px;
  border-bottom: 1px solid var(--line);
}

#content .about:last-of-type {
  border-bottom: 0;
}

#content .about h2 {
  margin: 0 0 22px;
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  line-height: 1.18;
}

#content .about strong {
  color: var(--wine);
}

#content .about .more {
  margin-top: 12px;
}

#content blockquote {
  margin: 32px 0;
  padding: 22px 28px;
  color: #453c33;
  background: rgba(232, 222, 203, .58);
  border: 0;
  border-left: 4px solid var(--gold-dark);
  font-style: italic;
}

#content hr {
  height: 5px;
  margin: 42px 0;
  background:
    linear-gradient(var(--line-dark), var(--line-dark)) center / 100% 1px no-repeat,
    radial-gradient(circle, var(--wine) 0 2px, transparent 3px) center / 18px 5px repeat-x;
  border: 0;
}

#content table {
  overflow: visible;
  border-collapse: collapse;
  border: 1px solid var(--line-dark);
  border-radius: 0;
  background: var(--paper-light);
  box-shadow: none;
}

#content th {
  color: var(--wine-dark);
  background: var(--paper-deep);
}

#content td,
#content th {
  padding: 11px 14px;
  border: 1px solid var(--line);
}

/* Кнопки и формы */
.yel-btn,
.blue-btn,
.btn,
button,
input[type="submit"],
input[type="button"] {
  color: var(--paper-light) !important;
  background: var(--wine) !important;
  border: 1px solid var(--wine-dark) !important;
  border-radius: 1px !important;
  box-shadow: inset 0 0 0 3px var(--wine), inset 0 0 0 4px rgba(251, 248, 240, .55) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 700;
  transition: none;
}

.yel-btn:hover,
.blue-btn:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  color: #fff !important;
  background: var(--wine-dark) !important;
  box-shadow: inset 0 0 0 3px var(--wine-dark), inset 0 0 0 4px var(--gold) !important;
  transform: none;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  color: var(--ink);
  background: var(--paper-light);
  border: 1px solid var(--line-dark);
  border-radius: 0;
  box-shadow: inset 0 1px 2px rgba(47, 41, 35, .08);
  transition: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: var(--wine);
  box-shadow: 0 0 0 2px rgba(116, 43, 42, .14);
  outline: none;
}

/* Слайдер без «приложенческих» точек */
.slick-dots li button::before {
  color: var(--line-dark);
  font-size: 8px;
  opacity: 1;
  transition: none;
}

.slick-dots li.slick-active button::before {
  color: var(--wine);
  transform: none;
}

.slick-prev,
.slick-next {
  filter: grayscale(1) sepia(.55);
}

/* Подвал */
#footer {
  padding-top: 44px;
  background: #302b26;
  border-top: 5px solid var(--wine);
  box-shadow: inset 0 1px 0 var(--gold);
}

#footer > .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 380px;
  max-width: calc(100% - 50px);
  box-sizing: border-box;
  margin: 0 0 38px max(25px, calc((100% - 1450px) / 2));
  padding: 15px 22px;
  background: var(--paper-light);
  border: 1px solid #9b865e;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, .18);
}

#footer > .logo img {
  width: min(320px, calc(100% - 48px));
  filter: none;
  opacity: 1;
}

#footer,
#footer p,
#footer li {
  color: #d8cdb9;
  font-family: Georgia, "Times New Roman", serif;
}

#footer-menu a {
  color: #d8cdb9;
}

#footer-menu a:hover {
  color: #fff7e8;
  text-decoration: underline;
}

#footer-banners img,
#payments img {
  border: 0;
  border-radius: 0;
  filter: grayscale(.7) sepia(.35) saturate(.7);
}

#scrolltoTop {
  border: 1px solid #9b865e;
  border-radius: 0;
  box-shadow: none;
  filter: sepia(.5) grayscale(.4);
  transition: none;
}

#scrolltoTop:hover {
  box-shadow: none;
  transform: none;
}

#copyright {
  border-top-color: #524a42;
}

/* Отключаем декоративную динамику */
#content,
#courses,
#responces {
  animation: none !important;
}

* {
  animation-duration: 0s;
  scroll-behavior: auto;
}

@media (max-width: 1180px) {
  #start-top {
    background-position: calc(100% + 35px) center;
    background-size: 46vw auto;
  }

  #start-text {
    padding-right: 37vw;
  }

  #content {
    padding-right: 28px;
    padding-left: 28px;
  }
}

@media (max-width: 800px) {
  body {
    font-size: 16px;
  }

  #header {
    min-height: 105px;
  }

  #header .hamburger {
    border: 1px solid var(--wine);
    border-radius: 0;
    filter: sepia(.75) saturate(.8);
  }

  #mainmenu {
    padding: 10px 14px;
  }

  #mainmenu ul {
    display: block;
    padding: 0;
  }

  #mainmenu li {
    margin: 0 0 7px;
  }

  #mainmenu a {
    min-height: 0;
    padding: 20px 24px 20px 66px;
    text-align: left;
  }

  #mainmenu a::before {
    top: 50%;
    left: 22px;
    width: 26px;
    transform: translateY(-50%);
  }

  #start-top {
    min-height: 0;
    padding-bottom: 34px;
    background-position: center bottom 34px;
    background-size: 205px auto;
  }

  #start-text {
    padding: 42px 22px 252px;
  }

  #start-text h1 {
    display: block;
    margin-bottom: 22px;
    font-size: 37px;
  }

  #start-text p {
    font-size: 17px;
    line-height: 1.5;
  }

  #courses,
  #responces {
    padding-top: 52px;
    padding-bottom: 60px;
  }

  #courses > p,
  #responces > p {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
  }

  #about {
    padding-bottom: 290px;
    background-image:
      linear-gradient(rgba(251, 248, 240, .96), rgba(251, 248, 240, .92)),
      url("../uploads/images/traditional/people/portrait-founder-wide-reference.png");
    background-position: center, center bottom;
    background-size: auto, auto 310px;
    background-repeat: no-repeat;
  }

  #about-inner {
    padding: 48px 22px 25px;
  }

  #content {
    padding: 38px 20px 54px;
  }

  #content p,
  #content li,
  #content div {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 34px;
  }

  h2 {
    font-size: 30px;
  }

  #header .logo img {
    max-width: 250px;
  }

  #start-text h1 {
    font-size: 34px;
  }

  .course-start,
  .course {
    box-shadow: 5px 5px 0 rgba(125, 98, 47, .10);
  }
}

/*
 * Защита раскладки.
 * В исходной теме многие блоки имеют фиксированные высоты и абсолютное
 * позиционирование. Для длинных русских подписей используем обычный поток,
 * сетки и высоту по содержимому.
 */

/* Шапка */
@media (min-width: 1001px) {
  #header {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) auto auto auto;
    align-items: center;
    gap: clamp(12px, 1.6vw, 28px);
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 150px;
    padding: 18px clamp(20px, 3vw, 44px) 20px;
  }

  #header > * {
    min-width: 0;
    margin: 0;
  }

  #header .logo {
    margin: 0;
  }

  #header .logo img {
    display: block;
    width: min(100%, 400px);
    height: auto;
  }

  #header .hamburger {
    display: none;
  }

  #personal {
    align-items: center;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }

  #personal li {
    margin: 0;
    padding: 0 13px;
  }

  #personal li:last-child {
    padding-right: 0;
  }

  .download-mobile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 220px;
    min-height: 48px;
    margin: 0;
    padding: 10px 20px;
    box-sizing: border-box;
    line-height: 1.16;
    text-align: center;
    white-space: normal;
  }

  #header .social {
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
  }

  #header .social li {
    margin: 0;
  }
}

@media (max-width: 1000px) {
  #header {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto auto auto;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
    height: auto;
    min-height: 104px;
    padding: 16px;
  }

  #header .logo {
    position: static;
    min-width: 0;
    margin: 0;
  }

  #header .logo img {
    display: block;
    width: auto !important;
    max-width: min(100%, 280px);
    height: auto;
  }

  #personal,
  #header .social {
    margin: 0;
    padding: 0;
  }

  #header .hamburger {
    position: static;
    display: block;
    flex: 0 0 36px;
  }
}

@media (max-width: 600px) {
  #header {
    grid-template-areas:
      "logo social menu"
      "account account account";
    grid-template-columns: minmax(0, 1fr) auto auto;
    row-gap: 14px;
  }

  #header .logo {
    grid-area: logo;
  }

  #personal {
    grid-area: account;
    justify-self: end;
  }

  #header .social {
    grid-area: social;
  }

  #header .hamburger {
    grid-area: menu;
  }
}

@media (max-width: 400px) {
  #header .logo img {
    max-width: 190px;
  }
}

/* Верхнее меню: две полные строки по пять пунктов без наложения на блок ниже. */
#topmenu {
  position: relative;
  max-width: 1500px;
  height: auto;
}

#topmenu ul {
  position: static;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  margin: 0;
  padding: 0;
}

#topmenu li {
  min-width: 0;
  height: auto;
  min-height: 52px;
  box-sizing: border-box;
}

#topmenu li:nth-child(5n) {
  border-right: 0 !important;
}

#topmenu a {
  min-height: 52px;
  box-sizing: border-box;
  padding: 9px 12px;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

/* Три главных раздела одинаковой высоты, но без фиксированного обрезания. */
#mainmenu {
  padding: 16px;
}

#mainmenu ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  height: auto;
  margin: 0 auto;
  padding: 0;
  gap: 12px;
}

#mainmenu li {
  display: flex;
  min-width: 0;
}

#mainmenu a {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 160px;
  box-sizing: border-box;
  padding: 58px 28px 24px;
  font-size: clamp(24px, 2.25vw, 35px);
  line-height: 1.12;
  overflow-wrap: anywhere;
}

@media (max-width: 800px) {
  #mainmenu ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  #mainmenu a {
    align-items: center;
    min-height: 68px;
    padding: 16px 22px 16px 66px;
    font-size: 21px;
    line-height: 1.2;
  }
}

/* Карточки на главной. */
#courses-inner {
  margin: 38px auto 34px;
}

#courses-inner:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 325px));
  align-items: stretch;
  justify-content: center;
  gap: 26px;
}

#courses-inner.slick-initialized {
  display: block;
  max-width: 1200px;
}

#courses-inner.slick-initialized .slick-track {
  display: flex;
  align-items: stretch;
}

#courses-inner.slick-initialized .slick-slide {
  display: flex;
  float: none;
  height: auto;
}

#courses-inner.slick-initialized .slick-slide > div {
  display: flex;
  width: 100%;
  height: auto;
  padding: 0 10px 10px;
  box-sizing: border-box;
}

#courses-inner.slick-initialized .course-start {
  flex: 1 1 auto;
  max-width: none;
  height: auto !important;
}

.course-start {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 325px;
  height: auto !important;
  min-height: 0;
  margin: 0;
  padding: 190px 0 0;
  box-sizing: border-box;
  background-position: center top;
  background-size: 100% 190px;
}

.course-start .course-inner {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.course-start .course-text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  padding: 20px 22px 22px;
  box-sizing: border-box;
}

.course-start .course-text h4 {
  margin: 0;
  overflow-wrap: anywhere;
}

.course-start .course-text p {
  font-size: 15px !important;
  line-height: 1.48;
}

.course-start .course-text .price {
  position: static;
  align-self: flex-start;
  margin: auto 0 0;
}

.course-start .course-text .more {
  position: static;
  display: block;
  margin: 0;
  padding-top: 16px;
}

@media (max-width: 480px) {
  #courses-inner:not(.slick-initialized) {
    grid-template-columns: minmax(0, 360px);
  }

  .course-start {
    max-width: 360px;
    margin: 0;
    padding: 190px 0 0;
    background-position: center top;
  }

  .course-start:nth-child(3) ~ .course-start {
    display: flex !important;
  }
}

@media (max-width: 760px) {
  #about-inner h2 {
    margin: 0 0 28px;
  }

  #news-vote-inner {
    padding: 48px 20px 54px;
  }

  #news h3 {
    padding-bottom: 24px;
    font-size: 34px;
  }

  #news .news {
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 18px;
    padding: 20px;
  }

  #news .news-created-at {
    min-height: 108px;
  }

  #news .news-created-at span {
    font-size: 39px;
  }

  #news h4 {
    font-size: 21px;
  }

  #footer > .logo {
    max-width: calc(100% - 40px);
    margin: 0 20px 34px;
    padding: 13px 16px;
    box-sizing: border-box;
  }

  #footer > .logo img {
    width: min(280px, 100%);
  }

  #content .about {
    min-height: 0;
    padding: 24px 0 330px;
    background-position: center bottom 28px;
    background-size: 280px 280px;
  }

  #content .about h2 {
    font-size: 29px;
  }
}

/* Карточки в каталогах. */
.courses {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  align-items: stretch;
  gap: 28px;
}

.course {
  display: flex;
  min-width: 0;
  margin: 0;
  overflow: visible;
  border: 0 !important;
  background: transparent;
  box-shadow: none;
  filter: none;
}

.course::before {
  display: none;
}

.course a,
.orange + .courses .course a {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--line-dark);
  border-radius: 0;
  background: var(--paper-light) !important;
  box-shadow: 7px 7px 0 rgba(125, 98, 47, .10);
}

.course .course-text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  padding: 22px;
  box-sizing: border-box;
  border-radius: 0;
}

.course span.h4,
.course h4 {
  margin: 0 0 15px;
  padding: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.course p,
.course span.p {
  font-size: 15px !important;
  line-height: 1.52;
}

.course .price {
  position: static;
  align-self: flex-start;
  margin-top: auto;
}

.course .course-img {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 220px;
  padding: 16px;
  box-sizing: border-box;
  background: var(--paper-deep);
  border-top: 1px solid var(--line);
}

.course .course-img img {
  width: auto;
  max-width: 100%;
  max-height: 188px;
  object-fit: contain;
}

.course .more {
  position: static;
  display: block;
  margin: 0;
  padding: 14px 22px 16px;
  background: var(--paper-light);
  border-top: 1px solid var(--line);
}

/* Кнопки остаются в потоке и переносятся целиком вместе с подписью. */
.yel-btn,
.blue-btn,
.btn,
button,
input[type="submit"],
input[type="button"] {
  max-width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.yel-btn,
.blue-btn,
.btn,
button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 13px 26px;
}

.yel-btn {
  padding-left: 48px !important;
}

.yel-btn::before {
  left: 19px !important;
}

.btn + .btn {
  margin-top: 0;
}

.form-actions,
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.form-actions > *,
.modal-footer > * {
  min-width: 0;
  margin: 0 !important;
}

.modal-header .close {
  display: block;
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  color: var(--ink) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 28px;
  line-height: 1;
}

/* Служебные кнопки карусели не наследуют оформление больших CTA. */
.slick-prev,
.slick-next {
  width: 42px;
  height: 42px;
  min-height: 42px;
  padding: 0;
  color: var(--wine) !important;
  background: var(--paper-light) !important;
  border: 1px solid var(--line-dark) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  color: var(--wine-dark) !important;
  background: var(--paper-deep) !important;
}

.slick-prev::before,
.slick-next::before {
  color: var(--wine);
  font-size: 24px;
}

.slick-dots {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.slick-dots li {
  width: 11px;
  height: 11px;
  margin: 0;
}

.slick-dots li button {
  display: block;
  width: 11px;
  height: 11px;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  color: transparent !important;
  background: transparent !important;
  border: 1px solid var(--wine) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.slick-dots li button::before {
  display: none;
}

.slick-dots li.slick-active button {
  background: var(--wine) !important;
}

@media (max-width: 520px) {
  .form-actions,
  .modal-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .form-actions > *,
  .modal-footer > * {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .slick-prev,
  .slick-next {
    display: none !important;
  }
}

/* «Пережить.ру»: оригинальный знак проекта и новая сюжетная иллюстрация */
#perejit {
  margin-top: 22px;
  color: var(--ink);
  background: var(--paper-deep);
  border-top: 1px solid var(--line-dark);
  border-bottom: 1px solid var(--line-dark);
}

#perejit .content-inner {
  box-sizing: border-box;
  padding: 56px 60px 54px;
  background:
    linear-gradient(
      90deg,
      rgba(251, 248, 240, .99) 0%,
      rgba(251, 248, 240, .97) 42%,
      rgba(251, 248, 240, .82) 57%,
      rgba(251, 248, 240, .16) 78%
    ),
    url("../uploads/images/traditional/about/perejit-support.jpg")
      right center / cover no-repeat;
}

#perejit h2 {
  max-width: 650px;
  margin: 0 0 22px;
  color: var(--ink);
}

#perejit p {
  max-width: 650px;
  padding: 0 0 14px;
  color: var(--ink-soft);
  font-size: 17px;
  line-height: 1.62;
}

#perejit-links {
  box-sizing: border-box;
  width: 58%;
  padding: 0;
  background: none;
}

#perejit-links::before {
  display: block;
  width: 151px;
  height: 176px;
  box-sizing: border-box;
  margin: 22px 0 26px;
  background:
    var(--paper-light)
    url("../uploads/images/perejit.png")
    center / 125px 150px no-repeat;
  border: 1px solid var(--line);
  box-shadow: 5px 5px 0 rgba(86, 65, 46, .12);
  content: "";
}

#perejit-links p {
  max-width: none;
  padding: 0 0 9px;
  font-size: 15.5px;
  line-height: 1.42;
}

#perejit a {
  color: var(--wine);
  font-weight: 700;
  text-decoration-color: rgba(111, 45, 49, .42);
  text-underline-offset: 3px;
}

#perejit a:hover {
  color: var(--wine-dark);
}

@media (max-width: 760px) {
  #perejit {
    margin-top: 12px;
  }

  #perejit .content-inner {
    padding: 38px 22px 350px;
    background:
      linear-gradient(
        180deg,
        rgba(251, 248, 240, .99) 0%,
        rgba(251, 248, 240, .98) 61%,
        rgba(251, 248, 240, .25) 82%
      ),
      url("../uploads/images/traditional/about/perejit-support.jpg")
        center bottom / auto 340px no-repeat;
  }

  #perejit h2,
  #perejit p {
    max-width: none;
  }

  #perejit-links {
    width: 100%;
    padding-top: 0;
  }

  #perejit-links::before {
    margin-top: 18px;
  }
}

/* Авторские книги без старых подписей, впаянных в исходные обложки */
#books .content-inner > img.nomobile,
#books .content-inner > img.mobile {
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  margin: 28px 0 26px;
  background: var(--paper-light);
  border: 1px solid var(--line-dark);
  box-shadow: 6px 6px 0 rgba(86, 65, 46, .10);
}

#books .content-inner > img.mobile {
  display: none;
}

@media (max-width: 760px) {
  #books .content-inner > img.nomobile {
    display: none;
  }

  #books .content-inner > img.mobile {
    display: block;
  }
}

/* Стабильный первый кадр до запуска Slick: без раскрытия всей ленты. */
#courses-inner:not(.slick-initialized),
#responces-inner:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}

#courses-inner:not(.slick-initialized) > :nth-child(n + 5),
#responces-inner:not(.slick-initialized) > :nth-child(n + 5) {
  display: none;
}

@media (max-width: 1659px) {
  #courses-inner:not(.slick-initialized),
  #responces-inner:not(.slick-initialized) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #courses-inner:not(.slick-initialized) > :nth-child(n + 4),
  #responces-inner:not(.slick-initialized) > :nth-child(n + 4) {
    display: none;
  }
}

@media (max-width: 1199px) {
  #courses-inner:not(.slick-initialized),
  #responces-inner:not(.slick-initialized) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #courses-inner:not(.slick-initialized) > :nth-child(n + 3),
  #responces-inner:not(.slick-initialized) > :nth-child(n + 3) {
    display: none;
  }
}

@media (max-width: 679px) {
  #courses-inner:not(.slick-initialized),
  #responces-inner:not(.slick-initialized) {
    grid-template-columns: minmax(0, 1fr);
  }

  #courses-inner:not(.slick-initialized) > :nth-child(n + 2),
  #responces-inner:not(.slick-initialized) > :nth-child(n + 2) {
    display: none;
  }
}

@media (max-width: 479px) {
  #courses-inner:not(.slick-initialized) > *,
  #responces-inner:not(.slick-initialized) > * {
    display: flex !important;
  }
}

/* Ценовые карточки типовых курсов в общей исторической палитре. */
.price-alone,
.price-add {
  overflow: hidden;
  color: var(--paper-light);
  background-color: var(--wine);
  background-image: none;
  border: 1px solid var(--wine-dark);
  border-radius: 0;
  box-shadow: 7px 7px 0 rgba(86, 65, 46, .13);
}

.price-add {
  color: var(--ink);
  background: var(--paper-deep);
  border-color: var(--line-dark);
}

.price-value,
.price-add .price-value {
  color: inherit;
  font-family: Georgia, "Times New Roman", serif;
}

.price-alone .price-desc,
.price-add .price-desc,
.price-alone .price-buy,
.price-add .price-buy {
  color: inherit;
}

.price-buy,
.price-add .price-buy {
  background: none;
}

.price-buy::before {
  position: absolute;
  left: 0;
  content: "›";
  font-family: Georgia, "Times New Roman", serif;
  font-size: 30px;
  line-height: 18px;
}

/* На узких экранах цитата и портрет автора идут последовательно. */
@media (max-width: 800px) {
  #author .quote {
    box-sizing: border-box;
    margin: 24px 0 18px;
    padding: 50px 22px 620px;
    color: var(--ink);
    background:
      var(--paper-light)
      url("../uploads/images/traditional/people/portrait-author-reference.png")
      center bottom 20px / calc(100% - 40px) auto no-repeat;
    border: 1px solid var(--line-dark);
    box-shadow: 6px 6px 0 rgba(86, 65, 46, .10);
  }

  #author .quote::before {
    top: 16px;
    left: 22px;
  }

  #author .quote p {
    max-width: none;
    margin-right: 0;
    margin-bottom: 16px;
  }
}