/*bitrix trial label*/
.tablebodytext{
  font-size: 0;
}

/**
 *  ●●●●●●●●●●
 *  init
 *  ●●●●●●●●●●
 */
.content__column{
  font-size: 16px;
}

html{
  min-width: 1024px;
  /*
  overflow-x: hidden;
  */
  font-size: 14px;
  font-family: "PT Sans", sans-serif;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*{
  padding: 0;
  margin: 0;
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
}
*::before,
*::after { box-sizing: inherit; }

body {
  color: #58595B;
  background-color: #fff;
  padding-bottom: 98px;
  position: relative;
}

html._noscroll {
  overflow: hidden;
}
body._noscroll {
  overflow: visible;
  height: 100%;
}

a {
  text-decoration: none;
}
img{
  border: 0;
}
ul{
  list-style: none;
}

/**
 *  ●●●●●●●●●●
 *  Helpers
 *  ●●●●●●●●●●
 */
.g--disable-select{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.g--va-center-wrap {
  display: inline-table;
}
.g--va-center{
  display: table-cell;
  vertical-align: middle;
}

.va{
  display: table-cell;
  vertical-align: middle;
}

/*●●●  Sticky blocks   ●●●*/
.sticky--outer{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.sticky--inner{
  height: 100%;
  position: relative;
}
.sticky{
  position: -webkit-sticky;
  position: sticky;
  -webkit-transform: translateZ(0);
        transform: translateZ(0);
}


/**
 *  ●●●●●●●●●●
 *  Elements
 *  ●●●●●●●●●●
 */
.btn-wrap{
  margin: 0 auto 26px;
  text-align: center;
}
.btn{
  height: 40px;
  padding: 0 18px 0 12px;
  display: inline-block;
  background-color: #fff;
  border: 0;
  font-family: "PT Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
  border-radius: 4px;
  text-align: center;
  transition: background-color linear 0.2s, border-color linear 0.2s, color linear 0.2s;
  cursor: pointer;
  outline: 0;
}
@-moz-document url-prefix() { 
  .btn {
    line-height: 36px;
  }
}
.btn._dgrey{
  background-color: #333;
  border-color: #333;
  color: #fff;
}
.btn._dgrey:hover{
  background-color: #c30021;
  border-color: #c30021;
}
.btn._dgrey:disabled,
.btn._dgrey:disabled:hover{
  background-color: #e3e4e4;
  border-color: #c42026;
  color: #000;
}
.btn._white{
  color: #1c1c1c;
  border-color: #1c1c1c;
  background-color: #fff;
}
.btn._white:hover{
  background-color: #c30021;
  border-color: #c30021;
  color: #fff;
}

.btn._yellow{
  color: #4c4c4c;
  background-color: #ffea40;
}
.btn._yellow:hover{
  background: #fff285;
  color: #58595b;
}
.btn._yellow:active{
  background: #ffc800;
  color: #58595b;
}
.btn._blue{
  color: #fff;
  background-color: #0080ab;
}
.btn._blue:hover{
  background: #45d1ff;
}
.btn._blue:active{
  background: #0080ab;
}
.btn._red{
  color: #fff;
  background-color: #d80c18;
}
.btn._red:hover{
  background: #b30c16;
}
.btn._red:active{
  background: #b30c16;
}

.link._with-underline{
  transition: color linear 0.2s;
  text-decoration: underline;
}
.link._with-underline:hover{
  color: #c30021;
}

/* ●●● socials ●●● */
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "social-ico";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-mail:before { content: '\e800'; } /* '' */
.icon-location:before { content: '\e801'; } /* '' */
.icon-play-circled-1:before { content: '\e802'; } /* '' */
.icon-play-circled2-1:before { content: '\e803'; } /* '' */
.icon-video:before { content: '\e804'; } /* '' */
.icon-map:before { content: '\e805'; } /* '' */
.icon-location-circled:before { content: '\e806'; } /* '' */
.icon-up-hand:before { content: '\e807'; } /* '' */
.icon-info-circled:before { content: '\e808'; } /* '' */
.icon-right-hand:before { content: '\e809'; } /* '' */
.icon-home:before { content: '\e80a'; } /* '' */
.icon-help-circled:before { content: '\e80b'; } /* '' */
.icon-picture:before { content: '\e80c'; } /* '' */
.icon-video-1:before { content: '\e80d'; } /* '' */
.icon-down-hand:before { content: '\e80e'; } /* '' */
.icon-spin5:before { content: '\e838'; } /* '' */
.icon-facebook:before { content: '\f052'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-download-cloud:before { content: '\f0ed'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-vkontakte:before { content: '\f189'; } /* '' */
.icon-google:before { content: '\f1a0'; } /* '' */
.icon-odnoklassniki:before { content: '\f263'; } /* '' */
.icon-shopping-bag:before { content: '\f290'; } /* '' */
.icon-telegram:before { content: '\f2c6'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */


/**
 *  ●●●●●●●●●●
 *  Menu
 *  ●●●●●●●●●●
 */
.menu{
  z-index: 2;
  height: 100%;
  display: flex;
}
.menu__inner{
  display: flex;
  background-color: #b30c16;
  /*for menu scrolling*/
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.menu__mobile-open{
  padding: 6px;
  border: 0;
  position: absolute;
  left: -100%;
  background-color: #e59498;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px #000;
  outline: 0;
  text-align: center;
  transition: background-color 0.2s linear;
}
.menu__mobile-open:hover,
.menu__mobile-open._clicked{
  background-color: #e59498
}

.hamburger{
  display: block;
  overflow: visible;
  margin: 0;
  padding: 4px 6px 8px;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: .15s;
  transition-property: opacity,filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
}
.hamburger.is-active:hover, .hamburger:hover {
  opacity: 1;
}
.hamburger-box {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 24px;
}
.hamburger--spin .hamburger-inner {
  transition-timing-function: cubic-bezier(.55,.055,.675,.19);
  transition-duration: .22s;
}
.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px;
}
.hamburger--spin.is-active .hamburger-inner {
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transform: rotate(225deg);
}
.hamburger-inner:after, .hamburger-inner:before {
  display: block;
  content: "";
}
.hamburger-inner:before {
    top: -10px;
}
.hamburger-inner:after {
    bottom: -10px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  position: absolute;
  width: 32px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  background-color: #fff;
}
.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  transition: top .1s ease-out,opacity .1s ease-out .12s;
  opacity: 0;
}
.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
  transform: rotate(-90deg);
}

.menu__item{
  display: flex;
  align-items: center;
  align-items: stretch;
}
.menu__subs .menu__item{
  border-bottom: 1px solid #fff;
}

.menu__link{
  width: 100%;
  padding: 0 12px;
  color: #fff;
  font-family: "PT Sans";
  font-size: 18px;
  font-weight: 400;
  display: flex;
  align-items: center;
  white-space: nowrap;
  transition: background linear 0.2s;
}
.menu__subs .menu__link{
  min-height: 40px;
}
.menu__link:hover,
.menu__item:hover > .menu__link{
  background: #c70b16;
}
.menu__link._selected,
.menu__link._selected:hover{
  background: #e59498;
}
.menu__subs{
  /*height: 50px;*/
  position: absolute;
  top: 100%;
  display: flex;
  flex-direction: column;
  background-color: #b30c16;
  opacity: 0;
  visibility: hidden;
  transition: opacity linear 0.2s;
}
.menu__item:hover .menu__subs{
  opacity: 1;
  visibility: visible;
}

.submenu{
  padding-top: 32px;
  display: flex;
}
.submenu__item{
  width: 282px;
  height: 200px;
  position: relative;
  display: inline-block;
  margin-right: 8px;
  overflow: hidden;
  background-color: #d8262c;
  transition: background-color linear 0.2s;
}
.submenu__item:hover{
  background-color: #373737;
}
.submenu__pic{
  max-width: 100%;
}
.submenu__labels{
  width: 100%;
  padding: 0 16px 10px;
  display: block;
  position: absolute;
  cursor: pointer;
  top: 100%;
  transform: translateY(-40px);
  background: rgba(0,0,0,0.7);
  transition: transform linear 0.2s;
}
.submenu__item:hover .submenu__labels{
  transform: translateY(-100%);
}
.submenu__name{
  padding: 8px 0 12px;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.submenu__caption{
  padding: 0 0 8px;
  display: block;
  color: #fff;
  font-size: 16px;
}

/**
 *  ●●●●●●●●●●
 *  Header
 *  ●●●●●●●●●●
 */

.header{
  z-index: 2;
  width: 100%;
  height: 60px;
  /*margin: 0 0 20px;*/
  position: relative;
}
.header--static{
  /*
  margin: 0 0 -20px;
  */
  position: relative;
}
.header--fixed{
  z-index: 101;
  /*
  height: 50px;
  margin: 0;
  */
  /*remove when use stick_in_parent aka Sticky-kit*/
  top: 0;
  position: fixed;
}
.header--static + .scroll-spacer{
  width: 100%;
  height: 0;
  /*margin: 0 0 -20px;*/
  margin: 0 0 0px;
  position: relative;
}
.header--fixed + .scroll-spacer{
  height: 50px;
}

.header__inner{
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: #d80c18;
  border-bottom: #e59498 8px solid;
  position: relative;
}
.header__row{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo-link{
  /*width: 203px;*/
  height: 37px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.header--fixed .logo-link{
}
.logo-link__pic{
  height: 100%;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: scale(1);
  transition: transform linear 0.2s;
}
.header--fixed .logo-link__pic{
  transform: scale(0.8);

}



/**
 *  ●●●●●●●●●●
 *  Footer
 *  ●●●●●●●●●●
 */
.footer{
  width: 100%;
  padding: 24px 20px;
  margin: 32px 0 0;
  position: absolute;
  bottom: 0;
  background-color: #373737;
}
.footer__row{
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}
.footer__col{
  display: flex;
  align-items: center;
}

.footer__copyright{
  color: #fff;
  font-family: "PT Sans";
  font-size: 16px;
  font-weight: 400;
}

.social-links{
  height: 28px;
  display: inline-block;
}
.social-link{
  margin: 0 0 0 6px;
  font-size: 24px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.social-link--vk{
  color: #507299;
}
.social-link--fb{
  width: 28px;
  height: 28px;
  border-radius: 3px;
  background-color: #3b579d;
  color: #fff;
}
.social-link--fb::before{
  margin: 5px auto 0 4px;
}

.footer__menu{}
.footer__menu-item{
  margin: 0 26px 0 0;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  font-family: "PT Sans";
  display: inline-block;
  position: relative;
  transition: color linear 0.2s;
}
.footer__menu-item:hover{
  color: #fff;
}
.footer__menu-item::before{
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgb(179, 12, 22);
  transition: background-color linear 0.2s;
}
.footer__menu-item:hover::before{
  background-color: #d80c18;
}

/**
 *  ●●●●●●●●●●
 *  Breadcrumb
 *  ●●●●●●●●●●
 */

.breaking-crumbs{
  margin-top: 8px;
  padding: 12px 0;
  border-bottom: #ebebeb solid 1px;
}
.breaking-crumb{
  display: inline-block;
}

.breaking-crumb__link{
  color: #b7b7b7;
  font-size: 15px;
  text-transform: none;
}
.breaking-crumb__link:hover{
  color: #060606;
}
.breaking-crumb._current{}
.breaking-crumbs__delimiter{
  display: inline-block;
  margin: 0 10px 0 6px;
  color: #b7b7b7;
  font-size: 15px;
}


/**
 *  ●●●●●●●●●●
 *  Content
 *  ●●●●●●●●●●
 */

.row{
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}

.content{
  overflow-x: hidden;
}
.content__row{}
.content__column{
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.content__column--left{
  /*width: 860px;*/
  width: calc(100% - 320px);
}
.content__column--right{
  width: 300px;
}



/* ●●● Slider on front ●●●*/
.slider{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: #e0e0e0;
  overflow: hidden;
  position: relative;
}
.slides{
  width: 10000%;
}
.slide{
  max-width: 100vw;
  float: left;
  text-align: center;
}

.slider__ctrls{
  margin: auto;
  max-width: 1180px;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.slider__btn{
  width: 40px;
  height: 60px;
  position: absolute;
  margin-top: -25px;
  outline: 0;
  z-index: 99;
  background-color: transparent;
  border: 0;
  opacity: 0.7;
  transition: opacity linear 0.2s;
  cursor: pointer;
}
.slider__btn:hover{
  opacity: 1;
}
.slider__btn._prev{
  left: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8CAMAAAAjZwjSAAAAkFBMVEUAAADv7/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADg4OEAAAAAAAAAAAAuLi6enp/q6utqamoAAAAAAACioqPX19crKysxMTEAAADj4+TNzc6UlJUAAAC4uLgAAAAAAAA0NDWqqqs7OzvQ0NHAwMHS0tO8vL2Pj5Cjo6SPj5BEREVSUlIUR6ChAAAAMHRSTlMAzAMGCQwVEBohKh0xJLI3Jy5CdMRXMyxxj0Y+OrCVfEJkSzw5bDSin4NyaktALSZiSLagAAAByElEQVRIx7XW6VKDMBQFYKkihJASrKV77Wbd9f3fzpATUsYzt53R8f7+5p6EbFxJNeiViMCuQ52Tnt2EclSSYGmaZVmaQsrOqdu2WhrTybXdbvNca5076qXgHNPKmJetcjRtw2VnbDFLkq3K0VJyyk7KdZI4qXNAydXNNPH17rMHgiuimylAwZVV56wK0ex060Zw69pqTOa8G5ZFSAak3LfgFhODhoDR3QQ3vg+utmh4wd354AybgnLJoeHf3f2Y3Wl8tqzmJ2e06OpqPuzchBz28w/XsHOQHOfGieT6ggN0C2yiS6aU6wsNVdHsn+BGVW11zicKDV3wOrh9ExfuimFRBvewWZaWggF9cud2m6o2DkZ3gn6Ir3DPOxmi43EVO4rRmMxh2I0Rk2GIdTGTRSf3VX1qyd/RlndBjpZNf2FoqYueLEmipRulLPk4m56s/knmvCWjbPpSkYzH0PX8hVw6KY9T6HleTqveJcVSRcmnR5YIj5CvoEWQj3EnSY9HlHTZS3IbpiM/XIcV5EeAkjQF5IzGSI+rPa7wcEXIMtDP1UwHB0jSN3Uv+xfedUBJ4l8hkxwk4lGtAxQk/mccI0cUNSBHEhXYNw3WLmrqomqHAAAAAElFTkSuQmCC);
}
.slider__btn._next{
  right: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA8CAMAAAAjZwjSAAAApVBMVEUAAAAAAADv7/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADf3+AAAACoqKgAAADLy8wpKSns7O3c3N2hoaIAAAC1tbWIiIkwMDDq6uvk5OUrKyuenp9ubm4nJyd6enoAAAAAAAAAAAA2NjY+Pj7o6OkUFBQlJSXh4eLc3N23t7hra2uRkZJXV1hnZ2hTU1TYaAaHAAAAN3RSTlMAA8wGCRIOHxkMJxYvJS05MjUisxxtKpdIw7VyPWZDP8WvRnRUTktLRUM4MblVVKOZhnJqaTsl9iCgQAAAAgBJREFUSMeN1ulW8jAQBmDbfknahhYa80VRQHFBBfft/i/NaZY5wgyVOYd/z3kn0w6BI1/ZrzpiC1kRa4h69g+qgg/QvdK7qpJSSFkFOuCkEFprIYAmSSE4IUqrlLKlFhJCQfJOilKZzevCAIVQlDRQW7NZ5o/rulElZlLYB34t8zxfrl2NkoXWPOZ9HV+MapMkD1fTJH1mnJ22Nm6V/yH9MKWqR+co6TkxEqZuuyhPOl5mGNlds5KecjLelQAz+sib9kCpevl2mITuJ7uy4DNRnnMSByKSdM/2SS3C0lFZ/5Ztg5Lr3s2OWUkn6q6i/ABpQRbFDozdR+PTIC9vJs6vJ0Aiw8s8PYsyDFTQ3ew3qRl1s9skIbI/JfNN85Gz++cgp6vGCslDrerJ+OHu8zLIhdIeklMm+PSeB4mQb333dBbg3AZIx7bwJOGMyRkbh6Gv0UHn2+j+O7U7dYajwNNB1za+c8Y4aAxvJjpcIPoCYdG2XOldRs5HnTzcARx2Dq+BrTmiu0JHL8Dk+L7U1W13gNMDeQkW4d5zexxpvDUHzstdpLyj9+hFcm0T+/LX6Jp1FG6WyQ3/fKiX6Nx2Hj3jYur33hnWIdTWy3ljrGYd9tZ95lzZMuwzOBaCBPpdaohDx8sKKBQwdBQGWUlZ9Yw6+n8GWO/+/IfkFXGEQg2xH/lUMs8ydYxQAAAAAElFTkSuQmCC);
}

.slider__bubbles{
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  text-align: center;
}
.slider__bubble{
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: #fff;
  opacity: .5;
  display: inline-block;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.slider__bubble._active{
  background: #fff;
  opacity: .9;
}


/**
 *  ●●●●●●●●●●
 *  Articles list
 *  ●●●●●●●●●●
 */

.articles{
  max-width: 960px;
  margin: 32px auto;
  padding: 24px 40px 40px;
  min-height: 400px;
  position: relative;
  background: #fff;
  font-size: 16px;
  box-shadow: 0 0 2px rgba(0,0,0,.15);
}
.articles__title{
  margin: 0 0 24px;
  display: block;
  font-family: "PT Sans";
  font-size: 24px;
  font-weight: 700;
  text-align: left;
}
.articles__list{
  border-top: 1px solid #00A7E1;
  border-bottom: 1px solid #00A7E1;
}
.articles__item{
  /*max-width: 100%;*/
  padding: 28px 0 28px 224px;
  margin: 0 0 20px;
  position: relative;
  text-align: center;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #e4e5e6;
}
.articles__item:last-child{
  border-bottom: 0;
}
.articles__pic-wrap{
  /*width: 100%;*/
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.articles__pic{
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.articles__label{
  padding: 7.5px 8px;
  position: absolute;
  left: 12px;
  top: 0;
  font-family: "PT Sans";
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  vertical-align: middle;
}
.articles__link{
  margin: 0 0 8px;
  display: inline-block;
  color: #1c1c1c;
  font-family: "PT Sans";
  font-size: 22px;
  font-weight: 700;
  transition: color linear 0.2s;
  cursor: pointer;
}
.articles__link:hover{
  color: #c30021;
}
.articles__pubdate{
  margin: 10px 0 0;
  display: block;
  color: #ababab;
  font-family: "PT Sans";
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.articles__summary{
  color: #1c1c1c;
  font-family: "PT Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}


/**
 *  ●●●●●●●●●●
 *  Article page
 *  ●●●●●●●●●●
 */

.intro{
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background-color: #e0e0e0;
  box-shadow: 0 0 2px rgba(255,255,255,.55);
}
.intro__img{
  margin: 0 auto;
  display: block;
}

article{
  /*max-width: 960px;*/
  margin: 32px auto;
  padding: 24px 40px 40px;
  min-height: 400px;
  position: relative;
  background: #fff;
  font-size: 16px;
  box-shadow: 0 0 2px rgba(0,0,0,.15);
}

.intro + article{
  margin-top: -40px;
}
.article__imgs{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.article__pic-wrap{
  margin: 0 0 32px -40px;
}
.article__img-wrap{
  text-align: center;
}
.article__img-wrap._x4{
  max-width: calc(25% - 14px);
}
.article__img{
  max-width: 100%;
  margin-bottom: 18px;
}
.article__image{
  margin-bottom: 18px;
  text-align: center;
}
.article__image-pic{}

.article__title {
  text-transform: uppercase;
  font-size: 30px;
  color: #2b2d42;
  font-weight: bold;
  margin-bottom: 28px;
}
.article__title::after {
  content: "";
  display: block;
  width: 60px;
  content: "";
  border-bottom: #d80c18 solid 3px;
  margin-top: 12px;
}
.article__subtitle {
  font-size: 16px;
  margin-bottom: 20px;
  display: block;
}
.article__subtitle mark {
  font-weight: bold;
  font-size: 18px;
  color: #d8262c;
  background-color: transparent;
}

article p{
  margin-bottom: 18px;
}
article ul{

}
article li{
  margin-bottom: 18px;
  list-style: disc inside;
}



/**
 *  ●●●●●●●●●●
 *  Product
 *  ●●●●●●●●●●
 */

.product-intro{
  /*overflow: hidden;*/
}
.catalog._main .product-intro{
  overflow: visible;
  margin-bottom: 60px;
}
.product-intro__inner{
  width: 100%;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
}
.product-intro__texts{
  width: 60%;
  padding-left: 48px;
  padding-top: 32px;
}
.product-intro__title{
  font-size: 32px;
  font-weight: bold;
  color: #d80c18;
  font-family: 'Open Sans', sans-serif;
}
.product-intro__description{
  padding: 12px 0 24px;
  color: #666;
  font-size: 16px;
}
.product-intro__pic-wrap{
  max-width: 40%;
  position: relative;
}
.product-intro__pic{
  width: 100%;
  height: auto;
  /*
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(56%);
  */
}

.product{}
.product__image{
  max-width: 1120px;
  height: 400px;
  margin: 32px auto;
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.product__image._image-left{
  justify-content: flex-end;
}
.product__image._image-right{
  justify-content: flex-start;
}
.product__image._image-left::before{
  content: "\20";
  position: absolute;
  right: 450px;
  top: 0;
  width: 100px;
  height: 420px;
  background: #fff;
  z-index: 2;
  transform: rotate(6deg) scale(1) skew(1deg) translate(10px);
}
.product__image._image-right::before{
  content: "\20";
  position: absolute;
  left: 440px;
  top: 0;
  width: 100px;
  height: 420px;
  background: #fff;
  z-index: 2;
  transform: rotate(6deg) scale(1.5) skew(1deg) translate(10px);
}


.product__image-pic{
  position: absolute;
}
._image-left .product__image-pic{
  left: 0;
}
._image-right .product__image-pic{
  right: 0;
}

.product__image-text{
  z-index: 2;
  width: 520px;
  position: relative;
  font-size: 18px;
}
._image-left .product__image-text{
  padding: 0 40px 0 40px;
}
._image-right .product__image-text{
  padding: 0 0 0 80px;
}

.product__image-header{
  margin: 0 0 18px;
  display: block;
  font-size: 42px;
  line-height: 1;
  color: #000;
}

.product-links{
  margin: 32px 0 24px;
  text-align: center;
}
.product-links .btn{
  margin-left: 18px;
  margin-right: 18px;
}



.product-props{
  max-width: 1120px;
  margin: 32px auto 20px;
  padding: 24px 40px 40px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  position: relative;
  overflow: hidden;
}
.product-props__title{
  margin: 0 0 24px;
  font-family: "PT Sans";
  font-size: 24px;
  font-weight: 700;
  display: block;
  text-align: left;
}

.product-props__btn{
  position:absolute;
  background:#d80c18;
  border: 0;
}
.product-props__btn:hover{
  background:#b30c16;
}
.product-props__btn:active{
  background:#b30c16;
}

.product-props__btn._top{
  width:80px;
  height:50px;
  margin-left:-40px;
  left:50%;
  top:0;
}
.product-props__btn._bottom{
  width:80px;
  height:50px;
  margin-left:-40px;
  bottom:0;
  left:50%;
}
.product-props__btn._left{
  width:50px;
  height:80px;
  margin-top:-40px;
  left:0;
  top:50%;
}
.product-props__btn._right{
  width:50px;
  height:80px;
  right:0;
  top:50%;
  margin-top:-40px;
}

.product-props__btn::before{
  content: "";
  position:absolute;
  left:50%;
  top:50%;
}
.product-props__btn._top::before{
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 20px solid #fff;
  margin:-12px 0 0 -12px;
}
.product-props__btn._bottom::before{
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 20px solid #fff;
  margin:-10px 0 0 -12px;
}
.product-props__btn._left::before{
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 20px solid #fff;
  margin:-10px 0 0 -12px;
}
.product-props__btn._right::before{
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid #fff;
  margin:-10px 0 0 -10px;
}

.product-props__cols{
  height:400px;
  position:relative;
  margin:0 40px;
  border-top:1px solid #e59498;
  border-bottom:1px solid #e59498;
  overflow:hidden;
}
.product-props__cols-inner{
  position:absolute;
  left:0;
  top:0;
}
.product-props__cols th{
  height:42px;
  padding:0 10px;
  font-size: 16px;
  font-weight: 400;
  border-bottom:1px solid #e6e6e4;
  overflow:hidden;
}
.product-props__cols td{
  height:42px;
  padding:0 10px;
  font-size: 14px;
  border-bottom:1px solid #e6e6e4;
  overflow:hidden;
}
.product-props__cols tr:last-child td,
.product-props__cols .p-left tr:last-child th{
  border-bottom: 0;
}
.product-props__cols .p-left{
  z-index:2;
  width:176px;
  position:absolute;
  left:0;
  top:0;
  background:#f9f9f8;
}
.product-props__cols .p-left table{ width:100%;font-size:0.85em;}
.product-props__cols .p-cen{ top:0; left:176px; position:absolute;}
.product-props__cols .p-cen th{ color:#e59498; padding:0 20px;white-space:nowrap}
.product-props__cols .p-cen td{
  padding:0 20px;
  white-space:nowrap;
}

.product-props__cols._for-xs .scl{
  width:100%;
  height:300px;
  margin-left:176px;
  overflow-x:auto;
  overflow-y:hidden;
  overflow-scrolling:touch;
  -webkit-overflow-scrolling:touch;
}
.product-props__cols._for-xs .p-cen{
  position:relative;
  left:0;
}

/**
 *  ●●●●●●●●●●
 *  Catalog
 *  ●●●●●●●●●●
 */

.catalog{}
.catalog._top3{
  width: 100vw;
  padding: 32px 0 0;
  margin-left: calc(-50vw + 50%);
  background-color: #fff;
}

.catalog__section-name{
  z-index: 1;
  font-size: 32px;
  padding: 12px;
  margin: 0 0 24px;
  position: relative;
}
.catalog__section-name::after{
  z-index: -1;
  content: "";
  position: absolute;
  width: 200vw;
  height: 100%;
  top: 0;
  left: -100%;
  padding: 32px 0 0;
  margin-left: calc(-50vw + 50%);
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.catalog._main{}
.catalog._listing{
  margin: 32px 0 0;
  position: relative;
}
#catalog_listing_anchor{
  z-index: -1;
  position: absolute;
  top: -80px;
}
.catalog__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.catalog._top3 .catalog__list{
  max-width: 1100px;
  margin: 0 auto;
}
.catalog__item{
  width: 300px;
  height: 300px;
  margin-bottom: 32px;
  background-color: #fff;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 1px #d1d1d1;
  transition: box-shadow linear 0.2s;
}
.catalog__item:hover{
  box-shadow: 0px 0px 20px #888888;
}
.catalog__item._blank{
  background-color: transparent;
  box-shadow: none;
}
.catalog__item._small{
  width: 180px;
  min-height: 210px;
  height: auto;
  box-shadow: none;
}
.catalog__item._emu{
  height: 100px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-size: 26px;
  cursor: pointer;
  color: #58595B;
  transition: color .2s linear;
}
.catalog__item._emu:hover,
.catalog__item._emu:hover .icon{
  color: #06a7e2;
}
.catalog__item._emu .icon{
  width: 44px;
  height: 44px;
  padding: 4px 0;
  display: inline-block;
  border-radius: 50%;
  color: #58595B;
  border: 2px solid #58595B;
  cursor: pointer;
  transition: color .2s linear, border-color .2s linear;
}
.catalog__item._emu:hover .icon{
  border-color: #06a7e2;
}
.catalog__item._emu .icon::before{
  line-height: 34px;
}
.catalog__pic-wrap{
  width: 100%;
  padding: 8px 6px 0;
}
.catalog__pic{
  width: 100%;
  height: auto;
}
.catalog__text{
  width: 100%;
  min-height: 102px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  color: #000;
  background-color: rgba(255,255,255,0.8);
  position: absolute;
  bottom: 0;
  text-align: center;
  transition: all .2s ease;
}
.catalog__item._small .catalog__text{
  position: relative;
}
.catalog__item:hover .catalog__text{
  /*
  background: #06a7e2;
  color: #fff;
  */
}
.catalog__item._small:hover .catalog__text{
  /*
  background: #fff;
  color: #06a7e2;
  */
}
.catalog__name{
  display: block;
  font-size: 20px;
  font-weight: bold;
}
.catalog__item._small .catalog__name{
  font-size: 20px;
}
.catalog__summary{
  font-size: 16px;
  color: #999;
}
.catalog__item._small .catalog__summary{
  font-size: 15px;
  color: #999;
}

.error-text{
  text-align: center;
}
.error-text__title{
  font-size: 72px;
  color: #06a7e2;
}
.error-text__caption{
  font-size: 22px;
}

/*
 *  go2top
 */

#toTop {
  color: #fff;
  text-align: center;
  bottom: 0;
  top: 0;
  margin: auto;
  display: none;
  height: 52px;
  line-height: 52px;
  overflow: hidden;
  position: fixed;
  right: 18px;
  text-decoration: none;
  width: 52px;
  /*background: url(../images/to-top-arrow.png) no-repeat center;*/
  background-color: #d80c18;
  border: 3px solid #e59498;
  text-transform: uppercase;
  z-index: 100;
  border-radius: 0%;
  font-size: 52px;
  text-shadow: -1px 1px #616e8f;
  cursor: pointer;
  transition: background-color 0.2s linear, border-color 0.2s linear;
}
#toTop::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  top: 12px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  border: solid #fff;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 10px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transition: transform linear 0.2s;
}

@media (max-width: 980px) {
  #toTop {
    height: 38px;
    width: 38px;
    line-height: 38px;
    font-size: 28px;
  }
}

#toTop:hover {
  background-color: #b30c16;
  border-color: #b30c16;
}
#toTop:hover::before{
  -webkit-transform: rotate(-135deg) translate(3px, 3px);
  transform: rotate(-135deg) translate(3px, 3px);
}


/**
 *  ●●●●●●●●●●
 *  forms
 *  ●●●●●●●●●●
 */

.btn[disabled]{
  cursor: not-allowed;
}

.dfrm{
  padding: 32px 0;
}
.dfrm__row{
  max-width: 1280px;
  margin: 0 auto;
}
.dfrm__row._form{}
.dfrm__row._message{}
.dfrm__row._hidden{
  display: none;
}
.dfrm__title{
  margin-bottom: 12px;
  font-size: 32px;
  color: #000;
  font-weight: normal;
  text-align: center;
}
.dfrm__inputs{
  display: flex;
  flex-wrap: wrap;
align-items: center;
    justify-content: center;
}
.dfrm__input-wrap{
  padding: 6px 12px;
}
.dfrm__input-wrap._w33{
  width: 33.3%;
}
@media all and (max-width: 641px) {
  .dfrm__input-wrap._w33{
    width: 100%;
  }
}
.dfrm__input-wrap._w100{
  width: 100%;
}
.dfrm__label{
  margin: 0 0 3px;
  display: block;
  font-size: 22px;
  color: #2a2a2a;
}
.red-asterix{
  color: red;
}
.dfrm__input,
.dfrm__textarea{
  width: 100%;
  height: 32px;
  padding: 8px;
  margin: 3px 0 0;
  border: 0;
  border-bottom: 1px solid #2e6eb6;
  outline: 0;
}
.dfrm__textarea{
  height: 34px;
}
.dfrm__btns{
  padding: 12px;
  text-align: center;
}
.dfrm__btn{}
.dfrm__agrement{
  padding: 12px 0;
}
.dfrm__message{}
.dfrm__message._success{
  font-size: 32px;
  color: #2a2a2a;
  text-align: center;
}


/**/
.embed{
  margin: 24px 0;
}
.embed.embed--video{
  margin: 24px 0;
}
.embed.ratio16x9{}