h1 { 
    font-size: 3.75rem;
    font-weight: 900;
    line-height: 130%;
    margin-top: 40px;
    margin-bottom: 30px;
}
h1.topimgtxt {
    color: #fff;
}
/*В макете: 72pt Bold*/
/*Используется: Заголовки разделов в самой статье*/
h2 {
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 130%;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
}

/*В макете: 48pt Light*/
/*Используется: Используется для текста требующего внимание (в нашей статье – штрафы, это не мовсем правильно, но закладываю его по пропорции в ряд, думаю пригодится.*/
h3 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 130%;
    margin-top: 20px;
    margin-bottom: 20px;
	word-wrap: break-word;
}

/*В макете: 28pt Light*/
/*Используется: Входной блок текста в статье*/
h4 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 130%;
    margin-top: 50px;
    margin-bottom: 30px;
	
}

/*В макете: 26pt Light*/
/*Используется: Заголовки разделов на главной странице (сейчас имеет позицию h3)*/
h5 {
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 130%;
    margin-top: 50px;
    margin-bottom: 30px;
}

/*В макете: 22pt Medium*/
/*Используется: Заголовки в тексте статьи*/
h6 {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 130%;
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: center;
}

/*В макете: 22pt Light*/
/*Используется: Основной текст статьи*/
p {
    font-size: 1.375rem;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 130%;  
	text-align: justify;
	font-weight: 300;
}

.pN{
	font-size: 1.375rem;
	margin-top: 0px;
    margin-bottom: 0px;
    line-height: 100%;  
	font-weight: 300;
}
/*В макете: 22pt Medium*/
/*Используется: Основной текст статьи*/
b {
    font-weight: 500;
}

td{
	padding: 15px 5px;
}
table{
	border-collapse:inherit;
}
li{
	list-style-type: none;
	font-size: 1.375rem;
    line-height: 130%;
    text-align: justify;
    font-weight: 300;
}
.hide2{
    margin-top: -20px;
   
}

/*Далее описаны тексты используемые во всём макете, но я не индексировал как стили сейчас названы, скорее всего они уже есть в каком-то виде...*/

/*В макете: 16pt Medium*/
/*Используется: Тексты кнопок, Активный пункт основного меню (с основным цветом)*/
.btn {
    font-size: 1.0rem;
    font-weight: 500;
    color: #fff;
}

/*В макете: 12pt MEDIUM*/
/*Используется: На главной странице тэги (обозначающие акции) у карточек товара*/
.tg1 {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    color: #fff;
}

/*В макете: 12pt MEDIUM*/
/*Используется: На карточках тэгах событий, для скидочной цены в карточке товара, текст в карточке отзыва на главной*/
.tg2 {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 100%;
    color: #fff;
}

/*В макете: 20pt Medium*/
/*Используется: Цена в карточке товара на главной, телефоны в главном меню*/
.txt1 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 100%;
}

/*В макете: 16pt Regular*/
/*Используется: Наименование товара в карточке товара на главной, Пассивный пункт основного меню (с основным цветом)*/
.ttl1 {
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 100%;
}

/*В макете: 14pt Medium*/
/*Используется: Заголовки разделов в подвале*/
.ftr-ttl {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 100%;
}

/*В макете: 12pt Regular*/
/*Используется: Наименование подразделов в подвале*/
.ftr-sbttl {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 100%;
}

/*Дальше идёт хлам в виде попытки начать вёрстку страницы*/

.topimg {
    /*background: url(/img/kak_podgotovitsia_k_rabote_s_online_kassami.png); - она обрезается по родительскому контейнеру, у меня нет опыта как это делать правильно, поэтому я перекинул фон на радительский широкий контейнер с классом middle*/ 
    background-size: 1230px 510px;
    background-repeat: no-repeat;
    left: 0px;
}

