/* СТАРТОВАЯ НОРМАЛИЗАЦИЯ 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

:root {FONT-SIZE:1.15vw; COLOR:#000; FONT-FAMILY:'Open Sans',sans-serif,serif; }
:root { --main:1240px; --compact:80%; }

img {max-width:100%; }
BODY,TABLE,TR,TD,TH,FONT {vertical-align:top; padding:0; margin:0; border:0; border-spacing:0; }
BODY,P,DIV,LI,SPAN,A,form,input,button,header,main,footer,section,article,dialog,details,summary,main,a,ul,ol,:before,:after {box-sizing:border-box; }
BODY {width:100%; max-width:100%; min-height:100%; background:#fff; background: linear-gradient(to right, #fff, #e3eef6); }
table {width:100%; text-align:left; }

UL {padding:0; margin: 0 0 30px 0; }
ul LI {list-style-type:none; padding: 0.5rem 0 0.5rem 55px; }
ul LI:before {content: '\2714	'; display:block; float:left; color:#009999; font-size:1.5em; margin: 0 0.5rem 0 -2rem; }

OL {width:var(--compact); padding:0; margin: 0 auto; }
ol {counter-reset:li; list-style:none; }
ol li {position:relative; margin: 2rem 0 2rem 2em; padding: 0.35rem 1rem; border-top: 2px solid #33acc7; }
ol li:before {content:counter(li); counter-increment:li; position:absolute; top:-2px; left:-2em; width:2em; padding: 5px 0; border-top: 2px solid #33acc7; color:#fff; background:#33acc7; text-align:center; }
li img {display:block; max-width:100%; margin: 1.5rem 0; }

P {margin: 1rem 0; }
hr {border:none; color:#ccc; background-color:#ccc; height:1px; margin: 1.5rem 0; }
.hr2 {border:none; color:#004f95; background-color:#004f95; background: linear-gradient(to right, #2476b0, #3ea391, #0b4772); height:8px; width:100%; - webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin: 5rem auto; padding:0; }

A, A:visited {COLOR:#0033cc; text-decoration:none; }
A:hover {COLOR:#ff0000; text-decoration:none; }



/* ТЕКСТЫ 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Основные шрифты */
BODY,TD,P,DIV,LI,SPAN,INPUT,SELECT {font-weight:400; }

/* Стандартный размер шрифта */ 
:root BODY,P,DIV,LI,SPAN,FORM,INPUT,BUTTON,SELECT,textarea {FONT-SIZE:1rem; line-height:1.6rem; }

/* Увеличенный размер шрифта */ 
.lid, .fleshka span {FONT-SIZE:1.5rem; line-height:1.6em; }

/* Уменьшенный размер шрифта */ 
.shapka__bullet section {FONT-SIZE:0.9rem; line-height:1.5rem; }

/* Уменьшенный размер шрифта */ 
.shapka__menu, footer * {FONT-SIZE:0.75rem; line-height:1.5em; }

/* Маленький размер шрифта */ 
.prilip * {FONT-SIZE:0.65rem; line-height:1.5em; }




