.prfl-tab #open-materials h3{ 
	font-size:1.5em;
}
.prfl-tab #open-materials .msg h3{
	display:block;
	padding:0 0 40px;
}
.prfl-tab #open-materials h4{
	font-size:1em;
	font:1em/1.4em Arial,Verdana,Helvetica,san-serif;
}
.kurs-menu h4{
	text-align:left;
}
/* Login links */
.mob-reg-links{
	width:100%;
	overflow:hidden;
}
.mob-reg-links span{
	width:50%;
	float:left;
	text-align:center;
	color:#a50989;
	padding:0 0 2px;
	margin:0 0 10px;
	cursor:pointer;
}
.mob-reg-links span:hover{
	text-decoration:underline;
}
.go-wbnr, 
.registration-on{
  cursor:pointer;
  background: #d11717;
  color: white;
  border: 2px solid #eee;
  height: 38px;
  width: 224px;
  margin: 50px 0 0 50px;
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 38px;
  
  /*Переход*/
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  -ms-transition: All 0.5s ease;
  transition: All 0.5s ease;
  
  /*Скругленные углы*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
  /*Градиент*/
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  
  /*Тень*/
  -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}
.registration-on:hover {
  background-color: #ff3434;
}
#wbnrs-conf-hold #wbnr-hold .go-wbnr{
	margin:20px auto 0;
	/* background-color: #ff00ff; */
} 
/* #wbnrs-conf-hold #wbnr-hold .go-wbnr:hover {
  background-color: #ff3434;
} */

/* Kurs Menu */
.kurs-menu{
	width:30%;
	float:left;
	display:none;
	background:url(../../img/pbk/bg-prak.jpg)repeat-y;
}
.kurs-menu h4{
	cursor:pointer;
}
#personal_cabinet-page section#content #content-area{
	max-width: 100%;
}
/*3a*/
.notsee-lesson,
.see-lesson {
    position: relative;
    padding:16px 20px 16px 28px;
    margin:12px 0 12px 80px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	font:1em/1em Arial,Verdana,Helvetica,san-serif;
}
#open-materials .active-lesson,
.see-lesson {
    border-left: 4px solid #337AB7;
}
.notsee-lesson {
    border-left: 4px solid #DDDDDD;
}
.lesson strong {
    line-height: 32px;
    position: absolute;
    top: 10px;
    left:-80px;
    width:80px;
    text-align:center;
    font-size: 24px;
    font-weight: bold;
    color: #303030;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
#open-materials h4.see-lesson {
   	color:#303030;
}
#open-materials h4.notsee-lesson,
#open-materials h4.notsee-lesson  strong {
    color: #7B7575;
}
.see-lesson:hover strong {
    color: #337AB7;
}
.notsee-lesson :hover strong {
    color: #DDDDDD;
}
.lesson:after {
    position: absolute;
    top: 26px;
    left: -40px;
    width: 60px;
    height: 60px;
    border: 8px solid #fff;
    border-radius: 50%;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.1);
    transform: translateX(-50%) translateY(-50%) scale(0.1);
    pointer-events: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;        
}
.active-lesson:after,
.lesson:hover:after {
    opacity: 0.2;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}    