.brcrbs {
    padding: 32px 0;
    vertical-align: top;
}
.brcrbstxt {
    font-size: 12px;
    font-weight: 400;
    color: #999EAD;
}
.brcrbstxt2 {
    font-weight: 500;
    color: #343E5C;
}
.brcrbsarr {
   background: url("img/arr.svg") 0 0 no-repeat;
   margin-top: 2px;
   width: 5px;
   height: 9px;
   border: none;
   display: inline-block;
   vertical-align: middle;
   color: #1b495a;
}
.brcrbs-close {
   background: url("img/close.svg") 0 0 no-repeat;
   margin-top: 2px;
   width: 14px;
   height: 14px;
   border: none;
   display: inline-block;
   vertical-align: middle;
   color: #343E5C;
}

.news-tag {
    display: block;
    margin-top: 40px;
    position: absolute;
    padding: 3px 15px;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 5px;
}
.news-tag.orange-tag { 
    background-color: #F9B231;
}

.close {
    float: right;
    position: relative;
}

ul.chapter {
    margin: 0;
    padding: 4px;
}
ul.chapter li {
    display: inline; 
    margin-right: 5px;
    padding: 3px;
    font-size: 14px;
    font-weight: 500;
}
#menu { width: 100%;}
#menu > ul {margin: 0; padding: 0; list-style-type: none;  float:left; left:50%; margin:0 auto; position:relative;}
#menu > ul:after {content: " "; display: block; line-height: 0; height: 0; width: 100%; clear: both;}
#menu > ul > li {float: left;  position:relative; right:50%;}
#menu > ul > li + li {margin-left: 5px; }
#menu > ul > li > a {
	display: block; padding: 6px 12px; color: #000;
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
			font-size: 16px;
			
}
#menu > ul > li > a:hover {color: #E76600;}


#col li {
        display: block;
        float: left;
        width: 25%;
		padding: 10px 5px;
      }
#col {
        margin: 10px;
        padding: 10px 10px;
        list-style-type: none;
      }
#col1 ul{
	display: block; 
	/*padding: 0;
	margin: 0;*/
	list-style: none;
	text-align: center;
	display: block; /* добавляем блочность, если необходимо */
	font-size: 0; /* убираем нежелательные отсутпы у дочерних элементов */
}
#col1 li {
	padding: 10px;
	/*margin: 0 30px;
	width: 30%;*/
	font-size: 16px; /* возвращаем размер шрифта */
	display: inline-block; /* позволяем vertical-align выравнивать себя по вертикали */
	vertical-align: middle; /* и выравниваем */
	text-align:center;
      }
	  
.turn {
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
	 width:20px;
	 margin-top:50px;
	 margin-bottom:50px;
   }

.imgC{
	display: block; 
	margin: 0 auto; 
}
.list{
    float:left;
	width:45%;
	padding-left: 6%;
}
.list li{
	list-style-type: disc;
	color: #008CD3;
	/*padding:10px 0px;
	line-height: 50%;*/
}
.list li span {
    color: #000; /* Цвет текста */
   }
   
   
.list1{
    float:right;
	width:45%;
}

.list1 li{
	list-style-type: disc;
	color: #008CD3;
	padding:10px 0px;
	line-height: 50%;
}
.list1 li span {
    color: #000; /* Цвет текста */
   }

.list2{
    float:left;
	width:45%;
}
.list2 li{
	list-style-type: none;
   }

.line{
	border-left: 4px solid #ccc; 
    /*margin-left: 20px; */
    padding: 10px 0px 10px 16px;
    margin-top: 0px;	
}
.tdBorder{
	border: 2px solid black;
}
.stil2{
	display:block;
	font-size: 14px;
}
.Green{
	border-color: #7DC756;
}
.Orange{
	border-color: #FFDD00;
}
.Red{
	border-color: #FF5C1B;
}
.Blue{
	border-color: #008CD3;
}
.OrangeDiv{
	    padding-left: 10px;
	background-color: #FFDD00;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #dce2ed;
}
.Magenta{
	border-color: #CA00D1;
}
.MagentaDiv{
	    padding-left: 10px;
	background-color: #CA00D1;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #CA00D1;
}
.footer .footer-title p {
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 20px;
}