*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* base */

body {
  font-family: 'Montserrat',
    sans-serif;
}

@media (max-width: 768px){
  table th,
  table td {
    display: block;
    width: 100% !important;
  }
}

/* base end */

/* header */

.result-title,
.list-title,
.page-header h2 {
  font-size: 24px;
}
@media (max-width: 768px){
  .page-header h2 {
    font-size: 18px;
  }
}

.collapsed-hamburger .line.line-1 {
  top: 0;
  display: block;
}

.collapsed-hamburger .line.line-2 {
  top: 50%;
  display: block;
}

.collapsed-hamburger .line.line-3 {
  top: 100%;
  display: block;
}

.expanded-hamburger .line.line-1 {
  top: 50%;
  transform: rotate(45deg);
  display: block;
}

.expanded-hamburger .line.line-2 {
  display: none;
}

.expanded-hamburger .line.line-3 {
  top: 50%;
  transform: rotate(-45deg);
  display: block;
}

.top__search {
  position: absolute;
  top: 0;
  right: 20px;
  min-height: 80px;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.top__search:hover {
  cursor: pointer;
}

@media (max-width: 1280px) {
  .top__list {
    justify-content: space-between;
  }

  .top .main-menu {
    position: absolute;
    top: 80px;
    right: -20px;
    width: calc(100% + 40px);
    flex-direction: column;
    background-color: #fff;
    display: none;
  }

  .top .main-menu a {
    color: #222 !important;
  }

  .top__search {
    display: none;
  }

  .burger {
    display: flex;
  }
  .submenu {
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    background: #eee;
    padding: 20px 0;
  }

  .submenu__list {
    flex-direction: column;
    min-height: auto;
  }

  .submenu__text {
    display: none;
  }

  .submenu__item--photo {
    display: none;
  }

  .submenu__title {
    font-size: 14px;
    line-height: 1.3em;
  }

  .submenu .simple-state {
    color: #222;
    text-transform: uppercase;
  }

  .main-menu {
    position: fixed;
    height: 100vh;
  }

  .main-menu li>a {
    min-height: auto;
  }

  .main-menu li:last-child .submenu {
    display: none;
  }
}
/* header end */


/* content */
.header-big-image{
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  padding: 80px 50px 0 50px;
}
.header-big-image__body{
  min-height: 95vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-big-image__body h2{
  font-size: 96px;
  line-height: 96px;
  font-family: 'EB Garamond',
  serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 5px #000;
}
img.header-image {
  display: none;
}
.page-material {
  max-width: 970px;
  margin: 0 auto;
  padding: 60px 20px;
}
aside > * {
  width: 50%;
  display: block;
  padding-bottom: 50px;
}
aside > *:first-child{
  padding-right: 20px;
}
aside > *:last-child {
  padding-left: 20px;
}
aside img {
  max-width: 100%;
  height: auto;
}

aside {
  display: flex;
}

.page-material aside h2 {
  font-size: 26px;
  color: #293237;
  margin-bottom: 20px;
}

.page-material aside p {
  color: #434343;
  font-size: 18px;
  line-height: 1.6em;
  text-align: justify;
  display: inline-block;
}
/* content end */

/* footer */
.bg-dark {
  background: #283840;
}
.footer-menu {
  text-transform: uppercase;
  padding-top: 70px;
  padding-bottom: 70px;
}

.footer-menu__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1640px;
  margin: 0 auto;
  position: relative;
}

.footer-menu__wrapper:after {
  position: absolute;
  display: block;
  content: '';
  bottom: -70px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #fcffff;
}

.footer-menu__title {
  color: #87888c;
  margin-bottom: 30px;
}

.footer-menu__title--top-indent {
  margin-top: 50px;
}

.footer-menu__item {
  padding: 0 50px;
  /*flex: 1 0;*/
  width: 25%;
}

.footer-menu__item:first-child {
  margin-bottom: 50px;
}

.footer-menu__item li {
  list-style-type: none;
  margin-bottom: 30px;
}

.footer-menu__item li:last-child {
  margin-bottom: 0;
}

.footer-menu__item a {
  color: #fff;
  text-decoration: none;
}

.footer-menu__item a:hover {
  text-decoration: underline;
}

.footer-contacts {
  padding-top: 95px;
  padding-bottom: 95px;
  font-size: 16px;
}

.footer-contacts__links {
  text-align: center;
  margin-bottom: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.footer-contacts__item {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-contacts__item--facebook {
  background: #1d5ba6;
  margin-right: 15px;
}

.footer-contacts__item--facebook:hover {
  background: #fff;
  cursor: pointer;
}

.footer-contacts__item--facebook:hover .icon-facebook::before {
  color: #1d5ba6;
}

.footer-contacts__item--vk {
  background: #2b81bc;
  margin-right: 15px;
}

.footer-contacts__item--vk:hover {
  background: #fff;
  cursor: pointer;
}

.footer-contacts__item--vk:hover .icon-vk::before {
  color: #2b81bc;
}

.footer-contacts__item--youtube {
  background: #f62028;
  cursor: pointer;
}

.footer-contacts__item--youtube:hover {
  background: #fff;
  cursor: pointer;
}

.footer-contacts__item--youtube:hover .icon-youtube::before {
  color: #f72027;
  background: #fff;
}

.footer-contacts__address {
  text-align: center;
  margin-bottom: 30px;
  color: #fff;
}

.footer-contacts__phone {
  text-align: center;
  margin-bottom: 30px;
}

.footer-contacts__phone a {
  color: #fff;
  text-decoration: none;
}

.footer-contacts__note {
  text-align: center;
  color: #777c80;
}

@media (max-width: 560px) {
  .footer-menu {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .footer-menu.fluid {
    padding-left: 25px;
    padding-right: 25px;
  }

  .footer-menu__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .footer-menu__item {
    padding: 0 15px;
  }

  .footer-menu__item a {
    font-size: 12px;
  }

  .footer-menu__item--mobile-wide {
    width: 100%;
  }

  .footer-menu__item--mobile-narrow {
    max-width: 50%;
    -ms-flex: 1 0;
    flex: 1 0;
  }

  .footer-menu__item--part1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .footer-menu__item--part2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .footer-menu__item--catalog {
    -ms-flex-order: 3;
    order: 3;
    margin: 0 20% 55px 20%;
  }

  .footer-menu__item--docs {
    -ms-flex-order: 4;
    order: 4;
  }

  .footer-menu__item--info {
    -ms-flex-order: 5;
    order: 5;
  }

  .footer-menu__item--suggest {
    -ms-flex-order: 6;
    order: 6;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 60px 0;
  }

  .footer-menu__wrap {
    width: 50%;
  }

  .footer-menu__wrap:first-of-type {
    padding-right: 15px;
  }

  .footer-menu__wrap:last-of-type {
    padding-left: 15px;
  }

  .footer-menu__item--colors {
    -ms-flex-order: 7;
    order: 7;
  }

  .footer-menu__item--shops {
    -ms-flex-order: 8;
    order: 8;
  }

  .footer-menu__logo {
    width: 200px;
    height: 50px;
    max-width: 100%;
  }

  .footer-menu__logo--tex {
    margin-bottom: 30px;
  }

  .footer-menu__logo--prof {
    margin-bottom: 30px;
  }

  .footer-menu__title--top-indent {
    margin-top: 0;
  }
}

@media (min-width: 561px) and (max-width: 1280px) {
  .footer-menu__wrapper {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .footer-menu__item--mobile-wide {
    width: calc(100%/3);
  }

  .footer-menu__item--mobile-narrow {
    width: calc(100%/3);
  }

  .footer-menu__item {
    padding: 0 15px;
    margin-bottom: 40px;
  }

  .footer-menu__item:first-child {
    margin-bottom: 40px;
  }
}

/* footer end */



/* static-material */

.static-material {
  background-color: #efefef;
}

.article-info,
.search-results,
.content-category form,
.article-content-block,
.static-page-material,
.static-page-material-wrap {
  max-width: 1170px;
  margin: 0 auto;
  padding: 50px 30px;
  background-color: #fff;
}

.static-page-material-wrap {
  padding-bottom: 50px;
}

.article-header h2,
.page-header h2,
.content-category h2,
.static-material-header h2 {
  font-size: 49px;
  color: #293237;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 500;
  padding: 50px 0 0;
}
@media (max-width: 768px){
  .static-material-header h2 {
    font-size: 33px;
  }
}

.static-material {
	padding-top: 45px;
}

.static-page-material table {
  border-collapse: collapse;
  margin-bottom: 30px;
  width: 100% !important;
  max-width: 960px;
}

.static-page-material table th {
  padding: 10px;
}

.static-page-material table td {
  border: 1px solid #dadada;
  padding: 10px;
  font-size: 14px;
}

.static-page-material table tr:nth-child(2n) {
  background-color: #ebebeb;
}

.static-page-material h3 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
  color: #434343;
}

.static-page-material p {
  
  color: #434343;
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 10px !important;
  text-align: justify !important;
  /*display: inline-block;*/
}
.static-page-material ul li{
  margin-bottom: 10px;
}
.static-page-material table td:nth-child(1) {
  width: 10%;
  height: auto !important;
}

.static-page-material table td:nth-child(2) {
  width: 20%;
}

.static-page-material table td:nth-child(3) {
  width: 20%;
}

.static-page-material table td:nth-child(4),
.static-page-material table td:nth-child(5) {
  width: 25%;
}

.static-page-material .attachmentsContainer table td:nth-child(1) {
  width: auto;
}

.static-page-material .attachmentsContainer table td:nth-child(2) {
  width: auto;
}

.static-page-material .attachmentsContainer table td:nth-child(3) {
  width: auto;
}

.static-page-material .attachmentsContainer table td:nth-child(4),
.static-page-material .attachmentsContainer table td:nth-child(5) {
  width: auto;
}

.page-material__row h3 {
  color: #434343;
  font-size: 22px;
  line-height: 1.6em;
  margin-bottom: 30px;
  text-align: center;
  display: inline-block;
}
.pluses {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.pluses__item {
  width: 50%;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 20px;
}
.pluses__img {
  margin-bottom: 10px;
}
.pluses__text {
  color: #434343;
  font-size: 18px;
  line-height: 1.6em;
}
.pluses__title {
  color: #434343;
  font-size: 18px;
  line-height: 1.6em;
  font-weight: bold;
  margin-bottom: 10px;
}

/** {
  color: #ff0000;
}*/
.blog {
  background-color: #efefef;
  padding-top: 80px;
}
.blog h1 {
  padding-top: 80px;
  font-size: 49px;
  color: #293237;
  margin-bottom: 30px;
  text-align: center;
  font-weight: 500;
  padding: 50px 0 0;
}
div[itemprop="blogPost"] {
  max-width: 970px;
  margin: 0 auto;
  /*padding: 50px 30px;*/
  padding: 0 30px 40px 30px;
  background-color: #fff;
}
.blog .btn {
  text-decoration: none;
  border-radius: 20px;
  font-size: 18px;
  line-height: 18px;
  transition: all 0.2s ease-in;
  color: #293237;
  border: 1px solid #293237;
  background: #fff;
  padding: 15px 50px;
  align-self: center;
  margin-top: 10px;
  display: inline-block;
}
.blog .btn:hover {
  background: #293237;
  color: #fff;
  transition: all 0.2s ease-in;
  cursor: pointer;
}
.items-leading {
  padding: 30px;
}
.blog .leading-0 {
  padding-top: 40px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background-color: #283840 !important;
  color: #fff !important;
  text-align: left !important;
}
.ui-accordion .static-page-material h3 {
  color: #fff !important;
}
.ui-accordion .ui-accordion-header {
  text-align: left;
  font-size: 20px !important;
}
.ui-helper-reset {
  margin: 30px 0 !important;
}
.ui-accordion .ui-accordion-content {
  height: auto !important;
}
.static-material ul, .static-material ol {
  list-style-position: inside;
}
.static-page-material li {
  color: #434343;
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 10px !important;
  text-align: justify;

}
@media (max-width: 650px) {
  .pluses__list {
    flex-direction: column;
  }
  .pluses__item {
    width: 100%;
  }
}

.ui-accordion .ui-accordion-content {
  padding-top: 14px;
  margin-top: 0 !important;
}


.find-us {
  background: url(/images/find-us.jpg) no-repeat;
  background-size: cover;
  padding: 30px 0;
}
.find-us-wrap {
  background-color: #f2f2ef;
  border: 1px solid #dcdcdc;
  text-align: center;
  max-width: 970px;
  margin: 0 auto;
  padding: 50px;
}
.find-us-wrap p {
  font-size: 18px;
  color: #484848;
  margin-bottom: 40px;
}

.find-us-wrap h3 {
  font-size: 28px;
  color: #484848;
  font-weight: 500;
  margin-bottom: 30px;
}

.find-us-wrap a {
  text-decoration: none;
  border-radius: 20px;
  font-size: 18px;
  line-height: 18px;
  transition: all 0.2s ease-in;
  color: #293237;
  border: 1px solid #293237;
  background: #fff;
  padding: 15px 50px;
  align-self: center;
  margin-bottom: 30px;
}

.find-us-wrap a:hover,
.find-us-wrap a:focus {
  background: #293237;
  color: #fff;
  transition: all 0.2s ease-in;
  cursor: pointer;
}
.footer-menu__logo:hover {
  cursor: pointer;
}

.footer-contacts__warning {
  color: #777c80;
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
}

.list-title {
  display: block;
  margin-bottom: 20px;
}
.list-title a {
  color: #000;
  text-decoration: none;
}
.list-date {
  display: block;
  font-size: 10px;
  margin-bottom: 60px;
}