/* --------------------------------- */
html, body { background: #fff; font-size: 15px; color: #000; width: 100%; height: 100%; }
dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, input, textarea, select, button, a { margin: 0; padding: 0; outline: none; font-family: 'Nunito', sans-serif; }
img { border: 0; vertical-align: top; } a { color: #2074a5; text-decoration: none; } a:hover { text-decoration: underline; } .reset { margin: 0; padding: 0; list-style: none; }
a:visited{text-decoration: none;}a:active{text-decoration: none;}

.mt-50{margin:50px 0px}
.pt-50{padding:50px 0px}

/* --------------------------------- */
.button { display: inline-block; cursor: pointer; border: none; transition: all .2s;  border-radius: 8px;
    color: #000;
    text-align: center;
    
    /* Наборный */
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}
.button.buttonBlock { width: 100%; box-sizing: border-box; text-align: center; }
.button.buttonSmall { height: 32px; line-height: 32px; padding: 0 15px; }
.button.buttonMiddle { height: 50px; line-height: 50px; padding: 0 20px; }
.button.buttonMiddle2 { height: 44px; line-height: 44px; padding: 0 22px; }
.button.buttonLarge { height: 60px; line-height: 60px; padding: 0 30px; }
.button.buttonPurple { color: #fff; background: #bf1f5f; }
.button.buttonPurple:hover { text-decoration: none; background: #d21e66; }
.button.buttonGrey { color: #000; 
    background: linear-gradient(90deg, #E6E9F0 0%, #EEF1F5 100%); }
.button.buttonGrey:hover { text-decoration: none; background: #ddd; }
.button.buttonYellow { color: #000; background: #ffde00; }
.button.buttonYellow:hover { text-decoration: none; background: #ffde00; }
.button.p30{
    padding: 0px 30px;
    margin-right: 5px;
}
/* --------------------------------- */
.containerNotify {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: normal;
  font-weight: 500;
  font-size: 15px;
  margin-top: -60px;
  padding: 20px;
  transition: all .4s;
  display: block;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
}

.containerNotify.success {
  background: rgba(10, 187, 135, 1);
  color: #fff;
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

.containerNotify.warning {
  background: #d54949;
  color: #fff;
  visibility: visible;
  opacity: 1;
  margin-top: 0;
}

/* --------------------------------- */
.containerMenu{
    display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
border-radius: 8px;
background: #FBFBFB;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05), 1px 2px 5px 0px rgba(0, 0, 0, 0.05), 2px 9px 10px 0px rgba(0, 0, 0, 0.05), 5px 21px 13px 0px rgba(0, 0, 0, 0.03), 9px 38px 15px 0px rgba(0, 0, 0, 0.01), 14px 59px 17px 0px rgba(0, 0, 0, 0.00);
}
.containerMenu .containerMenu--content{
    padding:30px 40px;
    width:267px;
}
.containerMenu .containerMenu--content ul li{
    padding:8px 15px;cursor:pointer;
}
.containerMenu .containerMenu--content ul li.active{
    border-radius: 8px;
background:#FFDE01;
}
.containerMenu .containerMenu--content ul li:hover{background:#EEF1F5}
.containerMenu .containerMenu--content ul li span{
    color:#1B1D20;
font-family: Nunito;
font-size: 21px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.44px;
}
.containerMenu .containerMenu--content ul li span:hover{text-decoration: none;}
/* --------------------------------- */
.containerCategories { position: relative; border: 1px solid #ddd; margin-bottom: 30px; border-radius: 10px; }
.containerCategories a { display: block; padding: 14px 20px; border-bottom: 1px solid #ddd; color: #666; transition: all .2s; position: relative; }
.containerCategories a:last-child { border-bottom: none; }
.containerCategories a.menu_2 { padding-left: 30px; }
.containerCategories a.menu_3 { padding-left: 40px; }
.containerCategories a.menu_4 { padding-left: 50px; }
.containerCategories a:last-child { border-bottom: none; }
.containerCategories a:hover { background: #f0f0f0; text-decoration: none; }
.containerCategories a.active { background: #f1f1f1; }
.containerCategories ul li.active a { background: #f1f1f1; }
.containerCategories ul li:last-child a { border-bottom: none; }
.containerCategories ul li ul li a { padding: 10px 20px; }

/* --------------------------------- */
.containerArticles { position: relative; }
.containerArticles .containerArticles--element { width: 100%; display: inline-block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.containerArticles .containerArticles--element .containerArticles--element--image { float: left; width: 300px; overflow: hidden; height: 160px; }
.containerArticles .containerArticles--element .containerArticles--element--image img { width: 100%; height: 100%; object-fit: cover; }
.containerArticles .containerArticles--element .containerArticles--element--present { margin-left: 330px; }

.containerArticle { position: relative; }
.containerArticle .containerArticle--image { float: left; width: 400px; margin: 0 20px 0 0; }
.containerArticle .containerArticle--image img { width: 100%; }

/* --------------------------------- */
.containerPagination { text-align: center; padding-top: 20px; width: 100%; display: inline-block; }
.containerPagination .containerPagination--element { height: 32px; padding: 0 15px;font-size:24px; line-height: 32px; margin: 0 2px 4px 2px; display: inline-block; color: #666; text-decoration: none; transition: all .2s; cursor: pointer; font-weight: 300;}
.containerPagination .containerPagination--element.al,.containerPagination .containerPagination--element.ar { font-weight: 500;}
.containerPagination .containerPagination--element.al::before {
    content: '';
    width: 11px;
    height: 30px;
    background: transparent no-repeat left 3px;
    background-size: 100% 100%;
    background-image: url(../img/al.svg);
    position: absolute;
    margin: -2px 0px 0px -21px;
}
.containerPagination .containerPagination--element.ar::after {
    content: '';
    width: 11px;
    height: 30px;
    background: transparent no-repeat right 3px;
    background-size: 100% 100%;
    background-image: url(../img/al.svg);
    position: absolute;
    margin: 4px 0px 0px 9px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
} 
 
.containerPagination .containerPagination--element:hover {  color: #4552C6;  }
.containerPagination .containerPagination--element.current { color: #000; font-weight: 600; }
.containerPagination .containerPagination--element.current:hover {  color: #4552C6;  }
 

/* --------------------------------- */
.containerWindow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 999; display: none; }
.containerWindow .containerWindow--close { position: absolute; top: 0; right: 0; font-size: 35px; background: #f1f1f1; color: #000; cursor: pointer; z-index: 100; width: 50px; height: 50px; text-align: center; transition: all .2s; }
.containerWindow .containerWindow--close:hover { background: #ddd; }
.containerWindow .containerWindow--container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: inline-grid; justify-content: center; align-content: center; }
.containerWindow .containerWindow--container .containerWindow--content {
  width: 400px;
  padding: 50px 50px;
  background: #fff;
  text-align: left;
  border-radius: 8px;
  box-sizing: border-box;
}
.containerWindow .containerWindow--container .containerWindow--title { font-size: 18px; font-weight: 400; color: #000; padding-bottom: 30px; }
.containerWindow .containerWindow--container .containerWindow--content { position: relative; overflow: hidden; }
.containerWindow .containerWindow--container .containerWindow--content label { margin-bottom: 15px; overflow: hidden; float: left; width: 100%; }
.containerWindow .containerWindow--container .containerWindow--content label.button { margin-bottom: 0; }
.containerWindow .containerWindow--container .containerWindow--content label:last-child { margin-bottom: 0; margin-top: 15px; }
.containerWindow .containerWindow--container .containerWindow--content input { width: 100%; background: #f1f1f1; height: 50px; border-radius: 4px; padding: 0 15px; box-sizing: border-box; border: none;  
    color: #1B1D20; 
    font-family: Nunito;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}
.containerWindow .containerWindow--container .containerWindow--content input.double { float: left; width: 48%; }
.containerWindow .containerWindow--container .containerWindow--content input.double:last-child { float: right; }
.containerWindow .containerWindow--container .containerWindow--content button { width: 100%; background: #000; color: #fff; text-align: center; cursor: pointer; height: 50px; border-radius: 4px; padding: 0 15px; box-sizing: border-box; border: none; font-size: 15px; }
.containerWindow .containerWindow--container .containerWindow--content .containerWindow--facebook { display: block; line-height: 50px; width: 100%; transition: all .2s; background: #227bef; color: #fff; text-align: center; cursor: pointer; height: 50px; border-radius: 4px; padding: 0 15px; box-sizing: border-box; border: none; font-size: 15px; }
.containerWindow .containerWindow--container .containerWindow--content .containerWindow--facebook:hover { background: #1c72e3; text-decoration: none; }
.containerWindow .containerWindow--container .containerWindow--bottom { padding-top: 20px; margin-top: 30px; border-top: 1px solid #ddd; clear: both; display: inline-block; width: 100%; }
.containerWindow .containerWindow--container .containerWindow--bottom a { display: block; padding: 3px 0; }