* {margin:0; padding:0;}

html,body{
	width: 100%;
	height: 100%;
	background:#FFF;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    font-family: Arial, sans-serif;
}
body{
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
}
h1 {
    font-size: 2.5rem;
}
h2 {
    font-size: 2rem;
}
h3 {
    font-size: 1.7rem;
	margin-bottom:20px;
}
h4{
    font-size: 1.5rem;
	margin-bottom:20px;
}
a{
    color:#57a0e5;
}
a:hover{
    text-decoration:none;
}
ul{
    list-style:none;
}
table{
	border-collapse:collapse;
}
iframe,
img{
    max-width:100%;
    border:none;
}
input,textarea,select,button{
    outline:none;
    font-family: Arial, sans-serif;
}
textarea{
    overflow:hidden;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 5px;
}
input.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input.form-controltd {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 2px 20px 2px 0px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-controlbr {
    display: block;
    margin: 20px;
    font-size: 1rem;
    line-height: 1.5;
    color: #000;
    border: 1px solid #386192;
}
.form-controlbb{
    border: 0;
}
input.form-center {
    text-align: center;
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 2px 20px 2px 0px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input.form-control1 {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #ced4da;
    border-left: 0;
}
ul,
ol{
	margin-left:40px;
}
ol li{
	margin-bottom:20px;
}
.notstyle li{
    list-style-type: none;
}
ul li{
	margin-bottom:20px;
}
.bolst{
    list-style: inherit;
}
.check2{
   margin-left:20px; 
}
.jackdaw::before{
    content: '\2714'; /* Добавляем маркер в шестнадцатеричном формате*/
    padding-right: 5px; /* Расстояние от маркеров до текста */
    color: red; /* Маркеры красного цвета */
}
.container{
	width:1000px;
	padding:0 20px;
	margin:0 auto;
}
.practice-block{
	padding-top:100px;
}
.practice-top{
    margin-top: 5px;
}
.practice-top7{
    margin-top: 15px;
}
.cleared:after{
	content:'';
	display:table;
	clear:both;
}
.practice-head{
	text-align:center;
	margin-bottom:20px;
}
.practice-head-left{
	width:200px;
	float:left;
	padding-top:20px;
}
.practice-head-left img{
	max-width:50px;
}
.practice-head-right{
	margin-left:200px;
}
.practice-name{
	font-weight:bold;
	margin-bottom:35px;
}
.practice-title{
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
}
.colored{
	color:#1756b6;
}
.centered{
	text-align:center !important;
}
.centered2{
    font-size: 1.5rem;
    text-align: center !important;
    margin-top: 20px;
    margin-bottom: 0;
}
.centered3{
	text-align:center !important;
    font-style: italic;
    font-size: 14px;
}
.centeredh{
    text-align: center;
	margin-bottom:10px;
}
.centeredh3{
    text-align: center !important;
	margin: 30px 0;
}
.practice-pass-row{
	margin-bottom:10px;
}
.practice-pass-left{
	width: 35%;
	float:left;
	box-sizing:border-box;
	padding-right:20px;
}
.practice-pass-right{
	width: 65%;
	float:right;
}
.block-box-top{
	margin-top:30px;
}
.block-box{
	margin-bottom:30px;
}
.block-box-left{
	width:100%;
	margin-right:-230px;
	float:left;
}
.block-box p{
	margin-bottom:10px;
}
.block-box-img{
	width:200px;
	float:right;
	margin:0 0 10px 20px;
	text-align:center;
}
.block-box-just{
    margin: 20px 0;
}
.block-box-just p, .block-box-just li {
    text-align: justify;
    margin-bottom:10px;
}
.table, .table1{
	margin-bottom:10px;
}
.table td{
	padding:5px 10px;
	border:1px solid #000;
}
.table1 td{
	padding:5px 10px;
	border:0;
}
.table td textarea{
    background: transparent;
    padding-left: 2px !important;
    padding-right: 2px !important;
    width: 100%;
    border: 0;
}
.table td li{
    margin-left:15px;
    margin-bottom: 5px;
}
.form-controltdar{
    border: 1px solid #ced4da !important;
}
.tdcol {
    background: #DBE5F1;
}
.tdcol2 {
    background: #C6D9F1;
}
.tdcol3 {
    background: #D6E3BC;
}
.tdcol4{
    background: #fff !important;
}
td ul,
td ol{
	margin-left:0px;
}
.inputbox{
	width:100%;
	height:25px;
	border:0;
	box-sizing:border-box;
	padding:0;
	border-bottom:1px solid transparent;
}
.textarea{
	width:100%;
	border:0;
	box-sizing:border-box;
	padding:0;
	border-bottom:1px solid transparent;
}
.form-job{
    margin-top: 10px;
}
.bordered,
.textarea:focus,
.inputbox:focus{
	border-color:#000;
}
.question-block{
	margin-bottom:30px;
}
.question-block p,
.bot-block p{
	margin-bottom:5px;
}
.question-block-left{
	width:100px;
	float:left;
	text-align:center;
}
.question-block-right{
	margin-left:130px;
}
.bot-block{
	border:1px solid #000;
	padding:15px;
	margin:0 0 30px 0;
}
.microscope{
	margin-bottom:15px;
}
.microscope-left{
	width:250px;
	float:left;
	text-align:center;
}
.microscope-right{
	margin-left:250px;
	padding-top:30px;
}
.attention-box{
	text-align:center;
	padding:0 0 10px 0;
	font-weight:bold;
	font-style:italic;
	color:red;
}
.picture, .graphicsblock{
    text-align: center; 
    
}
.pspan{
    border: 1px solid #ccc;
    height: 300px; 
    width: 300px; 
    display: inline-block;
}
.ptext{
    margin-top: -50px;
    margin-bottom: 50px !important;
}
.psn{
    border: 1px solid #000;
    padding: 5px 60px;
    background: #D6E3BC;
    margin: 20px 0;
}
.psn p{
    text-align: center;
}
.psn2{
    border: 1px solid #000;
    padding: 5px 60px;
    background: #FDE9D9;
    margin: 20px 0;
}
.psn2 p{
    margin: 10px 0;
    text-align: justify;
}
.row{
    border: 1px solid #ccc;
    height: 300px; 
    width: 300px; 
    display: inline-block;   
}
.img-thumbnail {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
  }
.scop {
    list-style-type: none; /* Убираем исходные маркеры */
    counter-reset:  item; /* Обнуляем счетчик списка */
   }
 .scop  li:before {
    content: counter(item) ') '; /* Добавляем к числам скобку */
    counter-increment: item; /* Задаём имя счетчика */
   }
.canvas{
    margin: 25px 5px;
    border: 1px solid #ccc;
    display: inline-block;  
}
.canvasradius{
    margin: 25px 5px;
    border: 1px solid #ccc;
    display: inline-block; 
    border-radius: 50%;
    width: 200px;
    height: 200px;
}