/*h1.articles, h2.articles, h3.articles, strong.articles {
        color: #484040;
    }
    strong.articles {
    font-weight: 500!important;
    }
    h1.articles {
    font-size: 45px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.35;
    font-weight: 500;
    text-align:center;
    margin: 30px 0 30px 0;
    }
    h2.articles {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 500;
    font-size:30px;
    margin: 0 0 20px 0;
    }
    h3.articles {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 500;
    margin: 0 0 20px 0;
    font-size: 25px;
    }
    p.articles {
    font-size: 22px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 300;
    margin: 0 0 20px 0;}
    a.articles {
    font-weight: 400!important;
    color: #4868ae!important;
    }
    a.articles:hover {
    	text-decoration: underline!important;
    	text-decoration-color: #78859ca1!important;
    }
    a.tel_articles {
    font-weight: 500;
    color: #4868ae!important;
    }
    a.tel_articles:hover {
    color: #bb6868!important;
	}
    
    .table_art {
    font-size: 22px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 300;
    margin: 0 0 20px 0;
    }
    .table_art_img {
    background: url(/media/tild3764-3034-4238-b866-383039613937/Tilda_Icons_27bu_33.svg);
    margin: 5px 20px 0 30px;
    width: 27px;
    height: 27px;
    }
    .table_art td {
    padding: 0 0 5px 0;
    vertical-align: top;
    }
    .border_art {
    overflow: hidden;
    border-radius: 4px;
    padding: 18px 30px 18px 30px;
    background: linear-gradient(to top, rgba(218, 218, 218, 0.32), rgba(214, 214, 214, 0.78), rgb(208, 208, 208));
    box-shadow: 2px 2px 2px 2px rgba(153,144,144,1);
    margin: 0 0 25px 0;
    }
    .border_icon {
    background-color: #ff0000;
    background-position: center center;
    border-radius: 50%;
    padding: 0px 13px 22px 10px;
    float: left;
    color: #fff;
    margin: 0 30px 0 0;  
    font-family: 'Roboto',Arial,sans-serif;
    width: 5px;
    height: 5px;
    font-size: 19px;
    }
    .indent {
    margin: 0 0 0 58px!important;
    }
    
    @media screen and (max-width:480px) {h1.articles{font-size: 27px;}}
    @media screen and (max-width:480px) {h2.articles{font-size: 23px;}}
    @media screen and (max-width:480px) {h3.articles{font-size: 20px;}}
    @media screen and (max-width:480px) {p.articles{font-size: 17px;}}
    @media screen and (max-width:480px) {.table_art{font-size: 17px;}}
    @media screen and (max-width:480px) {img.table_art_img{width: 20px;}}
    @media screen and (max-width:480px) {.table_art_img{width: 20px;height:20px;margin: 5px 15px 0 15px;}}
    @media screen and (max-width:480px) {.border_icon{margin: 0 15px 0 0;padding: 0 13px 21px 9px;}}
    @media screen and (max-width:640px) {.indent{margin: 0 0 0 43px!important;}}
    
    @media (min-width:481px) and (max-width:640px) {h1.articles{font-size: 30px;}}
    @media (min-width:481px) and (max-width:640px) {h2.articles{font-size: 25px;}}
    @media (min-width:481px) and (max-width:640px) {h3.articles{font-size: 22px;}}
    @media (min-width:481px) and (max-width:640px) {p.articles{font-size: 19px;}}
    @media (min-width:481px) and (max-width:640px) {.table_art{font-size: 19px;}}
    @media (min-width:481px) and (max-width:640px) {img.table_art_img{width: 23px;}}
    @media (min-width:481px) and (max-width:640px) {.table_art_img{width: 22px;height:22px;margin: 5px 15px 0 15px;}}
    @media (min-width:481px) and (max-width:640px) {.border_icon{margin: 0 15px 0 0;padding: 1px 9px 18px 10px;}}
    
    @media (min-width:641px) and (max-width:960px) {h1.articles{font-size: 32px;}}
    @media (min-width:641px) and (max-width:960px) {h2.articles{font-size: 28px;}}
    @media (min-width:641px) and (max-width:960px) {h3.articles{font-size: 25px;}}
    @media (min-width:641px) and (max-width:960px) {p.articles{font-size: 20px;}}
    @media (min-width:641px) and (max-width:960px) {.table_art td{font-size: 20px;}}
    
    @media (min-width:961px) and (max-width:1200px) {h1.articles{font-size: 40px;}}*/