/* Заголовки */
    h1,h2,h3,h4,h5,h6 {font-weight:600; color:#000; }
    
    h1 {FONT-SIZE:2.75rem; line-height:4rem; font-weight:300; padding:0; margin: 4rem 0 0 0; }
    h1 span {font-size:inherit; line-height:inherit; display:block; font-weight:700; }
    
    h2 {FONT-SIZE:2rem; line-height:3rem; font-weight:700; text-align:center; padding:0; margin: 3rem 0 1rem 0; }
    h2:before {content:""; background-image: url(images/logo.png); background-repeat:no-repeat; background-size:cover; display:inline-block; height:2rem; width:2rem; vertical-align:sub; margin-right:0.75rem; }

    H3,H4,H5,H6 {FONT-SIZE:1.5rem; line-height:2.5rem; font-weight:400; padding:0; margin: 3rem 0 1rem 0; }

/* Иконки */
.msr {font-family: 'Material Symbols Rounded'; vertical-align:sub; margin:0; display:inline-block; font-size:1.2em; font-weight:300; }




/* Очистка выравнивания */
.block {position:relative; }
.block::after, .shapka__bullet::after, .iconki-div::after, .fleshka::after, .firsttable::after {content: ''; clear:both;  display:block; }




/* СКРУГЛЕНИЕ УГЛОВ 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Стандартное */
    .shapka__menu, .download__button a, .download, .prilip a {- webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }

/* Стандартное: нижние углы */
    .table {- webkit-border-radius: 0 0 25px 25px; -moz-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px; }

/* Стандартное: верхний и нижний углы справа */
    .shapka__menu a:hover:last-child {- webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0; }

/* Стандартное: верхний и нижний углы слева */
    .shapka__menu a:hover:first-child {- webkit-border-radius: 0 0 25px 25px; -moz-border-radius: 0 0 25px 25px; border-radius: 25px 0 0 25px; }

/* Стандартное: верхние углы */
    .table caption {- webkit-border-radius: 25px 25px 0 0; -moz-border-radius: 25px 25px 0 0; border-radius: 25px 25px 0 0; }

/* Полное скругление */
    h2:before, .download__button img {- webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }

/* Маленькое, всё кроме правого верхнего угла */
    ol li:before {- webkit-border-radius: 10px 0 10px 10px; -moz-border-radius: 10px 0 10px 10px; border-radius: 10px 0 10px 10px; }





/* ТЕЛО САЙТА 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* Общая разметка */
    header,main,footer {max-width:1920px; }
    main {width:var(--main); padding:0; margin: 0 auto; }
    footer {width:var(--main); padding: 1rem 0; margin: 7rem auto 0 auto; }
    
/* Общие стили */
    header {width:100%; background-image:url(images/fon2.jpg), linear-gradient(to right, #2a445d, #078496); position:relative; z-index:222; padding: 1.5rem 0 2.5rem 0; margin: 0 auto;  } 
    header * {color:#fff;}
    header:before {content: ''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, .2); }


/* Каркас шапки сайта */

    .shapka__logo {width:var(--main); font-size:1.5rem; filter:brightness(100%); margin: 0 auto; }
    .shapka__logo img {display:inline-block; vertical-align:middle; margin-right:1rem; }
     
    .shapka__menu {filter:brightness(100%); width:var(--main); background:#99ffff; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 0 4% 0 0; text-transform:uppercase; font-weight:700; margin: 0 auto; } 
    .shapka__menu a, .shapka__menu a:visited {color:#000; display:grid-item; text-align:center; cursor:pointer; padding: 0.65rem 0; }
    .shapka__menu a:hover {background:#00cccc; padding: 0.65rem 0; }

    .shapka__bullet {width:var(--main); filter:brightness(100%); display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0 2%; margin: 3rem auto 5rem auto; } 
    .shapka__bullet section {display:grid-item; }
    .shapka__bullet section span {display:block; font-weight:600; font-size:1.25em; margin-bottom:0.5rem; }


/* Прилипающее меню */

    .prilip {width:100%; top:0; position:fixed; z-index:1; background: linear-gradient(to right, #2a445d, #078496); z-index:103; }
    .head2 {width:var(--main); margin: 0 auto; }

    .logo2 {display:inline-block; margin: 0.4rem 0 0.2rem 0; }
    .logo2 img {width:30px; float:left; vertical-align:middle; margin: -2px 2em 0 0; }
    
    .fmenu {display:inline-block; text-transform:uppercase; font-weight:600; vertical-align:top; margin: 0.4rem 0 0.2rem 0; }
    .fmenu A, .fmenu:visited {background:#fff; COLOR:#003399; cursor:pointer; padding: 0.25em 1em; margin: 0 1em;  }
    .fmenu A:hover {background:#3ea391; COLOR:#fff; cursor:pointer; }

    
/* Таблицы */

    .table {background:#fff; border: 1px solid #ccc; margin: 2rem 0; }
    .table caption {width:100%; background:#339966; COLOR:#fff; background: linear-gradient(to right, #2a445d, #078496); padding: 14px 0; }
    .table td {width:50%; border-width:0; padding: 1rem 3rem; }
    
    .firsttable {width:var(--compact); padding: 1rem 0; margin: 0 auto; }
    .firsttable td:nth-child(odd) {width:35%; font-weight:700; padding-right:5%; }
    .firsttable td:nth-child(even) {width:65%; }
    .firsttable td {border-bottom: 1px solid #e3e3e3; padding: 0.75rem 0; }
    .firsttable caption {display:none; }
    
    .firsttable__last td {border:0; }


    
    



/* Разное */

    .operacionki {text-align:center; width:90%; margin: 3rem auto; }
    .operacionki img {width:190px; margin: 0 50px 50px 50px; }
    
    .iconki-div {width:100%; padding: 0 10%; }
    
    .iconki {display:block; width:33%; height:140px; float:left; padding: 0 2rem; }
    .iconki img {display:block; width:4rem; float:left; margin-right:0.75rem; }
    
    .lid {text-align:center; margin: 2rem 0; }
    
    .fleshka {margin: 3rem 0; }
    .fleshka span {display:block; margin: 1rem 0; }
    .fleshka img {display:block; width:500px; float:left; margin: -1.5rem 3% 0 0; }
    
    .download__button {margin: 1.5rem 0 3rem 0; text-align:center; width:auto; }
    .download__button A, .download__button:visited {COLOR:#fff; TEXT-DECORATION:none; padding: 1rem 2rem; background: linear-gradient(to bottom, #3ea356, #308344); }
    .download__button A:hover {COLOR:#fff; TEXT-DECORATION:none; background: linear-gradient(to right, #cc9900, #cc6600); }
    .download__button img {width:1.5rem; vertical-align:middle; margin-right:0.5rem; }
    
    .download {background:#fff; border: 8px solid transparent; border-image: linear-gradient(to right, #2476b0, #3ea391, #0b4772); -moz-border-image: linear-gradient(to right, #2476b0, #3ea391, #0b4772); -webkit-border-image: linear-gradient(to right, #2476b0, #3ea391, #0b4772); border-image-slice: 1; padding: 0 5% 3rem 5%; margin: 5rem 0; }


/* Колонки блока комментирования */
    .comment_vk {display:block; float:left; width:55%; }
    .cont2 {display:block; float:left; width:45%; padding-left:5%; }
    


    






/* Отступы для прокрутки */
    .stop-fast-menu1, .stop-fast-menu2, .stop-fast-menu3, .stop-fast-menu5, .stop-fast-menu7 {display:block; padding-top:1.5rem; }

/* Внешний отступ от верха */
    .margin-top-1 {margin-top:0.25rem; } 
    .margin-top-2 {margin-top:0.5rem; } 
    .margin-top-3 {margin-top:0.75rem; } 
    .margin-top-4 {margin-top:1rem; } 
    .margin-top-5 {margin-top:1.25rem; }
    .margin-top-6 {margin-top:1.5rem;; }
    .margin-top-7 {margin-top:1.75rem; }
    .margin-top-8 {margin-top:2rem; }
    .margin-top-9 {margin-top:2.5rem; }
    .margin-top-10 {margin-top:3rem; }
    .margin-top-11 {margin-top:3.5rem; }
    .margin-top-12 {margin-top:4rem; }
    .margin-top-13 {margin-top:4.5rem; }
    .margin-top-14 {margin-top:5rem; }

/* Внешний отступ от низа */
    .margin-bottom-1 {margin-bottom:0.25rem; } 
    .margin-bottom-2 {margin-bottom:0.5rem; } 
    .margin-bottom-3 {margin-bottom:0.75rem; } 
    .margin-bottom-4 {margin-bottom:1rem; } 
    .margin-bottom-5 {margin-bottom:1.25rem; }
    .margin-bottom-6 {margin-bottom:1.5rem;; }
    .margin-bottom-7 {margin-bottom:1.75rem; }
    .margin-bottom-8 {margin-bottom:2rem; }
    .margin-bottom-9 {margin-bottom:2.5rem; }
    .margin-bottom-10 {margin-bottom:3rem; }
    .margin-bottom-11 {margin-bottom:3.5rem; }
    .margin-bottom-12 {margin-bottom:4rem; }
    .margin-bottom-13 {margin-bottom:4.5rem; }
    .margin-bottom-14 {margin-bottom:5rem; }




















/* КРУПНЫЕ АДАПТАЦИИ 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


@media screen and (min-width: 200px) and (max-width: 480px) 
{
    :root {FONT-SIZE:5vw; }
    :root { --main:100%; --compact:100%; }
    main,footer {max-width:100%; padding-left:4vw; padding-right:4vw; }
    header {background-image:url(images/fon480.jpg), linear-gradient(to right, #2a445d, #078496); background-repeat:repeat-y; padding: 3vw 4vw 5vw 4vw; }
    footer {padding-bottom:3rem; }

    h1 {FONT-SIZE:2rem; line-height:2.9rem; margin: 3rem 0 0 0; }
    h2 {FONT-SIZE:1.4rem; line-height:2.3rem; margin: 2rem 0 1rem 0; }
    h2:before {height:1.5rem; width:1.5rem; }
    H3,H4,H5,H6 {FONT-SIZE:1.25rem; }
    .lid, .fleshka span {FONT-SIZE:1.25rem; line-height:1.5em; }
    .stop-fast-menu1, .stop-fast-menu2, .stop-fast-menu3, .stop-fast-menu5, .stop-fast-menu7 {padding-top:0; }
    
    .shapka__menu a {- webkit-border-radius:4vw; -moz-border-radius:4vw; border-radius:4vw; }
    
    .shapka__logo {font-size:1rem; }
    .shapka__logo img {height:1.5rem; max-height:50px; margin-right:2vw; }
    
    .shapka__bullet {display:block; margin: 3rem auto; } 
    .shapka__bullet section {display:block; margin-bottom:1.5rem; }
    .shapka__bullet section span {font-weight:700; }
    
    .shapka__menu {display:block; background:inherit; } 
    .shapka__menu a, .shapka__menu a:visited, .shapka__menu a:hover {display:block; background:#99ffff; padding: 0.65rem 0; margin: 0.5rem 0; }

    .firsttable td:nth-child(odd) {font-size:1.25rem; border:0; padding: 1rem 0 0 0; }

    .table {padding: 3vw 3vw 3vw 0; }
    .table td {display:block; width:100%; padding:0; }
    .table ul {margin:0; }

    .firsttable td, .firsttable td:nth-child(odd), .firsttable td:nth-child(even), .comment_vk, .cont2 {display:block; width:100%; } 
    .firsttable td:nth-child(odd) {padding-right:0; }
    .cont2 {padding: 2rem 0 0 0; }

    .prilip {width:100vw; top:auto; bottom:0; background:#2a445d; }
    .logo2 {display:block; float:left; width:50px; }
    .fmenu {display:block; float:left; width:calc(100% - 50px); }
    .fmenu a, .fmenu a:visited, .fmenu a:hover {display:inline-block; width:auto; background:#2a445d; color:#fff; FONT-SIZE:0.6rem; padding: 0.3em 0.9em; margin:0;  }

    .iconki-div {width:100%; padding:0; }
    .iconki {display:block; width:50%; float:left; height:auto; float:left; font-size:0.85em; line-height:1.3rem; padding: 3vw 2vw; margin:0; }
    .iconki img {width:3rem; margin-right:0.75rem; }

    .download__button A, .download__button:visited {max-width:100%; font-size:0.75em; white-space:nowrap; padding:1rem; }
    .download {padding: 0 3vw 5vw 3vw; }
    
 }




@media screen and (min-width:481px) and (max-width:1240px)
{
    :root {FONT-SIZE:2vw; }
    :root { --main:100%; --compact:100%; }
    main,footer {max-width:100%; padding-left:4vw; padding-right:4vw; }
    header {padding: 3vw 4vw 5vw 4vw; }
    footer {padding-bottom:3rem; }
    
    .logo2 {display:block; float:left; width:3vw; }
    
    .iconki {display:block; width:7rem; height:auto; float:left; margin: 0 2rem 2rem 2rem; }
    .iconki img {display:block; width:3rem; float:left; margin-right:0.75rem; }
    
}