/* Start:/local/templates/tpcompany/fonts.css?160977255412770*/ @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Thin.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Thin.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Thin.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Thin.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Thin.svg#mirregular') format("svg"); font-weight: 100; font-style: normal; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ThinItalic.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ThinItalic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ThinItalic.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ThinItalic.svg#mirregular') format("svg"); font-weight: 100; font-style: italic; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraLight.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraLight.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraLight.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraLight.svg#mirregular') format("svg"); font-weight: 200; font-style: normal; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraLightItalic.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraLightItalic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraLightItalic.svg#mirregular') format("svg"); font-weight: 200; font-style: italic; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Light.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Light.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Light.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Light.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Light.svg#mirregular') format("svg"); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-LightItalic.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-LightItalic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-LightItalic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-LightItalic.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-LightItalic.svg#mirregular') format("svg"); font-weight: 300; font-style: italic; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Regular.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Regular.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Regular.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Regular.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Regular.svg#mirregular') format("svg"); font-weight: 400; font-style: normal; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Italic.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Italic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Italic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Italic.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Italic.svg#mirregular') format("svg"); font-weight: 400; font-style: italic; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Medium.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Medium.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Medium.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Medium.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Medium.svg#mirregular') format("svg"); font-weight: 500; font-style: normal; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-MediumItalic.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-MediumItalic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-MediumItalic.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-MediumItalic.svg#mirregular') format("svg"); font-weight: 500; font-style: italic; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-SemiBold.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-SemiBold.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-SemiBold.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-SemiBold.svg#mirregular') format("svg"); font-weight: 600; font-style: normal; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-SemiBoldItalic.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-SemiBoldItalic.svg#mirregular') format("svg"); font-weight: 600; font-style: italic; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Bold.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Bold.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Bold.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Bold.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Bold.svg#mirregular') format("svg"); font-weight: 700; font-style: normal; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-BoldItalic.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-BoldItalic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-BoldItalic.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-BoldItalic.svg#mirregular') format("svg"); font-weight: 700; font-style: italic; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraBold.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraBold.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraBold.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraBold.svg#mirregular') format("svg"); font-weight: 800; font-style: normal; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-ExtraBoldItalic.svg#mirregular') format("svg"); font-weight: 800; font-style: italic; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Black.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Black.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Black.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Black.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-Black.svg#mirregular') format("svg"); font-weight: 900; font-style: normal; } @font-face { font-display: swap; font-family: 'Montserrat'; src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-BlackItalic.eot'); src: url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-BlackItalic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-BlackItalic.ttf') format("truetype"), url('/local/templates/tpcompany/fonts/Montserrat/Montserrat-BlackItalic.svg#mirregular') format("svg"); font-weight: 900; font-style: italic; } @font-face { font-display: swap; font-family: 'Museo'; src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-100.eot'); src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-100.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-100.woff') format("woff"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-100.ttf') format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-display: swap; font-family: 'Museo'; src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-100Italic.eot'); src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-100Italic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-100Italic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-100Italic.ttf') format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-display: swap; font-family: 'Museo'; src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-300.eot'); src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-300.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-300.woff') format("woff"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-300.ttf') format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-display: swap; font-family: 'Museo'; src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-300Italic.eot'); src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-300Italic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-300Italic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-300Italic.ttf') format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-display: swap; font-family: 'Museo'; src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-500.eot'); src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-500.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-500.woff') format("woff"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-500.ttf') format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-display: swap; font-family: 'Museo'; src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-500Italic.eot'); src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-500Italic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-500Italic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-500Italic.ttf') format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-display: swap; font-family: 'Museo'; src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-700.eot'); src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-700.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-700.woff') format("woff"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-700.ttf') format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-display: swap; font-family: 'Museo'; src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-700Italic.eot'); src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-700Italic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-700Italic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-700Italic.ttf') format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-display: swap; font-family: 'Museo'; src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-900.eot'); src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-900.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-900.woff') format("woff"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-900.ttf') format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-display: swap; font-family: 'Museo'; src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-900Italic.eot'); src: url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-900Italic.eot?#iefix') format("embedded-opentype"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-900Italic.woff') format("woff"), url('/local/templates/tpcompany/fonts/Museo/MuseoSansCyrl-900Italic.ttf') format("truetype"); font-weight: 900; font-style: italic; } html body { font-family: 'Montserrat'; } /* End */ /* Start:/local/templates/tpcompany/style_addon.css?162460193040313*/ /*brake Urii css*/ .call_back_from_product_poup input { -webkit-writing-mode: unset !important; text-rendering: unset; color: unset; letter-spacing: unset; word-spacing: unset; text-transform: unset; text-indent: unset; text-shadow: unset; display: unset; appearance: unset; background-color: unset; -webkit-rtl-ordering: unset; cursor: unset; margin: unset; font: unset; padding: unset; border-width: unset; border-style: unset; border-color: unset; border-image: unset; width: 100%; height: 56px; margin-bottom: 15px; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 14px; line-height: 150%; /* identical to box height, or 14px */ border-radius: 5px; background-color: white; color: #000; padding-left: 15px; } .call_back_from_product_poup input::placeholder, #phone_popup::placeholder { color: #000; opacity: 1; } #email_product::placeholder { color: #fff; opacity: 1; } .search_btn_search { -webkit-writing-mode: unset !important; text-rendering: unset; color: unset; letter-spacing: unset; word-spacing: unset; text-transform: unset; text-indent: unset; text-shadow: unset; display: unset; appearance: unset; background-color: unset; -webkit-rtl-ordering: unset; cursor: unset; margin: unset; font: unset; padding: unset; border-width: unset; border-style: unset; border-color: unset; border-image: unset; background: #0D55C3; border-radius: 0px 5px 5px 0px; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 14px; line-height: 150%; /* identical to box height, or 14px */ color: #FFFFFF; } .fullscreen-bg__videos { position: absolute; left: 0; width: 100%; height: 100%; } .bx-context-toolbar-empty-area{ min-height: 140px!important; } .fullscreen-bg__videos video { z-index: 1; position: relative; width: 100%; height: 100%; object-fit: cover; } .my_main_top_bg { height: unset !important; } .my_main_banner_arrow { margin: unset !important; } .my_contacts_first_block { position: relative; } .my_privoz_bg, .my_progress_bg, .my_footer_bg { background-size: cover !important; } @media (min-width: 1921px) { .fullscreen-bg__videos { height: unset !important; } } @media (min-width: 1400px) { .fullscreen-bg__videos { height: unset !important; } } @media (max-width: 1399px) { .fullscreen-bg__videos { max-height: 800px!important; } } .print_it:hover { cursor: pointer; } @media print and (min-width: 1000px){ .bx-footer, .my_grey_bg.my_cont_form_block,.my_header_menu_block,#horizontal-multilevel-menu1,.my_header_right_part { display: none!important; } .my_contacts_first_block_lils{ flex-wrap: wrap; } .my_cont_adr_block { display: grid; grid-template-columns: 50% 50%; align-items: center; row-gap: 2rem; column-gap: 5em; } .print { display: block; } } @media print and (max-width: 999px){ .my_cont_adr_block { display: grid; grid-template-columns: 50% 50%; align-items: center; row-gap: 2rem; column-gap: 5em; } .my_contacts_first_block_lils{ flex-wrap: wrap; } .bx-footer, .my_grey_bg.my_cont_form_block,.my_header_menu_block,#horizontal-multilevel-menu1, .my_header_right_part{ display: none!important; } .print { display: block; } } .print_it { position: absolute; top: -3rem; right: 0; width: 184px; height: 56px; display: flex; justify-content: center; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 16px; line-height: 100%; /* identical to box height, or 16px */ display: flex; align-items: center; text-align: center; color: #FFFFFF; background: #0D55C3; border-radius: 5px; } .print_it_img { margin-right: 15px; } .callback_hover_text { font-family: Montserrat; font-style: normal; font-weight: 300; font-size: 12px; line-height: 150%; padding-top: 4px; position: absolute; bottom: -20px; left: 57%; transform: translate(-61%, 5%); color: #8D9DBA; width: 100%; } .callback_hover_wrapper { position: absolute; width: 230px; height: 0; left: 39px; display: flex; flex-direction: column; text-align: -webkit-center; opacity: 0; } .my_centered_flex.my_margini { position: relative; } .my_header_form_trigger { width: 40px; height: 40px; } .my_header_form_trigger a { height: 100%; width: 100%; display: flex; background: linear-gradient(0deg, #0182F9, #0182F9), #0D55C3; border-radius: 5px; justify-content: center; align-items: center; } .my_header_form_trigger:hover a { background: #0D55C3 !important; border-top-left-radius: 5px; /* Левый верхний уголок */ border-bottom-left-radius: 5px; /* Левый нижний уголок */ } .my_header_form_trigger:hover+.my_ml10 { visibility: hidden; } .callback_hover_text{ } .callback_hover{ } .callback_hover_wrapper{ display: none; } .my_header_form_trigger:hover~.callback_hover_wrapper { display: flex; height: 40px; position: absolute; opacity: 1; transition: all 0.2s ease-in 100ms; } .search-page { margin-top: 50px; } .search-page a { font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 16px; line-height: 100%; /* identical to box height, or 16px */ color: black; } .callback_hover { border-left: 1px solid black; height: 40px; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 14px; line-height: 100%; /* identical to box height, or 14px */ display: flex; justify-content: center; align-items: center; color: #FFFFFF; background: #0D55C3; border-top-right-radius: 5px; /* Левый верхний уголок */ border-bottom-right-radius: 5px; /* Левый нижний уголок */ } .my_goods_slider_item.my_catalog_sect_item.catalog_category .my_gs_bot_line.my_catalog_item_botline { height: 53px; } .my_left_menu_block, .my_confirmation { background-size: cover !important; z-index: 99 !important; } .search_wrapper { position: relative; } /*#title-search{position: absolute; left: ; left: -487px; top: -42px;}*/ .my_left_menu_block { display: block !important; } .catalog-section-list-tile-list li { margin-bottom: 20px; } .my_top_menu_item:hover .my_left_menu_block { visibility: visible; opacity: 1; transform: translateY(0px); } .my_top_menu_triangle{ padding: 0 10px; } .my_top_menu_item:hover .my_top_menu_triangle { transform: rotate(180deg); } .search-page{ min-height: 300px; } .my_left_menu_block { visibility: hidden; opacity: 0; transform: translateY(10px); transition: .3s ease-in-out; } .rotate540{ transition: transform 1s ; transform: rotate(540deg); } .rotate0{ transition: transform 1s; transform: rotate(0); } .my_gs_bot_line:hover { background-color: #0D55C3; color: white; } /* form:-moz-submit-invalid{ border-color: red!important; } */ /*brake Urii css*/ /*index advantges*/ .advantages_wrapper { display: flex; width: 100%; justify-content: space-around; height: 100%; margin: unset !important; padding: 32px 25px; overflow: hidden; } .advantages_item { position: relative; padding: 60px 0; width: 15%; word-break: break-all; } .advantages_item:nth-child(even) { align-self: flex-end; } .advantages_item:nth-child(odd) .advantages__text { top: 30%; transform: translate(-50%, -30%); } .advantages_item:nth-child(even):after { align-self: flex-end; transform: rotate(136deg); transform-origin: 0% 0%; top: 5%; left: 132%; } .advantages_item:after { content: ""; position: absolute; border-top: 10px solid #BED1F2; width: 13vh; transform: rotate(49deg); transform-origin: 0% 0%; top: 42%; left: 104%; } .advantages_item:last-child:after { content: unset; } .advantages__text { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 24px; line-height: 150%; text-align: center; color: #FFFFFF; position: absolute; width: 100%; padding: 0px 20px; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .advantages_item>img { width: 100%; } .my_preim_block { /*height: 37.5rem!important;*/ } .my_header_callback_form { z-index: 15 !important; } /*index advantges*/ .my_catalog_element_info_block__header { display: flex; border-bottom: 1px solid #E9EEF4; } .my_catalog_element_info_block__title { display: flex; width: 70%; /* max-height: 250px; min-height: 150px;*/ font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 24px; line-height: 150%; color: #0052B4; justify-content: flex-start; align-items: center; padding: 27px; } .my_catalog_element_info_block__status { display: flex; width: 30%; float: right; justify-content: flex-end; padding: 3px; } .my_catalog_element_main_image { display: block; max-width: 100%; height: 98%; } .product_status { border-radius: 3px; width: 100px; height: 30px; padding: 3px; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 12px; line-height: 150%; display: flex; justify-content: center; align-items: center; color: #FFFFFF; } .catalog_element__price { font-family: Montserrat; display: flex; justify-content: space-between; padding: 30px; padding-top: 0; } .element__price { width: 35%; display: flex; align-items: center; } .element__price { font-size: 36px; } .element__price__digits { font-style: normal; font-weight: bold; margin-right: 5px; line-height: 150%; color: #000000; } .img_parnter:nth-child(2) { display: none; } /*.news-slider__item:hover .img_parnter:nth-child(2){ display: block; } .news-slider__item:hover .img_parnter:nth-child(1){ display: none; }*/ .element__count.catalog { transform: scale(0.9); width: 50%; justify-content: space-around; } .totalprice { display: flex; justify-content: space-between; align-items: center; } .element__count { width: 25%; width: 25%; display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; } .my_goods_slider_item .element__count__change { width: 25px; height: 25px; } .my_goods_slider_item .element__count__numbers { font-size: 24px; } .element__count__change { background: #E9EEF4; border-radius: 18px; width: 36px; height: 36px; font-weight: bold; display: flex; justify-content: center; align-items: center; color: #0d55c3; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .element__count__numbers { font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 36px; line-height: 150%; /* identical to box height, or 24px */ color: #000000; } .element__count__change:active { background: #0D55C3; color: white; } .element__count__change:hover { cursor: pointer; } .catalog_element__price__callback__form { width: 240px; height: 53px; position: relative; font-style: normal; font-weight: bold; font-size: 14px; line-height: 150%; display: flex; justify-content: space-evenly; align-items: center; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; color: #FFFFFF; background: #0D55C3; border-radius: 5px; } .catalog_element__price__callback__form:hover { cursor: pointer; color: #fff !important; } .catalog_element__price__callback__form:active { background: radial-gradient(hsl(234deg 71% 50%), hsl(231deg 43% 48%)); box-shadow: -2px 4px hsl(220deg 44% 23%), 0px -1px hsl(192deg 31% 42%), inset 0 1px 2px hsl(0, 0%, 95%), inset 0 -1px 2px hsl(0deg 35% 33%); } .overlay { display: none; width: 100%; height: 100%; position: fixed; z-index: 20; background-color: rgba(0, 0, 0, 0.7); } #callback_from_product { z-index: 999999; } .call_back_from_product_poup_title { display: flex; flex-direction: column; margin-bottom: 15px; font-family: Montserrat; font-style: normal; font-size: 18px; line-height: 150%; /* or 18px */ color: #FFFFFF; } .call_back_from_product_poup_title span { font-weight: bold; } #phone_popup{ background-color: #00d5ff; color: #000; font-weight: 500; } .call_back_from_product_poup { display: none; width: 345px; z-index: 122220; /* height: 314px; */ background: #0052B4; border-radius: 5px 0px 0px 5px; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px; position: fixed; } .call_back_from_product_poup input:focus { outline: unset; } #product_call_btn { background: #01ADEE; border-radius: 5px; color: white; font-weight: bold; font-size: 18px; line-height: 150%; /* identical to box height, or 18px */ font-size: 16px; padding: unset; border: unset; display: flex; justify-content: center; } #product_call_btn:hover { cursor: pointer; } #email_product { background: rgba(255, 255, 255, 0.15); color: white; font-weight: 500; } #product_call_btn:focus { background: radial-gradient(hsl(234deg 71% 50%), hsl(231deg 43% 48%)); box-shadow: -2px 4px hsl(220deg 44% 23%), 0px -1px hsl(192deg 31% 42%), inset 0 1px 2px hsl(0, 0%, 95%), inset 0 -1px 2px hsl(0deg 35% 33%); } .thank_for_callback { background-color: #5df208; width: 235px; height: 56px; color: black; border-radius: 20px; position: fixed; justify-content: center; align-items: center; top: 50%; left: 50%; z-index: 999; transform: translate(-50%, -50%); text-align: center; } .my_catalog_element_info_block>.product-item-detail>.product-item-properties { padding: 0 15px; } .my_catalog_element_info_block>.product-item-detail>.product-item-properties>.product-item-properties-item { display: flex; justify-content: space-between; padding: 10px 0; } .my_catalog_element_info_block>.product-item-detail>.product-item-properties>li:nth-child(odd) { background: #E9EEF4; border-radius: 3px; } .my_catalog_element_info_block>.product-item-detail>.product-item-properties>.product-item-properties-item>.product-item-detail-properties-name { width: 60%; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 12px; line-height: 150%; color: #788BAD; padding-left: 10px; max-width: unset; } .my_catalog_element_info_block>.product-item-detail>.product-item-properties>.product-item-properties-item>.product-item-detail-properties-value { width: 40%; font-weight: bold; max-width: unset; font-family: Montserrat; font-style: normal; font-size: 12px; line-height: 150%; /* or 14px */ color: #000000; text-align: left; } .catalog_element_short_info { height: 100%; flex-direction: column; } .my_catalog_element_block { margin-bottom: 30px; } .white_back { background: #FFFFFF; border-radius: 5px; margin: 0 15px; width: 100%; margin-bottom: 30px; } .product-item-detail-tab-link { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 18px; /* identical to box height, or 18px */ text-transform: uppercase; color: #000000; } .product-item-detail-tabs-list { padding: 0 30px; } .product-item-detail-tab-content { padding: 0 30px; padding-top: 30px; padding-bottom: 60px; } .product-item-detail-tab-content>h2 { padding-bottom: 30px; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 24px; line-height: 150%; /* identical to box height, or 24px */ color: #0057CD; } .mobile_inner_description>h2 { padding-bottom: 10px; padding-top: 15px; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 24px; line-height: 150%; /* identical to box height, or 24px */ color: #0057CD; text-align: center; } a:hover, .btn-link:hover, .product-item-detail-tab.active .product-item-detail-tab-link { color: #0057CD !important; } .product-item-detail-tab-link:after { background-color: #0057CD !important; } .product-item-detail-properties-dots { align-self: center; } .product-item-detail-properties-item>.product-item-detail-properties-name, .product-item-detail-properties-item>.product-item-detail-properties-value { font-family: Montserrat; font-style: normal; font-weight: 300; font-size: 14px; line-height: 150%; padding: 5px 0; color: #000000; } .product-item-detail-properties-item>.product-item-detail-properties-name { padding-right: 5px; } .product-item-detail-properties-item>.product-item-detail-properties-value { padding-left: 5px; } .callback_bottom { margin-top: 30px; background: #E9EEF4; border-radius: 5px; padding: 0 50px; margin: 30px 0px 60px; } .greybg_top { background: #E9EEF4; } .callback_bottom__title { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 36px; line-height: 150%; /* identical to box height, or 36px */ text-transform: uppercase; color: #000033; padding: 30px 0; } .plashki { margin-top: 0; } .plashki_wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .plashki__item { width: 32%; word-break: break-word; background: #E9EEF4; justify-content: space-between; align-items: center; margin-bottom: 20px; display: flex; padding: 20px; font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 16px; line-height: 150%; /* or 18px */ border-radius: 5px; color: #000033; } .plashki__item_long { width: 49%; } .plashki__item__img>svg { display: block } .plashki__item__img { margin-right: 15px; } .back_product { background: url('http://tpcompany.seoimpiu.beget.tech/local/templates/tpcompany/images/back_product.png'); background-size: auto; padding-bottom: 30px; background-repeat: no-repeat; } /*.plashki__item:hover { cursor: pointer; background: linear-gradient(124.65deg, #0057CD 0%, #0182F9 97%); color: white; }*/ .plashki__item__img>svg { fill: #0173ea; } /*.plashki__item:hover .plashki__item__img>svg { fill: #56D0FF; }*/ .form_inputs { display: flex; flex-wrap: wrap; justify-content: space-between; } .input__control { border-radius: 5px; height: 56px; max-width: 900px; width: 100%; border: none; font: inherit; font-size: 14px; color: #000; padding: 0 20px; background: #FFFFFF; } .models_gallery-item_bottom { width: 32%; } .p-floating-container { position: relative; margin-bottom: 25px; width: 32%; } #INN { width: 66% } .p-floating-container label { color: #788BAD; /* Position the label */ display: none; left: 20px; position: absolute; top: 0; width: unset; font-size: 13px; opacity: 0; transition: 'all 200ms', } /* Show the label at desired position when the placeholder of input isn't shown */ .p-floating-container input:not(:placeholder-shown)+label { background: #FFF; transform: translate(0, -50%); opacity: 1; display: block; padding: 0 3px; background: #E9EEF4; font-family: Montserrat; font-style: normal; font-weight: 600; font-size: 12px; line-height: 150%; /* identical to box height, or 12px */ display: flex; align-items: center; color: #000033; } .p-floating-container input:not(:placeholder-shown) { background: #E9EEF4; border: 1px solid #00003326; box-sizing: border-box; } .p-floating-container input { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 14px; line-height: 150%; /* identical to box height, or 14px */ display: flex; align-items: center; color: #788BAD; } .p-floating-container input:focus { border: 2px solid #000033; box-sizing: border-box; border-radius: 5px; font-size: 16px; line-height: 150%; /* identical to box height, or 16px */ display: flex; align-items: center; color: #000033; background: #E9EEF4; } .p-floating-container input:focus+label { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 12px; line-height: 150%; /* identical to box height, or 16px */ display: flex; align-items: center; color: #000033; background: #E9EEF4; } :active, :hover, :focus { outline: 0; outline-offset: 0; } #product_call_btn_bottom { border: unset; position: relative; width: 100%; height: 56px; display: unset; font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 16px; line-height: 150%; background: #0D55C3; border-radius: 5px; color: #FFFFFF; text-align: left; padding-left: 2rem; } #product_call_btn_bottom:hover { cursor: pointer; } #product_call_btn_bottom:active { background: radial-gradient(hsl(234deg 71% 50%), hsl(231deg 43% 48%)); box-shadow: -2px 4px hsl(220deg 44% 23%), 0px -1px hsl(192deg 31% 42%), inset 0 1px 2px hsl(0, 0%, 95%), inset 0 -1px 2px hsl(0deg 35% 33%); } .p-floating-container img { position: absolute; top: 50%; right: 2%; transform: translate(-50%, -50%); } .licence_bottom_product { float: right; } .licence_bottom_product a { display: inline-block; border-bottom: 1px dashed #000033; color: #000033; } .licence_bottom_product { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 14px; line-height: 150%; color: #808099; } .licence_bottom_product a { text-decoration: underline; } .grey_bg { background: #E9EDFA; } .our_partners__title { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 36px; line-height: 150%; /* identical to box height, or 36px */ text-transform: uppercase; color: #000033; padding: 0 0 0 75px; } /*мб удалить надо будет*/ .img_parnter { /*width: 240px; height: 144px;*/ } /* Example wrapper */ /* Example wrapper */ .our_partners { position: relative; padding-bottom: 45px; } /* Frame */ .frame { /*height: 250px;*/ line-height: 185px; overflow: hidden; } .frame ul { list-style: none; margin: 0; padding: 0; height: 100%; font-size: 50px; } .frame ul li { float: left; width: 240px; height: 100%; margin: 0 35px; padding: 0; color: #ddd; text-align: center; cursor: pointer; } .frame ul li img { max-width: 100%; } .frame ul li.active { color: #fff; } /* Scrollbar */ .scrollbar { margin: 0 0 1em 0; height: 2px; background: white; line-height: 0; margin-top: 30px; } .scrollbar .handle { width: 30px; height: 30px; cursor: pointer; } .scrollbar .handle .mousearea { position: absolute; top: -15px; left: 0; width: 30px; height: 30px; border-radius: 100%; background: #FFFFFF; border: 5px solid #0182F9; box-sizing: border-box; } .recommended_products__title { font-family: Montserrat; font-style: normal; font-weight: bold; font-size: 36px; line-height: 150%; /* identical to box height, or 36px */ text-transform: uppercase; padding: 0 0 5px; color: #000000; } #agre { color: -internal-light-dark(black, white); letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; appearance: textfield; background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59)); -webkit-rtl-ordering: logical; cursor: text; margin: 0em; font: 400 13.3333px Arial; padding: 1px 2px; border-width: 2px; border-style: inset; border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195)); border-image: initial; margin-right: 10px; margin-top: 3px; background-color: initial; cursor: default; appearance: checkbox; box-sizing: border-box; margin: 3px 13px 3px 4px; padding: initial; border: initial; position: relative; top: 1px; } #agre input[type="checkbox"]:checked + label::before, #agre input[type="checkbox"]:focus + label::before { background-color: #d44803; border: 1px solid white; } .progress_1 { background-color: #0052B4; } .my_slick_4 { max-height: 110px; overflow: hidden; } .my_slick_1_1 { margin: 3rem 0 0 0; } .my_goods_slider_item.product_card { margin: 0 auto; } .prod_container { max-width: 1200px !important; } .mobile_inner_description { display: none; } /* .my_preim_block_item { margin: unset !important; } */ /* .my_preim_block_item.me_top { margin-bottom: 127px !important; } .my_preim_block_item.me_bot { margin-top: 127px !important; } */ .hamb_closer { display: none; } @media only screen and (max-width: 1200px){ .my_header_menu_block{ position: absolute; top: 0.1vh; left: -23px;} } @media (max-width:1100px) { .greybg_top .my_container .my_catalog_element_block .my_catalog_element_info_block { background-color: #fff; border-radius: 6px; /* grid-row: 1 /2; */ grid-column: 1/3; } .hamb_closer { display: none; top: 23px; left: 380px; z-index: 9999; } /* .my_preim_block_item { transform: scale(1.3) } */ .my_preim_text { margin: 0; padding: 0 0; font-size: 11px !important; width: 66% !important; } .greybg_top .my_container .my_catalog_element_block { gap: 2%; } .product-item-detail-tab-link { font-size: 16px; } .prod_container { max-width: unset; width: 100% !important; } } .my_header_search_block{ margin-right: unset!important; } .my_goods_slider_item.my_catalog_sect_item { margin: 0 auto; } .my_header_search_block { position: unset; margin-top: unset !important; } @media (max-width: 1760px) { .my_header_search_block { position: absolute !important; top: 5.3vh !important; z-index: 10; } } @media (max-width: 1350px) { .my_header_search_block { position: absolute !important; top: 6.3vh !important; max-width: 357px !important; } } @media (width: 1024px) { .my_header_search_block { top: 3.9vh !important;} } @media only screen and (max-width:800px) { .my_header_search_block{ top: 4vh !important; max-width: 300px; } } @media only screen and (max-width:992px) { .prod_container { max-width: unset !important; width: 100% !important; } #product_call_btn_bottom { padding-left: 14%; display: flex; } } @media only screen and (max-width:929px) { .plashki__item { width: 49%; } #product_call_btn_bottom { padding-left: 5%; } .plashki_wrapper { justify-content: space-around; } } @media (max-width:990px) { .product-item-detail-tabs-container.product_card { display: unset !important; } .product-item-detail-tab-content.product_card { display: none !important; } .product-item-detail-tab-content.active.product_card { display: block !important } .my_slick_1_1 { margin: 3rem 0 0 0; } } @media (max-width:850px) { .my_bread_block { display: flex; /*width: 100% !important;*/ flex-wrap: wrap; height: 100% !important; } .p-floating-container img { right: -2%; } } @media (max-width:840px) { .my_header_search_block { position: absolute !important; top: 6.3vh !important; left: 36px !important; margin-right: unset !important; max-width: 320px !important; z-index: 10; } .my_header_menu_block { position: absolute; } } @media (max-width:790px) { .p-floating-container { position: relative; margin-bottom: 25px; width: 100%; } .print_it { top: -84px; right: 0; } .recommended_products__title { padding: 30px 0 0; } #INN { width: 100%; } #product_call_btn_bottom { padding-left: unset; display: unset; } .p-floating-container img { right: 20%; } } /*delete*/ @media (max-width:768px) { .my_catalog_wrapper .my_section_wrapper { margin: unset !important; max-width: unset !important; } .my_section_block { grid-template-columns: 50% 50% !important; } .my_container { max-width: 720px !important; } .my_goods_slider_item { width: 290px !important; } .my_section_block { column-gap: 1% !important; } } @media (max-width:640px) { .my_section_block { grid-template-columns: 100% !important; } .hamb_closer { top: 23px; left: 84vw; } } /*delete*/ @media (max-width:575px) { .p-floating-container img { right: 5%; } .print_it { top: -91px; right: -10px; width: 150px; } .totalprice { margin-bottom: 15px; } .my_container .my_bread_block .my_bread_item { margin-top: 10px; } .my_bread_block { max-width: 100% !important; } .element__count.catalog { width: 53%; } .recommended_products__title { text-align: center; font-size: 28px; } .callback_bottom__title { font-size: 28px; text-align: center; } .catalog_element__price { padding: 15px 5px 20px; } .catalog_element__price__callback__form img { width: 25px; } .callback_bottom { padding: 0px 15px 20px; } .my_slider_1_arrows>div { width: 40% !important; } .my_slider_1_arrows { display: flex; justify-content: space-around; } .my_prev_1.slick-disabled { border-right: unset !important; border: 1px solid !important; } .plashki__item { justify-content: flex-start; width: 100%; } .plashki__item__img { width: 60px; } } .filter_product { display: none; } .my_mobile_block { /*position: relative;*/ } .search_mobile { padding: 20px 0; } .search_mobile { display: none; } .search_btn_search:hover { cursor: pointer; } .mob_call_wrapper { display: flex; justify-content: center; padding-bottom: 15px; } .mob_call_wrapper .my_header_form_trigger a { border-radius: unset; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .callback_hover_wrapper_mob_ver { width: 80%; max-width: 350px; height: 40px; left: 39px; display: flex; text-align: -webkit-center; } .my_header_phone_mobile { font-style: normal; font-weight: bold; font-size: 18px; line-height: 100%; } .callback_hover_wrapper_mob_ver .callback_hover { background-color: #0182F9; width: 100%; } .callback_hover_wrapper_mob_ver .callback_hover { border-left: 1px solid white; } .my_header_contacts_bg.new { background: #E9EEF4; border-radius: 0px 0px 5px 0px; max-width: unset; padding: 0 20px 10px; } .my_header_contacts_bg.new div, .my_header_contacts_bg.new div a { font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 12px; line-height: 150%; /* or 12px */ color: #000033; } .my_mobile_menu_block { max-width: 350px; max-height: 100%; overflow-y: scroll; } .my_header_contacts_bg.new .my_centered_flex { margin-bottom: 7px; } .new_mob_menu li a { padding: 7px 0; } .new_mob_menu li { margin: 3px 0; } @media (max-width:500px) { .catalog_element__price__callback__form img { display: none; } .search_form_page { display: flex; } .search_form_page .search { width: 80% } .search_btn_search { width: 20% } .mobile_inner_description.active { display: block; text-align: center; padding: 15px 0; } .catalog_element__price { flex-wrap: wrap; padding: 15px 15px 20px; } .element__price { width: 50%; } .element__count__change { width: 30px; height: 30px; font-size: 36px; border-radius: 100%; } .catalog_element__price__callback__form { width: 100%; margin-top: 20px; } .element__count { width: 46%; } /*.product-item-detail-tab-content.product_card.active { display: none !important; }*/ .catalog_element__price__callback__form { text-align: center; } .product_card>.product-item-detail-tabs-list>.product-item-detail-tab { float: unset; width: 100%; border-top: 1px solid #0057CD; } .product_card>.product-item-detail-tabs-list>.product-item-detail-tab:first-child { border-top: unset; } .product_card>.product-item-detail-tabs-list>.product-item-detail-tab a { width: 100%; } .product-item-detail-properties-dots { display: none; } .product-item-detail-properties-item>.product-item-detail-properties-name { width: 50%; text-align: left; } .product-item-detail-properties-item>.product-item-detail-properties-value { width: 50%; text-align: center; align-self: center; } .product-item-detail-tab.product_card { position: relative; } .product-item-detail-tab.product_card:after { content: '>'; position: absolute; right: 0%; top: 17px; font-size: 22px; font-family: cursive; transition: all 0.2s linear; } .product-item-detail-tab.product_card.active:after { transform: rotate(90deg); color: #006cc0; font-weight: bold; transition: all 0.2s linear; } .hide_filer{ display: flex!important; } .filter_product { display: flex; justify-content: center; align-items: center; background: #0182F9; border-radius: 5px; height: 50px; width: 50%; margin: 0 auto; margin-top: 17px; } .filter_product_text { font-family: Montserrat; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; /* identical to box height, or 14px */ color: #FFFFFF; } .filter_product img { transform: scale(0.8); margin-right: 10px; } .smart-filter.my_filter { display: none; } .hide_filer { background-color: #018bf996; color: #fff; border: 1px solid #0182F9; border-radius: 5px; display: flex; justify-content: center; align-items: center; width: 30%; } .smart-filter-button-box { padding: unset; } .my_filter_butts { display: flex; justify-content: space-around; width: 100%; } } @media (max-width:400px) { .print_it_img { display: none } .print_it { top: -85px; right: -9px; width: 97px; font-size: 12px; height: 46px; } } #mobile-menu-top { background: #FFFFFF; font-family: Montserrat; font-style: normal; line-height: 150%; list-style-type: none; color: #000033; padding-left: 15px; padding-top: 10px; padding-bottom: 15px; } #mobile-menu-top ul li { list-style-type: none; margin: 4px 0; } .first_level_menu, .menu_child { font-weight: bold; font-size: 18px; line-height: 100%; color: #000033; } .first_level_menu_child { margin-bottom: 5px; } .menu_child span, .first_level_menu a { width: 100%; padding: 10px 0; } .arrow_menu { position: absolute; right: 17px; top: 23%; } .second_level_menu li a :active { color: black; font-weight: 700; } .first_level_menu_child .menu_child a, .first_level_menu a { font-weight: bold; font-size: 18px; line-height: 150%; /* or 18px */ width: 100%; display: block; color: #000033 !important; } .second_level_menu li a { font-style: normal; font-weight: normal; font-size: 14px; line-height: 150%; /* or 14px */ display: block; padding: 8px 0; width: 100%; color: #000033; } .second_level_menu { display: none; } .second_level_menu li a :focus { font-weight: bold; } .menu_child { display: flex; position: relative; justify-content: space-around; } /* End */ /* Start:/local/templates/tpcompany/components/bitrix/menu/header_menu/style.css?1598425087581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/tpcompany/components/bitrix/menu/header_menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/tpcompany/components/bitrix/search.title/template1/style.css?15984250864148*/ div.title-search-result { border: 1px solid #c6c6c6; display: none; overflow: hidden; z-index: 205; background: url(/local/templates/tpcompany/images/header_bg.jpg); padding: 0.5rem 1rem; border-radius: 6px; } table.title-search-result { border-collapse: collapse; border: none; width: 100%!important; } table.title-search-result th { background-color: #F7F7F7; border-right: 1px solid #e8e8e8; color: #949494; font-weight: normal; padding-top: 2px; padding-bottom: 2px; padding-left: 14px; padding-right: 12px; text-align: right; vertical-align: top; white-space: nowrap; width: 1%; } table.title-search-result td { background-color: unset!important; color: black; font-weight: normal; padding-top: 2px; padding-bottom: 2px; text-align: left; white-space: nowrap; } table.title-search-result td.title-search-item { padding-left: 8px; padding-right: 15px; } table.title-search-result td.title-search-item a { padding-left: 4px; padding-right: 15px; text-decoration: none; color: black; vertical-align: top; display: block; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-item img { vertical-align: top; } table.title-search-result td.title-search-item b { color: #cf0000; font-weight: normal; } table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected a, table.title-search-result tr.title-search-selected td.title-search-more a { background-color: #0057CD !important; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-more { font-size: 11px; font-weight: normal; padding-right: 15px; padding-left: 24px; padding-top: 0px; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-more a { padding-left: 12px; padding-right: 15px; text-decoration: none; color: #999999; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-all { padding-left: 24px; padding-right: 15px; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-all a { padding-left: 4px; text-decoration: none; color: #808080; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-separator, table.title-search-result th.title-search-separator { padding-top: 0px; padding-bottom: 0px; font-size: 4px; } div.title-search-fader { display: none; background-image: url('/local/templates/tpcompany/components/bitrix/search.title/template1/images/fader.png'); background-position: right top; background-repeat: repeat-y; position: absolute; } #title-search input { height: 40px; width: 20%; border: unset; } #title-search form #title-search-input { width: 80%; padding-left: 20px; } input, textarea, select { -webkit-appearance: none; } .my_header_search_block { width: 100%; max-width: 700px; margin-right: -60px; } .search_btn { position: absolute; right: 0; width: 90px; background: #0D55C3; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-family: Montserrat; font-style: normal; font-weight: bold; line-height: 150%; color: #FFFFFF; width: 100px; height: 40px; } .search_btn:hover { cursor: pointer; } /* End */ /* Start:/local/templates/tpcompany/components/bitrix/menu/header_menu2/style.css?1598425087581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/tpcompany/components/bitrix/menu/header_menu2/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/tpcompany/components/bitrix/search.title/template2/style.css?15984250865107*/ div.title-search-result { border: 1px solid #c6c6c6; display: none; overflow: hidden; z-index: 205; /*background: url(/local/templates/tpcompany/images/header_bg.jpg);*/ background: white; padding: unset!important; border-radius: 6px; } /*.title-search-result{ background:unset!important; }*/ table.title-search-result { border-collapse: collapse; border: none; width: 100%!important; } table.title-search-result th { background-color: #F7F7F7; border-right: 1px solid #e8e8e8; color: #949494; font-weight: normal; padding-top: 2px; padding-bottom: 2px; padding-left: 14px; padding-right: 12px; text-align: right; vertical-align: top; white-space: nowrap; width: 1%; } table.title-search-result td { background-color: unset!important; color: black; font-weight: normal; padding-top: 2px; padding-bottom: 2px; text-align: left; white-space: nowrap; } table.title-search-result td.title-search-item { padding:unset!important; } table.title-search-result td.title-search-item a { padding-left: 4px; padding-right: 15px; text-decoration: none; color: black; vertical-align: top; display: block; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-item img { vertical-align: top; } table.title-search-result td.title-search-item b { color: black!important; font-weight: bold; } table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected a, table.title-search-result tr.title-search-selected td.title-search-more a { background-color: #0057CD !important; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-more { font-size: 11px; font-weight: normal; padding-right: 15px; padding-left: 24px; padding-top: 0px; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-more a { padding-left: 12px; padding-right: 15px; text-decoration: none; color: #999999; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-all { padding-left: 24px; padding-right: 15px; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-all a { padding-left: 4px; text-decoration: none; color: #808080; color: white!important; font-family: Montserrat!important; font-style: normal!important; font-weight: 500!important; font-size: 14px!important; line-height: 150%!important; } table.title-search-result td.title-search-separator, table.title-search-result th.title-search-separator { padding-top: 0px; padding-bottom: 0px; font-size: 4px; } div.title-search-fader { display: none; background-image: url('/local/templates/tpcompany/components/bitrix/search.title/template2/images/fader.png'); background-position: right top; background-repeat: repeat-y; position: absolute; } #title-searchs input { height: 40px; width: 20%; border: unset; } #title-searchs form{ display: flex; justify-content: center; } #title-searchs form #title-search-inputs { width: 80%; padding-left: 20px; overflow: hidden; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } button:focus{ outline: unset } input, textarea, select { -webkit-appearance: none; } active, :hover, :focus { outline: 0; outline-offset: unset; } .my_header_search_block { width: 100%; max-width: 700px; margin-right: -60px; } .search_btnmob { /* position: absolute; right: 0;*/ overflow: hidden; border: 0; outline: 0; background: #0182F9; border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 40px; height: 40px; font-family: Montserrat; font-style: normal; font-weight: bold; } .search_btn:hover { cursor: pointer; } .title-search-result tr, .title-search-result td, .title-search-result table, .title-search-result tbody{ } .title-search-result.mobile tbody tr td a { font-family: Montserrat!important; font-style: normal!important; padding: 10px ; font-size: 14px!important; line-height: 100%!important; /* identical to box height, or 14px */ border-bottom: 1px solid #E9EEF4; color: #000033!important; } .title-search-result.mobile tbody tr td a :after{ position: absolute; right: 15px; content: url(/local/templates/tpcompany/images/Vector_arrow.svg); } .title-search-all.mobile a { border-bottom: unset!important; } /* End */ /* Start:/local/templates/tpcompany/components/bitrix/menu/header_mobile/style.css?1598425087581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/tpcompany/components/bitrix/menu/header_mobile/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/tpcompany/js/slick/slick.css?15984250861776*/ /* Slider */ .slick-slider { position: relative; display: block; 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 { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -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:before, .slick-track:after { 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-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .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/tpcompany/components/bitrix/menu/footer_menu/style.css?1598425087581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/tpcompany/components/bitrix/menu/footer_menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/tpcompany/components/bitrix/catalog.section.list/footer_menu/style.css?15984250877151*/ /* line */ .bx_catalog_line { margin-bottom: 30px; } .bx_catalog_line .bx_catalog_line_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a { color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul { padding: 0; } .bx_catalog_line .bx_catalog_line_ul li { margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before { content: '' !important } .bx_catalog_line .bx_catalog_line_img { position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border: 1px solid #ccc; border-radius: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_line .bx_catalog_line_title { margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a { color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover { text-decoration: none; } .bx_catalog_line .bx_catalog_line_title span { font-size: 16px } .bx_catalog_line .bx_catalog_line_description { color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width: 639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img { margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a { font-size: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_description { font-size: 11px; } } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description { transition: all 0.3s ease; } /* text */ .bx_catalog_text { margin-bottom: 30px; } .bx_catalog_text .bx_catalog_text_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a { color: #000; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul { padding: 0; } .bx_catalog_text .bx_catalog_text_ul li { float: left; margin: 0 10px 10px; list-style: none; } .bx_catalog_text .bx_catalog_text_ul li:before { content: '' !important } .bx_catalog_text .bx_catalog_text_title { margin: 0; padding: 0; vertical-align: top; font-size: 14px; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { display: inline-block; overflow: hidden; max-width: 100%; color: #4c7da6; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover { text-decoration: none } .bx_catalog_text .bx_catalog_text_title span { font-size: 12px; } @media (max-width: 639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a { font-size: 12px; } } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a { transition: all 0.3s ease; } /* tile */ .bx_catalog_tile { margin-bottom: 30px; } .bx_catalog_tile .bx_catalog_tile_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a { color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul { padding: 0; } .bx_catalog_tile .bx_catalog_tile_ul li { float: left; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width: 12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before { content: '' !important } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: both; } .bx_catalog_tile .bx_catalog_tile_img { position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border: 1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_tile .bx_catalog_tile_title { margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover { text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_title span { font-size: 12px; } /*2*/ @media (max-width: 980px) { .bx_catalog_tile .bx_catalog_tile_ul li { width: 20%; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: both; } } /*3*/ @media (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title { line-height: 10px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a { font-size: 11px; } } @media (min-width: 480px) and (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 25%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1) { clear: both; } } /*4*/ @media (max-width: 479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 33.3%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_img { width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1) { clear: both; } } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img { transition: all 0.3s ease; } /* list */ .bx_sitemap { margin-bottom: 30px; } .bx_sitemap .bx_sitemap_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a { color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li { padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before { content: '' !important } .bx_sitemap .bx_sitemap_li_title { display: inline-block; margin: 0; margin-bottom: 10px; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; } .bx_sitemap .bx_sitemap_li_title a { color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover { text-decoration: none } .bx_sitemap .bx_sitemap_li_title span { font-size: 11px; } @media (max-width: 639px) { .bx-touch .bx_sitemap .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a { font-size: 12px; } } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a { transition: all 0.3s ease; } /* End */ /* Start:/local/templates/tpcompany/styles.css?177789365261244*/ a { text-decoration: none !important; } .product-item-detail-tab-content h1 { font-size: 28px; margin-bottom: 1rem; color: #0057CD; } body { overflow-x: hidden; } iframe { max-width: 92vw; } #my_header_form .my_cont_form_policy_block, #my_header_form_en .my_cont_form_policy_block { float: none; margin-left: 13rem; } #callback_from_product .my_cont_form_policy_block { margin: 0; color: #fff; float: none; } #callback_from_product .my_cont_form_policy_block a:hover { color: #fff !important; } .my_label_file { display: grid; grid-template-columns: 18px auto; align-items: center; column-gap: 7px; cursor: pointer; padding-left: 5px; } .my_label_file img { max-width: 100%; } .my_label_file div { padding-left: 5px; } .my_label_file input { display: none; } .catalog_element__price__callback__form:hover, #product_call_btn_bottom:hover { background-color: #BED1F2; } .my_slider_1_arrows > div:hover { background-color: #BED1F2; } .my_slider_1_arrows > div.slick-disabled:hover { background-color: inherit; } .my_white_bg.my_contacts_first_block_lils:last-child > div { min-width: 100%; min-height: 10px; } #multiply_price { border: none; border-bottom: 2px solid #e9eef4; text-align: center; } .come_closer { position: absolute; margin-top: -5rem; color: #fff; font-weight: bold; margin-left: 280px; cursor: pointer; } .my_jewelraider h1, .my_jewelraider h2, .my_jewelraider h3, .my_jewelraider h4 { font-size: 24px; color: #0057CD; margin-bottom: 1rem; } .my_jewelraider ul { padding: 0; margin: 0; } .my_jewelraider.my_show { display: block; } .my_tab_trigger.my_show { color: #0057CD; } .my_tab_trigger { font-weight: 700; display: flex; justify-content: center; align-items: center; cursor: pointer; } .my_jewelraider { display: none; padding: 1.5rem 2rem; } .my_triggers { display: grid; grid-template-columns: 11rem 11rem 16rem 11rem 11rem; height: 4rem; border-bottom: 1px solid #E9EEF4; } .product-item-detail-properties-value { text-align: left; font-size: inherit; } .product-item-detail-properties-value ul { list-style: none; margin-bottom: 1rem; padding-left: 0; } .my_header_menu_block > div { height: 100%; } .my_header_menu_block > div.my_header_search_block { height: auto; } .my_header_search_block > div { display: flex; justify-content: center; align-items: center; } .my_header_search_block > div > div { width: 100%; } .mr1 { margin-right: 1rem; } .uncle_jimbo { display: grid; padding: 0 30px; grid-template-columns: 36% 40%; color: #788BAD; margin-bottom: -4px; } .my_catalog_wrapper .catalog-section-list-item-img { border-radius: 6px; } .my_catalog_element_wrapper .product_card h2 { font-size: 30px; margin-top: 2rem; } .my_catalog_element_wrapper .product_card h3 { font-size: 24px; margin: 2rem 0 1.5rem; } .my_catalog_element_wrapper .product_card h4 { font-size: 20px; margin: 1.5rem 0 1rem; } .my_catalog_element_wrapper .white_back { margin: 0; } .root-item{ /* font-size: 16px; font-weight: 700!important; */ } .news_detail_img img { border-radius: 6px; width: 53rem; } .my_goods_slider_image > a { width: 100%; height: 100%; } .my_goods_slider_image > a > img { width: 100%; height: 100%; border-radius: 6px; } .my_news_detail_content { margin: 1.5rem 0 0 0; line-height: 31px; } .sub_article_1 .news_detail_img img { float: left; width: 24rem; margin: 1rem 1rem 1rem 0; height: 250px; clear: both; } .sub_article_1 .sub_text_article { min-height: 260px; margin: 1rem 0; } .sub_article_2 .sub_title_article { margin: 3rem 0 2rem 0; } /*.sub_article_2 .sub_text_article { min-height: 500px; }*/ .sub_article_2 .news_detail_img img { float: right; width: 30rem; margin-left: 1rem; height: 330px; } .news-detail_sec .news_detail_img { display: none; } .sub_article_3 .sub_title_article { margin: 2rem 0 1rem 0; } .sub_article_3 .news_detail_img img { float: left; width: 24rem; margin: 1rem 1rem 1rem 0; min-height: 250px; clear: both; } .sub_article_3 .sub_text_article { min-height: 260px; margin: 2rem 0; } .sub_article_4 .sub_title_article { margin: 3rem 0 2rem 0; } .sub_article_4 .news_detail_img img { float: right; width: 30rem; margin-left: 1rem; } .my_news_detail_title { font-weight: 700; text-transform: uppercase; font-size: 32px; margin: 3.5rem 0 0 0; } .news_detail_img img { width: 25rem; float: left; margin: 0 1rem 0 0; } .lalalala, .lalalala h1, .lalalala h2, .lalalala h3, .lalalala h4, .lalalala h5 { font-family: Montserrat; } .card-img-top { height: 350px; } .my_news_filler { height: 350px; background: url('/local/templates/tpcompany/images/404.jpg') no-repeat; } .my_rules { display: grid; grid-template-columns: 49% 49%; column-gap: 2%; row-gap: 1rem; margin-top: 2rem; } .my_mobile_block { display: none; } .my_mobile_menu_block { display: none; } .my_catalog_show_block { display: flex; justify-content: flex-end; width: 25%; align-items: center; } .my_catalog_show_title { text-transform: uppercase; font-weight: bold; font-size: 12px; margin-right: 1rem; } .filter_dude_title { text-transform: uppercase; font-weight: bold; font-size: 16px; margin-right: 2rem; } #filter_dude { border: 1px solid #BED1F2; border-radius: 4px; height: 40px; text-align: center; -webkit-appearance: auto; } .my_shownumber { border: 1px solid #BED1F2; border-radius: 4px; height: 40px; width: 4rem; text-align: center; } .prod_container { padding-top: 2rem; } .my_preim_text { /* margin: 50% 0; color: #fff; padding: 0 20%; text-align: center;*/ word-break: break-word; max-width: 165px; text-align: center; font-size: 18px; color: #fff; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) } .my_preim_line { display: flex; align-items: center; width: 5%; } .my_preim_block_item1.me_top1 { margin-bottom: auto; } .my_preim_block_item1.me_bot1 { margin-top: auto; } .my_preim_block_item1 { position: relative !important; /*margin: 7rem 0!important;*/ /*background: url(/local/templates/tpcompany/images/romb_1.jpg) no-repeat;*/ background-size: contain !important; width: 16% !important; /* min-width: 210px !important; */ display: flex !important; /* height: 50%; */ justify-content: center !important; /* max-height: 241px !important;*/ min-height: 340px !important; height: 54%; } .advantages_wrapper { min-height: 500px; } @media (min-width: 1920px) { .advantages_wrapper { height: 66vh !important; } .my_preim_block_item1 { height: 61.9%; } .my_preim_text { font-size: 1.4rem; } } @media (max-width: 1800px) { .my_preim_block_item1 { position: relative !important; /*margin: 7rem 0!important;*/ /*background: url(/local/templates/tpcompany/images/romb_1.jpg) no-repeat;*/ background-size: contain !important; width: 16% !important; display: flex !important; /* height: 50%; */ justify-content: center !important; height: 60%; transform: unset; } } @media (max-width: 1400px) { .my_preim_block_item1 { position: relative !important; /*margin: 7rem 0!important;*/ /*background: url(/local/templates/tpcompany/images/romb_1.jpg) no-repeat;*/ background-size: contain !important; width: 16% !important; display: flex !important; /* height: 50%; */ justify-content: center !important; height: 50%; min-height: 170px !important; transform: unset; } } @media (max-height: 800px) { .fullscreen-bg__videos { height: 150vh; } } @media (max-width: 800px) { .my_margini .my_header_phone, .my_header_phone:hover { font-size: 13px; } } @media (max-width: 1200px) { .my_triggers { grid-template-columns: 9rem 8rem 14rem 9rem 9rem; } .news_detail_img img { width: 700px; } .sub_article_2 .news_detail_img img, .sub_article_4 .news_detail_img img { width: 700px; margin-bottom: 1rem; } .card-img-top, .my_news_filler { height: 300px; } .card-body { height: 300px; display: flex; flex-direction: column; justify-content: space-between; } .my_preim_block_item1 { position: relative !important; /*margin: 7rem 0!important;*/ /*background: url(/local/templates/tpcompany/images/romb_1.jpg) no-repeat;*/ background-size: contain !important; width: 15% !important; min-width: 130px !important; display: flex !important; /* height: 50%; */ justify-content: center !important; height: 45%; min-height: 170px !important; transform: unset; } .my_preim_block { min-height: unset !important; } .my_preim_block_item1.me_top1 { margin-bottom: auto; } .my_preim_block_item1.me_bot1 { margin-top: auto; } } @media (max-width: 1000px) { .my_preim_block_item1 { position: relative !important; /*margin: 7rem 0!important;*/ /*background: url(/local/templates/tpcompany/images/romb_1.jpg) no-repeat;*/ background-size: contain !important; width: 15% !important; min-width: 130px !important; display: flex !important; /* height: 50%; */ justify-content: center !important; height: 35%; min-height: 170px !important; transform: unset; } .my_preim_block { min-height: unset !important; } } .advantages_wrapper { margin: 0 1%; } .me_bot { background-position: bottom; align-items: flex-end; } .my_about_text_block { display: grid; grid-template-columns: 49% 49%; column-gap: 1%; margin-top: 2rem; margin-bottom: 20px; } .my_about_block { margin-top: 3rem; } .my_about_greeting { font-weight: bold; font-size: 24px; } .my_filter_width { width: 100%; } .my_filter_application_block { display: grid; grid-template-columns: 48% 48%; padding: 2rem 0 0 0; column-gap: 4%; } .my_filter_butts { display: flex; justify-content: center; } #my_stopper { display: none; position: absolute; top: 70rem; } .my_header_form_trigger { cursor: pointer; } .my_darkness_1 { position: fixed; height: 120vh; width: 110vw; background: #000; opacity: 0.6; z-index: 7; top: -10vh; display: none; cursor: pointer; } .my_confirmation { position: fixed; width: 280px; height: 10rem; background: url('/local/templates/tpcompany/images/header_bg.webp'); color: #fff; font-size: 20px; text-align: center; justify-content: center; align-items: center; left: 45%; top: 40%; z-index: 100; cursor: pointer; display: none; } .my_header_callback_form { display: none; position: absolute; background: #E9EEF4; z-index: 1; width: 40%; left: 30%; top: 15%; } .my_language_switch.my_lang_selected { background-color: #fff; color: #0182F9; margin: 3px; border-radius: 4px; } .my_about_image > div { min-height: 100%; min-width: 100%; } .my_catalog_element_info_block { background-color: #fff; border-radius: 6px; } .my_catalog_element_image_block>img { height: 100%; border-radius: 4px; width: 100%; } .my_catalog_element_image_block { height: 108px; margin: 0 3px; } .my_active { border: 2px solid #0D55C3; border-radius: 4px; } .my_prev_4.slick-disabled, .my_next_4.slick-disabled { opacity: 0.2; } .my_prev_4 { cursor: pointer; float: left; clear: both; z-index: 10; position: relative; margin-top: 40px; width: 0; } .my_next_4 { cursor: pointer; float: right; clear: both; margin-top: -68px; z-index: 10; position: relative; } .my_catalog_element_block { display: grid; grid-template-columns: 41% 57%; column-gap: 2%; } .my_catalog_element_images_container { background-color: #fff; border-radius: 6px; } .my_catalog_element_main_image_container { height: 23rem; display: flex; justify-content: center; align-items: flex-start; } .my_catalog_element_main_image { max-height: 100%; border-radius: 6px; width: 480px; height: 360px; } .my_catalog_element_lil_image { max-width: 100%; } .my_catalog_element_wrapper { margin: 2rem 0; border-radius: 4px; } .my_mt7 { margin-top: 7rem; } .my_nav_block { display: flex; justify-content: flex-end; padding: 2rem 0; } .my_nav_page:hover { background-color: #fff; color: #000; box-shadow: 0px 0px 7px -1px rgba(0, 0, 51, 0.25); } .my_nav_page { border-radius: 6px; width: 40px; height: 40px; margin: 0 0 0 1rem; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #000; } b.my_nav_page { border: 1px solid #BED1F2; color: #0057CD; } b.my_nav_page:hover { background-color: inherit; color: #0057CD; box-shadow: none; } .my_nav_all_button a:hover { color: #000; } .my_nav_all_button { background: #fff; border-radius: 6px; height: 40px; width: 60px; display: flex; justify-content: center; align-items: center; margin-left: 2rem; } .my_nav_all_button a { color: #000; font-size: 13px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .my_catalog_item_botline { height: 3.1rem; } .my_catalog_item_botline .my_gs_apply_butt { width: 100%; } .my_section_block { display: grid; grid-template-columns: 30% 30% 30%; column-gap: 4.3%; row-gap: 2rem; } .my_section_wrapper { margin: 2rem 0 0 1rem; } .my_section_name { text-transform: uppercase; font-weight: 700; font-size: 24px; } .my_filter_prop_title { padding: 0.5rem 1rem; border: 1px solid #BED1F2; border-radius: 6px; margin-right: 2rem; cursor: pointer; /*display: none;*/ } .my_filter_prop_title.my_superactive { border: none; background-color: #0182F9; color: #fff; border: 1px solid #0182F9; /*display: block;*/ } .my_alph .my_filter_prop_title { padding: 0.5rem 1rem; border-radius: 6px; margin-right: 2rem; border: none; background-color: #0182F9; color: #fff; border: 1px solid #0182F9; /*display: block;*/ } .my_alph .my_filter_prop_title.my_superactive { border: 1px solid #BED1F2; background-color: #fff; color: #000; /*display: none;*/ } .my_alph .my_catalog_show_block { display: none; } .my_alph > .smart-filter-block { display: block; } .my_alph { margin: 0 0 3rem 0; display: block; } .my_tabbie.my_dude { display: none; } .my_alph .my_spec_checkmark.checkmark { height: 40px; width: 40px; border-radius: 6px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; } .my_alph .my_check input { display: none; } .my_alph .my_filter_application_block { grid-template-columns: 2% 2% 2% 2% 2% 2% 2% 2% 2% 2% 2% 2% 2% 2% 2% 2%; row-gap: 1rem; } .my_alph .my_check input:checked~.checkmark::after { display: none; } .my_alph .my_check { padding: 0; } .my_filter { background: #fff; border-radius: 6px; margin: 1rem 0; padding: 1rem 2rem; } .my_filter_title_by_block { display: flex; align-items: center; } .my_filter_title_by { text-transform: uppercase; font-weight: bold; font-size: 12px; margin-right: 2rem; } .smart-filter { font-family: Montserrat; } .my_catalog_left_menu_item a { color: black; display: flex; align-items: center; justify-content: space-between; height: 3rem; font-size: 18px; } .my_catalog_left_menu_title { display: flex; align-items: center; height: 4rem; text-transform: uppercase; font-weight: bold; font-size: 18px; padding: 0 2rem; color: #0052B4; border-bottom: 1px solid #E9EEF4; } .my_catalog_left_menu_block { background: #fff; margin: 2rem 1rem 0 0px; border-radius: 6px; } .my_catalog_wrapper { display: grid; grid-template-columns: 25% 73%; column-gap: 2%; } .my_catalog_left_menu { list-style: none; padding: 0 1rem 1rem 1rem; } .dumbojumbo { padding-left: 1.4rem; } .my_catalog_left_menu_item>a:hover { color: #000; font-weight: bold; } .my_catalog_bg { background: url('/local/templates/tpcompany/images/catalog_bg.jpg') center 0 repeat fixed; padding: 2rem 0; background-size: cover; /* background-size: contain; */ /* background-repeat: no-repeat; */ /* height: 100%; */ /* background-size: 100% 100%; */ } .my_spec_checkmark.checkmark { border: 2px solid #01ADEE; cursor: pointer; top: 4px; } .my_check .my_spec_checkmark.checkmark::after { left: 3px; top: 0px; } .my_check { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .my_check label { cursor: pointer; } /* Hide the browser's default checkbox */ .my_check input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 2px; left: 7px; height: 15px; width: 15px; background-color: #fff; border-radius: 3px; border-color: #01ADEE; } /* On mouse-over, add a grey background color */ .my_check:hover input~.checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .my_check input:checked~.checkmark { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .my_check input:checked~.checkmark:after { display: block; } /* Style the checkmark/indicator */ .my_check .checkmark:after { left: 5px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .my_header_form_policy_block { float: right; clear: both; margin: 1rem 0; color: #808099; font-size: 14px; } #my_header_form .error, #my_header_form_en .error { color: red; margin: 0; width: 100%; } .my_header_form_label { position: absolute; font-size: 11px; font-weight: bold; margin: -9px 0 0 10px; display: none; background: #E9EEF4; padding: 0 5px; } .my_captcha { margin: auto; width: max-content; } .my_captcha_error { display: none; color: red; text-align: center; } .my_header_form_button { border: none; background-color: #0D55C3; border-radius: 6px; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: bold; cursor: pointer; width: 320px; margin: auto; height: 50px; } .my_header_form_second_line { display: grid; grid-template-columns: 100%; margin: 2rem 0; } .my_header_form_input { border: none; border-radius: 6px; height: 3rem; padding: 0 1.5rem; width: 100%; } .my_header_form_first_line { display: grid; grid-template-columns: 100%; justify-items: center; } .my_header_form_first_line>div { width: 80%; margin: 0 0 1rem 0; } .my_header_form_title { text-transform: uppercase; font-weight: bold; font-size: 26px; text-align: center; margin: 2rem 0; } .my_cont_form_policy_block { float: right; clear: both; margin: 1rem 0; color: #808099; font-size: 14px; } #my_cont_form .error, #my_cont_form_en .error { color: red; margin-top: 7px; width: 100%; } .my_cont_form_label { position: absolute; font-size: 11px; font-weight: bold; margin: -9px 0 0 10px; display: none; background: #E9EEF4; padding: 0 5px; } .my_cont_form_button { border: none; background-color: #0D55C3; border-radius: 6px; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: bold; cursor: pointer; } .my_cont_form_second_line { display: grid; grid-template-columns: 65% 31%; column-gap: 3%; } .my_cont_form_input { border: none; border-radius: 6px; height: 4rem; padding: 0 1.5rem; width: 100%; } .my_cont_form_first_line { margin: 3rem 0 1.5rem 0; display: grid; grid-template-columns: 31% 31% 31%; column-gap: 3%; } .my_cont_form_title { text-transform: uppercase; font-weight: bold; font-size: 36px; } .my_cont_form_block { padding: 5rem; } .my_cont_adr_text { font-weight: 500; font-size: 18px; padding: 5px 0 0 0; } .my_cont_adr_titles { color: #788BAD; font-size: 14px; font-weight: 500; } .my_cont_adr_block { display: grid; grid-template-columns: 60% 40%; align-items: center; row-gap: 1rem; } .my_cont_adr_int { padding: 0 0.5rem; margin: 0 0 5rem 0; } .my_cont_adr_wrap { padding: 5.4rem 0; } .my_cont_rekv { font-size: 24px; font-weight: bold; } .my_cont_map_block { margin-top: 1.5rem; } .my_cont_howto_title { font-size: 14px; color: #788BAD; margin: 5px 0 10px 0; } .my_contacts_lil_last a { height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; margin-right: 14px; } .my_contacts_lil_last .my_flex { margin-top: 8px; } .my_contacts_first_block_lils.my_contacts_lil_last { display: block; } .my_contacts_soc_block { font-weight: 500; font-size: 18px; color: #788BAD; } .my_contacts_mail { color: #000; font-weight: 500; font-size: 18px; margin-left: 1rem; } .my_contacts_dinner { color: #788BAD; font-weight: 500; margin-left: 2rem; font-size: 18px; } .my_contacts_time { font-weight: 500; font-size: 18px; margin-left: 1rem; } .my_contacts_phones_block { margin-left: 1rem; height: 100px; display: grid; align-items: center; } .my_contacts_phones { color: #000; font-weight: 500; font-size: 18px; } .my_contacts_first_block_lils { display: flex; align-items: center; padding: 1rem 1.5rem; margin: 5px 0; border-radius: 6px; } .my_white_bg { background-color: #fff; } .my_contacts_first_subtitle { font-style: italic; margin: 10px 0 1rem 0; font-size: 18px; color: #788BAD; } .my_contacts_first_title { font-size: 36px; font-weight: bold; text-transform: uppercase; } .my_contacts_first_block { margin: 3rem 0 0 0; display: grid; grid-template-columns: 35% 59%; column-gap: 6%; } .my_container .my_bread_block .my_bread_item>span { padding: 6px 20px; height: 100%; width: 100%; display: block; } .my_container .my_bread_block .my_bread_item>a:hover { background-color: #A9EEF4; } .my_container .my_bread_block .my_bread_item>a { color: #788BAD; padding: 6px 20px; height: 100%; width: 100%; display: block; border-radius: 4px; } .my_container .my_bread_block .my_bread_item_last { color: #1A2C38; background-color: #E9EEF4; } .my_container .my_bread_block .my_bread_item { margin: 0; border-radius: 4px; height: 100%; } .my_bread_block { margin: 0; background: #fff; width: max-content; border: 2px solid #fff; border-radius: 4px; height: 32px; } .my_grey_bg { background-color: #E9EEF4; } .my_contacts_wrapper { padding: 1.9rem 0 4rem 0; } .my_hamburger, .my_mob_preim, .my_mobile_header_menu, .my_darkness { display: none; } .recommends_for_this_product .my_slick_1_1 { margin-top: 2rem; } .search-page a.my_search_button { background: #0D55C3; color: #fff; width: 120px; height: 40px; border-radius: 5px; font-family: Montserrat; font-style: normal; font-weight: bold; display: flex; justify-content: center; align-items: center; } .search-page a.my_search_button:hover { color: #fff !important; } .my_main_lower_text_block { background-color: #E9EEF4; border-left: 3px solid #0182F9; margin: 2rem 0 6rem 0; padding: 2.5rem 2.5rem; } .my_main_lower_text_block.my_mt7 { background-color: #fff; } .my_lower_title, h1.my_lower_title { color: #1C3D76!important; font-size: 36px!important; font-weight: bold!important; } .my_lower_title_2,h2.my_lower_title_2 { color: #0057CD!important; font-size: 24px!important; margin: 1rem 0!important; } .my_lower_text { font-size: 14px; margin-top: 12px; } .my_news_slider_block { height: 44rem; padding: 2rem 10px 5rem 10px; } .my_progress_img { border-radius: 6px; background-size: cover !important; padding: 2rem; } .my_progress_img_11 { background: url('/local/templates/tpcompany/images/progress_1.webp') no-repeat; } .my_progress_img_12 { background: url('/local/templates/tpcompany/images/progress_2.webp') no-repeat; } .my_progress_img_2 { background: url('/local/templates/tpcompany/images/progress_3.webp') no-repeat; display: flex; align-items: flex-end; } .my_progress_img_21 { background: url('/local/templates/tpcompany/images/progress_4.webp') no-repeat; display: flex; align-items: flex-end; background-position: bottom; } .my_progress_img_22 { background: url('/local/templates/tpcompany/images/progress_5.webp') no-repeat; } .my_progress_block a { color: #fff; } .my_progress_block a:hover { color: #fff; } .my_progress_block { display: grid; grid-template-columns: 32% 65%; column-gap: 3%; padding: 3rem 0 2rem 0; height: 35rem; color: #fff; font-weight: bold; font-size: 30px; } .my_progress_block_11 { display: grid; grid-template-rows: 54% 42%; height: 100%; row-gap: 4%; } .my_progress_block_21 { display: grid; grid-template-rows: 36% 61%; row-gap: 3%; } .my_progress_block_22 { display: grid; grid-template-columns: 48% 48%; column-gap: 4%; } .my_progress_bg { background: url('/local/templates/tpcompany/images/progress_bg.webp') no-repeat; height: 37rem; } .holy_1 { background: url('/local/templates/tpcompany/images/cat1.webp') no-repeat; } .holy_2 { background: url('/local/templates/tpcompany/images/cat2.webp') no-repeat; } .holy_3 { background: url('/local/templates/tpcompany/images/cat3.webp') no-repeat; } .holy_4 { background: url('/local/templates/tpcompany/images/cat4.webp') no-repeat; } .holy_5 { background: url('/local/templates/tpcompany/images/cat5.webp') no-repeat; } .holy_6 { background: url('/local/templates/tpcompany/images/cat6.webp') no-repeat; } .holy_7 { background: url('/local/templates/tpcompany/images/cat7.webp') no-repeat; } .holy_8 { background: url('/local/templates/tpcompany/images/cat8.webp') no-repeat; } .holy_1_en { background: url('/local/templates/tpcompany/images/cat1_en.webp') no-repeat; } .holy_2_en { background: url('/local/templates/tpcompany/images/cat2_en.webp') no-repeat; } .holy_3_en { background: url('/local/templates/tpcompany/images/cat3_en.webp') no-repeat; } .holy_4_en { background: url('/local/templates/tpcompany/images/cat4_en.webp') no-repeat; } .holy_5_en { background: url('/local/templates/tpcompany/images/cat5_en.webp') no-repeat; } .holy_6_en { background: url('/local/templates/tpcompany/images/cat6_en.webp') no-repeat; } .holy_7_en { background: url('/local/templates/tpcompany/images/cat7_en.webp') no-repeat; } .holy_8_en { background: url('/local/templates/tpcompany/images/cat8_en.webp') no-repeat; } .my_rotated_link { transform: rotate(45deg); width: 210px; height: 210px; background-size: 300px; background-position: center; } .my_main_cats_block { margin: 6rem 0 0 0; display: grid; grid-template-columns: 19% 19% 19% 19% 8.5%; column-gap: 2%; } .my_main_cats_block_1 { display: grid; grid-template-columns: 8.5% 19% 19% 19% 19%; column-gap: 2%; margin-top: -3rem; } .my_main_cats { height: 47.5rem; padding: 7rem 0; } .my_bold { font-weight: bold; } .my_gs_apply_butt img { margin-left: 10px; } .my_ns_apply_butt { font-size: 14px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; color: #000; width: 100%; } .my_gs_apply_butt { font-size: 12px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } .my_ns_bot_line { display: flex; background: #BED1F2; padding: 1rem 2rem; justify-content: space-between; border-radius: 6px; height: 3.4rem; } .my_gs_bot_line { display: flex; background: #BED1F2; padding: 10px 18px; justify-content: space-between; border-radius: 6px; } .my_gs_name_block { padding-top: 6px; height: 50px; display: flex; align-items: center; } .my_ns_name_block { height: 7rem; background: #E9EEF4; display: flex; align-items: center; padding: 0 2rem; line-height: 30px; } .my_ns_text { border: 1px solid #E9EEF4; padding: 1.5rem 1.8rem; font-size: 13px; line-height: 24px; color: #000; } .my_gs_item_name { font-weight: bold; color: #0052B4; line-height: 16px; } .my_gs_info { padding: 10px 18px; } .my_gs_cat_link { color: #96A4BF; font-size: 12px; } .my_goods_slider_image img { /*max-height: 12.4rem;*/ } .my_goods_slider_image { display: flex; justify-content: center; align-items: center; height: 230px; border-bottom: 1px solid #E9EEF4; } .my_slick_1 { margin: 3rem 0 0 0; } .my_slick_2 { margin: 2rem 0; } .my_goods_slider_item { width: 270px; background-color: #fff; border-radius: 6px; } .my_news_slider_item { width: 300px; height: 26rem; border-radius: 6px; } .my_news_slider_item:hover .my_ns_name_block { background: url('/local/templates/tpcompany/images/news_hover_slide.jpg') no-repeat; } .my_news_slider_item:hover .my_ns_bot_line { background-color: #0057CD; } .my_news_slider_item:hover .my_ns_item_name, .my_news_slider_item:hover .my_ns_apply_butt { color: #fff; } .my_news_slider_item>.my_ns_info { height: 22.6rem; } .my_news_slider_item>.my_ns_info>.my_ns_text { height: 15.6rem; text-overflow: ellipsis; overflow: hidden; } .my_news_arrow { background: url('/local/templates/tpcompany/images/news_slider_arrow.png') no-repeat; height: 100%; width: 32px; background-position: center; } .news .news-list-item-embed-img{ justify-content: center; } .my_news_slider_item:hover .my_news_arrow { background: url('/local/templates/tpcompany/images/news_slider_arrow_a.png') no-repeat; background-position: center; } .my_ns_item_name { color: #0052B4; font-size: 18px; font-family: Museo; font-weight: bold; border-radius: 6px; } .slick-dots { display: none !important; } .my_slider_1_arrows { display: flex; height: 3.4rem; } .my_slider_2_arrows { display: flex; height: 3.4rem; } .my_slider_1_arrows>div { width: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; background-color: #0D55C3; border-radius: 6px; } .my_slider_2_arrows>div { width: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; background-color: #0D55C3; border-radius: 6px; } .my_prev_1 { background: url('/local/templates/tpcompany/images/gs_left_arrow_a.png') no-repeat; background-position: center; } .my_prev_1.slick-disabled { background: url('/local/templates/tpcompany/images/gs_left_arrow_ina.png') no-repeat; background-position: center; border: 1px solid; border-right: none; } .my_next_1 { background: url('/local/templates/tpcompany/images/gs_right_arrow_a.png') no-repeat; background-position: center; } .my_next_1.slick-disabled { background: url('/local/templates/tpcompany/images/gs_right_arrow_ina.png') no-repeat; background-position: center; border: 1px solid; border-left: none; } .my_slider_counter_1 { display: flex; justify-content: flex-end; align-items: center; font-size: 26px; font-weight: 300; padding-right: 30px; } .my_slider_1_controls_block { display: grid; grid-template-columns: 60% 15% 25%; margin-top: 4rem; } .progress_1 { border: 1px solid #0052B4; } .my_slider_bar_1 { width: 100%; height: 2px; border: none; background-color: #BED1F2; margin: auto; } .my_prev_2 { background: url('/local/templates/tpcompany/images/gs_left_arrow_a.png') no-repeat; background-position: center; } .my_prev_2.slick-disabled { background: url('/local/templates/tpcompany/images/gs_left_arrow_ina.png') no-repeat; background-position: center; border: 1px solid; border-right: none; } .my_next_2 { background: url('/local/templates/tpcompany/images/gs_right_arrow_a.png') no-repeat; background-position: center; } .my_next_2.slick-disabled { background: url('/local/templates/tpcompany/images/gs_right_arrow_ina.png') no-repeat; background-position: center; border: 1px solid; border-left: none; } .my_slider_counter_2 { display: flex; justify-content: flex-end; align-items: center; font-size: 26px; font-weight: 300; padding-right: 30px; } .my_slider_2_controls_block { display: grid; grid-template-columns: 60% 15% 25%; margin-top: 4rem; } .progress_2 { border: 1px solid #0052B4; } .my_slider_bar_2 { width: 100%; height: 2px; border: none; background-color: #BED1F2; margin: auto; } .my_goods_slider_title { text-transform: uppercase; font-weight: bold; font-size: 36px; } .my_privoz_bg { background: url('/local/templates/tpcompany/images/privoz_bg.jpg') no-repeat; height: 43rem; padding: 2rem 0 0 0; } .my_preim_block { display: flex; justify-content: center; align-items: center; /*height: 47.5rem;*/ /* height: 60vh; */ min-height: 500px; z-index: 2; position: relative; background: #fff; } .my_preim_block>img { max-width: 98vw; } .my_impulse a { display: flex; justify-content: center; align-items: center; } .my_impulse { position: absolute; left: 75%; display: flex; justify-content: center; align-items: center; } .my_bottom_line { display: flex; justify-content: center; align-items: center; height: 54px; background-color: #16305C; color: #fff; font-size: 14px; } .my_footer_soc_block { margin: 1rem 0 0 0; display: flex; } .my_footer_soc_icon { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; } .my_footer_soc_icon img { max-height: 60px; max-width: 60px; } .my_footer_menu_item a:hover { color: #fff; font-weight: bold; } .my_footer_menu_item a { color: #788BAD; } .my_footer_menu_item { margin-bottom: 12px; } .my_footer_menu { list-style: none; padding: 0; } .my_footer_mail { font-size: 18px; margin-top: 20px; } .my_footer_mail a { color: #fff; } .my_footer_mail a:hover { color: #fff; font-weight: bold; } .my_footer_time { font-size: 18px; margin-top: 12px; } .my_footer_phone { margin-bottom: 10px; } .my_footer_phone a { color: #fff; } .my_footer_phone a:hover { color: #fff; font-weight: bold; } .my_footer_title { font-size: 34px; font-weight: bold; } .my_footer_bg { background: url('/local/templates/tpcompany/images/footer_bg.webp') no-repeat; color: #fff; padding: 2rem 0 1rem 0; } .my_footer_block { display: grid; grid-template-columns: 33% 33% 33%; } .my_404_bg { background: url('/local/templates/tpcompany/images/404.jpg') no-repeat; height: 952px; width: 100%; display: flex; justify-content: center; align-items: center; } .my_404_not_found { color: #fff; font-size: 46px; font-weight: 800; margin: 24px 0 48px 0; } .my_404_button { color: #fff; text-transform: uppercase; font-weight: bold; background-color: #0182F9; border-radius: 6px; padding: 20px 30px; font-size: 18px; } .my_header_block { background: url('/local/templates/tpcompany/images/header_bg.webp'); height: 8em; display: flex; justify-content: center; height: 120px; /* мб высоту надо удалить */ } .my_header_phone, .my_header_phone:hover { color: #fff; font-size: 24px; font-weight: bold; text-decoration: none; } .my_logo_block { display: flex; justify-content: center; align-items: center; width: 18rem; } .my_top_menu { display: flex; justify-content: space-around; height: 100%; align-items: center; padding: 0px; margin: 0px; list-style: none; } .my_header_menu_block { width: 47%; } .my_top_menu_item a { color: #fff; font-weight: bold; } .my_top_menu_item a:hover { color: #fff; text-decoration: none; } .my_header_search_block { position: absolute; margin-top: 7px; display: none; } .my_header_search_icon { cursor: pointer; margin-left: 10px; } .my_header_right_part { display: flex; align-items: center; width: 37%; justify-content: space-around; } .my_header_lang_bg { background: rgba(255, 255, 255, 0.2); border-radius: 6px; display: flex; width: 80px; height: 30px; } .my_language_switch { color: #fff; font-weight: bold; font-size: 12px; width: 50%; display: flex; justify-content: center; align-items: center; border-radius: 6px; cursor: pointer; } .my_centered_flex { display: flex; align-items: center; } .my_centered_flex_total { display: flex; align-items: center; justify-content: center; } .my_margini { margin: 0 10px; } .my_header_contacts, .my_header_contacts:hover { color: #fff; font-size: 11px; margin-left: 7px; text-decoration: none; } .my_header_contacts_bg { background: rgba(255, 255, 255, 0.2); border-radius: 6px; padding: 10px 20px; max-width: 300px; } .my_ml10 { margin-left: 10px; } .my_left_menu_block { position: absolute; margin-top: 12px; list-style: none; padding: 0; display: none; background: url('/local/templates/tpcompany/images/header_bg.webp'); padding: 0.5rem 1rem; border-radius: 6px; width: 250px; } .my_left_menu_block>.my_subsubmenu_item>a { font-weight: normal; font-size: 14px; } .my_top_menu_triangle { margin-left: 5px; cursor: pointer; } .my_left_menu_block>.my_subsubmenu_item>a:hover { color: #fff; font-weight: bold; font-size: 16px; padding-left: 5px; } .my_top_menu_triangle_block { display: flex; } .fullscreen-bg { overflow: hidden; z-index: -100; position: relative; height: 100%; width: 100%; } .fullscreen-bg__video { position: absolute; width: 100%; z-index: 1; } .my_overlay { background: rgba(0, 0, 0, 0.6); position: relative; width: 100%; height: 100%; z-index: 4; } .my_main_top_bg { height: 52em; background-position: left; color: #fff; } .my_main_banner_arrow { display: flex; justify-content: center; margin: 28px 0 0 0; } .my_main_top_first { display: grid; grid-template-columns: 20% 30%; column-gap: 46%; padding: 6em 0em 0em 6em; } .my_pl42 { padding-left: 42px; } .my_main_top_text_block { background: url('/local/templates/tpcompany/images/left_cell.png') no-repeat; height: 8em; display: flex; justify-content: center; flex-direction: column; } .my_main_top_text_right { font-size: 24px; font-weight: bold; padding-left: 68px; padding-top: 0; background: url('/local/templates/tpcompany/images/right_cell.png') no-repeat; display: flex; justify-content: center; align-items: center; height: 7em; } .my_main_top_signature { font-size: 14px; font-weight: bold; padding-top: 3px; } .my_main_top_center { text-align: left; font-size: 48px; font-weight: bold; text-transform: uppercase; width: 58%; margin-left: 20%; } .my_main_top_dno { margin-left: 48%; margin-top: 70px; background: url('/local/templates/tpcompany/images/bot_cell.png') no-repeat; height: 11em; display: flex; flex-direction: column; justify-content: center; padding-left: 46px; } .my_container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1200px; } .my_flex { display: flex; } .my_ml16 { margin-left: 16px; } .my_ml32 { margin-left: 32px; } .my_mt20 { margin-top: 20px; } .my_rotator { margin: auto; max-width: 1400px; } .my_mobile_header { display: none; } #modef { display: none !important; } .my_about_image { display: flex; height: fit-content; align-self: center; justify-content: center; } .my_about_image div img, .my_about_image img { padding-right: 10px; margin: 0 auto; max-width: 100%; height: auto; } .my_about_right_text div, .my_about_right_text { margin-bottom: 20px; } .contact_us_mail { margin: 40px 0; } .contact_us_mail span{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 150%; /* or 16px */ text-align: justify; color: #788BAD; } .my_about_bottom_advantages_wrapper { margin-top: 50px; } .my_about_bottom_advantages_wrapper span { font-size: 16px; line-height: 100%; text-align: justify; color: #788BAD; } .contact_us_mail a, .contact_us_mail div a { margin-top: 10px; display: flex; font-family: Montserrat; font-style: normal; font-weight: 500; font-size: 18px; line-height: 150%; word-break: break-word; color: #000033; } .contact_us_mail a::before, .contact_us_mail div a ::before { content: url(/local/templates/tpcompany/images/mail_icon.svg); display: flex; align-self: center; margin-right: 15px; top: 3px; position: relative; } .my_about_bottom_advantages_wrapper .advantages_items { margin-top: 10px; } .advantages_items div ul, .advantages_items ul { list-style: none; max-height: 267px; display: flex; flex-wrap: wrap; flex-direction: column; } .advantages_items div ul li, .advantages_items ul li { position: relative; margin: 15px 0; } .advantages_items div ul li:before, .advantages_items ul li:before { content: url(/local/templates/tpcompany/images/advantages_yes.svg) !important; position: absolute; top: 0; left: -30px; } @media (max-width: 2000px) { .my_preim_block_item.me_top { margin-bottom: 10% !important; } .my_preim_block_item.me_bot { margin-top: 10% !important; } .my_preim_block_item { /*margin: 7rem 0!important;*/ /*background: url(/local/templates/tpcompany/images/romb_1.jpg) no-repeat;*/ height: 300px; max-height: 241px !important; } } @media only screen and (max-width: 1765px) { /*.my_preim_block_item { margin: 6rem 0; width: 15%; } .my_preim_line { width: 5%; }*/ .advantages_wrapper { height: 66vh !important; } .my_top_menu { font-size: 14px; } .my_header_right_part { display: grid; grid-template-columns: 10% 36% 18% 36%; } .my_logo_block { width: 16rem; } .my_logo_block img { width: } .my_main_top_first { grid-template-columns: 22% 40%; column-gap: 33%; } .my_header_phone, .my_header_phone:hover { font-size: 14px; } .my_main_top_center { font-size: 40px; width: 70%; margin-top: 3rem; } .my_main_top_dno { margin-top: 1rem; } .my_rotator { max-width: 1100px; } .my_rotated_link { width: 164px; height: 164px; background-size: 235px; } .my_main_cats_block_1 { margin-top: -2rem; } .my_preim_block { height: 35rem; } .my_main_cats { height: 35rem; padding: 2rem 0; } .my_main_cats_block { margin: 5rem 0 0 0; } } @media only screen and (max-width: 1576px) { .fullscreen-bg__video { width: 131vw; } } @media only screen and (max-width: 1500px) { .my_logo_block { width: 9rem; } .my_logo_block img { width: 8rem; } .my_header_right_part { width: 41%; } .my_header_search_icon img, .my_header_form_trigger { width: 35px; height: 35px; } .my_header_phone, .my_header_phone:hover { font-size: 12px; } } .my_header_form_trigger.mob{ height: 40px; } .my_shownumber { text-align-last: center; } .my_shownumber option { text-align: center; } .my_check input { font-size: 16px; } .advantages_wrapper{ transform:scale(0.8); margin-top: -102px!important; margin-bottom: -102px!important; } @media only screen and (max-width: 1100px) { .uncle_jimbo { grid-template-columns: 40% 40%; } } @media only screen and (max-width: 1200px) { .fullscreen-bg__video { width: 181vw; left: -33%; } .my_catalog_bg{ background-size: contain; } .my_alph .my_filter_application_block { grid-template-columns: 4% 4% 4% 4% 4% 4% 4% 4%; } .my_catalog_wrapper { grid-template-columns: 100%; } .my_catalog_wrapper>.bx_catalog_line { width: 24rem; margin: 0 auto; } .my_section_block { grid-template-columns: 50% 50%; } .my_catalog_left_menu_block { margin: 2rem auto 0 auto; } .my_preim_block_item { background-position: center; align-items: center; margin: 2rem 0; } .my_preim_text { margin: 0; padding: 0 0; font-size: 12px; width: 80%; } .my_preim_block { height: 18rem; /* padding: 1rem 0; */ } .my_header_callback_form { width: 60%; left: 20%; } .my_contacts_first_block_lils { flex-direction: column; } .my_contacts_time { margin: 0; } .my_contacts_dinner { margin: 0; } .my_contacts_soc_block { text-align: center; } .my_contacts_lil_last>.my_flex { justify-content: center; } .my_cont_adr_text { padding-right: 5px; } .my_cont_form_input { height: 2.5rem; font-size: 16px; } #my_cont_form .error, #my_cont_form_en .error { font-size: 16px; } .my_cont_form_title { font-size: 32px; } .my_cont_form_first_line { margin-top: 1rem; } .my_cont_form_block { padding: 3rem; } .my_container { max-width: 960px; } .my_news_slider_block { height: 46rem; } .my_footer_block { grid-template-columns: 50% 50%; } .my_footer_bg { background-size: cover; padding: 3rem 0 2rem 0; } .my_impulse { font-size: 10px; } .my_header_block { height: 9em; } .my_footer_adaptive_need { width: 200%; display: flex; flex-direction: column; align-items: center; } .my_bottom_line { font-size: 12px; } .my_progress_block { grid-template-columns: 100%; } .my_progress_block_21 { /* margin: 1rem 0 0 0; */ } .my_progress_img_21 { align-items: flex-start; } .my_news_slider_block { padding: 3rem 0 0 0; } .my_main_cats { height: 28rem; } .my_rotated_link { width: 110px; height: 110px; background-size: 158px; } .my_main_cats_block { margin: 5rem 0 0 2rem; } .my_main_cats_block_1 { margin-top: -1rem; margin-left: 2rem; } .my_slider_bar_1, .my_slider_bar_2 { width: 90%; margin: auto 0; } .my_mobile_header { display: block; width: 83%; } .my_header_menu_block { display: none; } .my_header_right_part { display: none; } .my_logo_block { width: auto; height: 100px; display: flex; align-items: center; } .my_mobbie_header_right { display: grid; grid-template-columns: 20% 80%; padding: 15px 0; justify-content: center; align-items: center; } .my_header_lang_bg { margin: 0; } .my_header_contacts_bg { margin: 0; } .my_header_right_part_mob { display: grid; grid-template-columns: 10% 36% 18% 36%; align-items: center; margin-top: 1rem; } .my_header_search_block { margin-top: 40px; } .my_header_menu_block_mob { margin: 1.5rem 0; position: absolute; left: 5%; width: 90vw; } .my_main_top_first { grid-template-columns: 40% 60%; column-gap: 3%; padding: 6rem 0 0 3rem; } .my_main_top_center { font-size: 30px; width: 85%; margin: 3rem auto 0 auto; text-align: center; } .my_main_top_dno { margin-left: 30%; } .my_main_top_bg { height: 46em; } .my_preim_block { height: 18rem; } .my_cont_map_block>ymaps { max-width: 100% !important; } .advantages_wrapper{ padding: 0; } } .hide_filer { display: none; } @media only screen and (max-width: 992px) { .my_triggers { grid-template-columns: 9rem 9rem 9rem 4rem 13rem; } .my_container { max-width: 720px; } .advantages_items div ul, .advantages_items ul{ max-height: 370px; } .my_about_image div img, .my_about_image img{ padding-right: unset; } .my_about_image{ align-self: unset; margin-bottom: 20px; } .my_about_text_block{ display: block; } .my_preim_block { height: 18rem; /* height: 18rem; */ /* padding: 1rem 0; */ /* изменил 14.09.2020*/ padding: 0; } .advantages_wrapper{ padding: 0; /* изменил 14.09.2020*/ } } @media only screen and (max-width: 768px) { .my_main_filter_body > div { order: inherit !important; } .my_triggers { grid-template-columns: 100%; height: 8rem; } #my_header_form .my_cont_form_policy_block, #my_header_form_en .my_cont_form_policy_block { margin-left: 12rem; } .element__price { width: 100%; } .element__count { width: 100%; margin-top: 1rem; } .my_catalog_element_wrapper .product_card .mobile_inner_description h2 { font-size: 20px; } .white_back { margin: 0; } .my_catalog_element_main_image_container { height: max-content; } .my_catalog_element_main_image { height: auto; margin-bottom: 0.5rem; } .my_news_detail_title { margin: 1.5rem 0 1rem 0; text-align: center; } .news_detail_img img, .sub_article_1 .news_detail_img img { width: 290px; } .sub_article_2 .sub_title_article { margin: 1rem 0; } .sub_article_2 .news_detail_img img, .sub_article_4 .news_detail_img img, .sub_article_3 .news_detail_img img { width: 290px; height: 200px; } .sub_article_3 .sub_title_article { margin: 1rem 0 0.5rem 0; } .my_rules { max-width: 450px; margin: 2rem auto 0 auto; grid-template-columns: 100%; } .card-img-top, .my_news_filler { height: 230px; } .recommends_for_this_product .my_next_1.slick-disabled { border-left: 1px solid; } .my_catalog_bg { background-size: contain; } .my_first_menu_block { display: flex; padding: 1rem 1rem; justify-content: space-between; align-items: center; } .my_mob_callback { margin: 0 1rem; background-color: #0182F9; border-radius: 6px; padding: 7px 0; color: #fff; } .news-item:hover .my_ns_apply_butt { color: #fff; } .news-item:hover .my_news_arrow { background: url(/local/templates/tpcompany/images/news_slider_arrow_a.png) no-repeat; background-position: center; } .news-item:hover a .my_news_slider_item .my_ns_bot_line { background-color: #0057CD; } .news-item:hover a .my_news_slider_item .my_ns_info .my_ns_name_block.my_ns_item_name { background: url(/local/templates/tpcompany/images/news_hover_slide.jpg) no-repeat; color: #fff; } .hamb_closer { position: absolute; right: -50px; top: 12px; cursor: pointer; } .my_header_phone_mobile { color: #000; font-weight: bold; } .new_mob_menu { background-color: #fff; list-style: none; padding: 1rem 1rem; } .my_header_lang_bg_mobile { background: rgba(255, 255, 255, 0.2); border-radius: 6px; display: flex; width: 80px; height: 30px; } .my_mobile_menu_block .my_header_lang_bg_mobile { background-color: #fff; } .my_mobile_menu_block .my_language_switch.my_lang_selected { color: #fff; background-color: #0182F9; } .my_mobile_menu_block .my_language_switch { color: #000; } .my_mobile_menu_block { background-color: #E9EEF4; width: 80%; border-radius: 6px; position: absolute; z-index: 20; top: 1px; } .my_mobile_block { display: flex; background: url('/local/templates/tpcompany/images/header_bg.webp'); justify-content: space-between; align-items: center; padding: 0 10px; } .mobile_logo { width: 40%; padding: 10px 0; } .hamb_dude { cursor: pointer; } .mobile_logo img { width: 100%; } .my_header_desktop { display: none; } .fullscreen-bg__video { width: 392vw; left: -75%; } .my_404_bg { height: 40rem; } .my_404_bg img { width: 320px; padding: 0 10px; } .my_404_not_found { text-align: center; } .my_catalog_show_block { width: auto; } .my_alph .my_filter_prop_title { margin-right: auto; } .my_alph .my_filter_application_block { grid-template-columns: 22% 22% 22% 22%; padding: 0; } .my_catalog_wrapper>.bx_catalog_line { width: 280px; } .my_catalog_wrapper .my_section_wrapper { margin: 2rem auto 0 auto; max-width: 280px; } .my_section_name { text-align: center; } .my_filter_title_by_block { flex-direction: column; } .my_filter_application_block { grid-template-columns: 100%; } .my_filter_title_by, .my_filter_prop_title { margin: 0 auto 1rem auto; } .my_section_block { grid-template-columns: 100%; } .my_catalog_left_menu_title { padding: 0; justify-content: center; } .advantages_wrapper { display: none; } .my_container { max-width: 540px; } .my_header_callback_form { width: 100%; left: 0; position: absolute; } .my_header_form_title, .my_header_form_second_line { margin: 1rem 0; } .my_cont_adr_wrap { padding: 2rem 0 0 0; } .my_cont_form_block { padding: 2rem; } .my_cont_form_title { font-size: 24px; text-align: center; } .my_cont_form_first_line { margin: 1rem 0; grid-template-columns: 100%; row-gap: 1rem; } .my_cont_form_second_line { grid-template-columns: 100%; row-gap: 1rem; } .my_cont_form_button { height: 2rem; } .my_cont_form_policy_block { float: none; margin: 1rem 0 0 0; } .my_cont_rekv { text-align: center; } .my_cont_adr_block { grid-template-columns: 100%; text-align: center; } .my_cont_adr_int { margin-bottom: 2rem; } .my_contacts_first_block { grid-template-columns: 100%; text-align: center; } .my_mobile_header_menu_block { z-index: 10; position: absolute; list-style: none; margin: auto; top: 35%; text-align: center; padding: 0; left: 55%; margin-left: -25%; margin-top: -25%; } .my_mob_menu_closer { color: #fff; z-index: 1; position: absolute; right: 16%; top: 8rem; cursor: pointer; } .my_mobile_header_menu_item { margin: 2rem 0; } .my_mobile_header_menu_item>a { color: #fff; } .my_darkness { position: fixed; height: 120vh; width: 110vw; background: #000; z-index: 7; top: -10vh; } .my_preim_block>img { display: none; } .my_preim_block { display: block; height: max-content; padding: 2rem 0; } .my_mob_preim_controls { display: flex; width: 150px; justify-content: space-between; margin: auto; padding: 2rem 0 0 0; } .my_goods_slider_item { margin: auto; } .my_slider_1_controls_block, .my_slider_2_controls_block { grid-template-columns: 80% 20%; margin-top: 2rem; } .my_slider_1_arrows, .my_slider_2_arrows { width: 125%; margin-top: 1rem; } .my_slider_counter_1, .my_slider_counter_2 { padding: 0; } .my_main_lower_text_block { padding: 1rem; margin-bottom: 3rem; } .my_lower_title { text-align: center; font-size: 38px; } .my_lower_title_2 { margin-top: 0; } .my_footer_block { grid-template-columns: 100%; text-align: center; } .my_footer_adaptive_need { width: 100%; } .my_footer_bg { padding: 3rem 0 0rem 0; } .my_footer_soc_block { margin: 10px 0 0 0; } .my_bottom_line { height: max-content; padding: 10px 0 0 0; text-align: center; flex-direction: column; } .my_impulse { position: relative; left: auto; padding: 10px 0; } .my_slider_bar_1, .my_slider_bar_2 { width: 86%; } .my_privoz_bg { padding: 3rem 0 0 0; height: 46rem; } .my_main_cats_block { grid-template-columns: 50% 50%; row-gap: 20%; margin: 3rem 0 0 2rem; } .my_main_cats_block_1>a:first-child { display: none; } .my_main_cats_block_1 { grid-template-columns: 50% 50%; margin-top: 5.5rem; row-gap: 20%; } .my_progress_img { width: 290px; font-size: 18px; margin: 0 auto 16px auto; } .my_progress_block_21, .my_progress_block_22 { display: flex; flex-direction: column; } .my_progress_block_22>.my_progress_img:first-child { /* margin-top: 0.5rem auto; */ } .my_news_slider_item { margin: auto; } .my_progress_block_22>.my_progress_img { /* margin: 0.5rem auto; */ } .my_progress_bg { height: max-content; } .my_progress_block { display: flex; flex-direction: column; padding: 2rem 0; height: auto; } .my_progress_block_11 { display: flex; flex-direction: column; } .my_progress_block { padding: 2rem 0; } .my_main_cats { height: max-content; padding-bottom: 5rem; } .my_goods_slider_title { font-size: 26px; text-align: center; } .my_mob_preim_controls>div { width: 45%; display: flex; justify-content: center; align-items: center; cursor: pointer; background-color: #0D55C3; border-radius: 6px; background-position: center; height: 30px; } .my_next_3 { background: url('/local/templates/tpcompany/images/gs_right_arrow_a.png') no-repeat; } .my_prev_3 { background: url('/local/templates/tpcompany/images/gs_left_arrow_a.png') no-repeat; } .my_slick_3 img { margin: auto; } .my_mob_preim { display: block; } .my_hamburger { display: flex; justify-content: center; align-items: center; padding: 1.5rem 0 0 0; cursor: pointer; } .my_header_phone, .my_header_phone:hover { font-size: 14px; } .my_main_top_text_right { background-size: contain; margin: auto; justify-content: flex-start; padding-left: 42px; font-size: 14px; } .my_main_top_first { padding: 3rem 0 1rem 0; grid-template-columns: 100%; } .my_main_top_text_block { margin: auto; } .my_main_top_center { font-size: 18px; margin: 0rem auto 0 auto; } .my_main_top_dno { margin: 0 auto; font-size: 12px; background-size: contain; } .my_main_top_bg { height: max-content; padding-bottom: 3rem; } .my_header_block { flex-direction: column; padding: 20px 0; height: max-content; } .my_logo_block { margin: auto; } .my_mobile_header { margin: auto; } .my_header_menu_block_mob { display: none; } .my_footer_adaptive_need .my_ml16 { width: 80%; } } @media only screen and (max-width: 650px) { .advantages_items div ul li, .advantages_items ul li { width: 100%;} .advantages_items div ul, .advantages_items ul{ max-height: unset; text-align-last: center; } .advantages_items div ul li, .advantages_items ul li{ display: flex; } .advantages_items div ul li:before, .advantages_items ul li:before{ position: relative; display: flex; margin-right: 15px; left:unset; } .my_about_bottom_advantages_wrapper .advantages_items{ display: flex; justify-content: center; } } @media only screen and (max-width: 576px) { .my_container { max-width: 576px; } .my_logo_block { width: 100%; } .my_mobile_header { width: 100%; } .my_header_right_part_mob { grid-template-columns: 33% 67%; } } @media (max-width: 500px) { .uncle_jimbo > div:last-child { display: none; } } @media (max-width: 450px) { .advantages_items div ul, .advantages_items ul{ padding-left: 0; } } .cookie-b2b-notice { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #f8f9fa; /* Строгий светло-серый фон */ color: #333333; padding: 15px 0; z-index: 100000; /* В Битриксе высокий z-index нужен, чтобы плашка не перекрывалась другими панелями */ box-shadow: 0 -2px 10px rgba(0,0,0,0.08); border-top: 1px solid #e5e5e5; font-family: inherit; /* Шрифт подтянется автоматически из шаблона */ } .cookie-b2b-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; gap: 20px; } .cookie-b2b-notice p { margin: 0; font-size: 13px; line-height: 1.5; } .cookie-b2b-notice a { color: #005b9f; /* Синий цвет ссылки */ text-decoration: underline; } .cookie-b2b-notice a:hover { text-decoration: none; } .cookie-b2b-btn { background-color: #005b9f; /* Цвет кнопки */ color: #ffffff; border: none; padding: 10px 24px; font-size: 14px; font-weight: 500; border-radius: 3px; /* Строгие, чуть скругленные углы */ cursor: pointer; white-space: nowrap; transition: background-color 0.2s ease; } .cookie-b2b-btn:hover { background-color: #00447a; /* Более темный оттенок при наведении */ } /* Адаптивность для мобильных телефонов */ @media (max-width: 768px) { .cookie-b2b-container { flex-direction: column; text-align: center; padding: 10px 15px; } .cookie-b2b-btn { width: 100%; padding: 12px; } } /* End */ /* Start:/local/templates/tpcompany/template_styles.css?178421403111325*/ .bx-yellow, .bx-theme-yellow { --primary: #f9a91d; --theme-color-primary: #f9a91d; --theme-color-second: #faba4a; --theme-color-light: #f0f0f0; --theme-b-link: #f9a91d; --theme-b-link-hover: #faba4a; --theme-b-tx-primary: #fff; --theme-b-bg-primary: #f9a91d; --theme-b-bd-primary: #f9a91d; --theme-b-sd-primary: rgba(249, 169, 29, 0.5); --theme-b-tx-primary-hover: #fff; --theme-b-bg-primary-hover: #faba4a; --theme-b-bd-primary-hover: #daa53e; --theme-b-tx-primary-active: #fff; --theme-b-bg-primary-active: #faba4a; --theme-b-bd-primary-active: #daa53e; --theme-b-tx-primary-disabled: #fff; --theme-b-bg-primary-disabled: #daa53e; --theme-b-bd-primary-disabled: #b7853b; } .bx-blue, .bx-theme-blue { --primary: #0083d1; --theme-color-primary: #0083d1; --theme-color-second: #5ca6e4; --theme-color-light: #f0f6f8; --theme-b-link: #44b1c9; --theme-b-link-hover: #5cc3d1; --theme-b-tx-primary: #fff; --theme-b-bg-primary: #0083d1; --theme-b-bd-primary: #0083d1; --theme-b-sd-primary: rgba(0, 131, 209, 0.5); --theme-b-tx-primary-hover: #fff; --theme-b-bg-primary-hover: #5ca6e4; --theme-b-bd-primary-hover: #5599d2; --theme-b-tx-primary-active: #fff; --theme-b-bg-primary-active: #5ca6e4; --theme-b-bd-primary-active: #5599d2; --theme-b-tx-primary-disabled: #fff; --theme-b-bg-primary-disabled: #5599d2; --theme-b-bd-primary-disabled: #4d8bbf; } .bx-red, .bx-theme-red { --primary: #e22b2b; --theme-color-primary: #e22b2b; --theme-color-second: #e95c5c; --theme-color-light: #f0f0f0; --theme-b-link: #e22b2b; --theme-b-link-hover: #e95c5c; --theme-b-tx-primary: #fff; --theme-b-bg-primary: #e22b2b; --theme-b-bd-primary: #e22b2b; --theme-b-sd-primary: rgba(226, 43, 43, 0.5); --theme-b-tx-primary-hover: #fff; --theme-b-bg-primary-hover: #e95c5c; --theme-b-bd-primary-hover: #d05454; --theme-b-tx-primary-active: #fff; --theme-b-bg-primary-active: #e95c5c; --theme-b-bd-primary-active: #d05454; --theme-b-tx-primary-disabled: #fff; --theme-b-bg-primary-disabled: #d05454; --theme-b-bd-primary-disabled: #c04e4e; } .bx-green, .bx-theme-green { --primary: #63aa28; --theme-color-primary: #63aa28; --theme-color-second: #5b9f0b; --theme-color-light: #a8d95b; --theme-b-link: #44b1c9; --theme-b-link-hover: #5cc3d1; --theme-b-tx-primary: #fff; --theme-b-bg-primary: #63aa28; --theme-b-bd-primary: #63aa28; --theme-b-sd-primary: rgba(99, 170, 40, 0.5); --theme-b-tx-primary-hover: #fff; --theme-b-bg-primary-hover: #5b9f0b; --theme-b-bd-primary-hover: #56940b; --theme-b-tx-primary-active: #fff; --theme-b-bg-primary-active: #5b9f0b; --theme-b-bd-primary-active: #56940b; --theme-b-tx-primary-disabled: #fff; --theme-b-bg-primary-disabled: #56940b; --theme-b-bd-primary-disabled: #497c09; } body { background-attachment: fixed; background-size: cover; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #pagetitle { margin-bottom: 35px; } h1,h2,h3,h4,h5 { font-family: "OpenSans-Regular", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } .bx-content-section, .bx-header-section { padding-bottom: 2px; background-color: rgba(255, 255, 255, .95); } .bx-wrapper { } /*region HEADER*/ .bx-header { } .bx-header-section { } .bx-header-logo { order: 1 } .bx-header-personal { order: 3 } .bx-header-contact { order: 2 } /*region Logo*/ .bx-logo-block { display: block; height: 50px; border-bottom: none; } .bx-logo-block img { max-height: 50px; width: auto; } @media (max-width: 767px) { .bx-logo-block img { max-width: 100%; max-height: 45px; width: auto; height: auto; } .bx-header-logo { padding: 5px 50px; height: 55px; background-color: var(--theme-color-primary); } .bx-logo-block { height: auto; } body.bx-theme-green .bx-store-logo { background: #33b111; } } /*endregion*/ /*region included Phone*/ .bx-header-phone-block { display: flex; align-items: center; } .bx-header-phone-number { color: #000; white-space: nowrap; font: 700 21px/28px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; transition: 250ms linear all; } .bx-header-phone-icon { display: block; margin-right: 10px; width: 26px; height: 26px; background: no-repeat center url(/local/templates/tpcompany/images/phone.svg); } @media (max-width: 991px) { .bx-header-phone-number { font: 600 15px/18px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; } } /*endregion*/ /*region included Worktime*/ .bx-header-worktime { color: #000; font: 600 16px/22px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; transition: 250ms linear all; } .bx-worktime-title { color: #adadad; font: 12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .bx-worktime-schedule { color: #000; font: 12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media (max-width: 991px) { .bx-header-worktime { font: 500 15px/18px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; } } /*endregion*/ /*endregion*/ .sidebar-block-title { color: #343434; text-transform: uppercase; font-weight: 600; font-size: 14px; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; } /*region FOOTER*/ .bx-footer { } .bx-footer-section { } .bx-footer-section .bx-block-title { } .bx-footer-bg { background-color: #1f496a; } .bx-footer-logo { border-bottom: none !important; text-decoration: none !important; } .bx-footer-logo img { max-width: 100%; height: auto; } /*endregion*/ .bx-inclinkspersonal-item.bx-theme-blue:hover { background: #0083d1; } .bx-theme-blue.bx-inclinkspersonal-selected { background: #3398d7; } .bx-inclinkspersonal-item.bx-theme-black:hover { background: #303030; } .bx-theme-black.bx-inclinkspersonal-selected { background: #484848; } .bx-inclinkspersonal-item.bx-theme-green:hover { background: #44b1c9; } .bx-theme-green.bx-inclinkspersonal-selected { background: #5cc3d1; } .bx-inclinkspersonal-item.bx-theme-red:hover { background: #e63c3c; } .bx-theme-red.bx-inclinkspersonal-selected { background: #e95c5c; } .bx-inclinkspersonal-item.bx-theme-yellow:hover { background: #f4a52e; } .bx-theme-yellow.bx-inclinkspersonal-selected { background: #fbb859; } /*region Bootstrap modified*/ .btn-primary, .list-group-item.active { border-color: var(--theme-b-bd-primary); background-color: var(--theme-b-bg-primary); color: var(--theme-b-tx-primary); } .btn-primary:hover { border-color: var(--theme-b-bd-primary-hover); background-color: var(--theme-b-bg-primary-hover); color: var(--theme-b-tx-primary-hover); } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary); } .btn-primary.disabled, .btn-primary:disabled { border-color: var(--theme-b-bg-primary); background-color: var(--theme-b-bg-primary); color: var(--theme-b-tx-primary); } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { border-color: var(--theme-b-bd-primary-active); background-color: var(--theme-b-bg-primary-active); color: var(--theme-b-tx-primary-active); } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary); } .form-control:focus { border-color: var(--theme-color-primary); box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary); } a, .btn-link { color: var(--theme-b-link); } a:hover, .btn-link:hover { color: var(--theme-b-link-hover); } .g-font-size-15 { font-size: 15px; } .g-font-size-17 { font-size: 17px; } .g-font-size-20 { font-size: 20px; } .text-primary { color: var(--primary) !important } .bg-primary { background: var(--primary) !important } .border-primary { border-color: var(--primary) !important } /*endregion*/ .bx-sidebar-block { } .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5 { text-transform: uppercase; font-size: 14px; font-family: "OpenSans-SemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sidebar li { font-size: 12px; font-family: "OpenSans-SemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; } .sidebar-icon { width: 27px; height: 27px; margin-right: 5px; border-radius:50%; background-color: var(--theme-color-primary); background-repeat: no-repeat; background-position: center; } .sidebar-icon-label { background-image: url(/local/templates/tpcompany/images/label.svg); background-size: 19px auto; } .sidebar-icon-delivery { background-image: url(/local/templates/tpcompany/images/delivery.svg); background-size: 17px auto; } .sidebar-icon-sale { background-image: url(/local/templates/tpcompany/images/sale.svg); background-size: auto 17px ; } .sidebar-icon-self { background-image: url(/local/templates/tpcompany/images/self.svg); background-size: auto 17px ; } .sidebar-icon-phone { background-image: url(/local/templates/tpcompany/images/phone_white.svg); background-size: auto 21px ; } /* B2B floating cart */ .tp-floating-cart { position: absolute; top: 132px; right: 28px; z-index: 9990; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 5px 10px; border: 1px solid rgba(255, 255, 255, .28); border-radius: 4px; background: linear-gradient(135deg, #0057cd 0%, #0182f9 100%); box-shadow: 0 8px 20px rgba(0, 47, 116, .22); color: #fff; text-decoration: none; text-transform: none; font-size: 13px; font-weight: 400; line-height: 1; letter-spacing: 0; opacity: 0; pointer-events: none; transform: translateX(24px); transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease; } .tp-floating-cart.is-visible { opacity: 1; pointer-events: auto; transform: translateX(0); } .tp-floating-cart, .tp-floating-cart:visited, .tp-floating-cart:hover, .tp-floating-cart:focus, .tp-floating-cart:active { color: #fff !important; text-decoration: none !important; } .tp-floating-cart:hover { box-shadow: 0 10px 24px rgba(0, 47, 116, .28); } .tp-floating-cart__label { white-space: nowrap; color: #fff !important; font-size: 13px; font-weight: 400; line-height: 1; opacity: .95; } .tp-floating-cart__count { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 5px; border-radius: 999px; background: #fff; color: #0057cd; font-size: 13px; font-weight: 400; line-height: 1; } .tp-floating-cart__icon { display: inline-flex; align-items: center; justify-content: center; color: #fff; } .tp-floating-cart__icon svg { display: block; width: 30px; height: 30px; flex-shrink: 0; } .tp-floating-cart.is-bump { transform: translateX(0) scale(1.04); } @media (max-width: 768px) { .tp-floating-cart { top: 132px; right: 13px; bottom: auto; width: 171px; min-height: 50px; padding: 7px 12px; box-sizing: border-box; justify-content: center; gap: 9px; font-size: 15px; font-weight: 400; } .tp-floating-cart__count { min-width: 28px; height: 28px; padding: 0 6px; font-size: 14px; font-weight: 400; } .tp-floating-cart__icon svg { width: 35px; height: 35px; } /* Положение и размер плашки заказа */ .tp-floating-cart { top: 132px; right: 16px; bottom: auto; width: 171px; min-height: 50px; padding: 7px 12px; box-sizing: border-box; justify-content: center; gap: 9px; font-size: 15px; font-weight: 400; } /* End */ /* /local/templates/tpcompany/fonts.css?160977255412770 */ /* /local/templates/tpcompany/style_addon.css?162460193040313 */ /* /local/templates/tpcompany/components/bitrix/menu/header_menu/style.css?1598425087581 */ /* /local/templates/tpcompany/components/bitrix/search.title/template1/style.css?15984250864148 */ /* /local/templates/tpcompany/components/bitrix/menu/header_menu2/style.css?1598425087581 */ /* /local/templates/tpcompany/components/bitrix/search.title/template2/style.css?15984250865107 */ /* /local/templates/tpcompany/components/bitrix/menu/header_mobile/style.css?1598425087581 */ /* /local/templates/tpcompany/js/slick/slick.css?15984250861776 */ /* /local/templates/tpcompany/components/bitrix/menu/footer_menu/style.css?1598425087581 */ /* /local/templates/tpcompany/components/bitrix/catalog.section.list/footer_menu/style.css?15984250877151 */ /* /local/templates/tpcompany/styles.css?177789365261244 */ /* /local/templates/tpcompany/template_styles.css?178421403111325 */