/* Start:/local/templates/redcode_procorporate/components/bitrix/menu/headerTopMenu/style.css?17327106041414*/ .headerTopMenu {margin: 0 40px 0 0;} .headerTopMenu > ul {list-style-type: none; display: flex; align-items: center;} .headerTopMenu > ul > li {margin: 0 34px 0 0; position: relative; font-size: 13px;} .headerTopMenu > ul > li:last-child {margin: 0;} .headerTopMenu > ul > li > a:not(.redcodeColor) {color: #8F8F8F;} .headerTopMenu > ul > li > a.root-item-selected {} .headerTopMenu ul li > div {position: absolute; padding: 30px 0 0 0; left: -25px; display: none;} .headerTopMenu ul li ul {position: relative; width: 235px; box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); border: 1px solid #ccc; z-index: 10; border-radius: 2px; } .headerTopMenu .triangle {position: absolute; width: 24px; height: 24px; left: 30px; background: #fff; transform: rotate(-45deg); top: -9px; border: 1px solid #d8d8d8; } .headerTopMenu ul li ul div.ulWrapper {padding: 18px 0; background: #fff; position: relative;} .headerTopMenu ul li ul li {list-style-type: none;} .headerTopMenu ul li ul li:last-child {margin: 0;} .headerTopMenu ul li ul li a {color: #121212; display: block; padding: 10px 25px;} .headerTopMenu ul li ul li a.item-selected {background: #EEE;} .headerTopMenu ul li ul li a:hover {background: #EEE;} .headerTopMenu > ul > li:hover > div {display: block;} @media all and (max-width: 1030px) { .headerTopMenu > ul > li {margin: 0 25px 0 0;} } /* End */ /* Start:/local/templates/redcode_procorporate/components/bitrix/catalog.section.list/selectAddress/style.css?17327106042304*/ #addressTopHeader {display: flex; align-items: center;} #selectAddress {position: relative; font-size: 13px; display: flex; max-width: 320px; align-items: center;} #selectAddress.more {padding: 0 17px 0 0;} #selectAddress.more .mapArrow {position: absolute; right: 0; top: 50%; margin: -1.5px 0 0 0; transition: transform .2s linear;} #selectAddress .mapIcon {min-width: 12px;} #selectAddress .nameAddress {cursor: default; margin: 0 0 0 11px;} #selectAddress.more .nameAddress:hover .sectionModal {display: block;} #selectAddress.more .nameAddress:hover .mapArrow {transform: rotate(180deg);} #selectAddress .sectionModal {left: 0; padding: 16px 55px 0 0; z-index: 1; display: none; position: absolute;} #selectAddress .sectionModal > div {width: 230px; border-radius: 8px; box-sizing: border-box; background: #fff; box-shadow: 0px 20px 60px rgba(0, 0, 0, .035), 0px 15px 40px rgba(0, 0, 0, .045); padding: 18px 0; } #selectAddress .sectionModal > div > div:hover .elementModal {display: block;} #selectAddress .sectionModal .nameCity {padding: 12px 32px; display: flex; justify-content: space-between; align-items: center;} #selectAddress .sectionModal .nameCity svg {min-width: 6px;} /*.nameCity:not(.selected), .nameCity:not(.redcodeColor):not(.selected) {color: #121212; fill: #121212;}*/ #selectAddress .sectionModal > div > div:not(.redcodeColor) .nameCity {color: #121212; fill: #121212; stroke: #121212;} #selectAddress .elementModal {right: -245px; display: none;} #selectAddress .elementModal p {padding: 12px 32px; cursor: pointer;} #selectAddress .elementModal p:not(.redcodeColor):not(.selected) {color: #121212;} .selectAddressModal {position: absolute; z-index: 1; width: 300px; border-radius: 8px; box-sizing: border-box; box-shadow: 0px 20px 60px rgba(0, 0, 0, .035), 0px 15px 40px rgba(0, 0, 0, .045); padding: 18px 0; background: #fff; } #selectPhone {margin: 0 0 0 39px; font-size: 13px; display: flex; align-items: center;} #selectPhone svg {margin: 0 7px 0 0; min-width: 14px;} @media all and (max-width: 1180px) { .selectAddressModal {width: 260px;} #selectAddress .elementModal {right: -200px;} } @media all and (max-width: 1030px) { #selectPhone {margin: 0 0 0 25px;} } /* End */ /* Start:/local/templates/redcode_procorporate/components/bitrix/menu/headerBottomMenu/style.css?17327106041487*/ #headerBottomMenu {list-style-type: none; display: flex; align-items: center;} #headerBottomMenu > li {margin: 0 39px 0 0; position: relative; } #headerBottomMenu > li:last-child {margin: 0;} #headerBottomMenu a {} #headerBottomMenu li div {padding: 25px 0 0 0; position: absolute; display: none; left: -30px; z-index: 10;} #headerBottomMenu li ul {width: 310px; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); background: #fff; border-radius: 8px; padding: 19px 0; } #wrapper.animationON #headerBottomMenu li ul {animation: fadeInUp_7px .5s ease;} #headerBottomMenu li ul li {list-style-type: none; line-height: 24px;} #headerBottomMenu li ul li a {display: block; padding: 12.5px 35px;} #headerBottomMenu > li:not(.redcodeColor) > a, #headerBottomMenu > li ul li:not(.redcodeColor) > a { color: #121212; fill: #121212; } #headerBottomMenu > li:hover > a, #headerBottomMenu > li ul li:hover > a { color: inherit; } #headerBottomMenu li:hover > div, #headerBottomMenu li ul li:hover > div, #headerBottomMenu li ul li ul li:hover > div { display: block; } #headerBottomMenu svg {display: none;} #headerBottomMenu .dropdown_submenu {position: relative;} #headerBottomMenu .dropdown_submenu a {display: flex; align-items: center; justify-content: space-between;} #headerBottomMenu .dropdown_submenu svg {display: inline-block; margin: 0 0 0 10px;} #headerBottomMenu .dropdown_submenu .dropdown_menu {top: 0; left: 100%; margin: -19px 0 0 0; padding: 0;} /* End */ /* Start:/local/components/redcode.procorporate/basket/templates/miniBasket/style.css?17327106045994*/ .miniBasket {position: relative;} .openBasket {box-sizing: border-box; border-radius: 50%; position: relative; width: 46px; height: 46px; display: block; cursor: pointer; box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05); } .openBasket:hover {box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .15);} .openBasket svg {position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -12px;} .openBasket .count {padding: 2.24px 0px 0px 0px; border-radius: 50%; font-size: 11px; color: #fff; position: absolute; box-sizing: border-box; right: -4px; min-height: 19px; min-width: 19px; text-align: center; } .openBasket .count.hide {display: none;} a.openBasket {display: none;} .modalBasket {position: absolute; display: none; background: #fff; width: 640px; margin: 22px 0 0 0; right: -96px; border-radius: 6px; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075), 0px 0px 1px rgba(0, 0, 0, .2); z-index: 10; } #wrapper.animationON .modalBasket {animation: fadeInUp_15px .5s ease;} .modalBasket:after {transform: rotate(45deg); right: 108px; background: #fff; box-shadow: 0px 0px 1px rgba(0, 0, 0, .25); width: 20px; height: 20px; content: ''; position: absolute; top: -10px; } .modalBasket.open {display: block;} .modalBasket.redcodeEmptyBasket .basketElements, .modalBasket.redcodeEmptyBasket .footerBasket, .modalBasket:not(.redcodeEmptyBasket) .modalEmptyBasket {display: none;} .headerBasket {padding: 29px 15px 28px 33px; border-bottom: 1px solid #f2f2f2; display: flex; justify-content: space-between; margin: 0 20px 0 0; background: #fff; position: relative; z-index: 1; border-radius: 7px 7px 0 0; align-items: center; } .titleBasket {font-size: 19px;} .closeModalBasket {width: 18px; height: 18px; cursor: pointer; position: relative;} .closeModalBasket:before, .closeModalBasket:after {content: ''; position: absolute; top: 8px; right:-2px; width: 18px; height: 2px; background: #121212;} .closeModalBasket:before {transform: rotate(45deg);} .closeModalBasket:after {transform: rotate(-45deg);} .bodyBasket {position: relative; overflow: hidden;} .basketElements {max-height: 400px; width: 659px; outline: none; overflow-x: hidden; overflow-y: auto; overscroll-behavior: none; -webkit-overflow-scrolling: touch; } .miniBasket .product {padding: 25px 35px 25px 35px; border-bottom: 1px solid #f2f2f2; display: flex; align-items: center; justify-content: space-between; position: relative; margin: 0 20px 0 0; } .miniBasket .product:hover .deleteProduct, .miniBasket .product:hover .counter span {opacity: 1;} .miniBasket .productImg {width: 70px;} .miniBasket .productImg a {height: 66px; max-width: 100%; display: block; margin: 0 auto; background-position: center; background-repeat: no-repeat;} .miniBasket .description {width: 210px; font-size: 14px; line-height: 24px;} .miniBasket .description a:not(.redcodeColor) {color: #121212;} .miniBasket .allPrice {margin: 6px 0 0 0;} .miniBasket .price {font-size: 14px;} .miniBasket .priceOld {margin: 0 0 0 7px; text-decoration: line-through; color: #A6A6A6; font-size: 12px;} .miniBasket .counter {min-width: 100px; text-align: center; position: relative;} .miniBasket .counter span {width: 22px; height: 22px; border-radius: 50%; cursor: pointer; position: absolute; top: -1px; opacity: 0; transition: opacity ease .2s; } .miniBasket .counter .plus {right: 0;} .miniBasket .counter .minus {left: 0;} .miniBasket .counter .plus svg {position: absolute; top: 6px; left: 6px;} .miniBasket .counter .minus svg {position: absolute; top: 10px; left: 6px;} .miniBasket .counter div {display: inline-block; font-size: 12px;} .miniBasket .productSum {font-size: 17px; min-width: 100px; text-align: right;} .miniBasket .deleteProduct {position: absolute; border-width: 2px; border-style: solid; background: #fff; width: 22px; height: 22px; border-radius: 50%; cursor: pointer; left: 10px; top: 8px; box-sizing: border-box; opacity: 0; transition: opacity ease .2s; } .miniBasket .deleteProduct span {content: ''; position: absolute; top: 8px; left: 4px; height: 2px; width: 10px; } #modalBasketScrollBar{position: absolute; top: 8px; right: 8px; width: 4px; height: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .15s ease-out; transition: .15s ease-out; -webkit-transition-property: height; transition-property: height; border-radius: 4px; background: #C2C2C2; } .modalEmptyBasket {padding: 40px 75px 50px 50px; display: flex; align-items: flex-start;} .modalEmptyBasket > div:first-child {margin: 0 70px 0 0;} .modalEmptyBasket svg {min-width: 84px;} .modalEmptyBasket div div {margin: 0 0 30px 0; font-size: 20px; color: #000;} .modalEmptyBasket p {margin: 0 0 30px 0; line-height: 28px; color: #424242;} .modalEmptyBasket a {border-radius: 50px; font-size: 13px; color: #fff; padding: 15px 26px; display: inline-block;} .footerBasket {padding: 35px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 4px 51px rgba(0, 0, 0, .07);} .goBasket {color: #fff; padding: 15px 25px 15px 25px; border-radius: 50px; font-size: 13px;} .footerBasket .total {font-size: 19px;} .footerBasket .total span:first-child {color: #8C8C8C; font-size: 15px; padding: 0 6px 0 0;} @media all and (max-width:1400px) { .modalBasket {right: -10px;} .modalBasket:after {right: 21px;} .headerBasket {margin: 0 12px 0 0;} } @media all and (max-width: 990px) { .miniBasket div.openBasket, .modalBasket.open {display: none;} a.openBasket {display: block;} } /* End */ /* Start:/local/templates/redcode_procorporate/components/bitrix/menu/topMenu/style.css?17327106041968*/ div.topMenu {height: 0; position: absolute; right: 0; opacity: 0; left: 0; z-index: 10; transition: opacity .4s ease; min-height: 0 !important;} .topMenu.fadeIn {height: auto; opacity: 1; margin: -35px 0 0 0; padding: 35px 0 0 0;} .topMenu.fadeIn .menuWrapper {height: auto;} .menuWrapper { background-color: #fff !important; overflow: hidden; height: 0; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075), 0px 0px 1px rgba(0, 0, 0, .2); } .topMenu nav {display: flex; flex-wrap: wrap; max-width: 1160px; margin: 0 auto; padding: 58px 0 67px 0;} .topMenu nav > ul, .topMenu nav > div {flex-basis: 20%; margin: 45px 0 0 0;} .topMenu nav li {list-style-type: none; width: 90%;} .topMenu nav > ul > li > a, .topMenu nav > ul > li > span {display: inline-block; margin: 0 0 27px 0;} .topMenu nav div a {} .topMenu .root-item li {margin: 0 0 14px 0; line-height: 24px;} .topMenu .root-item li:last-child {margin: 0;} .topMenu .root-item li a:not(.redcodeColor) {color: #4D4D4D;} .topMenu nav > ul > li > a:not(.redcodeColor), .topMenu nav div a:not(.redcodeColor) {color: #121212;} .topMenu .closeMenu {font-size: 12px; text-align: center; text-transform: uppercase;} .topMenu .closeMenu > div {display: inline-block; cursor: pointer;} .topMenu .closeMenu div div {margin: 3px 0 0 0;} .topMenu nav > ul:nth-child(1), .topMenu nav > div:nth-child(1), .topMenu nav > ul:nth-child(2), .topMenu nav > div:nth-child(2), .topMenu nav > ul:nth-child(3), .topMenu nav > div:nth-child(3), .topMenu nav > ul:nth-child(4), .topMenu nav > div:nth-child(4), .topMenu nav > ul:nth-child(5), .topMenu nav > div:nth-child(5) {margin: 0;} @media all and (max-width: 1270px) { .topMenu nav {padding: 58px 50px 67px 50px;} } @media all and (max-width: 1175px) { .topMenu nav > ul, .topMenu nav > div {flex-basis: 25%;} .topMenu nav > ul:nth-child(5), .topMenu nav > div:nth-child(5) {margin-top: 45px;} } /* End */ /* Start:/local/templates/redcode_procorporate/components/bitrix/menu/mobileTopMenu/style.css?17327106041104*/ .mobileTopMenu {} .mobileTopMenu ul > li, .mobileTopMenu ul > div {border-bottom: 1px solid #F0F0F0; list-style: none;} .mobileTopMenu ul > li.selected, .mobileTopMenu ul > div.selected {border-left-width: 2px; border-left-style: solid;} .mobileTopMenu ul > li a, .mobileTopMenu ul > li span, .mobileTopMenu ul > li.menuBack, .mobileTopMenu ul > div a { cursor: pointer; justify-content: space-between; align-items: center; position: relative; padding: 26px 29px; display: flex; } .mobileTopMenu ul > li a:not(.redcodeColor), .mobileTopMenu ul > li span:not(.redcodeColor), .mobileTopMenu ul > li.menuBack:not(.redcodeColor), .mobileTopMenu ul > div a:not(.redcodeColor) { color: #121212; } .mobileTopMenu ul > li.menuTitle {background-color: #fbfbfb;} .mobileTopMenu ul > li.menuBack {justify-content: flex-start;} .mobileTopMenu ul > li.menuBack i {margin: 0 15px 0 0; font-size: 20px;} .mobileTopMenu .dropdown {left: 100%; top: 0; width: 100%; display: none; position: absolute; z-index: 5; background: #FFF; } .mobileTopMenu .open > .dropdown {display: block;} /* End */ /* Start:/local/templates/redcode_procorporate/components/bitrix/news.list/social/style.css?1732710604289*/ footer .social {overflow: hidden;} footer .social a {margin: 0 15px 0 0; float: left; transition: opacity .25s; padding: 12px; border-radius: 50%;} footer .social a:hover {opacity: .68;} footer .social a:last-child {margin: 0;} footer .social a img {display: block; max-width: 16px;} /* End */ /* Start:/bitrix/components/bitrix/system.pagenavigation/templates/modern/style.min.css?1732710709659*/ div.modern-page-navigation{padding:.5em 0}div.modern-page-navigation a,span.modern-page-current,span.modern-page-dots{border-left-width:1px;border-left-style:solid;padding-left:.75em;padding-right:.5em;text-decoration:none}div.modern-page-navigation a.modern-page-previous{border-right-width:1px;border-right-style:solid;border-left:none}div.modern-page-navigation a.modern-page-first,div.modern-page-navigation span.modern-page-first{border-left:none;padding-left:.5em}span.modern-page-current{font-weight:bold}div.modern-page-navigation a,span.modern-page-current,div.modern-page-navigation a.modern-page-previous,span.modern-page-dots{border-color:#cdcdcd} /* End */ /* Start:/local/templates/redcode_procorporate/components/bitrix/menu/bottomMenu/style.css?1732710604818*/ .footerMenu {display: flex; flex-wrap: wrap;} .footerMenu > ul, .footerMenu > div {flex-basis: 33.3%; margin: 30px 0 0 0;} .footerMenu li {list-style-type: none;} .footerMenu > ul > li > a, .footerMenu span {margin: 0 0 27px 0; display: inline-block;} .footerMenu > ul > li > a:not(.redcodeColor), .footerMenu span:not(.redcodeColor), .footerMenu > div a:not(.redcodeColor) {color: #fff;} .footerMenu .root-item li {margin: 0 0 14px 0; font-size: 14px; line-height: 24px;} .footerMenu .root-item li:last-child {margin: 0;} .footerMenu .root-item li a:not(.redcodeColor) {color: #b6b6b6;} .footerMenu > ul:nth-child(1), .footerMenu > div:nth-child(1), .footerMenu > ul:nth-child(2), .footerMenu > div:nth-child(2), .footerMenu > ul:nth-child(3), .footerMenu > div:nth-child(3) {margin: 0;} /* End */ /* Start:/local/templates/redcode_procorporate/components/bitrix/search.form/top/style.css?17327106043078*/ .modalSearch {background-color: #fff; position: fixed; top: 0; right: 0; left: 0; max-width: 840px; display: none; border-radius: 8px; box-sizing: border-box; margin: 200px auto 0 auto; z-index: 11; } .modalSearch.redcodeVisible {animation: modalVisible .5s ease;} .modalSearch form {padding: 25px 27px 25px 45px; display: flex; justify-content: space-between; align-items: center;} .modalSearch input[type="text"] {border: none; font-size: 30px; background: transparent; width: 85%; padding: 0;} .modalSearch input[type="submit"] {background-image: url('/local/templates/redcode_procorporate/components/bitrix/search.form/top/images/search.svg'); height: 70px; width: 70px; padding: 0; cursor: pointer; border: none; border-radius: 50%; background-position: center; background-repeat: no-repeat; -webkit-appearance: none; } .searchCross {width: 43px; height: 43px; cursor: pointer; border-radius: 50%; border: 2px solid #FFF; box-sizing: border-box; position: absolute; top: 0; right: -63px; } .searchCross:before, .searchCross:after {position: absolute; content: ''; width: 18px; height: 2px; background: #fff; margin: -1px 0 0 -9px; left: 50%; top: 50%; } .searchCross:before {transform: rotate(45deg);} .searchCross:after {transform: rotate(-45deg);} .searchCross span {font-size: 9px; color: #fff; text-transform: uppercase; bottom: -21px; position: absolute; left: -2px;} .modalSearch input[type="text"]::-webkit-input-placeholder {color: #B2B2B2;} .modalSearch input[type="text"]::-moz-placeholder {color: #B2B2B2;} .modalSearch input[type="text"]:-moz-placeholder {color: #B2B2B2;} .modalSearch input[type="text"]:-ms-input-placeholder {color: #B2B2B2;} /* .modalSearch input[type="text"]:focus::-webkit-input-placeholder {opacity: 0; transition: opacity .3s ease;} .modalSearch input[type="text"]:focus::-moz-placeholder {opacity: 0; transition: opacity .3s ease;} .modalSearch input[type="text"]:focus:-moz-placeholder {opacity: 0; transition: opacity .3s ease;} .modalSearch input[type="text"]:focus:-ms-input-placeholder {opacity: 0; transition: opacity .3s ease;} */ @media all and (max-width: 1050px) { .modalSearch {max-width: 90%; margin: 200px 50px 0 50px;} .searchCross {top: -60px; right: -1px;} .searchCross span {display: none;} } @media all and (max-width: 780px) { .modalSearch input[type="text"] {font-size: 23px;} .modalSearch input[type="submit"] {background-size: 21px; width: 50px; height: 50px;} } @media all and (max-width: 620px) { .modalSearch {max-width: none; margin: 150px 20px 0 20px;} .modalSearch form {padding: 15px 15px 15px 30px;} .modalSearch input[type="text"] {font-size: 20px; width: 82%;} .searchCross {top: -50px; width: 35px; height: 35px;} .searchCross:before, .searchCross:after {width: 15px; margin: -1px 0 0 -7.1px;} .searchCross span {left: -8px;}\ } @media all and (max-width: 450px) { .modalSearch form {padding: 10px 10px 10px 20px;} .modalSearch input[type="text"] {font-size: 18px;} .modalSearch input[type="submit"] {background-size: 18px; width: 40px; height: 40px;} } /* End */ /* Start:/local/templates/redcode_procorporate/css/owl.carousel.css?17327106036127*/ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in {z-index: 0;} .owl-carousel .owl-animated-out {z-index: 1;} .fadeOut {animation-name: fadeOut;} @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .bounceOut {animation-name: bounceOut;} @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .slideOutDown {animation-name: slideOutDown;} @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .rollOut {animation-name: rollOut;} @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .animated.hinge {animation-duration: 2s;} .hinge {animation-name: hinge;} @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/local/templates/redcode_procorporate/css/../img/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* End */ /* Start:/local/templates/redcode_procorporate/styles.css?17350195473757*/ /* THIS FILE IS OVERWRITTEN WHEN THE SOLUTION IS UPDATED -------- FAIL ZATIRAETSY PRI OBNOVLENII RESHENIY */ /*-------------------------------------- --- STYLES FOR THE VISUAL EDITOR --- ------------------------------------*/ .newsDetail > br {display: none;} /* TITLE */ .titleH2, .titleH3, .titleH4, .newsDetail > h2, .newsDetail > h3, .newsDetail > h4 {color: #121212; font-weight: 600; padding:0px 0px 10px 0px;} .titleH2:last-child, .titleH3:last-child, .titleH4:last-child, .newsDetail > h2:last-child, .newsDetail > h3:last-child, .newsDetail > h4:last-child { margin-bottom: 0; } .title_s_top {font-size: 17px; margin: -3px 0 19px 0; line-height: 32px;} .title_s_top_long {font-size: 17px; margin: -3px 0 29px 0; line-height: 32px;} .title_s {font-size: 17px; line-height: 32px; margin: 37px 0 29px 0;} .title_s_afterImg {font-size: 17px; line-height: 32px; margin: 45px 0 29px 0;} /* A */ .newsDetail a:hover {text-decoration: underline;} /* UL */ ul.standartUl, .newsDetail ul {line-height: 1.40; list-style-type: disc; color: #4C5052; margin: 0 0 30px 16px; list-style-position: outside;} ol.standartUl, .newsDetail ol {line-height: 1.40; color: #4C5052; margin: 0 0 30px 16px; list-style-position: outside;} ul.standartUl:last-child, .newsDetail ul:last-child, ol.standartUl:last-child, .newsDetail ol:last-child {margin-bottom: 0;} ul.standartUl li, .newsDetail ul li, ol.standartUl li, .newsDetail ol li {margin: 0 0 8px 0;} ul.standartUl li:last-child, .newsDetail ul li:last-child, ol.standartUl li:last-child, .newsDetail ol li:last-child {margin-bottom: 0;} /* IMG */ img.fullImage, .newsDetail img {/*width: 100%; height: 100%;*/ margin: 40px 0 40px 0; display: block; border-radius: 3px;} img.fullImage:last-child, .newsDetail img:last-child, .newsDetail > div img, .newsDetail > p img, .standartText img { margin-bottom: 0; } /* DIV, P */ .newsDetail > div, .newsDetail > p, p.standartText, div.standartText {line-height: 28px; color: #5a5e61; margin: 0 0 30px 0;} .newsDetail > div:last-child, .newsDetail > p:last-child, p.standartText:last-child, div.standartText:last-child {margin-bottom: 0;} /* QUOTE */ .newsDetail > q {padding: 5px 37px 5px 97px; position: relative; display: block; font-weight: 500; font-size: 16px; margin:0 0 30px 0; line-height: 30px; } .newsDetail > q:before {position: absolute; top: 15px; left: 0; background: url('/local/templates/redcode_procorporate/img/quote.svg') no-repeat; width: 52px; height: 40px; content: ''; } .newsDetail > q:last-child {margin-bottom: 0;} @media all and (max-width: 990px) { img.fullImage, .newsDetail img {margin: 25px 0 25px 0;} } /*ARTICLES*/ img.article, p.article { display:block; margin:0px auto; width:500px; font-style:italic; text-align:center; padding: 0px 0px 10px 0px; } img.article_left { float:left; width:300px; margin: 25px 25px 25px 0px; } img.article_right { float:right; width:300px; margin: 25px 0px 25px 25px; } table.article { width:100%; border: 1px solid; border-collapse: collapse; margin: 25px 0px; } table.article.noborder, table.article.noborder tr, table.article.noborder td { border:none; color:#5a5e61; line-height: 28px; } table.article.noborder img { width: 250px; } table.article thead { text-align:center; font-weight:bold; } table.article tr, table.article td { border: 1px solid; border-collapse: collapse; } table.article td { width:50%; padding: 10px; } table.article img{ width:300px; margin:0px auto; } table.article img ~ p { font-style:italic; text-align:center; } table.noborder, table.noborder tr, table.noborder td{ border:none; } hr.clear { clear:both; display:none; } p.center { text-align:center; } p.prim { font-size:10px; margin:0px; line-height:15px; } p.right { text-align:right; } /* End */ /* Start:/local/templates/redcode_procorporate/template_styles.css?173501954726460*/ /* THIS FILE IS OVERWRITTEN WHEN THE SOLUTION IS UPDATED -------- FAIL ZATIRAETSY PRI OBNOVLENII RESHENIY */ article, aside, details, figcaption, figure, footer, header, hgroup, section, main {display: block;} ol, ul {list-style-position: inside;} ul, dir {margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6 {margin: 0;} input, button, textarea {font-family: 'Montserrat', sans-serif; outline: none;} p {margin: 0;} a {color: #1E88E5; text-decoration: none;} img {border: none;} html {height: 100%;} body {color: #121212; font-size: 15px; background: #fff; font-family: 'Montserrat', sans-serif; margin: 0; -webkit-font-smoothing: antialiased;} .clear {clear: both;} /*------------------ --- MAIN STYLES --- ----------------*/ .indexContainer {display: flex; flex-direction: column;} .indexBlock.hidden {display: none;} .indexBlock[data-order="1"] {order: 1;} .indexBlock[data-order="2"] {order: 2;} .indexBlock[data-order="3"] {order: 3;} .indexBlock[data-order="4"] {order: 4;} .indexBlock[data-order="5"] {order: 5;} .indexBlock[data-order="6"] {order: 6;} .indexWrapper {max-width: 1160px; margin: 0 auto;} .mainTitle {margin: 64px auto 68px; max-width: 1160px;} .mainTitle h1 {font-size: 29px; max-width: 750px; line-height: 47px;} .mainTitle h1.max {font-size: 34px;} .mainTitle h1.min {font-size: 24px;} #workArea {max-width: 1160px; margin: 0 auto 90px auto;} .divFlex {display: flex; align-items: flex-start;} main {margin: 0 0 0 65px; width: 100%;} main.fullMain {margin: 0;} .sidebar {width: 325px; min-width: 325px; padding: 5px 0 0 0;} #wrapper.animationON main {animation: fadeInUp_30px 1.2s ease;} #wrapper.animationON .sidebar {animation: fadeIn 1.2s ease;} /*------------------ --- MAIN STYLES --- ----------------*/ /*------------------ -- HEADER SITE --- ----------------*/ header {z-index: 99;} #wrapper.animationON header {animation: fadeIn 1.1s ease;} .headerTop {border-bottom: 1px solid #F4F4F4; background: #fff; z-index: 3; position: relative;} .headerTopWrap {max-width: 1160px; margin: 0 auto; padding: 21px 0 21px 0; display: flex; justify-content: space-between;} .headerTopWrap > div {display: flex; justify-content: space-between; align-items: center;} .headerTop .headerSearch {margin: 0 0 0 39px; cursor: pointer; font-size: 13px; display: flex; align-items: center;} .headerTop .headerSearch svg {margin: 0 9px 0 0;} body.detailed .headerBottom {border-bottom: 1px solid #F4F4F4;} /* position: relative; z-index: 2; background: #fff; */ .headerBottomWrap {max-width: 1160px; margin: 0 auto; padding: 33px 0 35px 0; display: flex; justify-content: space-between;} .headerBottomWrap > div {display: flex; justify-content: space-between; align-items: center;} #menuButton {font-size: 22px; text-align: center; line-height: 45px; width: 19px; margin-right: 35px; cursor: pointer; display: none;} #logo {} #logo img, #logo svg {max-width: 185px; max-height: 70px; display: block;} .buttonTopMenu {color: #121212; letter-spacing: .02em; cursor: default; position: relative; padding: 0 18px 0 0; height: 40px; line-height: 40px; margin: 0 0 0 62px; } .buttonTopMenu.open svg {transform: rotate(180deg);} .buttonTopMenu svg {position: absolute; top: 50%; right: 0; margin: -2px 0 0 0; transition: transform .2s linear;} .buttonTopMenu.open:after {position: absolute; height: 40px; content: ''; width: 100%; top: 100%; margin: -10px 0 0 0; left: 0;} .marginBottomMenu {margin: 0 0 0 36px;} .headerBottom .headerSearch {width: 46px; height: 46px; border-radius: 50%; box-sizing: border-box; line-height: 51px; cursor: pointer; text-align: center; display: none; box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05); } header .requestCall {display: inline-block; cursor: pointer; font-size: 13px; border-radius: 100px; letter-spacing: .01em; color: #fff; padding: 15px 25px 15px 25px; } header .requestCall svg {display: none;} .basketHeader {margin: 0 0 0 25px;} #mobileMenu {background: #fff; position: fixed; top: 0; bottom: 0; z-index: 1000; overflow: hidden; width: 310px; display: none; box-shadow: 0px 4px 40px rgba(0, 0, 0, .25); } #mobileMenu.redcodeVisible {animation: mobileMenuVisible .5s ease;} #mobileMenu .mobileMenu {overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: none; width: 106%; height: 100%; } .mobileMenuWrap {transition: transform .2s ease-in-out; margin: 0 4% 0 0;} .mobileMenuBasket {display: flex; align-items: center; padding: 12.5px 29px; cursor: pointer; border-bottom: 1px solid #F0F0F0; color: #121212; justify-content: space-between; } .mobileMenuBasket > p {display: flex; align-items: center;} .mobileMenuBasket .openBasket {margin: 0 20px 0 0;} .mobileMenuCallBack {display: flex; align-items: center; padding: 12.5px 29px; cursor: pointer; border-bottom: 1px solid #F0F0F0; justify-content: space-between; } .mobileMenuCallBack div {display: flex; align-items: center;} .mobileMenuCallBack p {width: 45px; height: 45px; text-align: center; margin: 0 20px 0 0; border-radius: 50%; line-height: 52px; box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 1px 1px rgba(0, 0, 0, .05); } #mobileMenu .mobileContacts {padding: 0 30px; font-size: 13px; line-height: 22px; margin: 35px 0 0 0;} #mobileMenu .mobileContacts > div {margin: 30px 0 0 0; display: flex;} #mobileMenu .mobileContacts > div:first-child {margin-top: 0;} #mobileMenu .mobileContacts > div:first-child svg {width: 18px;} #mobileMenu .mobileContacts svg {padding: 5px 0 0 0; margin: 0 10px 0 0;} #mobileMenu .social {display: flex; align-items: center; flex-wrap: wrap; padding: 0 26px 26px 26px; margin: 35px 0 0 0;} #mobileMenu .social a {margin: 0 14px 0 0; border-radius: 50%; padding: 12px;} #mobileMenu .social a:last-child {margin-right: 0;} #mobileMenu .social img{display: block; max-width: 16px;} #mobileScrollBar {position: absolute; top: 2px; right: 3px; width: 4px; height: 0; -webkit-user-select: none; background: #C2C2C2; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; } @keyframes mobileMenuVisible{ 0% { left: -100%; } 100% { left: 0; } } /*------------------ -- HEADER SITE --- ----------------*/ /*------------------------ ------- FOOTER SITE ------- ------------------------*/ footer {padding: 68px 0 47px 0; background: #121212;} .footerWrap {max-width: 1160px; margin: 0 auto;} .footerTop {margin: 0 0 82px 0; display: flex; align-items: flex-start; justify-content: space-between;} .footerTop > div:first-child {width: 70%;} #footerContacts {width: 25%; margin: 0 0 0 5%;} #footerContacts h3 {margin: 0 0 33px 0; color: #fff; font-size: 15px;} #footerContacts p.h3 {margin: 0 0 33px 0; color: #fff; font-size: 15px;} #footerContacts > div {margin: -9px 0 31px 0; line-height: 28px; font-size: 14px; color: #fff; display: flex; justify-content: space-between; align-items: flex-start; } #footerContacts > div:last-child {margin-bottom: 0;} #footerContacts > div > svg {height: 28px;} #footerContacts > div > div {width: 88.5%;} .footerBottom {display: flex; justify-content: space-between; align-items: center;} .footerCopyright {color: #aeaeae; font-size: 13px;} .footerCopyright div {margin: 0 0 10px 0;} .footerCopyright a:not(.redcodeColor) {color: #fff;} .footerSocial{} .buttonPosition{position: fixed; right: 31px; bottom: -61px; z-index: 9; min-width: 12px;} .animationFooterButton {transition: bottom .3s ease;} .buttonTop{width: 48px; border-radius: 50%; height: 48px; text-align: center; line-height: 54px; cursor: pointer;} .buttonMenu{position: fixed; right: 36px; bottom: -61px; width: 47px; border-radius: 50%; height: 47px; transition: bottom .3s ease; cursor: pointer; background: #fff; z-index: 9; box-shadow: 0 4px 7px 0 rgba(0,0,0,.15), rgba(0, 0, 0, .2) 0px 0px 1px 0px; color: #000; font-size: 28px; text-align: center; line-height: 47px; display: none; } .buttonSearch{position: fixed; right: 36px; bottom: -61px; width: 47px; border-radius: 50%; height: 47px; transition: bottom .3s ease; cursor: pointer; background: #fff; z-index: 9; box-shadow: 0 4px 7px 0 rgba(0,0,0, .15), rgba(0, 0, 0, .2) 0px 0px 1px 0px; color: #000; font-size: 27px; text-align: center; line-height: 47px; display: none; } /*------------------------ ------- FOOTER SITE ------- ------------------------*/ /*-------------------------------- --- ABOUT THE COMPANY (DETAILED) --- --------------------------------*/ .company{} /*-------------------------------- --- ABOUT THE COMPANY (DETAILED) --- --------------------------------*/ /*---------------------------------- --- CONTACTS - DETAILED PAGE --- -----------------------------------*/ #mainAddress {padding: 72px 0; margin: 0 50px;} #mainAddress > div {display: flex; justify-content: space-between;} #mainAddress > div > div {box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); border-radius: 5px; width: 360px; padding: 50px 50px 55px 50px; text-align: center; box-sizing: border-box; font-size: 16px; line-height: 30px; background: #fff; } #mainAddress svg {margin: 0 0 29px 0;} #mainAddress h3 {line-height: normal; margin: 0 0 29px 0; font-size: 18px;} #mainAddress p.h3 {line-height: normal; margin: 0 0 29px 0; font-size: 18px;} /*---------------------------------- --- CONTACTS - DETAILED PAGE --- -----------------------------------*/ /*---------------------------------- --- MODAL WINDOWS SENDING MESSAGES --- ----------------------------------*/ .modal {display: none; position: fixed; overflow: hidden; bottom: 0; right: 0; left: 0; top: 0; z-index: 100;} .modalWrapper {margin: 50px auto; background: #fff; max-width: 560px; border-radius: 5px;} .modalWrapper.smallModal {max-width: 490px;} .modalHeader {position: relative; padding: 48px 90px 33px 90px;} .modalWrapper.smallModal .modalHeader {padding: 48px 60px 28px 60px;} .modalHeader h3 {font-size: 23px; line-height: 34px;} .modalHeader p.h3 {font-size: 23px; line-height: 34px;color:black;} .modalHeader p {font-size: 13px; line-height: 24px; color: #717171; margin: 26px 0 0 0;} .modalClose {width: 43px; height: 43px; cursor: pointer; border-radius: 50%; border: 2px solid #FFF; position: absolute; top: 0; right: -63px; box-sizing: border-box; } .modalClose:before, .modalClose:after {position: absolute; content: ''; width: 18px; height: 2px; background: #fff; margin: -1px 0 0 -9px; left: 50%; top: 50%; } .modalClose:before {transform: rotate(45deg);} .modalClose:after {transform: rotate(-45deg);} .modalClose span {font-size: 9px; color: #fff; text-transform: uppercase; bottom: -21px; position: absolute; left: -2px;} .modalBody {padding: 20px 90px 50px 90px;} .modalWrapper.smallModal .modalBody {padding: 20px 60px 50px 60px;} .modalField {margin: 0 0 58px 0; position: relative; padding: 0 0 1px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAEAEA; } .modalField:last-child {margin: 0;} .inputField {position: relative; font-size: 15px; display: block; width: 100%; padding: 0 0 10px 0; border: none;} .inputLabel {position: absolute; top: 0; color: #828282; width: 100%; pointer-events: none; transition: transform .3s; transform-origin: 0 0; } .messageField {font-size: 17px; color: #121822; outline: none; min-height: 20px; padding: 0 0 10px 0;} .fileForm {} .fileForm input[name='userFile'] {cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; filter: alpha(opacity=0); opacity: 0;} .fileForm span {display: block; height: 22px; overflow: hidden;} .fileID {display: none;} .inputField:focus + .inputLabel, .changeInput .inputLabel, .messageField:focus + .inputLabel { transform: translate(0, -23px) scale(0.8); } .modalWrapper .personalInfo {padding: 0 90px;} .modalWrapper.smallModal .personalInfo {padding: 0 60px;} .modalWrapper .personalInfo label:after {border: 1px solid #E4E4E4; top: 2px;} .modalWrapper .personalInfo label.ckecked:after {line-height: 18px;} .modalFooter {padding: 0 90px 50px 90px;} .modalWrapper.smallModal .modalFooter {padding: 0 60px 50px 60px;} .modalSend {color: #fff; font-size: 14px; border-radius: 100px; padding: 18px; margin: 0 auto; display: block; letter-spacing: .04em; cursor: pointer; width: 100%; max-width: 197px; -webkit-appearance: none; border: none; transition: width .3s ease, height .3s ease, background .3s ease, border .3s ease, box-shadow .2s ease;; } .modalFooter .disabled {cursor: not-allowed; background: #ccc !important; box-shadow: none !important;} .modalBody .errorInput {border-bottom-color: #D50000;} .modalBody .errorInput .inputLabel {color: #D50000;} .sendOkey {background: #494949; font-size: 34px; display: none; border-radius: 2px; line-height: 45px; width: 180px; height: 45px;} .modalOpen {overflow: hidden; padding: 0 17px 0 0;} .modalOpen .modal {overflow-x: hidden; overflow-y: auto;} input.animationButton {width: 50px; text-indent: -999px; cursor: default; border-width: 2px; border-style: dotted; height: 50px; background: none; box-sizing: border-box; } input.animationSuccess {background: #494949;} .modalSend.animationRotate {animation: rotating 4s linear infinite;} .modal.redcodeVisible .modalWrapper {animation: modalVisible .5s ease;} #blackBack {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: rgba(76, 84, 92, .6); display: none;} /* #blackBack.redcodeVisible {animation: fadeIn .2s ease-in-out;} #wrapper.redcodeBlur {animation: fadeIn .2s ease-in-out;} */ @keyframes rotating { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } } @keyframes modalVisible{ 0%{ opacity: .4; transform: scale(.9); } 100%{ opacity: 1; transform: scale(1); } } /*---------------------------------- --- MODAL WINDOWS SENDING MESSAGES --- ----------------------------------*/ /*------------------------------ ------ ADD PRODUCT (BUTTON) ------ ------------------------------*/ .addProduct {position: absolute; bottom: 25px; right: 0; width: 48px; height: 48px; border-radius: 50%; transition: opacity .2s ease, box-shadow .2s ease; } .addProduct div {position: absolute; width: 100%; height: 100%; border-radius: 50%;} .addProduct div.ready {cursor: pointer;} .addProduct div.ready .svgBasket {opacity: 1;} .addProduct div:not(.ready) ~ .svgOk {opacity: 1;} .addProduct svg {position: absolute; top: 50%; left: 50%; opacity: 0;} .addProduct .svgBasket {margin: -8.5px 0 0 -11.5px; transition: opacity .3s ease; z-index: 2;} .addProduct div.ready .svgBasket {transition-delay: .4s} .addProduct .svgOk {margin: -7px 0 0 -9.5px; transition: opacity .3s ease .4s;} .addProduct div.ready ~ .svgOk {transition-delay: 0s} /*------------------------------ ------ ADD PRODUCT (BUTTON) ------ ------------------------------*/ /*------------------------ ------ ERROR 404 ------ ------------------------*/ .error404 {display: flex; justify-content: space-between; align-items: center; margin-top: -20px; padding-bottom: 20px;} .error404 > div:first-child {font-size: 340px;} .error404 > div:last-child {padding: 0 0 0 115px;} .error404 .title404 {font-size: 29px; margin: 0 0 27px 0; text-transform: uppercase;} .error404 .description404 {color: #4D4D4D; margin: 0 0 34px 0; line-height: 28px;} .error404 a {display: inline-block;} .url404 {padding: 15px 38px; font-size: 13px; color: #fff; border-radius: 50px;} .back404 {color: #A2A2A2; text-decoration: underline;} .back404:hover {text-decoration: none;} /*------------------------ ------ ERROR 404 ------ ------------------------*/ /*------------------------ -------- SHARE ---------- ------------------------*/ .shareBlock li.ya-share2__item {margin: 0 10px 0 0;} .shareBlock span.ya-share2__icon {height: 30px; width: 30px; background-size: 20px; background-position: center; background-repeat: no-repeat;} .shareBlock .ya-share2__badge {border-radius: 50%;} /*------------------------ -------- SHARE ---------- ------------------------*/ /*--------------------------------------- ------ PERSONAL_INFO (FORMS/FOOTER) ------ ---------------------------------------*/ .personalInfo {padding: 0 40px; margin: 0 0 50px 0; font-size: 13px; line-height: 24px;} .checkboxError {display: none; color: #d41b1b; margin: 0 0 10px 0;} .personalInfo input {display: none;} .personalInfo label {cursor: pointer; position: relative; padding: 0 0 0 33px; display: inline-block;} .personalInfo a:hover {text-decoration: underline;} .personalInfo label:after {border: 2px solid #E4E4E4; position: absolute; height: 19px; width: 19px; content: ''; left: 0; box-sizing: border-box; top: 5px; border-radius: 2px; } .personalInfo label.ckecked:after {font-family: FontAwesome; text-align: center; content: "\f00c"; font-size: 12px; background-color: #E4E4E4; line-height: 14px; } .personalInfo label:hover:after {background-color: #D9D9D9; border-color: #D9D9D9;} /*--------------------------------------- ------ PERSONAL_INFO (FORMS/FOOTER) ------ ---------------------------------------*/ /*------------------------------------ ------ ADAPTIVE SITE LAYOUT ------ ------------------------------------*/ iframe.main_video { max-width:100%; width:560px; height:315px; display:block; margin:0px auto 25px; } @media all and (max-width: 1270px) { .headerTopWrap {padding: 21px 50px;} .headerBottomWrap {padding: 33px 50px 35px 50px;} .mainTitle {padding: 0 50px;} #workArea {padding: 0 50px;} .mobileHeader {padding: 0 20px;} #mainAddress div div {width: 31%;} footer {padding: 50px 50px;} } @media all and (max-width: 1180px) { .headerTop .headerSearch, .marginBottomMenu {display: none;} .headerBottom .headerSearch {display: block;} header .requestCall {margin: 0 0 0 25px;} .mainTitle {margin: 54px auto 58px;} main {margin: 0 0 0 55px;} #workArea {margin: 0 auto 60px auto;} .headerBottomWrap {padding: 28px 50px 30px 50px;} .headerTopWrap {padding: 19px 50px;} } @media all and (max-width: 1140px) { #footerContacts {display: none;} .footerTop > div:first-child {width: 100%;} .error404 > div:first-child {font-size: 280px;} } @media all and (max-width: 1090px) { .error404 {padding: 0;} .error404 > div:first-child {font-size: 220px;} .error404 .title404 {margin: 0 0 20px 0; font-size: 27px;} .error404 .description404 {margin: 0 0 30px 0;} #mainAddress h3 {font-size: 15px; margin-bottom: 14px;} #mainAddress p.h3 {font-size: 15px; margin-bottom: 14px;} #mainAddress div div {width: 31%; font-size: 14px; padding: 35px 40px 35px 40px;} } @media all and (max-width: 990px) { .headerTop, .buttonTopMenu {display: none !important;} #menuButton {display: block;} .headerBottomWrap {padding: 25px 50px;} .sidebar {display: none;} main {width: 100%; margin: 0;} .error404 > div:last-child {padding: 0 0 0 80px;} } @media all and (max-width: 900px) { .error404 > div:first-child {font-size: 180px;} .error404 .title404 {margin: 0 0 15px 0;} .error404 .description404 {line-height: 23px;} #mainAddress > div {flex-wrap: wrap; justify-content: space-around;} #mainAddress div div {width: 45%;} #mainAddress div div:last-child {margin: 30px 0 0 0;} } @media all and (max-width: 780px) { .footerMenu > ul, .footerMenu > div {flex-basis: 50%; margin: 40px 0 0 0;} .footerMenu > ul:nth-child(3), .footerMenu > div:nth-child(3) {margin: 40px 0 0 0;} .footerMenu > ul > li > a, .footerMenu span {margin: 0 0 20px 0;} } @media all and (max-width: 760px) { .indexBlock:last-child {margin: 0;} .error404 {flex-direction: column;} .error404 > div:last-child {padding: 30px 0 0 0; text-align: center; max-width: 450px;} .url404 {margin: 0;} .modalClose {top: 10px; right: 10px;} .modalClose:before, .modalClose:after {background: #121212; margin: -1px 0 0 -9px;} .modalClose span {display: none;} } @media all and (max-width: 740px) { .modalWrapper {max-width: 490px !important;} .modalHeader {padding: 48px 60px 28px 60px !important;} .modalBody {padding: 20px 60px 50px 60px !important;} .modalWrapper .personalInfo {padding: 0 60px !important;} .modalFooter {padding: 0 60px 50px 60px !important;} } @media all and (max-width: 715px) { #mainAddress > div {display: block;} #mainAddress div div {margin: 0 0 30px 0; width: auto;} #mainAddress div div:last-child {margin: 0;} } @media all and (max-width: 690px) { header .requestCall {background: #fff; height: 46px; width: 46px; padding: 0; position: relative; box-shadow: 0px 20px 20px rgba(0, 0, 0, .05), 0px 10px 10px rgba(0, 0, 0, .05), 0px 5px 5px rgba(0, 0, 0, .05), 0px 2px 2px rgba(0, 0, 0, .05); } header .requestCall span {display: none;} header .requestCall svg {display: block; position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -8px;} } @media all and (max-width: 580px) { .headerBottomWrap {display: block;} .headerBottomWrap > div:first-child {justify-content: flex-start; margin: 0 0 15px 0;} .headerBottomWrap > div:last-child {justify-content: center;} .footerBottom {display: block;} .footerCopyright {text-align: center; margin: 0 0 30px 0;} footer .social {display: flex; justify-content: center; align-items: center;} .footerTop {margin: 0 0 40px 0;} .footerMenu > ul, .footerMenu > div {flex-basis: 100%; text-align: center;} .footerMenu > ul:nth-child(2), .footerMenu > div:nth-child(2) {margin: 40px 0 0 0;} } @media all and (max-width: 550px) { .buttonPosition {right: 20px;} iframe.main_video {height:280px;} } @media all and (max-width: 520px) { .modalWrapper {margin: 50px 15px 50px 15px;} iframe.main_video {height:240px;} } @media all and (max-width: 500px) { .mainTitle h1 {font-size: 26px;} .headerTopWrap {padding: 21px 20px;} .headerBottomWrap {padding: 33px 20px 35px 20px;} .mainTitle {padding: 0 20px;} #workArea {padding: 0 20px;} footer {padding: 50px 20px;} } @media all and (max-width: 430px) { iframe.main_video {height:200px;} #mainAddress div div {width: 100%;} .error404 > div:first-child {font-size: 130px; line-height: 100px;} .error404 > div:last-child {padding: 30px 0 0 0;} .modalHeader {padding: 40px 40px 28px 40px !important;} .modalBody {padding: 20px 40px 50px 40px !important;} .modalWrapper .personalInfo {padding: 0 40px !important;} .modalFooter {padding: 0 40px 50px 40px !important;} } @media all and (max-width: 340px) { iframe.main_video {height:170px;} .modalWrapper {margin: 50px 0;} .modalHeader {padding: 40px 35px 28px 35px !important;} .modalBody {padding: 20px 35px 50px 35px !important;} .modalWrapper .personalInfo {padding: 0 35px !important;} .modalFooter {padding: 0 35px 50px 35px !important;} #mobileMenu {width: 100%;} } /*------------------ --- REDCODE CLASS --- -------------------*/ .redcodeFW_thin {font-weight: 100;} .redcodeFW_extraLight {font-weight: 200;} .redcodeFW_light {font-weight: 300;} .redcodeFW_regular {font-weight: 400;} .redcodeFW_medium {font-weight: 500;} .redcodeFW_semiBold {font-weight: 600;} .redcodeFW_bold {font-weight: 700;} .redcodeFW_extraBold {font-weight: 800;} .redcodeFW_black {font-weight: 900;} .redcodeColor {color: #E81C34;} .redcodeFill {fill: #E81C34;} .redcodeStroke {stroke: #E81C34;} .redcodeBG_color {background-color: #E81C34;} .redcodeBorderColor {border-color: #E81C34;} .redcodeBlur {filter: blur(5.5px);} .redcodeVisible {display: block !important;} .redcodeButtonHover {letter-spacing: .04em;} .redcodeButtonHover:not(.modalSend):not(.addProduct) {transition: box-shadow .2s ease;} .redcodeButtonHover:hover {box-shadow: inset 1000px 0 0 rgba(255,255,255, .12);} /*------------------ --- REDCODE CLASS --- -------------------*/ /*------------------ ---- ANIMATION ---- -------------------*/ @keyframes fadeInUp_7px { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp_15px { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp_30px { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animationAddProduct {animation: animationAddProduct .4s ease;} @keyframes animationAddProduct { 0% { opacity: .8; } 100% { opacity: 0; transform: translate(15px, -30px); } } /*------------------ ---- ANIMATION ---- -------------------*/ /*TEXTS*/ div.bx-section-desc p, div.bx-blue p, #catalogDescription p{ margin-top:10px; } div.bx-section-desc p.imp, div.bx-blue p.imp, #catalogDescription p.imp { margin-top:10px; font-style:italic; border-left: 1px solid; padding-left: 10px; } div.bx-section-desc h2, div.bx-blue h2, #catalogDescription h2 { margin-top:20px; } div.bx-section-desc ul, div.bx-blue ul, #catalogDescription ul { margin-top:10px; } div.bx-section-desc ul li, div.bx-blue ul li, #catalogDescription ul li{ margin-left:20px; } table.article { width:100%; border: none; } table.article td { padding:25px; border:none; } table.article tr { border:none; } table.article-border { width:100%; border: 1px solid; border-collapse: collapse; margin: 15px 0px; } table.article-border td { padding:25px; border:1px solid; border-collapse: collapse; } table.article-border tr { border:1px solid; border-collapse: collapse; } table.article-border thead { text-align: center; font-weight: bold; } table.article-border img { height:385px; width:auto; margin:0px auto; } /* table.article-border p { text-align:center; font-style:italic; }*/ table.center { text-align:center; } td.bold { font-weight:bold; } span.imp { border-left:1px solid; padding-left:25px; display:block; margin-bottom:25px; margin-left:25px; font-style:italic; } ul.bird li { list-style-type: none; } ul.bird li::before { content: "\2713"; color: #666; padding-left: 10px; padding-right: 10px; } /* End */ /* Start:/local/templates/redcode_procorporate/themes/8/style.css?1732710604192*/ .redcodeColor {color: #1E88E5;} .redcodeFill {fill: #1E88E5;} .redcodeStroke {stroke: #1E88E5;} .redcodeBG_color {background-color: #1E88E5;} .redcodeBorderColor {border-color: #1E88E5;} /* End */ /* Start:/local/templates/redcode_procorporate/css/custom.css?17512837932495*/ /* WRITE YOUR CODE HERE */ .announcement { font-size: 11px; max-width: 410px; } .announcement span { color: red; } .vfnd { display: flex; color: #c2c2c2; text-align: right; } .vfnd:hover{ color: #1E88E5; } .vfnd img{ margin-left: 5px; width: 35px; height: 35px; } .ulli li{ line-height: 28px; color: #5a5e61; margin-top: 10px; } .ulli ul{ margin-bottom:20px; } .myH2{ margin-bottom: 20px; } .wrapCont{ margin: 0 auto; max-width: 1160px; } .positionTopMenu{ box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.19); top: 0; position: fixed; width: 100%; background-color: white; } /*Верхний отступ контента*/ #wrapper{ margin-top: 195px; } /* .indexSlider{ margin-top: -40px; } */ /*---------------------*/ .mainTitle{ padding-top: 30px; } .dopc{ display: block!important; margin-left: 35px!important; margin-top: -30px!important } .together_with_text{ display: flex; max-width: 100%; justify-content: center; } .together_with_text div{ margin: 0 5px; } .together_with_text img{ max-width:100%; margin: 0 auto; } .together{ display: flex; max-width: 100%; justify-content: center; } .together img{ max-width:45%; } .together .together_left{ margin-right:10px; } header .visible_600{ display:none; color: #fff; padding: 10px 20px 10px 20px; cursor: pointer; font-size: 12px; border-radius: 100px; width: auto; background-color: #1E88E5; height:auto; position:absolute; right:15px; } .mobile_tel_number{ display:none; margin-left: 25px; color: #333; font-weight: 600; font-size: 14px; text-decoration: underline; text-decoration-color: #1E88E5; } .together_img{ display:flex; } .together_img img{ max-width:33.3%; height:200px; } .table{ width:100%; } .table td{ border:1px solid #333; padding:3px; } @media all and (max-width: 990px) { #wrapper{ margin-top: 120px; } .together_img{ display:block; } .together_img img{ max-width:100%; height:auto; } } @media all and (max-width: 580px) { #wrapper{ margin-top: 0; } header.positionTopMenu{ position: relative; } img.article, p.article{ max-width:100%; } header .visible_600{ display: inline-block; } header .visible_600 span{ display:block; } header .hidden_580{ display:none; } .mobile_tel_number{ display: block; } #logo img, #logo svg{ width:85%; } #menuButton{ margin-right:20px; } } /* End */ /* /local/templates/redcode_procorporate/components/bitrix/menu/headerTopMenu/style.css?17327106041414 */ /* /local/templates/redcode_procorporate/components/bitrix/catalog.section.list/selectAddress/style.css?17327106042304 */ /* /local/templates/redcode_procorporate/components/bitrix/menu/headerBottomMenu/style.css?17327106041487 */ /* /local/components/redcode.procorporate/basket/templates/miniBasket/style.css?17327106045994 */ /* /local/templates/redcode_procorporate/components/bitrix/menu/topMenu/style.css?17327106041968 */ /* /local/templates/redcode_procorporate/components/bitrix/menu/mobileTopMenu/style.css?17327106041104 */ /* /local/templates/redcode_procorporate/components/bitrix/news.list/social/style.css?1732710604289 */ /* /bitrix/components/bitrix/system.pagenavigation/templates/modern/style.min.css?1732710709659 */ /* /local/templates/redcode_procorporate/components/bitrix/menu/bottomMenu/style.css?1732710604818 */ /* /local/templates/redcode_procorporate/components/bitrix/search.form/top/style.css?17327106043078 */ /* /local/templates/redcode_procorporate/css/owl.carousel.css?17327106036127 */ /* /local/templates/redcode_procorporate/styles.css?17350195473757 */ /* /local/templates/redcode_procorporate/template_styles.css?173501954726460 */ /* /local/templates/redcode_procorporate/themes/8/style.css?1732710604192 */ /* /local/templates/redcode_procorporate/css/custom.css?17512837932495 */