@font-face {
    font-family: MyH1;
    src: url(fonts/SFUIDisplay-Thin.ttf);
}
@font-face {
    font-family: MyH2;
    src: url(fonts/SFUIDisplay-Light.ttf);
}
@font-face {
    font-family: MyP;
    src: url(fonts/SFUIDisplay-Regular.ttf);
}

/* обнуление */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp,
small, strike, strong,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;  padding: 0;  border: 0;  outline: 0;  font-size: 100%; background: transparent;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
/* конец обнуление */

/* глобальные */

/* цветовая палитра */
/* оранжевый #ff8901 */
/* LightSalmon #FFA07A */
/* светло-серый #ececec */
/* темно-серый #878f94 */
/* для ссылок #0099ff */

html {
  background: #ffffff;
}
body {
   width: 1320px;
   height: 100%;
	margin: 0px auto;
   overflow: scroll;
}
a {
   color: #099ff0; 
   text-decoration: none;
}
/* конец глобальные */

/* content */
.menu-main {
  list-style: none;
  margin: 10px 0 35px 0;
  text-align: center;
}
.menu-main li {
	display: inline-block;
	margin: 0px 5px 0 5px;
	padding: 15px 0 5px;
	background: #f1f1f1;
	}
.menu-main li:after {
  color: #282828;
  display: inline-block;
  vertical-align:top;
}
.menu-main li:last-child:after {content: none;}
.menu-main a {
  text-decoration: none;
  font-family: 'MyP', sans-serif;	
  font-weight: 600;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 10px;
  margin: 0 34px 0 30px;
  font-size: 17px;
  text-transform: uppercase;
  display: inline-block;
  transition: color .2s;
}
.menu-main a, .menu-main a:visited {color: #282828;}
.menu-main a.current, .menu-main a:hover{color: #FF7F50;}
.menu-main a:before,
.menu-main a:after {
  content: "";
  position: absolute;
  height: 4px;
  top: auto;
  right: 50%;
  bottom: -5px;
  left: 50%;
  background: #FF7F50;
  transition: .8s;
}
.menu-main a:hover:before, .menu-main .current:before {left: 0;}
.menu-main a:hover:after, .menu-main .current:after {right: 0;}   
@media (max-width: 550px) {
.menu-main {padding-top: 0;}
.menu-main li {display: block;}
.menu-main li:after {content: none;}
.menu-main a {
  padding: 25px 0 20px; 
  margin: 0 30px;
}
}

.title {
   padding-top: 30px; 
   padding-bottom: 30px;  
}
.title h1 {
   color: #000000; 
   font-family: 'MyH1', sans-serif;
   font-size: 17px;  
   text-align: left;
   line-height: 17px;  
   padding: 0px 20px 0px 20px;    
}
.title h2 {
   color: #000000; 
   font-family: 'MyH2', sans-serif;
   font-size: 17px;  
   text-align: right;
   line-height: 24px;  
   padding: 0px 20px 0px 20px;    
}
.title p {
   color: #282828; 
   font-family: 'MyP', sans-serif;
   font-size: 14px;  
   text-align: right;
   line-height: 17px;  
   padding: 0px 20px 0px 20px;     
}

.text {
   margin-top: 40px; 
   margin-bottom: 50px;   
}
.text h1 {
   color: #282828; 
   font-family: 'MyH1', sans-serif;
   font-size: 52px;  
   text-align: left;
   line-height: 60px;  
   padding: 10px 40px 30px 40px;  
}
.text h2 {
   color: #282828; 
   font-family: 'MyH1', sans-serif;
   font-size: 27px;  
   line-height: 32px;  
   text-align: left;
   padding: 0px 40px 0px 40px; 
}
.text h3 {
   color: #282828; 
   font-family: 'MyP', sans-serif;
   font-weight: 600;
   font-size: 19px;  
   line-height: 24px;  
   text-align: left;
   padding: 50px 40px 5px 40px;  
}
.text p {
   color: #282828; 
   font-family: 'MyP', sans-serif;
   font-size: 16px;  
   text-align: justify;
   line-height: 24px;  
   padding: 5px 40px 5px 40px;     
}
.text ul {
   padding: 5px 40px 5px 40px;   
}
.text ol {
   padding: 5px 40px 5px 40px;   
}
.text li {
   color: #282828; 
   font-family: 'MyP', sans-serif;
   font-size: 16px;  
   text-align: justify;
   line-height: 17px;  
   padding: 5px 20px 5px 10px;  
}
.text_img {
	margin: 25px 60px 25px 40px;
}

.textfooter {
   margin-top: 80px;
   border-top: 4px double #a4a19b; 
}
.textfooter p {
   color: #282828; ; 
   font-family: 'MyP', sans-serif;
   font-size: 18px;  
   text-align: left;
   line-height: 27px;  
   padding: 10px 40px 10px 40px; 
}

/* титульная картинка */
div#img_title {
	position: relative;
}

/*иконки pdf*/   
.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 0px 7px 7px 0px; /* Отступы вокруг картинки */
   }
.rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 0px 0px 7px 7px; /* Отступы вокруг картинки */
   }