a {
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
a:hover,
a:focus {
  color: #e44646;
}
.pfirstchild p:first-child {
  margin-top: 0px;
  padding-top: 0px;
}
.pfirstchild p:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.loadthis {
  display: none;
}
.grecaptcha-badge {
  z-index: 1 !important;
  bottom: 70px !important;
}
#cookie-bar {
  background: #c6a992;
  height: auto;
  line-height: normal;
  color: #eeeeee;
  text-align: center;
  padding: 5px 5px;
  z-index: 100;
}
#cookie-bar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto;
  z-index: 999;
}
#cookie-bar p {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
}
#cookie-bar a {
  color: #fff;
  text-decoration: underline;
  font-size: 14px;
}
#cookie-bar .cb-enable {
  background: #fff;
  color: #000;
  display: inline-block;
  text-decoration: none;
  padding: 2px 6px;
  margin-left: 8px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
#cookie-bar .cb-enable:hover {
  background: #000;
  color: #fff;
}
#cookie-bar .cb-disable {
  background: #990000;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  padding: 2px 6px;
  margin-left: 8px;
}
#cookie-bar .cb-disable:hover {
  background: #bb0000;
}
#cookie-bar .cb-policy {
  background: #0033bb;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  padding: 2px 6px;
  margin-left: 8px;
}
#cookie-bar .cb-policy:hover {
  background: #0055dd;
}
input[type="number"] {
  -moz-appearance: textfield;
}
label[class*="required"]:after {
  content: "*";
  display: inline-block;
  vertical-align: top;
}
.animatethis {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.cc-dismiss {
  background: #c6168d !important;
}
.main-content {
}
.main-content-ins {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}
.main-content-top {
  padding-top: 100px;
}
.no-marg-padd {
  margin: 0;
  padding: 0;
}
.no-marg-padd li {
  margin: 0;
  padding: 0;
}
input,
textarea {
  outline: 0 !important;
}
strong,
b {
  font-weight: 700 !important;
}
.bootstrap-dialog .modal-header {
  background-color: #ddd !important;
}
.bootstrap-dialog .bootstrap-dialog-close-button button {
  font-size: 26px;
  opacity: 1;
}
.bootstrap-dialog .bootstrap-dialog-title {
  font-size: 16px !important;
  color: #111;
}
.bootstrap-dialog .bootstrap-dialog-message {
  font-size: 15px !important;
  color: #111;
}
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-warning {
  font-size: 15px !important;
}
.bootstrap-dialog .bootstrap-dialog-footer-buttons .btn-default {
  font-size: 15px !important;
  color: #111;
}
.rvl-hdn {
  visibility: hidden;
}
#infscr-loading {
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 50%;
  bottom: 40px;
  width: 274px;
  margin-left: -137px;
  padding: 7px 10px;
  background: #000;
  opacity: 0.8;
  color: #fff;
  border: 1px solid #959595;
}
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* overlay at start */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* overlay animate out */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* content at start */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* content animate out */
.pagin {
  text-align: center;
  margin-top: 100px;
}
.pagin li {
  margin-left: 4px;
  display: inline-block;
  vertical-align: top;
}
.pagin li.num:before {
  content: "|";
  font-size: 14px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: top;
}
.pagin li.num:first-child:before {
  display: none;
}
.pagin li a {
  display: inline-block;
  margin-top: -3px;
  font-size: 18px;
  color: #000;
}
.pagin li a:hover,
.pagin li.active a {
  color: #8560a8;
}
.pagination {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 30px;
}
.pagination .pagination2 {
  display: flex;
  justify-content: center;
  grid-gap: 30px;
  align-items: center;
}
.pagination .current {
  font-weight: 900;
}
.ph {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}
.ph::-webkit-input-placeholder {
  opacity: 1 !important;
  font-size: 18px;
  color: #191919;
  font-weight: 300;
}
.ph:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1 !important;
  font-size: 18px;
  color: #191919;
  font-weight: 300;
}
.ph::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1 !important;
  font-size: 18px;
  color: #191919;
  font-weight: 300;
}
.ph:-ms-input-placeholder {
  opacity: 1 !important;
  font-size: 18px;
  color: #191919;
  font-weight: 300;
}
.ph:-ms-input-placeholder {
  opacity: 1 !important;
  font-size: 18px;
  color: #191919;
  font-weight: 300;
}
.breadcrumb-cont {
  padding: 0;
}
.breadcrumb-cont ol.breadcrumb {
  background: transparent;
  margin: 0;
  padding: 0;
}
.breadcrumb-cont ol.breadcrumb li.active {
}
.breadcrumb-cont ol.breadcrumb li.active a {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #13223a;
}
.breadcrumb-cont ol.breadcrumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb-cont ol.breadcrumb li + li:before {
  content: "/";
  padding: 0;
  color: #000;
}
.breadcrumb-cont ol.breadcrumb li a {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #13223a;
}
.breadcrumb-cont ol.breadcrumb li a:hover {
  color: #d13e29;
}
nav#menu {
  visibility: hidden;
  height: 0;
}
nav#menu ul li a:hover,
nav#menu ul li a.active {
  color: #f67451;
}
.mm-navbar_tabs a {
  font-size: 16px;
}
.mm-navbar_tabs a i {
  margin-right: 6px;
}
.mm-btn_close {
  background: #f67451;
}
.mm-btn_close::before,
.mm-btn_close::after {
  border-color: #fff;
}
.mm-btn_close::before {
  right: 15px;
}
.mm-btn_close::after {
  right: 22px;
}
.mm-navbars_bottom {
  border-top: 0;
}
.mm-navbars_bottom .mm-navbar {
  background: #f67451;
}
.mm-navbars_bottom .mm-navbar a {
  color: #fff;
}
.custom-search {
  background: #e8e8e8;
  border: 0;
  width: 100%;
  margin: 0;
  padding: 7px 12px;
  cursor: pointer;
  z-index: 1000;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body {
  font-family: "M PLUS 1p", sans-serif !important;
  max-width: 1920px;
  overflow-x: hidden;
  padding: 0 !important;
}
p {
  margin: 0;
  padding: 0;
}
.ttl {
  font-weight: 900;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #d13e29;
}
.ttl span {
  color: #13223a;
}
.ttl:after {
  content: "";
  display: block;
  background: #d13e29;
  width: 100%;
  max-width: 70px;
  height: 8px;
  margin: 14px 0 0 0;
}
.button a {
  font-weight: 900;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.04em;
  color: #d13e29;
  text-transform: uppercase;
}
.row-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 95px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 2px solid #d13e29;
  text-align: center;
  height: 100%;
  z-index: 100;
}
.row-left .items {
  display: flex;
  flex-direction: column;
  grid-gap: 90px;
}
.row-left .scroll {
  position: absolute;
  bottom: 30px;
  left: 24.5px;
  transform: rotate(90deg);
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0.29em;
  color: #d13e29;
  cursor: pointer;
}
.row-left .items .item {
  position: relative;
}
.row-left .items .item .item-hover {
  position: absolute;
  top: 50%;
  left: 102%;
  transform: translateY(-50%);
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #ffffff;
  text-transform: uppercase;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  display: flex;
  align-items: center;
  grid-gap: 12px;
}
.row-left.row-left-inside .items .item .item-hover {
  left: 80px !important;
}
.row-left .items .item .item-hover:before {
  content: "";
  background: url(../img/line.png);
  width: 18px;
  height: 1px;
  background-position: center;
  background-repeat: no-repeat;
}
.row-left .items .item:hover > a .nothover {
  display: none !important;
}
.row-left .items .item:hover > a .hover {
  display: initial !important;
}
.row-left .items .item:hover > .item-hover {
  visibility: visible;
  opacity: 1;
}
.hover {
  display: none !important;
}

