/* Start:/local/templates/main/slick.min.css?16974899551307*/ .slick-list,.slick-slider{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* End */ /* Start:/local/templates/main/components/bitrix/menu/header_menu/style.css?16974899552459*/ .header-menu-wrap ul.header-menu { margin: 0; padding: 10px 0 0 0; list-style-type: none; width: 100%; display: inline-block; vertical-align: top; white-space: normal; white-space: nowrap; } @media screen and (max-width: 1216px) and (min-width: 961px) { .header-menu-wrap ul.header-menu { padding: 8px 0 0 0; } } .header-menu-wrap ul.header-menu li { list-style: none; position: relative; margin: 0 24px 0 0; height: 24px; width: auto; line-height: 24px; padding: 0; display: inline-block; vertical-align: top; white-space: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; border-bottom: 3px solid transparent; } @media screen and (max-width: 1216px) and (min-width: 961px) { .header-menu-wrap ul.header-menu li { margin: 0 21px 0 0; } } .header-menu-wrap ul.header-menu li:last-child { margin: 0 0 0 0; } .header-menu-wrap ul.header-menu li:last-child:after { display: none; } @media screen and (min-width: 961px) { .header-menu-wrap ul.header-menu li:hover:not(.noHover), .header-menu-wrap ul.header-menu li.active { border-bottom: 3px solid #2c6d88; } .header-menu-wrap ul.header-menu li:hover:not(.noHover) a, .header-menu-wrap ul.header-menu li.active a { color: #2c6d88; } } .header-menu-wrap ul.header-menu li a { color: #5d838c; font-size: 12px; font-family: "Ubuntu Medium"; text-transform: uppercase; display: block; height: 20px; text-decoration: none; position: relative; line-height: 14px; white-space: nowrap; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .header-menu-wrap ul.header-menu li a:after { content: " "; position: absolute; width: 2px; height: 2px; background: #becdd1; top: 6px; right: -15px; } .header-menu-wrap ul.header-menu li.child-ul { position: relative; } .header-menu-wrap ul.header-menu li.child-ul ul { background: #fff; display: none; left: 0; margin: 0; padding: 20px 20px; position: absolute; text-align: left; top: 100%; } .header-menu-wrap ul.header-menu li.child-ul ul li a:after { content: unset; } .header-menu-wrap ul.header-menu li.child-ul:hover > ul { display: block; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/search.form/header_search/style.css?16974899552625*/ .search-form { width: 100%; height: 49px; padding: 13px 0 0 15px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; z-index: 2; border-bottom: 1px solid #93acb8; } @media screen and (max-width: 960px) { .search-form { margin: 0 auto; } } @media screen and (max-width: 960px) and (min-width: 721px) { .search-form { width: 700px; } } @media screen and (max-width: 720px) { .search-form { width: 460px; } } .search-form .title { position: absolute; left: 15px; top: 21px; color: white; font-size: 15px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-transform: none; } @media screen and (max-width: 720px) { .search-form .title { left: 0; } } .search-form form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: normal; margin: 0; } .search-form form input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .search-form form input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .search-form form input:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .search-form form input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .search-form form input { display: inline-block; vertical-align: middle; white-space: normal; } .search-form form input[name="mr_search"] { width: 100%; height: 35px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 35px 0 138px; color: white; font-size: 15px; font-family: "Ubuntu Light Italic"; text-transform: uppercase; text-transform: none; cursor: text; background: transparent; border: 0; } @media screen and (max-width: 1216px) { .search-form form input[name="mr_search"] { padding: 0 35px 0 80px; } } @media screen and (max-width: 720px) { .search-form form input[name="mr_search"] { padding: 0 35px 0 45px; } } .search-form form input.icon { width: 27px; height: 27px; position: absolute; right: 13px; top: 12px; background: url("/local/templates/main/components/bitrix/search.form/header_search/../../../../img/search-icon-min.png") center no-repeat; border: 0; cursor: pointer; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } @media screen and (max-width: 720px) { .search-form form input.icon { right: 0; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/catalog.section.list/header-sections-list/style.css?169748995520663*/ .main-sections-list-wrap { position: absolute; left: 0; width: 100%; background: white; z-index: 10; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.35); box-shadow: 0 0 9px rgba(0, 0, 0, 0.35); top: -150px; transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; } @media screen and (max-width: 960px) { .main-sections-list-wrap { display: none; } } .main-sections-list-wrap.hide { overflow: hidden; height: 0; } .main-sections-list-wrap.show { top: 198px; opacity: 1; } .main-sections-list-wrap.show .main-sections-list .section { -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .main-sections-list-wrap.show .main-sections-list .section:nth-child(1) { -webkit-animation-name: animateLeft1; animation-name: animateLeft1; z-index: 6; } @-webkit-keyframes animateLeft1 { 0% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-moz-keyframes animateLeft1 { 0% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-ms-keyframes animateLeft1 { 0% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-o-keyframes animateLeft1 { 0% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes animateLeft1 { 0% { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .main-sections-list-wrap.show .main-sections-list .section:nth-child(2) { -webkit-animation-name: animateLeft2; animation-name: animateLeft2; z-index: 5; } @-webkit-keyframes animateLeft2 { 0% { -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -webkit-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-moz-keyframes animateLeft2 { 0% { -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -webkit-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-ms-keyframes animateLeft2 { 0% { -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -webkit-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-o-keyframes animateLeft2 { 0% { -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -webkit-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes animateLeft2 { 0% { -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -webkit-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .main-sections-list-wrap.show .main-sections-list .section:nth-child(3) { -webkit-animation-name: animateLeft3; animation-name: animateLeft3; z-index: 4; } @-webkit-keyframes animateLeft3 { 0% { -moz-transform: translateX(-300%); -ms-transform: translateX(-300%); -webkit-transform: translateX(-300%); -o-transform: translateX(-300%); transform: translateX(-300%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-moz-keyframes animateLeft3 { 0% { -moz-transform: translateX(-300%); -ms-transform: translateX(-300%); -webkit-transform: translateX(-300%); -o-transform: translateX(-300%); transform: translateX(-300%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-ms-keyframes animateLeft3 { 0% { -moz-transform: translateX(-300%); -ms-transform: translateX(-300%); -webkit-transform: translateX(-300%); -o-transform: translateX(-300%); transform: translateX(-300%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-o-keyframes animateLeft3 { 0% { -moz-transform: translateX(-300%); -ms-transform: translateX(-300%); -webkit-transform: translateX(-300%); -o-transform: translateX(-300%); transform: translateX(-300%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes animateLeft3 { 0% { -moz-transform: translateX(-300%); -ms-transform: translateX(-300%); -webkit-transform: translateX(-300%); -o-transform: translateX(-300%); transform: translateX(-300%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .main-sections-list-wrap.show .main-sections-list .section:nth-child(4) { -webkit-animation-name: animateLeft4; animation-name: animateLeft4; z-index: 3; } @-webkit-keyframes animateLeft4 { 0% { -moz-transform: translateX(-400%); -ms-transform: translateX(-400%); -webkit-transform: translateX(-400%); -o-transform: translateX(-400%); transform: translateX(-400%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-moz-keyframes animateLeft4 { 0% { -moz-transform: translateX(-400%); -ms-transform: translateX(-400%); -webkit-transform: translateX(-400%); -o-transform: translateX(-400%); transform: translateX(-400%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-ms-keyframes animateLeft4 { 0% { -moz-transform: translateX(-400%); -ms-transform: translateX(-400%); -webkit-transform: translateX(-400%); -o-transform: translateX(-400%); transform: translateX(-400%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-o-keyframes animateLeft4 { 0% { -moz-transform: translateX(-400%); -ms-transform: translateX(-400%); -webkit-transform: translateX(-400%); -o-transform: translateX(-400%); transform: translateX(-400%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes animateLeft4 { 0% { -moz-transform: translateX(-400%); -ms-transform: translateX(-400%); -webkit-transform: translateX(-400%); -o-transform: translateX(-400%); transform: translateX(-400%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .main-sections-list-wrap.show .main-sections-list .section:nth-child(5) { -webkit-animation-name: animateLeft5; animation-name: animateLeft5; z-index: 2; } @-webkit-keyframes animateLeft5 { 0% { -moz-transform: translateX(-500%); -ms-transform: translateX(-500%); -webkit-transform: translateX(-500%); -o-transform: translateX(-500%); transform: translateX(-500%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-moz-keyframes animateLeft5 { 0% { -moz-transform: translateX(-500%); -ms-transform: translateX(-500%); -webkit-transform: translateX(-500%); -o-transform: translateX(-500%); transform: translateX(-500%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-ms-keyframes animateLeft5 { 0% { -moz-transform: translateX(-500%); -ms-transform: translateX(-500%); -webkit-transform: translateX(-500%); -o-transform: translateX(-500%); transform: translateX(-500%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-o-keyframes animateLeft5 { 0% { -moz-transform: translateX(-500%); -ms-transform: translateX(-500%); -webkit-transform: translateX(-500%); -o-transform: translateX(-500%); transform: translateX(-500%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes animateLeft5 { 0% { -moz-transform: translateX(-500%); -ms-transform: translateX(-500%); -webkit-transform: translateX(-500%); -o-transform: translateX(-500%); transform: translateX(-500%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .main-sections-list-wrap.show .main-sections-list .section:nth-child(6) { -webkit-animation-name: animateLeft6; animation-name: animateLeft6; z-index: 1; } @-webkit-keyframes animateLeft6 { 0% { -moz-transform: translateX(-600%); -ms-transform: translateX(-600%); -webkit-transform: translateX(-600%); -o-transform: translateX(-600%); transform: translateX(-600%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-moz-keyframes animateLeft6 { 0% { -moz-transform: translateX(-600%); -ms-transform: translateX(-600%); -webkit-transform: translateX(-600%); -o-transform: translateX(-600%); transform: translateX(-600%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-ms-keyframes animateLeft6 { 0% { -moz-transform: translateX(-600%); -ms-transform: translateX(-600%); -webkit-transform: translateX(-600%); -o-transform: translateX(-600%); transform: translateX(-600%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-o-keyframes animateLeft6 { 0% { -moz-transform: translateX(-600%); -ms-transform: translateX(-600%); -webkit-transform: translateX(-600%); -o-transform: translateX(-600%); transform: translateX(-600%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes animateLeft6 { 0% { -moz-transform: translateX(-600%); -ms-transform: translateX(-600%); -webkit-transform: translateX(-600%); -o-transform: translateX(-600%); transform: translateX(-600%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .main-sections-list-wrap .main-sections-list { margin: 0 auto; width: 1170px; white-space: nowrap; } @media screen and (max-width: 1216px) and (min-width: 961px) { .main-sections-list-wrap .main-sections-list { width: 940px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .main-sections-list-wrap .main-sections-list { width: 700px; } } @media screen and (max-width: 720px) { .main-sections-list-wrap .main-sections-list { width: 460px; } } .main-sections-list-wrap .main-sections-list .section { width: 195px; height: 300px; display: block; margin: 0 -4px 0 0; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; display: inline-block; vertical-align: top; white-space: normal; position: relative; overflow: hidden; border-right: 1px solid #d4eaef; background: white; } @media screen and (max-width: 1216px) and (min-width: 961px) { .main-sections-list-wrap .main-sections-list .section { width: 156px; height: 253px; } } .main-sections-list-wrap .main-sections-list .section:first-child { border-left: 1px solid #d4eaef; } .main-sections-list-wrap .main-sections-list .section:first-child .image img { margin-top: 10px; } .main-sections-list-wrap .main-sections-list .section:nth-child(2) .image img { margin-top: 15px; } .main-sections-list-wrap .main-sections-list .section:nth-child(3) .image img { margin-top: 5px; } .main-sections-list-wrap .main-sections-list .section:hover:not(.noHover) .table-name .table-cell .text, .main-sections-list-wrap .main-sections-list .section.active .table-name .table-cell .text { color: #43d080; } .main-sections-list-wrap .main-sections-list .section:hover:not(.noHover) .image, .main-sections-list-wrap .main-sections-list .section.active .image { margin-top: 10px; } .main-sections-list-wrap .main-sections-list .section .image { width: 100%; height: 217px; position: relative; overflow: hidden; margin-top: 20px; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } @media screen and (max-width: 1216px) and (min-width: 961px) { .main-sections-list-wrap .main-sections-list .section .image { height: 170px; } } .main-sections-list-wrap .main-sections-list .section .image img { display: block; max-width: 100%; max-height: 100%; } .main-sections-list-wrap .main-sections-list .section .table-name { width: 100%; display: table; height: 30px; padding: 35px 10px 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; cursor: pointer; } .main-sections-list-wrap .main-sections-list .section .table-name .table-cell { display: table-cell; vertical-align: middle; } .main-sections-list-wrap .main-sections-list .section .table-name .table-cell .text { color: #2b555f; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 14px; text-decoration: none; max-height: 50px; overflow: hidden; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } @media screen and (max-width: 1216px) and (min-width: 961px) { .main-sections-list-wrap .main-sections-list .section .table-name .table-cell .text { font-size: 11.5px; } } .main-sections-list-wrap .main-sections-list .section .bottom-line { position: relative; width: 100%; height: 10px; background: #007cc4; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/menu/header-menu-mobile/style.css?16974899569024*/ .header-menu-mobile-wrap { position: fixed; width: 100%; margin: 0; height: 100%; top: 0; left: -100%; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 105; opacity: 0; padding-bottom: 60px; overflow: hidden; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } @media screen and (min-width: 961px) { .header-menu-mobile-wrap { display: none; } } .header-menu-mobile-wrap.active { left: 0; opacity: 1; } .header-menu-mobile-wrap .mobile-menu-head { min-height: 60px; height: 60px; margin: 0 auto; width: 700px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } @media screen and (max-width: 720px) { .header-menu-mobile-wrap .mobile-menu-head { width: 460px; } } .header-menu-mobile-wrap .mobile-menu-head:before { content: " "; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 60px; background: #2c6d88; } .header-menu-mobile-wrap .mobile-menu-head .button-wrap { flex: 1; max-width: 150px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } .header-menu-mobile-wrap .mobile-menu-head .button-wrap.back .close { background: url("/local/templates/main/components/bitrix/menu/header-menu-mobile/img/mobile-menu-back-min.png") center no-repeat; } .header-menu-mobile-wrap .mobile-menu-head .button-wrap .close, .header-menu-mobile-wrap .mobile-menu-head .button-wrap .text { position: relative; z-index: 2; text-align: left; } .header-menu-mobile-wrap .mobile-menu-head .button-wrap .close { min-height: 37px; flex: 1 37px; max-width: 37px; background: url("/local/templates/main/components/bitrix/menu/header-menu-mobile/img/mobile-menu-close-min.png") center no-repeat; cursor: pointer; } .header-menu-mobile-wrap .mobile-menu-head .button-wrap .text { flex: 1; padding-left: 15px; min-height: 37px; line-height: 37px; color: white; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; } .header-menu-mobile-wrap ul.header-menu { margin: 0; list-style-type: none; width: 100%; height: 100%; padding: 0; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .header-menu-mobile-wrap ul.header-menu.hide { margin-left: -100%; } .header-menu-mobile-wrap ul.header-menu li { list-style: none; height: 24px; width: auto; line-height: 24px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; border-bottom: 1px solid #d4eaef; min-height: 50px; margin: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } .header-menu-mobile-wrap ul.header-menu li:last-child { margin: 0 0 0 0; } .header-menu-mobile-wrap ul.header-menu li:last-child:after { display: none; } .header-menu-mobile-wrap ul.header-menu li a { color: #5d838c; font-size: 12px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-decoration: none; position: relative; white-space: nowrap; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; margin: 0 auto; text-align: left; height: 50px; line-height: 50px; display: table; color: #2b555f; font-size: 14px; font-family: "Ubuntu Bold"; text-transform: uppercase; width: 700px; } @media screen and (max-width: 720px) { .header-menu-mobile-wrap ul.header-menu li a { width: 460px; } } .header-menu-mobile-wrap ul.header-menu li.child-ul .arrow { background: url("/local/templates/main/components/bitrix/menu/header-menu-mobile/img/mobile-menu-subsection-min.png") center no-repeat; width: 50px; height: 50px; position: absolute; left: 50%; margin-left: 300px; z-index: 2; } .header-menu-mobile-wrap ul.header-menu li.child-ul .arrow.IE10, .header-menu-mobile-wrap ul.header-menu li.child-ul .arrow.IE11 { margin-top: -25px; } @media screen and (max-width: 720px) { .header-menu-mobile-wrap ul.header-menu li.child-ul .arrow { margin-left: 180px; } } .header-menu-mobile-wrap ul.header-menu li ul.second { left: 100%; opacity: 0; margin: 0; padding: 0; position: absolute; top: 60px; width: 100%; z-index: 3; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .header-menu-mobile-wrap ul.header-menu li ul.second.active { left: 0; background: white; opacity: 1; } .header-menu-mobile-wrap .auth-info { position: absolute; height: 60px; min-height: 60px; width: 100%; bottom: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } .header-menu-mobile-wrap .auth-info .auth-child-wrap { margin: 0 auto; position: relative; z-index: 2; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; width: 700px; } @media screen and (max-width: 720px) { .header-menu-mobile-wrap .auth-info .auth-child-wrap { width: 460px; } } .header-menu-mobile-wrap .auth-info .auth-child-wrap .item { display: inline-block; vertical-align: top; white-space: normal; color: white; font-size: 14px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-decoration: none; cursor: pointer; } .header-menu-mobile-wrap .auth-info .auth-child-wrap .item.reg, .header-menu-mobile-wrap .auth-info .auth-child-wrap .item.lk-link { margin-right: 22px; } .header-menu-mobile-wrap .auth-info .auth-child-wrap .item.lk-link, .header-menu-mobile-wrap .auth-info .auth-child-wrap .item.submit { line-height: 60px; } .header-menu-mobile-wrap .auth-info .auth-child-wrap .item.submit { background: transparent; outline: none; border: 0; height: 100%; padding: 0; margin: 0; } .header-menu-mobile-wrap .auth-info:before { content: " "; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 60px; background: #2c6d88; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/components/GM/search.preview/templates/.default/style.css?16974899562228*/ .preview-search { display: none; position: absolute; top: 100%; left: 50%; padding: 20px 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; border: 1px solid #d6dfe2; width: 1170px; margin-left: -585px; z-index: 5; } @media screen and (max-width: 1216px) and (min-width: 961px) { .preview-search { width: 940px; margin-left: -470px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .preview-search { width: 700px; margin-left: -350px; } } @media screen and (max-width: 960px) { .preview-search { top: 141%; } } @media screen and (max-width: 720px) { .preview-search { width: 460px; margin-left: -230px; } } .preview-search.fixed { top: 200%; } .preview-search .items .product { min-height: 35px; width: 100%; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; overflow: hidden; } .preview-search .items .product a { color: #2b555f; font-size: 16px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; white-space: normal; text-decoration: none; padding: 0 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.2px; } .preview-search .items .product a span { font-family: "Ubuntu Bold"; } .preview-search .items .product:hover:not(.noHover) { background: #ecf0f3; } .preview-search .show-all { display: table; margin-top: 15px; color: #2b555f; font-size: 16px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-transform: none; padding-left: 20px; } .preview-search .show-all:hover:not(.noHover) { text-decoration: none; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/news.list/slider_main/style.css?169748995511207*/ div.slider { height: 520px; z-index: 1; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 720px) { div.slider { height: 348px; } } div.slider .slider-sections-wrap { position: absolute; z-index: 3; width: 300px; left: 50%; margin-left: -585px; } @media screen and (max-width: 1216px) and (min-width: 961px) { div.slider .slider-sections-wrap { margin-left: -470px; } } @media screen and (max-width: 960px) and (min-width: 721px) { div.slider .slider-sections-wrap { width: 238px; margin-left: -350px; } } @media screen and (max-width: 720px) { div.slider .slider-sections-wrap { display: none; } } div.slider .slider-sections-wrap .slider-sections { margin: 50px 0 0 0; } div.slider .slider-sections-wrap .slider-sections .section { width: 100%; height: 52px; padding: 0 20px; position: relative; overflow: hidden; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; text-decoration: none; display: block; margin-bottom: 7px; background: #2c6d88; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } @media screen and (max-width: 960px) and (min-width: 721px) { div.slider .slider-sections-wrap .slider-sections .section { padding: 0 15px 0 20px; } } div.slider .slider-sections-wrap .slider-sections .section:hover:not(.noHover) { margin-left: 5px; background: rgba(44, 109, 136, 0.9); } div.slider .slider-sections-wrap .slider-sections .section .name { color: white; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 15px; position: relative; z-index: 1; } div.slider .slider-buttons { position: absolute; z-index: 3; width: 200px; left: 50%; margin-left: 327px; bottom: 74px; } @media screen and (max-width: 1216px) and (min-width: 961px) { div.slider .slider-buttons { margin-left: 272px; } } @media screen and (max-width: 960px) and (min-width: 721px) { div.slider .slider-buttons { margin-left: 145px; bottom: 115px; } } @media screen and (max-width: 720px) { div.slider .slider-buttons { width: 460px; margin-left: -230px; bottom: 35px; text-align: center; } } div.slider .slider-buttons .create-order, div.slider .slider-buttons .send-request-with-file { display: block; width: 100%; height: 52px; line-height: 52px; margin-bottom: 10px; cursor: pointer; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #2c6d88; color: white; font-size: 14px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-align: center; } @media screen and (max-width: 720px) { div.slider .slider-buttons .create-order, div.slider .slider-buttons .send-request-with-file { width: 200px; display: inline-block; vertical-align: top; white-space: normal; margin-bottom: 0; } div.slider .slider-buttons .create-order:last-child, div.slider .slider-buttons .send-request-with-file:last-child { margin-left: 26px; } } div.slider .slider-buttons .create-order:hover:not(.noHover), div.slider .slider-buttons .send-request-with-file:hover:not(.noHover) { background: rgba(44, 109, 136, 0.9); } div.slider .slider-buttons .create-order .table-wrap, div.slider .slider-buttons .send-request-with-file .table-wrap { display: table; width: 100%; height: 100%; } div.slider .slider-buttons .create-order .table-wrap .table-cell, div.slider .slider-buttons .send-request-with-file .table-wrap .table-cell { display: table-cell; vertical-align: middle; line-height: 14px; } div.slider ul { padding: 0; margin: 0; white-space: nowrap; font-size: 0; overflow: hidden; height: 100%; position: relative; z-index: 2; } div.slider ul li.slide { padding: 0; display: inline-block; vertical-align: top; height: 100%; width: 100%; position: relative; margin: 0; background-size: cover !important; } div.slider ul li.slide .container { display: flex; align-items: center; justify-content: flex-end; width: auto; } div.slider ul li.slide .sliderText { width: 750px; height: 458px; z-index: 4; display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 720px) { div.slider ul li.slide .sliderText { height: 348px; text-align: center; } } div.slider ul li.slide .sliderText .table-cell { display: table-cell; vertical-align: middle; } div.slider ul li.slide .sliderText .table-cell .first-row { color: white; font-size: 44px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 47.7px; } @media screen and (max-width: 960px) and (min-width: 721px) { div.slider ul li.slide .sliderText .table-cell .first-row { font-size: 34px; } } @media screen and (max-width: 720px) { div.slider ul li.slide .sliderText .table-cell .first-row { font-size: 28.56px; line-height: 25px; } } div.slider ul li.slide .sliderText .table-cell .second-row { color: white; font-size: 39.3px; font-family: "Ubuntu"; text-transform: uppercase; line-height: 47.7px; letter-spacing: 2px; } @media screen and (max-width: 960px) and (min-width: 721px) { div.slider ul li.slide .sliderText .table-cell .second-row { font-size: 31px; letter-spacing: 1px; } } @media screen and (max-width: 720px) { div.slider ul li.slide .sliderText .table-cell .second-row { font-size: 26px; letter-spacing: 1px; line-height: 25px; } } div.slider ul li.slide .sliderText .table-cell .spravka-button { min-width: 200px; max-width: 200px; height: 40px; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; margin: 30px 0 0 0; white-space: normal; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 17px; background: #efeee7; color: #2b555f; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 14px; text-align: center; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; } @media screen and (min-width: 961px) { div.slider ul li.slide .sliderText .table-cell .spravka-button:hover { background: #2c6d88; color: white; } } @media screen and (max-width: 720px) { div.slider ul li.slide .sliderText .table-cell .spravka-button { margin: 30px auto 0 auto; } } div.slider div.slider-wrapper { position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; bottom: 18px; white-space: nowrap; left: -15px; right: -15px; z-index: 10; } @media screen and (max-width: 720px) { div.slider div.slider-wrapper { bottom: unset; top: 50%; transform: translateY(-50%); } } div.slider div.slider-wrapper .slider-left, div.slider div.slider-wrapper .slider-right { width: 25px; height: 46px; cursor: pointer; z-index: 6; opacity: 0.5; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } div.slider div.slider-wrapper .slider-left:hover:not(.noHover), div.slider div.slider-wrapper .slider-right:hover:not(.noHover) { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } } div.slider div.slider-wrapper .slider-left { left: 0; background: url("/local/templates/main/components/bitrix/news.list/slider_main/../../../../img/slide-arrow-left-min.png") no-repeat center; } div.slider div.slider-wrapper .slider-right { right: 0; background: url("/local/templates/main/components/bitrix/news.list/slider_main/../../../../img/slider-arrow-right-min.png") no-repeat center; } div.slider div.slider-wrapper .slider-button-wrap { display: flex; flex-grow: 1; align-items: center; position: relative; text-align: center; white-space: nowrap; height: 100%; z-index: 5; } div.slider div.slider-wrapper .slider-button-wrap:before, div.slider div.slider-wrapper .slider-button-wrap:after { content: ""; height: 1px; background: rgba(255, 255, 255, 0.5); width: 100%; margin: 0 50px; position: relative; flex-grow: 1; } @media screen and (max-width: 720px) { div.slider div.slider-wrapper .slider-button-wrap { display: none; } } div.slider div.slider-wrapper .slider-button-wrap .slick-dots { flex-shrink: 0; position: relative; margin-left: -3px; margin-right: -3px; z-index: 1; } @media screen and (max-width: 720px) { div.slider div.slider-wrapper .slider-button-wrap .slick-dots { text-align: center; } } div.slider div.slider-wrapper .slider-button-wrap .slick-dots li { display: inline-block; vertical-align: middle; white-space: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px; line-height: 0; } div.slider div.slider-wrapper .slider-button-wrap .slick-dots li:after { content: unset !important; } div.slider div.slider-wrapper .slider-button-wrap .slick-dots li.slick-active { pointer-events: none; } div.slider div.slider-wrapper .slider-button-wrap .slick-dots li.slick-active button { width: 12px; height: 12px; } div.slider div.slider-wrapper .slider-button-wrap .slick-dots li button { background: rgba(255, 255, 255, 0.4); border: 0; border-radius: 50%; width: 10px; height: 10px; font-size: 0; cursor: pointer; padding: 0; } .slick-list, .slick-track { height: inherit; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/form.result.new/skladskayaSpravka/style.css?16974899551924*/ .skladskaya-spravka-wrap { top: 150px; } .skladskaya-spravka-wrap .validateForm .download-file .download-title { color: #2b555f; font-size: 22px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 24px; text-align: center; position: relative; text-transform: none; } .skladskaya-spravka-wrap .validateForm .download-file .spravka-button { display: block; width: 250px; height: 52px; line-height: 52px; -webkit-border-radius: 52px; -moz-border-radius: 52px; -ms-border-radius: 52px; border-radius: 52px; text-align: center; cursor: pointer; position: relative; overflow: hidden; margin: 25px auto 0 auto; text-decoration: none; color: white; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; background: #2c6d88; } .skladskaya-spravka-wrap .validateForm .send-file-title { color: #2b555f; font-size: 22px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 24px; text-align: center; position: relative; margin-top: 50px; text-transform: none; border-top: 1px solid #d4eaef; padding-top: 35px; } .skladskaya-spravka-wrap .validateForm .inputs { margin-top: 25px !important; } .skladskaya-spravka-wrap .validateForm .inputs input::-webkit-input-placeholder { color: #242424; } .skladskaya-spravka-wrap .validateForm .inputs input::-moz-placeholder { color: #242424; } .skladskaya-spravka-wrap .validateForm .inputs input:-moz-placeholder { color: #242424; } .skladskaya-spravka-wrap .validateForm .inputs input:-ms-input-placeholder { color: #242424; } .skladskaya-spravka-wrap .validateForm .button-wrap { padding: 0 !important; border-top: 0 !important; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/menu/footer-menu/style.css?1697489955350*/ .footer-menu { width: 170px; } .footer-menu .link { display: table; color: white; font-size: 14px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 34px; text-decoration: none; } .footer-menu .link:hover { text-decoration: underline; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/form.result.new/requestCall/style.css?169748995580*/ .request-call-wrap { top: 150px; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/form.result.new/form-send-request-with-file/style.css?1697489955178*/ .send-request-with-file-wrap { top: 100px; } .send-request-with-file-wrap .button-wrap .button { margin: 25px auto 0 auto; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/GM/main.register/registration/style.css?1697489956191*/ .registration-wrap.content-form { top: 90px; } .registration-wrap.content-form .validateForm .inputs .input-wrap { margin-bottom: 25px; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/components/bitrix/system.auth.form/auth/style.css?1697489955565*/ #auth-go { top: 150px; } #auth-go .validateForm .button-wrap { padding-top: 10px; border: 0; } #auth-go .validateForm .button-wrap .button { margin: 13px auto 0 auto; } #auth-go .inputs .forgot-password { display: table; color: #005b9a; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; line-height: 13px; text-decoration: underline; margin: -10px auto 0 auto; text-align: center; } #auth-go .inputs .forgot-password:hover { text-decoration: none; } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/main/styles.css?16974899551077*/ .bx-context-toolbar-empty-area{ font-size: 12px; } .parthners-block{ padding-bottom: 45px; } .dostavka-i-oplata .list .preview-text{ padding: 5px; text-align: justify; } .partners .block .link{ min-height: 19px; } div.partners a.block{ margin-right: 29px; } .contacts-wrap .contacts-info .block .social { color: #2b555f; font-size: 16px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; line-height: 21px; margin-top: 15px; } .ico-contacts { display: inline-block; vertical-align: bottom; width: 30px; height: 30px; background-size: 100% 100%; margin: 0 5px 0 3px; } .ico-footer { display: inline-block; vertical-align: bottom; width: 30px; height: 30px; background-size: 100% 100%; margin: 0 5px 0 3px; } .wa-ico-contacts,.wa-ico-footer {background-image: url('/local/templates/main/img/whatsapp.png');} .tg-ico-contacts,.tg-ico-footer {background-image: url('/local/templates/main/img/telegram.png');} footer .footer-menu-wrap .first-line .third-block .phone-and-email .phone a {color: inherit;} /* End */ /* Start:/local/templates/main/template_styles.css?1772630581138021*/ @font-face { font-family: "Ubuntu"; src: url("/local/templates/main/fonts/ubuntu-r-webfont.eot"); src: url("/local/templates/main/fonts/ubuntu-r-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ubuntu-r-webfont.woff") format("woff"), url("/local/templates/main/fonts/ubuntu-r-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ubuntu-r-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ubuntu-r-webfont.svg#ubuntu-r-webfont") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Ubuntu Bold"; src: url("/local/templates/main/fonts/ubuntu-b-webfont.eot"); src: url("/local/templates/main/fonts/ubuntu-b-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ubuntu-b-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ubuntu-b-webfont.woff") format("woff"), url("/local/templates/main/fonts/ubuntu-b-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ubuntu-b-webfont.svg#ubuntu-b-webfont") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Ubuntu Light"; src: url("/local/templates/main/fonts/ubuntu-l-webfont.eot"); src: url("/local/templates/main/fonts/ubuntu-l-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ubuntu-l-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ubuntu-l-webfont.woff") format("woff"), url("/local/templates/main/fonts/ubuntu-l-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ubuntu-l-webfont.svg#ubuntu-l-webfont") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Ubuntu Italic"; src: url("/local/templates/main/fonts/ubuntu-italic-webfont.eot"); src: url("/local/templates/main/fonts/ubuntu-italic-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ubuntu-italic-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ubuntu-italic-webfont.woff") format("woff"), url("/local/templates/main/fonts/ubuntu-italic-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ubuntu-italic-webfont.svg#ubuntu-italic-webfont") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Ubuntu Light Italic"; src: url("/local/templates/main/fonts/ubuntu-li-webfont.eot"); src: url("/local/templates/main/fonts/ubuntu-li-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ubuntu-li-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ubuntu-li-webfont.woff") format("woff"), url("/local/templates/main/fonts/ubuntu-li-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ubuntu-li-webfont.svg#ubuntu-li-webfont") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Ubuntu Medium"; src: url("/local/templates/main/fonts/ubuntu-m-webfont.eot"); src: url("/local/templates/main/fonts/ubuntu-m-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ubuntu-m-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ubuntu-m-webfont.woff") format("woff"), url("/local/templates/main/fonts/ubuntu-m-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ubuntu-m-webfont.svg#ubuntu-m-webfont") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Ubuntu Roman"; src: url("/local/templates/main/fonts/ubuntu-r-webfont.eot"); src: url("/local/templates/main/fonts/ubuntu-r-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/fonts/ubuntu-r-webfont.woff2") format("woff2"), url("/local/templates/main/fonts/ubuntu-r-webfont.woff") format("woff"), url("/local/templates/main/fonts/ubuntu-r-webfont.ttf") format("truetype"), url("/local/templates/main/fonts/ubuntu-r-webfont.svg#ubuntu-r-webfont") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } pre { font-size: 12px; position: relative; z-index: 1; } body { width: 100%; height: 100%; padding: 0; margin: 0; } .overflow-cart, .fixed-wrapper { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(33, 82, 98, 0.6); z-index: 1000; display: none; } input, textarea { border: 1px solid #c7c7c7; outline: 0; box-sizing: border-box; color: #90a5b0; font-size: 14px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; } input.error, textarea.error { border: 1px solid #f21458 !important; } input[type="text"], input[type="password"], textarea[type="text"], textarea[type="password"] { transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } input.quantity-input:hover, input.quantity-input:focus, textarea.quantity-input:hover, textarea.quantity-input:focus { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ffffff; } input::-moz-placeholder, textarea::-moz-placeholder { color: #ffffff; } input:-moz-placeholder, textarea:-moz-placeholder { color: #ffffff; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ffffff; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } @-webkit-keyframes autofill { to { color: inherit; background: transparent; } } input[name="PHONE"]::-webkit-input-placeholder, input[name="PERSONAL_PHONE"]::-webkit-input-placeholder, input[data-name="phone"]::-webkit-input-placeholder { color: #7f7e7e; } input[name="PHONE"]::-moz-placeholder, input[name="PERSONAL_PHONE"]::-moz-placeholder, input[data-name="phone"]::-moz-placeholder { color: #7f7e7e; } input[name="PHONE"]:-moz-placeholder, input[name="PERSONAL_PHONE"]:-moz-placeholder, input[data-name="phone"]:-moz-placeholder { color: #7f7e7e; } input[name="PHONE"]:-ms-input-placeholder, input[name="PERSONAL_PHONE"]:-ms-input-placeholder, input[data-name="phone"]:-ms-input-placeholder { color: #7f7e7e; } h1:not(.page-404-h1), div.h1 { text-transform: uppercase; margin: 40px 0 30px 0; color: #2b555f; font-size: 40px; font-family: "Ubuntu"; text-transform: uppercase; line-height: 47px; font-weight: normal; overflow: hidden; white-space: normal; position: relative; z-index: 1; } @media screen and (max-width: 960px) { h1:not(.page-404-h1), div.h1 { margin: 30px 0; } } @media screen and (max-width: 720px) { h1:not(.page-404-h1), div.h1 { text-align: center; } } h2, h3, h4, h5 { font-weight: normal; text-transform: none !important; } h2 { color: #2b555f; font-size: 30px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 30px; } h3 { color: #2b555f; font-size: 24px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 24px; } h4 { color: #2b555f; font-size: 20px; font-family: "Ubuntu Bold"; text-transform: uppercase; height: 20px; } h5 { color: #2b555f; font-size: 16px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 16px; } p { margin: 0 0 21px 0; line-height: 24px; } ul:not(.pagination):not(.header-menu) li, ol li { line-height: 24px; margin: 0; } p, ul:not(.pagination):not(.header-menu) li, ol li { color: #2b555f; font-size: 14.5px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; } form { margin-bottom: 0; } .wrapper { position: relative; height: auto !important; min-height: 100%; min-width: 1170px; width: 100%; overflow: visible; } @media screen and (max-width: 1216px) and (min-width: 961px) { .wrapper { min-width: 940px; } } @media screen and (max-width: 960px) and (min-width: 720px) { .wrapper { min-width: 700px; } } @media screen and (max-width: 720px) { .wrapper { min-width: 460px; } } .wrapper table:not(.table-title):not(.cart-items):not(.company-info) { border-spacing: 0 0; border-collapse: collapse; } .wrapper table:not(.table-title):not(.cart-items):not(.company-info) td { padding: 5px; border: 1px solid #3d3d3d; color: #2b2a29; font-size: 15px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; } .wrapper-under { overflow: hidden; position: relative; z-index: 100; } @media screen and (min-width: 961px) { .wrapper-under { min-height: calc(100vh - 100px); } } @media screen and (max-width: 960px) and (min-width: 720px) { .wrapper-under { min-height: calc(100vh - 325px); } } @media screen and (max-width: 720px) { .wrapper-under { min-height: calc(100vh - 350px); } } .loader-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); text-align: center; display: none; z-index: 931; } .loader-wrap .loader { position: absolute; display: none; margin: auto; top: 0; left: 0; bottom: 0; right: 0; width: 80px; height: 80px; border: 5px solid #2c6d88; border-radius: 100%; animation: spin 0.75s infinite linear; } .loader-wrap .loader *, .loader-wrap .loader *::before, .loader-wrap .loader *::after { box-sizing: border-box; } .loader-wrap .loader::before, .loader-wrap .loader::after { left: -5px; top: -5px; display: none; position: absolute; content: ''; width: inherit; height: inherit; border: inherit; border-radius: inherit; } .loader-wrap .loader-5, .loader-wrap .loader-5::before { display: inline-block; border-color: transparent; border-top-color: #2c6d88; } .loader-wrap .loader-5::before { animation: spin 1.7s infinite ease; } @keyframes spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .main-loader .loader-wrap { position: fixed; } .right-image { float: right; margin: 15px 0 0 30px; } .left-image { float: left; margin: 15px 30px 0 0; } .right-image, .left-image { max-width: 460px; height: auto; } @media screen and (max-width: 960px) { .right-image, .left-image { float: none; display: block; margin: 0 auto 35px auto; } } @media screen and (max-width: 720px) { .right-image, .left-image { width: 100%; margin: 0 auto 25px auto; } } /* scroll bar */ .siteBarScroll .fixed:not(.sticky):not(.stop) { top: 0 !important; } .siteBarScroll .fixed.sticky { position: fixed !important; top: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: white; } .siteBarScroll .fixed.stop { position: relative !important; margin-top: -20px; } header { width: 100%; z-index: 10; } @media screen and (max-width: 960px) { header { height: 149px; } } header .header-info-wrap { position: relative; } header .header-info-wrap .block { display: inline-block; vertical-align: top; white-space: normal; white-space: nowrap; position: relative; } header .first-block { position: relative; overflow: hidden; } @media screen and (max-width: 960px) { header .first-block { display: none; } } header .first-block:before { content: " "; position: absolute; left: 0; width: 100%; height: 30px; background: white; z-index: 20; } @media screen and (max-width: 960px) { header .first-block:before { left: 50%; margin-left: -960px; width: 1920px; } } @media screen and (max-width: 960px) and (min-width: 721px) { header .first-block:before { margin-left: -650px; } } @media screen and (max-width: 720px) { header .first-block:before { margin-left: -450px; } } header .first-block .child-wrap { width: 1170px; margin: 0 auto; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; line-height: 30px; } @media screen and (max-width: 1216px) and (min-width: 961px) { header .first-block .child-wrap { width: 940px; } } @media screen and (max-width: 960px) and (min-width: 721px) { header .first-block .child-wrap { width: 700px; } } @media screen and (max-width: 960px) { header .first-block .child-wrap { height: 20px; } } @media screen and (max-width: 720px) { header .first-block .child-wrap { width: 460px; } } header .first-block .child-wrap .only-ur-persons, header .first-block .child-wrap .auth-info { display: inline-block; vertical-align: top; white-space: normal; position: relative; z-index: 20; } header .first-block .child-wrap .only-ur-persons { color: white; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; position: relative; padding-left: 300px; width: 500px; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } @media screen and (max-width: 1216px) and (min-width: 961px) { header .first-block .child-wrap .only-ur-persons { padding-left: 0; } } @media screen and (max-width: 960px) { header .first-block .child-wrap .only-ur-persons { display: none; } } header .first-block .child-wrap .auth-info { height: 100%; background: #efeee7; position: relative; right: 0; float: right; padding: 0 17px; } @media screen and (max-width: 1216px) { header .first-block .child-wrap .auth-info { right: 8px; } } @media screen and (max-width: 960px) { header .first-block .child-wrap .auth-info { display: none; } } header .first-block .child-wrap .auth-info .item { display: inline-block; vertical-align: top; white-space: normal; color: #2b555f; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; text-decoration: underline; cursor: pointer; } header .first-block .child-wrap .auth-info .item:hover:not(.noHover), header .first-block .child-wrap .auth-info .item:active { text-decoration: none; } header .first-block .child-wrap .auth-info .item.reg, header .first-block .child-wrap .auth-info .item.lk-link { margin-right: 22px; } header .first-block .child-wrap .auth-info .item.lk-link, header .first-block .child-wrap .auth-info .item.submit { line-height: 30px; } header .first-block .child-wrap .auth-info .item.submit { background: transparent; outline: none; border: 0; height: 100%; padding: 0; margin: 0; } header .second-block { height: 168px; position: relative; z-index: 20; background: white; border-top: 1px solid #d4eaef; } @media screen and (max-width: 960px) { header .second-block { height: 148px; } } header .second-block .first-line, header .second-block .second-line { width: 1170px; margin: 0 auto; white-space: nowrap; } @media screen and (max-width: 1216px) and (min-width: 961px) { header .second-block .first-line, header .second-block .second-line { width: 940px; } } @media screen and (max-width: 960px) and (min-width: 721px) { header .second-block .first-line, header .second-block .second-line { width: 700px; } } @media screen and (max-width: 720px) { header .second-block .first-line, header .second-block .second-line { width: 460px; } } header .second-block .first-line { height: 110px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: center; } @media screen and (max-width: 960px) { header .second-block .first-line { height: 92px; } } header .second-block .first-line .logo-wrap { min-width: 258px; max-width: 258px; height: 79px; white-space: nowrap; text-decoration: none; background: url("/local/templates/main/img/logo-header-min.png") center no-repeat; } @media screen and (max-width: 960px) and (min-width: 721px) { header .second-block .first-line .logo-wrap { min-width: 210px; max-width: 210px; background-size: contain; } } @media screen and (max-width: 720px) { header .second-block .first-line .logo-wrap { min-width: 65px; max-width: 65px; background-position: left center; background-size: 328%; } } header .second-block .first-line .phone-wrap { min-width: 170px; max-width: 170px; margin: 0 0 0 38px; } @media screen and (max-width: 960px) { header .second-block .first-line .phone-wrap { margin: 0 0 0 65px; min-width: 210px; max-width: 210px; } } @media screen and (max-width: 720px) { header .second-block .first-line .phone-wrap { margin: 0 0 0 75px; } } header .second-block .first-line .phone-wrap .phone a { color: #2b555f; font-size: 20px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; } @media screen and (max-width: 960px) { header .second-block .first-line .phone-wrap .phone a { font-size: 25px; } } header .second-block .first-line .phone-wrap .email { color: #2b555f; font-size: 12px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; } header .second-block .first-line .phone-wrap .email:hover:not(.noHover) { text-decoration: none; } @media screen and (max-width: 960px) { header .second-block .first-line .buttons-wrap { display: none; } } header .second-block .second-line { height: 58px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } @media screen and (max-width: 960px) { header .second-block .second-line { height: 56px; } } header .second-block .second-line:before { content: ' '; position: absolute; width: 100%; height: 1px; left: 0; bottom: 58px; background: #d4eaef; } @media screen and (max-width: 960px) { header .second-block .second-line:before { bottom: 56px; } } header .second-block .second-line .menu-button { min-width: 120px; max-width: 120px; height: 56px; line-height: 56px; text-align: left; padding-left: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: none; position: relative; color: #2b555f; font-size: 17px; font-family: "Ubuntu Bold"; text-transform: uppercase; } @media screen and (max-width: 960px) { header .second-block .second-line .menu-button { display: inline-block; border-right: 1px solid #d4eaef; } } @media screen and (max-width: 720px) { header .second-block .second-line .menu-button { min-width: 100px; max-width: 100px; border: 0; padding-left: 30px; } } header .second-block .second-line .menu-button.active .icon .line { display: none; } header .second-block .second-line .menu-button.active .icon:after { -webkit-transform: rotate(-45deg); /* Chrome y Safari */ -moz-transform: rotate(-45deg); /* Firefox */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$number); /* Internet Explorer */ -o-transform: rotate(-45deg); /* Opera */ -ms-transform: rotate(-45deg); width: 26px; bottom: 7px; left: -4px; } header .second-block .second-line .menu-button.active .icon:before { -webkit-transform: rotate(45deg); /* Chrome y Safari */ -moz-transform: rotate(45deg); /* Firefox */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$number); /* Internet Explorer */ -o-transform: rotate(45deg); /* Opera */ -ms-transform: rotate(45deg); margin-top: 8px; left: -4px; width: 25px; } header .second-block .second-line .menu-button .icon { width: 18px; height: 18px; position: absolute; top: 50%; left: 0; margin-top: -8px; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } header .second-block .second-line .menu-button .icon:after, header .second-block .second-line .menu-button .icon:before, header .second-block .second-line .menu-button .icon .line { width: 100%; height: 2px; background: #2b555f; position: absolute; left: 0; } header .second-block .second-line .menu-button .icon .line { margin-top: 8px; } header .second-block .second-line .menu-button .icon:after, header .second-block .second-line .menu-button .icon:before { content: ''; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } header .second-block .second-line .menu-button .icon:after { bottom: 0; } header .second-block .second-line .menu-button .icon:before { top: 0; } header .second-block .second-line .catalog-button { width: 300px; height: 100%; line-height: 58px; padding-left: 45px; color: #2b555f; font-size: 15px; font-family: "Ubuntu Bold"; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #d4eaef; border-right: 1px solid #d4eaef; cursor: pointer; } @media screen and (max-width: 1216px) and (min-width: 961px) { header .second-block .second-line .catalog-button { width: 220px; padding-left: 20px; font-size: 13px; } } @media screen and (max-width: 960px) { header .second-block .second-line .catalog-button { display: none; } } header .second-block .second-line .catalog-button.show .icon { -webkit-transform: rotate(-90deg); /* Chrome y Safari */ -moz-transform: rotate(-90deg); /* Firefox */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$number); /* Internet Explorer */ -o-transform: rotate(-90deg); /* Opera */ -ms-transform: rotate(-90deg); height: 20px; right: 45px; margin-top: -11px; } header .second-block .second-line .catalog-button .icon { width: 15px; height: 14px; position: absolute; top: 50%; right: 50px; margin-top: -8px; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } @media screen and (max-width: 1216px) and (min-width: 961px) { header .second-block .second-line .catalog-button .icon { right: 24px; margin-top: -7px; } } header .second-block .second-line .catalog-button .icon:after, header .second-block .second-line .catalog-button .icon:before, header .second-block .second-line .catalog-button .icon .line { width: 15px; height: 2px; background: #2b555f; position: absolute; } header .second-block .second-line .catalog-button .icon .line { top: 50%; margin-top: -1px; } header .second-block .second-line .catalog-button .icon:after, header .second-block .second-line .catalog-button .icon:before { content: ' '; width: 100%; left: 0; } header .second-block .second-line .catalog-button .icon:after { bottom: 0; } header .second-block .second-line .catalog-button .icon:before { top: 0; } header .second-block .second-line .header-menu-wrap { width: 870px; margin-left: -4px; white-space: nowrap; text-align: right; } @media screen and (max-width: 1216px) and (min-width: 961px) { header .second-block .second-line .header-menu-wrap { width: 718px; } } @media screen and (max-width: 960px) { header .second-block .second-line .header-menu-wrap { display: none; } } header .second-block .second-line .search-icon { width: 40px; height: 100%; background: url("/local/templates/main/img/search-icon-fixed-header-min.png") center no-repeat; cursor: pointer; margin-left: 28px; display: none; } @media screen and (max-width: 960px) { header .second-block .second-line .search-icon { display: inline-block; } } @media screen and (max-width: 720px) { header .second-block .second-line .search-icon { margin-left: 17px; } } header .third-block { position: relative; overflow: hidden; } @media screen and (max-width: 960px) { header .third-block { position: absolute; width: 100%; top: 89px; z-index: 10; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } header .third-block.show { top: 149px; } } header .third-block .child-wrap { width: 1170px; margin: 0 auto; height: 60px; } @media screen and (max-width: 1216px) and (min-width: 961px) { header .third-block .child-wrap { width: 940px; } } @media screen and (max-width: 960px) and (min-width: 721px) { header .third-block .child-wrap { width: 700px; } } @media screen and (max-width: 720px) { header .third-block .child-wrap { width: 460px; } } header .third-block:before { content: " "; position: absolute; z-index: 1; left: 0; width: 100%; height: 60px; background: #275970; } @media screen and (max-width: 960px) { header .third-block:before { left: 50%; margin-left: -960px; width: 1920px; } } @media screen and (max-width: 960px) and (min-width: 721px) { header .third-block:before { margin-left: -650px; } } @media screen and (max-width: 720px) { header .third-block:before { margin-left: -450px; } } header .buttons-wrap { white-space: nowrap; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: center; } @media screen and (max-width: 1216px) and (min-width: 961px) { header .buttons-wrap { min-width: 465px; max-width: 465px; height: 89%; white-space: normal !important; padding: 0 0 0 118px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 720px) { header .buttons-wrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } header .buttons-wrap .button { min-width: 170px; max-width: 170px; height: 40px; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; margin: 0 0 0 5px; white-space: normal; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 17px; background: #efeee7; color: #2b555f; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 14px; text-align: center; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; } @media screen and (min-width: 961px) { header .buttons-wrap .button:hover { background: #2c6d88; color: white; } } @media screen and (max-width: 1216px) and (min-width: 961px) { header .buttons-wrap .button { margin: 0 -2px 0 0; } header .buttons-wrap .button:nth-child(2) { margin-left: 11px; } } @media screen and (max-width: 960px) and (min-width: 721px) { header .buttons-wrap .button { margin: 0 0 0 16px; } header .buttons-wrap .button:nth-child(2) { margin-left: 20px; } } @media screen and (max-width: 960px) { header .buttons-wrap .button { min-width: 150px; max-width: 150px; padding: 0 8px; } } @media screen and (max-width: 720px) { header .buttons-wrap .button { margin: 0 0 0 6px; } header .buttons-wrap .button:nth-child(1) { margin-left: 8px; } header .buttons-wrap .button:last-child { display: none; } } @media screen and (min-width: 1217px) { header .buttons-wrap .button.form-send-request-with-file { margin-left: 29px; } } header .basket-header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 150px; height: 40px; line-height: 25px; text-decoration: none; position: absolute !important; right: 0; top: 34px; } @media screen and (max-width: 1216px) and (min-width: 961px) { header .basket-header { bottom: 12px; right: 8px; top: auto; width: 170px; } } @media screen and (max-width: 960px) { header .basket-header { background: url("/local/templates/main/img/basket-icon-header-940-min.png") center no-repeat; width: 26px; height: 29px; line-height: 36px; top: 27px; right: 6px; } } @media screen and (min-width: 961px) { header .basket-header.exist { background: #2c6d88; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; } } header .basket-header.exist .text, header .basket-header.exist .sum { padding-right: 52px; text-align: right; color: white; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; line-height: 22px; text-decoration: none; text-transform: none; } @media screen and (max-width: 960px) { header .basket-header.exist .text, header .basket-header.exist .sum { padding-right: 0; } } @media screen and (max-width: 960px) { header .basket-header.exist .text { display: none; } } header .basket-header.exist .text-products-exist { line-height: 22px; } header .basket-header.exist .sum { white-space: nowrap; line-height: 10px; } @media screen and (max-width: 960px) { header .basket-header.exist .sum { width: 100%; height: 100%; line-height: inherit; } } @media screen and (max-width: 960px) { header .basket-header.exist .sum .sum-measure { display: none; } } header .basket-header.exist .sum .quantity-of-products { color: white; font-size: 14px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-transform: none; } @media screen and (max-width: 960px) { header .basket-header.exist .sum .quantity-of-products { font-size: 14px; display: block; color: #2b555f; text-align: center; } } header .basket-header.exist:after { background: url("/local/templates/main/img/basket-icon-header-white-min.png") center no-repeat; z-index: 1; } header .basket-header:not(.exist) .text { color: #5d838c; font-size: 12px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-decoration: none; line-height: 40px; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 50px; } @media screen and (max-width: 960px) { header .basket-header:not(.exist) .text { display: none; } } header .basket-header:not(.exist) .sum { display: none; } header .basket-header:after { content: ''; background: url("/local/templates/main/img/basket-icon-header-min.png") center no-repeat; width: 22px; height: 27px; top: 5px; right: 16px; position: absolute; } @media screen and (max-width: 960px) { header .basket-header:after { display: none; } } .connect__mail-social { align-items: center; display: flex; justify-content: space-between; flex-wrap: wrap; } .connect__mail-social .social-connect { padding: 0 3px; } .connect__mail-social ul { display: flex; list-style: none; margin: 0 -3px; padding: 0; } .connect__mail-social ul li { padding: 0 3px; } .connect__mail-social a.ico { display: inline-block; vertical-align: bottom; width: 26px; height: 26px; background-size: 100% 100%; } .connect__mail-social .tg-ico { background: url("/local/templates/main/img/telegram.png"); } .connect__mail-social .wa-ico { background: url("/local/templates/main/img/whatsapp.png"); } header.header .authorized { display: flex; } .content-wrapper { width: 1170px; margin: 0 auto; } @media screen and (max-width: 1216px) and (min-width: 961px) { .content-wrapper { width: 940px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .content-wrapper { width: 700px; } } @media screen and (max-width: 720px) { .content-wrapper { width: 460px; } } .content-wrapper .content.no-main:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ecf0f3; z-index: 0; } .content-wrapper .content .child-content { background: white; position: relative; z-index: 1; padding: 25px 20px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; } .content-wrapper .content .child-content p:last-child { margin-bottom: 0; } .content-wrapper .content .both { height: 80px; width: 100%; } @media screen and (max-width: 960px) and (min-width: 721px) { .content-wrapper .content .both { height: 30px; } } @media screen and (max-width: 720px) { .content-wrapper .content .both { height: 45px; } } .content-wrapper .content p a { color: #2c6d88; font-size: 14.5px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; } .content-wrapper .content p a:hover:not(.noHover) { text-decoration: none; } .content-wrapper .content ul:not(.pagination) li a { color: #2c6d88; font-size: 14.5px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; } .content-wrapper .content ul:not(.pagination) li a:hover:not(.noHover) { text-decoration: none; } .content-wrapper .content ul:not(.pagination):not(.slider-ul) { margin: 15px 0; padding: 0 0 0 20px; overflow: hidden; } .content-wrapper .content ul:not(.pagination):not(.slider-ul) li { list-style: none; position: relative; } .content-wrapper .content ul:not(.pagination):not(.slider-ul) li:after { content: ''; width: 7px; height: 7px; position: absolute; left: -20px; top: 9px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; background: #e9ac0c; } .content-wrapper .content ul:not(.pagination):not(.slider-ul) li p { margin: 0; } .content-wrapper .content ol { margin: 15px 0; padding: 0 0 0 35px; } .content-wrapper .content .li-without-marker ul li:after { display: none; } .content-wrapper .content .catalog-nedostupen { width: 1170px; margin: 0 auto; text-align: center; position: relative; padding: 50px 0; } @media screen and (max-width: 1216px) and (min-width: 961px) { .content-wrapper .content .catalog-nedostupen { width: 940px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .content-wrapper .content .catalog-nedostupen { width: 700px; } } @media screen and (max-width: 720px) { .content-wrapper .content .catalog-nedostupen { width: 460px; } } .content-wrapper .content .catalog-nedostupen .first { margin: 40px 0 30px 0; color: #2b555f; font-size: 40px; font-family: "Ubuntu"; text-transform: uppercase; line-height: 47px; } .content-wrapper .content .catalog-nedostupen .second { color: #2b555f; font-size: 18px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; margin-top: 50px; } .content-wrapper .content .catalog-nedostupen .third { color: #2b555f; font-size: 18px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; margin-top: 10px; } .content-wrapper .content .catalog-nedostupen .button { width: 250px; height: 52px; line-height: 52px; -webkit-border-radius: 52px; -moz-border-radius: 52px; -ms-border-radius: 52px; border-radius: 52px; text-align: center; cursor: pointer; position: relative; overflow: hidden; display: block; margin: 60px auto 0 auto; text-decoration: none; } .content-wrapper .content .catalog-nedostupen .button .text { color: white; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; position: relative; z-index: 1; } .content-wrapper .content .catalog-nedostupen .button:after { content: ' '; position: absolute; top: 0; left: -50%; width: 150%; height: 100%; z-index: 0; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: -moz-linear-gradient(right, #3abc8f 0%, #1c7bc0 40%); background: -webkit-linear-gradient(right, #3abc8f 0%, #1c7bc0 40%); background: -o-linear-gradient(right, #3abc8f 0%, #1c7bc0 40%); background: -ms-linear-gradient(right, #3abc8f 0%, #1c7bc0 40%); background: linear-gradient(to left, #3abc8f 0%, #1c7bc0 40%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3abc8f', endColorstr='#1c7bc0'); } .content-wrapper .content .catalog-nedostupen .button:hover:not(.noHover):after { left: 0; } footer { position: relative; z-index: 1; overflow: hidden; } footer * { transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } footer .footer-menu-wrap { width: 1170px; height: 100%; overflow: hidden; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; gap: 10%; } @media screen and (max-width: 1216px) and (min-width: 961px) { footer .footer-menu-wrap { width: 940px; } } @media screen and (max-width: 960px) and (min-width: 721px) { footer .footer-menu-wrap { width: 700px; } } @media screen and (max-width: 720px) { footer .footer-menu-wrap { width: 90%; } } footer .footer-menu-wrap .block { display: inline-block; vertical-align: top; white-space: normal; } footer .first-line { background: #275970; padding-bottom: 35px; padding-top: 35px; } footer .first-line .first-block, footer .first-line .second-block, footer .first-line .third-block { position: relative; z-index: 1; } footer .first-line .third-block { text-align: right; width: 370px; margin: 0 0 0 266px; float: right; } @media screen and (max-width: 1216px) and (min-width: 961px) { footer .first-line .third-block { margin: 0 0 0 108px; } } @media screen and (max-width: 960px) { footer .first-line .third-block { display: block; text-align: left; margin: 25px 0 0 0; float: none; } } footer .first-line .third-block .name { color: white; font-size: 16px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 20px; padding-top: 14px; } footer .first-line .third-block .phone-and-email .name { padding-top: 5px; } footer .first-line .third-block .phone-and-email .phone { color: white; font-size: 23px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 34px; } footer .first-line .third-block .phone-and-email .email { color: white; font-size: 15px; font-family: "Ubuntu"; text-transform: uppercase; line-height: 24px; text-transform: none; } @media screen and (max-width: 960px) { footer .first-line .third-block .address-wrap { white-space: nowrap; } } footer .first-line .third-block .address-wrap .address, footer .first-line .third-block .address-wrap .address-sklad { color: white; font-size: 15px; font-family: "Ubuntu"; text-transform: uppercase; line-height: 20px; text-transform: none; } @media screen and (max-width: 960px) { footer .first-line .third-block .address-wrap .address, footer .first-line .third-block .address-wrap .address-sklad { display: inline-block; vertical-align: top; white-space: normal; } } @media screen and (max-width: 960px) { footer .first-line .third-block .address-wrap .address { width: 220px; } } @media screen and (max-width: 960px) and (min-width: 721px) { footer .first-line .third-block .address-wrap .address-sklad { margin-left: 78px; width: 400px; } } @media screen and (max-width: 720px) { footer .first-line .third-block .address-wrap .address-sklad { width: 225px; margin-left: 30px; } } footer .second-line { line-height: 40px; background: #214358; } footer .second-line .uniofweb { z-index: 2; position: relative; display: flex; gap: 10px; align-items: center; justify-content: center; } footer .second-line .uniofweb.mobile { width: 350px; display: flex; align-items: center; justify-content: center; gap: 10px;} footer .second-line .uniofweb a { color: white; font-size: 12px; font-family: "Calibri"; text-transform: uppercase; text-transform: none; display: block; } footer .second-line .uniofweb:hover:not(.noHover) a { text-decoration: none; } .addedToCart { position: fixed; left: 50%; top: 50%; margin-top: -45px; width: 300px; height: 80px !important; line-height: 80px; margin-left: -150px; background: white; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); z-index: 1001; display: none; background: white; border: 4px solid #2c6d88; white-space: nowrap; color: #215262; font-size: 17.5px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-transform: none; text-align: center; } .agreement-checkbox, .email-terms-checkbox { white-space: nowrap; width: 100%; } .agreement-checkbox .checkbox, .agreement-checkbox .text, .email-terms-checkbox .checkbox, .email-terms-checkbox .text { display: inline-block; vertical-align: middle; white-space: normal; } .agreement-checkbox .checkbox, .email-terms-checkbox .checkbox { width: 16px; height: 16px; border: 1px solid #d4eaef; position: relative; margin-right: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .agreement-checkbox .checkbox input, .email-terms-checkbox .checkbox input { display: none !important; } .agreement-checkbox .checkbox .icon, .email-terms-checkbox .checkbox .icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url("/local/templates/main/img/check-icon-filter-min.png") center no-repeat; display: none; } .agreement-checkbox .checkbox.active .icon, .email-terms-checkbox .checkbox.active .icon { display: block; } .agreement-checkbox .checkbox.error, .email-terms-checkbox .checkbox.error { border: 1px solid red; } .agreement-checkbox .text, .email-terms-checkbox .text { width: 470px; height: 35px; line-height: 16px; color: #2b555f; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; white-space: normal; } .agreement-checkbox .text a, .email-terms-checkbox .text a { color: #2c6d88; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; } .agreement-checkbox .text a:hover:not(.noHover), .email-terms-checkbox .text a:hover:not(.noHover) { text-decoration: none; } .parthners-block { padding-bottom: 45px; } .contacts-wrap { padding-bottom: 35px; } @media screen and (max-width: 960px) and (min-width: 720px) { .contacts-wrap { padding-bottom: 50px; } } @media screen and (max-width: 720px) { .contacts-wrap { padding-bottom: 15px; } } .contacts-wrap .contacts-info { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: flex-start; background: white; padding: 25px; position: relative; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 960px) { .contacts-wrap .contacts-info { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .contacts-wrap .contacts-info .block { flex: 1 50%; } @media screen and (max-width: 960px) { .contacts-wrap .contacts-info .block { flex: 1 100%; } } @media screen and (max-width: 960px) { .contacts-wrap .contacts-info .block:last-child { margin-top: 30px; } } .contacts-wrap .contacts-info .block .name { color: #2b555f; font-size: 20px; font-family: "Ubuntu Medium"; text-transform: uppercase; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; line-height: 20px; cursor: pointer; text-transform: none; border-bottom: 1px dotted #2b555f; display: table; } .contacts-wrap .contacts-info .block .name:hover:not(.noHover) { border-bottom: 1px dotted transparent; } .contacts-wrap .contacts-info .block .address { color: #2b555f; font-size: 16px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; line-height: 21px; margin-top: 15px; } .contacts-wrap .contacts-info .block .email { color: #2b555f; font-size: 14.5px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; text-decoration: underline; margin-top: 12px; } .contacts-wrap .contacts-info .block .email:hover:not(.noHover) { text-decoration: none; } .contacts-wrap .contacts-info .block .phone { color: #2b555f; font-size: 16px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; margin-top: 12px; } .contacts-wrap .contacts-info .block .link_div { color: #2b555f; font-size: 14.5px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; border-bottom: 1px dotted #2b555f; display: table; cursor: pointer; line-height: 14px; margin-top: 12px; } .contacts-wrap .contacts-info .block .link_div:hover:not(.noHover) { border-bottom: 1px dotted transparent; } .contacts-wrap .yandex-map { height: 375px; display: block; position: relative; min-width: 1170px; width: 100%; overflow: hidden; margin-bottom: 30px; margin-top: 30px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); } @media screen and (max-width: 1216px) and (min-width: 961px) { .contacts-wrap .yandex-map { min-width: 940px; } } @media screen and (max-width: 960px) and (min-width: 720px) { .contacts-wrap .yandex-map { min-width: 700px; height: 460px; } } @media screen and (max-width: 720px) { .contacts-wrap .yandex-map { min-width: 460px; height: 500px; margin-bottom: 10px; margin-top: 10px; } } .contacts-wrap .yandex-map #map { width: 100%; height: 100%; position: absolute; left: 0; z-index: 1; } .contacts-wrap .yandex-map #map .search-placemark-icons__active { color: #f33; margin-top: -64px; margin-left: -30px; position: relative; } .contacts-wrap .yandex-map #map .rubric-placemark-icons-provider__active-content { width: 24px; height: 24px; margin-left: -12px; margin-top: -12px; } .contacts-wrap .yandex-map #map .rubric-placemark-icons-provider__active-content > svg { fill: #fff; overflow: visible; } .scheme-road { position: fixed; width: 733px; height: 495px; left: 50%; top: 200px; margin-left: -366px; background: white; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1001; padding: 25px; display: none; } @media screen and (max-width: 960px) and (min-width: 720px) { .scheme-road { width: 660px; height: 448px; margin-left: -330px; } } @media screen and (max-width: 720px) { .scheme-road { width: 430px; height: 284px; margin-left: -215px; padding: 5px; top: 100px; } } .scheme-road.fade-animate { display: block !important; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: fadeAnimate; animation-name: fadeAnimate; } @-webkit-keyframes fadeAnimate { 0% { -webkit-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .scheme-road img { max-width: 100%; max-height: 100%; } .scheme-road .exit { position: absolute; background: url("/local/templates/main/img/close-form.png") center no-repeat; width: 16px; height: 16px; right: -20px; top: -20px; cursor: pointer; } .table-wrap { display: flex; } .company-info { flex-grow: 1; color: #2b555f; font-size: 16px; font-family: "Ubuntu"; text-transform: uppercase; margin-bottom: 30px; margin-left: -20px; margin-right: -20px; text-transform: none; } .company-info tr:first-child td { border-top: 1px solid #d4eaef; } .company-info td { border-bottom: 1px solid #d4eaef; border-left: 1px solid #d4eaef; border-right: none; padding: 8px 16px; } .company-info td:first-child { border-left: none; } .company-card a { background: #efeee7; border-radius: 50px; cursor: pointer; display: inline-block; padding: 17px; color: #2b555f; font-size: 14.5px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-decoration: none; } .company-card a:hover { background: #2b555f; color: #efeee7; } .page-404 { width: 100%; margin: 0 auto; text-align: center; position: relative; z-index: 1; padding-top: 45px; padding-bottom: 75px; } @media screen and (max-width: 720px) { .page-404 { padding-top: 35px; padding-bottom: 30px; } } .page-404 .first-line { color: #2b555f; font-size: 40px; font-family: "Ubuntu"; text-transform: uppercase; } .page-404 .second-line { color: #2b555f; font-size: 24px; font-family: "Ubuntu Bold"; text-transform: uppercase; margin-top: 28px; } @media screen and (max-width: 960px) and (min-width: 721px) { .page-404 .second-line { width: 500px; margin: 28px auto 0 auto; } } .page-404 .numbers { width: 456px; height: 199px; margin: 95px auto 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; } .page-404 .numbers:before, .page-404 .numbers:after, .page-404 .numbers .zero { transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background-size: contain !important; } .page-404 .numbers:before, .page-404 .numbers:after { content: " "; position: relative; flex: 1 141px; max-width: 141px; height: 187px; } .page-404 .numbers:before { -webkit-animation: changeColor4 3s ease-in-out; animation: changeColor4 3s ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes changeColor4 { 0% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; background-size: contain !important; } 50% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; } } @-moz-keyframes changeColor4 { 0% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; background-size: contain !important; } 50% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; } } @-webkit-keyframes changeColor4 { 0% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; background-size: contain !important; } 50% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; } } @-ms-keyframes changeColor4 { 0% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; background-size: contain !important; } 50% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; } } .page-404 .numbers:after { -webkit-animation: changeColor4Right 3s ease-in-out; animation: changeColor4Right 3s ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes changeColor4Right { 0% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } 50% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } } @-moz-keyframes changeColor4Right { 0% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } 50% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } } @-webkit-keyframes changeColor4Right { 0% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } 50% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } } @-ms-keyframes changeColor4Right { 0% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } 50% { background: url("/local/templates/main/img/404/4-blue-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/4-green-min.png") center no-repeat; } } .page-404 .numbers .zero { flex: 1 136px; max-width: 136px; height: 195px; margin: 0 15px; -webkit-animation: changeColor0 3s ease-in-out; animation: changeColor0 3s ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @keyframes changeColor0 { 0% { background: url("/local/templates/main/img/404/0-blue-min.png") center no-repeat; } 50% { background: url("/local/templates/main/img/404/0-green-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/0-blue-min.png") center no-repeat; } } @-moz-keyframes changeColor0 { 0% { background: url("/local/templates/main/img/404/0-blue-min.png") center no-repeat; } 50% { background: url("/local/templates/main/img/404/0-green-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/0-blue-min.png") center no-repeat; } } @-webkit-keyframes changeColor0 { 0% { background: url("/local/templates/main/img/404/0-blue-min.png") center no-repeat; } 50% { background: url("/local/templates/main/img/404/0-green-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/0-blue-min.png") center no-repeat; } } @-ms-keyframes changeColor0 { 0% { background: url("/local/templates/main/img/404/0-blue-min.png") center no-repeat; } 50% { background: url("/local/templates/main/img/404/0-green-min.png") center no-repeat; } 100% { background: url("/local/templates/main/img/404/0-blue-min.png") center no-repeat; } } .page-404 .main-link { margin: 90px auto 0 auto; color: #2b555f; font-size: 17px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; line-height: 24px; } @media screen and (max-width: 720px) { .page-404 .main-link { margin: 45px auto 0 auto; } } .page-404 .main-link a { font-family: "Ubuntu Medium"; color: #2c6d88; } .page-404 .main-link a:hover:not(.noHover) { text-decoration: none; } .page-404 .catalog-button { width: 250px; height: 52px; line-height: 52px; -webkit-border-radius: 52px; -moz-border-radius: 52px; -ms-border-radius: 52px; border-radius: 52px; text-align: center; cursor: pointer; position: relative; overflow: hidden; display: block; margin: 20px auto 0 auto; text-decoration: none; } .page-404 .catalog-button .text { color: white; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; position: relative; z-index: 1; } .page-404 .catalog-button:after { content: ' '; position: absolute; top: 0; left: -50%; width: 150%; height: 100%; z-index: 0; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: -moz-linear-gradient(right, #3abc8f 0%, #1c7bc0 40%); background: -webkit-linear-gradient(right, #3abc8f 0%, #1c7bc0 40%); background: -o-linear-gradient(right, #3abc8f 0%, #1c7bc0 40%); background: -ms-linear-gradient(right, #3abc8f 0%, #1c7bc0 40%); background: linear-gradient(to left, #3abc8f 0%, #1c7bc0 40%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3abc8f', endColorstr='#1c7bc0'); } .page-404 .catalog-button:hover:not(.noHover):after { left: 0; } .products-block { margin-left: 26px; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block { margin-left: 16px; } } @media screen and (max-width: 960px) { .products-block { margin-left: 0; } } .products-block.fadeOut { -webkit-animation-name: animateLeftProductsFadeOut; animation-name: animateLeftProductsFadeOut; } @-webkit-keyframes animateLeftProductsFadeOut { 0% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } } @-moz-keyframes animateLeftProductsFadeOut { 0% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } } @-ms-keyframes animateLeftProductsFadeOut { 0% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } } @-o-keyframes animateLeftProductsFadeOut { 0% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } } @keyframes animateLeftProductsFadeOut { 0% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } } .products-block.fadeIn { -webkit-animation-name: animateLeftProductsFadeIn; animation-name: animateLeftProductsFadeIn; } @-webkit-keyframes animateLeftProductsFadeIn { 0% { -moz-transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-moz-keyframes animateLeftProductsFadeIn { 0% { -moz-transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-ms-keyframes animateLeftProductsFadeIn { 0% { -moz-transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-o-keyframes animateLeftProductsFadeIn { 0% { -moz-transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes animateLeftProductsFadeIn { 0% { -moz-transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .products-block .quantity { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .products-block .quantity div, .products-block .quantity input { transition: all 0.1s ease; -o-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; } .products-block .quantity .elem { vertical-align: middle !important; white-space: normal; } .products-block .quantity .minus, .products-block .quantity .plus { cursor: pointer; width: 16px; height: 30px; display: inline-block; vertical-align: middle; white-space: normal; margin-left: -5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .products-block .quantity .minus.noActive, .products-block .quantity .plus.noActive { cursor: default; } .products-block .quantity .minus { background: url("/local/templates/main/img/minus-icon-min.png") no-repeat 50% 50%; } .products-block .quantity .plus { background: url("/local/templates/main/img/plus-icon-min.png") no-repeat 50% 50%; } .products-block .quantity input { width: 60px; height: 30px; text-align: center; border: 1px solid #d4eaef; margin: 0 6px 0 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; color: #2b555f; font-size: 14px; font-family: "Ubuntu Italic"; text-transform: uppercase; display: inline-block; vertical-align: middle; white-space: normal; } .products-block.plate { margin-top: 13px; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.plate { margin-top: 20px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .products-block.plate { margin-top: 40px; } } @media screen and (max-width: 720px) { .products-block.plate { margin-top: 20px; } } .products-block.plate .block { width: 100%; height: 240px; margin: 0 0 20px 0; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; position: relative; background: white; white-space: nowrap; } @media screen and (max-width: 720px) { .products-block.plate .block { height: 260px; } } .products-block.plate .block:nth-last-child(-n+2) { margin: 0; } .products-block.plate .block:hover:not(.noHover):not(.noHover) { -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); } .products-block.plate .block:hover:not(.noHover):not(.noHover) .info .name-wrap .name { text-decoration: underline; } .products-block.plate .block .image, .products-block.plate .block .info { display: inline-block; vertical-align: top; white-space: normal; } .products-block.plate .block .percent { position: absolute; left: -12px; top: 10px; width: 120px; height: 32px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; background: #43d080; text-align: center; z-index: 2; line-height: 31px; } @media screen and (max-width: 960px) { .products-block.plate .block .percent { left: 0; } } .products-block.plate .block .percent span { display: inline-block; vertical-align: top; white-space: normal; color: white; font-size: 10.4px; font-family: "Ubuntu Bold"; text-transform: uppercase; } .products-block.plate .block .percent span:nth-child(2) { font-size: 18.4px; margin-left: 4px; } .products-block.plate .block .image { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 180px; overflow: hidden; z-index: 1; padding: 5px; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.plate .block .image { width: 150px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .products-block.plate .block .image { width: 170px; height: 90%; } } @media screen and (max-width: 720px) { .products-block.plate .block .image { height: 200px; width: 145px; } } .products-block.plate .block .image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .products-block.plate .block .info { text-align: left; z-index: 1; width: 690px; height: 100%; padding: 15px 20px 25px 10px; margin-left: -4px; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.plate .block .info { width: 460px; padding: 25px 20px 25px 10px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .products-block.plate .block .info { width: 530px; padding: 25px 20px 25px 10px; } } @media screen and (max-width: 720px) { .products-block.plate .block .info { height: 200px; width: 315px; padding: 20px 5px 25px 10px; } } .products-block.plate .block .info.withoutPicture { width: 100% !important; padding: 15px 20px 25px 25px; } .products-block.plate .block .info.withoutPicture .name-and-properties { width: 470px; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.plate .block .info.withoutPicture .name-and-properties { width: 375px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .products-block.plate .block .info.withoutPicture .name-and-properties { width: 430px; } } @media screen and (max-width: 720px) { .products-block.plate .block .info.withoutPicture .name-and-properties { width: 100%; } } .products-block.plate .block .info .name-and-properties, .products-block.plate .block .info .price-and-buttons { display: inline-block; vertical-align: top; white-space: normal; } .products-block.plate .block .info .name-and-properties { width: 300px; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.plate .block .info .name-and-properties { width: 240px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .products-block.plate .block .info .name-and-properties { width: 280px; } } .products-block.plate .block .info .name-and-properties .name { height: 74px; max-height: 74px; overflow: hidden; border-bottom: 1px solid #d4eaef; white-space: normal; display: block; padding: 0 0 10px 0; } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.plate .block .info .name-and-properties .name { height: 56px; max-height: 56px; } } @media screen and (max-width: 720px) { .products-block.plate .block .info .name-and-properties .name { height: auto; border-bottom: 0; } } .products-block.plate .block .info .name-and-properties .name .table-wrap { display: table; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .products-block.plate .block .info .name-and-properties .name .table-wrap .table-cell { display: table-cell; vertical-align: middle; color: #2b555f; font-size: 17px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; text-decoration: none; line-height: 18px; } .products-block.plate .block .info .name-and-properties .name .table-wrap .table-cell:hover:not(.noHover) { text-decoration: underline; } .products-block.plate .block .info .name-and-properties .name .table-wrap .table-cell .text { max-height: 74px; overflow: hidden; } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.plate .block .info .name-and-properties .name .table-wrap .table-cell .text { max-height: 56px; } } @media screen and (max-width: 720px) { .products-block.plate .block .info .name-and-properties .name .table-wrap .table-cell .text { height: auto; } } .products-block.plate .block .info .name-and-properties .preview-properties { padding: 14px 0; border-bottom: 1px solid #d4eaef; height: 115px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 720px) { .products-block.plate .block .info .name-and-properties .preview-properties { border-bottom: 0; padding: 5px 0; } } .products-block.plate .block .info .name-and-properties .preview-properties .row { white-space: nowrap; margin-bottom: 5px; overflow: hidden; } @media screen and (max-width: 720px) { .products-block.plate .block .info .name-and-properties .preview-properties .row { margin-bottom: 7px; } } .products-block.plate .block .info .name-and-properties .preview-properties .row:last-child { margin-bottom: 0; } .products-block.plate .block .info .name-and-properties .preview-properties .row .left-prop, .products-block.plate .block .info .name-and-properties .preview-properties .row .right-value { display: inline-block; vertical-align: top; white-space: normal; width: 49%; max-height: 18px; } .products-block.plate .block .info .name-and-properties .preview-properties .row .left-prop { color: #2b555f; font-size: 14px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; } .products-block.plate .block .info .name-and-properties .preview-properties .row .right-value { color: #2b555f; font-size: 14px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-transform: none; text-align: right; } .products-block.plate .block .info .price-and-buttons { width: 350px; margin-left: 5px; text-align: right; } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.plate .block .info .price-and-buttons { width: 140px; margin-left: 55px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .products-block.plate .block .info .price-and-buttons { margin-left: 80px; } } @media screen and (max-width: 720px) { .products-block.plate .block .info .price-and-buttons { position: absolute; bottom: 0; border-top: 1px solid #d4eaef; width: 100%; left: 0; height: 60px; margin-left: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } } .products-block.plate .block .info .price-and-buttons .price-wrap { white-space: nowrap; padding-top: 25px; } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.plate .block .info .price-and-buttons .price-wrap { padding-top: 0; width: 100%; height: 55px; margin-top: -5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: flex-end; } } @media screen and (max-width: 720px) { .products-block.plate .block .info .price-and-buttons .price-wrap { flex: 1 145px; max-width: 145px; height: 100%; text-align: center; padding-top: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; } } .products-block.plate .block .info .price-and-buttons .price-wrap.discount .price-text { color: #43d080; } .products-block.plate .block .info .price-and-buttons .price-wrap .old-price, .products-block.plate .block .info .price-and-buttons .price-wrap .price-text { display: inline-block; vertical-align: bottom; white-space: normal; text-align: right; } @media screen and (max-width: 1216px) { .products-block.plate .block .info .price-and-buttons .price-wrap .old-price, .products-block.plate .block .info .price-and-buttons .price-wrap .price-text { flex: 1; } } @media screen and (max-width: 720px) { .products-block.plate .block .info .price-and-buttons .price-wrap .old-price, .products-block.plate .block .info .price-and-buttons .price-wrap .price-text { margin: 0; } } .products-block.plate .block .info .price-and-buttons .price-wrap .old-price .price, .products-block.plate .block .info .price-and-buttons .price-wrap .price-text .price { position: relative; z-index: 1; } .products-block.plate .block .info .price-and-buttons .price-wrap .old-price .rub, .products-block.plate .block .info .price-and-buttons .price-wrap .price-text .rub { text-transform: none; } .products-block.plate .block .info .price-and-buttons .price-wrap .old-price { color: #98aeb3; font-size: 17px; font-family: "Ubuntu Medium"; text-transform: uppercase; line-height: 24px; height: 24px; position: relative; } @media screen and (max-width: 1216px) { .products-block.plate .block .info .price-and-buttons .price-wrap .old-price { max-height: 16px; line-height: 16px; } } .products-block.plate .block .info .price-and-buttons .price-wrap .old-price .strike { height: 1px; width: 100%; position: absolute; top: 50%; left: 0; z-index: 0; background: #98aeb3; } .products-block.plate .block .info .price-and-buttons .price-wrap .price-text { color: #2b555f; font-size: 23px; font-family: "Ubuntu Bold"; text-transform: uppercase; margin-left: 25px; } @media screen and (max-width: 1216px) { .products-block.plate .block .info .price-and-buttons .price-wrap .price-text { margin-left: 0; max-height: 22px; line-height: 22px; margin-top: 3px; } } @media screen and (max-width: 720px) { .products-block.plate .block .info .price-and-buttons .price-wrap .price-text { margin-left: 0; line-height: 20px; } } .products-block.plate .block .info .price-and-buttons .price-wrap .price-text .rub { font-size: 16px; } .products-block.plate .block .info .price-and-buttons .price-wrap .price-text .lower { text-transform: none; font-size: 18px; white-space: normal; } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.plate .block .info .price-and-buttons .price-wrap .price-text .lower { font-size: 17px; } } @media screen and (max-width: 720px) { .products-block.plate .block .info .price-and-buttons .price-wrap .price-text .lower { font-size: 15px; display: block; } } .products-block.plate .block .info .price-and-buttons .quantity { vertical-align: middle; margin: 55px auto 0 auto; white-space: nowrap; } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.plate .block .info .price-and-buttons .quantity { margin: 5px 0 0 auto; } } @media screen and (max-width: 720px) { .products-block.plate .block .info .price-and-buttons .quantity { margin: 0 0 0 12px; flex: 1 92px; max-width: 92px; } } .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap { margin-top: 22px; } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap { margin-top: 10px; } } @media screen and (max-width: 720px) { .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap { margin: 0 0 0 45px; flex: 1 140px; max-width: 140px; } } .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap div { width: 140px; height: 40px; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; display: inline-block; vertical-align: top; white-space: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap div.buy-for-one-click { border: 1px solid #d4eaef; line-height: 40px; color: #9aaeb2; font-size: 11px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-align: center; } @media screen and (max-width: 720px) { .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap div.buy-for-one-click { display: none; } } .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap div.buy-for-one-click:hover:not(.noHover) { border: 1px solid #2c6d88; color: #2c6d88; } .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap div.add-to-cart { display: inline-block; position: relative; overflow: hidden; line-height: 42px; background: #2c6d88; text-align: left; padding-left: 18px; margin: 0 0 0 15px; } .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap div.add-to-cart .text { color: white; font-size: 12px; font-family: "Ubuntu Medium"; text-transform: uppercase; position: relative; z-index: 1; } .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap div.add-to-cart:before { content: ' '; position: absolute; width: 22px; height: 27px; left: 68%; top: 5px; z-index: 1; background: url("/local/templates/main/img/basket-icon-header-white-min.png") center no-repeat; } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.plate .block .info .price-and-buttons .add-to-cart-wrap div.add-to-cart { margin: 10px 0 0 0; } } .products-block.table { margin-top: 13px; white-space: normal; position: relative; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.table { margin-top: 20px; } } @media screen and (max-width: 960px) { .products-block.table { margin-top: 70px; } } .products-block.table.search .thead .name, .products-block.table.search .thead .item, .products-block.table.search .tbody .name, .products-block.table.search .tbody .item { max-width: 700px; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.table.search .thead .name, .products-block.table.search .thead .item, .products-block.table.search .tbody .name, .products-block.table.search .tbody .item { max-width: 630px; } } .products-block.table.search .thead .quantity, .products-block.table.search .tbody .quantity { max-width: 135px; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.table.search .thead .quantity, .products-block.table.search .tbody .quantity { max-width: 72px; } } .products-block.table.search .thead .measure, .products-block.table.search .tbody .measure { max-width: 80px; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.table.search .thead .measure, .products-block.table.search .tbody .measure { max-width: 45px; } } .products-block.table .thead { -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -ms-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; width: 100%; height: 41px; line-height: 41px; background: #5d838c; } .products-block.table .thead .th { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; } @media screen and (max-width: 720px) { .products-block.table .thead .th { display: none; } } .products-block.table .thead .th .name { color: rgba(255, 255, 255, 0.8); font-size: 13px; font-family: "Ubuntu Italic"; text-transform: uppercase; text-transform: none; text-align: center; flex: 1; line-height: 12px; } @media screen and (max-width: 720px) { .products-block.table .thead .th.item { display: inline; flex: 1 398px; max-width: 398px; } } .products-block.table .thead .th.item .name { padding-left: 18px; text-align: left; } @media screen and (max-width: 1216px) { .products-block.table .thead .th.price-wrap .name { padding: 0 3px; } } .products-block.table .thead .add-to-cart-wrap { height: 100%; background: url("/local/templates/main/img/basket-icon-section-white-min.png") center no-repeat; } @media screen and (max-width: 720px) { .products-block.table .thead .add-to-cart-wrap { display: inline; } } .products-block.table .th, .products-block.table .td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .products-block.table .th:last-child, .products-block.table .td:last-child { margin-right: 0; } .products-block.table .th.photo, .products-block.table .td.photo { flex: 1 100px; max-width: 100px; } @media screen and (max-width: 1216px) { .products-block.table .th.photo, .products-block.table .td.photo { -webkit-flex: 1 80px; -moz-flex: 1 80px; -ms-flex: 1 80px; flex: 1 80px; max-width: 80px; } } .products-block.table .th.item, .products-block.table .td.item { -webkit-flex: 1 420px; -moz-flex: 1 420px; -ms-flex: 1 420px; flex: 1 420px; max-width: 420px; text-align: left; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.table .th.item, .products-block.table .td.item { -webkit-flex: 1 304px; -moz-flex: 1 304px; -ms-flex: 1 304px; flex: 1 304px; max-width: 304px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .products-block.table .th.item, .products-block.table .td.item { -webkit-flex: 1 372px; -moz-flex: 1 372px; -ms-flex: 1 372px; flex: 1 372px; max-width: 372px; } } @media screen and (max-width: 720px) { .products-block.table .th.item, .products-block.table .td.item { -webkit-flex: 1 315px; -moz-flex: 1 315px; -ms-flex: 1 315px; flex: 1 315px; max-width: 315px; } } .products-block.table .th.quantity, .products-block.table .td.quantity { -webkit-flex: 1 115px; -moz-flex: 1 115px; -ms-flex: 1 115px; flex: 1 115px; max-width: 115px; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.table .th.quantity, .products-block.table .td.quantity { -webkit-flex: 1 70px; -moz-flex: 1 70px; -ms-flex: 1 70px; flex: 1 70px; max-width: 70px; } } @media screen and (max-width: 960px) { .products-block.table .th.quantity, .products-block.table .td.quantity { -webkit-flex: 1 82px; -moz-flex: 1 82px; -ms-flex: 1 82px; flex: 1 82px; max-width: 82px; } } .products-block.table .th.measure, .products-block.table .td.measure { -webkit-flex: 1 60px; -moz-flex: 1 60px; -ms-flex: 1 60px; flex: 1 60px; max-width: 60px; } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.table .th.measure, .products-block.table .td.measure { -webkit-flex: 1 45px; -moz-flex: 1 45px; -ms-flex: 1 45px; flex: 1 45px; max-width: 45px; } } .products-block.table .th.price-wrap, .products-block.table .td.price-wrap { -webkit-flex: 1 115px; -moz-flex: 1 115px; -ms-flex: 1 115px; flex: 1 115px; max-width: 115px; } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.table .th.price-wrap, .products-block.table .td.price-wrap { -webkit-flex: 1 70px; -moz-flex: 1 70px; -ms-flex: 1 70px; flex: 1 70px; max-width: 70px; } } .products-block.table .th.add-to-cart-wrap, .products-block.table .td.add-to-cart-wrap { -webkit-flex: 1 80px; -moz-flex: 1 80px; -ms-flex: 1 80px; flex: 1 80px; max-width: 80px; } @media screen and (max-width: 1216px) { .products-block.table .th.add-to-cart-wrap, .products-block.table .td.add-to-cart-wrap { -webkit-flex: 1 60px; -moz-flex: 1 60px; -ms-flex: 1 60px; flex: 1 60px; max-width: 60px; } } .products-block.table .thead, .products-block.table .tr { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; } .products-block.table .tr { width: 100%; height: 80px; margin: 0 0 0 0; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; position: relative; background: white; border-bottom: 1px solid #d4eaef; } @media screen and (max-width: 720px) { .products-block.table .tr { height: 85px; } } .products-block.table .tr:last-child { -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; -ms-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; border-bottom: 0; } .products-block.table .tr:hover:not(.noHover) .info .name-wrap .name { text-decoration: underline; } .products-block.table .tr .td { border-right: 1px solid #d4eaef; height: 100%; } .products-block.table .tr .photo { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; z-index: 1; padding: 5px; margin-left: 0; display: block; } @media screen and (max-width: 720px) { .products-block.table .tr .photo { display: none; } } .products-block.table .tr .photo img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .products-block.table .tr .item { padding: 6px 15px 8px 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: flex-start; } @media screen and (max-width: 1216px) and (min-width: 961px) { .products-block.table .tr .item { padding: 6px 6px 8px 18px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .products-block.table .tr .item { padding: 6px 6px 8px 10px; } } .products-block.table .tr .item .artnumber, .products-block.table .tr .item .brand { white-space: nowrap; flex: 1 15px; max-height: 15px; line-height: 15px; } .products-block.table .tr .item .artnumber .left-prop, .products-block.table .tr .item .artnumber .right-value, .products-block.table .tr .item .brand .left-prop, .products-block.table .tr .item .brand .right-value { display: inline-block; vertical-align: top; white-space: normal; } .products-block.table .tr .item .artnumber .left-prop, .products-block.table .tr .item .brand .left-prop { color: #2b555f; font-size: 13px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; } .products-block.table .tr .item .artnumber .right-value, .products-block.table .tr .item .brand .right-value { color: #828889; font-size: 13px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; } .products-block.table .tr .item .artnumber a, .products-block.table .tr .item .brand a { color: #2c6d88 !important; } .products-block.table .tr .item .artnumber a:hover:not(.noHover), .products-block.table .tr .item .brand a:hover:not(.noHover) { text-decoration: none; } .products-block.table .tr .item .name { flex: 1 100%; max-width: 100%; max-height: 35px; overflow: hidden; display: block; color: #2b555f; font-size: 16px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; text-decoration: none; line-height: 17px; word-break: break-word; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: flex-start; } @media screen and (max-width: 720px) { .products-block.table .tr .item .name { font-size: 15.5px; line-height: 15px; } } .products-block.table .tr .item .name:hover:not(.noHover) { text-decoration: underline; } .products-block.table .tr .item .name .flex-child-1 { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; display: block; max-width: 100%; } .products-block.table .tr .quantity { text-align: center; line-height: 80px; } @media screen and (max-width: 720px) { .products-block.table .tr .quantity { line-height: 97px; } } @media screen and (max-width: 1216px) { .products-block.table .tr .quantity .minus, .products-block.table .tr .quantity .plus { display: none; } } @media screen and (max-width: 1216px) { .products-block.table .tr .quantity input { margin: 0 auto; width: 50px; } } .products-block.table .tr .measure { max-width: 100%; text-align: center; color: #2b555f; font-size: 15px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-transform: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; } @media screen and (max-width: 720px) { .products-block.table .tr .measure { position: absolute; right: 63px; height: 15px; bottom: 3px; border: 0; max-width: 82px; width: 82px; line-height: 11px; } } @media screen and (max-width: 1216px) and (min-width: 721px) { .products-block.table .tr .measure.long { font-size: 13.5px; line-height: 13px; } } @media screen and (max-width: 720px) { .products-block.table .tr .measure.long { font-size: 11px; line-height: 9px; } } .products-block.table .tr .measure .flex-child-1 { word-break: break-all; display: block; max-width: 100%; } .products-block.table .tr .price-wrap { white-space: nowrap; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; } @media screen and (max-width: 720px) { .products-block.table .tr .price-wrap { position: absolute; right: 63px; height: auto; top: 0; border: 0; max-width: 82px; width: 82px; white-space: normal; max-height: 36px; min-height: 36px; } } .products-block.table .tr .price-wrap.discount .price-text { color: #43d080; margin-top: 10px; } @media screen and (max-width: 720px) { .products-block.table .tr .price-wrap.discount .price-text { margin-top: 0; } } .products-block.table .tr .price-wrap .old-price, .products-block.table .tr .price-wrap .price-text { text-align: center; } .products-block.table .tr .price-wrap .old-price .price, .products-block.table .tr .price-wrap .price-text .price { position: relative; z-index: 1; } .products-block.table .tr .price-wrap .old-price .rub, .products-block.table .tr .price-wrap .price-text .rub { display: none; } @media screen and (max-width: 720px) { .products-block.table .tr .price-wrap .old-price .rub, .products-block.table .tr .price-wrap .price-text .rub { display: inline; } } .products-block.table .tr .price-wrap .old-price { color: #98aeb3; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; line-height: 15px; height: 15px; position: relative; display: table; margin: 0 auto; } .products-block.table .tr .price-wrap .old-price .strike { height: 1px; width: 100%; position: absolute; top: 49%; left: 0; z-index: 0; background: #98aeb3; } .products-block.table .tr .price-wrap .old-price .rub { font-size: 11px; } .products-block.table .tr .price-wrap .price-text { color: #2b555f; font-size: 15px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-transform: none; } @media screen and (max-width: 720px) { .products-block.table .tr .price-wrap .price-text { font-size: 14px; line-height: 13px; } } .products-block.table .tr .price-wrap .price-text .rub { font-size: 12px; } .products-block.table .tr .price-wrap .price-text .lower { text-transform: none; white-space: normal; } .products-block.table .tr .add-to-cart-wrap { position: relative; border-right: 0; } .products-block.table .tr .add-to-cart-wrap .add-to-cart { width: 40px; height: 40px; text-align: left; cursor: pointer; display: inline-block; position: relative; overflow: hidden; line-height: 42px; background: #2c6d88; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .products-block.table .tr .add-to-cart-wrap .add-to-cart .text { color: white; font-size: 12px; font-family: "Ubuntu Medium"; text-transform: uppercase; position: relative; z-index: 1; } .products-block.table .tr .add-to-cart-wrap .add-to-cart:before { content: ' '; position: absolute; width: 22px; height: 27px; left: 68%; top: 5px; z-index: 1; background: url("/local/templates/main/img/basket-icon-header-white-min.png") center no-repeat; } .products-block.table .tr .add-to-cart-wrap .add-to-cart:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } html.lb-disable-scrolling { overflow: hidden; /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */ position: fixed; height: 100vh; width: 100vw; } .lightboxOverlay { position: fixed; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; top: 50%; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; /* Image border */ border: 4px solid white; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/local/templates/main/img/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(/local/templates/main/img/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(/local/templates/main/img/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/local/templates/main/img/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; cursor: pointer; } .content-form { height: auto; } .content-form.fixedBlock { position: absolute; width: 540px; left: 50%; margin-left: -270px; background: white; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); box-shadow: 0 2px 9px rgba(0, 0, 0, 0.11); z-index: 1001; display: none; } @media screen and (max-width: 720px) { .content-form.fixedBlock { width: 430px; margin-left: -215px; } } .content-form.fixedBlock.fade-animate { display: block !important; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation: fadeAnimate 0.4s linear; animation: fadeAnimate 0.4s linear; } @-webkit-keyframes fadeAnimate { 0% { -moz-transform: translateX(30%); -ms-transform: translateX(30%); -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-moz-keyframes fadeAnimate { 0% { -moz-transform: translateX(30%); -ms-transform: translateX(30%); -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-ms-keyframes fadeAnimate { 0% { -moz-transform: translateX(30%); -ms-transform: translateX(30%); -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @-o-keyframes fadeAnimate { 0% { -moz-transform: translateX(30%); -ms-transform: translateX(30%); -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } @keyframes fadeAnimate { 0% { -moz-transform: translateX(30%); -ms-transform: translateX(30%); -webkit-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); opacity: 0; } 100% { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); opacity: 1; } } .content-form.fixedBlock.scroll { top: 30px !important; } .content-form.fixedBlock.scroll .validateForm { overflow-y: auto; height: 100%; } .content-form .access-message { position: absolute; background-color: white; width: 100%; height: 100%; display: none; left: 0; top: 0; z-index: 5; } .content-form .access-message .message { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; color: #215262; font-size: 22px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; text-align: center; height: 90px; } .content-form .exit { position: absolute; background: url("/local/templates/main/img/close-form.png") center no-repeat; width: 16px; height: 16px; right: -20px; top: -20px; cursor: pointer; } .content-form .validateForm { padding: 38px 55px 30px 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 720px) { .content-form .validateForm { padding: 38px 20px 30px 20px; } } .content-form .validateForm .name-form { color: #2b555f; font-size: 24px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 24px; text-align: left; position: relative; } .content-form .validateForm .errors-wrap .error { color: #ff133f; font-size: 15px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; text-align: left; margin-top: 10px; margin-bottom: 0; white-space: normal; line-height: 16px; } .content-form .validateForm .errors-wrap .error.agreement { display: none; margin-bottom: 5px; } .content-form .validateForm .inputs { position: relative; margin-top: 35px; } .content-form .validateForm .inputs .input-wrap { position: relative; margin-bottom: 30px; } .content-form .validateForm .inputs .input-wrap.phone .name:not(.file) { background: white; } .content-form .validateForm .inputs .input-wrap .name:not(.file) { position: absolute; left: 30px; top: 1px; color: #2b555f; font-size: 16px; font-family: "Ubuntu Italic"; text-transform: uppercase; text-transform: none; padding: 15px 15px 15px 0; height: 48px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content-form .validateForm .inputs .input-wrap .name:not(.file) span { color: #2c6d88; } .content-form .validateForm .inputs .input-wrap input, .content-form .validateForm .inputs .input-wrap textarea { width: 100%; display: block; border: 1px solid #d4eaef; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #2b555f; font-size: 16px; font-family: "Ubuntu Italic"; text-transform: uppercase; text-transform: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; } .content-form .validateForm .inputs .input-wrap input { height: 50px; } .content-form .validateForm .inputs .input-wrap input[type="hidden"] { display: none; } .content-form .validateForm .inputs .input-wrap textarea { width: 100%; height: 120px; padding-top: 16px; resize: none; } .content-form .validateForm .inputs .input-wrap.file { white-space: normal; min-height: 20px; max-height: 57px; overflow-y: auto; } .content-form .validateForm .inputs .input-wrap.file input { display: none; } .content-form .validateForm .inputs .input-wrap.file .file-name, .content-form .validateForm .inputs .input-wrap.file .name-input-file { display: inline-block; vertical-align: top; white-space: normal; height: 15px; line-height: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content-form .validateForm .inputs .input-wrap.file .name-input-file { width: 115px; color: #2c6d88; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; text-decoration: underline; line-height: 16px; margin-right: 12px; cursor: pointer; } .content-form .validateForm .inputs .input-wrap.file .name-input-file:hover:not(.noHover) { text-decoration: none; } .content-form .validateForm .inputs .input-wrap.file .file-name { position: relative; overflow: hidden; height: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; white-space: normal; max-width: 270px; padding-right: 20px; margin-right: 16px; color: #2b555f; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; word-break: break-all; } .content-form .validateForm .inputs .input-wrap.file .file-name .delete { content: ''; position: absolute; right: 0; top: 2px; background: url("/local/templates/main/img/delete-file-icon-min.png") center no-repeat; width: 10px; height: 10px; cursor: pointer; } .content-form .validateForm .button-wrap { border-top: 1px solid #d4eaef; padding-top: 18px; display: block; } .content-form .validateForm .button-wrap .agreement-checkbox .text { width: 300px; } .content-form .validateForm .button-wrap .button { width: 250px; height: 52px; line-height: 52px; -webkit-border-radius: 52px; -moz-border-radius: 52px; -ms-border-radius: 52px; border-radius: 52px; text-align: center; cursor: pointer; position: relative; overflow: hidden; margin: 15px auto 0 auto; background: #2c6d88; } .content-form .validateForm .button-wrap .button .text { color: white; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; position: relative; z-index: 1; } .fixed-header-wrap { position: fixed; width: 100%; height: auto; left: 0; top: -60px; z-index: 1002; background: white; opacity: 0; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } @media screen and (max-width: 1216px) { .fixed-header-wrap { display: none; } } .fixed-header-wrap.show { top: 0; opacity: 1; } .fixed-header-wrap.IE10 { display: none; } .fixed-header-wrap a { display: block; } .fixed-header-wrap .fixed-header { margin: 0 auto; } .fixed-header-wrap .fixed-header:before { content: ''; position: absolute; height: 60px; width: 100%; left: 0; z-index: 2; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.35); box-shadow: 0 0 9px rgba(0, 0, 0, 0.35); } .fixed-header-wrap .fixed-header .first-block { height: 60px; z-index: 4; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; } .fixed-header-wrap .fixed-header .first-block > div, .fixed-header-wrap .fixed-header .first-block > a { height: 100%; } .fixed-header-wrap .fixed-header .first-block .logo-wrap { -webkit-flex: 1 244px; -moz-flex: 1 244px; -ms-flex: 1 244px; flex: 1 244px; max-width: 244px; white-space: nowrap; text-decoration: none; background: url("/local/templates/main/img/logo-fixed-header-min.png") center no-repeat; border-right: 1px solid #d4eaef; } @media screen and (max-width: 1560px) { .fixed-header-wrap .fixed-header .first-block .logo-wrap { -webkit-flex: 1 63px; -moz-flex: 1 63px; -ms-flex: 1 63px; flex: 1 63px; background-position: 12px center; max-width: 63px; min-width: 63px; } } .fixed-header-wrap .fixed-header .first-block .search-icon { -webkit-flex: 1 65px; -moz-flex: 1 65px; -ms-flex: 1 65px; flex: 1 65px; max-width: 65px; background: url("/local/templates/main/img/search-icon-fixed-header-min.png") center no-repeat; cursor: pointer; } .fixed-header-wrap .fixed-header .first-block .phone { -webkit-flex: 1 235px; -moz-flex: 1 235px; -ms-flex: 1 235px; flex: 1 235px; max-width: 235px; color: #2b555f; font-size: 20px; font-family: "Ubuntu"; text-transform: uppercase; text-transform: none; text-align: center; line-height: 60px; white-space: nowrap; } @media screen and (max-width: 1560px) { .fixed-header-wrap .fixed-header .first-block .phone { -webkit-flex: 1 210px; -moz-flex: 1 210px; -ms-flex: 1 210px; flex: 1 210px; max-width: 210px; font-size: 18px; } } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap { -webkit-flex: 1 300px; -moz-flex: 1 300px; -ms-flex: 1 300px; flex: 1 300px; max-width: 300px; } @media screen and (max-width: 1900px) { .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap { -webkit-flex: 1 270px; -moz-flex: 1 270px; -ms-flex: 1 270px; flex: 1 270px; max-width: 270px; } } @media screen and (max-width: 1350px) { .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap { -webkit-flex: 1 130px; -moz-flex: 1 130px; -ms-flex: 1 130px; flex: 1 130px; } } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button { line-height: 58px; padding-left: 58px; color: #2b555f; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #d4eaef; cursor: pointer; position: relative; white-space: nowrap; } @media screen and (min-width: 1900px) { .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button { padding-left: 55px; } } @media screen and (max-width: 1900px) { .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button { padding-left: 10%; } } @media screen and (max-width: 1350px) { .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button span { display: inline-block; max-width: 65px; overflow: hidden; line-height: initial; vertical-align: middle; margin-top: -6px; } } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button.show .icon { -webkit-transform: rotate(-90deg); /* Chrome y Safari */ -moz-transform: rotate(-90deg); /* Firefox */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$number); /* Internet Explorer */ -o-transform: rotate(-90deg); /* Opera */ -ms-transform: rotate(-90deg); height: 18px; margin-top: -9px; } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button .icon { width: 15px; height: 14px; position: absolute; top: 50%; right: 10%; margin-top: -7px; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } @media screen and (max-width: 1216px) and (min-width: 961px) { .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button .icon { right: 24px; margin-top: -7px; } } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button .icon:after, .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button .icon:before, .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button .icon .line { width: 15px; height: 2px; background: #2b555f; position: absolute; } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button .icon .line { top: 50%; margin-top: -1px; } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button .icon:after, .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button .icon:before { content: ' '; width: 100%; left: 0; } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button .icon:after { bottom: 0; } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .catalog-button .icon:before { top: 0; } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .main-sections-list-wrap { background: transparent; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; top: 60px; left: -100%; opacity: 0; } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .main-sections-list-wrap.show { top: 60px; left: auto; margin-left: -1px; opacity: 1; } @media screen and (max-width: 1560px) { .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .main-sections-list-wrap.show { left: 50%; margin-left: -585px; } } .fixed-header-wrap .fixed-header .first-block .catalog-button-wrap .main-sections-list-wrap .main-sections-list { margin: 0; border-top: 1px solid #d4eaef; } .fixed-header-wrap .fixed-header .first-block .buttons-wrap { -webkit-flex: 1 530px; -moz-flex: 1 530px; -ms-flex: 1 530px; flex: 1 530px; max-width: 530px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; position: relative; } .fixed-header-wrap .fixed-header .first-block .buttons-wrap .button { min-width: 170px; max-width: 170px; height: 40px; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; margin-right: 8px; white-space: normal; cursor: pointer; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 17px; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; background: #efeee7; color: #2b555f; font-size: 13px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 14px; text-align: center; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; } .fixed-header-wrap .fixed-header .first-block .buttons-wrap .button:hover { background: #2c6d88; color: white; } .fixed-header-wrap .fixed-header .first-block .buttons-wrap .button:last-child { margin-right: 0; } .fixed-header-wrap .fixed-header .first-block .basket-wrap { -webkit-flex: 1 335px; -moz-flex: 1 335px; -ms-flex: 1 335px; flex: 1 335px; max-width: 335px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-end; align-items: center; } @media screen and (max-width: 1560px) { .fixed-header-wrap .fixed-header .first-block .basket-wrap { -webkit-flex: 1 225px; -moz-flex: 1 225px; -ms-flex: 1 225px; flex: 1 225px; max-width: 225px; } } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 150px; height: 40px; line-height: 25px; text-decoration: none; margin-right: 25px; position: relative; } @media screen and (max-width: 1560px) { .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header { margin-right: 10px; } } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header.exist { background: #2c6d88; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header.exist .text, .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header.exist .sum { padding-right: 52px; text-align: right; color: white; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; line-height: 22px; text-decoration: none; text-transform: none; } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header.exist .text-products-exist { line-height: 22px; } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header.exist .sum { white-space: nowrap; line-height: 10px; } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header.exist .sum .quantity-of-products { color: white; font-size: 14px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-transform: none; } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header.exist:after { background: url("/local/templates/main/img/basket-icon-header-white-min.png") center no-repeat; z-index: 1; } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header:not(.exist) .text { color: #5d838c; font-size: 12px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-decoration: none; line-height: 40px; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 50px; } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header:not(.exist) .sum { display: none; } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header:after { content: ''; background: url("/local/templates/main/img/basket-icon-header-min.png") center no-repeat; width: 22px; height: 27px; top: 4px; right: 16px; position: absolute; } .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header .sum { color: #e9ac0c; font-size: 14px; font-family: "Ubuntu Bold"; text-transform: uppercase; text-transform: none; white-space: nowrap; position: absolute; right: 0; } @media screen and (max-width: 720px) { .fixed-header-wrap .fixed-header .first-block .basket-wrap .basket-header .sum .quantity-of-products { font-size: 14px; display: block; letter-spacing: -0.5px; } } .fixed-header-wrap .fixed-header .first-block .auth-info { -webkit-flex: 1 200px; -moz-flex: 1 200px; -ms-flex: 1 200px; flex: 1 200px; max-width: 200px; background: #efeee7; position: relative; padding: 0 17px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; } @media screen and (max-width: 1560px) { .fixed-header-wrap .fixed-header .first-block .auth-info { padding: 0 5px 0 10px; -webkit-flex: 1 165px; -moz-flex: 1 165px; -ms-flex: 1 165px; flex: 1 165px; max-width: 165px; } } .fixed-header-wrap .fixed-header .first-block .auth-info .item { display: inline-block; vertical-align: top; white-space: normal; color: #2b555f; font-size: 13px; font-family: "Ubuntu Medium"; text-transform: uppercase; text-transform: none; text-decoration: underline; cursor: pointer; } .fixed-header-wrap .fixed-header .first-block .auth-info .item:hover:not(.noHover), .fixed-header-wrap .fixed-header .first-block .auth-info .item:active { text-decoration: none; } .fixed-header-wrap .fixed-header .first-block .auth-info .item.reg, .fixed-header-wrap .fixed-header .first-block .auth-info .item.lk-link { margin-right: 22px; } @media screen and (max-width: 1560px) { .fixed-header-wrap .fixed-header .first-block .auth-info .item.reg, .fixed-header-wrap .fixed-header .first-block .auth-info .item.lk-link { margin-right: 4px; margin-bottom: 3px; } } .fixed-header-wrap .fixed-header .first-block .auth-info .item.submit { background: transparent; outline: none; border: 0; height: 100%; padding: 0; margin: 0; } .fixed-header-wrap .fixed-header .second-block { position: absolute; left: 0; opacity: 0; transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; height: 0; width: 100%; overflow: hidden; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.35); box-shadow: 0 0 9px rgba(0, 0, 0, 0.35); } .fixed-header-wrap .fixed-header .second-block.show { height: 60px; opacity: 1; } .fixed-header-wrap .fixed-header .second-block:before { content: " "; position: absolute; width: 100%; left: 0; height: 60px; background: #275970; z-index: 1; } .fixed-header-wrap .fixed-header .second-block .search-form { width: 1170px; margin: 0 auto; } @media screen and (max-width: 1216px) and (min-width: 961px) { .fixed-header-wrap .fixed-header .second-block .search-form { width: 940px; } } @media screen and (max-width: 960px) and (min-width: 721px) { .fixed-header-wrap .fixed-header .second-block .search-form { width: 700px; } } @media screen and (max-width: 720px) { .fixed-header-wrap .fixed-header .second-block .search-form { width: 460px; } } .fixed-header-wrap .fixed-header .main-sections-list-bg { position: absolute; width: 100%; height: 300px; overflow: hidden; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; top: 60px; left: -100%; background: white; opacity: 0; -webkit-box-shadow: 0 6px 9px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 6px 9px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 9px rgba(0, 0, 0, 0.2); border-top: 1px solid #d4eaef; z-index: 3; } .fixed-header-wrap .fixed-header .main-sections-list-bg.show { left: 0; opacity: 1; } .cookies-notification { position: fixed; right: 10px; bottom: 10px; background: #f6f6f4; color: rgba(43, 85, 95, 0.6); padding: 10px; max-width: 510px; font-size: 12px; font-weight: 300; font-family: "Ubuntu"; z-index: 200; border: 1px solid #aecbd5; } .cookies-notification a { color: #2b555f; } .cookies-notification .button { width: 120px; height: 34px; line-height: 34px; border-radius: 52px; text-align: center; cursor: pointer; position: relative; overflow: hidden; margin: 10px 0 0 auto; background: #2c6d88; color: #fff; } .parent { display: grid; grid-template-columns: repeat(3, 1fr) 1.75fr; grid-template-rows: 2fr 1fr; grid-column-gap: 40px; grid-row-gap: 20px; max-width: 1173px; margin: 0 auto; padding: 0 40px; } .div1 { grid-area: 1 / 1 / 3 / 2; } .div2 { grid-area: 1 / 2 / 2 / 3; } .div3 { grid-area: 2 / 2 / 3 / 3; } .div4 { grid-area: 1 / 3 / 2 / 4; } .div5 { grid-area: 2 / 3 / 3 / 4; } .div6 { grid-area: 1 / 4 / 2 / 5; } .div7 { grid-area: 2 / 4 / 3 / 5; } footer .first-line .div2 .name, footer .first-line .div4 .address .name, footer .first-line .div5 .address .name, footer .first-line .div6 .address-sklad .name { color: white; font-size: 14px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 20px; margin-bottom: 15px; } footer .first-line .div2 .phone-and-email .phone { color: white; font-size: 22px; font-family: "Ubuntu Bold"; text-transform: uppercase; line-height: 34px; text-decoration: none; } footer .first-line .div2 .phone-and-email .email { color: white; font-size: 18px; font-family: "Ubuntu"; line-height: 26px; text-transform: none; text-decoration: underline; } footer .first-line .div4 .address, footer .first-line .div5 .address, footer .first-line .div6 .address-sklad { color: white; font-size: 18px; font-family: "Ubuntu"; line-height: 26px; text-transform: none; } .div6 .address-sklad a { color: white; } .copyrait { font-family: "Ubuntu"; color: white; font-size: 14px; line-height: 26px; } footer .second-line { display: flex; justify-content: center; } @media screen and (max-width: 920px) { .parent { display: grid ; /* 3 колонки: первая уже, вторая шире (под адрес склада), третья как вторая */ grid-template-columns: 1fr 1.5fr 1fr ; grid-template-rows: auto auto auto ; gap: 20px ; max-width: 100% ; padding: 0 50px ; box-sizing: border-box ; } /* Первая строка */ .div1 { grid-area: 1 / 1 / 3 / 2 ; } /* Меню на 2 строки */ .div2 { grid-area: 1 / 2 / 2 / 3 ; } /* Контакты */ .div4 { grid-area: 1 / 3 / 2 / 4; } /* Адрес */ /* Вторая строка */ /* .div1 уже занят */ .div6 { grid-area: 2 / 2 / 4 / 3 ; } /* Склад на 2 строки (2 и 3) */ .div5 { grid-area: 2 / 3 / 3 / 4 ; } /* Время */ /* Третья строка */ .div7 { grid-area: 3 / 1 / 4 / 2 ; } /* Соцсети */ /* .div6 уже занят */ .div3 { grid-area: 3 / 3 / 4 / 4 ; } /* Рейтинг */ /* Стили контента (оставляем как есть) */ footer .first-line .div2 .phone-and-email .phone { font-size: 18px ; line-height: 24px ; } footer .first-line .div2 .phone-and-email .email { font-size: 14px ; line-height: 20px ; } footer .first-line .div4 .address, footer .first-line .div5 .address, footer .first-line .div6 .address-sklad { font-size: 14px ; line-height: 20px ; } footer .first-line .div2 .name, footer .first-line .div4 .address .name, footer .first-line .div5 .address .name, footer .first-line .div6 .address-sklad .name { font-size: 14px ; } .footer-menu .link { font-size: 15px; } footer .footer-menu-wrap { white-space: wrap; gap: 10%; } .copyrait { font-size: 12px; } footer .second-line { display: flex; justify-content: center; } footer .second-line .uniofweb a { font-size: 10px; } } @media screen and (max-width: 650px) { .parent { display: grid ; grid-template-columns: 1fr 1fr ; /* Две колонки */ grid-template-rows: auto ; /* Строки по контенту */ gap: 0px ; max-width: 450px ; padding: 0 70px ; box-sizing: border-box ; } /* Первая строка: Меню (на две колонки) */ .div1 { grid-area: 1 / 1 / 2 / 3 ; /* Растягиваем на всю ширину */ } /* Вторая строка: Соцсети и Рейтинг */ .div7 { grid-area: 2 / 1 / 3 / 2 ; } /* Соцсети слева */ .div3 { grid-area: 2 / 2 / 3 / 3 ; } /* Рейтинг справа */ /* Третья строка: Контакты (на две колонки) */ .div2 { grid-area: 3 / 1 / 4 / 3 ; /* Растягиваем на всю ширину */ border-bottom: 1px solid #417a94; padding: 15px 0; } /* Четвертая строка: Адрес (на две колонки) */ .div4 { grid-area: 4 / 1 / 5 / 3 ; /* Растягиваем на всю ширину */ border-bottom: 1px solid #417a94; padding: 15px 0; } /* Пятая строка: Склад (на две колонки) */ .div6 { grid-area: 5 / 1 / 6 / 3 ; /* Растягиваем на всю ширину */ border-bottom: 1px solid #417a94; padding: 15px 0; } /* Шестая строка: Время работы (на две колонки) */ .div5 { grid-area: 6 / 1 / 7 / 3 ; /* Растягиваем на всю ширину */ margin-top: 15px; } /* Стили для контента на телефонах */ footer .first-line .div2 .phone-and-email .phone { font-size: 20px ; line-height: 28px ; } footer .first-line .div2 .phone-and-email .email { display: flex; font-size: 14px ; line-height: 22px ; } footer .first-line .div4 .address, footer .first-line .div5 .address, footer .first-line .div6 .address-sklad { font-size: 14px ; line-height: 22px ; } footer .first-line .div2 .name, footer .first-line .div4 .address .name, footer .first-line .div5 .address .name, footer .first-line .div6 .address-sklad .name { margin-bottom: 10px ; } /* Рейтинг по правому краю */ .div3 { justify-self: end ; align-self: center ; } /* Соцсети по левому краю */ .div7 { justify-self: start ; align-self: center ; } /* Меню по центру */ .div1 { text-align: center ; } footer .footer-menu-wrap { flex-direction: column ; white-space: wrap; } .copyrait { max-width: 90%; text-align: center; } } /* End */ /* /local/templates/main/slick.min.css?16974899551307 */ /* /local/templates/main/components/bitrix/menu/header_menu/style.css?16974899552459 */ /* /local/templates/main/components/bitrix/search.form/header_search/style.css?16974899552625 */ /* /local/templates/main/components/bitrix/catalog.section.list/header-sections-list/style.css?169748995520663 */ /* /local/templates/main/components/bitrix/menu/header-menu-mobile/style.css?16974899569024 */ /* /local/components/GM/search.preview/templates/.default/style.css?16974899562228 */ /* /local/templates/main/components/bitrix/news.list/slider_main/style.css?169748995511207 */ /* /local/templates/main/components/bitrix/form.result.new/skladskayaSpravka/style.css?16974899551924 */ /* /local/templates/main/components/bitrix/menu/footer-menu/style.css?1697489955350 */ /* /local/templates/main/components/bitrix/form.result.new/requestCall/style.css?169748995580 */ /* /local/templates/main/components/bitrix/form.result.new/form-send-request-with-file/style.css?1697489955178 */ /* /local/templates/main/components/GM/main.register/registration/style.css?1697489956191 */ /* /local/templates/main/components/bitrix/system.auth.form/auth/style.css?1697489955565 */ /* /local/templates/main/styles.css?16974899551077 */ /* /local/templates/main/template_styles.css?1772630581138021 */