#scrollbox {
  overflow-y: scroll; /* также может быть auto */
  -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:6px;
height:0px
}

::-webkit-scrollbar-track {
/*background-color:#32312e;*/
background-color:#fff;
box-shadow:0px 0px 3px #000 inset;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px;
border-radius: 5px;
background-color:#fdb972;
box-shadow:0px 1px 1px #fff inset;
background-image:url('https://yraaa.ru/_pu/24/59610063.png');
background-position:center;
background-repeat:no-repeat;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:7px;
height:0px
}

::-webkit-scrollbar{
width: 11px;
}

body {
	color: #212529b3!important;
}

.box-2 .swiper-container .swiper-slide {
	background-color: white;
	border-radius: 14%;
}

.break {
  flex-basis: 100%;
  height: 0;
}

.otstyp {
	margin: 0 15px;
}

.back_but {
	padding: 0px 15px;
	position: relative;
	bottom: 20px;
	margin-left: auto;
	text-align: right;
}

.back_but a:before {
	font-family: "Glyphicons Halflings";
    content: "\e091";
	padding-right: 5px;
	vertical-align: bottom;
}

.box-2 {
	overflow-y: scroll;
	height: 88vh !important;
}

.heder .name {
    max-width: 80%;
    max-height: 29.6px;
    overflow: hidden;
}

.video_prev {
	width: 100%;

}

iframe.video {
	width: 100%;
	height: 300px;
}

.box-2:before {
	content: none;
}

.sidemenu{
    position: fixed;
    left: -100vw;
    width: 100vw;
    background: #ffffff;
    z-index: 9999999999;
}

.sidemenu {
    overflow-y: scroll;
    height: 100%;
}

.sidemenu .skolzim {
	display: table;
	width: 100%;
}

.head {
    background: #0061ae;
    color: #fff;
    height: 154px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	
	height: 12vh;
    min-height: 70px;
	
	display: table-cell;
	vertical-align: middle;
	height: 15vmx;
	width: 80%; 
	
	height: 100%;
}

.head>div {
    position: relative;
    height: 100%;
	
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
}

.head div .menu-back {
    position: absolute;
    left: initial;
    right: 20px;
    top: 35%;
    margin-top: 0 !important;
	
	margin-top:-5vmax;
}

.head a {
    position: relative;
    float: left;
    margin-top: 31px;
}

.head div .menu-back a {
    margin-top: 0;
}

.head .menu-back img {
    width: 30px;
}

.head h1 {
    position: fixed;
    position: relative;
    text-transform: uppercase;
    font-size: 27px;
    margin: 0;
    padding: 0;
    width: 80%;
    margin-left: 10%;
    float: left;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
	
	/*margin-top: -5px;*/
}

.body .menu {
    height: 76vmax;
    overflow: auto;
    text-align: left;
    border-top: 1px solid rgba(0,0,0,.1);
	
	overflow: initial;
    height: 375px;
	display: block !important;
	
		width: 100%;
		
		height: 100%;
		
		border-top: none;
}

.sidemenu .menu {
	height: 375px;
}

.body .menu ul {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

.body .menu li {
    list-style: none;
    min-height: 40px;
    line-height: 40px;
    margin: 0 15px;
    font-size: 16px;
    border-bottom: 1px solid rgba(0,0,0,.1);
	
	    overflow: hidden;
}

.body .menu li a {
    display: block;
    position: relative;
}


.body .menu li a i.glyphicon-play {
    position: absolute;
    right: 0;
    top: -1px;
    line-height: 42px;
    color: #fff;
    background: #0061ae;
    font-size: 11px;
    width: 42px;
    text-align: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.body .menu li a.collapsed i.glyphicon-play {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}




/* Style the list */
ul.breadcrumbs {
    padding: 6px 15px;
    list-style: none;
    text-align: left;
    font-size: 16px;
}

/* Display list items side by side */
ul.breadcrumbs li {
    display: inline;
}

ul.breadcrumbs li a{
    color: #0061ae;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumbs li+li:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e257";
    padding: 7px;
    font-size: 11px;
    color: #0061ae;
}


.otzyv_text3 {
	margin-bottom: 25px;
}

.otzyv_text4 {
	margin-bottom: 50px;
}

.creat_quest {
	width: 100%;
}

textarea::-webkit-input-placeholder   {color:gray;}textarea::-moz-placeholder       {color:gray;}/* Firefox 19+ */textarea:-moz-placeholder      {color:gray;}/* Firefox 18- */textarea:-ms-input-placeholder      {color:gray;}

input::-webkit-input-placeholder   {color:gray;}input::-moz-placeholder       {color:gray;}/* Firefox 19+ */input:-moz-placeholder      {color:gray;}/* Firefox 18- */input:-ms-input-placeholder      {color:gray;}

.text_block {
	font-size: 24px;
}

.text_next {
	font-size: 16px;
}

.error {
	color: red;
}

.alertify-logs {
	top: 50px;
}

.publishedon {
	float: right;
	color: black;
}

.content {
	font-size: 15px;
}

.button_style {
	display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.social-container {
	width: 100% !important;
}

.margin0auto {
	margin: 0 auto;
}

.dom img{
	width: 25px;
}

.vertical_center {
	display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.opacity50 > div{
	opacity: 0.5;
}

.opacity50:before {
	content: 'Скоро';
	width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  color: red !important;
  text-align: center;
  font-size: 25px;
}

.razdely_glav > a.pryam_ugol > div {
	padding-bottom: 15px !important;
	width: 100%;
}

.razdely_glav > a.pryam_ugol > div > img {
	padding: 0px 50px 5px;
}

.razdely_glav > a.pryam_ugol > div > span {
	height: 25px;
}

.razdely_glav > a {
	color: rgba(40,40,40,.75);
	text-decoration: initial;
	
}

.razdely_glav > a > div {
	background: white;
	border-radius: 14%;
	height: 100%;
			
	padding-bottom: 35px !important;
	position: relative;
	
	width: 100%;
    margin: 0 auto;
	
	padding-top: 10px;
}

.razdely_glav > a > div > img {
	width: 100%;
	padding: 0px 25px 5px;
}

.razdely_glav > a > div > span {
	height: 30px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	font-size: 14px;
	line-height: 14px;
}

.otstyp {
	width: 100%;
}

form.poisk_nad input{
	width: 100%;
	height: 30px;
}