/* Start:/local/templates/main/components/bitrix/learning.course/support.course.new/style.css?157131082526413*/
.learn-workspace
{
	height: 100%;
}

.learn-right-data
{
	padding-left: 280px;
	transition: padding .1s ease-in;
}

.tree-compact .learn-right-data
{
	padding-left: 65px;
}

.learn-right-data__inner
{
	position: relative;
    display: table;
    max-width: 900px;
    min-height: 300px;
    width: 100%;
    padding: 0 50px;
    margin-left: auto;
    margin-right: auto;
}

/*************** button *****************/

.button-2
{
	position: relative;
	display: inline-table;
	vertical-align: top;
	min-height: 41px;
	padding: 10px;
	line-height: 1;
	box-shadow:
		inset 2px 2px 2px -2px rgba(255, 255, 255, 0.4),
		inset -2px -2px 2px -2px rgba(0, 0, 0, 0.4),
		2px 2px 1px 0px rgba(0, 0, 0, 0.15),
		0px 0px 1px 1px rgba(0, 0, 0, 0.1),
		inset 0px 0px 30px -5px rgba(0, 0, 0, 0.3),
		inset 6px 6px 6px -7px rgba(255, 255, 255, 0.7),
		inset -5px -5px 6px -7px rgba(0, 0, 0, 0.6);
   	border: 1px solid;
	border-color: #4F9DDA #2A7EBF #2A7EBF #4F9DDA;
   	color: #fff;
   	border-radius: 2px;
   	background: rgb(74,159,224);
	background: -moz-linear-gradient(top, rgba(74,159,224,1) 0%, rgba(63,156,226,1) 50%, rgba(2,127,229,1) 100%);
	background: -webkit-linear-gradient(top, rgba(74,159,224,1) 0%,rgba(63,156,226,1) 50%,rgba(2,127,229,1) 100%);
	background: linear-gradient(to bottom, rgba(74,159,224,1) 0%,rgba(63,156,226,1) 50%,rgba(2,127,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9fe0', endColorstr='#027fe5',GradientType=0 );
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);
    outline: none;
    letter-spacing: .3px;
    transition: box-shadow .1s, text-shadow .1s;
    perspective: 150px;
    perspective-origin: center;
}

.button-2 + .button-2
{
	margin-top: 10px;
}

.button-2 > span,
.button-2 > .icon
{
	display: table-cell;
	vertical-align: middle;
    transform-style: preserve-3d;
    transition: transform .1s;
}

.button-2 > .icon
{
	padding: 0;
	font-size: 1.2em;
}

.button-2 > .icon:before
{
	margin: 0;
}

.button-2 > .icon + span,
.button-2 > span + .icon
{
	position: relative;
	padding-left: 20px;
}

.button-2 > .icon + span:after,
.button-2 > span + .icon:after
{
	content: "";
	position: absolute;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
	width: 1px;
	left: 10px;
	top: 0;
    box-shadow: 1px 0px 1px 0px rgba(255, 255, 255, .3), 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.button-2:hover
{
	text-decoration: none;
	color: #fff;
	background: rgb(93,169,227);
	background: -moz-radial-gradient(center, ellipse cover, rgba(93,169,227,1) 0%, rgba(83,166,229,1) 50%, rgba(7,142,253,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(93,169,227,1) 0%,rgba(83,166,229,1) 50%,rgba(7,142,253,1) 100%);
	background: radial-gradient(ellipse at center, rgba(93,169,227,1) 0%,rgba(83,166,229,1) 50%,rgba(7,142,253,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5da9e3', endColorstr='#078efd',GradientType=1 );
}

.button-2:hover > .icon:before
{
	transform: scale(1.1);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}

.button-2:active > .icon:before
{
	transform: none;
	text-shadow: inherit;
}

.button-2:focus,
.button-2:active
{
	text-decoration: none;
	outline: none;
    color: #f5f5f5;
}

.button-2:active
{
	box-shadow:
		inset -2px -2px 3px -3px rgba(255, 255, 255, 0.2),
		inset 2px 2px 2px -2px rgba(0, 0, 0, 0.2),
		0px 0px 1px 0px rgba(0, 0, 0, 0.15),
		0px 0px 1px 1px rgba(0, 0, 0, 0.1),
		inset 0px 0px 15px -5px rgba(0, 0, 0, 0.6),
		inset -6px -6px 3px -7px rgba(255, 255, 255, 0.4),
		inset 3px 3px 3px -5px rgba(0, 0, 0, 0.4);
}

.button-2:active > span,
.button-2:active > .icon
{
	transform: translateZ(-3px);
}

.button-2.b-xs
{
	font-size: .7em;
	min-height: 34px;
}

.button-2.b-sm
{
	font-size: .9em;
	min-height: 38px;
}

.button-2.b-lg
{
	font-size: 1.2em;
	min-height: 44px;
}

.button-2.b-xl
{
	font-size: 1.4em;
	padding: 12px;
    min-height: 50px;
}

.button-2.b-flat
{
    background: #3194E7;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 1px 2px 0px 0px #206197, inset 0px 0px 1px 0px rgba(255, 255, 255, 0.5);
    transition: none;
}

.button-2.b-flat:hover
{
	background: rgb(93,169,227);
}

.button-2.b-flat:active
{
	box-shadow:
		0px 0px 0px 0px #206197,
		inset 0px 0px 1px 0px rgba(255, 255, 255, 0.5),
		0px 0px 0px 1px rgba(0, 0, 0, 0.1),
		inset 0px 0px 10px -3px rgba(0, 0, 0, 0.5);
	top: 2px;
}

.button-2.b-flat:focus > span,
.button-2.b-flat:active > span,
.button-2.b-flat:active > .icon,
.button-2.b-flat:focus > .icon
{
	transform: none;
}

.button-2.b-circle
{
	border-radius: 50%;
	min-width: 41px;
}
.button-2.b-xs.b-circle { min-width: 34px; }
.button-2.b-sm.b-circle { min-width: 38px; }
.button-2.b-lg.b-circle { min-width: 44px; }
.button-2.b-xl.b-circle { min-width: 50px; }


.button-2.b-green
{
	background: rgb(121,209,121);
	background: -moz-linear-gradient(top, rgba(121,209,121,1) 0%, rgba(84,137,81,1) 100%);
	background: -webkit-linear-gradient(top, rgba(121,209,121,1) 0%,rgba(84,137,81,1) 100%);
	background: linear-gradient(to bottom, rgba(121,209,121,1) 0%,rgba(84,137,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79d179', endColorstr='#548951',GradientType=0 );
    border: 1px solid;
    border-color: #6CAF6B #51864F #51864F #6CAF6B;
}

.button-2.b-green:hover
{
	background: rgb(134,214,134);
	background: -moz-radial-gradient(center, ellipse cover, rgba(134,214,134,1) 0%, rgba(95,156,92,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(134,214,134,1) 0%,rgba(95,156,92,1) 100%);
	background: radial-gradient(ellipse at center, rgba(134,214,134,1) 0%,rgba(95,156,92,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d686', endColorstr='#5f9c5c',GradientType=1 );
}

.button-2.b-red
{
	background: rgb(247,104,79);
	background: -moz-linear-gradient(top, rgba(247,104,79,1) 0%, rgba(231,56,39,1) 100%);
	background: -webkit-linear-gradient(top, rgba(247,104,79,1) 0%,rgba(231,56,39,1) 100%);
	background: linear-gradient(to bottom, rgba(247,104,79,1) 0%,rgba(231,56,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7684f', endColorstr='#e73827',GradientType=0 );
    border-color: #E5705B #A73627 #A3271A #DD6C5A;
}

.button-2.b-red:hover
{
	background: rgb(248,119,96);
	background: -moz-radial-gradient(center, ellipse cover, rgba(248,119,96,1) 0%, rgba(233,75,61,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(248,119,96,1) 0%,rgba(233,75,61,1) 100%);
	background: radial-gradient(ellipse at center, rgba(248,119,96,1) 0%,rgba(233,75,61,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87760', endColorstr='#e94b3d',GradientType=1 );
}

.button-2.b-grey
{
	background: rgb(211,211,211);
	background: -moz-linear-gradient(top, rgba(211,211,211,1) 0%, rgba(163,166,181,1) 100%);
	background: -webkit-linear-gradient(top, rgba(211,211,211,1) 0%,rgba(163,166,181,1) 100%);
	background: linear-gradient(to bottom, rgba(211,211,211,1) 0%,rgba(163,166,181,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#a3a6b5',GradientType=0 );
    border-color: #A7A9B4 #8D909D #8D909D #A7A9B4;
}

.button-2.b-grey:hover
{
	background: rgb(215,215,215);
	background: -moz-radial-gradient(center, ellipse cover, rgba(215,215,215,1) 0%, rgba(172,175,188,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(215,215,215,1) 0%,rgba(172,175,188,1) 100%);
	background: radial-gradient(ellipse at center, rgba(215,215,215,1) 0%,rgba(172,175,188,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#acafbc',GradientType=1 );
}

/********************* fieldset with only top border visible. used in bottom nav. ***********************/

.learn-workspace .fieldset-top
{
	border: none;
	border-top: 1px solid #eee;
	padding-top: 25px;
}

.learn-workspace .fieldset-top > legend
{
	font-size: .8em;
	font-weight: normal;
	letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0;
}

/**************** dictionary popup block *******************/

.dictionary-words
{
	margin: 0;
	font-family: 'PT Sans Narrow', sans-serif;
    font-size: 18px;
}

.dictionary-words dt
{
	font-size: 1.3em;
}

.dictionary-words dd
{
	padding-left: 20px;
	font-size: .9em;
}

.dictionary-link
{
    display: inline-block;
    position: relative;
    font-weight: bold;
    color: crimson;
    border-bottom: 1px dashed;
    line-height: 1.2;
}

.dictionary-link:hover,
.dictionary-link:active,
.dictionary-link:focus
{
	text-decoration: none;
	border-bottom: 1px solid;
}


/** ============== styled infoblock (used in last lesson) ============== **/
/*
.learn-workspace .learn-infoblock
{
	padding: 0;
	border: none;
	margin-bottom: 20px;
}

.learn-infoblock > .learn-infoblock__title
{

    margin: 0px;
    padding: 0;
    width: 100%;
    border: 1px solid;

    background: rgb(216,239,165);
	background: -moz-linear-gradient(left, rgba(216,239,165,1) 0%, rgba(183,212,120,1) 100%);
	background: -webkit-linear-gradient(left, rgba(216,239,165,1) 0%,rgba(183,212,120,1) 100%);
	background: linear-gradient(to right, rgba(216,239,165,1) 0%,rgba(183,212,120,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8efa5', endColorstr='#b7d478',GradientType=1 );
    border-color: #C8DAA1 #A0AF80 #AFBD91 #C8DAA1;
    color: #61733C;
    box-shadow: inset 0px 0px 30px -10px rgba(0, 0, 0, 0.2), inset 6px 6px 3px -5px rgba(255, 255, 255, 0.4), inset -6px -6px 3px -7px rgba(0, 0, 0, 0.3);
	font-size: 1em;
	line-height: 1.2;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}

.learn-infoblock > .learn-infoblock__title > span,
.learn-infoblock > .learn-infoblock__title > .icon
{
	display: table-cell;
	vertical-align: middle;
}

.learn-infoblock > .learn-infoblock__title > .icon
{
	padding: 0 5px;
    font-size: 1.6em;
    vertical-align: middle;
}

.learn-infoblock > .learn-infoblock__title > .icon + span
{
	padding-left: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0px 1px 0px rgba(255, 255, 255, 0.3);
}

.learn-infoblock > .learn-infoblock__title > span
{
	width: 100%;
    padding: 11px;
    font-weight: bold;
}

.learn-infoblock > .learn-infoblock__content
{
    padding: 10px;
    background: rgb(243,243,243);
	background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 43%);
	background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 43%);
	background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 43%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
    border: 1px solid #ddd;
    border-top: none;
    box-shadow: inset 0px 3px 3px -3px rgba(0, 0, 0, 0.2), inset 0px 0px 10px -3px rgba(0, 0, 0, 0.15);
}

.learn-infoblock.info-blue > .learn-infoblock__title
{
	border-color: #CCDCE9 #BECFDB #B8C9D6 #BCDBEF;
    background: rgb(210,227,242);
	background: -moz-linear-gradient(left, rgba(210,227,242,1) 0%, rgba(176,210,234,1) 100%);
	background: -webkit-linear-gradient(left, rgba(210,227,242,1) 0%,rgba(176,210,234,1) 100%);
	background: linear-gradient(to right, rgba(210,227,242,1) 0%,rgba(176,210,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e3f2', endColorstr='#b0d2ea',GradientType=1 );
	color: #506F8A;
}
*/

.learn-workspace fieldset.learn-infoblock
{
/* 	padding: 0; */
	border: none;
	margin-bottom: 20px;
    padding: 10px 15px;

    background: rgb(243,243,243);
	background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 43%);
	background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 43%);
	background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 43%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
    border: 1px solid #ddd;
    border-top: none;
    box-shadow: inset 0px 3px 3px -3px rgba(0, 0, 0, 0.2), inset 0px 0px 10px -3px rgba(0, 0, 0, 0.15);
    line-height: 1.2;
}

.learn-workspace fieldset.learn-infoblock > legend
{
	margin-left: -16px;
    margin-bottom: -1px;
    box-sizing: content-box;
    padding: 10px 15px;
    width: 100%;
    border: 1px solid;

    background: rgb(216,239,165);
	background: -moz-linear-gradient(left, rgba(216,239,165,1) 0%, rgba(183,212,120,1) 100%);
	background: -webkit-linear-gradient(left, rgba(216,239,165,1) 0%,rgba(183,212,120,1) 100%);
	background: linear-gradient(to right, rgba(216,239,165,1) 0%,rgba(183,212,120,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8efa5', endColorstr='#b7d478',GradientType=1 );
    border-color: #C8DAA1 #A0AF80 #AFBD91 #C8DAA1;
    color: #61733C;
    box-shadow: inset 0px 0px 30px -10px rgba(0, 0, 0, 0.2), inset 6px 6px 3px -5px rgba(255, 255, 255, 0.4), inset -6px -6px 3px -7px rgba(0, 0, 0, 0.3);
	font-size: 1em;
	line-height: 1.2;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
}

.learn-workspace fieldset.learn-infoblock > legend > .icon
{
    margin-right: 10px;
    margin-left: -15px;
    padding: 9px 9px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0px 1px 0px rgba(255, 255, 255, 0.5);
}

.learn-workspace fieldset.learn-infoblock.blue > legend
{
	border-color: #CCDCE9 #BECFDB #B8C9D6 #BCDBEF;
    background: rgb(210,227,242);
	background: -moz-linear-gradient(left, rgba(210,227,242,1) 0%, rgba(176,210,234,1) 100%);
	background: -webkit-linear-gradient(left, rgba(210,227,242,1) 0%,rgba(176,210,234,1) 100%);
	background: linear-gradient(to right, rgba(210,227,242,1) 0%,rgba(176,210,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e3f2', endColorstr='#b0d2ea',GradientType=1 );
	color: #506F8A;
}

/* ==================== INPUTS ============================== */

input.css-input[type=radio],
input.css-input[type=checkbox]
{
	position: absolute;
    width: 1em;
    height: 1em;
	opacity: 0;
}

input.css-input[type=radio] + label,
input.css-input[type=checkbox] + label
{
	position: relative;
	cursor: pointer;
	font-weight: normal;
	margin-bottom: 4px;
    letter-spacing: .2px;
    perspective: 500px;
    line-height: 1.2em;
}

input.css-input[type=radio] + label
{
	display: block;
	background-color: #f3f3f3;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    padding: 4px 10px;
    font-size: .9em;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
    color: #555;
    margin-left: 1.6em;
    transition: background .2s, color .2s, text-shadow .2s;
}

input.css-input[type=radio] + label:hover
{
/* 	color: #3194e7; */
	background-color: #EAEDF1;
}

input.css-input[type=radio] + label:before,
/* input.css-input[type=radio] + label:after, */
input.css-input[type=checkbox] + label:before,
input.css-input[type=checkbox] + label:after
{
	content: "";
    position: absolute;
    top: .12em;
    left: -1em;
    transition: border .2s;
}

input.css-input[type=radio] + label:before,
input.css-input[type=checkbox] + label:before
{
    width: 1em;
    height: 1em;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
/*     background-color: #fefefe; */
}

input.css-input[type=radio] + label:before
{
	top: 4px;
	left: -1.6em;
	width: 1.2em;
	height: 1.2em;
/* 	margin-top: .1em; */
/* 	transition: border .2s, transform .5s; */
	transition: border .2s, background .2s, box-shadow .2s, transform .2s;
 	box-shadow: inset 0px 2px 7px -3px rgba(0, 0, 0, .2), inset 1px 1px 3px -1px rgba(0, 0, 0, 0.4);
	background-color: #f7f7f7;
}
/*
input.css-input[type=radio] + label:after
{
	width: 0;
    height: 0;
    margin-left: 10px;
    margin-top: 10px;
}
*/

input.css-input[type=radio] + label:hover:before,
input.css-input[type=radio]:checked + label:before
{
/* 	border-color: #777; */
/* 	border-width: .32em; */
	background-color: #EAEDF1;
	box-shadow: inset 0px 1px 6px -1px rgba(255, 255, 255, 0.7),
				inset 0px -1px 6px -2px rgba(0, 0, 0, 0.6),
				inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),
				0px 2px 1px -1px rgba(0, 0, 0, 0.6);
	transform: translateY(-1px);
}

input.css-input[type=radio]:checked + label
{
	pointer-events: none;
	background-color: #A1AEB9;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

input.css-input[type=radio]:checked + label:before
{
/* 	border: .4em solid #006fcb; */
/* 	border-radius: 50%; */
/* 	transform: rotateY(180deg); */
/* 	transition: border .1s .25s, transform .5s; */

	background-color: #5AA9EB;
}

/*
input.css-input[type=radio]:checked + label:after
{
	border-radius: 50%;
    width: .7em;
    height: .7em;
    margin-top: 2px;
    margin-left: 3px;
	background-color: #006fcb;
}
*/

input.css-input[type=checkbox] + label
{
	display: inline-block;
    padding: 0 5px;
    margin-left: 1.3em;
}

input.css-input[type=checkbox] + label:before
{
	border-radius: 3px;
}

input.css-input[type=checkbox]:checked + label:before
{
	border: .16em solid #333;
}

input.css-input[type=checkbox]:checked + label
{
	font-weight: bold;
}

input.css-input[type=checkbox]:checked + label:after
{
    content: "\e813";
    position: absolute;
/*     top: -.2em; */
/*     left: -.1em; */
    margin-top: -.3em;
    margin-left: .1em;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-size: 1.2em;
    text-shadow: 0px 2px 0px #fefefe, 0px -2px 0px #fefefe;
    color: #006fcb;
    z-index: 999;
}

input.css-input[type=checkbox]:checked + label:after
{
  animation: checkboxSet linear .5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: checkboxSet linear .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: checkboxSet linear .5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: checkboxSet linear .5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: checkboxSet linear .5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

/*
input.css-input[type=radio][disabled] + label,
input.css-input[type=checkbox][disabled] + label,
input.css-input[type=radio][disabled] + label:before,
input.css-input[type=checkbox][disabled] + label:before,
input.css-input[type=radio][disabled] + label:after,
input.css-input[type=checkbox][disabled] + label:after
{
	color: #bbb;
	border-color: #bbb;
}
*/

input.css-input[type=radio][disabled] + label,
input.css-input[type=checkbox][disabled] + label
{
	opacity: .4;
	filter: alpha(opacity=40);
	cursor: default;
}

@keyframes checkboxSet{
  0% {
    transform:  scale(1.3) ;
  }
  31% {
    transform:  scale(0.90) ;
  }
  70% {
    transform:  scale(1.10) ;
  }
  100% {
    transform:  scale(1.00) ;
  }
}

@-moz-keyframes checkboxSet{
  0% {
    -moz-transform:  scale(1.3) ;
  }
  31% {
    -moz-transform:  scale(0.90) ;
  }
  70% {
    -moz-transform:  scale(1.10) ;
  }
  100% {
    -moz-transform:  scale(1.00) ;
  }
}

@-webkit-keyframes checkboxSet {
  0% {
    -webkit-transform:  scale(1.3) ;
  }
  31% {
    -webkit-transform:  scale(0.90) ;
  }
  70% {
    -webkit-transform:  scale(1.10) ;
  }
  100% {
    -webkit-transform:  scale(1.00) ;
  }
}

@-o-keyframes checkboxSet {
  0% {
    -o-transform:  scale(1.3) ;
  }
  31% {
    -o-transform:  scale(0.90) ;
  }
  70% {
    -o-transform:  scale(1.10) ;
  }
  100% {
    -o-transform:  scale(1.00) ;
  }
}

@-ms-keyframes checkboxSet {
  0% {
    -ms-transform:  scale(1.3) ;
  }
  31% {
    -ms-transform:  scale(0.90) ;
  }
  70% {
    -ms-transform:  scale(1.10) ;
  }
  100% {
    -ms-transform:  scale(1.00) ;
  }
}

/******** tooltip ********/

.w-tooltip[data-title]
{
	position: relative;
    display: inline-block;
    perspective: 500px;
}

.w-tooltip[data-title]:before
{
	content: attr(data-title);
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	padding: 8px 12px;
    left: 100%;
    top: 50%;
    margin: 0 10px;
    margin-top: -18px;
    border-radius: 4px;
    color: #fefefe;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	font-size: .9em;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
	transform: translateX(50px) translateZ(-50px);
    transform-origin: left bottom;
    transition: all .3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.w-tooltip[data-title][data-direction="right"]:before
{
	left: auto;
	right: 100%;
	transform: translateX(-50px) translateZ(-50px);
}

.w-tooltip[data-title]:hover:before
{
	visibility: visible;
	opacity: 1;
	transform: translateX(0) translateZ(0);
	text-decoration: none;
}

/* =========== rebinds ========== */

.learn-workspace small
{
	font-size: 90%;
}

.course-content img
{
	border: 1px solid #ddd;
}

.course-content img.no-border
{
	border: none;
}

.learn-right-data__inner blockquote,
.learn-right-data__inner blockquote.e-info
{
	display: block;
    padding: 10px 20px;
    background-color: #f5f5f5;
    border: 1px dashed #ccc;
}

.learn-right-data__inner blockquote.e-info
{
	font-size: 1em;
}

.mfp-bottom-bar > .mfp-title
{
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.learn-right-data__inner video
{
	display: block;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
    border: 3px solid #333;
}

.learn-workspace,
.learn-workspace input,
.learn-workspace button
{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 18px;
}

.learn-workspace h3
{
    color: inherit;
    font-weight: bold;
}

.learn-workspace fieldset
{
	margin-bottom: 30px;
	padding: 13px;
}

.learn-workspace fieldset > legend
{
	margin-bottom: -8px;
}

.learn-rating
{
	text-align: right;
}

.ilike .bx-ilike-text,
.ilike .bx-ilike-right
{
	box-sizing: content-box;
}

.course-content .e-input > label,
.course-content .e-input.e-input_focusin > label,
.course-content .e-input.e-input_filled > label
{
	font-size: 14px;
	margin-top: -18px;
    letter-spacing: .2px;
}
/** =============== !!! EXPERIMENTAL SECTION !!! ============== **/

/* html element highlighting. For jQuery - $.fn.highlight */

.h-frame
{
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 0px 9999px, rgba(0, 0, 0, 0.498039) 0px 0px 10px 0px;
    border-radius: 3px;
    pointer-events: none;
    z-index: 9999999;
}

.h-frame.closing
{
	opacity: 0;
}

.h-frame__close
{
	float: right;
    width: 30px;
    height: 30px;
    margin-right: -30px;
    margin-top: -35px;
    position: relative;
    pointer-events: all;
    cursor: pointer;
    border-radius: 50%;
}

.h-frame__close:before,
.h-frame__close:after
{
	content: "";
    position: absolute;
    width: 100%;
    bottom: 50%;
    height: 3px;
    background: #fff;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
	animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
	transition: transform .2s;
}

.h-frame__close:before
{
	transform: rotate(45deg);
	-webkit-animation-name: leftLine;
	animation-name: leftLine;
}

.h-frame__close:after
{
	transform: rotate(-45deg);
	-webkit-animation-name: rightLine;
	animation-name: rightLine;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}

.h-frame__close:hover:before
{
	transform: rotate(40deg) scale(1.1);
}

.h-frame__close:hover:after
{
	transform: rotate(-40deg) scale(1.1);
}

@media screen and (max-width: 756px){
    .learn-right-data__inner{
        padding: 0 15px;
    }
    .learn-right-data{
        padding-left: 65px;
    }
    .learn-right-data img{
        max-width: 100%;
    }
   .learn-right-data .learning-padding{
       padding: 0px 0px;
    }
    .next-page:before {
        display: none;
    }
   .course-description_diagonal:before{
        display: none;
   }
   .learn-right-data .row{
       margin: 0;    
   }
   .learn-right-data__inner h1{
    font-size: 2em !important;
   }
    
}
@keyframes leftLine{
  0% {
  	opacity: 0;
    transform: rotate(45deg) scale3d(3,.1,1) translate(70px);
  }
  100% {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1) translate(0);
  }
}

@-moz-keyframes leftLine{
  0% {
  	opacity: 0;
    transform: rotate(45deg) scale3d(3,.1,1) translate(70px);
  }
  100% {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1) translate(0);
  }
}

@-webkit-keyframes leftLine {
  0% {
  	opacity: 0;
    transform: rotate(45deg) scale3d(3,.1,1) translate(70px);
  }
  100% {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1) translate(0);
  }
}

@-o-keyframes leftLine {
  0% {
  	opacity: 0;
    transform: rotate(45deg) scale3d(3,.1,1) translate(70px);
  }
  100% {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1) translate(0);
  }
}

@-ms-keyframes leftLine {
  0% {
  	opacity: 0;
    transform: rotate(45deg) scale3d(3,.1,1) translate(70px);
  }
  100% {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1) translate(0);
  }
}


@keyframes rightLine{
  0% {
  	opacity: 0;
    transform: rotate(-45deg) scale3d(3,.1,1) translate(70px);
  }
  100% {
    opacity: 1;
    transform: rotate(-45deg) translate(0);
  }
}

@-moz-keyframes rightLine{
  0% {
  	opacity: 0;
    transform: rotate(-45deg) scale3d(3,.1,1) translate(70px);
  }
  100% {
    opacity: 1;
    transform: rotate(-45deg) translate(0);
  }
}

@-webkit-keyframes rightLine {
  0% {
  	opacity: 0;
    transform: rotate(-45deg) scale3d(3,.1,1) translate(70px);
  }
  100% {
    opacity: 1;
    transform: rotate(-45deg) translate(0);
  }
}

@-o-keyframes rightLine {
  0% {
  	opacity: 0;
    transform: rotate(-45deg) scale3d(3,.1,1) translate(70px);
  }
  100% {
    opacity: 1;
    transform: rotate(-45deg) translate(0);
  }
}

@-ms-keyframes rightLine {
  0% {
  	opacity: 0;
    transform: rotate(-45deg) scale3d(3,.1,1) translate(70px);
  }
  100% {
    opacity: 1;
    transform: rotate(-45deg) translate(0);
  }
}
/* End */


/* Start:/local/templates/main/components/bitrix/learning.course/support.course.new/bitrix/learning.course.tree/.default/style.css?16226495537440*/
.learn-course-progress
{
/* 	position: absolute; */
/* 	top: 0; */
/* 	left: 0; */
	width: 100%;
	height: 5px;
    background: #e5e5e5;
}

.learn-course__progressbar
{
	background-color: #96D493;
	height: 100%;
}

.learn-course-tree
{
    width: 280px;
/*     padding-top: 5px; */
    top: 0;
    bottom: 0;
    background: rgb(245,245,245);
	background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(239,239,239,1) 50%, rgba(245,245,245,1) 100%);
	background: -webkit-linear-gradient(left, rgba(245,245,245,1) 0%,rgba(239,239,239,1) 50%,rgba(245,245,245,1) 100%);
	background: linear-gradient(to right, rgba(245,245,245,1) 0%,rgba(239,239,239,1) 50%,rgba(245,245,245,1) 100%);
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); */
    border-right: 1px solid #ddd;
    border-left: 2px solid #ddd;
    z-index: 10;
    transition: width .3s;
}

.learn-course-tree__inner
{
	display: table;
	width: 100%;
	height: 100%;
}
/*
.tree-row-element
{
	display: table-row;
}

.tree-element
{
    padding: 10px;
    padding-bottom: 5px;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    transition: visibility .2s, opacity .2s;
}

.tree-element__inner
{
	display: table;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.tree-element__title
{
	display: table-cell;
	font-weight: bold;
	padding-left: 15px;
	vertical-align: middle;
	font-family: monospace;
	color: #555;
    width: 100%;
    transition: opacity .2s, visibility .2s;
    transition-delay: .3s;
}

.tree-element__button
{
	display: table-cell;
	font-size: 1.5em;
	line-height: 1;
    color: inherit;
    text-decoration: none;
    text-align: center;
    transition: font-size .1s;
}
*/
.tree-compact .learn-course-tree
{
	width: 65px;
}

.tree-compact .learn-course-tree__content
{
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition-delay: 0s;
	transition: none;
}

.learn-course-tree__content
{
    width: 100%;
    height: 100%;
    height: calc(100% - 5px);
    padding-left: 10px;
    padding-right: 16px;
    font-size: 16px;
    overflow-y: auto;
    margin: 0;
    transition: opacity .2s, visibility .2s;
    transition-delay: .3s;
}

.learn-course-tree__content > li:first-child
{
	margin-top: 10px;
}

.learn-course-tree__content > li:last-child
{
	margin-bottom: 10px;
}

.learn-course-tree__content li
{
	display: block;
	margin-left: 0;
    margin-left: 25px;
	line-height: 1.5;
	margin-bottom: 5px;
	transform-style: preserve-3d;
}

.learn-course-tree .item-link
{
	display: inline-block;
	color: inherit;
	text-decoration: none;
	outline: none;
	padding-right: 10px;
	vertical-align: middle;
	transition: transform .1s, text-shadow .1s;
}

.learn-course-tree .item-link:hover,
.learn-course-tree .item-link:active,
.item-chapter > .item-icon:hover,
.item-chapter > .item-icon:active,
.tree-element__button:hover,
.tree-element__button:active
{
	cursor: pointer;
	color: #3194E7;
	text-decoration: none;
}

.learn-course-tree .item-link:hover,
.learn-course-tree .item-link:active
{
	transform: translateY(-2px) rotate(0);
	text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.15);
	font-weight: bold;
	padding-right: 0;
}

.tree-element__button:active,
.learn-course-tree .item-link:active,
.learn-course-tree .item-link:focus
{
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 0);
}

.item-chapter > ul
{
	margin-left: -13px;
	border-left: 1px solid #ccc;
	padding-left: 3px;
	margin-top: 5px;
	display: none;
}

.item-chapter > ul.active
{
	display: block;
}

.item-text
{
	position: relative;
}

.item-icon
{
	position: absolute;
	left: -25px;
	top: 0;
	font-size: 1.2em;
	transition: transform .3s;
}

.item-chapter.open > .item-icon
{
	transform: rotate(-90deg);
}

.item-lesson > .item-icon,
.item-course-detail > .item-icon,
.item-test > .item-icon
{
	color: #999;
}

.item-text.selected > .item-link,
.item-text.selected > .item-icon
{
	color: inherit;
	font-weight: bold;
	padding-right: 0;
	pointer-events: none;
}

.item-text.item-chapter:hover  > ul
{
	border-left: 1px solid #999;
}

/*********************/

.left-tree-menu
{
	position: absolute;
	width: 62px;
	margin-left: 100%;
    padding-left: 6px;
	transition: margin .3s;
    transition-timing-function: ease-in-out;
    z-index: 1;
}

.menu-button
{
    position: relative;
    display: inline-block;
	white-space: nowrap;
    background: none;
    border: none;
    outline: none;
    line-height: 1;
    color: #555;
    text-shadow: 1px 1px 1px #fff;
    padding: 5px 0;
    box-sizing: content-box;
    cursor: pointer;
}

.menu-button:hover .icon
{
	color: #3194E7;
}

.menu-button .icon
{
	position: relative;
	display: inline-block;
	font-size: 27px;
    vertical-align: middle;
    transition: font-size .2s;
    transition-delay: .3s;
}

.menu-button + .menu-button
{
    margin-top: 5px;
}

.tree-compact .menu-button:after
{
	left: 15px;
}

.tree-compact .left-tree-menu
{
	margin-left: 0;
}


.menu-button + .menu-button .icon:after
{
	content: "";
    position: absolute;
    left: 50%;
    margin-left: -45%;
    top: -7px;
    width: 0;
    height: 1px;
    background-color: #bbb;
    transition: width .3s;
    transition-delay: 0;
    box-shadow: 0px 1px 1px 0px #FFF;
}

.tree-compact .menu-button .icon
{
	font-size: 35px;
}

.tree-compact .menu-button + .menu-button .icon:after
{
    width: 90%;
    transition-delay: .3s;
}

.menu-button.button--disabled
{
	cursor: default;
    color: #ccc;
}

.tree-compact .menu-button .w-tooltip[data-title]:before
{
	margin-left: 15px;
}

@media screen and (max-width: 756px){
    .learn-course-tree {
       width: 220px;
    }
    .learn-course-tree__content{
         padding-left: 65px;
    }
    .left-tree-menu{
        margin-left: 0;
        height: 100%;
    }
}

{
	max-width: 450px;
}

#course_pop_win.course-auth-win .course_reg_form
{
	margin-top: 7px;
}

#course_pop_win.course-auth-win .course_reg_form a
{
	margin-top: 15px;
}

#course_pop_win.course-auth-win form
{
	text-align: center;
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateX(40px);
    transition: visibility .3s, opacity .5s, transform .3s;
}

#course_pop_win.course-auth-win .course_auth_form > form
{
	max-width: 250px;
	margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#course_pop_win.course-auth-win .e-input-password
{
	margin-bottom: 18px;
}

#course_pop_win.course-auth-win .e-input-email
{
	max-width: 230px;
	margin-right: 5px;
}

#course_pop_win.course-auth-win form button[type=submit]
{
	vertical-align: bottom;
}

#course_pop_win.course-auth-win input[type=radio] + label
{
    margin-bottom: 0;
}

#course_pop_win.course-auth-win input[type=radio]:checked + label + form
{
	height: auto;
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

#course_pop_win.course-auth-win button[name=Login]
{
	margin-bottom: 10px;
}

#course_pop_win.course-auth-win .forgotpassword
{
	position: absolute;
	right: 0;
	font-size: small;
}*/

/* End */


/* Start:/local/templates/main/components/bitrix/learning.course/support.course.new/bitrix/learning.course.tree/chain/style.css?1572325332705*/
.learn-nav-chain
{
    margin-top: 10px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.learn-nav-chain__link
{
	position: relative;
	vertical-align: middle;
    line-height: 1.2;
    font-size: .8em;
    margin-right: 3px;
}

.learn-nav-chain__link + .learn-nav-chain__link
{
	padding-left: 28px;
}

.learn-nav-chain__link + .learn-nav-chain__link:before
{
	content: "→";
	position: absolute;
	left: 0;
}

.learn-nav-chain__link.last-link
{
	font-size: 1.2em;
    color: #333;
    font-weight: bold;
    pointer-events: none;
}
@media screen and (max-width: 756px){
	.learn-nav-chain__link{
	   font-size: 14px;
	}
	
}
/* End */


/* Start:/local/templates/main/components/bitrix/learning.course/support.course.new/bitrix/learning.chapter.detail/.default/style.css?1561017954275*/
div.learn-chapter-contents ul
{
	margin:5px 20px;
}

div.learn-self-test-icon
{
	width:21px;
	height:16px;
	background-image:url(/local/templates/main/components/bitrix/learning.course/support.course.new/bitrix/learning.chapter.detail/.default/images/selftest.gif);
	background-repeat:no-repeat;
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;
}

.float-clear
{
	clear:both;
}
/* End */


/* Start:/bitrix/components/bitrix/rating.vote/templates/like_graphic/style.min.css?15610179482595*/
.ilike .bx-ilike-button{color:#50688e;line-height:14px;display:inline-block;cursor:pointer;font-size:9px;font-family:Verdana,Tahoma,sans-serif;height:20px;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none}.ilike .bx-ilike-left{background:url("/bitrix/components/bitrix/rating.vote/templates/like_graphic/images/i-like-sprite.png") no-repeat -15px 0;display:inline-block;height:20px;vertical-align:top;width:14px}.ilike .bx-ilike-text{background:url("/bitrix/components/bitrix/rating.vote/templates/like_graphic/images/i-like-sprite.png") repeat-x 0 -21px;display:inline-block;height:17px;padding:3px 5px 0}* html .ilike .bx-ilike-text{height:20px}.ilike .bx-ilike-right-wrap{background:url("/bitrix/components/bitrix/rating.vote/templates/like_graphic/images/i-like-sprite.png") no-repeat 0 -105px;display:inline-block;height:20px;text-align:center;cursor:default}.ilike .bx-ilike-right{background:url("/bitrix/components/bitrix/rating.vote/templates/like_graphic/images/i-like-sprite.png") no-repeat right -105px;display:inline-block;min-width:14px;margin-left:2px;height:17px;padding:3px 4px 0 3px}* html .ilike .bx-ilike-right{width:16px}.ilike .bx-you-like .bx-ilike-left{background-position:-30px 0}.ilike .bx-you-like .bx-ilike-text{background-position:0 -63px}.ilike .bx-you-like .bx-ilike-right-wrap{background-position:0 -105px}.ilike .bx-you-like .bx-ilike-right{background-position:right -105px}.ilike .bx-ilike-button-hover .bx-you-like .bx-ilike-left{background-position:-45px 0}.ilike .bx-ilike-button-hover .bx-you-like .bx-ilike-text{background-position:0 -126px}.ilike .bx-ilike-button-disable{cursor:default}.ilike .bx-ilike-button-disable .bx-ilike-left{background-position:-60px 0!important}.ilike .bx-ilike-button-disable .bx-ilike-text{background-position:0 -63px!important;color:#a4b2c6}.ilike .bx-ilike-button-disable .bx-ilike-right-wrap{background-position:0 -105px!important}.ilike .bx-ilike-button-disable .bx-ilike-right{background-position:right -105px!important}.ilike .bx-ilike-button-hover .bx-ilike-left{background-position:0 0}.ilike .bx-ilike-button-hover .bx-ilike-text{background-position:0 -42px}.ilike .bx-ilike-button-hover .bx-ilike-right-wrap{background-position:0 -84px}.ilike .bx-ilike-button-hover .bx-ilike-right{background-position:right -84px}.rating_vote_graphic{display:inline-block!important}.rating_vote_text{display:none!important}.ilike .bx-ilike-plus-one{display:inline-block;position:absolute;padding:4px;background-color:#687e96;color:#fff;-webkit-animation:likePlusOne 1.5s 1;-moz-animation:likePlusOne 1.5s 1;font-size:9px;opacity:0;margin-left:2px;border-radius:0 2px 2px 0}@-webkit-keyframes likePlusOne{0%{opacity:0}40%{opacity:1}60%{opacity:1}100%{opacity:0}}@-moz-keyframes likePlusOne{0%{opacity:0}40%{opacity:1}60%{opacity:1}100%{opacity:0}}
/* End */


/* Start:/local/templates/main/components/bitrix/learning.course/support.course.new/bitrix/learning.course.tree/navigation/style.css?1561017954865*/
.course-bottom-nav
{
    margin-top: 30px;
}

.course-fixed-nav
{
    position: fixed;
    padding-left: 280px;
    width: 100%;
    height: 0;
    bottom: 50%;
    margin-bottom: 35px;
    left: 0;
    transition: visibility .3s, opacity .3s, transform .3s, padding .3s;
}

.course-fixed-nav .icon
{
	font-size: 50px;
	vertical-align: middle;
	display: inline-block;
	transition: transform .1s, text-shadow .1s;
}

.tree-compact .course-fixed-nav
{
	padding-left: 65px;
}

.prev-page-link,
.next-page-link
{
    display: inline-block;
    color: #ddd;
    transition: color .3s;
    perspective: 500px;
}

.prev-page-link:hover,
.next-page-link:hover
{
	text-decoration: none;
}

.prev-page-link:hover .icon,
.next-page-link:hover .icon
{
	transform: scale(1.1);
    text-shadow: 2px 4px 1px rgba(0, 0, 0, 0.15);
}
/* End */
/* /local/templates/main/components/bitrix/learning.course/support.course.new/style.css?157131082526413 */
/* /local/templates/main/components/bitrix/learning.course/support.course.new/bitrix/learning.course.tree/.default/style.css?16226495537440 */
/* /local/templates/main/components/bitrix/learning.course/support.course.new/bitrix/learning.course.tree/chain/style.css?1572325332705 */
/* /local/templates/main/components/bitrix/learning.course/support.course.new/bitrix/learning.chapter.detail/.default/style.css?1561017954275 */
/* /bitrix/components/bitrix/rating.vote/templates/like_graphic/style.min.css?15610179482595 */
/* /local/templates/main/components/bitrix/learning.course/support.course.new/bitrix/learning.course.tree/navigation/style.css?1561017954865 */