/* --------------------------------- */
.block{
 width:100%;
 margin:0 auto;
 background: #000;
}
.block p{
 text-align:center;
 margin: 0!important;
 color:#fff;
 padding-top: 5px;
 padding-bottom: 5px;
 animation: text 45s infinite linear;
 padding-left: 100%;
 white-space: nowrap;
}
@keyframes text {
 0%{
  transform: translate(0, 0);
 }

 100%{
  transform: translate(-160%, 0);
 }
}

@keyframes fadeInLeft {
 0% {
  opacity: 0;
  margin-left: -30px;
 }
 100% {
  opacity: 1;
  margin-left: 0;
 }
}

.containerWrapper { width: 100%; max-width: 1540px; padding: 0 30px; box-sizing: border-box; margin: 0 auto; position: relative; }
.containerPage { min-width: 540px; height: 100%; min-height: 100%; height: auto !important; overflow: hidden; }
.containerClear { height: 249px; clear: both; }
.containerPages { background: #fff; border-radius: 12px; padding: 25px; line-height: 24px; margin-bottom: 35px; }
.containerBody { transition: all .2s; min-width: 540px; overflow: hidden; }
.containerContent--header--bread { font-size: 14px; color: #c3c3c3;}
.containerContent .containerContent--header .containerContent--header--bread a { color: #c3c3c3; padding-bottom: 3px; }
.containerContent--header--title { margin-top: 20px; }
table { width: 100%; border-collapse: collapse; border-spacing: 10px 30px;}
table tr { border-bottom: 1px solid #fff }
table tr:last-child { border-bottom: 1px solid #ddd; }
table tr:hover td { background-color: #f5f5f5 }
table td,table th { padding: 15px; text-align: center; color: #000 }
table td:first-child,table th:first-child { text-align: left!important;}
ul#work-jobs-list li { padding-bottom: 15px;}
.change { float: right; padding: 50px 30px 30px 30px; max-width: 600px; }

.result { max-width: 700px; margin-left: auto; margin-right: auto; }
.accordion { box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); }
.accordion-item { position: relative; }
.accordion-toggle {box-sizing: border-box; display: block; width: 100%; cursor: pointer; padding: 20px; margin: 0; border: 0; border-bottom: 1px solid #cdcdcd; font-size: 16px; font-weight: 400; line-height: inherit; text-align: left; }

.accordion-panel {  border-bottom: 1px solid #cdcdcd; }
.accordion-panel > *:last-child { margin-bottom: 0; }
.accordion-panel p { padding: 20px; font-size: 14px; }
.arrow { z-index: -1; position: absolute; transform: translate(-6px, 0); margin-top: 26px; right: 0; padding-right: 20px; cursor: pointer; }
.arrow:before, .arrow:after { content: ""; transition: all 0.25s ease-in-out; position: absolute; background-color: black; width: 3px; height: 9px; }

.is-open > .arrow:before { transform: translate(-2px, 0) rotate(45deg); }
.arrow:before { transform: translate(2px, 0) rotate(45deg); }
.is-open > .arrow:after { transform: translate(2px, 0) rotate(-45deg); }
.arrow:after { transform: translate(-2px, 0) rotate(-45deg); }
.no-scroll { overflow: hidden; }
.bg-light { opacity: 0.3; }

/* --------------------------------- */
.containerContent { padding: 165px 0; overflow: hidden; background: #fff; }
.containerContent .containerContent--left { float: left; width: 240px; }
.containerContent .containerContent--right { margin-left: 270px; }
.containerContent .containerContent--header { padding-bottom: 30px; }
.containerContent .containerContent--header .containerContent--header--title h1 { font-size: 40px; color: #000; font-weight: 400; }

.containerHeader--burger { margin-left: 10px; display: none; float: left; width: 60px; height: 60px; box-sizing: border-box; padding: 20px 15px; cursor: pointer; }
.containerHeader--burger .burger--element { float: right; width: 100%; height: 2px; background: #000; margin: 3px 0; }
/* --------------------------------- */
.containerHeader { height: 113px;  position: fixed; top: 0; left: 0; width: 100%; z-index: 600; }
.containerHeader .containerHeader--one { width: 100%; background: #a2cde5 ;  position: relative; display: flow-root;}
.containerHeader .containerHeader--one .containerHeader--social { float: right; margin: 16px 0 10px 3px; }
.containerHeader .containerHeader--one .containerHeader--social a { padding: 0 10px 0 0; opacity: 0.5;}
.containerHeader .containerHeader--one .containerHeader--social a:hover { opacity: 1;}
.containerHeader .containerHeader--one .containerHeader--links { float: right; margin: 10px 0 10px 60px; }
.containerHeader .containerHeader--one .containerHeader--links a { display: inline-block; margin-right: 20px; line-height: 32px; font-size: 15px; color: #000; border-bottom: 2px solid transparent; transition: all .2s; }
.containerHeader .containerHeader--one .headerLanguages { float: right; margin-right: 70px; }
.containerHeader .containerHeader--one .headerLanguages a { width: 53px; padding: 14px; box-sizing: border-box; height: 53px; position: relative; display: block; font-size: 17px; font-weight: 700; color: rgba(255,255,255,0.7); margin-left: 20px; text-transform: uppercase;}
.containerHeader .containerHeader--one .headerLanguages a.current { background: #000; color: #ededed; }
.containerHeader .containerHeader--menu { display: none; height: 80px; width: 80px; float: left; background: #997a00; padding: 27px 20px; box-sizing: border-box; cursor: pointer; }
.containerHeader .containerHeader--menu.active { background: #ffcc00; }
.containerHeader .containerHeader--menu .menu--element { height: 3px; float: left; width: 100%; margin: 3px 0; background: #000; }
.containerHeader .containerHeader--menu .menu--element.short { width: 70%; }
.containerHeader .containerHeader--menu--wide { display: flex; gap: 10px; }
.containerHeader .containerHeader--window { position: absolute; top: 80px; left: 0; width: 270px; background: #ffcc00; display: none; }
.containerHeader .containerHeader--window ul li { float: left; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1); }
.containerHeader .containerHeader--window ul li:hover { background: rgba(0,0,0,0.05); }
.containerHeader .containerHeader--window ul li:hover a { text-decoration: none; }
.containerHeader .containerHeader--window ul li a { padding: 15px 20px; color: #000; display: block; }
.containerHeader .containerHeader--logotype { float: left; margin: 13px 0 0 30px; }
.containerHeader .containerHeader--logotype .containerHeader--logo { display: block; width: 197px; height: 44px; background: url('../img/logo.png') no-repeat; filter: invert(1); }
.containerHeader .containerHeader--socials { float: right; padding: 28px 20px 0 0; }
.containerHeader .containerHeader--socials a { float: left; margin-left: 10px; }
.containerHeader .containerHeader--basket { float: right; width: 70px; border-left: 1px solid rgba(255,255,255,0.2); position: relative; }
.containerHeader .containerHeader--basket .basket--button { text-align: center; cursor: pointer; height: 50px; }
.containerHeader .containerHeader--basket .basket--button img { position: relative; top: 15px; filter: brightness(0.5); }
.containerHeader .containerHeader--basket .block--count { position: absolute; top: 10px; color: #fff; right: 14px; background: #ff0000; width: 19px; height: 19px; border-radius: 100%; display: none; }
.containerHeader .containerHeader--basket .block--count.active { display: block; }
.containerHeader .containerHeader--client { float: right; width: 70px; border-left: 1px solid rgba(255,255,255,0.2); position: relative; }
.containerHeader .containerHeader--client .client--button { text-align: center; cursor: pointer; height: 50px; }
.containerHeader .containerHeader--client .client--button img { position: relative; top: 15px; filter: brightness(0.5); }
.containerHeader .containerHeader--client .client--button span { display: inline-block; vertical-align: middle; margin-left: 10px; color: #000; margin-top: 19px; }
.containerHeader.bg-dark .bigMenu { background: #fff; box-shadow: 0 20px 30px -25px rgba(170,170,170,.5);}
/*.containerHeader.bg-dark .bigMenu .containerHeader--logo { filter: invert(1); }*/
.containerHeader.bg-dark .bigMenu .firstLink { color: #000;}

/*body.inside .bigMenu .containerHeader--logo { filter: invert(1); }*/
body.inside .bigMenu { background: #fff;}
body.inside .bigMenu .firstLink { color: #000;}
body.inside .bigMenu { box-shadow: 0 20px 30px -25px rgba(170,170,170,.5); }


/* ---- ---- ---- ---- ---- ---- ---- ---- */
.activeBlock { width: 100%; display: inline-block; position: relative; margin-bottom: 30px; margin-top: 30px; }
.activeBlock .activeBlock--element { display: block; position: relative; width: 50%; box-sizing: border-box; padding: 10px 60px; float: left; }
.activeBlock .activeBlock--element.right { float: right; }
.pageHeader--menu--adaptive { float: left; background: #a2cde5; padding: 15px; margin-top: 10px; text-transform: uppercase; font-size: 15px; font-weight: 500; display: none;}
.bigMenu { position: relative;  width: 100%; display: flex; justify-content: space-between; padding: 0 50px 0 0; box-sizing: border-box; background-color: #fff; box-shadow: -1px 1px 2px 0 rgb(81 74 74 / 9%); }  /*background-color: none; */
.bigMenu ul { display: flex;  align-items: center;  }
/*.bigMenu:hover { background: #fff;}*/
/*.bigMenu .firstElement:hover>.bigMenu-window { display:block; }*/
/*.bigMenu:hover .containerHeader--logo { filter: invert(1); }*/

.bigMenu .containerCategories { align-self: center; border: none; margin-bottom: 0; }
.bigMenu .containerCategories .containerCategories--content .reset li ul,
.bigMenu .containerCategories .containerCategories--content .reset li span  { display: none; }
.bigMenu .containerCategories .containerCategories--content .reset li a { font-weight: 500; padding: 15px 18px; font-size: 16px; border: none; }
.bigMenu .containerCategories .containerCategories--content .reset li ul.show { display: block; position: absolute; top: 49px; width: 204px; }
.bigMenu .containerCategories .containerCategories--content .reset li ul li a { background-color: #fff;  box-shadow: 0 20px 30px -25px rgba(170,170,170,.5); }
.bigMenu .containerCategories .containerCategories--content .reset li ul li a:hover { background-color: #f1f1f1; font-weight: 600; }
.bigMenu .firstElement .firstLink.blBut { background: #a2cde5; }
.bigMenu .firstElement { display: flex; align-items: center; vertical-align: middle; height: 64px; box-sizing: border-box; }
.bigMenu .firstElement .firstLink { font-weight: 500; display: block; color: #000; text-decoration: none; padding: 15px 18px; font-size: 16px; text-align: left; } /*color: #fff; */
.bigMenu:hover .firstLink { color: #000;}
.bigMenu .firstElement .firstElement--arrow { display: none;}
.bigMenu .firstElement .bigMenu-window {  display: none; width: 100%; position: absolute; top: 118px; left: 0; z-index: 700; background: #fff; border-top: 1px solid #ddd; padding: 20px; box-sizing: border-box; }
.bigMenu .firstElement .bigMenu-window .bigMenu-window--left { width: 30%; float: left; display: flex; justify-content: end; }
.bigMenu .firstElement .bigMenu-window .bigMenu-window--right { width: 70%; float: left; display: flex; }
.bigMenu .firstElement .bigMenu-window .bigMenu-window--right .bigMenu-window--right--links { float: left; padding: 25px 80px;}
.bigMenu .firstElement .bigMenu-window .bigMenu-window--right .bigMenu-window--right--links a { display: block; padding: 10px 0; color: #000; font-weight: 600; }
/* ---- ---- ---- ---- ---- ---- ---- ---- */

.inside--video {position: relative; overflow:hidden; padding-bottom:45.25%; padding-top:30px; height:0; }
.inside--video img { width: 100%; }
.inside--video iframe {  position:absolute; width:100%; height:100%; left:0; top:0; }
.inside--video--poster { cursor: pointer; transition: all .2s; }
.inside--video--area { display: none; }
.inside--video--text { font-weight: 600; position: absolute; bottom: 90px; left: 30%;  padding: 0 30px; color: #fff; line-height: 34px; font-size: 32px; max-width: 450px;}
.inside--video--play { position: absolute; bottom: calc(50%); left: calc(50% - 90px); height: 34px; padding: 0 30px; color: #fff; line-height: 34px;  }
.inside--video--play img { display: inline-block; vertical-align: middle; }
/* ---- ---- ---- ---- ---- ---- ---- ---- */
.mainBlock { padding-top: 20px;}
.threeBlock { width: calc(100% + 20px); position: relative; left: -10px; display: inline-block; }
.threeBlock .threeBlock--element {text-align: center;  float: left; width: 33.3333%; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; }
.threeBlock .threeBlock--element .threeBlock--image { padding: 20px; box-sizing: border-box; text-align: center;  }
.threeBlock .threeBlock--element .threeBlock--image img { max-width: 100%; }
.threeBlock .threeBlock--element .threeBlock--text { color: #000; font-weight: 600; padding-bottom: 25px; display: block; text-align: center; font-size: 18px; }
.threeBlock .threeBlock--element .blockButton { text-decoration: none; color: #000; border-bottom: 1px solid #000; font-size: 12px; font-weight: 600; text-align: center; }


.catBlock { width: calc(100% + 20px); position: relative; left: -10px; display: inline-block; }
.catBlock .catBlock--element { position: relative; float: left; width: 25%; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; }
.catBlock .catBlock--element .catBlock--image {display: inline-block; position: relative; padding: 20px; box-sizing: border-box; text-align: center;  }
.catBlock .catBlock--element .catBlock--image img { max-width: 100%; }
.catBlock .catBlock--element .catBlock--text { left: 20px; position: absolute; z-index: 100; bottom: 80px; color: #000; padding-bottom: 25px; display: block; font-size: 18px; }
.catBlock .catBlock--element .catBlock--text a { line-height: 33px; font-weight: 600; color: #000; font-size: 40px; display: block;}
.catBlock .catBlock--element .catBlock--text span { font-size: 15px; text-transform: uppercase;  font-weight: 500;}
.catBlock .catBlock--element .catBlock--image::before { content: ''; position: absolute; left: 0; top: 0; width: 80px; height: 100%; background: #fff; z-index: 1; }
/* ---- ---- ---- ---- ---- ---- ---- ---- */
.pinkBlock--main { background: #a2cde5 ; min-width: 540px;}
.pinkBlockContainer { width: calc(100% + 20px); position: relative; left: -10px; display: inline-block; }
.pinkBlockContainer .pinkBlockContainer--element {text-align: center;  float: left; width: 25%; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; }
.pinkBlockContainer .pinkBlockContainer--element .pinkBlockContainer--image { padding: 20px; box-sizing: border-box; text-align: center;  }
.pinkBlockContainer .pinkBlockContainer--element .pinkBlockContainer--image img { max-width: 80px; }
.pinkBlockContainer .pinkBlockContainer--element .pinkBlockContainer--text { color: #000; padding-bottom: 25px; display: block; text-align: center; font-size: 14px; }
.pinkBlockContainer .pinkBlockContainer--element .pinkBlockContainer--text span { display: block; font-weight: 600; padding-bottom: 10px;}
/* ---- ---- ---- ---- ---- ---- ---- ---- */
.containerNavi { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(23,24,26,0.99); z-index: 500; display: none; }
.containerNavi .containerNavi--content { margin-top: 80px; padding-top: 50px; border-top: 1px solid rgba(255,255,255,0.2); position: relative; }
.containerNavi .containerNavi--content .containerNavi--content--menu { float: left; width: 270px; }
.containerNavi .containerNavi--content .containerNavi--content--menu ul li a { font-size: 14px; font-weight: 400; }
.containerNavi .containerNavi--content .containerNavi--content--menu a { font-weight: 700; font-size: 16px; color: #fff; display: block; padding: 0; margin-bottom: 25px; text-transform: uppercase; transition: all .2s; }
.containerNavi .containerNavi--content .containerNavi--content--menu a:hover { text-decoration: none; color: #ffcc00; }
.containerNavi .containerNavi--content .containerNavi--content--services { float: left; margin-left: 100px; }
.containerNavi .containerNavi--content .containerNavi--content--services h3 { font-weight: 700; font-size: 20px; color: #fff; display: block; padding: 5px 0; margin-bottom: 17px; text-transform: uppercase; }
.containerNavi .containerNavi--content .containerNavi--content--services a { display: block; padding: 8px 0; line-height: 18px; color: rgba(255,255,255,0.8); font-size: 14px; transition: all .2s; }
.containerNavi .containerNavi--content .containerNavi--content--services a:hover { color: #fff; text-decoration: none; }
.containerNavi .containerNavi--content .containerNavi--content--contacts { float: left; margin-left: 100px; }
.containerNavi .containerNavi--content .containerNavi--content--contacts h3 { font-weight: 700; font-size: 20px; color: #fff; display: block; padding: 5px 0; margin-bottom: 17px; text-transform: uppercase; }
.containerNavi .containerNavi--content .containerNavi--content--contacts .address { display: block; padding: 10px 0; line-height: 18px; color: rgba(255,255,255,0.5); font-size: 14px; }
.containerNavi .containerNavi--content .containerNavi--content--contacts .phone { display: block; padding: 10px 0 0 0; line-height: 18px; color: rgba(255,255,255,0.8); font-size: 14px; }
.containerNavi .containerNavi--content .containerNavi--content--contacts .phone a { display: block; color: rgba(255,255,255,0.8); }
.containerNavi .containerNavi--close { position: fixed; top: 80px; right: 0; z-index: 10; width: 71px; height: 60px; text-align: center; line-height: 60px; font-size: 28px; color: #fff; background: rgba(255,255,255,0.1); cursor: pointer; }

/* --------------------------------- */
.containerSlider { position: relative; padding-top: 54px; }
.containerSlider.banner { padding-top: 54px;  }
.containerSlider.inside { height: 120px; }
.containerSlider.inside .containerSlider--element { height: 120px; }
.containerSlider .containerSlider--element { position: relative; }
.containerSlider--image img { width: 100%; }
.containerSlider--image .mobile-image { display: none;}
/*.containerSlider--element--content { position: absolute; bottom: 28%; left: 100px; color: #fff; }*/
.containerSlider--element--content { position: absolute; top: 50%; left: 100px; transform: translateY(-50%); color: #fff; opacity: 0;  margin-left: -30px; }
.containerSlider--element--content.moved { animation: fadeInLeft 1.3s ease forwards; }

.containerSlider--element--content p { font-size: 35px; font-weight: 600; max-width: 500px; }
.containerSlider--element--content span { display: block; position: relative; left: 1px; opacity: 0.5; }
.mainButton { background: #a2cde5; color: #fff; padding: 15px 37px; font-size: 24px; }

/*.containerSlider--element--content { display: none;}*/
/*.containerSlider--element--content.animated { display: block;}*/
/*.containerSlider--element--content.zoomIn { display: block;}*/

.containerSlider .containerSlider--bottom { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; }
.containerSlider .containerSlider--bottom .containerSlider--bottom--left { float: left; width: 50%; padding: 15px 40px; box-sizing: border-box; background: rgba(0,0,0,0.7); position: relative; }
.containerSlider .containerSlider--bottom .containerSlider--bottom--left a { color: #fff; }
.containerSlider .containerSlider--bottom .containerSlider--bottom--left .text { padding-right: 50px; display: block; }
.containerSlider .containerSlider--bottom .containerSlider--bottom--left .arrow { position: absolute; top: calc(50% - 12px); right: 40px; display: block; }
.containerSlider .containerSlider--bottom .containerSlider--bottom--right { float: right; width: 50%; padding: 15px 40px; box-sizing: border-box; background: rgba(255,255,255,0.7); position: relative; }
.containerSlider .containerSlider--bottom .containerSlider--bottom--right a { color: #000; }
.containerSlider .containerSlider--bottom .containerSlider--bottom--right .text { padding-right: 50px; display: block; }
.containerSlider .containerSlider--bottom .containerSlider--bottom--right .arrow { position: absolute; top: calc(50% - 12px); right: 40px; display: block; }

/* --------------------------------- */
.containerServices { position: relative; z-index: 100; background: #ededed; display: inline-block; width: 100%; }
.containerServices:hover { z-index: 200; }
.containerServices.second { margin-top: -5px;}
.containerServices .containerServices--content { max-width: 1920px; margin: 0 auto; }
.containerServices.second .containerServices--content { max-width: 1920px; margin: 0 auto; text-align: center; }
.containerServices .containerServices--element { float: left; width: 25%; position: relative; background: #ededed; transition: all .2s; height: 266px; }
.containerServices.second .containerServices--element { float: none; display: inline-block; width: 25%; position: relative; background: #ededed; transition: all .2s; height: 266px; text-align: left; }
.containerServices.second .containerServices--element:nth-child(2) {  margin-left: -4px; }
.containerServices .containerServices--element:nth-child(2) { animation-delay: .2s; }
.containerServices .containerServices--element:nth-child(3) { animation-delay: .3s; }
.containerServices .containerServices--element:nth-child(4) { animation-delay: .4s; }
.containerServices .containerServices--element:hover { background: #ffcc00; }
.containerServices .containerServices--element:hover .containerServices--element--present { background: #ffcc00; z-index: 200; }
.containerServices .containerServices--element:hover .containerServices--element--present ul { display: block; }
.containerServices .containerServices--element:hover a { text-decoration: none; }
.containerServices .containerServices--element:hover .containerServices--element--image img { filter: grayscale(0); }
.containerServices .containerServices--element .containerServices--element--image img { width: 100%; filter: grayscale(1); transition: all .2s; }
.containerServices .containerServices--element .containerServices--element--present { padding: 18px 40px; position: relative; background: transparent; }
.containerServices .containerServices--element .containerServices--element--present ul { padding-top: 40px; display: none; }
.containerServices .containerServices--element .containerServices--element--present ul li a { display: block; padding: 5px 0; transition: all .2s; }
.containerServices .containerServices--element .containerServices--element--present ul li a:hover { padding: 5px 0 5px 15px; }
.containerServices .containerServices--element .containerServices--element--present a { font-size: 20px; color: rgba(0,0,0,0.7); display: block; padding-right: 40px; line-height: 21px; }
.containerServices .containerServices--element .containerServices--element--present a:hover { text-decoration: none; }
.containerServices .containerServices--element .containerServices--element--present .arrow { position: absolute; top: 20px; right: 0; display: block; }

/* --------------------------------- */
.catMainInfo { background: #fff; z-index: 2; position: relative;}
.containerCatalogue { padding: 50px 0 10px 0; position: relative; clear: both; }
.containerCatalogue .containerCatalogue--container .containerCatalogue--element { float: left; width: 16.666%; padding: 0 27px; margin-bottom: 40px; box-sizing: border-box; }
.containerCatalogue .containerCatalogue--container .containerCatalogue--element--image { width: 100%; text-align: center; position: relative; margin-bottom: 30px; }
.containerCatalogue .containerCatalogue--container .containerCatalogue--element--image img { position: relative;  max-width: 100%;  }
.containerCatalogue .containerCatalogue--container .containerCatalogue--element--present { position: relative; }
.containerCatalogue .containerCatalogue--container .containerCatalogue--element--present h3 { font-weight: 700; font-size: 17px; padding-bottom: 5px; }
.containerCatalogue .containerCatalogue--container .containerCatalogue--element--present h3 a { color: #000; }
.containerCatalogue .containerCatalogue--container .containerCatalogue--element--present p { line-height: 21px; color: #666; }
.containerContent--catalogue--title { margin: 0 0 15px 0; min-height: 25px; }
.containerContent--catalogue--prise { display: inline; flex-basis: 30%;  font-weight: 500;}
.containerContent--catalogue--container { width: calc(100% + 20px); position: relative; left: -10px; display: flex; flex-wrap: wrap; }
.containerContent--catalogue--container .containerContent--catalogue--element { float: left; width: 25%; padding: 0 10px; margin-bottom: 20px; box-sizing: border-box; }
.containerContent--catalogue--container .containerContent--catalogue--element .containerContent--catalogue--image { display: block; position: relative; box-sizing: border-box; text-align: center; margin-bottom: 20px; }
.not_in_stock .containerContent--catalogue--image a { opacity: 0.3}
.containerContent--catalogue--image:hover .sizesMain { bottom: 0; }
.not_in_stock:hover .sizesMain { display: none; }
.containerContent--catalogue--element.not_in_stock .containerContent--catalogue--prise { display: none;}
.code--element.notInStock { display: inline; }
.sizesMain.active { bottom: 0;}
.sizesMain .button--buy { margin-top: 5px; height: auto!important;float: right; width: auto!important; font-size: 13px; color: #000; padding: 5px 8px; border: 1px solid #000; }
/*.sizesMain { display: none; -webkit-transition: .6s ease-in-out; transition: .4s ease-in-out; position: absolute; bottom: 0; z-index: 100; background: #fff; width: 100%; padding: 10px; box-sizing: border-box;}*/
.sizesMain {background-color: #ffffffdb; position: absolute; bottom: -55px; left: 0; right: 0; padding: 10px 0 0; font-size: 13px; z-index: 1; transition: bottom .8s ease-out;}
.sizesMain .sizeBlock { float: left;}
.sizesMain .sizeBlock span { border-bottom: 1px solid #fff; border-top: none; border-left: none; border-right: none; padding: 0; background-color: #fff0; width: 24px; margin-right: 4px; min-width: auto;}
.sizesMain .sizeElement { margin-top: 0;}
.sizesMain .sizeBlock input[type=radio]:checked + span { border-color: #000;  }
.catCart { position: relative; display: block; float: left; cursor: pointer;  } /*float: right; */
.catCart img { margin-right: 7px; }
.catInfo { display: flex; justify-content: space-between; position: relative; width: 100%; }
.containerContent--catalogue--container .containerContent--catalogue--element .containerContent--catalogue--image a { height: 480px; background-size: cover!important; display: block; position: relative; width: 100%;}
.containerContent--catalogue--container .containerContent--catalogue--element .containerContent--catalogue--issue a { margin-top: 20px; color: #999; padding-bottom: 5px; display: block; }
.containerContent--catalogue--container .containerContent--catalogue--element .containerContent--catalogue--title a { color: #000; font-size: 19px; display: block; min-height: 46px; }
.containerContent--catalogue--container .containerContent--catalogue--element .containerContent--catalogue--color  { float: right; display: flex; text-align: end;}
.containerContent--catalogue--container .containerContent--catalogue--element .containerContent--catalogue--color a { padding-right: 3px; display: inline-block;}
.containerContent--catalogue--container .containerContent--catalogue--element .containerContent--catalogue--color img { max-width: 20px; margin-bottom: 5px;}
.containerContent--catalogue--content { position: relative;}
.item-to-fav { position: absolute; z-index: 100; padding: 9px; right: 0; background: #ffffff9e; }
.item-to-fav:hover {  background: #ffffffcf; }
.item--right--filters { margin-top: 20px;}
.item--right--filters a { color: #5d5b5b;}
.item--right--filters ul li { padding: 0 0 20px 0;}
.code--element img { max-width: 40px; margin: 0 20px 5px 0;}
.code--element a { line-height: 30px; color: #5d5b5b;}
.code--elementNone { margin: 20px 0;}
.containerContent--item { position: relative;  display: inline-block; width: 100%; }
.containerContent--item .containerContent--item--images { float: left; width: 50%; position: relative; }
.containerContent--item--image { width: 70%; float: right; position: relative; display: inline-block;  padding: 0 40px 0 5px; box-sizing: border-box; }
.containerContent--item--image img { width: 100%;}
.containerContent--item .containerContent--item--image img { position: relative; max-width: 100%;  }
.containerContent--item .containerContent--item--thumb { width: 30%; margin-right: 20px; }
.containerContent--item .containerContent--item--thumb .item--image--thumbs a {  float: left; background: #fff;  padding: 0 5px 10px 5px; box-sizing: border-box; }
.containerContent--item .containerContent--item--thumb .item--image--thumbs a img { width: 100%;  object-fit: cover; }
.containerContent--item .containerContent--item--present { margin-left: 50%; }
.containerContent--item .containerContent--item--present .containerContent--item--code { display: inline-block; width: 100%; margin-bottom: 0; }
.containerContent--item .containerContent--item--present .containerContent--item--code .code--element { float: left; margin-right: 30px; font-size: 31px; color: #000; position: relative; cursor: pointer; }
.containerContent--item .containerContent--item--present .containerContent--item--code .code--element b { font-weight: 400; }
.containerContent--item .containerContent--item--present .containerContent--item--code .code--element:hover .code--element--window { display: block; }
.containerContent--item .containerContent--item--present .containerContent--item--code .code--element .what { position: absolute; top: -9px; right: -13px; }
.containerContent--item .containerContent--item--present .containerContent--item--code .code--element:last-child:after { display: none; }
.containerContent--item .containerContent--item--present .containerContent--item--code .code--element::after { content: '-'; position: absolute; top: -2px; right: -21px; font-size: 30px; background: transparent; color: #000; }
.containerContent--item .containerContent--item--present .containerContent--item--code .code--element .code--element--window { text-align: center; display: none; position: absolute; top: -76px; left: -56px; width: 140px; background: #fff; border-radius: 4px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); font-size: 13px; z-index: 20; padding: 10px; border: 1px solid #ffcc00; }
.containerContent--item .containerContent--item--present .containerContent--item--articul { color: #999; padding-bottom: 35px; text-transform: uppercase; font-size: 10px; }
.containerContent--item .containerContent--item--present .containerContent--item--filters { padding: 15px 0; border-top: 1px solid #eee; color: #999; font-size: 13px; }
.containerContent--item .containerContent--item--present .containerContent--item--filters .filters--title { padding-bottom: 5px; }
.containerContent--item .containerContent--item--present .containerContent--item--filters .filters--content { position: relative; overflow: hidden; }
.containerContent--item .containerContent--item--present .containerContent--item--filters .filters--content .filters--element { float: left; margin-right: 10px; margin-bottom: 10px; }
.containerContent--item .containerContent--item--present .containerContent--item--filters .filters--content .filters--element a { display: block; height: 32px; width: 50px; line-height: 32px; text-align: center; color: #000; border: 1px solid #ddd; border-radius: 4px; }
.containerContent--item .containerContent--item--present .containerContent--item--filters .filters--content .filters--element a:hover { text-decoration: none; background: #f1f1f1; }
.containerContent--item .containerContent--item--present .containerContent--item--filters .filters--content .filters--element a.active { text-decoration: none; background: #f1f1f1; }
.containerContent--item .containerContent--item--present .containerContent--item--intro--description { color: #999; padding-top: 15px; text-transform: uppercase; font-size: 10px; }
.containerContent--item .containerContent--item--present .containerContent--item--intro { padding: 15px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #999; font-size: 13px; }
.containerContent--item .containerContent--item--present .what { width: 16px; height: 16px; position: relative; top: -1px; margin-left: 3px; border-radius: 100%; background: #ededed; text-align: center; line-height: 16px; font-size: 10px; color: #999; display: inline-block; vertical-align: middle; font-family: 'Arial', sans-serif; font-style: inherit; }
.containerContent--item .containerContent--item--present .containerContent--item--made { color: #000; padding: 15px 0; text-transform: uppercase; font-size: 10px; border-bottom: 1px solid #eee; }
.containerContent--item .containerContent--item--present .containerContent--item--extra { color: #c00; padding: 15px 0; text-transform: uppercase; font-size: 10px; border-bottom: 1px solid #eee; }
.containerContent--item .containerContent--item--present .containerContent--item--quantity { padding: 15px 0; overflow: hidden; }
.containerContent--item .containerContent--item--present .containerContent--item--quantity .item--quantity--title { color: #999; padding-bottom: 15px; text-transform: uppercase; font-size: 10px; }
.containerContent--item .containerContent--item--present .containerContent--item--quantity .item--quantity--content { position: relative; display: inline-block; width: 100%; }
.containerContent--item .containerContent--item--present .containerContent--item--quantity .item--quantity--total { float: right; font-size: 28px; color: #c00; line-height: 56px; }
.containerContent--item .containerContent--item--present .containerContent--item--quantity .item--quantity--area .min { display: inline-block; line-height: 56px; margin-left: 50px; color: #999; }
.containerContent--item .containerContent--item--present .containerContent--item--range { padding: 15px 0 35px 0;   }
.containerContent--item .containerContent--item--present .containerContent--item--range .item--range--title { color: #c00; padding-bottom: 15px; text-transform: uppercase; font-size: 10px; }
.containerContent--item .containerContent--item--present .containerContent--item--range .item--range--content { overflow: hidden; }
.containerContent--item .containerContent--item--present .containerContent--item--range .item--range--content .item--range--price { float: left; box-sizing: border-box; padding: 0 14px 0 0; text-align: right; }
.containerContent--item .containerContent--item--present .containerContent--item--range .item--range--content .item--range--price h3 { font-weight: 400; font-size: 28px; color: #000; }
.sizesBlock { text-align: end;}
.sizesBlock a { color: #666;}
.containerContent--item .containerContent--item--present .containerContent--item--range .item--range--content .item--range--price span { color: #999; font-size: 13px; }
#price_old {  font-weight: 300; position: relative; font-size: 16px;}
#price_old:before { border-bottom: 2px solid red; position: absolute; content: ""; width: 66%; height: 50%; transform: rotate(-7deg); }
#price_old_main { font-weight: 300; position: relative; font-size: 15px; margin: 0 0 0 22px;}
#price_old_main:before { border-bottom: 2px solid red; position: absolute; content: ""; width: 66%; height: 50%; transform: rotate(-7deg); }
.containerContent--item .containerContent--item--present .containerContent--item--range .item--range--content .item--range--price.active { background: #ffcc00; }
.containerContent--item .containerContent--item--present .containerContent--item--range .item--range--content .item--range--price.active span { color: #fff; }
.containerContent--item .containerContent--item--present .containerContent--item--over { padding: 15px 0; }
.containerContent--item .containerContent--item--present .containerContent--item--over .item--over--element { display: inline-block; margin-right: 30px; font-size: 16px; color: #666; }
.containerContent--item .containerContent--item--present .containerContent--item--buttons { padding: 15px 0; border-top: 1px solid #eee; overflow: hidden; }
.containerContent--item .containerContent--item--present .containerContent--item--buttons .button--buy { background: #a2cde5 ; color: #000; width: 100%; box-sizing: border-box; text-align: center; float: left; padding: 13px 40px; text-transform: uppercase;}
.containerContent--item .containerContent--item--present .containerContent--item--buttons .button--buy.unabled { background: #e7e7e7; pointer-events: none;}

.containerContent--item .containerContent--item--present .containerContent--item--buttons .button--buy span { height: 24px; line-height: 24px; display: inline-block; vertical-align: middle; margin-left: 20px;  }
.containerContent--item .containerContent--item--present .containerContent--item--buttons .button--wish {  color: #000; float: left; padding: 20px 0; }
.containerContent--item .containerContent--item--present .containerContent--item--buttons .button--wish span { height: 24px; line-height: 24px; display: inline-block; vertical-align: middle; margin-left: 20px;  }
.containerContent--item .containerContent--item--present .containerContent--item--selects { position: relative; display: inline-block; width: calc(100% + 20px); left: -10px; }
.containerContent--item .containerContent--item--present .containerContent--item--selects .item--selects--element { float: left; width: 33.3333%; padding: 0 10px; box-sizing: border-box; }
.containerContent--item .containerContent--item--present .containerContent--item--selects .item--selects--title { padding-bottom: 5px; color: #999; font-size: 13px; position: relative; }
.containerContent--item .containerContent--item--present .containerContent--item--selects .item--selects--title:hover > .item--selects--window { opacity: 1; visibility: visible; }
.containerContent--item .containerContent--item--present .containerContent--item--selects .item--selects--window { opacity: 0; visibility: hidden; transition: all .2s; position: absolute; left: 0; bottom: 35px; width: 400px; background: #fff; padding: 15px; border-radius: 4px; box-sizing: border-box; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border: 1px solid #ffcc00; }
.containerContent--item .containerContent--item--present .containerContent--item--selects .item--selects--window span { font-weight: 700; color: #000; }
.containerContent--item.text { color: #666; }
.containerContent--item.text h2 { font-weight: 500;}
.pinkBlock { background: #a2cde5 ; margin-top: 15px; }
.pinkText {padding: 20px; }
.pdf--generate { position: fixed; left: 0; top: 0; width: calc(100% + 17px); height: 100%; background: rgba(0,0,0,0.5); z-index: -1; overflow: auto; }
.pdf--generate .pdf--generate--content { margin: 100px auto; max-width: 1300px; background: #fff; overflow: hidden; }
.pdf--generate .pdf--generate--content .image--static { padding: 30px; }
.pdf--generate .pdf--generate--content .image--generate { padding: 30px; text-align: center; }
.pdf--generate .pdf--generate--close { position: fixed; top: 80px; right: 0; width: 60px; height: 60px; background: rgba(255,255,255,0.2); text-align: center; color: #fff; font-size: 32px; line-height: 60px; cursor: pointer; }
/* --------------------------------- */
.social { display: inline-block;  }
.social .social--block { float: left; margin: 10px 10px 10px 0; opacity: 0.8; transition: easy-in-out 0.3s; }
.social .social--block:hover { opacity: 1; transition: easy-in 0.3s; }
.social .social--block img { width: 35px; }
/* --------------------------------- */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

/* --------------------------------- */
.quantity { position: relative; }
.quantity input { width: 100px; height: 54px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; text-align: center; border: 1px solid #eee; font-size: 24px; }
.quantity input:focus { outline: 0; }
.quantity-nav { float: left; position: relative; height: 55px; left: 29px; }
.quantity-button { position: relative; cursor: pointer; width: 30px; border-right: 1px solid #eee; text-align: center; color: #333; font-size: 16px; line-height: 29px; text-indent: 2px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; border-bottom: 1px solid #eee; }

/* --------------------------------- */
.quantity-item { position: relative; }
.quantity-item input { width: 100px; height: 54px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; text-align: center; border: 1px solid #eee; font-size: 24px; }
.quantity-item input:focus { outline: 0; }
.quantity-nav-item { float: left; position: relative; height: 55px; left: 29px; }
.quantity-button-item { position: relative; cursor: pointer; width: 30px; border-right: 1px solid #eee; text-align: center; color: #333; font-size: 16px; line-height: 29px; text-indent: 2px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.quantity-button-item.quantity-up-item { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.quantity-button-item.quantity-down-item { position: absolute; bottom: -1px; height: 50%; border-bottom: 1px solid #eee; }

/* --------------------------------- */
.quantity-order { position: relative; }
.quantity-order input { width: 100px; height: 54px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; text-align: center; border: 1px solid #eee; font-size: 24px; }
.quantity-order input:focus { outline: 0; }
.quantity-nav-order { float: left; position: relative; height: 55px; left: 29px; }
.quantity-button-order { position: relative; cursor: pointer; width: 30px; border-right: 1px solid #eee; text-align: center; color: #333; font-size: 16px; line-height: 29px; text-indent: 2px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.quantity-button-order.quantity-up-order { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.quantity-button-order.quantity-down-order { position: absolute; bottom: -1px; height: 50%; border-bottom: 1px solid #eee; }

/* --------------------------------- */
.filters--container { position: relative; }
.filters--container .filters--container--block { background: #fafafa; border-radius: 10px; margin-bottom: 20px; padding: 25px 25px 15px 25px; box-sizing: border-box; }
.filters--container .filters--container--block .filters--container--title { font-size: 18px; text-transform: uppercase; color: #000; padding-bottom: 15px; }
.filters--container .filters--container--block .filters--container--elements { position: relative; overflow: hidden; }
.filters--container .filters--container--block .filters--container--elements label { float: left; margin: 0 10px 10px 0; cursor: pointer; }
.filters--container .filters--container--block .filters--container--elements label input { display: none; }
.filters--container .filters--container--block .filters--container--elements label .elements--value { border-radius: 10px; padding: 6px 10px; color: #000; background: #ededed; display: block; }
.filters--container .filters--container--block .filters--container--elements label input:checked + .elements--value { background: #ffcc00; color: #000; }

/* --------------------------------- */
.containerAbout { position: relative; overflow: hidden; background: #ededed; }
.containerAbout .containerAbout--right { float: right; width: 50%; padding: 100px 70px; box-sizing: border-box; }
.containerAbout .containerAbout--right h3 { font-size: 25px; padding-bottom: 20px; font-weight: 600; }
.containerAbout .containerAbout--right p { line-height: 24px; }
.containerAbout .containerAbout--left { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: cover !important; }

/* --------------------------------- */
.containerHeader--search { margin-right: 35px; float: right; position: relative; margin-top: 9px;}
.containerHeader--search.white input { border-color: #fff; background: transparent; color: #fff;}
.containerHeader--search.white button { background: transparent; filter: brightness(1000);}
.containerHeader--search input { border: none; border-bottom: 1px solid #000; width: 110px; height: 29px; line-height: 30px; background: transparent; transition: all .3s;}
.containerHeader--search button { position: absolute; border: none; right: 0; top: 6px; cursor: pointer; background: transparent;}
/* --------------------------------- */
.containerGeneral { overflow: hidden; padding: 70px 0; }
.containerGeneral .containerGeneral--image { float: right; width: 290px; }
.containerGeneral .containerGeneral--image img { width: 100%; }
.containerGeneral .containerGeneral--present h3 { font-size: 25px; padding-bottom: 20px; font-weight: 600; }
.containerGeneral .containerGeneral--present p { line-height: 24px; }

/* --------------------------------- */
.containerFooter { background: #f7f7f7; overflow: hidden; padding: 50px 40px; border-bottom: 10px solid #000; transition: all .2s; min-width: 540px; box-sizing: border-box; }
.containerFooter .containerFooter--logotype { float: left; }
.containerFooter .containerFooter--logotype .containerFooter--logo { display: block; width: 198px; height: 50px; background: url('../img/logo.png') no-repeat; filter: brightness(0); }
.containerFooter .containerFooter--center { display: flex; justify-content: space-between; align-items: center; }
.containerFooter .containerFooter--center .containerFooter--details p { margin-bottom: 0; font-size: 14px;  color: #868686; }
.containerFooter .containerFooter--links { float: left; margin: 0 0 0 60px; }
.containerFooter .containerFooter--links a { display: inline-block; margin-right: 20px; line-height: 38px; font-size: 14px; text-transform: uppercase; color: rgba(0,0,0,0.6); border-bottom: 2px solid transparent; transition: all .2s; }
.containerFooter .containerFooter--links a:hover { text-decoration: none; color: #000; border-color: #a2cde5 ; }
.containerFooter .containerFooter--mcdesign { color: #868686; float: left; clear: both; padding: 30px 0 0 0; font-size: 13px;}
.containerFooter--social {  margin: 6px 0 15px; }
.containerFooter--contacts { text-align: center; margin-top: 6px;  }
.containerFooter--contacts .contForm { background: #a2cde5 ; padding: 10px 15px; color: #000; margin-top: 15px; display: inline-block; }
.containerFooter--top { width: 100%; display: inline-block;}
/* --------------------------------- */
.financialElement { padding: 20px; width: 10%; text-align: center; display: inline-block; box-sizing: border-box;}
.financialElement a { display: block; margin-top: 10px; font-weight: 600; color: #000; }
.financialElement img { vertical-align: bottom; }

/* --------------------------------- */
.pageTable { width: 100%; border-spacing: 0; border-collapse: collapse; font-size: 15px; }
.pageTable tr { border-bottom: 1px solid #e7e7e7; }
.pageTable td { padding: 5px; }
/* --------------------------------- */
.sizeElement { margin-top: 35px; }
.sizeBlock { display: flex; margin-top: 10px; }
.sizeBlock input[type=radio] { display: none; }
.sizeBlock span { display: block; width: 40px; text-align: center; padding: 10px 0; border: 3px solid #a2cde5 ; background-color: #a2cde5 ; margin-right: 20px; cursor: pointer; min-width: 40px; box-sizing: border-box }
.sizeBlock input[type=radio]:checked + span { border-color: #000;  }

.deliveryBlock { padding: 0 20px; }
.deliveryBlock label { padding:  0 0 5px 0; display: block; font-size: 14px;}
.deliveryBlock input { margin-right: 10px;}
.deliveryBlock input[type='radio'], label {cursor: pointer;}
.deliveryBlock input[type='radio'] { position: relative; height: 12px; width: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;}
.deliveryBlock input[type='radio']::before { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; border-radius: 50%; transform: translate(-50%, -50%); background-color: white; border: 2px solid #a2cde5 ;}
.deliveryBlock input[type='radio']:checked::after { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-radius: 50%; background-color: #a2cde5 ; transform: translate(-50%, -50%); visibility: visible;}
/* --------------------------------- */
.containerWindow3 { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 999; display: none; }
.containerWindow3 .containerWindow--close3 { position: absolute; top: 0; right: 0; font-size: 35px; background: #f1f1f1; color: #000; cursor: pointer; z-index: 100; width: 50px; height: 50px; text-align: center; transition: all .2s; }
.containerWindow3 .containerWindow--close3:hover { background: #ddd; }
.containerWindow3 .containerWindow--container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: inline-grid; justify-content: center; align-content: center; }
.containerWindow3 .containerWindow--container .containerWindow--content { width: 400px; padding: 50px 50px; background: #fff; text-align: left; }
.containerWindow3 .containerWindow--container .containerWindow--title { font-size: 18px; font-weight: 400; color: #000; padding-bottom: 30px; }
.containerWindow3 .containerWindow--container .containerWindow--content { position: relative; overflow: hidden; }
.containerWindow3 .containerWindow--container .containerWindow--content label { margin-bottom: 15px; overflow: hidden; float: left; width: 100%; }
.containerWindow3 .containerWindow--container .containerWindow--content label.button { margin-bottom: 0; }
.containerWindow3 .containerWindow--container .containerWindow--content label:last-child { margin-bottom: 0; margin-top: 15px; }
.containerWindow3 .containerWindow--container .containerWindow--content input { width: 100%; background: #f1f1f1; height: 50px; border-radius: 4px; padding: 0 15px; box-sizing: border-box; border: none; font-size: 15px; }
.containerWindow3 .containerWindow--container .containerWindow--content textarea { width: 100%; background: #f1f1f1; height: 80px; border-radius: 4px; padding: 15px; box-sizing: border-box; border: none; font-size: 15px; max-width: 100%; }
.containerWindow3 .containerWindow--container .containerWindow--content select { width: 100%; margin-bottom: 15px; border: 1px solid #f1f1f1; padding: 10px;}
.containerWindow3 .containerWindow--container .containerWindow--content input.double { float: left; width: 48%; }
.containerWindow3 .containerWindow--container .containerWindow--content input.double:last-child { float: right; }
.containerWindow3 .containerWindow--container .containerWindow--content button { width: 100%; background: #a2cde5 ; color: #000; text-align: center; cursor: pointer; height: 50px; border-radius: 4px; padding: 0 15px; box-sizing: border-box; border: none; font-size: 15px; }
.containerWindow3 .containerWindow--container .containerWindow--bottom { padding-top: 20px; margin-top: 30px; border-top: 1px solid #ddd; clear: both; display: inline-block; width: 100%; }
.containerWindow3 .containerWindow--container .containerWindow--bottom a { display: block; padding: 3px 0; }
/* --------------------------------- */
.item--image--thumbs { display: inline; }
.videoBlock { display: inline-flex; width: 50%; position: relative; box-sizing: border-box; padding: 2px 10px 10px 0; overflow: hidden; }
.videoBlock a {height: 101px; background-size: cover!important; display: inline-block; position: relative; width: 100%;}
.videoBlock img { position: absolute; top: 30%; left: 25%;}
.thumbsBlock { display: inline-flex; width: 50%; position: relative; box-sizing: border-box; padding: 2px 10px 10px 0; overflow: hidden; float: left; }
.thumbsBlock a { height: 101px; background-size: cover!important; display: inline-block; position: relative; width: 100%;}
.introBlock { margin-top: 40px; border-top: 1px solid #ddd; padding: 15px 0 0 0; color: #666;}


@media screen and (max-width: 1500px){
.containerContent--catalogue--container .containerContent--catalogue--element { width: 33.333%;}
 .bigMenu { padding-right: 20px; }
 .bigMenu .containerCategories .containerCategories--content .reset li a { padding-inline: 15px; }
 .bigMenu .firstElement .firstLink.blBut { padding-inline: 10px; }
}

@media screen and (max-width: 1400px){
 .containerHeader--burger { display: block !important; }
 .containerHeader--links { z-index: 2; display: none; position: absolute; top: 60px; left: 0; margin: 0; background: #a2cde5 ; width: 100%; }
 .containerHeader--links  a { box-sizing: border-box; width: 100%; border-bottom: 1px solid rgb(255 255 255 / 45%)!important; font-size: 17px; padding: 2px 25px; }
 .containerHeader .containerHeader--one .containerHeader--links { margin: 0;}
 .containerHeader .containerHeader--menu--wide { gap: 0;}
 .bigMenu { padding-right: 5px; }
 /*.bigMenu .firstElement .firstLink { padding: 15px; }*/
 .bigMenu .containerCategories .containerCategories--content .reset li a { padding-inline: 12px; }
 .bigMenu .firstElement .firstLink.blBut  { padding-inline: 8px; }
 .bigMenu { gap: 10px; }
 .containerSlider.banner { padding-top: 124px;  }
 .catBlock .catBlock--element { width: 50%;}
}
@media screen and (max-width: 1280px){
 .containerFooter .containerFooter--links { width: 100%; margin: 20px 0;}
 .bigMenu .firstElement .firstLink.blBut { padding-block: 7px; }
 /*.bigMenu { gap: 10px; }*/
}

@media screen and (max-width: 1210px){
 .containerContent--catalogue--container .containerContent--catalogue--element { width: 50%;}
 .pageHeader--menu--adaptive { display: block; }
 .containerHeader .containerHeader--menu--wide .firstElement { display: none; }
 .containerHeader .containerHeader--menu--wide { position: absolute; top: 68px; width: 100%; }
 .bigMenu .containerCategories { position: absolute; width: 100%; }
 .bigMenu { padding: 0 50px 13px 0; }
 .bigMenu .firstElement .bigMenu-window .bigMenu-window--right .bigMenu-window--right--links {padding: 25px 30px; }
 .bigMenu ul { position: absolute; border-top: 1px solid #ddd; left: 0; width: 100%; background: #fff; z-index: 600; min-width: 500px; display: none }
 .bigMenu .firstElement { display: block; height: auto; position: relative; border-bottom: 1px solid #ddd; border-right: none; clear: both}
 .bigMenu .firstElement:hover>.bigMenu-window { display: none}
 .bigMenu .firstElement:hover {background: 0 0;}
 .bigMenu .containerCategories .containerCategories--content .reset li { position: relative; }
 .bigMenu .containerCategories .containerCategories--content .reset li ul.show { display: block; position: absolute; top: 46px; width: 100%; }
 .bigMenu .containerCategories .containerCategories--content .reset li a { border-bottom: 1px solid #ddd; padding: 14px 20px;}
 /*.bigMenu .containerHeader--logo { filter: invert(1); }*/
 /* .bigMenu .firstElement .firstElement--arrow { position: absolute; display: block; right: 4px; top: 9px; width: 30px; height: 30px; line-height: 30px; font-size: 12px; color: #999}
  .bigMenu .firstElement .firstElement--arrow img { max-width: 20px;}
 .bigMenu ul { position: absolute; top: 130px; border-top: 1px solid #ddd; left: 0; width: 100%; background: #fff; z-index: 600; min-width: 500px; display: none }*/
 .bigMenu .firstElement .firstLink { padding: 15px 20px; color: #000!important;}
 .bigMenu .firstElement.active { background: #a2cde5 ; clear: both }
 .bigMenu .bigMenu-window { width: 100%!important; position: relative!important; top: 0!important; z-index: 500!important; background: #f9f9f9!important; border-top: none!important; box-shadow: none!important; padding: 0!important; }
 .bigMenu .bigMenu-window .bigMenu-window--right { margin-right: 0; -webkit-column-width: 180px; column-width: 180px }
 .bigMenu .bigMenu-window .bigMenu-window--left {display: none!important; }
}
@media screen and (max-width: 1000px){
 .containerContent--item .containerContent--item--images {width: 100%; }
 .containerSlider.inside { display: block !important; }
 .containerServices { margin-top: 80px; }
 .containerServices .containerServices--element { width: 50%; height: 300px; }
 .containerCatalogue .containerCatalogue--container .containerCatalogue--element { width: 50%; }
 .containerAbout .containerAbout--left { width: 20%; }
 .containerAbout .containerAbout--right { width: 80%; }
 .containerServices .containerServices--element:hover .containerServices--element--present ul { display: none; }
 .containerContent .containerContent--left .containerCategories { display: none;}
 .containerContent.item .containerContent--left { display: none; }
 .containerContent.item .containerContent--right { margin-left: 0; }
 .containerContent.client .containerContent--left { width: 100%; margin-bottom: 20px;  }
 .containerContent.client .containerContent--right { margin-left: 0; clear: both; }
 .containerContent--item .containerContent--item--present { margin-left: 0; }
 .containerContent--item .containerContent--item--present .containerContent--item--range .item--range--content .item--range--price { padding: 10px; }
 .containerContent--item .containerContent--item--present .containerContent--item--buttons .button--buy { padding: 20px 22px; }
 .containerContent--item .containerContent--item--present .containerContent--item--buttons .button--wish { padding: 20px 22px; }
 .containerContent--item .containerContent--item--present .containerContent--item--code .code--element { font-size: 28px; }
 .containerNavi { overflow: auto; }
 .containerServices.second .containerServices--element { width: 50%; vertical-align: top; }
 .containerFooter { padding: 50px 20px 50px 30px; }
}


@media screen and (max-width: 700px){
 .containerSlider .containerSlider--element .containerSlider--element--content { top: 2%; left: 26px; transform: none;  }  /*top: 8%; *animation: appearance 5s*/

 .containerSlider--element--content p { font-size: 40px;}
 .thumbsBlock { width: 20%;}
 .videoBlock { width: 20%;}
 .containerContent--item .containerContent--item--image { width: 100%; text-align: center; margin-bottom: 40px; }
 /*.containerSlider { margin-top: 150px; }*/
 /*.containerSlider.banner { padding-top: 0;  }*/
 .containerStatic img {width: 100%;  box-sizing: border-box;}
 .activeBlock .activeBlock--element { width: 100%; padding: 0;}
 .catBlock .catBlock--element { width: 100%;}
 .catBlock .catBlock--element .catBlock--image { width: 100%;}
 .catBlock .catBlock--element .catBlock--image img { max-width: initial; width: 100%;}
 .containerFooter--social { float: none; text-align: center;}
 .containerFooter--contacts  { float: none; text-align: center; padding: 10px 0;}
 .containerWindow2 .containerWindow--container .containerWindow--content { width: 370px;}
 .order--container .order--success { max-width: 420px;}
 .containerContent--catalogue--container .containerContent--catalogue--element .containerContent--catalogue--image a { height: 645px; margin-bottom: 5px; margin-right: 5px;}
 .containerFooter--contacts .contForm { float: none;}
 .containerContent--item .containerContent--item--images { width: 100%;}
 .containerContent--item--image { padding: 0;}
 .containerContent--item .containerContent--item--thumb { width: 100%;}
 .pinkBlockContainer .pinkBlockContainer--element { width: 100%;}
 .containerSlider--image .mobile-image { display: block;}
 .containerSlider--image .desktop-image { display: none;}
 .containerSlider--content { padding-bottom: 850px!important;}
 .containerServices .containerServices--element { height: 210px; }
 .containerGeneral .containerGeneral--image { width: 100%; text-align: center; margin-bottom: 30px; }
 .containerGeneral .containerGeneral--present { margin-right: 0; }
 .containerFooter .containerFooter--logotype { width: 100%; text-align: center; }
 .containerFooter .containerFooter--logotype .containerFooter--logo { display: inline-block; }
 .containerFooter .containerFooter--links { margin: 10px 0; text-align: center; width: 100%; }
 .containerFooter .containerFooter--links a { margin: 0 10px; }
 .containerFooter .containerFooter--mcdesign { float: left; width: 100%; text-align: center; clear: both; }
 .containerContent--catalogue--container .containerContent--catalogue--element { width: 100%; }
 .containerHeader .containerHeader--client .client--button span { display: none; }
 .containerContent .containerContent--header .containerContent--header--title h1 { font-size: 30px; }
 .financialElement { width: 20%; }
 .containerFooter .containerFooter--center { flex-direction: column; gap: 10px; }
 .containerFooter .containerFooter--details { order: 3; }
 .change { padding-top: 0; }

}