/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */ :root { --white: #FFF; --black: #1D1D1B; --grey: #5B5B5B; --light-grey: #F8F8F8; --brown: #F5D5BA; }; @font-face { font-family: "Font Awesome"; src: url("/catalog/view/javascript/font-awesome/fonts/fa-regular-400.ttf"); } @font-face { font-family: "Font Awesome Brand"; src: url("/catalog/view/javascript/font-awesome/fonts/fa-brands-400.ttf"); } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-ExtraLight.geot"); src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("/catalog/fonts/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("/catalog/fonts/Montserrat-ExtraLight.woff") format("woff"), url("/catalog/fonts/Montserrat-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-MediumItalic.eot"); src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("/catalog/fonts/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("/catalog/fonts/Montserrat-MediumItalic.woff") format("woff"), url("/catalog/fonts/Montserrat-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-Italic.eot"); src: local("Montserrat Italic"), local("Montserrat-Italic"), url("/catalog/fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-Italic.woff2") format("woff2"), url("/catalog/fonts/Montserrat-Italic.woff") format("woff"), url("/catalog/fonts/Montserrat-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-Regular.eot"); src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/catalog/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-Regular.woff2") format("woff2"), url("/catalog/fonts/Montserrat-Regular.woff") format("woff"), url("/catalog/fonts/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-ThinItalic.eot"); src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"), url("/catalog/fonts/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("/catalog/fonts/Montserrat-ThinItalic.woff") format("woff"), url("/catalog/fonts/Montserrat-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-Bold.eot"); src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/catalog/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-Bold.woff2") format("woff2"), url("/catalog/fonts/Montserrat-Bold.woff") format("woff"), url("/catalog/fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-Light.eot"); src: local("Montserrat Light"), local("Montserrat-Light"), url("/catalog/fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-Light.woff2") format("woff2"), url("/catalog/fonts/Montserrat-Light.woff") format("woff"), url("/catalog/fonts/Montserrat-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-Black.eot"); src: local("Montserrat Black"), local("Montserrat-Black"), url("/catalog/fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-Black.woff2") format("woff2"), url("/catalog/fonts/Montserrat-Black.woff") format("woff"), url("/catalog/fonts/Montserrat-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-Medium.eot"); src: local("Montserrat Medium"), local("Montserrat-Medium"), url("/catalog/fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-Medium.woff2") format("woff2"), url("/catalog/fonts/Montserrat-Medium.woff") format("woff"), url("/catalog/fonts/Montserrat-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-ExtraLightItalic.eot"); src: local("Montserrat ExtraLight Italic"), local("Montserrat-ExtraLightItalic"), url("/catalog/fonts/Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("/catalog/fonts/Montserrat-ExtraLightItalic.woff") format("woff"), url("/catalog/fonts/Montserrat-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-BlackItalic.eot"); src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("/catalog/fonts/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("/catalog/fonts/Montserrat-BlackItalic.woff") format("woff"), url("/catalog/fonts/Montserrat-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-ExtraBoldItalic.eot"); src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"), url("/catalog/fonts/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("/catalog/fonts/Montserrat-ExtraBoldItalic.woff") format("woff"), url("/catalog/fonts/Montserrat-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-SemiBoldItalic.eot"); src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("/catalog/fonts/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("/catalog/fonts/Montserrat-SemiBoldItalic.woff") format("woff"), url("/catalog/fonts/Montserrat-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-ExtraBold.eot"); src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url("/catalog/fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("/catalog/fonts/Montserrat-ExtraBold.woff") format("woff"), url("/catalog/fonts/Montserrat-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-BoldItalic.eot"); src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("/catalog/fonts/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("/catalog/fonts/Montserrat-BoldItalic.woff") format("woff"), url("/catalog/fonts/Montserrat-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-LightItalic.eot"); src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("/catalog/fonts/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-LightItalic.woff2") format("woff2"), url("/catalog/fonts/Montserrat-LightItalic.woff") format("woff"), url("/catalog/fonts/Montserrat-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-SemiBold.eot"); src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("/catalog/fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("/catalog/fonts/Montserrat-SemiBold.woff") format("woff"), url("/catalog/fonts/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Montserrat"; src: url("/catalog/fonts/Montserrat-Thin.eot"); src: local("Montserrat Thin"), local("Montserrat-Thin"), url("/catalog/fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("/catalog/fonts/Montserrat-Thin.woff2") format("woff2"), url("/catalog/fonts/Montserrat-Thin.woff") format("woff"), url("/catalog/fonts/Montserrat-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } * { font-family: 'Montserrat' } body { font-weight: 400; color: var(--black); font-size: 14px; line-height: 20px; width: 100%; } h1, h2, h3, h4, h5, h6 { color: var(--black) } /* default font size */ .fa { font-size: 14px; } /* Override the bootstrap defaults */ h1 { font-size: 34px; } h2 { font-size: 28px; } h3 { font-size: 21px; } h4 { font-size: 15px; } h5 { font-size: 12px; } h6 { font-size: 10.2px; } a { color: var(--brown); } p, span { color: var(--black); } .likeH2 { margin-bottom: 20px; color: var(--black); font-size: 26px; } .tab-content ul li { position: relative; padding: 2px 0 2px 24px; list-style-type: none; } .tab-content ul li:before { content: ""; position: absolute; top: 3px; left: 0; width: 20px; height: 20px; background-image: url(/image/catalog/home/icons/check.png); background-size: contain; background-position: center; background-repeat: no-repeat; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: var(--brown); } ::-webkit-scrollbar-thumb:hover { background: var(--brown); } .mob-arrow { display: inline-block; width: 7px; height: 7px; border-top: 2px solid #000; border-right: 2px solid #000; } .mob-arrow-bottom { transform: rotate(135deg); } a:focus { outline: none; } a:focus, a:hover { text-decoration: none; color: var(--black); } textarea:focus, input:focus{ outline: none; } a:hover { text-decoration: none; } legend { font-size: 18px; padding: 7px 0px; } label { font-size: 12px; font-weight: normal; } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 12px; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 12px; } .search-page-input { margin-bottom: 10px; } .input-group .input-group-addon { font-size: 14px; height: 16px; background: none; border: none; font-family: "Montserrat"; color: #000; } /* Fix some bootstrap issues */ span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } /* NEW STYLES FOR MENU */ .header-mobile { display: none; } .header-desktop { background: var(--brown); height: 50px; } .header-desktop-nav .level-1 { display: flex; justify-content: center; gap: 20px; height: 50px; margin: 0; padding: 0; } .header-desktop-nav .level-1 li { position: relative; display: flex; align-items: center; list-style-type: unset; } .header-desktop-nav .level-1 li a { display: flex; align-items: center; position: relative; font-size: 14px; font-weight: 500; font-family: "Montserrat"; text-transform: uppercase; color: var(--black); } .header-desktop-nav .level-2 { display: none; flex-direction: column; position: absolute; background: #FFF; top: 50px; z-index: 2; border-radius: 5px; width: 300px; box-shadow: 0 0px 2px rgb(0 0 0 / 24%); padding: 15px; margin: 0; } .header-desktop-nav .level-1 li:hover .level-2 { display: flex; } .header-desktop-nav > .level-1 > li:nth-child(1) > .level-2, .header-desktop-nav > .level-1 > li:nth-child(2) > .level-2 { width: 700px; flex-wrap: wrap; flex-direction: row; } .header-desktop-nav > .level-1 > li:nth-child(1) > .level-2 li, .header-desktop-nav > .level-1 > li:nth-child(2) > .level-2 li { flex-basis: 33.3333%; } .header-desktop-nav > .level-1 > li .level-2 li a { line-height: 18px; color: #959595; background: transparent; font-size: 12px; transition: all 0.3s ease; font-weight: 500; letter-spacing: 1px; text-transform: capitalize; display: block; padding: 6px 0px; width: 100%; } .header-desktop-nav > .level-1 > li .level-2 li a:hover { text-decoration: none; color: var(--brown) !important; background-color: unset !important; } .mobile-burger, .search-toggler { display: none; } .mob-search-block { display: none; } #mob-header-search { display: flex; align-items: center; margin-bottom: 10px; position: relative; } .mob-search-block #mob-header-search input#mobSearchInput { background: #f2f2f2; border-radius: 20px; color: #8e8e8e; border: none; padding: 9.5px 25px; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 100%; height: 39px; } .mob-search-block #mob-header-search #mob-header-search-btn { background: #f2f2f2; border-radius: 20px; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 39px; border-left: 2px solid var(--brown); padding: 0 14px; } .mob-search-block #mob-header-search #mob-header-search-btn img { width: 20px; height: 20px; } /* END */ .product-short__info-item { font-size: 12px; align-items: center; display: flex; } .product-short__info-item img { width: 30px; height: 30px; margin-right: 10px; } .nav-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .logo { display: flex; align-items: center; } .logo-text { font-weight: 800; margin-left: 20px; font-size: 20px; } .logo-text a, .logo-text a:hover { color: #000; } .newsblog-article .description-article a { color: #000; text-decoration: underline; } .nav-tabs { margin-bottom: 15px; } div.requi#c1272d .control-label:before { content: "* "; color: #f00; font-weight: bold; } /* Gradent to all drop down menus */ .dropdown-menu li > a:hover { text-decoration: none; color: var(--brown)!important; background-color: unset!important; } .dropdown-menu li > a:hover span { color: var(--brown)!important; } /* top */ #top { background-color: #fff; /* border-bottom: 1px solid #e2e2e2; */ padding: 15px 0px; margin: 0 0 0px 0; min-height: 40px; } #top .container { /* padding: 0 0px 0px 13px; */ } #top #form-currency .currency-select, #top #form-language .language-select { text-align: left; } #top #form-currency .currency-select:hover, #top #form-language .language-select:hover { text-shadow: none; /* color: #ffffff; */ /* background-color: #229ac8; */ /* background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); */ /* background-repeat: repeat-x; */ text-decoration: underline; } #top .btn-link, #top-links li, #top-links a { color: #888; text-shadow: 0 1px 0 #fff; text-decoration: none; } #top .btn-link:hover, #top-links a:hover { color: #444; } #top-links .dropdown-menu a { text-shadow: none; } #top-links .dropdown-menu a:hover { color: #fff; } #top .btn-link strong { font-size: 14px; line-height: 14px; } #top-links { padding-top: 6px; flex-basis: 33.33%; } #top-links a + a { margin-left: 15px; } /* logo */ .menuLeftLogo { flex-basis: 33.33%; } /* search */ .btn404 { color: #fff !important; background-color: #c1272d !important; border-color: #c1272d !important; outline: none !important; border-radius: 5px; color: #c1272d; text-shadow: none; font-size: 14px; transition: all 0.15s ease-in; font-weight: 500; padding: 10px 12px!important; font-family: "Montserrat", sans-serif!important; } .text-spasibo a { color: var(--brown)!important; } .blog-article { margin-top: 30px; } .blog-article h1 { font-size: 30px; } .blog-article h2 { font-size: 26px; } .blog-article h3 { font-size: 22px; } .blog-article .description-article p { font-size: 14px; } .blog-article ol, .blog-article ul { font-size: 14px; } .blog-img img { max-width: 100%; width: 100%; } .search-pagin { margin-top: 35px; } .not-found { display: block; max-width: 200px; width: 100%; margin: 0 auto; margin: 0; padding: 5px 12px; height: 50px; outline: none; text-decoration: none; display: flex; justify-content: center; align-items: center; cursor: pointer; background-color: transparent; border: 1px solid var(--brown); border-radius: 5px; color: var(--brown); font-weight: 400; font-size: 24px; font-family: inherit; z-index: 0; overflow: hidden; transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); } .not-found span { color: var(--brown); font-weight: 300; } .not-found:hover { color: var(--brown); border: 1px solid var(--brown); } /* cart */ #cart .header-icon { width: 23px; height: 23px; min-width: 23px; border: none; padding: unset; z-index: 1; overflow: unset; } .checkout-additional { padding-bottom: 15px; border-bottom: 1px solid #efefef; text-align: right; font-size: 14px; } .caption-checkout a { color: var(--black); } #content { min-height: auto; } .content-wrap { margin-top: 45px; } .footer { padding: 60px 0 10px; color: #000; background-color: #fff; } .footer-content { display: flex; flex-direction: column; align-items: center; } .footer-logo { } .product-atributes { display: flex; flex-wrap: wrap; margin-bottom: 10px; align-items: flex-start; } .attr-item { display: flex; flex-direction: column; justify-content: center; flex: 0 1 45%; font-size: 14px; } .attr-item__text { color: #898989; } .footer-logo img { width: 300px; } .footer-nav { display: flex; justify-content: space-between; width: 100%; max-width: 70%; margin-top: 40px; } .footer-nav_item a { font-size: 14px; color: #000; } .footer-nav_item a:hover { color: #000; } .footer-bottom { align-items: center; margin-top: 50px; text-align: center; } .webway { display: block; color: #000; font-weight: 400; margin-top: 20px; } .webway:hover { text-decoration: none; color: #000; opacity: 1; } .webway-logo { width: 60px; margin-left: 6px; } .copyright { font-size: 12px; color: #000; font-weight: 400; opacity: 0.7; /* margin-right: 60px;*/ } /* alert */ .alert { padding: 8px 14px 8px 14px; } /* breadcrumb */ .breadcrumb { margin: 0 0 0px -18px; padding: 25px 0; /* border: 1px solid #ddd; */ background: none; } .breadcrumb a { color: #000; } .breadcrumb i { font-size: 15px; } .breadcrumb > li { text-shadow: 0 1px 0 #fff; padding: 0 20px; position: relative; white-space: nowrap; } .breadcrumb > li + li:before { content: ""; padding: 0; } .breadcrumb > li:after { content: ""; display: block; position: absolute; top: 0px; right: -5px; width: 10px; height: 55%; /* border-right: 1px solid #DDD; */ border-bottom: 1px solid #ddd; /* -webkit-transform: rotate(-45deg); */ -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); /* transform: rotate(-45deg); */ } .breadcrumb > li:last-child:after { display: none; } .breadcrumb > li > span { white-space: nowrap; } .fa-home:before { content: "\f015"; font-family: "Font Awesome"; } .pagination { margin: 0; } /* buttons */ .buttons { margin: 1em 0; } .btn { padding: 7.5px 12px; font-size: 12px; border: 1px solid #cccccc; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 10px 16px; font-size: 15px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 12px; } .btn-group > .btn-xs { font-size: 9px; } .btn-group > .btn-sm { font-size: 10.2px; } .btn-group > .btn-lg { font-size: 15px; } .btn-default { background-color: transparent; background-image: none; background-repeat: repeat-x; border-color: var(--brown); border-radius: 5px; color: var(--brown); text-shadow: none; font-size: 14px; transition: all 0.15s ease-in; font-weight: 500; } .btn-default:hover, .btn-default:active, .btn-default:focus { background-color: var(--brown)!important; border-color: var(--brown)!important; outline: none; } .btn-primary { background-color: transparent; background-image: none; background-repeat: repeat-x; border-radius: 5px; text-shadow: none; font-size: 14px; transition: all 0.15s ease-in; font-weight: 500; color: #d7c4b7 !important; background-color: transparent !important; border: 1px solid #d7c4b7 !important; } .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #d7c4b7 !important; background-color: transparent !important; border: 1px solid #d7c4b7 !important; } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { color: #d7c4b7 !important; background-color: transparent !important; border: 1px solid #d7c4b7 !important; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-danger { color: #ffffff !important; text-shadow: none; background-color: #000; background-image: none; background-repeat: repeat-x; border-color: #000; transition: all 0.15s ease-in; text-decoration: none !important; border-radius: 0px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; box-shadow: none !important; } /*.product-compare h1 { font-family: "Montserrat"; color: #000; margin-bottom: 30px; } */ .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-info { color: #000; text-shadow: none; background-color: transparent; background-image: none; background-repeat: repeat-x; border-color: #000; border-radius: 0px; font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; text-decoration: none !important; transition: all 0.2s ease-in; } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-image: none; background-color: #df5c39; } .btn-link { border: none!important; cursor: pointer; color: #000; border-radius: 0; } .btn-link:hover { text-decoration: none; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; background-image: linear-gradient(to bottom, #333333, #111111); } .list-group a { border: 1px solid #dddddd; color: #888888; padding: 8px 12px; } .list-group a.active, .list-group a.active:hover, .list-group a:hover { color: #444444; background: #eeeeee; border: 1px solid #dddddd; text-shadow: 0 1px 0 #fff; } table.table a { color: #000; border-bottom: 1px solid #f5d5ba; } /* carousel */ /*.carousel-caption { color: #ffffff; text-shadow: 0 1px 0 #000000; } .carousel-control .icon-prev:before { content: "\f053"; font-family: FontAwesome; } .carousel-control .icon-next:before { content: "\f054"; font-family: FontAwesome; } .product-thumb { margin-bottom: 20px; overflow: auto; } .product-thumb .image { text-align: center; } .product-thumb .image a { display: block; } .product-thumb .image img { margin-left: auto; margin-right: auto; } .product-grid .product-thumb .image { float: none; } @media (min-width: 767px) { .product-list .product-thumb .image { float: left; padding: 0 15px; } } .product-thumb h4 { font-weight: bold; } .product-thumb .caption { padding: 0 10px; min-height: 65px; } .product-list .product-thumb .caption { margin-left: 230px; } @media (max-width: 1200px) { .product-grid .product-thumb .caption { min-height: 210px; padding: 0 10px; } } .product-thumb .rating { padding-bottom: 10px; } .rating .fa-stack { font-size: 8px; } .rating .fa-star-o { color: #999; font-size: 15px; } .rating .fa-star { color: #fc0; font-size: 15px; } .rating .fa-star + .fa-star-o { color: #e69500; } h2.price { margin: 0; } .product-thumb .price { color: #444; } .product-thumb .price-new { font-weight: 600; } .product-thumb .price-old { color: #999; text-decoration: line-through; margin-left: 10px; } .product-thumb .price-tax { color: #999; font-size: 12px; display: block; } .product-thumb .button-group { border-top: 1px solid #ddd; background-color: #eee; overflow: auto; } .product-list .product-thumb .button-group { border-left: 1px solid #ddd; } @media (max-width: 768px) { .product-list .product-thumb .button-group { border-left: none; } } .product-thumb .button-group button { width: 60%; border: none; display: inline-block; float: left; background-color: #eee; color: #888; line-height: 38px; font-weight: bold; text-align: center; text-transform: uppercase; } .product-thumb .button-group button + button { width: 20%; border-left: 1px solid #ddd; } .product-thumb .button-group button:hover { color: #444; background-color: #ddd; text-decoration: none; cursor: pointer; } @media (max-width: 1200px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } } @media (max-width: 767px) { .product-thumb .button-group button, .product-thumb .button-group button + button { width: 33.33%; } }*/ /* START MODULE STYLING */ /*.module-gallery { width: 100%; } .module-gallery .slider-wrapper { display: flex; overflow: hidden; max-height: 500px } .module-gallery .slider-thumb { max-width: 125px; } .module-gallery .slider-thumb li { max-height: 100px; }*/ /* .module-gallery .slider-thumb img { width: 100%; height: 100%; object-fit: cover; } */ /*.module-gallery .slider-thumb .slick-prev, .module-gallery .slider-thumb .slick-next { z-index: 1; height: 1em; width: 100%; background-color: #000; opacity: 0.3; transition: opacity 300ms ease; font-size: 1.5em; color: #fff; }*/ .minus, .plus { border: 1px solid #ededed; background: none; border-radius: 100%; font-size: 22px; text-align: center; width: 30px; height: 30px; /* font-weight: bold; */ color: #000; /* align-items: center; */ font-family: "Montserrat"; padding: 0px; } .block-inline-quant { display: flex; } input#input-quantity, input.cat-qtu-input { text-align: center; width: 100%; max-width: 30px; padding: 0; border: none; box-shadow: none; font-size: 20px; font-family: "Montserrat"; text-shadow: none; } .slick-track .slick-track { display: none; } .product-info { display: flex; align-items: flex-start; justify-content: space-between; } .product-info-left { max-width: 702px; width: 100%; position: sticky; top: 20px; } .thumbnails { display: flex; align-items: flex-start; justify-content: space-between; overflow: hidden; max-height: 500px; } .thumbnails .image-main, .thumbnails .image-main-video { min-width: 625px !important; min-height: 500px; max-height: 500px; height: 100%; display: block; overflow: hidden; float: right; border: none; position: relative; } .image-main-video iframe { width: 100%; height: 100%; } .image-main-video video { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; /*width: auto; */ height: auto; /*z-index: -100;*/ background-size: cover; overflow: hidden; } } .thumbnails .image-main a { width: 100%; height: 100%; display: block; } .main-image-link { } .main-option-link { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .thumbnails .image-additional img { width: 100%; height: 100%; object-fit: cover; } .thumbnails .image-main a img { width: 100%; height: 100%; } .thumbnails .image-additional.product-video { height: 192px!important; min-height: 192px!important; border: 2px solid var(--brown); border-radius: 4px; display: flex; align-items: center; justify-content: center; } .image-additional .product-video-btn { width: 60px; height: 60px; display: block; } .slider-thumb .slick-slide { margin-top: 5px; margin-right: 5px; } .slider-thumb .slick-list { /*margin-top: -14px;*/ height: 100%!important; max-height: 500px; } .slick-arr.slick-prev, .slick-arr.slick-next { display: block!important; width: 130px; height: 30px; position: absolute; z-index: 1; text-align: center; background: var(--black); background: rgba(0,0,0, 0.2); cursor: pointer; } .slick-arr.slick-prev img, .slick-arr.slick-next img { width: 30px; height: 30px; } .slick-arr.slick-prev img { transform: rotate(90deg); } .slick-arr.slick-next img { transform: rotate(-90deg); } .slick-arr.slick-prev:hover, .slick-arr.slick-next:hover { opacity: 0.8; } .slick-arr.slick-prev { top: 0; } .slick-arr.slick-next { bottom: 0; } .thumbnails .image-additional { width: 130px!important; height: 168px!important; border: none; cursor: pointer; overflow: hidden; } .thumbnails .image-additional:last-child { margin-bottom: 0; } img.mfp-img { max-width: 800px!important; height: 100%!important; } .image-additional a { display: block; width: 100%; height: 100%; } .image-additional a img { width: 100%; height: 100%; } .product-info-right { margin-left: 15px; width: 100%; } .product-info-right .colors-wrap { width: 100%; } .product-info-title { font-size: 24px; font-weight: 500; color: var(--black); margin-top: 0; margin-bottom: 20px; } .product-info-articul { font-size: 12px; color: var(--black); margin-bottom: 5px; } .product-info-manufacturer { font-size: 12px; color: var(--black); margin-bottom: 27px; } .mfp-close { animation: unset; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { min-width: 44px; } @media (min-width: 1200px) { #content .col-lg-2:nth-child(6n + 1), #content .col-lg-2:nth-child(6n + 1), #content .col-lg-3:nth-child(4n + 1), #content .col-lg-4:nth-child(3n + 1), #content .col-lg-6:nth-child(2n + 1) { clear: left; } } @media (min-width: 992px) and (max-width: 1199px) { #content .col-md-2:nth-child(6n + 1), #content .col-md-2:nth-child(6n + 1), #content .col-md-3:nth-child(4n + 1), #content .col-md-4:nth-child(3n + 1), #content .col-md-6:nth-child(2n + 1) { clear: left; } } @media (min-width: 768px) and (max-width: 991px) { #content .col-sm-2:nth-child(6n + 1), #content .col-sm-2:nth-child(6n + 1), #content .col-sm-3:nth-child(4n + 1), #content .col-sm-4:nth-child(3n + 1), #content .col-sm-6:nth-child(2n + 1) { clear: left; } } /* fixed colum left + content + right*/ @media (min-width: 768px) { #column-left .product-layout .col-md-3 { width: 100%; } #column-left + #content .product-layout .col-md-3 { width: 50%; } #column-left + #content + #column-right .product-layout .col-md-3 { width: 100%; } #content + #column-right .product-layout .col-md-3 { width: 100%; } } /* fixed product layouts used in left and right columns */ #column-left .product-layout, #column-right .product-layout { width: 100%; } /* fixed mobile cart quantity input */ .input-group .form-control[name^="quantity"] { min-width: 50px; } #form-review > .form-review-title { font-size: 27px; font-family: "Montserrat"; color: var(--black); margin-top: 25px; margin-bottom: 10px; font-weight: 500; line-height: 1.1; } /* Missing focus and border color to overwrite bootstrap */ .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-image: none; background-color: #000; color: #fff !important; text-shadow: none !important; box-shadow: none !important; border: 1px solid #000; } .btn-danger:hover { background-image: none; background-color: #fff; color: #000 !important; text-shadow: none !important; box-shadow: none !important; border: 1px solid #000; } /* .flexRowHead { display: flex; justify-content: space-between; align-items: center !important; } .profileImg { width: 25px; } img.searchImg { width: 25px; } .bthHead { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0px; } .imgShopCart { width: 25px; position: relative; top: 3px; }*/ /*#cart-total { background-color: #c1272d; padding: 0px 6px; border-radius: 30px; position: absolute; left: 12px; top: -2px; } .telHead { font-family: "Roboto"; font-size: 14px; color: #000 !important; font-weight: 600; } .telHead:hover { text-decoration: underline !important; } .manuHeadLeft a:hover { text-decoration: underline !important; }*/ .languageBlock { margin-left: 21px; } .languageSpan { font-size: 14px; line-height: 1.3; color: var(--black); } .menuLanguage>li>a { padding: 3px 10px; } .languageBlock button { width: auto; min-width: auto; padding: unset; margin: unset; height: unset; } .flexRowHead .list-inline li { padding: 0px 0px 0px 20px; } .manuHeadLeft a { color: #000; font-size: 14px; font-family: "Roboto"; padding: 0px 23px 0px 0px; } .flexRowHead ul.list-inline { margin: -14px 0px 0px 0px !important; display: flex; align-content: center; align-items: center; } .flexRowHead #top-links ul.list-inline { justify-content: flex-end; } #megamenu-menu { margin-bottom: 0px !important; } .btn-primary.focus, .btn-primary:focus, .btn-primary:hover { color: #d7c4b7 !important; background-color: transparent !important; border: 1px solid #d7c4b7 !important; outline: none !important; } button.btn.btn-custom-srav:focus { outline: none !important; box-shadow: none !important; } #login_model .modal-dialog { background: #fff !important; } #login_model .modal-content { border-radius: 0px; } .fa-exclamation-circle:before { content: "\f06a"; font-family: "Font Awesome"; } .fa-angle-right:before { content: "\f105"; font-family: "Font Awesome"; } .login-title { text-align: center; font-size: 22px; font-family: "Montserrat"; color: #171717; } #login_form label.control-label { display: none; } #button_login { max-width: 100%; border-radius: 0px !important; box-shadow: none !important; background: #000 !important; border-color: #000 !important; text-transform: uppercase; letter-spacing: 1px; font-size: 12px !important; font-weight: bold !important; min-height: 50px; position: relative !important; right: 0px !important; display: block !important; width: 100% !important; } #login_form input { font-size: 14px; font-family: "Montserrat"; box-shadow: none !important; border: none; border-radius: 0px; border-bottom: 2px solid #828282 !important; padding: 0px 0px 5px; height: 40px; margin-bottom: 10px; } #remeber_password { color: #171717; text-decoration: underline; } .checkout-checkout footer { margin-top: 20px; } .width-img-svg { max-width: 48px; } .block-oplata .width-img-svg { max-width: 41px; } .bg-category.register-bg { background-color: #f7f8fd; background-image: none; } .account-register legend { font-size: 22px; color: #000; font-family: "Montserrat"; } .account-register form fieldset input[type="text"], .account-register form fieldset input[type="password"], .account-register form fieldset input[type="email"], .account-register form fieldset input[type="tel"], .account-register form fieldset select { border: none !important; box-shadow: none !important; border-bottom: 2px solid #828282 !important; border-radius: 0px !important; padding-left: 0px !important; padding-bottom: 15px !important; margin-bottom: 10px; height: 40px !important; color: #828282 !important; font-size: 14px !important; } .account-register #content p { font-size: 14px; color: #000; } .account-register input.btn.btn-primary { background: #000; font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-radius: 0px; border: 1px solid #000; padding: 12px 30px; color: #fff; } .account-account h2 { font-family: "Montserrat"; color: #000; margin-bottom: 15px; } .account-account .list-unstyled a { color: #000 !important; font-size: 14px; font-family: "Montserrat"; margin-bottom: 6px; display: inline-block; } .account-account .list-unstyled a:hover { text-decoration: underline; } .account-order h1 { font-family: "Montserrat"; color: #000; } .form-horizontal .control-label { color: #000; font-size: 14px; } .account-register a b { color: #000; text-decoration: underline; } .account-register #content a { color: #000; text-decoration: underline; font-weight: bold; } .list-group-item { color: #000 !important; font-size: 14px; font-family: "Montserrat"; } .well h2 { font-family: "Montserrat"; font-size: 22px; color: #000; } .well { min-height: 326px; padding: 19px; margin-bottom: 20px; background-color: #fff; border: 1px solid #e8e8e8; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: none; } .well .btn.btn-primary { font-size: 12px; font-weight: bold; font-family: "Montserrat"; text-transform: uppercase; letter-spacing: 1px; background: #000; text-shadow: none; border-radius: 0px; border: 1px solid #000; box-shadow: none !important; padding: 12px; min-width: 150px; color: #fff; } .well a.btn.btn-primary { display: inline-block; margin-top: 18px; } .related-block .article-thumb { margin-top: 13px; } .checkout-success h1 { font-size: 32px; color: #000; font-family: "Montserrat"; margin-bottom: 20px; } .checkout-success #content p { font-size: 16px; color: #000; } .checkout-success #content a { font-size: 16px; color: #000; text-decoration: underline; } .checkout-success #content a.btn.btn-primary { color: #fff !important; text-decoration: none !important; font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; background: #000; box-shadow: none; border-radius: 0px; border: 1px solid #000; padding: 12px; min-width: 160px; } .akcii-span { color: #000; font-size: 20px; display: block; margin-bottom: 16px; } table.table.table-borde#c1272d td { color: #000; font-family: "Montserrat"; } table.table.table-borde#c1272d td a { color: #000; font-family: "Montserrat"; text-decoration: underline; } .row-product-btn { position: relative; display: flex; margin-bottom: 10px; } .block-text-evita h2 { color: #000; font-family: "Montserrat"; font-size: 22px; margin-bottom: 15px; } .product-checkout-block { display: flex; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #efefef; } .product-checkout-block:last-child { border-bottom: none; } .caption-checkout { width: 100%; } .checkout-checkout .img-product-checkout { float: left; margin-right: 20px; display: inline-block; } .checkout-cart h1 { font-family: "Montserrat"; color: #000; margin-bottom: 20px; } .list-plata li { font-family: "Montserrat"; font-size: 16px; color: #171717; margin-bottom: 5px; } .ocfilter .popover.top { margin-top: 20px; top: -50px!important; } @media (max-width: 1650px) { .absolutBlockImg { position: absolute; top: 6px; z-index: 0; left: -12%; } .absolutImgCenter { position: absolute; top: -60px; right: 0; text-align: right; } .absolutImgCenter .imgRight { width: 90%; } } @media (max-width: 1440px) { .absolutBlockImg { position: absolute; top: -5px; z-index: 0; left: -370px; } .absolutImgCenter .imgRight { width: 76%; } .common-home .imgLeft { width: 93%; } .absolutImgCenter { position: absolute; top: -4px; right: 0; text-align: right; } .absolutImgRight img { position: absolute; top: -110px; right: -170px; left: 0; margin: auto; z-index: 9; } } @media (max-width: 1300px) { .absolutBlockImg { position: absolute; top: 3px; z-index: 0; left: -370px; } .common-home .imgLeft { width: 87%; } } @media (max-width: 1024px) { .flexRowHead .list-inline li { padding: 0px 0px 0px 13px; } .specoffer-section { background-position-x: 618px; } } @media (max-width: 770px) { .tab-content img { max-width: 100%; } figure img.mfp-img { max-height: auto !important; height: auto !important; } .popupcart_buttons .button-circle:before { height: 70px; } .caption-checkout a { color: var(--black); } .button-circle svg { margin-left: 5px !important; } .header-search { display: none; } .blockImgCont img { max-width: 100%; } i.fa.fa-times-circle { margin-right: 2px; } .dropdown-img:after { right: -2px !important; } /* #megamenu-menu .nav > li > a { font-size: 10px !important; padding: 20px 0px 10px 0px; } */ .ocfilter-option label .link-name { margin-left: 20px; } .product-grid .product-thumb .caption { min-height: 80px; padding: 0 10px; } .ocfilter-option .ocf-option-values { position: relative; margin-left: 0px; } select#input-sort { width: 180px; background: #fff; } .block-img-cat { margin-top: 75px; } .block-img-cat img { width: 100% !important; max-width: 100%; } .bg-category { padding: 45px 0px 45px; top: 0px; margin: 15px 0px 40px; background-image: none; background-color: #F8F8F8; } .common-home .imgLeft { width: 100%; } .bg-category.bg-with-img { background-color: #f7f8fd; background-image: none !important; } #top .btn-link, #top-links li, #top-links a { color: #888; text-shadow: 0 1px 0 #fff; text-decoration: none; padding: 1px 1px; } .specoffer-section { background-position-x: 0; } .catImg { width: 100%; } .owl-nav .owl-next { right: 0; width: fit-content; z-index: 99999; position: absolute; } .owl-nav .owl-prev { left: 0px; width: fit-content; z-index: 99999; position: absolute; } .title-slider-akcia { text-align: center; } .skidka { margin-left: auto; margin-right: auto; } .subtitle-ourContact { font-size: 14px; } .article-thumb .caption { top: -30px; } .countdown { text-align: center; } /* .row-flex-feat { display: flex; flex-wrap: wrap; justify-content: center; } */ .flexRowHead ul.list-inline { margin: -12px 0px 0px 0px !important; display: flex; align-content: center; align-items: center; flex-direction: row; } .flexRowHead .list-inline li { padding: 0px 0px 0px 0px; display: flex; flex-direction: row; margin: 0 0 20px; width: 100%; justify-content: center; } .category-head { font-size: 26px; display: flex; flex-direction: column; align-items: flex-start; align-items: flex-start; } .categories-list { margin-top: 15px; } .sort-control { margin-top: 15px; } .sort-container { display: flex; /* margin-top: 5px; */ } .sort-control { height: auto; } .languageBtn { padding: 0px; } .manuHeadLeft a { padding: 0px 13px 0px 0px; display: inline-block; } .manuHeadLeft .telHead { font-size: 14px !important; color: #c1272d !important; font-weight: 500 !important; } #logo img.img-responsive { height: 60px; } img.searchImg { width: 20px; } .profileImg { width: 20px; } .imgShopCart { width: 20px; position: relative; top: 4px; } .telHead { font-size: 13px; position: relative; top: 1px; } #top .container { padding: 0 0px; } .manuHeadLeft a { font-size: 13px; } .left-col-feat { flex-basis: 34%; } .center-col-feat { flex-basis: 31%; } .right-col-feat { flex-basis: 35%; } .featuresIcon { width: 53px; float: left; padding-right: 5px; margin-bottom: 30px; } .absolutBlockImg { position: relative; top: 26px; z-index: 0; left: 0; } .absolutImgCenter { position: relative; top: -5px; right: 0; text-align: right; } .absolutImgRight img { display: none; } .absolutImgCenter .imgRight { width: 100%; } footer { margin-top: 80px; } .blockLastImg { margin-top: 65px; } .nowTitle { margin: 50px 0px 55px; } .newLatest { padding: 75px 0px 5px; } .bestMargin { padding: 25px 0px 5px; } .specoffer-section { padding: 70px 0px 298px; margin-top: 0px; margin-bottom: 90px; background-position-y: 270px; } } @media (max-width: 500px) { .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); width: 100%; } .main-banners_wrap { height: auto !important; } a.main-banner { position: relative !important; float: none !important; left: 0px !important; top: 0px !important; } #megamenu-menu .nav > li > a { font-size: 12px !important; padding: 20px 0px 10px 0px; } .block-img-cat { margin-top: 20px; } .article-thumb { margin-bottom: -35px; } .ocf-offcanvas .ocfilter-mobile-handle { position: absolute; left: 100%; top: auto !important; bottom: 150px; } .information-information-10 footer { margin-top: 0px; } .pagination > li > a, .pagination > li > span { padding: 6px 8px; } .row-product-cat .product-layout { min-height: auto; /* width: 50%; max-width: 50%; */ width: 100%; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #d7d7d7; } .owl-nav > div { margin-top: -26px; position: absolute; top: 50%; color: #cdcbcd; z-index: 999999 !important; } .nameProduct a { line-height: 1.1em; position: relative; display: block; overflow: hidden; height: 2.2em; font-size: 14px; } .article-thumb .caption { text-align: left; } .checkout-checkout .img-product-checkout { float: none; text-align: center; display: block; } .img-product-checkout { float: none; text-align: center; display: block; } #popupcart_extended .popupcart_info .price { width: 100% !important; text-align: left!important; } .caption-checkout a { text-align: center; } .block-product .caption-checkout { width: 100%; } .img-product-checkout a { /* float: none; */ text-align: center !important; } #d_quickcheckout .img-product-checkout .img-responsive { margin: auto !important; } .caption-checkout { text-align: left; } #d_quickcheckout button#qc_confirm_order { margin-right: auto !important; } #d_quickcheckout div#shipping_address { margin-top: 0px; } .bg-category { padding: 0px; top: 0px; margin: 15px 0px 0px; } .posled-article { margin: 20px 0px 0px; } .article-thumb .caption { top: -49px; } p.title-ourContact { min-height: auto; } .block-ourContact { margin-bottom: 25px; } .formWesta input { margin-bottom: 30px; } .title-slider-akcia { font-size: 25px; text-align: center; margin-bottom: 30px; } .carousel-wrap .container { display: flex; align-items: center; flex-direction: column; justify-content: center; } .carousel-wrap .container img { max-width: 170px; float: left; } .item .textBlock-slider { width: auto; padding: 0px 20px 40px; float: none; text-align: center; } .lastCollect { color: #000; font-size: 12px; text-transform: uppercase; font-family: "Roboto"; font-weight: bold; letter-spacing: 1px; background: #c1272d; padding: 15px 20px; display: block; width: fit-content; margin: 0 auto; } .seo-section .table-responsive table tr td:first-child { max-width: 200px; } .seo-section .table-responsive > .table > tbody > tr > td { white-space: break-spaces; padding: 0 8px 0 !important; } .main-banner_wrap { position: relative !important; height: auto !important; background: #f8f8f8 !important; display: flex !important; flex-direction: column !important; align-items: center !important; padding: 15px !important; } .main-banner_img { position: relative !important; bottom: 0 !important; right: 0px !important; max-width: 80% !important; max-height: 100% !important; margin: 0 0 15px !important; } .main-banner_box { position: relative !important; z-index: 1 !important; left: 0 !important; bottom: 0 !important; max-width: 100% !important; font-size: 14px !important; background: #f8f8f8 !important; } .main-banner_box h4, .main-banner_box .h4 { margin: 0 0 15px !important; text-align: center !important; } .main-banner_box p { margin-bottom: 15px !important; font-size: 20px !important; color: #c1272d !important; text-align: center !important; } .main-banner_wrap .btn { display: block !important; width: fit-content !important; margin: 0 auto !important; float: none !important; } #manual { width: 100% !important; padding: 0px 0 40px !important; background-color: #f5f5f5; } .countdown { text-align: center; } .skidka { max-width: 250px; width: 100% !important; margin-bottom: 37px; margin-right: auto; margin-left: auto; } .skidka { max-width: 250px; width: 100% !important; margin-bottom: 37px; } .block-oplata { margin-top: 50px; } .block-attr-prod { text-align: center; } .block-desc-cat { position: relative; margin-top: 50px; margin-bottom: 50px; } .procentBlock { text-align: center; } .procentBlock img { float: none; margin-right: 10px; margin: auto; } .descRight-proc { height: auto; align-items: center; display: block; text-align: center; margin-top: 20px; } .title-random { text-align: center; } div#cart { margin-top: 0px; } #cart-total { left: -8px; top: -4px; } .searchBtn { margin-top: 0px; } a.dropdown-toggle { margin-top: 0px; display: block; } /* .bg-with-img { top: 0px; margin-top: 10px; margin-bottom: 25px; padding: 20px 0px 20px; background-position-x: 55%; }*/ .block-img-cat img { width: 100%; } .caption { text-align: center; } .form-group.group-inline { display: block; justify-content: space-between; margin-top: 50px; margin-bottom: 30px; text-align: center; } .product-head { font-size: 22px; font-family: "Montserrat"; color: #000; margin-top: 2px; margin-bottom: 55px; text-align: center; } .languageBlock { padding-right: 0px !important; } .block-inline-quant { display: flex; margin: 20px 0px; align-items: center !important; text-align: center; justify-content: center; } .btn-add-cart-custom { margin: auto; } #top .container { padding: 0 20px; } #top-links { padding-top: 6px; width: 100%; } .telHead { font-size: 14px; position: relative; top: 1px; } img.searchImg { width: 20px; } .profileImg { width: 20px; } .imgShopCart { width: 20px; } .languageBtn { /* padding: 0px; */ padding: 0px 0px 4px 12px; } .title-slider { font-size: 36px; padding: 0px 0px; margin-top: -20px; } .featuresIcon { width: 60px; float: none; padding-right: 10px; margin: 0px 0px 5px; } .row-flex-feat { justify-content: center; } .row .text-center { margin-right: 0px; margin-left: 0px; } .featureBlock { text-align: center; } .featureBlock { text-align: center; margin-bottom: 25px; } .owl-nav .owl-next { right: 25px; } .owl-nav .owl-prev { left: 25px; } .nowTitle { margin: 50px 0px 40px; } .titleSpec { font-size: 29px; line-height: 1.1; } .blockPercent { margin-top: 184px; text-align: center; } .imgPercent { float: none; padding-right: 0px; margin-bottom: 30px; } .textPercent:before { content: ""; background: #000; width: 50px; height: 2px; display: none; margin: auto; margin-bottom: 25px; } .blockLastImg { margin-top: 10px; } .catImg { width: 100%; } .absolutBlockImg { position: relative; top: 0; z-index: 0; left: 0; } .absolutImgRight img { position: relative; top: 0; right: 0; left: 0; margin: auto; z-index: 9; display: none; } .absolutImgCenter { position: relative; top: 0; right: 0; } .absolutImgCenter .imgRight { width: 100%; } /* button.btn.btn-link.dropdown-toggle { padding-top: 8px !important; }*/ .flexCopy { display: block; padding-top: 0px; } .menuLeftLogo { /*display: none;*/ } div#logo { width: 170px; position: relative; } div#logo img { width: 100%; } .ocfilter-mobile-handle .btn-primary { color: #000; text-shadow: none; background-color: #fff; background-image: none; background-repeat: repeat-x; border-color: #000; } .ocfilter-mobile .list-group { padding: 20px 10px 10px; } .ocfilter-mobile-handle .btn-primary:focus { color: #000; text-shadow: none; background-color: #fff; background-image: none; background-repeat: repeat-x; border-color: #000; } .flexRowHead { display: block; justify-content: space-between; align-items: center !important; } #logo img.img-responsive { margin: auto; margin-top: 5px; } #top-links .list-inline { justify-content: flex-end !important; flex-direction: row-reverse !important; } .telHeadBlock { margin-top: 25px; } .newLatest { padding: 60px 0px 0px; } /* .owl-carousel .item { height: 65vh; background-position: top; } */ .main-banner { float: center !important; width: 100% !important; } .bestMargin { padding: 10px 0px 60px; } .specoffer-section { padding: 0px 0px 0px; background-position-y: 100px; margin-bottom: 10px; margin-top: 0px; } .btnLatest span.hidden-xs.hidden-sm.hidden-md { display: block !important; } .owl-latest .owl-stage-outer { padding-top: 20px; padding-bottom: 25px; } .btnLatest { /* top: 40%; */ top: 28%; border: none; text-decoration: underline; } #megamenu-menu button.btn.btn-navbar.navbar-toggle { position: absolute; top: -75px; right: -15px; } #top-links { float: left !important; padding-top: 0px; width: fit-content; margin: -40px 0 0 -5px; } #advantages h2, #cost h2, #gallery h2 { font-size: 22px; } #cost .container .delivery { width: 100% !important; height: auto !important; } #cost .delivery > div { width: 100% !important; border: 1px solid #333 !important; margin: 12px auto 60px !important; padding: 15px !important; color: #1f1f1f; } #cost .container .x1, #cost .container .x2, #cost .container .x4 { width: 100% !important; height: auto !important; padding: 0 0 40px; margin: 0 0 40px; } #cost h2 { margin-bottom: 50px !important; } .younow-section { margin-bottom: 0px; } #cost { width: 100% !important; margin: 50px 0 0 !important; } #manual-schema { width: 100% !important; height: 285px !important; float: left; background: url(/image/catalog/manual/manual-schema.jpg) 0 80px no-repeat; background-size: contain !important; } #manual-desc { width: 100% !important; height: 100% !important; float: left; } #manual-desc ol, #gallery-desc span { margin-left: 0px !important; padding-left: 20px !important; } #petl-roads, #round-roads, #angle-roads, #var-uzora { height: 516px !important; background-size: 250px !important; background-position: top center !important; padding-left: 0px !important; padding-top: 200px !important; } #gallery { width: 100% !important; padding: 20px 0 !important; background-color: #f5f5f5 !important; } #gallery-photos { float: left !important; width: 100% !important; height: 100% !important; margin: 40px 0 40px !important; } .gallery-page .gallery-item { flex-basis: 50% !important; max-width: calc(50% - 6px) !important; } #gallery-desc p { margin: 20px 0 20px 0 !important; } #gallery-desc span { margin-left: 0px !important; padding-left: 0 !important; } #uzoru-icons { width: 100% !important; height: 37px !important; background: url(/image/catalog/uzory/uzoru-icons.png) no-repeat; margin-bottom: 55px; margin-left: 0px !important; } #uzoru { width: 100% !important; padding: 40px 0 10px !important; } .form-group { text-align: left; } #megamenu-menu { min-height: 0px; } section.home-slider-section { margin-top: 1px; } #megamenu-menu div.dropdown-menu { margin-left: 0 !important; padding-bottom: 10px; background-color: transparent !important; /* display: block; */ box-shadow: none; border: none; } .megamenu-haschild .customMenuLink { text-align: center; color: #000 !important; font-size: 13px !important; } .percentZag { max-width: 75px; float: right; position: relative; top: -30px; } .skidkaBlock { display: block; margin-top: 15px; } .text-spasibo p { font-family: "Montserrat"; font-size: 14px; line-height: 1; color: #5d5d5d; } .title-spasibo { line-height: 1; } .quantity-flex { margin-left: 25px; } .pagination { padding-left: 1px; display: flex; flex-wrap: wrap; gap: 10px; } .category-products-pagination .pagination > li > a, .category-products-pagination .pagination > li > span { display: flex; justify-content: center; align-items: center; padding: 0; margin-right: 0; width: 35px; height: 38px; } .products-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media (max-width: 375px) { .nowTitle { margin: 5px 0px 40px; } .contact-evita { font-size: 14px; } } .btnLatest span.hidden-xs.hidden-sm.hidden-md { display: block !important; } @media (max-width: 360px) { .newLatest { padding: 60px 0px 55px; } } /*LANDSCAPE TABLET START*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .flexRowHead .list-inline li { padding: 0px 0px 0px 12px; } .languageBtn { padding: 0; } .block-img-cat img { width: 100%; } .owl-nav .owl-next { right: 0px; } .owl-nav .owl-prev { left: 0px; } .specoffer-section { background-position-x: 255%; } .newLatest { padding: 75px 0px 5px; } .bestMargin { padding: 30px 0px 10px; } .nowTitle { margin: 40px 0px 115px; } .absolutBlockImg { position: absolute; top: -14px; z-index: 0; left: -465px; } .absolutImgCenter .imgRight { width: 47%; } .center-col-feat { flex-basis: 25%; } .left-col-feat { flex-basis: 37%; } .right-col-feat { flex-basis: 37%; } #megamenu-menu .nav > li > a { font-size: 12px !important; } .title-slider-akcia { text-align: center; } .skidka { margin-left: auto; margin-right: auto; } .countdown { text-align: center; } .skidka { margin-bottom: 20px; margin-top: -25px; } select#input-sort { width: 100%; } .bg-category.bg-with-img { background-color: #f7f8fd; background-image: none !important; } .contact-evita { font-size: 15px; } footer { margin-top: 30px; } .product-grid .product-thumb .caption { min-height: 85px; padding: 0 10px; } .row-product-cat .product-layout { min-height: 350px; } .btnLatest { border-bottom: none; text-decoration: underline; } } /*LANDSCAPE TABLET END*/ .product-category-60 .bg-category { background-image: url(/image/catalog/category-filter/bg_svadebnie_ukr.jpg); } /*Категории на главной*/ .main-banners { margin: 75px 0; } .main-banners_wrap { margin: 0 -8px; } .main-banner { float: left; width: 50%; padding: 8px; transition: all 0.15s ease-in; } .main-banner:nth-child(3) { margin-right: 0; } .main-banner--big { width: 66.66%; } .main-banner--big .main-banner_img { right: 100px; max-width: 200px; } .main-banner--big .main-banner_box { max-width: 400px; } .main-banner--big-v .main-banner_wrap { height: 536px; } .main-banner_wrap { position: relative; height: 240px; background: #f8f8f8; transition: all 0.15s ease-in; } .main-banner_img { position: absolute; bottom: 0; right: 0px; m-ax-width: 160px; max-height: 100%; } .main-banner_box { position: absolute; z-index: 1; left: 26px; bottom: 26px; max-width: 300px; font-size: 14px; } .main-banner_box .label-new { margin-bottom: 20px; } .main-banner_box h4, .main-banner_box .h4 { margin: 0 0 15px; font-family: "Montserrat"; text-transform: uppercase; } .main-banner_box p { margin-bottom: 15px; font-size: 20px; color: #c1272d; } .main-banner_box .btn { margin-top: 5px; } .h4, h4 { font-size: 16px; line-height: 1.6; } .banner-sale { display: block; text-align: center; padding: 35px 15px; background: #ed6d02; font-size: 24px; font-weight: bold; color: #fff; } .banner-sale:hover, .banner-sale:focus { color: #fff; text-decoration: none; } .banner-sale img { display: inline-block; max-width: 100%; } .banner-sale span { display: block; } span.banner-sale_head { margin: -10px 0 30px; line-height: 1.1; font-size: 135px; color: #fff; } a.main-banner { color: #000; } .main-banner, .main-banner:hover { display: block; color: #000; text-decoration: none; } .main-banner:hover .main-banner_wrap { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); } .main-banner_wrap .btn { padding: 7.5px 12px; font-size: 14px; border: 1px solid #c1272d; border-radius: 0px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); color: #c1272d; background: transparent; transition: all 0.3s ease; } .main-banner:hover .btn { background: #c1272d; color: #fff; } #ajax_loader { width: 100%; height: 30px; margin-top: 15px; text-align: center; border: none !important; } #arrow_top { background: url("../../../../../image/chevron_up.png") no-repeat transparent; background-size: cover; position: fixed; bottom: 20px; right: 15px; cursor: pointer; height: 30px!important; width: 30px!important; z-index: 999999999; } #advantages { padding: 40px 0; } #advantages p { font-size: 14px; } #advantages .container { background: url(/image/catalog/advantages/znak.png) top right no-repeat; } #advantages h2, #cost h2, #gallery h2 { padding-left: 50px; background: url(/image/catalog/advantages/sign.png) 10px 6px no-repeat; } .advantage { float: left; width: 265px; margin: 10px; line-height: 20px; padding-top: 60px; } .advantage.first { } .advantage .icon { height: 100px; margin-bottom: 20px; } .advantage.first .icon { width: 77px; background: url(/image/catalog/advantages/advantages.png) 0 0 no-repeat; } .advantage.second .icon { width: 92px; background: url(/image/catalog/advantages/advantages.png) -77px 0 no-repeat; } .advantage.third .icon { width: 137px; background: url(/image/catalog/advantages/advantages.png) -169px 0 no-repeat; } .advantage.fourth .icon { width: 78px; background: url(/image/catalog/advantages/advantages.png) -306px 0 no-repeat; } .advantage h3 { font-family: pf_dindisplay, sans-serif; color: #1f1f1f; font-size: 19px; padding-bottom: 10px; height: 40px; display: table-cell; vertical-align: bottom; } .advantage p { color: #7a7a7a; } #cost { width: 100%; margin: 50px 0; } #cost .h2 { margin-bottom: 70px; } #cost .h3 { font-family: "Montserrat", sans-serif; font-size: 24px; line-height: 30px; margin: 90px 0 5px; text-align: center; color: #0e1212; } #cost .x2 .h3 { color: #fff; } #cost .h3 + p { font-family: "Montserrat", sans-serif; font-size: 14px; text-align: center; } #cost .x2 .h3 + p { color: #fff; } #cost .delivery > div { width: 250px; border: 1px solid #333; margin: 150px auto 0; padding: 15px; color: #1f1f1f; } #cost .delivery > div .h3 { margin: 0 0 5px 0; text-align: left; } #cost .delivery > div p { margin-bottom: 10px; } #cost .delivery > div p, #cost .delivery > div strong { font-size: 14px; line-height: 22px; } #cost .delivery hr { width: 105px; margin: 5px 0; } #cost .container .delivery, #cost .container .x1, #cost .container .x2, #cost .container .x4 { width: 285px; height: 700px; float: left; position: relative; } #cost .container .x1, #cost .container .x4 { background-color: rgb(245, 245, 245); } #cost .container .x2 { background-color: rgb(26, 188, 156); } #cost .container .x1:before, #cost .container .x2:before, #cost .container .x4:before { content: ""; position: absolute; width: 100%; height: 285px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center; left: 0; right: 0; top: 160px; } #cost .container .x1:before { background-image: url(/image/forma1.png); } #cost .container .x2:before { background-image: url(/image/forma2.png); } #cost .container .x4:before { background-image: url(/image/forma4.png); } #cost .price-block { margin-top: 360px; } #cost .price { font-family: "Montserrat", sans-serif; font-size: 49px; font-weight: bold; text-align: center; color: #383838; } #cost .x2 .price { color: #fff; } #cost .x4 .price { color: #ff473f; } #cost .price-text { height: 32px; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: bold; padding-top: 5px; color: #383838; line-height: 14px; text-align: center; } #cost .x2 .price-text { color: #fff; } #cost div div button.order { display: block; margin: 10px auto 0; width: 155px; height: 40px; border: 0; outline: none !important; box-shadow: none !important; line-height: 40px; text-align: center; text-decoration: none; background-color: #1bbc9b; color: #f2f2f2; font-family: "Montserrat", sans-serif; font-size: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 0; } #cost .x2 button.order { color: #c1272d; background-color: #fff; text-shadow: none; line-height: 41px; } #cost div div button.order:hover, #order-form #order-submit:hover { background-color: #ff473f; } #cost div div button.order:active, #cost .next { left: 35px; bottom: 60px; } #order-form #order-submit:active { background-color: #16a086; } #cost .x2 button.order:hover { color: #f2f2f2; text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 0; line-height: 40px; } #manual { width: 100%; padding: 100px 0; background-color: #f5f5f5; } #manual-icons { width: 640px; height: 37px; float: left; } #manual-icons.photos { background: url(/image/catalog/manual/manual-icons.png) 247px 0 no-repeat; } #manual-icons.schema { background: url(/image/catalog/manual/manual-icons.png) 247px -37px no-repeat; } #manual-icon-photos { float: left; height: 37px; width: 250px; margin: 0 3px 0 236px; cursor: pointer; } #manual-icon-schema { float: left; height: 37px; width: 120px; cursor: pointer; } #manual-photos { width: 640px; height: 100%; float: left; background: url(/image/catalog/manual/manual-photos.jpg) 40px 75px no-repeat; display: none; } #manual-photo-schema { width: 160px; height: 160px; cursor: pointer; margin: 251px 0 0 400px; } #manual-photo-schema:hover { background: url(/image/catalog/manual/manual-hover.png) no-repeat; } #manual-schema { width: 640px; height: 411px; float: left; background: url(/image/catalog/manual/manual-schema.jpg) 0 80px no-repeat; } #manual-desc { width: 500px; height: 100%; float: left; } #manual-desc p, #gallery p { margin: 35px 0; font-family: "Montserrat", sans-serif; font-size: 19px; color: #1f1f1f; } #manual-desc ol, #gallery-desc span { font-family: "Montserrat", sans-serif; font-size: 14px; color: #595959; margin-left: 20px; } #manual-desc li { margin-bottom: 10px; font-size: 14px; line-height: 16px; } #gallery p { margin: 35px 0; font-family: pf_dindisplay, sans-serif; font-size: 19px; color: #1f1f1f; } #manual-desc ol, #gallery-desc span { font-family: pf_dindisplay, sans-serif; font-size: 14px; color: #595959; margin-left: 20px; } #manual-desc li { margin-bottom: 10px; font-size: 14px; line-height: 16px; } #gallery { width: 100%; padding: 80px 0; background-color: #f5f5f5; } #gallery-desc { float: left; width: 360px; height: 100%; margin-right: 100px; } #gallery-desc span { display: block; margin-left: 50px; line-height: 16px; } .gallery-page { display: flex; margin: 0 -6px; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .gallery-page .gallery-item { background-size: cover; background-position: center; flex-basis: 25%; max-width: calc(25% - 6px); width: 100%; margin: 0 3px 6px; } .gallery-page.hidden { display: none; } .gallery-thumb { float: left; width: 160px; height: 160px; } .gallery-thumb.tl { margin: 0 20px 20px 0; } .gallery-thumb.tm { margin: 0 20px 20px 0; } .gallery-thumb.tr { margin: 0 0 20px 0; } .gallery-thumb.bl { margin: 0 20px 0 0; } .gallery-thumb.bm { margin: 0 20px 0 0; } .gallery-page a { display: block; width: 160px; height: 160px; } .gallery-page a:hover { background-image: url(../images/gallery-hover.png); } #gallery-video:hover { background-image: url(../images/gallery-video-hover.png); } #gallery-controls { float: left; width: 80px; margin: 30px 0 0 440px; height: 30px; } #gallery-prev, #gallery-next { float: left; width: 40px; height: 30px; background-image: url(../images/gallery-controls.png); background-repeat: no-repeat; } #gallery-next { background-position: -40px -30px; } #gallery-prev.active { background-position: 0 -30px; cursor: pointer; } #gallery-next.active { background-position: -40px 0; cursor: pointer; } #gallery-desc p { margin: 35px 0 35px 50px; } #gallery-photos { float: left; width: 680px; height: 100%; } #uzoru { width: 100%; padding: 100px 0 50px; } #uzoru .next { bottom: -30px; } #uzoru-icons { width: 710px; height: 37px; background: url(/image/catalog/uzory/uzoru-icons.png) no-repeat; margin-bottom: 55px; margin-left: 75px; } #uzoru-icons.petl-roads { background-position: 0px 0px; } #uzoru-icons.round-roads { background-position: 0px -37px; } #uzoru-icons.angle-roads { background-position: 0px -74px; } #uzoru-icons.var-uzora { background-position: 0px -111px; } #uzoru-icons div { height: 37px; cursor: pointer; display: inline-block; margin: 0; float: left; } #petl-roads-icon { width: 214px; } #round-roads-icon { width: 143px; } #angle-roads-icon { width: 136px; } #var-uzora-icon { width: 217px; } #uzoru .h2 { font-size: 27px; font-family: "Montserrat"; margin-bottom: 25px; margin-top: 20px; } #uzoru p { color: #7a7a7a; line-height: 20px; margin-bottom: 10px; } #petl-roads { background: url(/image/catalog/uzory/petl-roads.png) 130px 0px no-repeat; padding-left: 510px; } #round-roads { height: 360px; background: url(/image/catalog/uzory/round-roads.png) 65px 0px no-repeat; padding-left: 510px; } #round-roads span, #angle-roads span, #var-uzora span { display: block; font-size: 19px; color: #1f1f1f; margin-bottom: 25px; } #angle-roads { height: 360px; background: url(/image/catalog/uzory/angle-roads.png) 0px 0px no-repeat; padding-left: 510px; padding-top: 50px; } #var-uzora { height: 360px; background: url(/image/catalog/uzory/var-uzora.png) 40px 40px no-repeat; padding-left: 600px; padding-top: 50px; } .right-fixed-block { float: right; margin: 30px 0 0 10px; width: 264px; position: relative; z-index: 2; } .uzor-item { display: none; } .uzor-item.active { display: block; } section.seo-section { padding: 80px 0; } .dropdown > a:hover::before { width: 100%; } .quantity { display: flex; align-items: center; justify-content: center; padding: 0; } .quantity__minus, .quantity__plus { display: flex; align-items: center; justify-content: center; font-size: 16px; width: 20px; height: 20px; margin: 0; background: #dee0ee; text-decoration: none; text-align: center; line-height: 20px; border-radius: 2px; } .quantity__minus:hover, .quantity__plus:hover { background: #575b71; color: #fff; } .quantity__input { width: 30px; height: 18px; margin: 0; padding: 0; text-align: center; border-top: 2px solid #dee0ee; border-bottom: 2px solid #dee0ee; border-left: 2px solid #dee0ee; border-right: 2px solid #dee0ee; background: #fff; color: #8184a1; } .quantity__minus:link, .quantity__plus:link { color: #8184a1; } .quantity__minus:visited, .quantity__plus:visited { color: #fff; } .hits-item__qty { display: flex; align-items: center; } .hits-item__qty > span { margin-right: 4px; } button { background: transparent; box-shadow: 0px 0px 0px transparent; border: 0px solid transparent; text-shadow: 0px 0px 0px transparent; } /* button:hover { background: transparent; box-shadow: 0px 0px 0px transparent; border: 0px solid transparent; text-shadow: 0px 0px 0px transparent; } */ button:active { outline: none; border: none; } button:focus { outline: 0; } .flex-row { /* display: flex; */ /* margin-bottom: 35px; */ } .limit-control, .sort-control { } .limit-control { text-align: right; } .limit-container, .sort-container { } .limit-text, .sort-text { font-size: 16px; color: #000; } .limit-field { width: 40px; height: 30px; font-size: 14px; border: 1px solid #d7d7d7; border-radius: 5px; } .sort-field { width: 230px; height: 30px; font-size: 14px; border: 1px solid #d7d7d7; border-radius: 5px; } .product-subhead { font-size: 14px; margin-bottom: 25px; } .inStock { color: #00a046; margin-right: 10px; font-weight: 500; } .inStock .red { color: #c1272d; font-weight: 500; } .product-price { margin-top: 15px; margin-bottom: 15px; display: flex; align-items: center; justify-content: space-between; width: 350px; } .product-price .k-button:hover { background: transparent; color: #000; border: 1px solid #000; } .attr-item { font-size: 14px; margin: 10px 0; } .attr-item__text { color: var(--black); } .product-price__old { font-size: 14px; text-decoration: line-through; color: #a3a3a3; } .product-price__new { font-size: 24px; line-height: 1; font-weight: 500; } .product-btns { margin-bottom: 25px; } .product-btns .k-button:hover { border: 2px solid #c1272d; color: #c1272d; background-color: transparent; } .attrib-title { font-size: 20px; margin-bottom: 10px; } .product-content { display: flex; justify-content: space-between; } .product-atributes .radio { margin-top: 0; } .sort-container .sort-item { padding: 2px 2px; font-size: 12px; border-radius: 5px; margin-right: 10px; width: 130px; display: inline-block; text-align: center; } .sort-container .sort-item:last-child { margin-right: 0; } .sort-container .active-sort, .sort-container .inactive-sort:hover { background-color: var(--brown); color: var(--white); } .sort-container .inactive-sort { border: 1px solid #1d1d1b30; color: #1d1d1bbf; } .empty-space { height: 25px; } .category-page_product #column-left { padding-right: 0; } .tovar-wrap { margin-top: 20px; } .after-main { margin-top: 55px; } .tabs-wrap { } .main-cat-views .row { display: flex; flex-wrap: wrap; } .region-first-screen { display: flex; flex-wrap: wrap; } .region-first-screen { overflow: hidden; margin: 30px 0px 5px; } .main-cat-views .row { display: flex; flex-wrap: wrap; } .main-cat-views .col { margin-bottom: 30px; } .main-cat-views-1 .col .cover { background-position: right bottom; } .main-cat-views-1 .col .cover { background-color: var(--brown); } .main-cat-views .col .cover { height: 180px; } .main-cat-views .col .cover, .categor-one .col .cover, .block-slider .cover { display: flex; border-radius: 24px; height: 320px; overflow: hidden; position: relative; } .main-cat-views .cover-content { position: relative; width: 100%; } .main-cat-views .cover-content { display: block; margin: 25px 25px 0px 25px; } .main-cat-views .views-field-title, .block-slider .views-field-title { font-weight: bold; font-size: 20px; line-height: 1.2; color: #323232; margin-bottom: 15px; } .main-cat-views .views-field-field-image { position: absolute; bottom: 10px; right: 0px; } .main-cat-views .views-field-field-main-cat { position: absolute; left: 25px; bottom: 25px; } .main-cat-views .col:nth-child(2) .cover { background-color: var(--brown); } .main-cat-views-1 .col .cover { background-position: right bottom; } .main-cat-views .col .cover { height: 180px; } .main-cat-views .col:hover .views-field-field-main-cat a, .page-assortment .view-categor .col:hover .views-field-path a { width: 160px; background: url(/image/catalog/home/icons/b-arrow-g.png) 15px center no-repeat,#FFFFFF; padding: 8px 0px; color: #575757; font-weight: 600; font-size: 18px; text-align: center; text-indent: 20px; text-decoration: none; border: 1px solid #fff; transition: .2s linear; } .main-cat-views .views-field-field-main-cat a, .view-blog .views-field-title-1 a, .page-assortment .view-categor .views-field-path a { display: block; background: url(/image/catalog/home/icons/b-arrow-gr.png) center center no-repeat; border-radius: 12px; width: 42px; height: 42px; font-size: 0px; border: 1px solid #B8B8B8; } .main-cat-views .views-field-field-image img { max-height: 110px; width: auto; max-width: 150px; } .main-cat-views .col:nth-child(2) .cover { background-color: #C7EDE8; } .main-cat-views .col:nth-child(3) .cover { background-color: #FFEEF4; } .main-cat-views .col:nth-child(7) .cover { background-color: #eadff2; } .main-cat-views .col:nth-child(8) .cover { background-color: #E5F1FC; } .main-cat-views .col:nth-child(4) .cover { background-color: #C7EDE8; } .main-cat-views .col:nth-child(5) .cover { background-color: #f8e9e4; } .main-cat-views .col:nth-child(6) .cover { background-color: #FFEEF4; } .tab-actions { display: flex; align-items: center; justify-content: space-around; margin: 0; padding: 0; } .tab-actions li { font-size: 14px; color: var(--black); margin: 0; padding: 0; list-style-type: none; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-actions li a, .tab-actions li span { font-size: 16px; font-weight: 500; text-transform: uppercase; color: var(--brown); } .tab-actions li:hover, .tab-actions li.active { } .tab-content { } .tab-pane { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left: 200%; display: block; opacity: 0; } .tab-pane.active { margin-left: 0; opacity: 1; } .attr-item__name { margin-bottom: 8px; } .tab-content>.active { display: block; } #tab-review { max-height: 500px; height: 100%; overflow-y: auto; padding-bottom: 20px; } .nav-tabs { } .nav-tabs>li { } .nav-tabs li a { color: #272730; font-size: 18px; } .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li a:hover { color: #FFF; background: #c1272d; border-color: #c1272d; font-size: 18px; } .form-control:focus { border-color: var(--brown); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(156 115 87 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(156 115 87 / 60%); } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #c1272d!important; } .owl-dots { display: none; } .buy-click { font-size: 20px; margin-bottom: 10px; margin-top: 20px; } #post_form { display: flex; align-items: center; } #post_form input[type="tel"] { border: 1px solid #c5c5c5; padding: 6px 20px; border-radius: 10px; height: 40px; font-size: 14px; outline: none; } #post_form .shortzakaz { font-size: 15px; line-height: 18px; padding: 0px 20px; height: 40px; width: 125px; background: #000; border: 0; border-radius: 10px; color: #fff; margin-left: 12px; box-shadow: none; outline: none; display: flex; align-items: center; justify-content: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .categories-list { display: flex; justify-content: flex-start; align-items: center; } .categories-list__item { line-height: 34px; border-radius: 5px; border: 1px solid var(--brown); color: var(--black); -webkit-tap-highlight-color: transparent; margin: 0 2px; min-height: 34px!important; display: flex; justify-content: center; align-items: center; } .categories-list__item:hover { background-color: var(--brown); color: var(--white); } .categories-list__item:hover a { color: var(--white); } .review-input, .review-textarea { border: none; box-shadow: none !important; border-bottom: 1px solid var(--black) !important; border-radius: 0px !important; padding-left: 0px !important; padding-bottom: 15px !important; margin-bottom: 10px; height: 40px !important; color: var(--black) !important; font-size: 14px !important; width: 100%; } .review-textarea { } .slide-item { border: 1px solid #d7d7d7; padding: 20px; } .slide-title { font-size: 16px; font-weight: 500; /* margin: 50px 0 30px; */ margin-top: 10px; color: #000000; height: 40px; overflow: hidden; } .slide-title > a { color: #000000; } .slide-title > a:hover { color: #c1272d; } .hits-item__left { display: flex; align-items: center; } .contacts-col-title { font-size: 20px; color: #000; } .contacts-col-item { display: flex; align-items: center; margin-top: 20px; } .contacts-col-text { font-size: 16px; color: #000; } .contacts-col-item .socials { width: 200px; display: flex; justify-content: space-between; } .contacts-col-item .socials a { width: 40px; height: 40px; } .contacts-col-item .socials a img { width: 100%; height: 100%; } .phones-wrap { display: flex; flex-direction: column; } .contacts-col-text a { color: #000; display: block; } .contacts-form { margin-top: 15px; } .work-h { margin-top: 20px; } .contacts-form input, .contacts-form textarea { border: none !important; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-shadow: none !important; border-bottom: 2px solid #828282 !important; border-radius: 0px !important; padding-left: 0px !important; padding-bottom: 15px !important; margin-bottom: 10px; height: 40px !important; color: #828282 !important; font-size: 14px !important; } .contacts-form textarea { resize: none; } .two-inp { display: flex; justify-content: space-between; } .two-inp input { width: 48%; } .contacts-form textarea { height: 100px !important; } .contact-submit { text-shadow: none; font-size: 14px; transition: all 0.15s ease-in; font-weight: 500; padding: 10px 12px; margin-top: 20px; } .contacts-col-img { margin-right: 10px; width: 30px; height: 30px; } .contacts-col-img img { width: 100%; height: 100%; } .map-wrap { margin-top: 50px; display: grid; grid-template-columns: repeat(3, auto); gap: 5px; } .map-item { width: 100%; height: 400px; } .article-thumb .image a, .article-thumb .image a img { width: 100%; } .mt { margin-top: 20px; } summary:active, summary:focus { outline: none; } summary { display: block; cursor: pointer; padding: 5px 0; font-family: "Montserrat"; font-size: 20px; -webkit-transition: .3s; transition: .3s; border-bottom: 2px solid; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } details > div { display: -webkit-box; display: flex; flex-wrap: wrap; overflow: auto; height: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 20px; font-family: "Montserrat"; line-height: 1.5; font-size: 16px; } details > div > img { align-self: flex-start; max-width: 100%; margin-top: 20px; } details > div > p { -webkit-box-flex: 1; flex: 1; } details[open] > summary { color: var(--brown); } .info { font-size: 1.2em; display: flex; padding: 1em 3em; height: 3em; } .info img { height: 3em; margin-right: 0.5em; } .info h1 { font-size: 1em; font-weight: normal; } .empty-stock { display: flex; align-items: center; justify-content: space-between; font-size: 15px; padding: 0px 20px; font-weight: 500; height: 40px; width: 100%; text-transform: uppercase; border: 1px solid #d7d7d7; background: #d7d7d7; border-radius: 5px; } .empty-stock:hover { border: 1px solid #000; } .empty-stock span { color: #fff; } .empty-stock img { width: 25px; height: 25px; } /*#review { max-height: 330px; overflow-y: auto; }*/ .review-item { border: 1px solid #d7d7d7; border-radius: 4px; padding: 20px; margin-top: 10px; position: relative; } .review-item_title { font-size: 16px; font-weight: 500; color: #000000; margin-bottom: 15px; } .review-item_text { font-size: 14px; color: #000000; } .review-item_stars { margin-top: 15px; } .review-item_stars img { width: 20px; height: 20px; } .review-item_date { color: var(--brown); position: absolute; top: 20px; right: 20px; font-size: 12px; } .mySlides { display: none } /* Slideshow container */ .slideshow-container { max-width:100%; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { color: #959595; } /* Caption text */ .text { /* color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;*/ } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } .mySlides img { height: 500px; } /* Fading animation */ .faded { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } /* NEWW ================================================================== */ .inner-padding { padding: 25px 0 0; } .header-top { border-bottom: 2px solid var(--brown); } .header-top_wrap { display: flex; align-items: center; justify-content: space-between; padding: 5px 0; } .header-top_left { display: flex; align-items: center; justify-content: flex-start; flex-basis: 400px; } .header-top_left a { font-size: 14px; color: var(--black); margin-right: 36px; position: relative; } .header-top_left a:after { content: ''; position: absolute; width: 100%; height: 2px; bottom: -30px; left: 0; background-color: var(--white); transition: .3s; } .header-top_left a:hover:after { /*background-color: var(--brown);*/ } #logo { position: relative; } #logo img { width: 260px; } .header-top_right { display: flex; align-items: center; justify-content: flex-end; flex-basis: 400px; } .phones { display: flex; align-items: center; } .phones svg { width: 23px; height: 23px; min-width: 23px; } .phones-list { display: flex; flex-direction: column; margin-left: 10px; } .phones-list a { font-size: 14px; line-height: 1.3; color: var(--black); } .header-icon { width: 23px; height: 23px; } .header-icon img { width: 100%; height: 100%; } .phones .header-icon { margin-right: 15px; } .header-user, .header-cart { margin-left: 21px; cursor: pointer; position: relative; } .cart-total { background-color: var(--brown); width: 20px; height: 20px; display: inline-block; border-radius: 50%; text-align: center; color: var(--black); position: absolute; right: -10px; bottom: -10px; font-size: 14px; } .header-search { margin-left: 34px; } #megamenu-menu ul.nav.navbar-nav { width: 100%; display: flex; justify-content: center; height: 50px; align-items: center; } .intro-slide { background-image: url(/image/catalog/home/flowers-bouquet.webp); min-height: 600px; background-size: cover; padding: 54px; } .intro-slide_content .slider-title { font-size: 40px; color: var(--black); margin-bottom: 40px; font-weight: 500; text-transform: inherit; } .intro-slide_inner { height: 100%; display: flex; justify-content: center; align-items: center; } .intro-slide_content { width: 70%; margin-top: 50px; display: flex; flex-direction: column; } .intro-slide_content h1 { color: var(--white); margin-bottom: 65px; text-transform: uppercase; } .slide-price { color: var(--white); font-size: 130px; margin-bottom: 55px; line-height: 1; } .slide-price sup { line-height: 1; vertical-align: super; } .sup-before { text-transform: uppercase; border-bottom: 2px solid var(--white); font-size: 36px; padding-bottom: 7px; margin-right: 40px; } .sup-after { font-size: 48px; top: -14px; } .slider-text { color: var(--black); margin-bottom: 50px; font-size: 18px; line-height: 30px; } .slide-button .button.btn-shine { background-color: transparent; color: var(--white); border: 1px solid var(--white)!important; border-right: 1px solid var(--white)!important; padding: 13px 65px; } .slide-button .button.btn-shine:hover { border: 1px solid var(--white)!important; border-right: 1px solid var(--white)!important; } .slide-button .button.btn-shine span { color: var(--white); font-size: 24px; letter-spacing: 0; } .category_slider { position: relative; padding-bottom: 80px; } .category-list { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 17px; grid-row-gap: 20px; overflow: hidden; } .category-list_item { height: 300px; border-radius: 4px; background-size: cover; display: flex; align-items: end; justify-content: center; background-position: center; transition: all 0.3s ease-out; position: relative; } .category-list_item:hover { transform: translateY(-5px) scale(1.005) translateZ(0); box-shadow: 8px 8px 10px -3px rgb(0 0 0 / 14%); } .category-list_item:nth-child(1) { background-image: url(/image/catalog/home/legak.webp); grid-area: 1 / 1 / 2 / 3; } .category-list_item:nth-child(2) { background-image: url(/image/catalog/home/pled.webp); grid-area: 1 / 3 / 2 / 4; } .category-list_item:nth-child(3) { background-image: url(/image/catalog/home/myska.webp); grid-area: 1 / 4 / 2 / 5; } .category-list_item-title { background-color: #f5d5bac9; width: 100%; padding: 25px 0; text-align: center; color: var(--black); font-size: 18px; } .category .likeH2 { margin-bottom: 30px; font-weight: 500; } .category-slides_item-content { border: 2px solid var(--light-grey); position: relative; } .category-slides_item-content:hover { transition: all 0.2s ease-out; border: 2px solid var(--brown); background-color: var(--white); } .category-slides_item-content:hover .category-slides_item-title { color: var(--brown); } .category-slides_item-title { color: var(--grey); text-align: center; font-size: 14px; font-weight: 300; padding-bottom: 20px; position: absolute; bottom: 0; width: 100%; } .about_company { margin: 50px 0; position: relative; overflow: hidden; } .about_company:before { content: url(/image/catalog/home/flowers-slide.webp); position: absolute; right: 0; top: 0; height: 100%; z-index: -1; background-size: contain; } .seo_block { margin: 50px 0; position: relative; overflow: hidden; } .seo_block:before { content: url(/image/catalog/home/flowers-delivery.webp); position: absolute; right: 0; top: 0; height: 100%; z-index: -1; background-size: contain; } .about-content { display: flex; align-items: center; } .about-img img { width: 100%; } .about-img { width: 50%; } .about-info{ width: 60%; margin-bottom: 25px; max-height: 500px; height: 100%; overflow-y: auto; padding-right: 10px; } .about-info img { float: right; border-radius: 0px; margin: 0 30px 0 10px; } .about-info_title { color: var(--black); font-size: 36px; margin-bottom: 11px; } .about-info_text p { font-size: 16px; } .about-info_advantages { display: grid; grid-template-columns: repeat(2, 49%); gap: 21px; margin-top: 51px; } .about-info_advantages-item { font-size: 16px; color: var(--grey); } .about-info_advantages-item img { width: 30px; height: 30px; margin-right: 7px; } .products { } .products h2 { margin-bottom: 19px; color: var(--brown); } .products-list { } .products-item { } .no-in-stock { opacity: 0.3; } .products-item .colors-wrap { width: 48%; } .products-img { } .products-img a { display: block; position: relative; } .products-item-btn { position: absolute; min-width: 40px; width: 40px; height: 40px; border: none; background: var(--brown); border-radius: 50%; right: 16px; bottom: 22px; z-index: 2; opacity: 0; transition: 0.4s; padding: 8px; } .products-item-btn img { width: 25px!important; height: 28px; margin: 0 auto; } .products-img a img { } .products-info { } .products-title { margin: 12px 0; } .products-title a { font-size: 14px; color: var(--black); } .products-bottom { display: flex; align-items: flex-start; justify-content: space-between; padding-right: 10px; } .colors-templ { display: flex; align-items: center; justify-content: flex-start; } .single-color { width: 12px; height: 12px; margin-right: 6px; border-radius: 50%; } .color-rose { background-color: #fa949c; } .color-blue { background-color: #4b7aa5; } .color-brown { background-color: #3abeb1; } .products-price { font-size: 16px; color: #000; font-weight: 500; margin-left: auto; } .products-price .price-old { color: #a6a5a5; /* text-decoration: line-through;*/ font-weight: 300; font-size: 14px; margin-right: 5px; font-weight: 400; position: relative; } .price { color: #000; font-size: 16px; font-weight: 500; } .products-price .price-old::before{ content: ''; width: 100%; position: absolute; right: 0; top: calc( 50% - 1.5px ); border-bottom: 2px solid rgba(166,165,165,0.8); -moz-transform: rotate(15deg); /* Для Firefox */ -ms-transform: rotate(15deg); /* Для IE */ -webkit-transform: rotate(15deg); /* Для Safari, Chrome, iOS */ -o-transform: rotate(15deg); /* Для Opera */ transform: rotate(15deg); } .post-zakaz { margin-top: 10px; } .description-accordion-thumb img { width: 30px; height: 30px; margin-right: 10px; } .description-accordion { margin: 1rem 0; padding: 0; list-style: none; } .description-accordion-item { border-radius: 5px; box-shadow: 0 0px 2px rgb(0 0 0 / 24%); padding: 5px 15px; margin: 15px 1px; } .description-accordion-thumb { display: flex; align-items: center; margin: 0; padding: 0.8rem 0; cursor: pointer; font-weight: normal; font-size: 18px; line-height: 1; } .description-accordion-arr { display: block; position: relative; width: 20px; height: 20px; margin-right: 10px; } .description-accordion-arr:before, .description-accordion-arr:after { content: ""; display: block; position: absolute; width: 8px; height: 2px; border-radius: 1px; top: 50%; right: 0; background: #000; transition: all 0.3s ease; } .description-accordion-arr:before { margin-right: 4px; transform: scale(0.96, 0.8) rotate(50deg); } .description-accordion-arr:after { transform: scale(0.96, 0.8) rotate(-50deg); } .description-accordion-item.is-active .description-accordion-arr:before { transform: scale(0.96, 0.8) rotate(-50deg); } .description-accordion-item.is-active .description-accordion-arr:after { transform: scale(0.96, 0.8) rotate(50deg); } .description-accordion-panel { margin: 0; padding-bottom: 0.8rem; display: none; } .three-list { display: grid; grid-template-columns: repeat(3, 33.3333%); } .three-list_item { display: block; height: 505px; position: relative; overflow: hidden; padding: 20px; } .three-list_item:nth-child(1) { background-image: url(/image/catalog/home/new-products.jpg); } .three-list_item:nth-child(2) { background-image: url(/image/catalog/home/sale-products.jpg); } .three-list_item:nth-child(3) { background-image: url(/image/catalog/home/promo-products.jpg); } .three-list_item-inner { border: 3px solid #fff; height: 100%; display: flex; justify-content: center; align-items: flex-end; } .three-list_item-title { width: 100%; text-transform: uppercase; margin-bottom: 110px; text-align: center; color: var(--white); font-size: 30px; background-color: rgb(156,115,87, 0.4); padding: 42px 0; } .contacts_block { background-color: var(--light-grey); padding: 24px; } .contacts-block_list { display: flex; justify-content: space-between; align-items: center; } .contacts-block_list-item { display: flex; align-items: center; } .contacts-block_btn .button.btn-shine { border-color: var(--black); width: 200px; } .contacts-block_btn .button.btn-shine span { color: var(--black); } .contacts-block_list-img { margin-right: 16px; } .contacts-block_phones .contacts-block_list-img, .contacts-block_address .contacts-block_list-img { width: 52px; height: 48px; } /*.contacts-block_address .contacts-block_list-img { width: 31px; height: 48px; } */ .contacts-block_address-list { display: flex; flex-direction: column; align-items: flex-start; } .contacts-block_list-img img { width: 100%; height: 100%; } .contacts-block_phones-list { display: flex; flex-direction: column; } .contacts-block_phones-list a { color: #000; font-size: 18px; } .contacts-block_address span { font-size: 16px; line-height: 1.5; color: #000; } .contacts-block_socials-item { width: 48px; height: 48px; margin-right: 20px; } .contacts-block_socials-item:nth-child(4) { margin-right: 0; } .contacts-block_socials-item img { width: 100%; height: 100%; } .contacts-block_btn button { min-width: 200px; } .corner { position: relative; width: 100%; } .link { display: inline-block; position: relative; text-decoration: none; margin-bottom: 5px; } .link-hover:before { content: ''; position: absolute; bottom: 0; left: 0; right: 50%; height: 2px; background-color: var(--brown); transform: scaleX(0); transform-origin: bottom left; transition: transform 0.3s; } .link-hover:after { content: ''; position: absolute; bottom: 0; right: 0; left: 50%; height: 2px; background-color: var(--brown); transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s; } .link-hover:hover:before { transform: scaleX(1); } .link-hover:hover:after { transform: scaleX(1); } .footer-nav_item .link-dot { padding-bottom: 8px; margin: 0; } .link-dot:after { content: ''; position: absolute; width: 6px; height: 6px; background: var(--brown); border-radius: 50%; opacity: 0; bottom: 0%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .link-dot:hover:after { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; } .button-circle { position: relative; margin: auto; padding: 19px 22px; transition: all 0.2s ease; text-decoration: none; } .button-circle:before { content: ""; position: absolute; top: 0; left: 0; display: block; border-radius: 28px; background: var(--brown); width: 56px; height: 56px; transition: all 0.3s ease; } .button-circle span { position: relative; font-size: 14px; line-height: 14px; font-weight: 400; font-family: "Montserrat"; text-transform: uppercase; vertical-align: middle; } .button-circle svg { position: relative; top: 0; margin-left: 10px;© fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: #111; stroke-width: 2; transform: translateX(-5px); transition: all 0.3s ease; } .button-circle:before { width: 100%; background: var(--brown); } .button-circle span { color: var(--black); } .button-circle svg { transform: translateX(0); stroke: var(--black); fill: var(--black); } .button-circle:active { transform: scale(0.96); } .button-circle:hover svg { -webkit-animation-name: left-to-right; -webkit-animation-duration: .5s; } @-webkit-keyframes left-to-right { 0% { left: -4px; } 25% { left: -14px; } 75% { right: 4px; } 100% { left: 0px; } } .button.btn-shine { position: relative; margin: 0; padding: 5px 12px; height: 50px; min-width: 150px; outline: none; text-decoration: none; display: flex; justify-content: center; align-items: center; cursor: pointer; background-color: transparent; border: 1px solid var(--brown); border-radius: 5px; color: var(--brown); font-weight: 400; font-size: 24px; font-family: inherit; z-index: 0; overflow: hidden; transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1); } .button.btn-shine span { color: var(--brown); font-size: 24px; font-weight: 300; } .button.btn-shine:hover { animation: rotate 0.7s ease-in-out; } .button.btn-shine:hover span { animation: storm 0.7s ease-in-out both; animation-delay: 0.06s; } .button.btn-shine { border: 1px solid; overflow: hidden; position: relative; } .button.btn-shine span { z-index: 20; } .button.btn-shine:after { background: var(--brown); content: ""; height: 155px; left: -75px; opacity: 0.4; position: absolute; top: -50px; transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: -10; } .button.btn-shine:hover:after { left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .mouse-wrap { width: 290px; position: relative; margin: 36px auto 0; } .mouse-wrap:after { content: ''; width: 100%; border-bottom: 2px solid var(--brown); position: absolute; left: 0; bottom: 9px; z-index: -1; } .mouse-wrap .mouse-circle { display: block; width: 20px!important; height: 20px; border-radius: 50%; background-color: var(--white); border: 2px solid var(--brown); margin: 0px auto 0; animation: 2.5s linear 1s infinite alternate move_mouse; } .to-cart button.btn-shine { width: 100%; } .online-only { margin-top: 29px; font-size: 12px; font-weight: 300; display: flex; align-items: center; } .online-only img { width: 16px; height: 16px; margin-right: 7px; } .colors-title { font-size: 18px; font-weight: 400; } .colors-wrap { width: 50%; } .colors-list-xs { } .colors-list.colors-list-xs { max-width: 80%; margin-top: 0; min-height: unset; align-items: flex-start; } .colors-list { display: flex; align-items: center; justify-content: flex-start; margin-top: 10px; min-height: 52px; } .color-img { /*visibility: hidden;*/ display: none; } .error { color: red; } .colors-list-xs .colors-list-item { margin: 0 6px 10px 0!important; width: auto; height: auto; } .colors-list-item { margin: 0 15px 10px 0!important; height: 34px; width: 34px; display: flex; align-items: center; } .colors-list-item input[type="radio"]:checked, .colors-list-item input[type="radio"]:not(:checked){ position: absolute; left: -9999px; width: 0; height: 0; visibility: hidden; } .colors-list-item .checkbox-tools:checked + label, .colors-list-item .checkbox-tools:not(:checked) + label{ position: relative; display: flex; align-items: center; justify-content: center; padding: 0; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; cursor: pointer; text-transform: uppercase; color: var(--black); margin-bottom: 0!important; -webkit-transition: all 300ms linear; transition: all 300ms linear; } .colors-list-xs .colors-list-item .checkbox-tools:checked + label, .colors-list-xs .colors-list-item .checkbox-tools:not(:checked) + label{ width: 12px; height: 12px; margin-right: 6px; } .colors-list-item .checkbox-tools:checked + label { width: 34px; height: 34px; border-radius: 20%; } .colors-list-item .checkbox-tools:checked + label{ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); } .need-border { border: 1px solid var(--brown); } #payment_method { } /* ======================= */ .sizes { display: flex; align-items: flex-start; margin-top: 18px; } .size-table { display: flex; align-items: center; font-size: 16px; font-weight: 500; margin-left: 19px; color: var(--black); } .size-table:hover { color: var(--black); } .size-table img { width: 23px; height: 17px; margin-right: 6px; } .sizes-title { font-size: 16px; font-weight: 500; } .sizes-list { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-top: 26px; min-height: 49px; width: 271px; } .sizes-list-item { margin: 0 6px 6px 0!important; height: 36px; width: 50px; display: flex; align-items: center; } .sizes-list-item input[type="radio"]:checked, .sizes-list-item input[type="radio"]:not(:checked){ position: absolute; left: -9999px; width: 0; height: 0; visibility: hidden; } .sizes-list-item .checkbox-tools:checked + label, .sizes-list-item .checkbox-tools:not(:checked) + label{ position: relative; display: flex; align-items: center; justify-content: center; padding: 0; width: 44px; height: 30px; border-radius: 4px; overflow: hidden; cursor: pointer; text-transform: uppercase; color: var(--black); -webkit-transition: all 300ms linear; transition: all 300ms linear; } .sizes-list-item .checkbox-tools:checked + label { width: 50px; height: 36px; } .sizes-list-item .checkbox-tools:not(:checked) + label{ background-color: #353746; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); } .sizes-list-item .checkbox-tools:checked + label{ background-color: transparent; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); } .sizes-list-item .checkbox-tools:not(:checked) + label:hover{ box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); } .sizes-list-item .checkbox-tools:not(:checked) + label{ background-color: var(--white); color: var(--black); border: 1px solid var(--brown); font-size: 16px; font-weight: 500; } .sizes-list-item .checkbox-tools:checked + label{ background-color: var(--brown); color: var(--white); border: 1px solid var(--brown); font-size: 20px; font-weight: 500; } .review-form .control-label { font-size: 14px; } .radio-list { position: relative; display: flex; align-items: center; } .radio-bad { font-size: 14px; margin-right: 15px; } .radio-good { font-size: 14px; margin-left: 15px; } .radio-label { position: relative; } .radio-label input { position: absolute; left: -9999px; } .radio-label input:checked + span { background-color: #d6d6e5; } .radio-label input:checked + span:before { box-shadow: inset 0 0 0 0.4375em var(--brown); } .radio-label span { display: flex; align-items: center; padding: 0.375em; border-radius: 99em; transition: 0.25s ease; } .radio-label span:hover { background-color: #d6d6e5; } .radio-label span:before { display: flex; flex-shrink: 0; content: ""; background-color: #fff; width: 1.5em; height: 1.5em; border-radius: 50%; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em var(--brown); } .category-head { display: flex; align-items: center; justify-content: space-between; margin: 10px 0 20px; } .category-head h1 { color: var(--black); font-size: 36px; font-weight: 300; margin: 0; line-height: 1; } .owl-categories-list { margin-bottom: 30px; visibility: hidden; } .category-body { display: flex; justify-content: space-between; } .category-body-left { flex-basis: 25%; position: relative; } #column-left { position: sticky; top: 15px; } .category-body-right { flex-basis: 74%; display: block; overflow: hidden; width: 100%; } .category-products-list { display: grid; grid-template-columns: repeat(3, 31.8%); gap: 20px; } .manufacurer-products-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; } .search-category-products-list { display: grid; grid-template-columns: repeat(5, 18.7%); gap: 20px; } .special-category-products-list { display: grid; grid-template-columns: repeat(5, 18.7%); gap: 20px; margin-bottom: 60px; } .category-products-descriptions { margin-top: 40px; } .empty-category { padding: 30px 0; } .empty-category-wrap { display: flex; flex-direction: column; align-items: flex-start; } .empty-category-wrap span { font-weight: 400; font-size: 18px; } .empty-category-wrap a { margin-top: 10px; } a.load_more { font-weight: 300; font-size: 24px; cursor: pointer; padding: 14px 33px; margin-top: 45px; margin-bottom: 45px; color: var(--brown); border-radius: 10px; border: 1px solid var(--brown); } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: var(--black); text-decoration: none; background-color: #fff; border: 1px solid var(--brown); font-size: 16px; font-weight: 300; margin-right: 10px; border-radius: 5px !important; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: var(--white); cursor: default; background-color: var(--brown); border-color: var(--brown); font-size: 16px; font-weight: 300; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: var(--white); cursor: default; background-color: var(--brown); border-color: var(--brown); cursor: pointer; } .delete { width: 30px; height: 30px; background-color: transparent; border: none!important; min-width: 34px; display: flex; align-items: center; justify-content: center; padding: 4px; border-radius: 4px; } .delete img { width: 25px; height: 25px; } .caret { width: 15px; height: 6px; border: none!important; } .menuLanguage { min-width: max-content; } .category-products-pagination { margin-top: 40px; display: flex; align-items: center; justify-content: center; } .delivery-info-title { font-size: 14px; font-weight: 500; } @keyframes move_mouse { from { margin-left: 30px; } to { margin-left: 70%; } } @keyframes rotate { 0% { transform: rotate(0deg) translate3d(0, 0, 0); } 25% { transform: rotate(3deg) translate3d(0, 0, 0); } 50% { transform: rotate(-3deg) translate3d(0, 0, 0); } 75% { transform: rotate(0deg) translate3d(0, 0, 0); } 100% { transform: rotate(0deg) translate3d(0, 0, 0); } } @keyframes storm { 0% { transform: translate3d(0, 0, 0) translateZ(0); } 25% { transform: translate3d(4px, 0, 0) translateZ(0); } 50% { transform: translate3d(-3px, 0, 0) translateZ(0); } 75% { transform: translate3d(2px, 0, 0) translateZ(0); } 100% { transform: translate3d(0, 0, 0) translateZ(0); } } @keyframes clipMe { 0%, 100% { clip: rect(0px, 220px, 2px, 0px); } 25% { clip: rect(0px, 2px, 220px, 0px); } 50% { clip: rect(218px, 220px, 220px, 0px); } 75% { clip: rect(0px, 220px, 220px, 218px); } } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} } @media only screen and (max-width: 340px) { .mob-logo { width: 120px; } } @media screen and (max-width: 900px) { .info { justify-content: center; } } @media screen and (max-width: 450px) { .info { display: block; text-align: center; } .info h1 { margin: 0; } } @media (min-width: 1366px) { .container { width: 1270px; } } @media (max-width: 992px) { } @media (min-width: 993px) and (max-width: 1200px) { #megamenu-menu .navbar-collapse .nav > li > a { font-size: 13px; } .socials { display: none; } .assortment-item__accessory, .assortment-item__components { width: 53%; } } @media (min-width: 768px) and (max-width: 992px) { .logo { order: 0; } .search { order: 1; } .contacts { order: 3; margin: 0 auto; } .hours { order: 4; margin: 0 auto; } .socials { order: 2; } #megamenu-menu .navbar-collapse ul.navbar-nav > li { padding: 0 5px; } #megamenu-menu .navbar-collapse ul.navbar-nav > li > a { font-size: 13px; } .cart-text { display: none; } .assortment-item__accessory, .assortment-item__components { width: 51%; } .assortment-item__title { font-size: 22px; } .advantages-wrap { justify-content: space-around; border: none; flex-wrap: wrap; } .advantages-item { flex-basis: 48%; border: 1px solid #d7d7d7; } .advantages-item:last-child { margin-top: 5px; border-right: 1px solid #d7d7d7; } .brands-left, .brands-right { max-width: 100%; } .brands-text, .brands-left button { margin-left: 0; } .brands-text { margin: 20px 0; } .brands-right { margin-top: 30px; } .first-wrap > img { display: none; } .first-text { max-width: 100%; } .help-wrap { justify-content: space-between; } .img-caljan { display: none; } .help-contacts { max-width: 50%; } .read-wrap { justify-content: space-around; } .read-item { flex-basis: 49%; } .read-item:last-child { margin-top: 20px; } } @media (min-width: 768px) { .products-img:hover .products-item-btn { opacity: 1; } details[open] > div > p { opacity: 0; -webkit-animation-name: showContent; animation-name: showContent; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; margin: 0; padding-left: 0px; } details[open] > div { -webkit-animation-name: slideDown; animation-name: slideDown; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } details[open] > div > img { opacity: 0; height: 100%; margin: 0; -webkit-animation-name: showImage; animation-name: showImage; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } @-webkit-keyframes slideDown { from { opacity: 0; height: 0; padding: 0; } to { opacity: 1; height: var(--contentHeight); padding: 20px 0; } } @keyframes slideDown { from { opacity: 0; height: 0; padding: 0; } to { opacity: 1; height: var(--contentHeight); padding: 20px 0; } } @-webkit-keyframes showImage { from { opacity: 0; -webkit-clip-path: inset(50% 0 50% 0); clip-path: inset(50% 0 50% 0); -webkit-transform: scale(0.4); transform: scale(0.4); } to { opacity: 1; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } @keyframes showImage { from { opacity: 0; -webkit-clip-path: inset(50% 0 50% 0); clip-path: inset(50% 0 50% 0); -webkit-transform: scale(0.4); transform: scale(0.4); } to { opacity: 1; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } @-webkit-keyframes showContent { from { opacity: 0; } to { opacity: 1; } } @keyframes showContent { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 1366px) { .size-table { margin-left: 0; } img.mfp-img { max-width: 600px!important; } } @media (max-width: 1200px) { .product-info { flex-direction: column-reverse; } .product-info-right { margin-top: 20px; margin-bottom: 20px; margin-left: 0; display: flex; justify-content: space-between; } .sizes { flex-direction: column; } .size-table { margin-left: 0; } .product-wrap { max-width: 40%; width: 100%; } .tabs-wrap { margin-top: 0; max-width: 65%; width: 100%; } .colors-list, .sizes-list { margin-top: 5px; } .footer-nav { flex-wrap: wrap; gap: 10px; } } @media (max-width: 991px) { #cart .header-icon { margin-right: 21px; } .product-info-left { position: unset; } .header-top_wrap { flex-wrap: wrap; } .mob-search-block { width: 100%; margin-top: 10px; } .header-top_right { flex-basis: unset; } .header-desktop { display: none; } .header-top_left { display: none; } .mobile-burger { display: block; position: relative; margin-right: 16px; margin-left: 25px; } .mobile-burger-box { border-radius: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 38px; } .mobile-burger-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; cursor: pointer; } .mobile-burger span { display: block; width: 100%; border-radius: 3px; height: 4px; background: #000; transition: all .3s; position: relative; } .mobile-burger span + span { margin-top: 5px; } .mobile-burger .active span + span { margin-top: 18px; } .mobile-burger .active span:nth-child(1) { animation: ease .7s top forwards; } .mobile-burger .not-active span:nth-child(1) { animation: ease .7s top-2 forwards; } .mobile-burger .active span:nth-child(2) { animation: ease .7s scaled forwards; } .mobile-burger .not-active span:nth-child(2) { animation: ease .7s scaled-2 forwards; } .mobile-burger .active span:nth-child(3) { animation: ease .7s bottom forwards; } .mobile-burger .not-active span:nth-child(3) { animation: ease .7s bottom-2 forwards; } @keyframes top { 0% { top: 0; transform: rotate(0); } 50% { top: 22px; transform: rotate(0); } 100% { top: 22px; transform: rotate(45deg); } } @keyframes top-2 { 0% { top: 22px; transform: rotate(45deg); } 50% { top: 22px; transform: rotate(0deg); } 100% { top: 0; transform: rotate(0deg); } } @keyframes bottom { 0% { bottom: 0; transform: rotate(0); } 50% { bottom: 22px; transform: rotate(0); } 100% { bottom: 22px; transform: rotate(135deg); } } @keyframes bottom-2 { 0% { bottom: 22px; transform: rotate(135deg); } 50% { bottom: 22px; transform: rotate(0); } 100% { bottom: 0; transform: rotate(0); } } @keyframes scaled { 50% { transform: scale(0); } 100% { transform: scale(0); } } @keyframes scaled-2 { 0% { transform: scale(0); } 50% { transform: scale(0); } 100% { transform: scale(1); } } .header-mobile { background: #fff; height: calc(-42px + 100dvh); padding-bottom: 25px; padding-top: 25px; position: fixed; top: 60px; width: 100%; z-index: 9999999; overflow: hidden; overflow-y: auto; display: none; } .header-mobile .list-wrapper { height: 100%; overflow-y: auto; background: #FFF; } .header-mobile .list-wrapper:nth-child(2), .header-mobile .list-wrapper:nth-child(3) { position: absolute; left: 0; right: 0; transform: translateX(100%); backface-visibility: hidden; transition: transform 0.5s; top: 40px; padding: 0 15px; } .header-mobile .list-wrapper:nth-child(2).is-visible, .header-mobile .list-wrapper:nth-child(3).is-visible { transform: none; } .header-mobile ul { list-style-type: none; margin: 0; padding: 0; } .header-mobile-menu .nested, .sub-menu.level-2 .nested, .sub-menu.level-3 a, .header-mobile-menu .phone-visible a { align-items: center; border-bottom: 1px solid #d5dbe4; display: flex; justify-content: space-between; padding-bottom: 15px; padding-top: 15px; width: 100%; } .header-mobile .list-wrapper a, .header-mobile .phone-visible a { color: #051a3d; font-size: 16px; font-weight: 600; text-align: left; text-decoration: none; } .next-icon { height: 24px; width: 24px; color: #6a7b92; flex-shrink: 0; } .back-one-level { padding: 0; align-items: center; color: #fdd000; display: flex; font-size: 18px; font-weight: 600; gap: 6px; margin-bottom: 12px; cursor: pointer; appearance: none; background-color: transparent; border: 0; border-radius: 0; box-sizing: border-box; } .back-one-level-icon { color: var(--brown); height: 24px; transform: rotate(180deg); width: 24px; } .header-mobile .list-wrapper:nth-child(1) > ul > li > .sub-menu, .header-mobile .list-wrapper:nth-child(2) .level-3 { display: none; } .header-mobile .sub-menu-wrapper .sub-menu li.sub-menu-title { padding: 0; margin: 20px 0px 10px; border: unset; width: 100%; } .header-mobile .sub-menu-wrapper .sub-menu li.sub-menu-title > a { color: #051a3d; display: inline-block; font-size: 24px; font-weight: 700; line-height: 30px; } .header-mobile .contacts-modal__content { display: flex; padding: 30px 0 100px 0; margin-top: 30px; border-top: 2px solid #fdd000; } .header-mobile .contacts-modal__content .contacts-modal__item { box-shadow: unset; border: 1px solid #d5dbe4; } body.show-mob-menu { overflow: hidden; } body.show-mob-menu .header-mobile { display: block; } .phones { display: none; } .menu__brand { display: flex; flex-direction: column; gap: 10px; padding: 30px 0 100px 0; margin-top: 30px; border-top: 2px solid var(--brown); } .hours-title, .contacts-title { font-size: 16px; font-weight: 500; margin-bottom: 5px; } .contacts-title { } .constacts-data { display: flex; flex-direction: column; } .hours-data, .header-mobile .list-wrapper .constacts-data a { font-weight: normal; font-size: 14px; } .socials img { width: 30px; height: 30px; } .search-toggler { width: 26px; height: 26px; margin-left: auto; display: block; } .search-toggler img { width: 100%; height: 100%; } .header-top_left { align-items: flex-start; justify-content: flex-start; flex-direction: column-reverse; } .header-top_left a:after { content: none; } .intro-slide { height: 500px; padding: 20px; } .intro-slide_content { width: 55%; } .intro-slide_content h1 { font-size: 40px; text-align: center; margin-bottom: 20px; } .slide-price { font-size: 60px; margin-bottom: 20px; } .slider-text { margin-bottom: 14px; font-size: 18px; } .sup-before { font-size: 20px; padding-bottom: 4px; margin-right: 15px; } .sup-after { font-size: 30px; top: -6px; } .category-list { grid-column-gap: 5px; grid-row-gap: 5px; } .category-list_item { height: 320px; } .category-list_item-title { padding: 20px 0; font-size: 20px; } .category-list_item.corner:before { left: 10px; top: 10px; } .category-list_item.corner:after { bottom: 10px; right: 10px; } .about_company { background-color: rgba(255, 255, 255, 0.8); } .about-info { width: 100%; margin-left: 0; } .about-img { display: none; } .products-item .colors-wrap { width: 44%; } .three-list_item { height: 350px; background-position: top; } .three-list_item-title { padding: 20px 0; font-size: 20px; margin-bottom: 70px; } .contacts-block_list { flex-wrap: wrap; } .contacts-block_address-list { flex-direction: row; flex-wrap: wrap; } .contacts-block_list-item:nth-child(1) { width: 30%; order: 2; } .contacts-block_list-item:nth-child(2) { width: 100%; order: 1; } .contacts-block_list-item:nth-child(3) { width: 30%; order: 4; } .contacts-block_list-item:nth-child(4) { width: 30%; order: 3; } .contacts-block_phones-list a { font-size: 16px; margin-bottom: 0; } .category-body-left { flex-basis: 0; } .category-body-right { flex-basis: 100%; } .product-info { flex-direction: column-reverse; } .product-info-left { max-width: 100%; } img.mfp-img { max-width: 500px!important; } } @media (max-width: 767px) { .breadcrumb > li { padding: 0 12px; } .breadcrumb { margin: 0 0 0px -10px; } .after-main { margin-top: 0px; } #content img { max-width: 100%; } .intro-slide_content .slider-title { font-size: 30px; margin-bottom: 40px; font-weight: 500; line-height: 35px; } .intro-slide_content { width: 40%; margin-top: 0px; display: flex; flex-direction: column; } .slide-button { margin-top: 20px; } .mobile-menu { /* display: block; */ } #top { display: none; } .slider-text { max-width: 100%; } .mob-search img { width: 22px; height: 22px; } .mob-search-icon img { height: 25px; } .bg-category { padding: 0px; top: 0px; margin: 0; } .hits .section-title { flex-wrap: wrap; } #select-buttons { margin-left: 0; flex-wrap: wrap; margin-top: 20px; } .hits-wrap { flex-wrap: wrap; justify-content: flex-start; } .hits-wrap .hits-item { border-right: none; border-bottom: 1px solid #d7d7d7; flex-basis: 100%; } .assorment-wrap { flex-wrap: wrap; } .assortment-item { margin-left: 0; } .assortment-item__kalyan { width: 300px; height: 420px; } .assortment-item__ygol, .assortment-item__accessory, .assortment-item__components, .assortment-item__tabak { max-width: 300px; width: 100%; } .advantages-wrap { flex-wrap: wrap; border: none; } .advantages-item:first-child { padding: 0px 35px 45px; } .advantages-item { flex-basis: 100%; border-right: none; border-bottom: 2px solid #d7d7d7; } .brands-wrap { padding: 50px 0px; } .brands-left { display: flex; flex-direction: column; align-items: flex-start; } .brands-text { margin: 20px 0; margin-left: 0; } .brands-right { margin-top: 40px; } .brands-right__item { width: 50%; } .brands-left button { margin-left: 0; } .first-wrap > img { display: none; } .first-text { width: 100%; max-width: 100%; } .img-caljan { display: none; } .help-wrap { justify-content: center; text-align: center; } .help-text { margin-bottom: 30px; } .read-item { flex-basis: 100%; } .read-item:not(:last-child) { margin-bottom: 20px; } .footer-socials { margin: 0 auto 30px; } .footer-pay { justify-content: center; } .flex-row { /* padding-right: 15px; */ } .hits-item__title { text-align: left; } /* .desk-cart { display: none; } .mob-cart > #cart { display: block; } */ /* #cart.desk-cart { display: none; }*/ i.link { position: absolute; top: 20px; right: -25px; z-index: 9999999; } .mySlides img { height: 400px; object-fit: cover; } .category-list { grid-template-columns: repeat(1, 1fr); } .about_company:before { right: -320px; } .seo_block:before{ right: -320px; } .category-list_item { grid-area: unset!important; } .intro-slide_content { width: 100%; } .products-price { font-size: 14px; } .products-price .price-old { font-size: 12px; margin-right: 0px; } .price { margin-top: -10px!important; font-weight: 500; font-size: 14px; margin-right: 0px; } /* .about_company:before { content: none!important; } .about_company { background-image: url(/image/catalog/home/about-bg.jpg); }*/ .contacts-block_list .contacts-block_list-item { width: 48%!important; } .contacts-block_list-img img { width: 52px; height: 48px; } .contacts-block_list .contacts-block_list-item:nth-child(2) { order: 3; } .contacts-block_list .contacts-block_list-item:nth-child(3) { order: 2; } .contacts-block_list .contacts-block_list-item:nth-child(3), .contacts-block_list .contacts-block_list-item:nth-child(4) { margin-top: 10px; } .special-category-products-list { grid-template-columns: repeat(4, 22.9%); } .products-img:hover { /*pointer-events: none;*/ } .thumbnails .image-main a img { } .product-info-right { flex-direction: column; } .product-wrap { max-width: 100%; } .tabs-wrap { max-width: 100%; } .product-info { flex-direction: column; } .product-info-left { margin-top: 20px; } img.mfp-img { max-width: 400px!important; } .search-category-products-list { grid-template-columns: repeat(3, 31.3%); } } @media (max-width: 500px) { #cart .header-icon { margin: 0 10px; } /* .search, .contacts, .hours, .socials { display: none; }*/ /* .contacts, .hours { margin-top: 10px; }*/ .small-nav__items { display: flex; overflow-x: scroll; } .small-nav__item { white-space: nowrap; } body::-webkit-scrollbar, .small-nav__items::-webkit-scrollbar { width: 5px!important; scrollbar-width: thin; } body::-webkit-scrollbar-track .small-nav__items::-webkit-scrollbar-track { background: #f1f1f1!important; } body::-webkit-scrollbar-thumb .small-nav__items::-webkit-scrollbar-thumb { background: #c1272d!important; } body::-webkit-scrollbar-thumb:hover .small-nav__items::-webkit-scrollbar-thumb:hover { background: #c1272d!important; } .mt-1 { margin-top: 40px; } .slider-title { font-size: 24px; } .section-title { font-size: 26px; } .section-title > img { width: 30px !important; } .assortment-left { width: 100%; } .assortment-item { margin-left: 0; max-width: 100%; } .assortment-item__kalyan { width: 100%; height: 520px; } .assortment-item__ygol, .assortment-item__accessory, .assortment-item__components, .assortment-item__tabak { width: 100%; } .bg-category { margin-top: 0; } .hits-item__qty > span { display: none; } .hits-item__price { flex-direction: column-reverse; align-items: flex-start; } .hits-item__price-old { font-size: 12px; } .hits-item__wrap { align-items: center; /* min-height: 60px; */ } .category-head { margin-left: 0; margin-right: 0; } .row-product-cat { margin: 0; } .flex-row { flex-direction: column-reverse; /* margin-left: 0; */ } .sort-control { width: 100%; height: auto; } .limit-control { text-align: left; margin-bottom: 10px; } .limit-field { width: 60px; } .empty-space { height: auto; } .hits-item__price-new { font-size: 18px; } .sort-item { font-size: 10px; } .product-content { flex-direction: column; } .hits-item__title { font-size: 16px; } .hits-item__price-new { font-size: 16px; } .hits-item__price-old { font-size: 12px; } a.image img { object-fit: contain; /* min-height: 300px; */ /* object-fit: cover; */ } .product-price { width: 100%; } .product-content__left { width: 100%; } .product-content__right { margin: 0; } .nav-tabs { margin-top: 35px; } .contacts-data span a { color: #959595; } .textBlock-slider { padding: 50px 15px; } .slide-item { height: auto!important; margin: 0 15px; } #arrow_top { width: 25px!important; height: 25px!important; } .sort-container { justify-content: space-between; } .sort-item { margin-right: unset; } .product-content__right { width: 100%; } #post_form input[type="tel"] { max-width: 150px; } .footer-item-h:last-child { min-height: auto; } .assortment-item__title, .advantages-item__head { font-size: 22px; } .brands-right, .brands-left { max-width: 100%; } .home-slider-section { background-position: center; background-size: cover; } .seo-title { font-size: 20px; } .help-info, .help-contacts { max-width: 100%; } .category-page_product .container .row:nth-child(2) > .col-md-12 { padding: 0; } .three-list { display: grid; grid-template-columns: repeat(1, 100%); } .contacts-block_list-item { width: 100%!important; } .contacts-block_list .contacts-block_list-item { width: 100%!important; justify-content: flex-start; margin-bottom: 15px; } .contacts-block_list-item.contacts-block_btn { margin-top: 15px!important; } .contacts-block_btn .button.btn-shine { width: 100%; min-width: unset; } .contacts-block_list .contacts-block_list-item:nth-child(1) { order: 3; } .contacts-block_list .contacts-block_list-item:nth-child(2) { order: 4; } .contacts-block_list .contacts-block_list-item:nth-child(3) { order: 2; } .contacts-block_list .contacts-block_list-item:nth-child(4) { order: 1; margin-bottom: 0px; justify-content: space-between; } .footer { margin-top: 0; } .footer-bottom { flex-direction: column; align-items: center; } .footer-bottom span { margin-right: 0; margin-bottom: 10px; text-align: center; } .footer-nav { max-width: 100%; flex-direction: column; align-items: center; } .footer-nav_item a { font-size: 14px; } .special-category-products-list, .category-products-list { grid-template-columns: repeat(2, 48.2%); gap: 10px; } .products-img a img { /* height: auto; object-fit: fill;*/ object-fit: scale-down; } .breadcrumb { padding: 5px 0; display: flex; align-items: center; width: 100%; overflow-x: auto; padding: 8px 0; background: none; margin-bottom: 0; } .category-head h1 { font-size: 24px; font-weight: 500; } .category-slides_item-title { padding-bottom: 10px; } .product-info-left { max-width: 600px; width: 100%; } .thumbnails .image-additional, .thumbnails .image-additional.product-video { width: 105px!important; height: 120px!important; min-height: 120px!important; outline: none; } /*.thumbnails .image-main, .thumbnails .image-main-video, .thumbnails { max-height: 258px!important; }*/ .thumbnails .image-main, .thumbnails .image-main-video { min-height: 350px; max-height: 350px; } /*.slick-arr.slick-prev, .slick-arr.slick-next { width: 90px; }*/ .slick-arr.slick-next { bottom: 0; } .slick-slider { /*max-height: 258px;*/ } .slider-thumb .slick-slide { margin-right: 10px; } .thumbnails .image-main a img { object-fit: cover; } .tab-actions li a { font-size: 16px; } .colors-list { max-width: 100%; } .thumbnails .image-main, .thumbnails .image-main-video { width: 100%!important; max-width: 370px!important; min-width: auto !important; } .products-bottom { flex-direction: column; } .products-price { align-self: flex-end; margin-bottom: 10px; } .products-item .colors-wrap { width: 100%; } .contacts-block_phones-list a, .contacts-block_address span { font-size: 16px; } .contacts-block_list-img { margin-right: 10px; } .intro-slides { position: relative; } .intro-slide_inner { z-index: 3; position: relative; } .intro-slide { background-position: 65%; } .sort-container .sort-item { font-size: 10px; } .popup-form-fields { flex-direction: column; align-items: center; } .popup-form-fields .popup-form-item { flex-basis: 100%; width: 100%; } .contacts-form .button { min-width: unset; width: 100%; margin-top: 20px; } .map-wrap { grid-template-columns: repeat(1, 100%); } .category-head { align-items: flex-start; } img.mfp-img { max-width: 300px!important; } .tab-actions { overflow-y: hidden; white-space: nowrap; } .tab-actions li { display: inline-block; margin-right: 20px; } .thumbnails { display: flex; flex-direction: column-reverse; max-height: unset!important; align-items: unset; justify-content: unset; /*overflow: unset;*/ } .slick-arr.slick-prev, .slick-arr.slick-next { display: flex!important; align-items: center; justify-content: center; width: 30px; height: 100%; } .slick-arr.slick-prev { left: 0; } .slick-arr.slick-next { right: 0; } .slick-arr.slick-prev img { transform: rotate(0deg); } .slick-arr.slick-next img { transform: rotate(-180deg); } .search-category-products-list { grid-template-columns: repeat(2, 47.8%) } } .odesda-wrap img { width: 600px!important; } .obuv-wrap img { width: 400px!important; } @media (max-width: 321px) { .thumbnails .image-main, .thumbnails .image-main-video { width: 196px!important; } } @media (hover: none) { .category-slides_item-content:hover { border-color: #F8F8F8; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #footer-block .col-xs-12 { width: 50%; } } @media only screen and (min-width: 40em) { .not-available-modal-overlay { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background-color: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1); } .not-available-modal-overlay.active { opacity: 1; visibility: visible; } } /** * Modal */ .not-available-modal { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; margin: 0 auto; background-color: #fff; width: 600px; max-width: 75rem; min-height: 20rem; padding: 1rem; border-radius: 3px; opacity: 0; overflow-y: auto; visibility: hidden; z-index: 99999999999; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1); } .not-available-modal .not-available-close-modal { position: absolute; cursor: pointer; top: 5px; right: 15px; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .not-available-modal .not-available-close-modal svg { width: 1.75em; height: 1.75em; } .not-available-modal .not-available-modal-content { padding: 0 20px; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1); transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .not-available-modal.active { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .not-available-modal.active .not-available-modal-content { opacity: 1; } .not-available-modal.active .not-available-close-modal { -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 1; } .not-available-button { font-size: 15px; line-height: 18px; padding: 0px 20px; height: 40px; width: 225px; background: #000; border: 0; border-radius: 10px; color: #fff; margin-left: 12px; box-shadow: none; outline: none; display: flex; align-items: center; justify-content: center; } .not-available-button:active, .not-available-button:focus { color: #fff; } .not-available-modal-title { font-size: 20px; font-family: "Montserrat"; color: #000; margin-top: 45px; margin-bottom: 20px; font-weight: 500; text-align: center; } .not-available-modal-form { } .not-available-modal-form input { border: none; box-shadow: none !important; border-bottom: 2px solid #828282 !important; border-radius: 0px !important; padding-left: 0px !important; padding-bottom: 0px !important; margin-bottom: 10px; height: 40px !important; color: #828282 !important; font-size: 14px !important; width: 100%; } .not-available-modal-submit { font-size: 15px; line-height: 18px; padding: 0px 20px; height: 40px; width: 125px; background: #c1272d; border: 0; border-radius: 10px; color: #fff; margin-left: 12px; box-shadow: none; outline: none; display: flex; align-items: center; justify-content: center; margin: 20px auto; } @media only screen and (max-width: 39.9375em) { .not-available-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; border-radius: 0; -webkit-transform: scale(1.1); transform: scale(1.1); padding: 0 !important; } .not-available-close-modal { right: 20px !important; } } .cards { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .cards__item { display: flex; padding: 1rem; } @media (min-width: 40rem) { .cards__item { width: 50%; } } @media (min-width: 56rem) { .cards__item { width: 33.3333%; } } .card { background-color: white; border-radius: 0.25rem; box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; overflow: hidden; } .card:hover .card__image { filter: contrast(100%); } .card__content { display: flex; flex: 1 1 auto; flex-direction: column; padding: 1rem; } .card__image { background-position: center center; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; filter: contrast(70%); overflow: hidden; position: relative; transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); } .card__image::before { content: ""; display: block; padding-top: 56.25%; } @media (min-width: 40rem) { .card__image::before { padding-top: 66.6%; } } .card__title { color: #696969; font-size: 1.25rem; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; } .card__text { flex: 1 1 auto; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.25rem; } .overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: #000; opacity: 0; visibility: hidden; z-index: 40; -moz-transition: opacity 0.25s ease 0s, visibility 0.35s linear; -o-transition: opacity 0.25s ease 0s, visibility 0.35s linear; -webkit-transition: opacity 0.25s ease, visibility 0.35s linear; -webkit-transition-delay: 0s, 0s; transition: opacity 0.25s ease 0s, visibility 0.35s linear; } .overlay.active { opacity: .7; visibility: visible; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transition-duration: 0.2s, 0s; -o-transition-duration: 0.2s, 0s; -webkit-transition-duration: 0.2s, 0s; transition-duration: 0.2s, 0s; } /*.overlay.active { visibility: visible; opacity: 1; } */ .popup-window { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 50; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -moz-box-align: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; width: 100%; text-align: center; visibility: hidden; } .popup-wrap.active { visibility: visible; } .popup-inset { border-radius: 4px; position: relative; min-width: 285px; max-width: 450px; min-height: 126px; margin: auto; visibility: hidden; -moz-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 8px 1px rgb(0 0 0 / 20%); box-shadow: 2px 2px 8px 1px rgb(0 0 0 / 20%); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .popup-wrap.active .popup-inset { -moz-animation: modalComeIn 0.25s ease; -webkit-animation: modalComeIn 0.25s ease; animation: modalComeIn 0.25s ease; visibility: visible; /* to keep @ final state */ } .popup-wrap.active .popup-form-wrap { opacity: 1; -moz-transform: translateY(0) scale(1, 1); -ms-transform: translateY(0) scale(1, 1); -webkit-transform: translateY(0) scale(1, 1); transform: translateY(0) scale(1, 1); } .popup-window.active { visibility: visible; opacity: 1; } .popup-window .form-title { font-size: 26px; font-weight: 600; text-align: center; margin: 0 0 10px; } .popup-window .form-subtitle { margin: 0 0 30px; text-align: center; font-size: 16px; } .popup-form-wrap { border-radius: 10px; overflow: hidden; } .popup-form-header { position: relative; background: var(--brown); padding: 15px 15px 15px; text-align: center; } .popup-form-body { background: var(--white); padding: 50px 35px 42px; } .popup-form-fields { display: flex; justify-content: space-between; width: 100%; } .popup-btn { width: 100%; margin-top: 20px; } .popup-btn .button { min-width: unset; width: 100%; } .popup-form-wrap form { display: flex; flex-direction: column; align-items: center; } .popup-form-item { flex-basis: 48%; } .popup-form-title { color: var(--white); font-weight: 600; font-size: 16px; margin: 0 auto 8px; line-height: 1.25; max-width: 350px; } .popup-form-wrap input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border-radius: 4px; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border: none !important; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; box-shadow: none !important; border-bottom: 2px solid #828282 !important; border-radius: 0px !important; margin-bottom: 10px; height: 40px !important; color: #828282 !important; font-size: 14px !important; } .popup-form-button-box button { display: block; float: left; width: 100%; font-size: 20px !important; margin-bottom: 0px !important; line-height: 1.2 !important; height: 47px; font-weight: 500; padding: 10px 14px; position: relative; border: 0 none; color: #fff; border-radius: 3px; text-transform: none; text-decoration: none; cursor: pointer; margin-right: 10px; letter-spacing: 1px; background: #54cd38; transition: all 0.28s ease; } .popup-window input.wpcf7-form-control { border: 1px solid #333; border-radius: 0; margin: 0 0 20px; height: 46px; color: #000; padding: 8px 20px; font-size: 16px; outline: none !important; box-shadow: none !important; font-weight: 400; background: transparent; max-width: 100%; } .popup-window input.bronBtn { width: 100%; height: 46px; border: 0; border-radius: 0; background: #1e69b8; font-size: 16px; color: #fff; transition: all 0.3s ease; } .popup-window input.bronBtn:hover { background: #222; } .popup-window .close { position: absolute; width: 22px; height: 22px; float: none; transition: all 0.3s ease; top: 12px; right: 12px; cursor: pointer; opacity: 1; } .popup-window .close:before { content: ""; position: absolute; width: 100%; height: 1px; background: #000; transform: rotate(45deg); top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .popup-window .close:after { content: ""; position: absolute; width: 100%; height: 1px; background: #000; transform: rotate(135deg); top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #popupcart_extended_background.mob-popupcart_extended_background { opacity: 0.5!important; visibility: visible!important; } #popupcart_extended_wrapper.mob-popupcart_extended_wrapper { opacity: 1!important; visibility: visible!important; display: block!important; } #popupcart_extended_wrapper.mob-popupcart_extended_wrapper .mob-popupcart_extended { opacity: 1!important; visibility: visible!important; } .product-price-main { font-size: 18px; margin-bottom: 30px; } .product-price-main .price-old { color: #a6a5a5; /* text-decoration: line-through; */ font-weight: 300; font-size: 18px; margin-right: 5px; font-weight: 400; position: relative; } .product-price-main .price-old::before { content: ''; width: 100%; position: absolute; right: 0; top: calc( 50% - 1.5px ); border-bottom: 2px solid rgba(166,165,165,0.8); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate( 15deg); -o-transform: rotate(15deg); transform: rotate( 15deg); } .product-price-main .price { color: var(--brown); font-weight: 500; font-size: 24px; } .product-price-main .price .grn { color: var(--brown); } .product-price-main .price-old .grn { color: #a6a5a5; } .product-price-main span.grn { font-size: 18px; } .delivety-info { margin-top: 30px; } .faq_container { background-color: #f3f3f3; border-radius: 10px; margin-bottom: 10px; } .faq_question { padding: 20px 20px; font-size: 18px; cursor: pointer; position: relative; } .faq_question:after { } .faq_text { padding: 20px 20px; border-top: solid 2px #fff; } summary::-webkit-details-marker { display: none; } .faq_container[open] .faq-arrow svg{ transform: rotateX(180deg) translateY(50%); } .faq-arrow svg{ transition: 0.3s; width: 15px; height: auto; position: absolute; top: 50%; transform: translateY(-50%); right: 25px; } .FAQ { margin-bottom: 50px; } .faq_container[open] span { animation: spoiler 1s; } .faq_container[open] ul { animation: spoiler 1s; } .faq_container ul { padding-left: 20px; padding-top: 5px; padding-bottom: 5px; } .faq_container span { padding: 5px 20px; } @keyframes spoiler { 0% {opacity: 0;} 100% {opacity: 1;} } .FAQ .wrapper h2 { font-style: normal; font-size: 35px; line-height: 40px; text-transform: uppercase; color: var(--brown); margin-bottom: 40px; letter-spacing: 0; text-align: center; } .page-template-template-usluga .FAQ { margin-bottom: 0; } .FAQ details, .FAQ summary { outline: none!important; } .FAQ a { color: var(--brown); transition: all 0.3s; } .FAQ a:hover { color: var(--brown); } #search-autocomplite { width: 100%; height: 50px; position: absolute; padding: 10px; padding-left: 10.5px; margin-top: 0.5px; } #search .search-field, #header-search .search-field { background: #f2f2f2; border-radius: 20px; /* height: 54px; */ color: #000000; border: none; padding: 9.5px 25px; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 185px; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } #search .search-btn, #header-search .search-btn { background: #f2f2f2; border-top-right-radius: 20px; border-bottom-right-radius: 20px; color: #000000; border: none; padding: 7px 25px; } .categories-list { position: relative; } .categories-list .owl-prev { position: absolute; left: 0; top: 7px; } .categories-list .owl-next { position: absolute; right: 0; top: 7px; } .categories-list .owl-prev span, .categories-list .owl-next span { font-size: 30px; display: block; } .product-info-manufacturer a { color: var(--black); } .zsu { font-size: 14px; width: fit-content; border-bottom: 2px solid var(--brown); } @media (max-width: 330px) { .button-circle { padding: 10px 22px !important; } }