/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerWrapper { width: 100%; max-width: 1350px; padding: 0 25px; box-sizing: border-box; margin: 0 auto; }
.containerCrapper { width: 100%; max-width: 1420px; padding: 0 25px; box-sizing: border-box; margin: 0 auto; }
.containerHeader { position: relative; }
.containerSlider { margin-top: 40px; position: relative; }
.containerMain { padding: 40px 0 50px 0; position: relative; }
.containerCatalogue { background: #fff; padding: 40px 0 10px 0; }
.containerSeo { border-top: 2px solid #ecf0f4; padding: 40px 0; background: #fff; }
.containerFooter { position: relative; padding: 40px 0; background: #fff; border-top: 2px solid #ecf0f4; border-bottom: 5px solid #0bac96; }
.consultationButton { position: fixed; z-index: 400; right: 20px; bottom: 20px; width: 70px; height: 70px; border-radius: 100%; background: #0bac96; cursor: pointer; transition: all .3s; animation: pulseButton infinite .9s; }
.consultationButton:hover { transform: scale(1.1); }
.consultationButton img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 30px; height: 30px; margin: auto; }
@keyframes pulseButton { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }
.containerPage { min-width: 500px; position: relative; overflow: hidden; }

.news--main { padding: 40px 0 10px 0; }
.news--main .news--main--header { font-size: 24px; font-weight: 500; color: #000; padding-bottom: 25px; }
.news--main .news--main--content { display: inline-block; width: calc(100% + 30px); position: relative; left: -15px; }
.news--main .news--main--content .news--main--element { float: left; width: 25%; padding: 0 15px; margin-bottom: 30px; box-sizing: border-box; }
.news--main .news--main--content .news--main--element--image { position: relative; }
.news--main .news--main--content .news--main--element--image a { display: block; height: 200px; background-size: cover !important; }
.news--main .news--main--content .news--main--element--present { background: #fff; padding: 20px; box-sizing: border-box; }
.news--main .news--main--content .news--main--element--present .news--main--element--title { font-size: 18px; font-weight: 500; height: 60px; }
.news--main .news--main--content .news--main--element--present .news--main--element--title a { color: #000; }
.news--main .news--main--content .news--main--element--present .news--main--element--intro { color: #666; line-height: 21px; }
.news--main .news--main--content .news--main--element--present .news--main--element--date { padding-top: 15px; color: #0bac96; }
.nice-select.open .list {
    max-height: 300px; /* Adjust the height as needed */
    overflow-y: scroll !important;
}
/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerHeader--content { height: 80px; border-top: 5px solid #0bac96; background: #fff; position: relative; z-index: 10; overflow: hidden; border-bottom: 2px solid #ecf0f4; }
.containerHeader--content .containerHeader--aerostar { float: right; margin-top: 18px; }
.containerHeader--content .containerHeader--aerostar .containerHeader--star { display: block; width: 131px; height: 28px; background: url('../img/logo-8.png') no-repeat; }
.containerHeader--content .containerHeader--aerostar small { display: block; color: #0bac96; font-size: 12px; }
.containerHeader--content .containerHeader--aerostar small b {  font-weight: 500; }
.containerHeader--content .containerHeader--languages { float: right; margin-top: 27px; margin-left: 30px; }
.containerHeader--content .containerHeader--languages a { display: inline-block; margin-left: 3px; width: 28px; height: 28px; text-align: center; line-height: 28px; font-size: 12px; text-transform: uppercase; color: #333; border-radius: 4px; font-weight: 500; }
.containerHeader--content .containerHeader--languages a.active { background: #f1f1f1; }
.containerHeader--content .containerHeader--logotype { float: left; margin-top: 26px; }
.containerHeader--content .containerHeader--logotype .containerHeader--logo { display: block; width: 180px; height: 37px; background: url('../img/reshitka_logo.png') no-repeat; }
.containerHeader--content .containerHeader--contacts { float: right; margin-right: 30px; padding-right: 30px; height: 50px; margin-top: 15px; border-right: 2px solid #ecf0f4; }
.containerHeader--content .containerHeader--contacts a { color: #2f353c; }
.containerHeader--content .containerHeader--contacts .contacts--phone { font-size: 22px; font-weight: 500; color: #2f353c; padding: 1px 0; }
.containerHeader--content .containerHeader--contacts .contacts--email { font-size: 12px; }
.containerHeader--content .containerHeader--dates { float: right; margin-right: 30px; padding-right: 30px; height: 50px; margin-top: 15px; border-right: 2px solid #ecf0f4; }
.containerHeader--content .containerHeader--dates .dates--buttons { position: relative; padding-top: 5px; }
.containerHeader--content .containerHeader--dates .dates--buttons a { display: inline-block; width: 24px; transition: all .3s; height: 24px; color: #2f353c; border-radius: 2px; text-align: center; line-height: 24px; font-size: 12px; text-transform: uppercase; font-weight: 500; }
.containerHeader--content .containerHeader--dates .dates--buttons a:hover { text-decoration: none; color: #000; }
.containerHeader--content .containerHeader--dates .dates--buttons a.active { background: #f1f1f1; }
.containerHeader--content .containerHeader--dates .dates--time { font-size: 12px; padding-left: 4px; padding-top: 3px; color: #888; }
.containerHeader--content .containerHeader--dates .dates--time .dates--time--element { display: none; }
.containerHeader--content .containerHeader--dates .dates--time .dates--time--element.active { display: block; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerHeader--menu { height: 60px; background: #fff; box-shadow: 0 30px 30px 0 rgba(32,35,38,0.05); position: relative; }
.containerHeader--menu .menu--navigation { float: left; }
.containerHeader--menu .menu--navigation ul li { float: left; padding: 20px 0; font-weight: 500; margin-right: 25px; position: relative; }
.containerHeader--menu .menu--navigation ul li:hover > ul { display: block; }
.containerHeader--menu .menu--navigation ul li ul { position: absolute; top: 60px; left: -25px; border-top: 2px solid #ecf0f4; background: #fff; z-index: 100; width: 350px; box-shadow: 0 8px 10px rgba(0,0,0,0.1); display: none; }
.containerHeader--menu .menu--navigation ul li ul:empty { box-shadow: none; }
.containerHeader--menu .menu--navigation ul li ul li { padding: 0; width: 100%; margin: 0; border-bottom: 1px solid #eee; transition: all .3s; }
.containerHeader--menu .menu--navigation ul li ul li:hover { background: rgba(0,0,0,0.02); }
.containerHeader--menu .menu--navigation ul li ul li:last-child { border-bottom: none; }
.containerHeader--menu .menu--navigation ul li ul li a { line-height: normal; padding: 15px 25px; color: #2f353c !important; }
.containerHeader--menu .menu--navigation ul li a { display: block; line-height: 20px; color: #2f353c; transition: all .3s; }
.containerHeader--menu .menu--navigation ul li:hover a { color: #0bac96; text-decoration: none; }
.containerHeader--menu .menu--basket { position: relative; float: right; }
.containerHeader--menu .menu--basket .block--count { vertical-align: middle; padding: 5px 8px; color: #fff; background: #0bac96; border-radius: 3px; font-size: 11px; margin-left: 6px; }
.containerHeader--menu .menu--basket .block--count:empty { padding: 0; background: transparent; margin-left: 0; }
.containerHeader--menu .menu--basket .menu--basket--button { line-height: 20px; margin-top: 20px; color: #2f353c; cursor: pointer; transition: all .3s; }
.containerHeader--menu .menu--basket .menu--basket--button:hover { color: #0bac96; }
.containerHeader--menu .menu--basket .menu--basket--button .menu--basket--button--icon { vertical-align: middle; font-size: 26px; margin-right: 10px; display: inline-block; position: relative; top: -1px; }
.containerHeader--menu .menu--basket .menu--basket--button .menu--basket--button--text { font-size: 15px; font-weight: 500; display: inline-block; vertical-align: middle; position: relative; top: -1px; }
.containerHeader--menu .menu--search { float: right; margin-right: 20px; padding-right: 20px; height: 30px; margin-top: 15px; border-right: 2px solid #ecf0f4; }
.containerHeader--menu .menu--search .menu--search--button { font-size: 22px; display: inline-block; line-height: 30px; cursor: pointer; }
.containerHeader--menu .menu--search .menu--search--window { display: none; position: absolute; top: 61px; left: 0; width: 100%; height: 60px; line-height: 60px; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.1); z-index: 200; }
.containerHeader--menu .menu--search .menu--search--window .menu--search--input input { width: 100%; border: none; font-size: 14px; height: 60px; }
.containerHeader--menu .menu--burger { float: left; width: 34px; display: none; margin-top: 12px; cursor: pointer; }
.containerHeader--menu .menu--burger .menu--burger--element { height: 3px; background: #333; margin: 6px 0; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerSlider--box { box-shadow: 0 30px 30px 0 rgba(32,35,38,0.05); position: relative; }
.containerSlider--content .containerSlider--element { background-size: cover !important; height: 500px; border-radius: 4px; background: #bec2cb; display: block; }
.containerSlider--content .containerSlider--element p { margin: 0; padding: 0; }
.containerSlider--content .containerSlider--element img { height: 500px; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerMain--we { position: relative; margin-bottom: 10px; }
.containerMain--we .containerMain--we--title { font-size: 24px; font-weight: 500; color: #000; padding-bottom: 15px; }
.containerMain--we .containerMain--we--intro { line-height: 24px; padding-bottom: 30px; }
.containerMain--we .containerMain--we--container { width: calc(100% + 30px); position: relative; left: -15px; display: inline-block; }
.containerMain--we .containerMain--we--container .containerMain--we--element { float: left; width: 25%; padding: 0 15px; margin-bottom: 30px; box-sizing: border-box; }
.containerMain--we .containerMain--we--container .containerMain--we--element:nth-child(2) { animation-delay: .2s; }
.containerMain--we .containerMain--we--container .containerMain--we--element:nth-child(3) { animation-delay: .3s; }
.containerMain--we .containerMain--we--container .containerMain--we--element:nth-child(4) { animation-delay: .4s; }
.containerMain--we .containerMain--we--container .containerMain--we--content { background: #fff; transition: all .3s; border-radius: 4px; position: relative; height: 170px; box-shadow: 0 30px 30px 0 rgba(32,35,38,0.05); background-size: cover !important; }
.containerMain--we .containerMain--we--container .containerMain--we--content:hover { margin-top: -15px; }
.containerMain--we .containerMain--we--container .containerMain--we--content span { position: absolute; bottom: 20px; left: 25px; font-size: 18px; font-weight: 500; color: #333; text-shadow: 0 2px 3px rgba(0,0,0,0.1) }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerMain--solutions { position: relative; border-radius: 4px; overflow: hidden; height: 100px; background: #fff url('../img/s.jpg') left center no-repeat; box-shadow: 0 30px 30px 0 rgba(32,35,38,0.05); }
.containerMain--solutions .containerMain--solutions--button { height: 100px; width: 310px; transition: all .3s; cursor: pointer; background: #0bac96; float: right; color: #fff; padding: 29px 27px; box-sizing: border-box; }
.containerMain--solutions .containerMain--solutions--button:hover { background: #333; }
.containerMain--solutions .containerMain--solutions--button .solutions--button--title { font-size: 18px; font-weight: 500; padding-bottom: 2px; text-transform: uppercase; }
.containerMain--solutions .containerMain--solutions--button .solutions--button--small { font-size: 13px; opacity: 0.8; }
.containerMain--solutions .containerMain--solutions--content { margin: 0 332px 0 272px; padding: 25px 0; }
.containerMain--solutions .containerMain--solutions--content .solutions--content--title { font-size: 22px; font-weight: 500; }
.containerMain--solutions .containerMain--solutions--content .solutions--content--title b { color: #0bac96; font-weight: 700; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerCatalogue--title { font-size: 24px; font-weight: 500; color: #000; padding-bottom: 15px; }
.containerCatalogue--intro { line-height: 24px; padding-bottom: 30px; }
.containerCatalogue--button { text-align: center; padding-bottom: 40px; }
.containerCatalogue--button a { padding: 0 199px !important; }
.containerMain--catalogue { width: calc(100% + 30px); position: relative; left: -15px; display: inline-block; }
.containerMain--catalogue .containerMain--catalogue--element { float: left; width: 25%; padding: 0 15px; margin-bottom: 30px; box-sizing: border-box; }
.containerMain--catalogue .containerMain--catalogue--element:nth-child(2) { animation-delay: .2s; }
.containerMain--catalogue .containerMain--catalogue--element:nth-child(3) { animation-delay: .3s; }
.containerMain--catalogue .containerMain--catalogue--element:nth-child(4) { animation-delay: .4s; }
.containerMain--catalogue .containerMain--catalogue--content { background: #f1f5f8; transition: all .3s; border-radius: 4px; position: relative; height: 200px; background-size: cover !important; }
.containerMain--catalogue .containerMain--catalogue--content:hover { transform: scale(1.1); }
.containerMain--catalogue .containerMain--catalogue--content .containerMain--catalogue--image { text-align: center; }
.containerMain--catalogue .containerMain--catalogue--content .containerMain--catalogue--image a { display: block; padding-top: 40px; }
.containerMain--catalogue .containerMain--catalogue--content .containerMain--catalogue--title { font-weight: 500; text-align: center; }
.containerMain--catalogue .containerMain--catalogue--content .containerMain--catalogue--title a { display: block; padding: 20px 0; color: #000; }
.containerMain--catalogue .containerMain--catalogue--content .containerMain--catalogue--title a:hover { text-decoration: none; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */

.catalogs-container {
    display: flex;
      flex-wrap: wrap;
      gap: 20px;
      padding: 20px;
}
.catalogs-card {
      display: flex;
      /*align-items: center;*/
      text-decoration: none;
      color: #333;
      padding: 10px;
      flex: 1 1 100%;
}
.catalogs-card span {
      font-size: 20px;
      padding:  0 30px;
}
@media (min-width: 768px) {
  .catalogs-card {
    flex: 0 0 calc((100% - 120px) / 3);

    ; /* 3 колонки */
  }
}
/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerSeo--title { font-size: 24px; font-weight: 500; color: #000; padding-bottom: 5px; }
.containerSeo--title b { color: #47b68c; }
.containerSeo--content { line-height: 24px; }
.containerSeo--content p:last-child { padding-bottom: 0; margin-bottom: 0; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.simple-rating { position: relative; }
.simple-rating i { color: #f5ba00; display: inline-block; padding: 1px 2px; cursor: pointer; }
.company--inside--overplay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); text-align: center; z-index: 100; display: none; }
.company--inside--overplay img { display: block; position: absolute; top: -230px; left: 0; bottom: 0; right: 0; margin: auto; }
.company--inside--add { margin-top: 40px; padding-top: 40px; border-top: 2px solid #eee; }
.company--inside--form { position: relative; transition: all .5s; }
.company--inside--form .company--inside--form--left { margin-right: 262px; }
.company--inside--form .company--inside--form--left input { font-size: 15px; }
.company--inside--form .company--inside--form--left textarea { font-size: 15px; }
.company--inside--form .company--inside--form--right { float: right; width: 232px; }
.company--inside--stars h3 { font-weight: 500; font-size: 15px; padding-bottom: 10px; }
.company--inside--form.active { filter: blur(8px); }
.company--inside--form label { display: inline-block; width: 100%; position: relative; margin-bottom: 10px; }
.company--inside--form label:last-child { margin-bottom: 0; }
.company--inside--form label.hide { display: none; }
.stars--rating--element { float: left; width: 24px; height: 24px; background: url('../img/star.svg') no-repeat; background-size: 100%; margin-right: 8px; filter: grayscale(1); transition: all .2s; cursor: pointer; }
.stars--rating--element:last-child { margin-right: 0; }
.stars--rating--element.active { filter: grayscale(0); }
.stars--rating--element.active--o { filter: grayscale(1); }
.add--container--input { height: 40px; border: 1px solid #ddd; line-height: 40px; width: 100%; padding: 0 12px; box-sizing: border-box; border-radius: 4px; transition: all .2s; font-size: 14px; color: #666; }
.add--container--input:active { border-color: #0bac96; }
.add--container--input:focus { border-color: #0bac96; }
.add--container--area { height: 100px; border: 1px solid #ddd; width: 100%; padding: 12px; box-sizing: border-box; border-radius: 4px; transition: all .2s; font-size: 14px; color: #666; max-width: 100%; }
.add--container--area.large { height: 110px; }
.add--container--area.client { height: 204px; }
.add--container--area:active { border-color: #0bac96; }
.add--container--area:focus { border-color: #0bac96; }
.company--inside--block { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
.company--inside--block:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.company--inside--title { font-size: 15px; font-weight: 700; color: #000; padding-bottom: 20px; text-transform: uppercase; position: relative; }
.company--inside--title::after { content: ''; width: 32px; height: 2px; background: #0bac96; display: block; position: absolute; bottom: 15px; left: 0; }
.rating--stars--elements { margin-right: 30px; }
.rating--stars--element { float: left; width: 16px; height: 16px; background: url('../img/star.svg') no-repeat; background-size: 100%; margin-right: 4px; filter: grayscale(1); opacity: 0.4; }
.rating--stars--element.active { filter: grayscale(0); opacity: 1; }
.company--inside--rating--stars { position: absolute; top: 10px; right: 0; }
.company--inside--rating--stars .rating--stars--value { display: inline-block; margin-left: 10px; vertical-align: middle; }
.company--inside--rating--stars .rating--stars--elements { margin-right: 0; display: inline-block; vertical-align: middle; }
.company--inside--rating--stars .rating--stars--info { margin-right: 0; display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; }
.company--inside--rating--stars .rating--stars--info:hover span { opacity: 1; visibility: visible; }
.company--inside--rating--stars .rating--stars--info span { opacity: 0; visibility: hidden; transition: all .3s; position: absolute; top: -30px; display: block; width: 180px; left: -100px; font-size: 11px; padding: 10px 10px; border-radius: 4px; line-height: 18px; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1); }

/* --------------------------------- */
.comment--element { display: inline-block; width: 100%; border-radius: 4px; margin-top: 20px; box-sizing: border-box; border: 1px solid #eee; }
.comment--element .comment--element--header { position: relative; background: #f4f4f4; border-radius: 2px 2px 0 0; padding: 20px; overflow: hidden; }
.comment--element .comment--element--name { font-weight: 600; float: left; }
.comment--element .comment--element--date { color: #888; float: right; font-size: 13px; position: relative; top: 1px; }
.comment--element .comment--element--content { padding: 20px; line-height: 24px; color: #000; }
.comment--element .comment--element--rating { padding: 10px 20px; border-top: 1px solid #eee; overflow: hidden; }
.comment--element .comment--element--rating .element--rating--title { float: left; width: 240px; color: #666; }
.comment--element .comment--element--rating .element--rating--stars { margin-left: 240px; padding-top: 2px; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerCheck { margin: 20px 0 0 0; position: relative; border: 2px dashed #ddd; border-radius: 4px; padding: 20px; }
.containerCheck .containerCheck--button { float: right; width: 240px; }
.containerCheck .containerCheck--text { margin-right: 270px; padding-bottom: 4px; }
.containerCheck .containerCheck--text b { display: block; text-transform: uppercase; padding-bottom: 3px; font-size: 16px; padding-top: 4px; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerDefault { padding: 40px 0; position: relative; overflow: hidden; background: #fff; border-top: 2px solid #ecf0f4; }
.containerDefault .containerDefault--left { float: left; width: 280px; margin-bottom: 30px; }
.containerDefault .containerDefault--right { margin-left: 320px; position: relative; }
.containerDefault .containerDefault--right .containerDefault--right--header { position: relative; }
.containerDefault .containerDefault--right .containerDefault--right--header .right--header--bread { padding-bottom: 2px; font-size: 13px; }
.containerDefault .containerDefault--right .containerDefault--right--header .right--header--bread a { color: #666; }
.containerDefault .containerDefault--right .containerDefault--right--header .right--header--title { font-size: 27px; font-weight: 400; color: #141414; }
.containerDefault .containerDefault--right .containerDefault--right--content { padding-top: 15px; }
.containerDefault .containerDefault--right--issue { line-height: 21px; }
.containerDefault .containerDefault--mobile { font-weight: 500; line-height: 24px; margin-bottom: 20px; display: none; }
.containerDefault .containerDefault--mobile img { position: relative; top: -1px; margin-right: 10px; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.checkWindow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 500; display: none; }
.checkWindow .checkWindow--container .checkWindow--close { position: absolute; top: 8px; right: 15px; font-size: 30px; cursor: pointer; }
.checkWindow .checkWindow--container .checkWindow--title { text-transform: uppercase; font-size: 16px; font-weight: 700; padding: 40px 50px 15px 50px; }
.checkWindow .checkWindow--container { width: 480px; height: 625px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; box-sizing: border-box; }
.checkWindow .checkWindow--container.mini { height: 365px; }
.checkWindow .checkWindow--container.mini--two { height: 575px; }
.checkWindow .checkWindow--container label { display: inline-block; width: 100%; padding: 4px 50px; box-sizing: border-box; }
.checkWindow .checkWindow--container label.line { background: #f1f5f8; }
.checkWindow .checkWindow--container .label { display: flex; width: 100%; padding: 4px 50px; box-sizing: border-box; }
.checkWindow .checkWindow--container input { background-color: #fff; border-radius: 3px; border: solid 1px rgba(39,86,134,0.2); box-sizing: border-box; display: block; height: 44px; line-height: 44px; outline: none; padding: 0 12px; color: #666; font-size: 14px; position: relative; text-align: left !important; transition: all 0.2s ease-in-out; user-select: none; white-space: nowrap; width: 100%; }
.checkWindow .checkWindow--container .checkWindow--final { text-align: center; padding: 20px; border: 2px dashed #0bac96; border-radius: 4px; margin: 0 50px 30px 50px; font-weight: 700; text-transform: uppercase; color: #0bac96; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.consultationWindow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 500; display: none; }
.consultationWindow .consultationWindow--container .consultationWindow--close { position: absolute; top: 8px; right: 15px; font-size: 30px; cursor: pointer; }
.consultationWindow .consultationWindow--container .consultationWindow--title { text-transform: uppercase; font-size: 16px; font-weight: 700; padding: 40px 50px 15px 50px; }
.consultationWindow .consultationWindow--container { width: 480px; height: 325px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; box-sizing: border-box; }
.consultationWindow .consultationWindow--container label { display: inline-block; width: 100%; padding: 4px 50px; box-sizing: border-box; }
.consultationWindow .consultationWindow--container label.line { background: #f1f5f8; }
.consultationWindow .consultationWindow--container .label { display: flex; width: 100%; padding: 4px 50px; box-sizing: border-box; }
.consultationWindow .consultationWindow--container input { background-color: #fff; border-radius: 3px; border: solid 1px rgba(39,86,134,0.2); box-sizing: border-box; display: block; height: 44px; line-height: 44px; outline: none; padding: 0 12px; color: #666; font-size: 14px; position: relative; text-align: left !important; transition: all 0.2s ease-in-out; user-select: none; white-space: nowrap; width: 100%; }
.consultationWindow .consultationWindow--container .consultationWindow--final { text-align: center; padding: 20px; border: 2px dashed #0bac96; border-radius: 4px; margin: 0 50px 30px 50px; font-weight: 700; text-transform: uppercase; color: #0bac96; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerCatalogue.inside { width: calc(100% + 30px); position: relative; left: -15px; display: inline-block; }
.containerCatalogue .containerCatalogue--element { float: left; width: 33.3333%; padding: 0 15px; margin-bottom: 30px; box-sizing: border-box; }
.containerCatalogue .containerCatalogue--element--content { box-shadow: 0 3px 10px rgba(0,0,0,0.1); border-radius: 4px; padding: 20px; transition: all .3s; }
.containerCatalogue .containerCatalogue--element--content:hover { box-shadow: 0 3px 40px rgba(0,0,0,0.1);}
.containerCatalogue .containerCatalogue--element--content .containerCatalogue--element--image { position: relative; padding: 0 0 15px 0; overflow: hidden; max-height: 266px; }
.containerCatalogue .containerCatalogue--element--content .containerCatalogue--element--image img { width: 100%; }
.containerCatalogue .containerCatalogue--element--content .containerCatalogue--element--present { position: relative; }
.containerCatalogue .containerCatalogue--element--content .containerCatalogue--element--present h3 { font-size: 16px; font-weight: 500; padding-bottom: 3px; min-height: 60px; }
.containerCatalogue .containerCatalogue--element--content .containerCatalogue--element--present .present--category a { color: #999; font-size: 13px; }
.containerCatalogue .containerCatalogue--element--content .containerCatalogue--bottom { padding-top: 15px; display: inline-block; width: 100%; }
.containerCatalogue .containerCatalogue--element--content .containerCatalogue--bottom.no .bottom--price.price_1 { display: block !important; }
.containerCatalogue .containerCatalogue--element--content .containerCatalogue--bottom.no .bottom--price.price_2 { display: none; }
.containerCatalogue .containerCatalogue--element--content .containerCatalogue--bottom .bottom--price { float: left; }
.containerCatalogue .containerCatalogue--element--content .containerCatalogue--bottom .bottom--articul { float: right; color: #999; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.itemContainer { display: inline-block; width: 100%; position: relative; padding-top: 15px; }
.itemContainer .itemContainer--images { float: left; width: 500px; }
.itemContainer .itemContainer--images .itemContainer--images--main { border: 1px solid #ddd; padding: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.itemContainer .itemContainer--images .itemContainer--images--main img { max-width: 100%; }
.itemContainer .itemContainer--images .itemContainer--images--thumbs { padding-top: 15px; }
.itemContainer .itemContainer--images .itemContainer--images--thumbs a { border: 1px solid #ddd; box-shadow: 0 10px 30px rgba(0,0,0,0.1); margin-bottom: 15px; margin-right: 15px; width: 100px; height: 100px; display: inline-block; padding: 10px; box-sizing: border-box; }
.itemContainer .itemContainer--images .itemContainer--images--thumbs a img { max-width: 100%; }
.itemContainer .itemContainer--content { margin-left: 540px; }
.itemContainer .itemContainer--content .itemContainer--content--title { font-size: 24px; font-weight: 500; padding-bottom: 2px; }
.itemContainer .itemContainer--content .itemContainer--content--buy {padding: 37.6px 4px 0;}
.itemContainer .itemContainer--content .itemContainer--content--article { padding-bottom: 20px; color: #999; }
.itemContainer .itemContainer--content--text {  float: left; line-height: 22px; margin-top: 20px; padding-top: 20px; border-top: 2px solid #ddd; margin-left: 20px; padding-left: 20px; width: 100%;}
.itemContainer .itemContainer--content--text img{  max-width: 100%;  height: auto;}
.itemContainer .itemContainer--content .itemContainer--content--text img { max-width: 100%; height: auto !important; }
.itemContainer .itemContainer--content .itemContainer--content--text p:first-child { margin-top: 0; padding-top: 0; }
.itemContainer .itemContainer--content .itemContainer--content--text p:last-child { margin-bottom: 0; padding-bottom: 0; }

.tab-panel { display: none; padding: 25px;
    background: rgb(255, 255, 255);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(0, 180, 156);
    border-image: initial;
    border-radius: 0px 0px 4px 4px;}
.tab-btn { border:none; height: 50px; padding: 0 25px; border-radius: 4px 4px 0 0; transition: all .3s; text-align: center; color: #000; display: inline-block; margin-right: 0; line-height: 50px; font-weight: 500; }
.tab-btn.active { background: #00b49c; color: #fff; }
.tabs--files--element {
    display: inline-block;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid rgb(237, 237, 237);
}
.tabs--files--icon {
    float: left;
    height: 50px;
    width: 50px;
}
.tabs--files--title {
    float: left;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    font-weight: 500;
}
.tabs--files--links {
    float: right;
    padding: 5px 0px;
}

.itemContainer .itemContainer--content .itemContainer--content--price { font-size: 21px; font-weight: 500; color: #000; padding-bottom: 10px; border-top: 2px solid #ddd; padding-top: 20px; }
.itemContainer .itemContainer--content .itemContainer--content--params { font-size: 15px; font-weight: 500; color: #000; padding-bottom: 10px; border-top: 2px solid #ddd; display:flex;  white-space: nowrap;}
.itemContainer .itemContainer--images .controls {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.itemContainer .itemContainer--images .controls .tree-button {
    width: 30px;
    height: 30px;
    background-color: #17a2b8;
    border: 1px solid #17a2b8;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    border-radius: .2rem;
}
.itemContainer .itemContainer--images .controls .tree-button:hover {
    transition: .2s all ease-in-out !important;
    box-shadow: 0 0 0 transparent !important;
}
.itemContainer .itemContainer--content .itemContainer--content--params .pleft {
    flex: 1;
}
.itemContainer .itemContainer--content .itemContainer--content--params .pright {
    flex: 1;
}
.itemContainer .itemContainer--content .itemContainer--content--params #currencyPicker {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center; 
}
.itemContainer .itemContainer--content .itemContainer--content--params #currencyPicker label {
    border: 1px solid #ddd;
    border-radius: 5px;
    flex-direction: row;
    margin-right: 10px; 
}
.itemContainer .itemContainer--content .itemContainer--content--params div.chck { align-items: center; display: flex;flex-direction: row; border-bottom: 2px solid #ddd}
.itemContainer .itemContainer--content .itemContainer--content--params div.chck input{width: 30px;
    height: 30px; }
    
.itemContainer .itemContainer--content .itemContainer--content--params label {  display: flex;  width: 100%; padding: 4px 4px; box-sizing: border-box; flex-direction: column; align-items: flex-start; }

.itemContainer .itemContainer--content .itemContainer--content--params .label input{ width: 90%;  line-height: 30px;}
.itemContainer .itemContainer--content .itemContainer--content--params .label span{ padding: 5px;     text-wrap-mode: wrap;}
.itemContainer .itemContainer--content .itemContainer--content--params .nice-select{  width: 90%; height: 30px; line-height: 30px;}

.itemContainer .itemContainer--content .itemContainer--content--params label.line { background: #f1f5f8; }
.itemContainer .itemContainer--content .itemContainer--content--params .label { position: relative; display: flex; width: 100%; padding: 10px 4px 0; box-sizing: border-box; flex-direction: column; align-items: flex-start; }
.itemContainer .itemContainer--content .itemContainer--content--params  input {  background-color: #fff; border-radius: 3px; border: solid 1px rgba(39,86,134,0.2); box-sizing: border-box; flex: 1;  line-height: 44px; outline: none; padding: 0 12px; color: #666; font-size: 14px; position: relative; text-align: left !important; transition: all 0.2s ease-in-out; user-select: none; white-space: nowrap;  }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper { position: relative; width: 90%; font-family: sans-serif; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper .trigger { width: 100%; display: flex; align-items: center; gap: 10px; padding: 6px; border: solid 1px rgba(39,86,134,0.2); background: #fff; cursor: pointer; border-radius: 6px; height: 32px; line-height: 32px; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper .trigger .active-swatch { width: 20px; height: 20px; border: 1px solid #ddd; background: transparent; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper .dropdown{ display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 4px 15px rgba(0,0,0,0.15); z-index: 1000; padding: 12px; border-radius: 6px; margin-top: 5px;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper .dropdown .search{ height: 44px; margin-left: 0; padding: 8px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper .dropdown .grid{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; max-height: 400px; overflow-y: auto; z-index: 1001;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper .dropdown .grid div{ width: 40px; height: 40px; cursor: pointer; border-radius: 4px; border: 1px solid #eee; transition: transform 0.1s; z-index: 1002;}

.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-lam { position: relative; width: 90%; font-family: sans-serif; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-lam .trigger-lam { width: 100%; display: flex; align-items: center; gap: 10px; padding: 6px; border: solid 1px rgba(39,86,134,0.2); background: #fff; cursor: pointer; border-radius: 6px; height: 32px; line-height: 32px; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-lam .trigger-lam .active-swatch-lam { width: 20px; height: 20px; border: 1px solid #ddd; background: transparent; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-lam .dropdown-lam{ display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 4px 15px rgba(0,0,0,0.15); z-index: 1000; padding: 12px; border-radius: 6px; margin-top: 5px;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-lam .dropdown-lam .search-lam{ height: 44px; margin-left: 0; padding: 8px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-lam .dropdown-lam .grid-lam{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; max-height: 400px; overflow-y: auto; z-index: 1001;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-lam .dropdown-lam .grid-lam div{ width: 40px; height: 40px; cursor: pointer; border-radius: 4px; border: 1px solid #eee; transition: transform 0.1s; z-index: 1002;}

.itemContainer .itemContainer--content .itemContainer--content--params .dmp-picker { display: none}
.itemContainer .itemContainer--content .itemContainer--content--params .dmp-picker-active { display: flex}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dmp { position: relative; width: 90%; font-family: sans-serif; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dmp .trigger-dmp { width: 100%; display: flex; align-items: center; gap: 10px; padding: 6px; border: solid 1px rgba(39,86,134,0.2); background: #fff; cursor: pointer; border-radius: 6px; height: 32px; line-height: 32px; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dmp .trigger-dmp .active-swatch-dmp { width: 20px; height: 20px; border: 1px solid #ddd; background: transparent; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dmp .dropdown-dmp{ display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 4px 15px rgba(0,0,0,0.15); z-index: 1000; padding: 12px; border-radius: 6px; margin-top: 5px;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dmp .dropdown-dmp .search-dmp{ height: 44px; margin-left: 0; padding: 8px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dmp .dropdown-dmp .grid-dmp{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; max-height: 400px; overflow-y: auto; z-index: 1001;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dmp .dropdown-dmp .grid-dmp div{ width: 40px; height: 40px; cursor: pointer; border-radius: 4px; border: 1px solid #eee; transition: transform 0.1s; z-index: 1002;}

.itemContainer .itemContainer--content .itemContainer--content--params .prf-picker { display: none}
.itemContainer .itemContainer--content .itemContainer--content--params .prf-picker-active { display: flex}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-prf { position: relative; width: 90%; font-family: sans-serif; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-prf .trigger-prf { width: 100%; display: flex; align-items: center; gap: 10px; padding: 6px; border: solid 1px rgba(39,86,134,0.2); background: #fff; cursor: pointer; border-radius: 6px; height: 32px; line-height: 32px; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-prf .trigger-prf .active-swatch-prf { width: 20px; height: 20px; border: 1px solid #ddd; background: transparent; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-prf .dropdown-prf{ display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 4px 15px rgba(0,0,0,0.15); z-index: 1000; padding: 12px; border-radius: 6px; margin-top: 5px;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-prf .dropdown-prf .search-prf{ height: 44px; margin-left: 0; padding: 8px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-prf .dropdown-prf .grid-prf{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; max-height: 400px; overflow-y: auto; z-index: 1001;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-prf .dropdown-prf .grid-prf div{ width: 40px; height: 40px; cursor: pointer; border-radius: 4px; border: 1px solid #eee; transition: transform 0.1s; z-index: 1002;}

.itemContainer .itemContainer--content .itemContainer--content--params .dspopt-picker { display: none}
.itemContainer .itemContainer--content .itemContainer--content--params .dspopt-picker-active { display: flex}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dspopt { position: relative; width: 90%; font-family: sans-serif; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dspopt .trigger-dspopt { width: 100%; display: flex; align-items: center; gap: 10px; padding: 6px; border: solid 1px rgba(39,86,134,0.2); background: #fff; cursor: pointer; border-radius: 6px; height: 32px; line-height: 32px; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dspopt .trigger-dspopt .active-swatch-dspopt { width: 20px; height: 20px; border: 1px solid #ddd; background: transparent; }
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dspopt .dropdown-dspopt{ display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 4px 15px rgba(0,0,0,0.15); z-index: 1000; padding: 12px; border-radius: 6px; margin-top: 5px;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dspopt .dropdown-dspopt .search-dspopt{ height: 44px; margin-left: 0; padding: 8px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dspopt .dropdown-dspopt .grid-dspopt{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; max-height: 400px; overflow-y: auto; z-index: 1001;}
.itemContainer .itemContainer--content .itemContainer--content--params .label .picker-wrapper-dspopt .dropdown-dspopt .grid-dspopt div{ width: 40px; height: 40px; cursor: pointer; border-radius: 4px; border: 1px solid #eee; transition: transform 0.1s; z-index: 1002;}


.itemContainer .itemContainer--content .itemContainer--content--params .label .dropdown-pidkl1{ display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; box-shadow: 0 4px 15px rgba(0,0,0,0.15); z-index: 1000; padding: 12px; border-radius: 6px; margin-top: 5px;}

.itemContainer .itemContainer--content .itemContainer--content--params .itemContainer--content--refresh {
    padding:10px 4px;
}
.itemContainer .itemContainer--content .itemContainer--content--params img {vertical-align: bottom; cursor: pointer; display:none; }
.itemContainer .itemContainer--content .itemContainer--content--params img[title]:not([title=""]) {display:inline; }
.checkWindow .checkWindow--container .checkWindow--final { text-align: center; padding: 20px; border: 2px dashed #0bac96; border-radius: 4px; margin: 0 50px 30px 50px; font-weight: 700; text-transform: uppercase; color: #0bac96; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerOrder--online { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 350px; margin: auto; background: #fff; height: 250px; border-radius: 4px; padding: 37px; box-sizing: border-box; box-shadow: 0 10px 20px rgba(0,0,0,0.1); z-index: 500; }
.containerOrder--online .containerOrder--online--title { font-size: 16px; color: #000; font-weight: 600; padding-bottom: 20px; }
.containerOrder--online .containerOrder--online--content { padding-bottom: 20px; line-height: 21px; }
.containerOrder { position: relative; display: inline-block; width: 100%; box-sizing: border-box; transition: all .2s; }
.containerOrder.loading { filter: blur(2px); }
.containerOrder--auth { padding: 15px 25px; background: #e4ebf4; }
.containerOrder .containerOrder--items { margin-left: 700px; border: 2px dashed #f0f0f0; border-radius: 4px; box-sizing: border-box; padding: 40px; }
.containerOrder .containerOrder--items .containerOrder--items--title { font-size: 16px; font-weight: 600; color: #000; padding-bottom: 25px; border-bottom: 2px solid #f0f3f7; }
.containerOrder .containerOrder--items .containerOrder--items--total { padding-top: 15px; padding-bottom: 15px;}
.containerOrder .containerOrder--items .containerOrder--items--rules { padding-top: 15px; border-top: 2px solid #f0f3f7;}
.containerOrder .containerOrder--items .containerOrder--items--rules .items--rules--oft{ padding-bottom: 10px;}
.containerOrder .containerOrder--items .containerOrder--items--rules .items--rules--oft input{ height:15px; width: 15px;}
.containerOrder .containerOrder--items .containerOrder--items--rules .items--rules--pk{ padding-bottom: 10px;}
.containerOrder .containerOrder--items .containerOrder--items--rules .items--rules--pk input{ height:15px; width: 15px;}
.containerOrder .containerOrder--items .containerOrder--items--online { padding-top: 25px; }
.containerOrder .containerOrder--items .containerOrder--items--order { padding-top: 25px; }
.containerOrder .containerOrder--items .containerOrder--items--total b { color: #000; }
.containerOrder .containerOrder--items .containerOrder--items--total .items--total--price { font-size: 14px; padding-top: 10px; }
.containerOrder .containerOrder--items .containerOrder--items--total .items--total--delivery { font-size: 14px; }
.containerOrder .containerOrder--form { float: left; width: 670px; }
.containerOrder .containerOrder--form .containerOrder--form--title {  font-size: 16px; font-weight: 600; color: #000; padding: 0 0 20px 0; }
.containerOrder .containerOrder--form label { width: 100%; float: left; margin-bottom: 15px; }
.containerOrder .containerOrder--form .disabled { pointer-events: none; opacity: 0.5; }
.containerOrder .containerOrder--form .label { width: 100%; float: left; margin-bottom: 15px; }
.containerOrder .containerOrder--form .label.none { margin-bottom: 0; }
.containerOrder .containerOrder--form .label#ware--houses { display: none; }
.containerOrder .containerOrder--form .label#ware--houses--postomat { display: none; }
.containerOrder .containerOrder--form .label#payment--edrpou { display: none; }
.containerOrder .containerOrder--form .form--single label { width: 100%; float: left; }
.containerOrder .containerOrder--form .form--single#delivery--simple { display: none; }
.containerOrder .containerOrder--form .form--single#delivery--simple label:last-child { margin-bottom: 0; }
.containerOrder .containerOrder--form .form--single#delivery--nova { display: none; }
.containerOrder .containerOrder--form .form--double label { width: 49%; float: left; }
.containerOrder .containerOrder--form .form--double label:last-child { float: right; }
.containerOrder .containerOrder--form .form--double .label { width: 49%; float: left; }
.containerOrder .containerOrder--form .form--double .label:last-child { float: right; }
.containerOrder .containerOrder--form .form--input { width: 100%; height: 50px; background: #F0F3F7; border: none; border-radius: 3px; box-sizing: border-box; padding: 0 15px; line-height: 50px; font-size: 14px; }
.containerOrder .containerOrder--form .form--textarea { width: 100%; height: 170px; border: none; background: #F0F3F7; border-radius: 3px; box-sizing: border-box; padding: 15px; font-size: 14px; }
.containerOrder .containerOrder--form .form--delivery { padding: 25px; border: 2px dashed #F0F3F7; border-radius: 4px; display: inline-block; width: 100%; box-sizing: border-box; margin-bottom: 15px; }
.containerOrder .containerOrder--form .form--delivery .form--delivery--title { font-weight: 600; color: #000; padding-bottom: 15px; }
.containerOrder .containerOrder--items--rules .form--input { margin: 10px 0; width: 100%; height: 50px; background: #F0F3F7; border: none; border-radius: 3px; box-sizing: border-box; padding: 0 15px; line-height: 50px; font-size: 14px; }
/* ---- ---- ---- ---- ---- ---- ---- ---- */
.counts--overlay { float: left; }
.counts--overlay { display: block; position: relative; }
.counts--overlay button.button { width: 28px; height: 28px; vertical-align: top; line-height: 28px; position: relative; background: #f2eff5; text-align: center; box-sizing: border-box; padding: 0; font-size: 18px; font-weight: 300; }
.counts--overlay input.pageCardValueInput { width: 55px; margin: 0 5px; font-size: 14px; text-align: center; vertical-align: top; height: 28px; border: 1px solid #f2eff5; border-radius: 4px; line-height: 28px; box-sizing: border-box; }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.sideBasket { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 999; display: none; }
.sideBasket .sideBasket--background { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.sideBasket .sideBasket--overlay { position: fixed; top: 0; right: 0; width: 400px; background: #fff; height: 100%; z-index: 500; margin-right: -500px; transition: all .5s; }
.sideBasket .sideBasket--overlay.active { margin-right: 0; }
.sideBasket .sideBasket--overlay .sideBasket--bottom { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px; box-sizing: border-box; border-top: 1px solid #eee; }
.sideBasket .sideBasket--content--order { padding: 0 25px; }
.sideBasket .sideBasket--bottom--order { display: block; text-align: center; height: 44px; line-height: 44px; font-size: 14px; font-weight: 600; color: #0bac96; border: 2px solid #0bac96; border-radius: 4px; text-transform: uppercase; transition: all .2s; }
.sideBasket .sideBasket--bottom--order:hover { background: #0bac96; text-decoration: none; color: #fff; }
.sideBasket .sideBasket--overlay .sideBasket--bottom .sideBasket--bottom--close {  display: block; text-align: center; height: 44px; line-height: 44px; font-size: 14px; font-weight: 600; color: #6d7681; text-transform: uppercase; border: 2px solid #f3f6fa; border-radius: 4px; margin-top: 10px; transition: all .2s; }
.sideBasket .sideBasket--overlay .sideBasket--bottom .sideBasket--bottom--close:hover { background: #f3f6fa; text-decoration: none; }
.sideBasket .sideBasket--overlay .sideBasket--header { height: 70px; background: #f3f6fa; overflow: hidden; padding: 23px 25px; box-sizing: border-box; }
.sideBasket .sideBasket--overlay .sideBasket--header .sideBasket--header--close { float: right; height: 24px; font-size: 14px; color: rgba(0,0,0,0.4); line-height: 24px; cursor: pointer; transition: all .2s; position: relative; left: 4px; }
.sideBasket .sideBasket--overlay .sideBasket--header .sideBasket--header--close:hover { color: #141414; }
.sideBasket .sideBasket--overlay .sideBasket--header .sideBasket--header--title { float: left; height: 24px; font-size: 17px; color: #141414; line-height: 24px; }
.sideBasket .sideBasket--overlay .sideBasket--content { position: absolute; top: 70px; bottom: 156px; left: 0; width: calc(100% + 18px); overflow: auto; padding-right: 17px; box-sizing: border-box; }
.sideBasket--element { padding: 15px 37px 15px 25px; border-bottom: 1px solid #eee; overflow: hidden; }
.sideBasket--element .sideBasket--element--image { float: left; width: 80px; padding: 5px; border: 1px solid #eee; box-sizing: border-box; }
.sideBasket--element .sideBasket--element--image img { width: 100%; }
.sideBasket--element .sideBasket--element--present { margin-left: 100px; text-align: left; }
.sideBasket--element .sideBasket--element--present .sideBasket--element--present--header { overflow: hidden; position: relative; }
.sideBasket--element .sideBasket--element--present .sideBasket--element--present--header .sideBasket--element--present--title { font-size: 14px; font-weight: 600; }
.sideBasket--element .sideBasket--element--present .sideBasket--element--present--header .sideBasket--element--present--title span { display: block; padding-top: 3px; font-weight: 400; font-size: 11px; color: #999; }
.sideBasket--element .sideBasket--element--present .sideBasket--element--present--header .sideBasket--element--present--delete { position: absolute; top: -9px; right: 0; font-size: 25px; color: #999; transition: all .2s; cursor: pointer; }
.sideBasket--element .sideBasket--element--present .sideBasket--element--present--header .sideBasket--element--present--delete:hover { color: #000; }
.sideBasket--element .sideBasket--element--present .sideBasket--element--present--filling { padding-bottom: 15px; font-size: 12px; }
.sideBasket--element .sideBasket--element--present .sideBasket--element--present--filling--second { padding-bottom: 15px; font-size: 12px; }
.sideBasket--element .sideBasket--element--present .sideBasket--element--present--color { padding-bottom: 15px; font-size: 12px; }
.sideBasket--content--total { padding: 25px; border-top: 1px solid #eee; }
.sideBasket--content--total span { float: right; }
.sideBasket--element--present--content { margin-top: 14px; }
.sideBasket--element--present--time { display: inline-block; width: 100%; box-sizing: border-box; margin-top: 10px; border: 1px dashed #ffd2c2; border-radius: 4px; clear: both; padding: 10px; color: #000; }
.sideBasket--element--present--time:empty { padding: 0; margin-top: 0; border: none; display: block; }
.sideBasket--element--present--count { float: left; width: 130px; }
.sideBasket--element--present--price { float: right; font-weight: 600; line-height: 32px; }
.sideBasket--element--present--add { float: right; font-weight: 600;  }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerFooter--header { position: relative; overflow: hidden; height: 50px; }
.containerFooter--header .containerFooter--payments { float: left; margin-left: 30px; padding-left: 22px; height: 50px; border-left: 2px solid #ecf0f4; padding-top: 5px; box-sizing: border-box; }
.containerFooter--header .containerFooter--payments img { height: 38px; }
.containerFooter--header .containerFooter--socials { float: left; margin-left: 30px; padding-left: 30px; height: 50px; border-left: 2px solid #ecf0f4; padding-top: 11px; box-sizing: border-box; }
.containerFooter--header .containerFooter--socials a { display: inline-block; margin-right: 10px; transition: all .3s; }
.containerFooter--header .containerFooter--socials a:last-child { margin-right: 0; }
.containerFooter--header .containerFooter--socials a:hover { opacity: 0.7; }
.containerFooter--header .containerFooter--logotype { float: left; margin-top: 11px; }
.containerFooter--header .containerFooter--logotype .containerFooter--logo { display: block; width: 174px; height: 28px; background: url('../img/hitachi_logo.png') no-repeat; }
.containerFooter--contacts { float: right; height: 50px;  margin-right: 30px; padding-right: 30px; border-right: 2px solid #ecf0f4;}
.containerFooter--contacts a { color: #2f353c; }
.containerFooter--contacts .contacts--phone { font-size: 22px; font-weight: 500; color: #2f353c; padding: 1px 0; }
.containerFooter--contacts .contacts--email { font-size: 12px; }
.containerFooter--dates { float: right; margin-right: 30px; padding-right: 30px; height: 50px; border-right: 2px solid #ecf0f4; }
.containerFooter--dates .dates--buttons { position: relative; padding-top: 5px; }
.containerFooter--dates .dates--buttons a { display: inline-block; width: 24px; transition: all .3s; height: 24px; color: #2f353c; border-radius: 2px; text-align: center; line-height: 24px; font-size: 12px; text-transform: uppercase; font-weight: 500; }
.containerFooter--dates .dates--buttons a:hover { text-decoration: none; color: #000; }
.containerFooter--dates .dates--buttons a.active { background: #f1f1f1; }
.containerFooter--dates .dates--time { font-size: 12px; padding-left: 4px; padding-top: 3px; color: #888; }
.containerFooter--dates .dates--time .dates--time--element { display: none; }
.containerFooter--dates .dates--time .dates--time--element.active { display: block; }
.containerFooter--footer { padding-top: 25px; overflow: hidden; }
.containerFooter--footer .containerFooter--address { float: right; width: 434px; position: relative; }
.containerFooter--footer .containerFooter--address h3 { font-size: 15px; font-weight: 500; padding-bottom: 10px; }
.containerFooter--footer .containerFooter--address p { margin: 0; padding: 0; font-size: 14px; line-height: 21px; }
.containerFooter--footer .containerFooter--address .button { position: absolute; bottom: 0; right: 0; }
.containerFooter--aerostar { float: left; margin-top: 4px; }
.containerFooter--aerostar .containerFooter--star { display: block; width: 130px; height: 28px; background: url('../img/logo-8.png') no-repeat; }
.containerFooter--aerostar small { display: block; color: #0bac96; font-size: 12px; }
.containerFooter--aerostar small b {  font-weight: 500; }
.containerFooter--overflow { margin-right: 454px; }
.containerFooter--menu { padding-bottom: 10px; width: 100%; float: left; }
.containerFooter--menu ul li { float: left; padding: 0 0; font-weight: 500; margin-right: 30px; }
.containerFooter--menu ul li a { display: block; line-height: 20px; color: #2f353c; transition: all .3s; }
.containerFooter--menu ul li a:hover { color: #47b68c; text-decoration: none; }
.containerFooter--copyrights { line-height: 21px; }
.containerFooter--copyrights img { margin: 2px 0 0 4px; filter: grayscale(1); }

/* ---- ---- ---- ---- ---- ---- ---- ---- */
@media screen and (max-width: 1300px){
    .containerHeader--menu .menu--navigation ul li { margin-right: 15px; }
}

@media screen and (max-width: 1250px){
    .containerHeader--menu .menu--navigation { position: absolute; top: 61px; left: 0; background: #fff; box-shadow: 0 20px 50px rgba(0,0,0,0.1); z-index: 500; display: none; }
    .containerHeader--menu .menu--navigation ul li { width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #ddd; }
    .containerHeader--menu .menu--navigation ul li:last-child { border-bottom: none; }
    .containerHeader--menu .menu--navigation ul li a { padding: 20px 25px; line-height: normal; }
    .containerHeader--menu .menu--burger { display: block; }
    .containerCatalogue .containerCatalogue--element { width: 50%; }
}

@media screen and (max-width: 1170px){
    .containerOrder .containerOrder--form { width: 570px; }
    .containerOrder .containerOrder--items { margin-left: 600px; }
    .containerHeader--content .containerHeader--dates { display: none; }
}

@media screen and (max-width: 1100px){
    .containerMain--solutions .containerMain--solutions--content { margin: 0 332px 0 72px; }
    .containerMain--catalogue .containerMain--catalogue--element { width: 50%; }
    .containerMain--we .containerMain--we--container .containerMain--we--element { width: 50%; }
    .containerFooter--header { height: auto; }
    .containerFooter--header .containerFooter--payments { display: none; }
    .containerFooter--header .containerFooter--socials { display: none; }
    .containerFooter--header .containerFooter--dates { display: none; }
    .containerHeader--content .containerHeader--aerostar { display: none; }
    .containerHeader--content .containerHeader--contacts { margin-right: 0; padding-right: 0; border-right: none; }
    .containerHeader--content .containerHeader--contacts.second { display: none; }
    .containerOrder { padding: 0; }
    .containerOrder .containerOrder--form { width: 100%; margin-bottom: 10px; }
    .containerOrder .containerOrder--items { margin-left: 0; clear: both; }
}

@media screen and (max-width: 1000px){
    .itemContainer .itemContainer--content--text {  float: none;  margin-left: 0; padding-left: 0;}
    .containerMain--solutions .containerMain--solutions--content { display: none; }
    .containerMain--solutions .containerMain--solutions--button { width: 100%; }
    .containerCatalogue--button a { width: 100%; box-sizing: border-box; padding: 0 !important; }
    .containerFooter--overflow { margin: 0; clear: both; padding-top: 30px; }
    .containerFooter--footer .containerFooter--address { width: 100%; }
    .containerFooter--menu ul li { margin-right: 20px; }
    .containerDefault .containerDefault--left { width: 100%; }
    .containerDefault .containerDefault--right { margin-left: 0; clear: both; }
    .containerDefault .containerDefault--mobile { display: block; }
    .itemContainer .itemContainer--images { width: 100%; margin-bottom: 30px; text-align: center; }
    .itemContainer .itemContainer--content { margin-left: 0; }
    .containerOrder { padding: 0; }
    .containerOrder .containerOrder--form { width: 100%; margin-bottom: 10px; }
    .containerOrder .containerOrder--items { margin-left: 0; clear: both; }
    .containerCheck { display: inline-block; width: 100%; box-sizing: border-box; }
    .containerCheck .containerCheck--text { display: none; }
    .containerCheck .containerCheck--button { width: 100%; }
    .news--main .news--main--content .news--main--element { width: 50%; }
}

@media screen and (max-width: 700px){
    .containerCatalogue .containerCatalogue--element { width: 100%; }
    .containerCatalogue .containerCatalogue--element--content .containerCatalogue--element--image { position: relative; padding: 0 0 15px 0; overflow: hidden; max-height: none; }
    .containerHeader--menu .menu--navigation ul li:hover > ul { display: none; }
    .containerHeader--content .containerHeader--contacts { margin-top: 19px; }
    .containerHeader--content .containerHeader--contacts .contacts--phone { font-size: 17px; }
    .news--main .news--main--content .news--main--element { width: 100%; }
}