/* --- button next article --- */
    .but {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    }
    a.but_next {
	-webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	margin: 10px auto;
	/*max-width: 180px;*/
	text-decoration: none;
	border-radius: 4px;
	color: #000!important;
	font-size: 17px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.25;
    font-weight: 300;
    /*max-width: 400px;*/
    width: 380px;
    padding: 10px 20px;
    display: inline-flex;
    height: 62px;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* text-transform: uppercase; */
    /* padding: .5em 1em calc(.5em); */
    text-align: center;
	}
	a.button2 {
	background: #e6e4e3;
	box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
	cursor: pointer;
	}
	a.button2:hover {
	color: rgba(255, 255, 255, 0.85)!important;
	box-shadow: rgba(30, 22, 54, 0.7) 0 80px 0px 2px inset;
	}
	@media (min-width:640px) and (max-width:960px) {a.but_next {width: 250px!important;height:70px!important;}}
	@media screen and (max-width:480px) {a.but_next {width: 250px!important;height:70px!important;}}

















/* ---container--- */

.article_container {
    border-radius: 4px;
    background-color: #fff;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    box-shadow: 2px 2px 5px 5px rgba(186,177,177,1);
    width: 960px;
    margin: 70px auto;
    padding: 30px 30px 50px 30px;
}
    @media (min-width:640px) and (max-width:960px){.article_container{width:624px;}}
    @media (min-width:480px) and (max-width:640px){.article_container{width:460px;}}
    @media screen and (max-width:480px){.article_container{width:306px;}}

    
    
/* --- --- */

  .article_container h1 {
      font-size: 45px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.35;
    font-weight: 500;
    text-align: center;
    margin: 30px 0 30px 0;
  } 
 .article_container h1, .article_container h2, .article_container h3, .article_container strong {
    color: #484040;
}
.article_container h2 {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 500;
    font-size: 30px;
    margin: 0 0 20px 0;
}
.article_container h3 {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 500;
    margin: 0 0 20px 0;
    font-size: 25px;
    }
.article_container p {
    font-size: 22px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 300;
    margin: 0 0 20px 0;
}
.article_container a {
    font-weight: 400!important;
    color: #4868ae!important;
}
.article_container strong {
    font-weight: 500!important;
}
.article_container .table_art {
    font-size: 22px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 300;
    margin: 0 0 20px 0;
}
.article_container .table_art_img {
    background: url(/media/tild3764-3034-4238-b866-383039613937/Tilda_Icons_27bu_33.svg);
    margin: 5px 20px 0 30px;
    width: 27px;
    height: 27px;
}
.article_container .table_art td {
    padding: 0 0 5px 0;
    vertical-align: top;
    }
.article_container .border_art {
    overflow: hidden;
    border-radius: 4px;
    padding: 18px 30px 0;
    background: linear-gradient(to top, rgba(218, 218, 218, 0.32), rgba(214, 214, 214, 0.78), rgb(208, 208, 208));
    box-shadow: 2px 2px 2px 2px rgba(153,144,144,1);
    margin: 0 0 25px 0;
}
.article_container .border_icon {
    background-color: #ff0000;
    background-position: center center;
    border-radius: 50%;
    padding: 0px 13px 22px 10px;
    float: left;
    color: #fff;
    margin: 0 30px 0 0;
    font-family: 'Roboto',Arial,sans-serif;
    width: 5px;
    height: 5px;
    font-size: 19px;
}
.article_container .indent {
    margin: 0 0 0 58px!important;
}
.article_container .tel_articles {
    font-weight: 500!important;
    color: #4868ae!important;
}
.article_container a:hover {
    	text-decoration: underline!important;
    	text-decoration-color: #78859ca1!important;
    }