/********************* HEADER *********************/
.cbp-af-header {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%; /* overflow: hidden; */
  z-index: 100;
}
.cbp-af-header-ins {
  background: #13223a;
}
.cbp-af-header .header-wrapper {
  width: 100%;
}
.cbp-af-header header {
}
.cbp-af-header header .grid {
  display: flex;
  align-items: center;
  padding: 20px 20px 20px 120px;
  justify-content: space-between;
  width: 100%;
  background: linear-gradient(180deg, #13223a 2.9%, rgba(19, 34, 58, 0) 53%);
}
.cbp-af-header-shrink header .grid {
}
header .grid .grid-r {
  display: flex;
  grid-gap: 90px;
}
header .grid .logo {
}
header .grid .logo a {
  display: block;
  background: url(../img/logo.png) no-repeat 0 0;
  width: 112px;
  height: 46px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
header .grid .logo .logo-sm {
  display: none;
  background: url(../img/logo-sm.png) no-repeat 0 0;
  width: 100px;
  height: 37px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
header .grid .logo .logo-sm-sm {
  display: none;
  background: url(../img/logo-sm-sm.png) no-repeat 0 0;
  width: 100px;
  height: 54px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
header .grid .mn {
}
header .grid .mn ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
header .grid .mn ul li {
  padding-right: 23px;
}
header .grid .mn ul li:last-child {
  padding-right: 0px;
}
header .grid .mn ul li a {
  font-weight: normal;
  font-size: 14px;
  line-height: 92.6%;
  color: #ffffff;
  text-transform: uppercase;
  background: transparent;
}
header .grid .mn ul li a.active {
  color: #d13e29;
  position: relative;
}
header .grid .mn ul li a.active-gr {
  color: #d13e29;
  position: relative;
}
header .grid .mn ul li .active:after {
  position: absolute;
  top: -34px;
  left: 0;
  width: 100%;
  content: "";
  border-top: 10px solid #d13e29;
  box-shadow: 0px 4px 57px rgb(0 0 0 / 25%);
  border-radius: 0px 0px 24px 24px;
}
header .grid .mn ul li a:hover {
  color: #d13e29;
}
header .right {
  display: flex;
  grid-gap: 70px;
  align-items: center;
}
header .right .right-l {
}
header .right .right-r {
  display: flex;
  grid-gap: 65px;
  align-items: center;
}
header .right .right-r .team {
  display: flex;
  align-items: center;
  height: 100%;
}
header .right .right-r .team a {
  font-weight: bold;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0.035em;
  color: #080b11;
  background: #c6a992;
  border-radius: 6px;
  padding: 8px 16px;
}
header .right .right-r .team a:hover {
  color: #ffffff;
}
header .right .right-r .bars {
  display: none;
}
header .right .right-r .bars .fa-bars {
  color: #d13e29;
}
header .right .right-r .lngs {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #ffffff;
}
header .right .right-r .lngs i {
  padding-left: 5px;
}
header .right .right-r .lngs button {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  color: black;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  color: white;
}
header .right .right-r .lngs button span {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  color: black;
}
header .right .right-r .lngs button span:before {
  font-size: 20px;
  color: black;
}
header .right .right-r .lngs .dropdown-menu {
  border: 1px solid #fff;
  padding: 0;
  min-width: 120px;
}
header .right .right-r .lngs .dropdown-menu li {
  text-align: center;
  border-bottom: 1px solid #fff;
}
header .right .right-r .lngs .dropdown-menu li:last-child {
  border-bottom: 0;
}
header .right .right-r .lngs .dropdown-menu li a {
  padding: 5px 10px;
  background: #fff;
  color: #000;
  font-size: 14px;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
header .right .right-r .lngs .dropdown-menu li a:hover,
header .right .right-r .lngs .dropdown-menu li a.active {
  background: #009443;
  color: #fff;
}
.espabanner img {
  border-radius: 10px;
}
.slideshow {
  position: relative;
}
.slideshow .details {
  position: absolute !important;
  top: 50% !important;
  left: 250px !important;
  transform: translateY(-50%) !important;
  max-width: 600px !important;
  transform-origin: initial !important;
  white-space: initial !important;
  min-height: initial !important;
  min-width: initial !important;
  background: transparent !important;
}
.slideshow .details .title {
  font-weight: 900;
  font-size: 72px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #ffffff;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.17);
  padding-bottom: 30px;
}
.slideshow .details .subtitle1 {
  font-weight: 900;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #ffffff;
  padding-bottom: 200px;
  padding-left: 222px;
  position: absolute;
  top: -176px;
  font-size: 71px;
  white-space: nowrap;
}
.slideshow .details .subtitle2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #ffffff;
  padding-bottom: 30px;
}
.slideshow .details .text {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #ffffff;
}
.slideshow .details .down {
  display: flex;
  align-items: center;
  grid-gap: 15px;
  padding-top: 50px;
}
.slideshow .details .down .down-r {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 140%;
  color: #ffffff;
}
.slideshow .details .goto-btn button {
  margin-top: 40px;
  padding: 20px 30px;
  font-weight: 900;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.2em;
  color: #ffffff;
  max-width: 300px;
  width: 100%;
  border: 1px solid #d13e29;
  box-sizing: border-box;
  filter: drop-shadow(0px 4px 57px rgba(0, 0, 0, 0.25));
  border-radius: 24px;
  background: transparent;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  grid-gap: 25px;
  align-items: center;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.slideshow .details .goto-btn button:hover {
  background: #d13e29;
  box-shadow: 0px 4px 57px rgba(0, 0, 0, 0.25);
  border-radius: 24px;
}
.slideshow .details .goto-btn button i {
  color: #d13e29;
}
.slideshow .details .goto-btn button:hover > i {
  color: #ffffff;
}
.slideshow .tp-bullets {
  top: 80% !important;
  left: 335px !important;
}
.slideshow .tp-bullets .tp-bullet {
  background: url(../img/bullet.png);
  width: 23px;
  height: 23px;
  background-position: center;
  background-repeat: no-repeat;
}
.slideshow .tp-bullets .tp-bullet.selected {
  background: url(../img/bullet_selected.png);
  width: 23px;
  height: 23px;
  background-position: center;
  background-repeat: no-repeat;
}
.home .items-hp {
  position: relative;
}
.home .items-hp .ins {
  max-width: 1780px;
  padding: 60px 20px 100px 20px;
  display: grid;
  grid-template-columns: 0.65fr 1fr 0.2fr;
  margin: auto;
  align-items: center;
}
.home .items-hp .ins .titles {
  display: flex;
  align-items: center;
  grid-gap: 40px;
}
.home .items-hp .ins .titles .inside {
  padding-left: 150px;
  display: grid;
  grid-gap: 30px;
  max-width: 300px;
  width: 100%;
}
.home .items-hp .ins .titles .slick-list {
  padding: 0 !important;
}
.home .items-hp .ins .titles .title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #13223a;
  opacity: 0.3;
  margin: 15px 0;
  cursor: pointer;
}
.home .items-hp .ins .titles .title.active {
  font-weight: 900 !important;
  font-size: 18px !important;
  line-height: 100% !important;
  letter-spacing: 0.06em !important;
  color: #13223a !important;
  opacity: 1 !important;
}
.home .items-hp .ins .titles .btns {
  display: grid;
  grid-gap: 70px;
  position: relative;
}
.home .items-hp .ins .titles .btns:before {
  content: "";
  background: url("../img/disc.png") no-repeat;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home .items-hp .ins .titles .btns:after {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  content: "";
  width: 0;
  border-top: 1px solid #13223a;
  z-index: -1;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.home .items-hp .ins .titles .box-hover:after {
  width: 300px !important;
}
.home .items-hp .ins .titles .btns .btns-t {
  cursor: pointer;
}
.home .items-hp .ins .titles .btns .btns-b {
  cursor: pointer;
}
.home .items-hp .ins .items {
  height: 100%;
}
.home .items-hp .ins .items .item {
  display: flex;
  grid-gap: 15px;
  margin-top: -140px;
}
.home .items-hp .ins .items .item a {
  width: 100%;
}
.home .items-hp .ins .items .item .item-icon {
  border-radius: 24px;
  position: relative;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.home .items-hp .ins .items .item .item-icon:hover {
  transform: scaleY(1.2);
  transform-origin: bottom;
}
.home .items-hp .ins .items .item .item-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.home .items-hp .ins .items .item .item-icon:hover img {
  transform: translate(-50%, -50%) scaleY(0.8);
}
.home .items-hp .ins .items .item .item-icon:hover > img {
  visibility: visible;
  opacity: 1;
}
.home .items-hp .ins .button {
  display: flex;
  justify-content: flex-end;
}
.home .items-hp .hiding {
  display: none !important;
}
.home .cmp-hp {
  position: relative;
}
.home .cmp-hp .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
  display: none;
  z-index: 1;
}
.home .cmp-hp .ins {
  max-width: 1020px;
  padding: 175px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  z-index: 2;
}
.home .cmp-hp .ins .ins-r .ttl {
  padding-bottom: 40px;
}
.home .cmp-hp .ins .ins-r .ttl:after {
  max-width: 0;
  width: 0;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.home .cmp-hp .ins .ins-r .box-hover:after {
  width: 100% !important;
  max-width: 70px !important;
}
.home .cmp-hp .ins .ins-r .subttl {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-bottom: 40px;
}
.home .cmp-hp .ins .ins-r .subttl p {
  margin-bottom: 15px;
}
.home .cmp-hp .ins .ins-r .subttl p:last-child {
  margin: 0;
}
.home .syst-hp {
}
.home .syst-hp .ins {
  max-width: 1490px;
  margin: auto;
  padding: 100px 20px;
}
.home .syst-hp .ins .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home .syst-hp .ins .top .ttl:after {
  max-width: 0;
  width: 0;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.home .syst-hp .ins .top .box-hover:after {
  width: 100% !important;
  max-width: 70px !important;
}
.home .syst-hp .ins .bot {
  padding-top: 50px;
}
.home .syst-hp .ins .bot .items {
  display: grid;
  grid-gap: 15px;
}
.home .syst-hp .ins .bot .item {
}
.home .syst-hp .ins .bot .items .title {
  font-weight: 900;
  font-size: 25px;
  line-height: 120%;
  color: #ffffff;
}
.home .syst-hp .ins .bot .items .subtitle {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #ffffff;
}
.home .syst-hp .ins .bot .items .see-more a {
  font-weight: 800;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #ffffff;
  text-transform: uppercase;
}
.home .syst-hp .ins .bot .items .det {
  position: absolute;
  bottom: 15px;
  left: 25px;
  display: grid;
  grid-gap: 10px;
  padding: 0 20px 0 0;
}
.home .syst-hp .ins .bot .items .det .subtitle {
  display: none;
}
.home .syst-hp .ins .bot .items .det .see-more {
  display: none;
}
.home .syst-hp .ins .bot .items .item:hover > .det .subtitle {
  display: initial;
}
.home .syst-hp .ins .bot .items .item:hover > .det .see-more {
  display: initial;
}
.home .syst-hp .ins .bot .items .item .img {
  position: relative;
}
.home .syst-hp .ins .bot .items .item .img .img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e96350;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.home .syst-hp .ins .bot .items .item:hover > a .img .img-overlay {
  visibility: visible;
  opacity: 0.5;
}
.home .syst-hp .ins .bot .items .item-box-three-1 {
  display: flex;
  grid-gap: 15px;
}
.home .syst-hp .ins .bot .items .item-box-three-1 .item {
  position: relative;
}
.home .syst-hp .ins .bot .items .item-box-three-1 .item-big {
  width: 51%;
  border-radius: 24px 0px 0px 0px;
}
.home .syst-hp .ins .bot .items .item-box-three-1 .item-sm {
  width: 25%;
}
.home .syst-hp .ins .bot .items .item-box-two {
  display: flex;
  grid-gap: 15px;
}
.home .syst-hp .ins .bot .items .item-box-two .item {
  position: relative;
}
.home .syst-hp .ins .bot .items .item-box-two .item-big {
  width: 50%;
}
.home .syst-hp .ins .bot .items .item-box-three-2 {
  display: flex;
  grid-gap: 15px;
}
.home .syst-hp .ins .bot .items .item-box-three-2 .item {
  position: relative;
}
.home .syst-hp .ins .bot .items .item-box-three-2 .item-big {
  width: 51%;
}
.home .syst-hp .ins .bot .items .item-box-three-2 .item-sm {
  width: 25%;
}
.home .comp-hp {
  background: #13223a;
}
.home .comp-hp .ins {
  padding: 100px 0;
}
.home .comp-hp .ins .items {
  direction: rtl;
}
.home .comp-hp .ins .items .item img {
  margin: auto;
  filter: grayscale(100%);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.home .comp-hp .ins .items .item img:hover {
  filter: grayscale(0%);
}
.home .comp-hp .ins .items .slick-track {
  display: flex;
  align-items: center;
}
.home .comp-hp .ins .items .slick-slide {
  padding: 0 20px;
  cursor: pointer;
}
.home .app-hp {
}
.home .app-hp .ins {
  max-width: 1460px;
  padding: 80px 20px 50px 20px;
  margin: auto;
}
.home .app-hp .ins .top .ttl {
  padding-bottom: 10px;
}
.home .app-hp .ins .top .ttl:after {
  max-width: 0;
  width: 0;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.home .app-hp .ins .top .box-hover:after {
  width: 100% !important;
  max-width: 70px !important;
}
.home .app-hp .ins .items {
  padding-top: 25px;
}
.home .app-hp .ins .items .item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 160px;
  align-items: center;
}
.home .app-hp .ins .items .item .ins-l .popup-vd {
  position: relative;
}
.home .app-hp .ins .items .item .ins-l .popup-vd .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home .app-hp .ins .items .item .ins-l .popup-vd .img-responsive {
  border-radius: 24px;
}
.home .app-hp .ins .items .item .ins-r .title {
  padding-bottom: 15px;
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #13223a;
}
.home .app-hp .ins .items .item .ins-r .subttl {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-bottom: 50px;
}
.home .app-hp .ins .items .item .ins-r .det {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-bottom: 50px;
}
.home .app-hp .ins .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 20px;
  padding-top: 70px;
}
.home .app-hp .ins .btns .btns-l,
.home .app-hp .ins .btns .btns-r {
  cursor: pointer;
}
.home .app-hp .ins .btns .counter {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.home .grid-hp {
  background: #13223a;
}
.home .grid-hp .ins {
  padding: 105px 20px;
  max-width: 1380px;
  margin: auto;
}
.home .grid-hp .ins .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 30px;
}
.home .grid-hp .ins .items .item a {
  display: grid;
  grid-gap: 50px;
  justify-items: center;
}
.home .grid-hp .ins .items .item a .img {
  height: 55px;
}
.home .grid-hp .ins .items .item a .img img {
  max-height: 50px;
}
.home .grid-hp .ins .items .item a .det {
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
}
#page {
  overflow-x: hidden;
}
.home .fixed_pdf {
  top: 50%;
  right: 24px;
  background: white;
  position: fixed;
  width: 237px;
  padding: 13px;
  border-radius: 24px;
  transform: translateY(-50%);
  z-index: 99;
}
.home .fixed_pdf .item {
  width: 100%;
}
.home .fixed_pdf .item .img img {
  width: 100%;
  border-radius: 24px;
  padding: 15px;
  background: #f1f1f1;
}
.home .fixed_pdf .item .det {
  padding-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home .fixed_pdf .item .det .det-r {
  display: none;
}
.home .fixed_pdf .item .det .det-l .title {
  /* max-width: 150px; */
}
.home .fixed_pdf .item .det .ttl_mobile {
  display: none;
}
.home .fixed_pdf .item .det .det-l .title a {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
  text-transform: uppercase;
}
.home .fixed_pdf .item .det .det-l .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.home .fixed_pdf .item .det .det-r .btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.home .fixed_pdf .item .det .det-r .btns .button:hover > a .nothover {
  display: none !important;
}
.home .fixed_pdf .item .det .det-r .btns .button:hover > a .hover {
  display: initial !important;
}
.slider {
}
.slider .ins {
  max-width: 1459px;
  padding: 80px 20px 50px 20px;
  margin: auto;
}
.slider .ins .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 60px;
}
.slider .ins .top .ttl {
  padding-bottom: 10px;
}
.home .news-hp .ins .top .ttl:after {
  max-width: 0;
  width: 0;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.home .news-hp .ins .top .box-hover:after {
  width: 100% !important;
  max-width: 70px !important;
}
.slider .ins .items .item {
  display: grid;
  padding: 0 15px;
  border-right: 1px solid #c4c4c4;
  justify-items: center;
}
.slider .ins .items .item .img {
  padding-bottom: 20px;
}
.slider .ins .items .item .img img {
  border-radius: 24px;
  max-width: 300px;
  width: 100%;
}
.slider .ins .items .item .date {
  max-width: 290px;
  width: 100%;
  font-weight: 800;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #d13e29;
  padding-bottom: 10px;
}
.slider .ins .items .item .title {
  padding-bottom: 10px;
  max-width: 290px;
}
.slider .ins .items .item .title a {
  font-weight: 800;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #13223a;
}
.slider .ins .items .item .subtitle {
  max-width: 290px;
  font-weight: normal;
  font-size: 12px;
  line-height: 150%;
  color: #13223a;
  padding-bottom: 10px;
}
.slider .ins .items .item .button {
  width: 100%;
  max-width: 290px;
}
.slider .ins .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 20px;
  padding-top: 70px;
}
.slider .ins .btns .btns-l,
.slider .ins .btns .btns-r {
  cursor: pointer;
}
.slider .ins .btns .counter {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
}
footer {
  background: #13223a;
}
footer .top {
  padding: 80px 0 80px 0;
}
footer .top .ins {
  max-width: 1360px;
  margin: auto;
  padding: 0px 20px 0px 20px;
  display: flex;
  justify-content: space-between;
}
footer .top .ins .newsletter {
  padding-top: 70px;
  max-width: 300px;
  width: 100%;
}
footer .top .ins .newsletter .title {
  font-weight: 800;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 10px;
}
footer .top .ins .newsletter .subtitle {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #ee583e;
  padding-bottom: 15px;
}
footer .top .ins .newsletter .newsletter-frm {
  margin-top: 8px;
  position: relative;
}
footer .top .ins .newsletter .newsletter-frm input {
  width: 100%;
  background: transparent;
  height: 40px;
  letter-spacing: 0.045em;
  border: 1px solid #ee583e;
  padding-left: 16px;
  font-weight: bold;
  font-size: 14px;
  line-height: 140%;
  color: #e5e5e5;
  border-radius: 10px;
}
footer .top .ins .newsletter .newsletter-frm input::placeholder {
  font-weight: bold;
  font-size: 14px;
  line-height: 140%;
  color: #e5e5e5;
}
footer .top .ins .newsletter .newsletter-frm input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-weight: bold;
  font-size: 14px;
  line-height: 140%;
  color: #e5e5e5;
}
footer .top .ins .newsletter .newsletter-frm input::-ms-input-placeholder {
  /* Microsoft Edge */
  font-weight: bold;
  font-size: 14px;
  line-height: 140%;
  color: #e5e5e5;
}
footer .top .ins .newsletter .newsletter-frm button {
  border: 0;
  background: transparent;
  position: absolute;
  bottom: 10px;
  right: 0px;
  width: 40px;
}
footer .top .ins .newsletter .newsletter-chk {
  margin-top: 7px;
  position: relative;
  text-align: center;
  display: flex;
  grid-gap: 10px;
  align-items: center;
}
footer .top .ins .newsletter .newsletter-chk > div {
}
footer .top .ins .newsletter .newsletter-chk a {
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  color: #ee583e;
}
footer .top .ins .newsletter .newsletter-chk a span {
  text-decoration: underline;
}
footer .top .ins .mn {
}
footer .top .ins .mn .smpl_txt {
  color: #ee583e;
  font-size: 12px;
  margin-top: 10px;
}
footer .top .ins .mn ul {
  display: flex;
  grid-gap: 80px;
}
footer .top .ins .mn ul li {
  padding: 0 0 12px 0;
  max-width: 160px;
}
footer .top .ins .mn ul li ul {
  display: block !important;
  text-align: initial !important;
  padding-top: 32px;
}
footer .top .ins .mn ul li ul li a {
  font-weight: 500;
  font-size: 12px;
  line-height: 125%;
  letter-spacing: 0.06em;
  color: #ee583e;
}
footer .top .ins .mn ul li ul li a:hover {
  color: #ee583e;
}
footer .top .ins .mn ul li ul li p {
  font-weight: 500;
  font-size: 12px;
  line-height: 125%;
  letter-spacing: 0.06em;
  color: #ee583e;
}
footer .top .ins .mn ul li ul li table tr:first-child {
  vertical-align: top;
  width: 30px;
}
footer .top .ins .mn ul li ul li img {
  padding-right: 12px;
}
footer .top .ins .mn ul li a {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #f4ebe4;
}
footer .top .ins .mn ul li a:hover {
  color: #ee583e;
}
footer .top .ins .mn ul .foot-ttl {
  font-weight: 800;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
footer .top .ins .mn .follow-inside {
  padding-top: 15px;
  text-transform: uppercase;
}
footer .top .ins .to-top {
  font-weight: 800;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: baseline;
  flex-direction: column;
  text-transform: uppercase;
}
footer .top .ins .to-top img {
  margin: 0 auto;
  padding-bottom: 10px;
}
footer .shops a {
  color: #ee583e !important;
}
footer .bot {
  padding: 15px 0 15px 0;
  border-top: 1px solid #ee583e;
  position: relative;
}
footer .bot .main-content-ins {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  font-weight: normal;
  font-size: 14px;
  line-height: 157.4%;
  color: #ffffff;
  max-width: 1560px !important;
  margin: auto;
}
footer .bot ul {
  display: flex;
  grid-gap: 60px;
  align-items: center;
  justify-content: center;
}
footer .bot ul li {
  text-align: center;
}
footer .bot a {
  font-weight: 300;
  font-size: 14px;
  line-height: 157.4%;
  color: #ffffff;
}
footer .bot .main-content-ins div:last-child {
  text-align: end;
}
footer .bot .fa-heart {
  color: #ee583e;
}
.inside .comp {
  position: relative;
}
.inside .comp .top {
  position: relative;
}
.inside .comp .top .row-left {
  z-index: 3;
}
.inside .comp .top .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    #13223a -3.44%,
    rgba(19, 34, 58, 0.1) 9.34%,
    rgba(19, 34, 58, 0) 15.88%
  );
  z-index: 1;
}
.inside .comp .top .items {
  max-width: 1460px;
  padding: 170px 20px 140px 20px;
  margin: auto;
  position: relative;
  z-index: 2;
}
.inside .comp .top .items .brd {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 40px;
}
.inside .comp .top .items .ins {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.inside .comp .top .items .ins .ins-r .ttl {
  padding-bottom: 40px;
}
.inside .comp .top .items .ins .ins-r .subttl {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .comp .top .items .ins .ins-r .subttl p {
  margin-bottom: 15px;
}
.inside .comp .top .items .ins .ins-r .subttl p:last-child {
  margin: 0;
}
.inside .comp .comp-sl {
  background: #13223a;
}
.inside .comp .comp-sl .ins {
  padding: 100px 0;
}
.inside .comp .comp-sl .ins .items {
  direction: rtl;
}
.inside .comp .comp-sl .ins .items .item img {
  margin: auto;
  filter: grayscale(100%);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.inside .comp .comp-sl .ins .items .item img:hover {
  filter: grayscale(0%);
}
.inside .comp .comp-sl .ins .items .slick-track {
  display: flex;
  align-items: center;
}
.inside .comp .comp-sl .ins .items .slick-slide {
  padding: 0 20px;
  cursor: pointer;
}
.inside .comp .bot {
  background: linear-gradient(
    40.33deg,
    #f1f1f1 38.58%,
    rgba(241, 241, 241, 0) 105.36%
  );
}
.inside .comp .bot .ins {
  max-width: 1290px;
  margin: auto;
  padding: 120px 20px 40px 20px;
}
.inside .comp .bot .ins .ttl {
  text-align: center;
  padding-bottom: 50px;
}
.inside .comp .bot .ins .ttl::after {
  display: none;
}
.inside .comp .bot .ins .map {
  padding-bottom: 50px;
}
.inside .comp .bot .ins .countries {
  display: flex;
  flex-flow: column wrap;
  max-height: 645px;
  grid-gap: 5px 160px;
  flex-wrap: wrap;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.1em;
  color: #13223a;
  padding-bottom: 55px;
}
.inside .comp .bot .ins .descr {
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  line-height: 270%;
  letter-spacing: 0.1em;
  color: #13223a;
}
.inside .comp .exp {
  background: #d13e29;
}
.inside .comp .exp .ins {
  text-align: center;
  padding: 70px 20px;
  font-weight: 900;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0.205em;
  text-transform: uppercase;
  color: #ffffff;
}
.inside .prod {
  position: relative;
}
.inside .prod .top {
}
.inside .prod .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .prod .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .prod .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .prod .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .prod .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .prod .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .prod .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .prod .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .prod .bot {
}
.inside .prod .bot .ins {
  max-width: 1460px;
  padding: 80px 20px 80px 20px;
  margin: auto;
}
.inside .prod .bot .ins .bot-t {
  display: grid;
  grid-template-columns: 0.25fr 1fr 0.25fr;
  align-items: center;
}
.inside .prod .bot .ins .bot-t .cats {
  display: flex;
  grid-gap: 0 35px;
  flex-wrap: wrap;
  justify-content: center;
}
.inside .prod .bot .ins .bot-t .cats .cat a {
  font-weight: 500;
  font-size: 12px;
  line-height: 370%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #767676;
}
.inside .prod .bot .ins .bot-t .cats .cat a.active {
  color: #13223a;
  font-weight: 900;
}
.inside .prod .bot .ins .bot-t .view {
  display: flex;
  justify-content: flex-end;
}
.inside .prod .bot .ins .bot-t .view-per {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #13223a;
}
.inside .prod .bot .ins .bot-t .view-per i {
  padding-left: 5px;
}
.inside .prod .bot .ins .bot-t .view-per button {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .prod .bot .ins .bot-t .view-per button span {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  color: black;
}
.inside .prod .bot .ins .bot-t .view-per button span:before {
  font-size: 20px;
  color: black;
}
.inside .prod .bot .ins .bot-t .view-per .dropdown-menu {
  padding: 0;
  min-width: 40px;
  border: 1px solid #d13e29;
  filter: drop-shadow(0px 4px 57px rgba(0, 0, 0, 0.25));
  border-radius: 15px;
  background: transparent;
  right: -4px;
}
.inside .prod .bot .ins .bot-t .view-per .dropdown-menu li {
  text-align: center;
  background: transparent;
}
.inside .prod .bot .ins .bot-t .view-per .dropdown-menu li:last-child {
  border-bottom: 0;
}
.inside .prod .bot .ins .bot-t .view-per .dropdown-menu li a {
  padding: 5px 10px;
  background: transparent;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .prod .bot .ins .bot-t .view-per .dropdown-menu li a:hover,
.inside .prod .bot .ins .bot-t .view-per .dropdown-menu li a.active {
  font-weight: 800;
}
.inside .prod .bot .ins .bot-b {
  padding-top: 80px;
}
.inside .prod .bot .ins .bot-b .items {
  display: grid;
  grid-gap: 80px;
}
.inside .prod .bot .ins .bot-b .items .items-page {
  display: grid;
  grid-gap: 80px;
}
.inside .prod .bot .ins .bot-b .items.items-grid-two .items-page {
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  max-width: 1140px;
  margin: auto;
}
.inside .prod .bot .ins .bot-b .items.items-grid-four .items-page {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
}
.inside .prod .bot .ins .bot-b .items .item {
  width: 100%;
}
.inside .prod .bot .ins .bot-b .items .item .img img {
  width: 100%;
  border-radius: 24px;
  margin: auto;
}
.inside .prod .bot .ins .bot-b .items .item .det {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inside .prod .bot .ins .bot-b .items.items-grid-two .item .det {
  max-width: 530px;
}
.inside .prod .bot .ins .bot-b .items.items-grid-four .item .det {
  max-width: 300px;
}
.inside .prod .bot .ins .bot-b .items .item .det .det-l .title {
  padding-bottom: 5px;
}
.inside .prod .bot .ins .bot-b .items .item .det .det-l .title a {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .prod .bot .ins .bot-b .items .item .det .det-l .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .prod .bot .ins .bot-b .items .item .det .det-r .btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.inside
  .prod
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .nothover {
  display: none !important;
}
.inside
  .prod
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .hover {
  display: initial !important;
}
.inside .prod .bot .ins .bot-b .items .item .det .det-r .btns .button a {
  display: block;
  padding: 10px;
  border: 1px solid #13223a;
  box-sizing: border-box;
  border-radius: 5px;
}
.inside .prod .bot .ins .bot-b .items .item .det .det-r .btns .button a:hover {
  background: #d13e29;
  border-radius: 5px;
  border: 1px solid #d13e29;
}
.inside .prod .hiding {
  display: none !important;
}
.inside .prod .showing {
  display: grid !important;
}
.inside .prod .load-more {
  display: flex;
  justify-content: center;
  margin: 80px auto 0 auto;
  max-width: 300px;
  filter: drop-shadow(0px 4px 57px rgba(0, 0, 0, 0.25));
  border-radius: 24px;
  border: 1px solid #d13e29;
}
.inside .prod .load-more a {
  font-weight: 900;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.2em;
  color: #13223a;
  text-transform: uppercase;
  padding: 20px;
  width: 100%;
  text-align: center;
}
.inside .prodins {
  position: relative;
}
.inside .prodins .top {
}
.inside .prodins .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .prodins .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .prodins .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .prodins .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .prodins .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .prodins .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .prodins .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .prodins .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .prodins .bot {
}
.inside .prodins .bot .ins {
  max-width: 1460px;
  padding: 80px 20px 60px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 80px;
  align-items: center;
}
.inside .prodins .bot .ins .bot-l img {
  border-radius: 24px;
}
.inside .prodins .bot .ins .bot-r .title {
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #13223a;
  padding-bottom: 10px;
}
.inside .prodins .bot .ins .bot-r .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .prodins .bot .ins .bot-r .details {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-top: 25px;
}
.inside .prodins .bot .ins .bot-r .details p {
  margin-bottom: 15px;
}
.inside .prodins .bot .ins .bot-r .details p:last-child {
  margin-bottom: 0;
}
.inside .prodins .bot .ins .bot-r .btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  padding-top: 70px;
}
.inside .prodins .bot .ins .bot-r .btns .button:hover > a .nothover {
  display: none !important;
}
.inside .prodins .bot .ins .bot-r .btns .button:hover > a .hover {
  display: initial !important;
}
.inside .prodins .prodins-sl {
  background: linear-gradient(
    40.33deg,
    #f1f1f1 38.58%,
    rgba(241, 241, 241, 0) 105.36%
  );
}
.inside .prodins .prodins-sl .item .img img {
  width: 100%;
  border-radius: 24px;
}
.inside .prodins .prodins-sl .item .det {
  grid-gap: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inside .prodins .prodins-sl .item .det .det-l .title {
  padding-bottom: 5px;
}
.inside .prodins .prodins-sl .item .det .det-l .title a {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .prodins .prodins-sl .item .det .det-l .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .prodins .prodins-sl .item .det .det-r .btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  padding-top: 0;
}
.inside
  .prodins
  .prodins-sl
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .nothover {
  display: none !important;
}
.inside .prodins .prodins-sl .item .det .det-r .btns .button:hover > a .hover {
  display: initial !important;
}
.inside .syst {
  position: relative;
}
.inside .syst .top {
}
.inside .syst .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .syst .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .syst .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .syst .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .syst .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .syst .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .syst .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .syst .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .syst .bot {
}
.inside .syst .bot .ins {
  max-width: 1460px;
  padding: 80px 20px 80px 20px;
  margin: auto;
}
.inside .syst .bot .ins .bot-t {
  display: grid;
  grid-template-columns: 0.25fr 1fr 0.25fr;
  align-items: center;
}
.inside .syst .bot .ins .bot-t .cats {
  display: flex;
  grid-gap: 0 35px;
  flex-wrap: wrap;
  justify-content: center;
}
.inside .syst .bot .ins .bot-t .cats .cat a {
  font-weight: 500;
  font-size: 12px;
  line-height: 370%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #767676;
}
.inside .court {
  background: linear-gradient(
    40.33deg,
    #f1f1f1 38.58%,
    rgba(241, 241, 241, 0) 105.36%
  );
}
.inside .court .ins {
  max-width: 1460px;
  margin: auto;
  padding: 100px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inside .court .ins .title {
  font-weight: 900;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #152d51;
}
.inside .court .ins .ins-l .options {
  padding-top: 15px;
}
.inside .court .ins .ins-l .options .select-court {
  border: 1px solid #d13e29;
  box-sizing: border-box;
  filter: drop-shadow(0px 4px 57px rgba(0, 0, 0, 0.25));
  border-radius: 24px;
  background: transparent;
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding: 5px 65px;
}
.inside .court .ins .ins-l .image {
  padding-top: 40px;
}
.inside .court .ins .ins-l .image img {
  max-width: 810px;
  margin: auto;
  width: 100%;
}
.inside .court .ins .ins-r .title {
  padding-bottom: 30px;
}
.inside .court .ins .ins-r .colors {
  display: grid;
  grid-gap: 30px;
}
.inside .court .ins .ins-r .colors .color .color-ttl {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-bottom: 15px;
}
.inside .court .ins .ins-r .colors .inside ul {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  max-width: 300px;
  flex-wrap: wrap;
}
.inside .court .ins .ins-r .colors .inside ul li {
  width: 40px;
  height: 40px;
  background: #d13e29;
  border-radius: 10px;
}
.inside .court .ins .ins-r .colors .inside ul li.active {
  border: 3px solid #13223a;
  border-radius: 10px;
}
.inside .making-of {
}
.inside .making-of .ins {
  max-width: 1460px;
  padding: 80px 20px 50px 20px;
  margin: auto;
}
.inside .making-of .ins .top .ttl {
  padding-bottom: 10px;
}
.inside .making-of .ins .items .item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 160px;
  align-items: center;
}
.inside .making-of .ins .items .item .ins-l .popup-vd {
  position: relative;
}
.inside .making-of .ins .items .item .ins-l .popup-vd .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inside .making-of .ins .items .item .ins-r .title {
  padding-bottom: 15px;
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #13223a;
}
.inside .making-of .ins .items .item .ins-r .subttl {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-bottom: 50px;
}
.inside .making-of .ins .items .item .ins-r .subttl p {
  margin-bottom: 15px;
}
.inside .making-of .ins .items .item .ins-r .subttl p:last-child {
  margin-bottom: 0;
}
.inside .making-of .ins .items .item .ins-r .det {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .making-of .ins .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 20px;
  padding-top: 70px;
}
.inside .making-of .ins .btns .btns-l,
.inside .making-of .ins .btns .btns-r {
  cursor: pointer;
}
.inside .making-of .ins .btns .counter {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .systins {
  position: relative;
}
.inside .systins .top {
}
.inside .systins .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  grid-gap: 50px;
}
.inside .systins .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .systins .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .systins .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .systins .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .systins .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .systins .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .systins .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .systins .bot {
}
.inside .systins .bot .ins {
  max-width: 1460px;
  padding: 80px 20px 60px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 80px;
  align-items: center;
}
.inside .systins .bot .ins .bot-l .image {
  position: relative;
}
.inside .systins .bot .ins .bot-l .image .img-responsive {
  border-radius: 24px;
  width: 100%;
}
.inside .systins .bot .ins .bot-l .image .buttons-overlay {
  position: absolute;
  bottom: 25px;
  right: 30px;
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.inside .systins .bot .ins .bot-l .image .buttons-overlay .button-overlay {
  display: grid;
  justify-items: end;
}
.inside .systins .bot .ins .bot-r .title {
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #13223a;
}
.inside .systins .bot .ins .bot-r .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .systins .bot .ins .bot-r .details {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a; /*padding-top: 25px;*/
  padding: 50px 0;
}
.inside .systins .bot .ins .bot-r .details p {
  margin-bottom: 15px;
}
.inside .systins .bot .ins .bot-r .details p:last-child {
  margin-bottom: 0;
}
.inside .systins .bot .ins .bot-r .btns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
}
.inside .systins .bot .ins .bot-r .btns .button {
  display: grid;
  justify-items: center;
  text-align: center;
}
.inside .systins .bot .ins .bot-r .btns .button a {
  display: grid;
  justify-items: center;
  text-align: center;
  grid-gap: 5px;
}
.inside .systins .bot .ins .bot-r .btns .button span {
  font-weight: 500;
  font-size: 10px;
  line-height: 106.5%;
  text-align: center;
  letter-spacing: 0.025em;
  color: #767676;
  text-transform: initial;
}
.inside .systins .bot .ins .bot-r .btns .button a span {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.inside .systins .bot .ins .bot-r .btns .button a img {
  padding: 10px;
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.inside .systins .bot .ins .bot-r .btns .button a:hover > img {
  border: 1px solid #13223a;
}
.inside .systins .bot .ins .bot-r .btns .button a:hover > span {
  color: #13223a;
}
.inside .systins .midimage {
}
.inside .systins .midimage .midimage-ins {
  max-width: 1460px;
  padding: 100px 20px;
  margin: auto;
}
.inside .systins .midimage .midimage-ins img {
  margin: auto;
}
.inside .systins .technical-table {
}
.inside .systins .technical-table .ins {
  max-width: 1460px;
  padding: 0px 20px 100px 20px;
  margin: auto;
}
.inside .systins .technical-table .ins .table-item.first-item {
  background: #13223a !important;
}
.inside .systins .technical-table .ins .table-item:nth-child(2n) {
  background: #fcfcfc;
}
.inside .systins .technical-table .ins .table-item:nth-child(2n + 1) {
  background: #f1f1f1;
}
.inside .systins .technical-table .ins .table-item .inside {
  max-width: 800px;
  margin: auto;
  padding: 0 20px;
}
.inside .systins .technical-table .ins .table-item .inside .items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 200px;
}
.inside .systins .technical-table .ins .table-item.first-item .item {
  font-weight: 800;
  font-size: 16px;
  line-height: 100%;
  text-transform: uppercase;
  color: #fcfcfc;
}
.inside .systins .technical-table .ins .table-item .item {
  font-weight: normal;
  font-size: 12px;
  line-height: 100%;
  color: #152d51;
  padding: 20px 0;
}
.inside .systins .prodins-sl {
  background: linear-gradient(
    40.33deg,
    #f1f1f1 38.58%,
    rgba(241, 241, 241, 0) 105.36%
  );
}
.inside .systins .prodins-sl .item .img img {
  width: 100%;
  border-radius: 24px;
}
.inside .systins .prodins-sl .item .det {
  grid-gap: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inside .systins .prodins-sl .item .det .det-l .title {
  padding-bottom: 5px;
}
.inside .systins .prodins-sl .item .det .det-l .title a {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .systins .prodins-sl .item .det .det-l .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .systins .prodins-sl .item .det .det-r .btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  padding-top: 0;
}
.inside
  .systins
  .prodins-sl
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .nothover {
  display: none !important;
}
.inside .systins .prodins-sl .item .det .det-r .btns .button:hover > a .hover {
  display: initial !important;
}
.inside .systins .descr {
}
.inside .systins .descr .ins {
  max-width: 1460px;
  padding: 0px 20px 100px 20px;
  margin: auto;
}
.inside .systins .descr .ins .title {
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #13223a;
  padding-bottom: 30px;
}
.inside .systins .descr .ins .det {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .systins .descr .ins .det p {
  margin-bottom: 15px;
}
.inside .systins .descr .ins .det p:last-child {
  margin-bottom: 0;
}
.inside .systins .addthis-button {
  display: none;
  padding-top: 20px;
}
.inside .systprod {
  position: relative;
}
.inside .systprod .top {
}
.inside .systprod .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .systprod .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .systprod .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .systprod .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .systprod .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .systprod .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .systprod .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .systprod .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .systprod .bot {
}
.inside .systprod .bot .ins {
  max-width: 1460px;
  padding: 80px 20px 80px 20px;
  margin: auto;
}
.inside .systprod .bot .ins .bot-t {
  display: grid;
  grid-template-columns: 0.25fr 1fr 0.25fr;
  align-items: center;
}
.inside .systprod .bot .ins .bot-t .cats {
  display: flex;
  grid-gap: 0 35px;
  flex-wrap: wrap;
  justify-content: center;
}
.inside .systprod .bot .ins .bot-t .cats .cat a {
  font-weight: 500;
  font-size: 12px;
  line-height: 370%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #767676;
}
.inside .systprod .bot .ins .bot-t .cats .cat a.active {
  color: #13223a;
  font-weight: 900;
}
.inside .systprod .bot .ins .bot-t .view {
  display: flex;
  justify-content: flex-end;
}
.inside .systprod .bot .ins .bot-t .view-per {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #13223a;
}
.inside .systprod .bot .ins .bot-t .view-per i {
  padding-left: 5px;
}
.inside .systprod .bot .ins .bot-t .view-per button {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .systprod .bot .ins .bot-t .view-per button span {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  color: black;
}
.inside .systprod .bot .ins .bot-t .view-per button span:before {
  font-size: 20px;
  color: black;
}
.inside .systprod .bot .ins .bot-t .view-per .dropdown-menu {
  padding: 0;
  min-width: 40px;
  border: 1px solid #d13e29;
  filter: drop-shadow(0px 4px 57px rgba(0, 0, 0, 0.25));
  border-radius: 15px;
  background: transparent;
  right: -4px;
}
.inside .systprod .bot .ins .bot-t .view-per .dropdown-menu li {
  text-align: center;
  background: transparent;
}
.inside .systprod .bot .ins .bot-t .view-per .dropdown-menu li:last-child {
  border-bottom: 0;
}
.inside .systprod .bot .ins .bot-t .view-per .dropdown-menu li a {
  padding: 5px 10px;
  background: transparent;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .systprod .bot .ins .bot-t .view-per .dropdown-menu li a:hover,
.inside .systprod .bot .ins .bot-t .view-per .dropdown-menu li a.active {
  font-weight: 800;
}
.inside .systprod .bot .ins .bot-b {
  padding-top: 80px;
}
.inside .systprod .bot .ins .bot-b .items {
  display: grid;
  grid-gap: 80px 120px;
}
.inside .systprod .bot .ins .bot-b .items.items-grid-two {
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  max-width: 1140px;
  margin: auto;
}
.inside .systprod .bot .ins .bot-b .items.items-grid-four {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
}
.inside .systprod .bot .ins .bot-b .items .item {
  width: 100%;
}
.inside .systprod .bot .ins .bot-b .items .item .img img {
  width: 100%;
  border-radius: 24px;
}
.inside .systprod .bot .ins .bot-b .items .item .det {
  padding-top: 20px;
  align-items: center;
  display: grid;
}
.inside .systprod .bot .ins .bot-b .items .item .det .det-l .title {
  padding-bottom: 5px;
}
.inside .systprod .bot .ins .bot-b .items .item .det .det-l .title a {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .systprod .bot .ins .bot-b .items .item .det .det-l .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .systprod .bot .ins .bot-b .items .item .det .det-r .btns {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
  justify-content: space-between;
}
.inside .systprod .bot .ins .bot-b .items .item .det .det-r .btns .button {
  width: 13%;
}
.inside .systprod .bot .ins .bot-b .items-grid-four .item .det .det-r .btns {
  grid-gap: 15px 0;
}
.inside
  .systprod
  .bot
  .ins
  .bot-b
  .items-grid-four
  .item
  .det
  .det-r
  .btns
  .button {
  width: 30%;
}
.inside
  .systprod
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .nothover {
  display: none !important;
}
.inside
  .systprod
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .hover {
  display: initial !important;
}
.inside .systprod .bot .ins .bot-b .items .item .det .det-r .btns .button a {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
}
.inside
  .systprod
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button
  a
  span {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.inside
  .systprod
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button
  a
  img {
  padding: 10px;
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.inside
  .systprod
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button
  a:hover
  > img {
  border: 1px solid #13223a;
}
.inside
  .systprod
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button
  a:hover
  > span {
  color: #13223a;
}
.inside .systprod .bot .ins .bot-b .items .item .det .det-r .btns span {
  font-weight: 500;
  font-size: 10px;
  line-height: 106.5%;
  text-align: center;
  letter-spacing: 0.025em;
  color: #767676;
  text-transform: initial;
}
.inside .systprod .addthis-button {
  display: none;
  padding-top: 20px;
}
.inside .cert {
  position: relative;
}
.inside .cert .top {
  position: relative;
}
.inside .cert .top .row-left {
  z-index: 3;
}
.inside .cert .top .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    #13223a -3.44%,
    rgba(19, 34, 58, 0.1) 9.34%,
    rgba(19, 34, 58, 0) 15.88%
  );
  z-index: 1;
}
.inside .cert .top .items {
  max-width: 1460px;
  padding: 200px 20px 320px 20px;
  margin: auto;
  position: relative;
  z-index: 2;
}
.inside .cert .top .items .brd {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 40px;
}
.inside .cert .top .items .ins {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.inside .cert .top .items .ins .ins-r .ttl {
  padding-bottom: 40px;
}
.inside .cert .top .items .ins .ins-r .subttl {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .cert .top .items .ins .ins-r .subttl p {
  margin-bottom: 15px;
}
.inside .cert .top .items .ins .ins-r .subttl p:last-child {
  margin: 0;
}
.inside .cert .comp-sl {
  background: #13223a;
}
.inside .cert .comp-sl .ins {
  padding: 100px 0;
}
.inside .cert .comp-sl .ins .items {
  direction: rtl;
}
.inside .cert .comp-sl .ins .items .item img {
  margin: auto;
  filter: grayscale(100%);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.inside .cert .comp-sl .ins .items .item img:hover {
  filter: grayscale(0%);
}
.inside .cert .comp-sl .ins .items .slick-track {
  display: flex;
  align-items: center;
}
.inside .cert .comp-sl .ins .items .slick-slide {
  padding: 0 20px;
  cursor: pointer;
}
.inside .cert .bot {
}
.inside .cert .bot .items-table {
  padding: 80px 0;
}
.inside .cert .bot .items-table .tbl-ttl-items {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0 20px 40px 20px;
  grid-gap: 20px;
}
.inside .cert .bot .items-table .tbl-ttl-items .title {
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #13223a;
}
.inside .cert .bot .items-table .tbl-items .item .item-ins {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 10px 20px;
  align-items: center;
  grid-gap: 20px;
}
.inside .cert .bot .items-table .tbl-items .item .item-ins .item-row {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .cert .bot .items-table .tbl-items .item .item-ins .item-row a {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  text-decoration-line: underline;
  color: #0242a3;
}
.inside .cert .bot .items-table .tbl-items .item:nth-child(2n) {
  background: #ffffff;
}
.inside .cert .bot .items-table .tbl-items .item:nth-child(2n + 1) {
  background: #f1f1f1;
}
.inside .certsins {
  position: relative;
}
.inside .certsins .top {
}
.inside .certsins .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.inside .certsins .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .certsins .bot {
}
.inside .certsins .bot .ins {
  max-width: 1460px;
  padding: 115px 20px 80px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 0.1fr 1fr;
  grid-gap: 60px;
}
.inside .certsins .bot .ins .bot-l .items {
  display: grid;
  grid-gap: 65px;
}
.inside .certsins .bot .ins .bot-l .items .item {
  margin: auto;
  filter: grayscale(100%);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.inside .certsins .bot .ins .bot-l .items .item:hover {
  filter: grayscale(0%);
}
.inside .certsins .bot .ins .bot-l .items .item img {
  margin: auto;
}
.inside .certsins .bot .ins .bot-l .items .item:first-child {
  filter: grayscale(0%);
}
.inside .certsins .bot .items-table {
}
.inside .certsins .bot .items-table .tbl-ttl-items {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 20px 40px 20px;
  grid-gap: 20px;
  text-align: center;
}
.inside .certsins .bot .items-table .tbl-ttl-items .title {
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #13223a;
}
.inside .certsins .bot .items-table .tbl-items .item .item-ins {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  padding: 10px 20px;
  align-items: center;
  grid-gap: 20px;
  text-align: center;
}
.inside .certsins .bot .items-table .tbl-items .item .item-ins .item-row {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .certsins .bot .items-table .tbl-items .item .item-ins .item-row a {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  text-decoration-line: underline;
  color: #0242a3;
}
.inside .certsins .bot .items-table .tbl-items .item:nth-child(2n) {
  background: #ffffff;
}
.inside .certsins .bot .items-table .tbl-items .item:nth-child(2n + 1) {
  background: #f1f1f1;
}
.inside .videos {
  position: relative;
}
.inside .videos .top {
}
.inside .videos .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .videos .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .videos .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .videos .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .videos .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .videos .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .videos .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .videos .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .videos .bot {
}
.inside .videos .bot .ins {
}
.inside .videos .bot .ins .bot-t {
  display: grid;
  grid-template-columns: 0.25fr 1fr 0.25fr;
  align-items: center;
  padding-top: 80px;
}
.inside .videos .bot .ins .bot-t .cats {
  display: flex;
  grid-gap: 0 35px;
  flex-wrap: wrap;
  justify-content: center;
}
.inside .videos .bot .ins .bot-t .cats .cat a {
  font-weight: 500;
  font-size: 12px;
  line-height: 370%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #767676;
}
.inside .videos .bot .ins .bot-t .cats .cat a.active {
  color: #13223a;
  font-weight: 900;
}
.inside .videos .bot .ins .bot-b {
}
.inside .videos .bot .ins .bot-b .items {
  padding: 80px 20px;
}
.inside .videos .bot .ins .bot-b .items .item.item-wh {
  background: #ffffff;
}
.inside .videos .bot .ins .bot-b .items .item.item-grey {
  background: linear-gradient(
    40.33deg,
    #f1f1f1 38.58%,
    rgba(241, 241, 241, 0) 105.36%
  );
}
.inside .videos .bot .ins .bot-b .items .item .inside {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 160px;
  align-items: center;
  grid-template-areas: "details image";
  max-width: 1500px;
  padding: 80px 20px;
  margin: auto;
}
.inside .videos .bot .ins .bot-b .items .item .ins-l {
  grid-area: image;
}
.inside .videos .bot .ins .bot-b .items .item .ins-l .popup-vd {
  position: relative;
}
.inside .videos .bot .ins .bot-b .items .item .ins-l .popup-vd .img-responsive {
  border-radius: 24px;
  width: 100%;
  max-width: 473px;
}
.inside .videos .bot .ins .bot-b .items .item .ins-l .popup-vd .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inside .videos .bot .ins .bot-b .items .item .ins-r .title {
  padding-bottom: 25px;
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #13223a;
}
.inside .videos .bot .ins .bot-b .items .item .ins-r .subttl {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-bottom: 40px;
}
.inside .videos .bot .ins .bot-b .items .item .ins-r .det {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-bottom: 50px;
}
.inside .vidins {
  position: relative;
}
.inside .vidins .top {
}
.inside .vidins .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .vidins .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .vidins .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .vidins .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .vidins .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .vidins .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .vidins .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .vidins .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .vidins .bot {
}
.inside .vidins .bot .ins {
  max-width: 1460px;
  padding: 80px 20px 60px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 80px;
  align-items: center;
}
.inside .vidins .bot .ins .bot-l .popup-vd {
  position: relative;
}
.inside .vidins .bot .ins .bot-l .popup-vd .img-responsive {
  border-radius: 24px;
}
.inside .vidins .bot .ins .bot-l .popup-vd .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inside .vidins .bot .ins .bot-r .title {
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #13223a;
  padding-bottom: 10px;
}
.inside .vidins .bot .ins .bot-r .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .vidins .bot .ins .bot-r .details {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-top: 25px;
}
.inside .vidins .bot .ins .bot-r .details p {
  margin-bottom: 15px;
}
.inside .vidins .bot .ins .bot-r .details p:last-child {
  margin-bottom: 0;
}
.inside .vidins .bot .ins .bot-r .btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  padding-top: 70px;
}
.inside .vidins .bot .ins .bot-r .btns .button:hover > a .nothover {
  display: none !important;
}
.inside .vidins .bot .ins .bot-r .btns .button:hover > a .hover {
  display: initial !important;
}
.inside .vidins .prodins-sl {
  background: linear-gradient(
    40.33deg,
    #f1f1f1 38.58%,
    rgba(241, 241, 241, 0) 105.36%
  );
}
.inside .vidins .prodins-sl .item .img img {
  width: 100%;
  border-radius: 24px;
}
.inside .vidins .prodins-sl .item .det {
  grid-gap: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inside .vidins .prodins-sl .item .det .det-l .title {
  padding-bottom: 5px;
}
.inside .vidins .prodins-sl .item .det .det-l .title a {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .vidins .prodins-sl .item .det .det-l .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .vidins .prodins-sl .item .det .det-r .btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  padding-top: 0;
}
.inside
  .vidins
  .prodins-sl
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .nothover {
  display: none !important;
}
.inside .vidins .prodins-sl .item .det .det-r .btns .button:hover > a .hover {
  display: initial !important;
}
.inside .vidins .addthis-button {
  display: none;
  padding-top: 20px;
}
.inside .extras {
  position: relative;
}
.inside .extras .top {
}
.inside .extras .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .extras .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .extras .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .extras .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .extras .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .extras .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .extras .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .extras .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .extras .bot {
}
.inside .extras .bot .ins {
  max-width: 1460px;
  padding: 115px 20px 80px 20px;
  margin: auto;
}
.inside .extras .bot .ins .bot-t {
  display: grid;
  grid-template-columns: 0.25fr 1fr 0.25fr;
  align-items: center;
}
.inside .extras .bot .ins .bot-t .cats {
  display: flex;
  grid-gap: 0 35px;
  flex-wrap: wrap;
  justify-content: center;
}
.inside .extras .bot .ins .bot-t .cats .cat a {
  font-weight: 500;
  font-size: 12px;
  line-height: 370%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #c4c4c4;
}
.inside .extras .bot .ins .bot-t .cats .cat a.active {
  color: #13223a;
  font-weight: 900;
}
.inside .extras .bot .ins .bot-t .view {
  display: flex;
  justify-content: flex-end;
}
.inside .extras .bot .ins .bot-t .view-per {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #13223a;
}
.inside .extras .bot .ins .bot-t .view-per i {
  padding-left: 5px;
}
.inside .extras .bot .ins .bot-t .view-per button {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .extras .bot .ins .bot-t .view-per button span {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  color: black;
}
.inside .extras .bot .ins .bot-t .view-per button span:before {
  font-size: 20px;
  color: black;
}
.inside .extras .bot .ins .bot-t .view-per .dropdown-menu {
  padding: 0;
  min-width: 40px;
  border: 1px solid #d13e29;
  filter: drop-shadow(0px 4px 57px rgba(0, 0, 0, 0.25));
  border-radius: 15px;
  background: transparent;
  right: -4px;
}
.inside .extras .bot .ins .bot-t .view-per .dropdown-menu li {
  text-align: center;
  background: transparent;
}
.inside .extras .bot .ins .bot-t .view-per .dropdown-menu li:last-child {
  border-bottom: 0;
}
.inside .extras .bot .ins .bot-t .view-per .dropdown-menu li a {
  padding: 5px 10px;
  background: transparent;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .extras .bot .ins .bot-t .view-per .dropdown-menu li a:hover,
.inside .extras .bot .ins .bot-t .view-per .dropdown-menu li a.active {
  font-weight: 800;
}
.inside .extras .bot .ins .bot-b {
  padding-top: 0px;
}
.inside .extras .bot .ins .bot-b .items {
  display: grid;
  grid-gap: 80px;
}
.inside .extras .bot .ins .bot-b .items.items-grid-four {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
}
.inside .extras .bot .ins .bot-b .items .item {
  width: 100%;
}
.inside .extras .bot .ins .bot-b .items .item .img img {
  width: 100%;
  border-radius: 24px;
  padding: 25px 70px;
  background: #f1f1f1;
}
.inside .extras .bot .ins .bot-b .items .item .det {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inside .extras .bot .ins .bot-b .items .item .det .det-l .title {
  max-width: 150px;
}
.inside .extras .bot .ins .bot-b .items .item .det .det-l .title a {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
  text-transform: uppercase;
}
.inside .extras .bot .ins .bot-b .items .item .det .det-l .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .extras .bot .ins .bot-b .items .item .det .det-r .btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
}
.inside
  .extras
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .nothover {
  display: none !important;
}
.inside
  .extras
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .hover {
  display: initial !important;
}
.inside .news {
  position: relative;
}
.inside .news .top {
}
.inside .news .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .news .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .news .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .news .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .news .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .news .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .news .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .news .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .news .bot {
}
.inside .news .bot .ins {
  max-width: 1460px;
  padding: 115px 20px 80px 20px;
  margin: auto;
}
.inside .news .bot .ins .bot-t {
  display: grid;
  grid-template-columns: 0.25fr 1fr 0.25fr;
  align-items: center;
}
.inside .news .bot .ins .bot-t .cats {
  display: flex;
  grid-gap: 0 35px;
  flex-wrap: wrap;
  justify-content: center;
}
.inside .news .bot .ins .bot-t .cats .cat a {
  font-weight: 500;
  font-size: 12px;
  line-height: 370%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #c4c4c4;
}
.inside .news .bot .ins .bot-t .cats .cat a.active {
  color: #13223a;
  font-weight: 900;
}
.inside .news .bot .ins .bot-t .view {
  display: flex;
  justify-content: flex-end;
}
.inside .news .bot .ins .bot-t .view-per {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #13223a;
}
.inside .news .bot .ins .bot-t .view-per i {
  padding-left: 5px;
}
.inside .news .bot .ins .bot-t .view-per button {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .news .bot .ins .bot-t .view-per button span {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  color: black;
}
.inside .news .bot .ins .bot-t .view-per button span:before {
  font-size: 20px;
  color: black;
}
.inside .news .bot .ins .bot-t .view-per .dropdown-menu {
  padding: 0;
  min-width: 40px;
  border: 1px solid #d13e29;
  filter: drop-shadow(0px 4px 57px rgba(0, 0, 0, 0.25));
  border-radius: 15px;
  background: transparent;
  right: -4px;
}
.inside .news .bot .ins .bot-t .view-per .dropdown-menu li {
  text-align: center;
  background: transparent;
}
.inside .news .bot .ins .bot-t .view-per .dropdown-menu li:last-child {
  border-bottom: 0;
}
.inside .news .bot .ins .bot-t .view-per .dropdown-menu li a {
  padding: 5px 10px;
  background: transparent;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .news .bot .ins .bot-t .view-per .dropdown-menu li a:hover,
.inside .news .bot .ins .bot-t .view-per .dropdown-menu li a.active {
  font-weight: 800;
}
.inside .news .bot .ins .bot-b {
  padding-top: 0px;
}
.inside .news .bot .ins .bot-b .items {
  display: grid;
  grid-gap: 50px 120px;
}
.inside .news .bot .ins .bot-b .items.items-grid-two {
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  max-width: 1220px;
  margin: auto;
}
.inside .news .bot .ins .bot-b .items.items-grid-four {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
}
.inside .news .bot .ins .bot-b .items .item {
  width: 100%;
}
.inside .news .bot .ins .bot-b .items .item .img img {
  width: 100%;
  border-radius: 24px;
}
.inside .news .bot .ins .bot-b .items .item .det {
  padding-top: 20px;
  align-items: center;
  display: grid;
}
.inside .news .bot .ins .bot-b .items .item .det .det-l .title {
  padding-bottom: 5px;
}
.inside .news .bot .ins .bot-b .items .item .det .det-l .title a {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .news .bot .ins .bot-b .items .item .det .det-l .subtitle {
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-bottom: 15px;
}
.inside .news .bot .ins .bot-b .items-grid-four .item .det .det-r .btns {
  grid-gap: 15px 0;
}
.inside
  .news
  .bot
  .ins
  .bot-b
  .items-grid-four
  .item
  .det
  .det-r
  .btns
  .button {
  width: 30%;
}
.inside
  .news
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .nothover {
  display: none !important;
}
.inside
  .news
  .bot
  .ins
  .bot-b
  .items
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .hover {
  display: initial !important;
}
.inside .news .bot .ins .bot-b .items .item .det .det-r .btns .button a {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
}
.inside .news .bot .ins .bot-b .items .item .det .det-r .btns span {
  font-weight: 500;
  font-size: 10px;
  line-height: 106.5%;
  text-align: center;
  letter-spacing: 0.025em;
  color: #c4c4c4;
  text-transform: initial;
}
.inside .newsins {
  position: relative;
}
.inside .newsins .top {
}
.inside .newsins .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .newsins .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .newsins .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .newsins .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .newsins .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .newsins .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .newsins .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .newsins .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .newsins .bot {
}
.inside .newsins .bot .ins {
  max-width: 1460px;
  padding: 80px 20px 60px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 80px;
  align-items: center;
}
.inside .newsins .bot .ins .bot-l img {
  border-radius: 24px;
  margin: auto;
  width: 100%;
}
.inside .newsins .bot .ins .bot-r .title {
  font-weight: 900;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #13223a;
  padding-bottom: 10px;
}
.inside .newsins .bot .ins .bot-r .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .newsins .bot .ins .bot-r .details {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-top: 25px;
}
.inside .newsins .bot .ins .bot-r .details p {
  margin-bottom: 15px;
}
.inside .newsins .bot .ins .bot-r .details p:last-child {
  margin-bottom: 0;
}
.inside .newsins .bot .ins .bot-r .btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  padding-top: 70px;
}
.inside .newsins .bot .ins .bot-r .btns .button {
}
.inside .newsins .bot .ins .bot-r .btns .button:hover > a .nothover {
  display: none !important;
}
.inside .newsins .bot .ins .bot-r .btns .button:hover > a .hover {
  display: initial !important;
}
.inside .newsins .prodins-sl {
  background: linear-gradient(
    40.33deg,
    #f1f1f1 38.58%,
    rgba(241, 241, 241, 0) 105.36%
  );
}
.inside .newsins .prodins-sl .item .img img {
  width: 100%;
  border-radius: 24px;
}
.inside .newsins .prodins-sl .item .det {
  grid-gap: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inside .newsins .prodins-sl .item .det .det-l .title {
  padding-bottom: 5px;
}
.inside .newsins .prodins-sl .item .det .det-l .title a {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .newsins .prodins-sl .item .det .det-l .subtitle {
  font-weight: 500;
  font-size: 12px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .newsins .prodins-sl .item .det .det-r .btns {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  padding-top: 0;
}
.inside
  .newsins
  .prodins-sl
  .item
  .det
  .det-r
  .btns
  .button:hover
  > a
  .nothover {
  display: none !important;
}
.inside .newsins .prodins-sl .item .det .det-r .btns .button:hover > a .hover {
  display: initial !important;
}
.inside .newsins .addthis-button {
  display: none;
  padding-top: 20px;
}
.inside .gallery {
  position: relative;
}
.inside .gallery .top {
}
.inside .gallery .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .gallery .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .gallery .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .gallery .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .gallery .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .gallery .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .gallery .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .gallery .top .ins .top-m .items .item.active > a .nothover {
  display: none !important;
}
.inside .gallery .top .ins .top-m .items .item.active > a .hover {
  display: initial !important;
}
.inside .gallery .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .gallery .bot {
}
.inside .gallery .bot .ins {
}
.inside .gallery .bot .ins .bot-t {
  display: grid;
  grid-template-columns: 0.25fr 1fr 0.25fr;
  align-items: center;
  padding: 50px 0 0px 0;
}
.inside .gallery .bot .ins .bot-t .cats {
  display: flex;
  grid-gap: 0 35px;
  flex-wrap: wrap;
  justify-content: center;
}
.inside .gallery .bot .ins .bot-t .cats .cat a {
  font-weight: 500;
  font-size: 12px;
  line-height: 370%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #767676;
}
.inside .gallery .bot .ins .bot-t .cats .cat a.active {
  color: #13223a;
  font-weight: 900;
}
.inside .gallery .bot .ins .bot-b {
  max-width: 1490px;
  margin: auto;
  padding: 40px 0 80px 0;
}
.inside .gallery .bot .ins .bot-b .items {
  display: grid;
  grid-gap: 15px;
}
.inside .gallery .bot .ins .bot-b .items .page .inside {
  display: grid;
  grid-gap: 15px;
}
.inside .gallery .bot .ins .bot-b .item {
}
.inside .gallery .bot .ins .bot-b .items .title {
  font-weight: 900;
  font-size: 25px;
  line-height: 120%;
  color: #ffffff;
}
.inside .gallery .bot .ins .bot-b .items .subtitle {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #ffffff;
}
.inside .gallery .bot .ins .bot-b .items .see-more a {
  font-weight: 800;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: #ffffff;
  text-transform: uppercase;
}
.inside .gallery .bot .ins .bot-b .items .det {
  position: absolute;
  bottom: 15px;
  left: 25px;
  display: grid;
  grid-gap: 10px;
  padding: 0 20px 0 0;
}
.inside .gallery .bot .ins .bot-b .items .det .subtitle {
  display: none;
}
.inside .gallery .bot .ins .bot-b .items .det .see-more {
  display: none;
}
.inside .gallery .bot .ins .bot-b .items .item:hover > .det .subtitle {
  display: initial;
}
.inside .gallery .bot .ins .bot-b .items .item:hover > .det .see-more {
  display: initial;
}
.inside .gallery .bot .ins .page-list-data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.inside .gallery .bot .ins .page-list-data .item {
  position: relative;
  width: 25%;
  padding: 5px;
}


.inside .gallery .bot .ins .page-list-data .item .img_hidden_text{position: absolute;bottom: 5px;width: calc(100% - 10px);background: #dbdbdb;color: #13223a;padding: 0px 12px;font-weight: 600;font-size: 15px;letter-spacing: 0.04em;line-height: 0px;opacity: 0;padding-top: 0;padding-bottom: 0;transition: 0.3s ease-in;}
.inside .gallery .bot .ins .page-list-data .item a:hover .img_hidden_text{
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 17px;
  opacity: 1;
}

.inside .gallery .bot .ins .bot-b .items .item-box-three-1 {
  display: flex;
  grid-gap: 15px;
}
.inside .gallery .bot .ins .bot-b .items .item-box-three-1 .item {
  position: relative;
}
.inside .gallery .bot .ins .bot-b .items .item-box-three-1 .item-big {
  width: 51%;
  border-radius: 24px 0px 0px 0px;
}
.inside .gallery .bot .ins .bot-b .items .item-box-three-1 .item-sm {
  width: 25%;
}
.inside .gallery .bot .ins .bot-b .items .item-box-two {
  display: flex;
  grid-gap: 15px;
}
.inside .gallery .bot .ins .bot-b .items .item-box-two .item {
  position: relative;
}
.inside .gallery .bot .ins .bot-b .items .item-box-two .item-big {
  width: 50%;
}
.inside .gallery .bot .ins .bot-b .items .item-box-three-2 {
  display: flex;
  grid-gap: 15px;
}
.inside .gallery .bot .ins .bot-b .items .item-box-three-2 .item {
  position: relative;
}
.inside .gallery .bot .ins .bot-b .items .item-box-three-2 .item-big {
  width: 51%;
}
.inside .gallery .bot .ins .bot-b .items .item-box-three-2 .item-sm {
  width: 25%;
}
.inside .gallery .bot .ins .bot-b .load-more {
  display: flex;
  justify-content: center;
  margin: 80px auto 0 auto;
  max-width: 300px;
  filter: drop-shadow(0px 4px 57px rgba(0, 0, 0, 0.25));
  border-radius: 24px;
  border: 1px solid #d13e29;
}
.inside .gallery .bot .ins .bot-b .load-more a {
  font-weight: 900;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.2em;
  color: #13223a;
  text-transform: uppercase;
  padding: 20px;
  width: 100%;
  text-align: center;
}
.inside .gallery .hiding {
  display: none;
}
.inside .tds {
  position: relative;
}
.inside .tds .top {
}
.inside .tds .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .tds .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .tds .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .tds .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .tds .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .tds .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .tds .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .tds .top .ins .top-m .items .item.active > a .nothover {
  display: none !important;
}
.inside .tds .top .ins .top-m .items .item.active > a .hover {
  display: initial !important;
}
.inside .tds .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .tds .bot {
}
.inside .tds .bot .ins {
}
.inside .tds .bot .ins .bot-t {
  display: grid;
  grid-template-columns: 0.25fr 1fr 0.25fr;
  align-items: center;
  padding: 80px 0;
}
.inside .tds .bot .ins .bot-t .cats {
  display: flex;
  grid-gap: 0 35px;
  flex-wrap: wrap;
  justify-content: center;
}
.inside .tds .bot .ins .bot-t .cats .cat a {
  font-weight: 500;
  font-size: 12px;
  line-height: 370%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #767676;
}
.inside .tds .bot .ins .bot-t .cats .cat a.active {
  color: #13223a;
  font-weight: 900;
}
.inside .tds .bot .ins .bot-b {
  padding-bottom: 50px;
}
.inside .tds .bot .ins .bot-b .items {
}
.inside .tds .bot .ins .bot-b .tbl-items .item .item-ins {
  max-width: 800px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px 20px;
  align-items: center;
  grid-gap: 20px;
  justify-items: center;
  text-align: center;
}
.inside .tds .bot .ins .bot-b .tbl-items .item .item-ins .item-row {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .tds .bot .ins .bot-b .tbl-items .item .item-ins .item-row a {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 0.04em;
  text-decoration-line: underline;
  color: #0242a3;
}
.inside .tds .bot .ins .bot-b .tbl-items .item:nth-child(2n) {
  background: #ffffff;
}
.inside .tds .bot .ins .bot-b .tbl-items .item:nth-child(2n + 1) {
  background: #f1f1f1;
}
.inside .cnt {
  position: relative;
}
.inside .cnt .top {
}
.inside .cnt .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .cnt .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .cnt .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .cnt .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .cnt .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .cnt .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .cnt .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .cnt .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .cnt .details {
}
.inside .cnt .details .ins {
  padding: 80px 20px;
  max-width: 1460px;
  margin: auto;
}
.inside .cnt .details .ins .items {
  display: flex;
  grid-gap: 50px;
  align-items: center;
  justify-content: space-between;
}
.inside .cnt .details .ins .items .item {
  display: flex;
  align-items: center;
}
.inside .cnt .details .ins .items .item .item-l {
  font-weight: 900;
  font-size: 14px;
  line-height: 370%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #13223a;
  padding-right: 50px;
}
.inside .cnt .details .ins .items .item .item-r {
  padding-left: 50px;
  border-left: 0.5px solid #c4c4c4;
}
.inside .cnt .details .ins .items .item .item-r .item-r-boxes {
  display: grid;
  grid-gap: 30px;
}
.inside .cnt .details .ins .items .item .item-r .item-r-boxes .box {
  display: flex;
  align-items: center;
  grid-gap: 30px;
}
.inside .cnt .details .ins .items .item .item-r .item-r-boxes .box img {
  max-width: 20px;
  width: 100%;
}
.inside .cnt .details .ins .items .item .item-r .item-r-boxes .box a {
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .cnt .details .ins .items .item .item-r .item-r-boxes .box3 a {
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #0242a3;
}
.inside .cnt .bot {
  background: linear-gradient(
    40.33deg,
    #f1f1f1 38.58%,
    rgba(241, 241, 241, 0) 105.36%
  );
}
.inside .cnt .bot .ins {
  max-width: 820px;
  padding: 70px 20px 85px 20px;
  margin: auto;
}
.inside .cnt .bot .ins .title {
  font-weight: 900;
  font-size: 14px;
  line-height: 370%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #13223a;
}
.inside .cnt .bot .ins .subttl {
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-bottom: 50px;
}
.inside .cnt .bot .ins form .details {
  display: grid;
  grid-gap: 20px;
  max-width: 920px;
  margin: auto;
}
.inside .cnt .bot .ins form .details .grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 12px;
}
.inside .cnt .bot .ins form .details .form-group input {
  text-transform: none !important;
  height: 40px;
  text-align: left !important;
  background: #f4f4f4 !important;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.06);
  border: 1px solid #d13e29;
  box-sizing: border-box;
  border-radius: 24px;
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding: 10px 10px 10px 45px;
}
.inside .cnt .bot .ins form .details .form-group textarea {
  text-transform: none !important;
  text-align: left !important;
  background: #f4f4f4 !important;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.06);
  padding: 20px 10px 10px 45px;
  height: 200px;
  border: 1px solid #d13e29;
  box-sizing: border-box;
  border-radius: 18px;
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
}
.inside .cnt .bot .ins form .details .form-group label {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #797367;
  margin-bottom: 8px !important;
  text-transform: none !important;
}
.inside .cnt .bot .ins form .details .form-group input:focus {
  background: #ffffff !important;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.1em;
  color: #56685f;
}
.inside .cnt .bot .ins form .details .form-group textarea:focus {
  background: #ffffff !important;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.1em;
  color: #56685f;
}
.inside .cnt .bot .ins form .details .form-group input::placeholder {
  text-align: left !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #c4c4c4;
}
.inside .cnt .bot .ins form .details .form-group input:-ms-input-placeholder {
  text-align: left !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #c4c4c4;
}
.inside .cnt .bot .ins form .details .form-group input::-ms-input-placeholder {
  text-align: left !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #c4c4c4;
}
.inside .cnt .bot .ins form .details .form-group textarea::placeholder {
  text-align: left !important;
  text-transform: none !important;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #c4c4c4;
}
.inside
  .cnt
  .bot
  .ins
  form
  .details
  .form-group
  textarea:-ms-input-placeholder {
  text-align: left !important;
  text-transform: none !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #c4c4c4;
}
.inside
  .cnt
  .bot
  .ins
  form
  .details
  .form-group
  textarea::-ms-input-placeholder {
  text-align: left !important;
  text-transform: none !important;
  font-weight: 500;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #c4c4c4;
}
.inside .cnt .bot .ins form .details .last {
  position: relative;
}
.inside .cnt .bot .ins form .submit {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 190px;
  width: 100%;
}
.inside .cnt .bot .ins form .submit button {
  width: 100%;
  text-align: center;
  padding: 8px 0;
  margin: auto;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border: 1px solid #d13e29;
  box-sizing: border-box;
  border-radius: 18px 0px;
  background: #d13e29;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #ffffff;
}
.inside .cnt .bot .ins form .submit button:hover {
  background: #716f81;
  color: #f4ebe4;
}
.inside .simple {
  position: relative;
}
.inside .simple .top {
}
.inside .simple .top .ins {
  max-width: 1460px;
  padding: 170px 20px 0px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.inside .simple .top .ins .top-m {
  display: flex;
  justify-content: center;
}
.inside .simple .top .ins .top-m .items {
  display: flex;
  align-items: center;
  grid-gap: 90px;
  justify-content: center;
}
.inside .simple .top .ins .top-m .items .item .hover {
  position: relative;
}
.inside .simple .top .ins .top-m .items .item .hover .hover-title {
  position: absolute;
  bottom: 0;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d13e29;
  width: 160px;
}
.inside .simple .top .ins .top-m .items .item:hover > a .nothover {
  display: none !important;
}
.inside .simple .top .ins .top-m .items .item:hover > a .hover {
  display: initial !important;
}
.inside .simple .top .ins .top-r {
  display: flex;
  justify-content: flex-end;
}
.inside .simple .bot {
}
.inside .simple .bot .ins {
  max-width: 1460px;
  padding: 80px 20px 60px 20px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 80px;
  align-items: center;
}
.inside .simple .bot .ins .details p {
  margin-bottom: 15px;
}
.inside .simple .bot .ins .details p:last-child {
  margin-bottom: 0;
}
.inside .simple .bot .cats ul li {
  font-weight: 700;
}
.inside .simple .bot .arts ul li a {
  color: #82afd6;
  font-weight: 400;
}

.custom_court {
  width: 100%;
}
.custom_court .cc_header {
}
.custom_court .cc_header .cch_title {
  font-weight: 900;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #152d51;
}
.custom_court .cc_header .cch_options {
  padding-top: 15px;
}
.custom_court .cc_header .cch_options .select-court {
  border: 1px solid #d13e29;
  box-sizing: border-box;
  filter: drop-shadow(0px 4px 57px rgba(0, 0, 0, 0.25));
  border-radius: 24px;
  background: transparent;
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding: 5px 65px;
}

.custom_court .cc_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.custom_court .cc_container .ccc_image {
  flex: 1;
}
.custom_court .cc_container .ccc_image .court_img {
  max-width: 810px;
}
.custom_court .cc_container .ccc_image .court_img svg {
}
.custom_court .cc_container .ccc_image .court_img .court_out {
  fill: #fff;
}
.custom_court .cc_container .ccc_image .court_img .court_inside {
  fill: #fff;
}
.custom_court .cc_container .ccc_options {
  width: 300px;
}
.custom_court .cc_container .ccc_options .opt_ttl {
  font-weight: 900;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #152d51;
  padding-bottom: 30px;
}
.custom_court .cc_container .ccc_options .option_row {
}
.custom_court .cc_container .ccc_options .option_row .row_ttl {
  font-weight: 800;
  font-size: 14px;
  line-height: 170%;
  letter-spacing: 0.04em;
  color: #13223a;
  padding-bottom: 15px;
}
.custom_court .cc_container .ccc_options .option_row .row_data {
  margin-bottom: 20px;
}
.custom_court .cc_container .ccc_options .option_row .row_data ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.custom_court .cc_container .ccc_options .option_row .row_data ul li {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  cursor: pointer;
}
.custom_court .cc_container .ccc_options .option_row .row_data ul li.active {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 1700px) {
  /* .col-lg- */
  header .grid .mn {
    padding: 0px 20px 0px 20px;
  }
  .slideshow .details .subtitle1 {
    padding-left: 116px;
    top: -150px;
  }
}
@media only screen and (max-width: 1600px) {
  /* .col-lg- */
}
@media only screen and (max-width: 1500px) {
  /* .col-lg- */
  header .grid .mn ul li {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1366px) {
  /* .col-lg- */
  .home .items-hp .ins {
    padding: 100px 20px 50px 20px;
  }
  .home .items-hp .ins .titles {
    margin-top: -65px;
  }
  .home .items-hp .ins .titles .inside {
    padding-left: 15px;
    max-width: 180px;
  }
  .home .items-hp .ins .titles .btns::after {
    width: 200px;
  }
  .home .items-hp .ins .items .item .item-icon {
    height: 200px !important;
  }
  .home .items-hp .ins .button {
    margin-top: -65px;
  }
  header .right .right-r {
    grid-gap: 20px;
  }
  .row-left .items {
    grid-gap: 40px;
  }
  .inside .comp .bot .ins .countries {
    grid-gap: 5px 20px;
  }
  .inside .systins .bot .ins {
    grid-gap: 30px;
  }
  .inside .systins .bot .ins .bot-r .btns {
    padding-top: 30px;
  }
  .inside .prodins .bot .ins {
    grid-gap: 30px;
  }
  .inside .prodins .bot .ins .bot-r .btns {
    padding-top: 30px;
  }
  .inside .vidins .bot .ins {
    grid-gap: 30px;
  }
  .inside .vidins .bot .ins .bot-r .btns {
    padding-top: 30px;
  }
  .inside .newsins .bot .ins {
    grid-gap: 30px;
  }
  .inside .newsins .bot .ins .bot-r .btns {
    padding-top: 30px;
  }
  .inside .certsins .bot .ins {
    grid-template-columns: 0.5fr 1fr;
  }
    .slideshow .details .subtitle1 {
    padding-left: 46px;
    top: -150px;
      font-size: 50px
  }
}
@media only screen and (max-width: 1200px) {
  /* .col-lg- */
  header .grid .mn {
    display: none;
  }
  header .right .right-r .bars {
    display: initial;
  }
  .cmp-hp {
    background-position: initial !important;
  }
  .home .cmp-hp .bg {
    display: initial;
  }
  .home .cmp-hp .ins {
    grid-template-columns: 1fr;
  }
  .home .syst-hp .ins .bot .items .item:hover > .det .subtitle {
    display: none;
  }
  .home .app-hp .ins .items .item {
    grid-gap: 50px;
  }
  footer .top {
    padding: 50px 0 50px 0;
  }
  footer .top .ins {
    justify-content: center;
    flex-direction: column;
    grid-gap: 50px;
  }
  footer .top .ins .newsletter {
    padding-top: 50px;
  }
  footer .top .ins .foot-left {
    display: grid;
    justify-items: center;
  }
  footer .top .ins .mn ul {
    grid-gap: 50px;
    justify-content: center;
    flex-wrap: wrap;
  }
  footer .top .ins .to-top {
    display: grid;
    justify-items: center;
    justify-content: initial;
  }
  .inside .comp .top {
    background-position: initial !important;
  }
  .inside .comp .top .bg {
    display: initial;
    background: #fff;
    opacity: 0.5;
  }
  .inside .comp .top .items .ins {
    grid-template-columns: 1fr;
    padding-left: 120px;
  }
  .inside .prod .bot .ins .bot-b .items {
    grid-gap: 20px;
  }
  .inside .systins .bot .ins {
    grid-template-columns: 1fr;
  }
  .inside .systins .bot .ins .bot-l img {
    max-width: 500px;
    width: 100%;
    margin: auto;
  }
  .inside .systins .bot .ins .bot-l .image {
    width: 100%;
    max-width: 500px;
    margin: auto;
  }
  .inside .prodins .bot .ins {
    grid-template-columns: 1fr;
  }
  .inside .prodins .bot .ins .bot-l img {
    max-width: 500px;
    width: 100%;
    margin: auto;
  }
  .inside .making-of .ins .items .item {
    grid-gap: 50px;
  }
  .inside .systprod .bot .ins .bot-b .items {
    grid-gap: 20px;
  }
  .inside .cert .top {
    background-position: initial !important;
  }
  .inside .cert .top .bg {
    display: initial;
    background: #fff;
    opacity: 0.5;
  }
  .inside .cert .top .items .ins {
    grid-template-columns: 1fr;
    padding-left: 120px;
  }
  .inside .videos .bot .ins .bot-b .items .item .inside {
    grid-gap: 50px;
  }
  .inside .vidins .bot .ins {
    grid-template-columns: 1fr;
  }
  .inside .vidins .bot .ins .bot-l img {
    max-width: 500px;
    width: 100%;
    margin: auto;
  }
  .inside .extras .bot .ins .bot-b .items {
    grid-gap: 20px;
  }
  .inside .news .bot .ins .bot-b .items {
    grid-gap: 20px;
  }
  .inside .newsins .bot .ins {
    grid-template-columns: 1fr;
  }
  .inside .newsins .bot .ins .bot-l img {
    max-width: 500px;
    width: 100%;
    margin: auto;
  }
}
@media only screen and (max-width: 1050px) {
  .home .fixed_pdf {
    width: 135px;
    padding: 5px;
    border-radius: 12px;
    transform: translateY(0);
    top: unset;
    bottom: 24px;
  }
  .home .fixed_pdf .item .img img {
    border-radius: 12px;
    padding: 5px;
  }
  .home .fixed_pdf .item .det .det-l .title a {
    font-weight: 800;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 0em;
    color: #13223a;
    text-transform: uppercase;
  } /* .col-lg- */
}
@media only screen and (max-width: 992px) {
  /* .col-md- */
  .slideshow .tp-bullets {
    top: 90% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  .slideshow .details {
    top: 60% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    padding: 0 20px;
    text-align: center;
  }
  .slideshow .details .title {
    font-size: 32px;
  }
  .slideshow .details .subtitle1 {
    font-size: 16px;
    left: 0;
    width: 100%;
    padding: 0;
    font-size: 25px;
  }
  .slideshow .details .subtitle2 {
    font-size: 12px;
  }
  .slideshow .details .text {
    font-size: 12px;
  }
  .slideshow .details .goto-btn button {
    font-size: 12px;
    padding: 10px 20px;
    margin: 40px auto;
  }
  .home .items-hp .ins {
    padding: 50px 20px;
  }
  .home .items-hp .ins .titles {
    margin-top: 0;
    grid-gap: 10px;
  }
  .home .items-hp .ins .titles .inside {
    padding-left: 0px;
    max-width: 170px;
  }
  .home .items-hp .ins .items .item {
    margin-top: 0;
  }
  .home .items-hp .ins .items .item .item-icon {
    height: 150px !important;
  }
  .home .items-hp .ins .button {
    margin-top: 0;
  }
  .home .items-hp .ins .titles .btns::after {
    width: 100px;
  }
  .row-left .scroll {
    display: none;
  }
  .home .cmp-hp .ins {
    padding: 50px 20px;
  }
  .home .syst-hp .ins {
    padding: 50px 20px;
  }
  .home .comp-hp .ins {
    padding: 50px 0;
  }
  .home .grid-hp .ins {
    padding: 50px 20px;
  }
  footer .bot .main-content-ins {
    grid-template-columns: 1fr;
    justify-items: center;
    grid-gap: 30px;
    justify-content: initial !important;
  }
  .inside .comp .top .items {
    padding: 100px 20px 50px 20px;
  }
  .inside .comp .bot .ins {
    padding: 50px 20px 40px 20px;
  }
  .inside .prod .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .prod .bot .ins {
    padding: 50px 20px;
  }
  .inside .prod .bot .ins .bot-t {
    grid-template-columns: 1fr;
  }
  .inside .prod .bot .ins .bot-t .view {
    display: none;
  }
  .inside .prod .bot .ins .bot-b {
    padding-top: 50px;
  }
  .inside .prod .bot .ins .bot-b .items.items-grid-four .items-page {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .inside .prod .bot .ins .bot-b .items .items-page {
    grid-gap: 50px;
  }
  .inside .prodins .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .prodins .bot .ins {
    padding: 50px 20px 25px 20px;
  }
  .inside .prodins .prodins-sl .ins {
    padding: 25px 20px 50px 20px;
  }
  .inside .systins .midimage .ins {
    padding: 50px 20px;
  }
  .inside .systins .descr .ins {
    padding: 0px 20px 50px 20px;
  }
  .inside .syst .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .syst .bot .ins {
    padding: 50px 20px;
  }
  .inside .syst .bot .ins .bot-t {
    grid-template-columns: 1fr;
  }
  .inside .syst .bot .ins .bot-t .view {
    display: none;
  }
  .inside .syst .bot .ins .bot-b {
    padding-top: 50px;
  }
  .inside .syst .bot .ins .bot-b .items.items-grid-four {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .inside .court .ins {
    padding: 50px 20px;
  }
  .inside .making-of .ins {
    padding: 50px 20px;
  }
  .inside .systins .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .systins .bot .ins {
    padding: 50px 20px 25px 20px;
  }
  .inside .systins .prodins-sl .ins {
    padding: 25px 20px 50px 20px;
  }
  .inside .systins .technical-table .ins {
    padding: 0px 20px 50px 20px;
  }
  .inside .systprod .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .systprod .bot .ins {
    padding: 50px 20px;
  }
  .inside .systprod .bot .ins .bot-t {
    grid-template-columns: 1fr;
  }
  .inside .systprod .bot .ins .bot-t .view {
    display: none;
  }
  .inside .systprod .bot .ins .bot-b {
    padding-top: 50px;
  }
  .inside .systprod .bot .ins .bot-b .items.items-grid-four {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .inside .cert .top .items {
    padding: 100px 20px 50px 20px;
  }
  .inside .cert .bot .items-table {
    padding: 50px 0;
  }
  .inside .videos .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .videos .bot .ins .bot-t {
    padding-top: 50px;
  }
  .inside .videos .bot .ins .bot-b .items {
    padding: 50px 20px;
  }
  .inside .vidins .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .vidins .bot .ins {
    padding: 50px 20px 25px 20px;
  }
  .inside .vidins .prodins-sl .ins {
    padding: 25px 20px 50px 20px;
  }
  .inside .extras .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .extras .bot .ins {
    padding: 50px 20px;
  }
  .inside .extras .bot .ins .bot-t {
    grid-template-columns: 1fr;
  }
  .inside .extras .bot .ins .bot-t .view {
    display: none;
  }
  .inside .extras .bot .ins .bot-b {
    padding-top: 0px;
  }
  .inside .extras .bot .ins .bot-b .items.items-grid-four {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .inside .news .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .news .bot .ins {
    padding: 50px 20px;
  }
  .inside .news .bot .ins .bot-t {
    grid-template-columns: 1fr;
  }
  .inside .news .bot .ins .bot-t .view {
    display: none;
  }
  .inside .news .bot .ins .bot-b {
    padding-top: 0px;
  }
  .inside .news .bot .ins .bot-b .items.items-grid-four {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .inside .newsins .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .newsins .bot .ins {
    padding: 50px 20px 25px 20px;
  }
  .inside .newsins .prodins-sl .ins {
    padding: 25px 20px 50px 20px;
  }
  .inside .gallery .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .cnt .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .cnt .details .ins {
    padding: 50px 20px;
  }
  .inside .cnt .details .ins .items {
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 150px;
  }
  .inside .cnt .details .ins .items .item {
    flex-direction: column;
  }
  .inside .cnt .details .ins .items .item .item-l {
    padding-right: 0px;
  }
  .inside .cnt .details .ins .items .item .item-r {
    padding-left: 0px;
    border-left: 0;
  }
  .inside .cnt .details .ins .items .item .item-r .item-r-boxes .box .text {
    max-width: 250px;
  }
  .inside .cnt .bot .ins {
    padding: 50px 20px;
  }
  .inside .tds .top .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 50px;
  }
  .inside .certsins .bot .ins {
    padding: 50px 20px;
  }
}
@media only screen and (max-width: 767px) {
  /* .col-xs- */
  .row-left {
    display: none;
  }
  .cbp-af-header header .grid {
    padding: 20px 20px 0px 20px;
  }
  .cbp-af-header-ins header .grid {
    padding: 20px;
  }
  .home .items-hp .ins {
    grid-template-columns: 1fr;
  }
  .home .items-hp .ins .titles {
    max-width: 580px;
    margin: auto;
    padding-bottom: 20px;
  }
  .home .items-hp .ins .titles .inside {
    max-width: initial;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 20px;
  }
  .home .items-hp .ins .titles .btns {
    display: none;
  }
  .home .items-hp .ins .button {
    justify-content: center;
    padding-top: 20px;
  }
  .home .syst-hp .ins .bot .items .item-box-three-1 {
    flex-direction: column;
  }
  .home .syst-hp .ins .bot .items .item-box-three-1 .item-big {
    width: 100%;
  }
  .home .syst-hp .ins .bot .items .item-box-three-1 .item-sm {
    width: 100%;
  }
  .home .syst-hp .ins .bot .items .item-box-three-2 {
    flex-direction: column;
  }
  .home .syst-hp .ins .bot .items .item-box-three-2 .item-big {
    width: 100%;
  }
  .home .syst-hp .ins .bot .items .item-box-three-2 .item-sm {
    width: 100%;
  }
  .home .syst-hp .ins .bot .items .item-box-two {
    flex-direction: column;
  }
  .home .syst-hp .ins .bot .items .item-box-two .item-big {
    width: 100%;
  }
  .home .app-hp .ins .items .item {
    grid-template-columns: 1fr;
  }
  .home .grid-hp .ins .items {
    grid-gap: 50px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .inside .comp .top .items .ins {
    padding-left: 0px;
  }
  .inside .comp .bot .ins .countries {
    max-height: 850px;
    text-align: center;
  }
  .inside .prod .bot .ins .bot-b .items .items-page {
    grid-gap: 50px 20px;
  }
  .inside .prod .bot .ins .bot-b .items.items-grid-four .items-page {
    grid-template-columns: 1fr 1fr;
  }
  .inside .syst .bot .ins .bot-b .items.items-grid-four .items-page {
    grid-template-columns: 1fr 1fr;
  }
  .inside .syst .bot .ins .bot-b .items .item .det .det-r .btns {
    justify-content: center;
    grid-gap: 10px;
  }
  .inside .syst .bot .ins .bot-b .items .item .det .det-r .btns span {
    display: none;
  }
  .inside .court .ins {
    justify-content: center;
    flex-direction: column;
    grid-gap: 50px;
  }
  .inside .court .ins .ins-r {
    width: 100%;
  }
  .inside .making-of .ins .items .item {
    grid-template-columns: 1fr;
  }
  .inside .systins .technical-table .ins .table-item .inside .items {
    grid-gap: 50px;
    justify-items: center;
    text-align: center;
    align-items: center;
  }
  .inside .systprod .bot .ins .bot-b .items.items-grid-four {
    grid-template-columns: 1fr 1fr;
  }
  .inside .systprod .bot .ins .bot-b .items .item .det .det-r .btns {
    justify-content: center;
    grid-gap: 10px;
  }
  .inside .systprod .bot .ins .bot-b .items .item .det .det-r .btns span {
    display: none;
  }
  .inside .cert .top .items .ins {
    padding-left: 0px;
  }
  .inside .cert .bot .items-table .tbl-ttl-items {
    grid-gap: 15px;
    text-align: center;
    align-items: center;
  }
  .inside .cert .bot .items-table .tbl-items .item .item-ins {
    text-align: center;
    grid-gap: 15px;
  }
  .inside .videos .bot .ins .bot-b .items .item .inside {
    grid-template-columns: 1fr;
    grid-template-areas: none;
  }
  .inside .videos .bot .ins .bot-b .items .item .inside .ins-l {
    grid-area: initial;
  }
  .inside .extras .bot .ins .bot-b .items.items-grid-four {
    grid-template-columns: 1fr 1fr;
  }
  .inside .news .bot .ins .bot-b .items.items-grid-four {
    grid-template-columns: 1fr 1fr;
  }
  .inside .gallery .bot .ins .bot-b .items .item-box-three-1 {
    flex-direction: column;
  }
  .inside .gallery .bot .ins .bot-b .items .item-box-three-1 .item-big {
    width: 100%;
  }
  .inside .gallery .bot .ins .bot-b .items .item-box-three-1 .item-sm {
    width: 100%;
  }
  .inside .gallery .bot .ins .bot-b .items .item-box-three-2 {
    flex-direction: column;
  }
  .inside .gallery .bot .ins .bot-b .items .item-box-three-2 .item-big {
    width: 100%;
  }
  .inside .gallery .bot .ins .bot-b .items .item-box-three-2 .item-sm {
    width: 100%;
  }
  .inside .gallery .bot .ins .bot-b .items .item-box-two {
    flex-direction: column;
  }
  .inside .gallery .bot .ins .bot-b .items .item-box-two .item-big {
    width: 100%;
  }
  .inside .cnt .details .ins .items {
    grid-gap: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .home .fixed_pdf {
    width: 100px;
    bottom: 12px;
    right: 12px;
  }
  .home .fixed_pdf .item .det .ttl_desk {
    display: none;
  }
  .home .fixed_pdf .item .det .ttl_mobile {
    display: block;
    text-align: center;
  }
  /* .col-xs- */
  footer .top .ins .mn ul {
    flex-direction: column;
    text-align: center;
    grid-gap: 20px;
  }
  footer .top .ins .mn ul li {
    max-width: initial;
    text-align: center;
  }
  footer .top .ins .mn ul li ul {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 580px) {
  .espabanner img {
    max-width: 70px;
  }
  header .right .right-r {
    grid-gap: 20px;
  }
  .inside .comp .bot .ins .countries {
    grid-gap: 5px 20px;
    max-height: 1300px;
  }
  .inside .comp .bot .ins .countries .country {
    max-width: 140px;
  }
  .inside .prod .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .systins .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .prodins .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .syst .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .systins .technical-table .ins .table-item .inside .items {
    grid-gap: 20px;
  }
  .inside .systprod .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .cert .bot .items-table .tbl-ttl-items .title {
    font-size: 14px;
  }
  .inside .cert .bot .items-table .tbl-items .item .item-ins .item-row {
    font-size: 12px;
  }
  .inside .cert .bot .items-table .tbl-items .item .item-ins .item-row a {
    font-size: 12px;
  }
  .inside .videos .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .vidins .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .extras .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .news .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .newsins .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .gallery .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .cnt .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .tds .top .ins .top-m .items {
    grid-gap: 40px;
  }
  .inside .certsins .bot .ins {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .home .syst-hp .ins .top {
    flex-direction: column;
    grid-gap: 20px;
  }
  .slider .ins .top {
    flex-direction: column;
    grid-gap: 20px;
  }
  .slider .ins .items .item {
    border-right: 0px;
  }
  footer .bot ul {
    grid-gap: 20px;
  }
  .inside .prod .bot .ins .bot-b .items.items-grid-four .items-page {
    grid-template-columns: 1fr;
  }
  .inside .prod .bot .ins .bot-b .items.items-grid-four .item .det {
    max-width: initial;
  }
  .inside .court .ins .ins-l .options .select-court {
    padding: 5px 35px;
  }
  .inside .systins .bot .ins .bot-r .btns {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px 10px;
  }
  .inside .systprod .bot .ins .bot-b .items.items-grid-four {
    grid-template-columns: 1fr;
  }
  .inside .systprod .bot .ins .bot-b .items.items-grid-two {
    grid-template-columns: 1fr;
  }
  .inside .extras .bot .ins .bot-b .items.items-grid-four {
    grid-template-columns: 1fr;
  }
  .inside .news .bot .ins .bot-b .items.items-grid-four {
    grid-template-columns: 1fr;
  }
  .inside .news .bot .ins .bot-b .items.items-grid-two {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 410px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 359px) {
}