#open-materials #page-comments{
	max-width:100%;
}
#open-materials #page-comments .comment-hold{
	max-width:600px;
	margin:0 auto;
}
.prfl-tab {
	margin:57px auto 0;
	max-width: 1090px;
}
.kurs-contant{
	font-family:Arial,Verdana,Helvetica,san-serif;
}
#open-materials #comments-holder{
	min-height:auto;
}
#lesson-status{
	display: block;
	text-align: right;
	float: right;
	font-size: 0.9em;
	line-height:1.8em;
	padding:0 12px;
}
.lesson-ans-wait{
	color: #909090;
}
.lesson-done{
	color:#fff;
	background:#5cb85c;
	font-weight:normal;
}
#instr-kurs{
	padding:20px 40px 20px;
	margin:0 0 30px;
	background:#ff9;
}
/*footer*/
footer{
	min-height:255px;
}
/*Footer*/
#footer-holder{
	width:100%;
	overflow:hidden;
}
#info{
	margin:31px 0 0;

}
#footer-holder h2,
#footer-holder h4,
#footer-holder p{
	margin:10px 0 0;
	font:bold 1em/1em gothic, Arial,Verdana,Helvetica,san-serif;
	color:#000;
	width:100%;
	overflow:hidden;
	text-align:center;
}
#footer-holder h4{
	padding:0 0 10px 0;
}
#footer-holder p{
	width:455px;
	margin:0 auto;
}
#footer-holder p span{
	margin: 16px 0 0;
	display: block;
	float: left;
}
#footer-holder img{
	line-height: 2em;
	/* float: left; */
}
#footer-holder .priv-policy{
	display:block;
	margin:20px auto 10px;
	width:263px;
	font:normal 1em/1em gothic, Arial,Verdana,Helvetica,san-serif;
	color:#000;
	text-decoration:none;
}
#footer-holder .priv-policy:hover{
	text-decoration:underline;
}
#info{
	width:90%;
	margin:0 auto;
	padding:66px 0 40px;
	text-align:center;
}
#info img{
	margin:0 auto;
	display:block;
}
footer strong,
footer h2,
footer h3,
footer p{
	font:bold 1.1em/1.3em gothic,Arial,Verdana,Helvetica,san-serif;
	color:#000;
	display:block;
	text-align:center;
	width:100%;
	margin:0;
}
footer strong,
footer h3{
	margin:20px 0;
}
/*Form*/
:focus {
	outline: none;
}
.col-2,
.col-3 {
	float: left;
	width: 90%;
	margin: 10px 5% 15px;
	position: relative;
	min-height:52px;
}
#content input[type="text"] {
	font: 15px/24px "Lato", Arial, sans-serif;
	color: #333;
	width: 100%;
	box-sizing: border-box;
	letter-spacing: 1px;
	height:52px;
}
.effect-18 {
	border: 0;
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
	background-color: transparent;
	position:absolute;
	z-index:999;
}
.effect-18~.focus-border {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	z-index: 8;
}
.effect-18~.focus-border:before,
.effect-18~.focus-border:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #03e64c;
	transition: 0.4s;
}
.effect-18~.focus-border:after {
	left: auto;
	right: 0;
}
.effect-18:focus~.focus-border:before,
.effect-18:focus~.focus-border:after,
.has-content.effect-18~.focus-border:before,
.has-content.effect-18~.focus-border:after {
	width: 50%;
	transition: 0.4s;
}
.effect-18~label {
	position: absolute;
	left: 0;
	width: 100%;
	top: 9px;
	color: #aaa;
	transition: 0.3s;
	/* z-index: -1; */
	letter-spacing: 0.5px;
	font-size:24px;
}
.effect-18:focus~label,
.has-content.effect-18~label {
	top: -16px;
	font-size: 12px;
	color: #03e64c;
	transition: 0.3s;
}
#order-form-hold{
	/* overflow:hidden; */
	width:350px;
	margin:0 auto;
}
#order-form-hold h2{
	margin:50px 0 27px;
}
/*Validation message*/
#form-box .alert-validate .effect-18~label,
#form-box .alert-validate .has-content.effect-18 {
	color: #f00;
	transition: 0.3s;
}
#form-box .alert-validate .effect-18 {
	border-bottom: 2px solid #f00;
}
#form-box .alert-validate .effect-18~.focus-border:before,
#form-box .alert-validate .effect-18~.focus-border:after {
	background-color: #f00;
}
#politika{
	width: 94%;
	margin: 15px auto 4px;
	position: relative;
	line-height:1.2em;
	font-size:0.7em; 
	overflow:hidden;
}
#politika a{
	color:#57b846;
	font-weight:bold;
}
#politika a:hover{
	text-decoration:none;
}
#politika .cu-item{
	padding:5px 0 0;
}
.get-access,
.get-meditations{
	transition: all .25s linear;
	border-radius: 18px;
	margin: 15px auto 10px;
	float:none;
	display: block;
	cursor:pointer;
	text-shadow:none;
	color:#fff;
	background:#57b846 url(../../img/face/form-arrows.gif) 95% 50% no-repeat;
	border:2px solid #fff;
	font:2em/1em gothic,Arial,Verdana,Helvetica,san-serif;
	letter-spacing: 2px;
	/* padding:10px 4% 15px 2%; */
	padding:10px 8% 15px 2%;
	text-align:left;
	transition: all .25s linear;
	max-width: 390px;
	-webkit-box-shadow: inset 0 0 0 4px rgba(255,87,87,0),1px 2px 6px 0 rgba(0,0,0,0.7);
	box-shadow: inset 0 0 0 4px rgba(80,66,173,0),inset 0 0 0 4px rgba(255,87,87,0),1px 2px 6px 0 rgba(0,0,0,0.7);
	overflow:hidden;
}
.get-access{
	width:700px;
	padding:10px 2%;
	background-image:none;
	font-weight:bold;
	margin-bottom:40px;
}
.get-access:focus,
.get-meditations:focus {
  -webkit-box-shadow: inset 0 0 0 2px rgba(29,124,12,0),inset 0 0 0 4px #104e05,inset 0 0 0 4px rgba(16,78,5,0),1px 2px 6px 0 rgba(0,0,0,0.7);
  box-shadow: inset 0 0 0 2px rgba(29,124,12,0),inset 0 0 0 4px #104e05,inset 0 0 0 4px rgba(16,78,5,0),1px 2px 6px 0 rgba(0,0,0,0.7);
}
.get-access:hover,
.get-meditations:hover{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#form-box .get-meditations:focus{
	background-image:url(../../img/face/form-arrows.gif);
	background-position: 	95% 50%;
	background-repeat: no-repeat;
}
.line-through{
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #a2a3a5;
    transform: rotate(-8deg);
}
#price .cu-item{
	padding:10px 0 ;
}
#price label{
	width:100%;
	overflow:hidden;
}
#price strong{
	font-size: 1.5em;
	line-height: 1;
	margin-right: 15px;
	font-weight: 700;
	display:block;
}
input[type="radio"] + label span.ibtn {
	float:left;
}
.rub {
    font-family: RubPTSans;
    line-height: 1;
	text-decoration:none;
}
.duration{
	margin:0 0 0 30px;
	font-size:0.8em;
	color:#57b846;
}
#index-box h1,
#index-box h2{
	font:bold 1.1em/1.2em gothic,Arial,Verdana,Helvetica,san-serif;
	color:#034861;
	font-size:1.2em;
	margin:10px 0;
}
#index-box h2{
	font:bold 1.5em/1.2em gothic,Arial,Verdana,Helvetica,san-serif;
	color:#045a7a;
	text-shadow: 1px 0 1px #fff, 0 1px 1px #fff, -1px 0 1px #fff, 0 -1px 1px #fff;
}
/*Personal cabinet*/
hr {
    height: 1px;
    width: 90%;
    margin: 50px auto;
    border: 0;
    box-shadow: rgba(241, 241, 241, 0.05) 3px 2px 3px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
    background-image: linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
}
.container {
    position: relative;
    display: block;
    max-width: 1200px;
    width: 100%;
    margin: 50px auto;
    padding: 0;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.info {
    margin: 25px auto;
    text-align: center;
    color: #b9b9b9
}
.info a {
    color: burlywood;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}
.info a:hover {
    color: #e07e00
}
.accordion {
    width: 100%;
   /*  max-width: 600px; */
    min-height: 0;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
/*     background-color: #fefffa; */
    overflow: hidden
}
#index-box .accordion h2.title_block {
	font-family: cyrillic_bold,Verdana,Arial,Helvetica,sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	display: block;
	margin: 0 0 5px;
	line-height:2em;
	/* height:115px; */
	width:100%;
	cursor: pointer;
	color: #fff;
	background: #1226c7;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow:none;
	border-radius:8px;
}
.accordion h2.title_block:hover {
    display: block;
    background-color: #005049;
}
.msg {
  position: relative;
  overflow: hidden;
  /* max-height: 800px; */
  opacity: 1;
  transform: translate(0, 0);
}
.msg p {
  color: rgba(48, 69, 92, 0.8);
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1px;
  padding: 0 20px
}
@media (max-width: 550px) {
  .accordion {
    box-sizing: border-box;
    transform: translate(0, 0);
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
  }
} 
.accordion ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
.accordion ul li {
  position: relative;
  padding: 0;
  margin: 0;
}
.accordion ul li {
  animation-delay: 0.5s;
}
.accordion ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.accordion ul li:nth-of-type(3) {
  animation-delay: 1s;
}
.accordion ul li:last-of-type {
  padding-bottom: 0;
}
.accordion ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
  right: 25px;
}
.accordion ul li i:before, .accordion ul li i:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 3px;
  height: 9px;
}
.accordion ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.accordion ul li input.course-part-checkbox { 
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  display:block;
}
.accordion ul li input[type=checkbox]:checked ~ div.msg {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.accordion ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
div.msg, ul li i:before, ul li i:after {
    transition: all 0.5s ease-in-out;
}
.accordion ul li.link-away h2 a{
	margin:0;
}
.accordion ul li.link-away a{
	display:block;
}
.accordion ul li.link-away i{
    margin-top: 20px;
	right:20px;
    transform:  rotate(-270deg);
}
#form-box #meditation-sbmt-btn:focus,
#meditation-sbmt-btn{
	padding:10px 4% 15px 4%;
	background-image:none;
}
/*Validation*/
#form-box .dots .wrong{
	background:#f00;
}
#form-box #order-form-hold .cu-item .error{
	border-color:#f00;
}
/*Active-materials*/
.active-ok{
	color:#40ec14;
	text-shadow: -1px -1px 0 hsl(80, 70%, 35%),
             -1px -1px 0 hsl(80, 70%, 35%);
			 font-size:0.9em;
}
#checked-courses label{
	display:block;
	width:100%;
	padding:5px 0;
	line-height:1.5em;
	margin:0 0 5px;
}
#checked-courses label a{
	text-decoration:none;
	color:#000;
}
#checked-courses label a.active,
#checked-courses label a:hover{
	text-decoration:underline;
}
#checked-courses label input{
	margin:0 10px 0 0;
}
#open-materials #checked-courses .msg h3{
	margin:10px;
	text-align:center;
	padding:0;
}
#send-courses-choice{
	width:auto;
	padding: 10px;
	margin:10px 0 5px;
	text-align:center;
}
#course-part{
	padding:10px 3%;
	column-width: 45%;
	column-count: 2;
	column-gap: 4%;
}