.article_container .tel_articles:hover {
    color: #bb6868!important;
    text-decoration: none!important;
	}
	
.article_container ul {
  list-style-type: none;
  margin: 20px 0;
  padding: 0!important;
}
.article_container ul li {
  display: flex;
  margin: 0 0 -15px 0;
}
.article_container .table_art_img {
  /*width: 37px;*/
  padding: 0 16px 0 11px;
}

    @media screen and (max-width:480px) {.article_container h1 {font-size: 27px;}}
    @media screen and (max-width:480px) {.article_container h2 {font-size: 23px;}}
    @media screen and (max-width:480px) {.article_container h3 {font-size: 20px;}}
    @media screen and (max-width:480px) {.article_container p {font-size: 17px;}}
    @media screen and (max-width:480px) {.article_container .table_art {font-size: 17px;}}
    /*@media screen and (max-width:480px) {.article_container .table_art_img {width: 30px;}}*/
    @media screen and (max-width:640px) {.article_container .table_art_img {width: 27px;height:27px;margin: 5px 17px 0 15px;padding: 5px 17px 0 10px;}}
    @media screen and (max-width:480px) {.article_container .border_icon {margin: 0 15px 0 0;padding: 0 13px 21px 9px;}}
    @media screen and (max-width:640px) {.article_container .indent {margin: 0 0 0 43px!important;}}
    
    @media (min-width:481px) and (max-width:640px) {.article_container h1 {font-size: 30px;}}
    @media (min-width:481px) and (max-width:640px) {.article_container h2 {font-size: 25px;}}
    @media (min-width:481px) and (max-width:640px) {.article_container h3 {font-size: 22px;}}
    @media (min-width:481px) and (max-width:640px) {.article_container p {font-size: 19px;}}
    @media (min-width:481px) and (max-width:640px) {.article_container .table_art {font-size: 19px;}}
    /*@media (min-width:481px) and (max-width:640px) {.article_container .table_art_img {width: 23px;}}
    @media (min-width:481px) and (max-width:640px) {.article_container .table_art_img {width: 22px;height:22px;margin: 5px 15px 0 15px;}}*/
    @media (min-width:481px) and (max-width:640px) {.article_container .border_icon {margin: 0 15px 0 0;/*padding: 1px 9px 18px 10px;*/}}
    
    @media (min-width:641px) and (max-width:960px) {.article_container h1 {font-size: 32px;}}
    @media (min-width:641px) and (max-width:960px) {.article_container h2 {font-size: 28px;}}
    @media (min-width:641px) and (max-width:960px) {.article_container h3 {font-size: 25px;}}
    @media (min-width:641px) and (max-width:960px) {.article_container p {font-size: 20px;}}
    @media (min-width:641px) and (max-width:960px) {.article_container .table_art td {font-size: 20px;}}
    
    @media (min-width:961px) and (max-width:1200px) {.article_container h1 {font-size: 40px;}}

    
/* ---table in articles--- */
table.articles_table {margin: 0 auto 15px; width:75%;}
.articles_table td, th {
    padding: 5px; /* Поля вокруг текста */
    border: 1px solid #dcdcdc; /* Рамка вокруг ячеек */
    font-size: 18px;
    font-family: 'Roboto',Arial,sans-serif;
    line-height: 1.55;
    font-weight: 300;
    margin: 0 0 5px 0;
    width:33%;
   }
.tables_div {
     overflow-x: auto;
 }  


 /* ---preview--- */
 .image {
    overflow:hidden;
    width: 280px;
    height:260px;
    }
    .image img {
    border-radius: 4px;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    }
   .image img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    }
    @media (max-width: 1825px) and (min-width: 1230px)
    {#rec99744213 img.tn-atom__img.t-img.loaded {
        margin-top: -7px!important;
    }}
    @media (max-width: 1825px) and (min-width: 1230px)
    {img.tn-atom__img.t-img.loaded {
        margin-top: 0!important;
    }}