/* colibri.bg 2025 */ @font-face { font-family: 'Bitter'; font-style: normal; font-weight: 100 200 300 400 500 600 700 800 900; font-display: swap; src: url('assets/Bitter-VariableFont_wght.woff2') format('woff2') } body { background: #fff; font-size: 0.95rem; font-size:100%; line-height: 1.45; overflow-x: hidden; } body, h1, h2, h3, h4, h5, h6 { font-family: 'Bitter', serif; } h1, h2, h3, h4, h5, h6 { text-transform: none; font-weight: 600 !important; letter-spacing:0 !important;} h1 {text-shadow: 0 0 30px rgba(0,0,0,0.3);} html { scroll-behavior: smooth; overflow-x: hidden; scrollbar-color: #999 #EEE; scrollbar-width: thin;} .aimeos a:link:not(.btn):hover, .aimeos a:visited:not(.btn):hover { color:#4bb7e6;} .col-lg-3 .catalog-filter-tree .zeynep, .col-lg-3 .catalog-filter-tree .zeynep .submenu { left: 0rem; transform: translateX(0rem); position: relative; pointer-events: auto;} /* aimeos.css */ :root { --ai-warning: #4BB7E6; --ai-product-image-ratio: 14/20; } body { color:#222; } body > .content, body .main-section { position: relative; margin-top: 2rem; margin-top: 0; position: relative; z-index: 2; } .navbar { position: relative; padding: 0 2.5%; min-height: 0 !important; z-index: 99999; z-index: 1002; -webkit-transition: background-color 0.15s; -moz-transition: background-color 0.15s; -o-transition: background-color 0.15s; transition: background-color 0.15s; } .navbar.scroll { position: fixed; background-color: #f9f9f9 !important; /* padding: 0 2.5%; */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .page-checkout-index .navbar.scroll { position: relative; } .navbar .header-top { display: block; } .navbar.scroll .header-top { display: none; } ul.main_menu { position: absolute; left: auto; right: 100px; bottom: 12px; width: 70%; margin: 0; border-right: 1px solid #ddd; padding-right: 6px; list-style: none; display: flex; justify-content: end; } .scroll ul.main_menu { bottom: 20px;} ul.main_menu li { margin: 0 30px; line-height: 20px; border: 0; white-space: nowrap; } ul.main_menu li a { color:#333; white-space: nowrap; position:relative; } ul.main_menu li a:hover { text-decoration:none; position:relative; } ul.main_menu li a:hover::after { content: "›"; position:absolute; right:-12px; } ul.main_menu li ul { display:none; position: absolute; top: 20px; left: auto; padding: 20px 35px 15px; margin: 0 -35px; border-radius: 0 0 10px 10px; background:linear-gradient(180deg, rgb(255, 255, 255) 20%, rgb(189, 228, 230) 80%); } nav.scroll ul.main_menu li ul { background:linear-gradient(180deg, rgb(249, 249, 249) 20%, rgb(189, 228, 230) 80%); } ul.main_menu li:hover ul { display:block; } ul.main_menu li ul li { list-style: none; margin:0; padding: 20px 0; } .nolink { pointer-events: none; } nav .cat-count {display:none;} .aimeos .btn-primary, .aimeos .btn-primary:visited, .aimeos .btn { border: 0 !important; border-radius: 5px !important; } input, select { cursor: pointer;} .navbar-nav .dropdown-menu { border: 0; background: linear-gradient(180deg, rgb(255, 255, 255) 20%, rgb(189, 228, 230) 80%); padding-left: 1rem; padding-right: 1rem; left:auto; right: 0;} .scroll .navbar-nav .dropdown-menu { background: linear-gradient(180deg, rgb(249, 249, 249) 20%, rgb(189, 228, 230) 80%);} .navbar-nav .dropdown-menu li:hover { background: none; } .navbar-nav .dropdown-menu li a:hover, .navbar-nav .dropdown-menu li .nav-link:hover { text-decoration:none; position:relative; } .navbar-nav .dropdown-menu li a:hover::after, .navbar-nav .dropdown-menu li .nav-link:hover::after { content: "›"; position:absolute; right:-12px; } .locale-select ul.select-menu ul li a:hover::after { content: "›"; position:absolute; right:-4px; } footer { padding: 0; position: relative; z-index: 1; } .top-social-icons { border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0 0.5rem; padding: 0 0.5rem; /*noenborder-left:0; margin: 0 0.5rem 0 0; padding: 0 0.5rem 0 0;*/} .top-social-icons .facebook::before, .top-social-icons .instagram::before, .top-social-icons .youtube::before {position: relative; font: normal normal normal 14px/1 bootstrap-icons; font-size: 14px; font-size: 100%; display: inline-block; text-decoration: none; vertical-align: middle; background: none; border: none; margin-right: 0rem;} .top-social-icons .facebook::before { content: "\f344";} .top-social-icons .youtube::before { content: "\f62b";} .top-social-icons .instagram::before { content: "\f437";} .order-online-tel { margin:0 0 0 0.5rem; } .vr360-btn { background: url(assets/_colibri2023/images/vrknij_btn.png) no-repeat center; margin: 2px 0 0 1rem; width: 44px; height: 22px; opacity: 0.8;} .locale-select-currency { display: none !important; } .locale-select li.select-dropdown > a::before { content: none; } .locale-select ul.select-menu ul { border-radius: 0.5rem; border: none; background-color: #f5f5f5; background: linear-gradient(180deg, rgb(255, 255, 255) 20%, rgb(189, 228, 230) 80%); padding: 1rem; border: 0 !important;} .locale-select ul.select-menu ul li { position:relative;} .locale-select ul.select-menu a { position:relative; width:auto; display:inline-block; padding: 0.5rem; pointer-events: none; } .locale-select ul.select-menu ul a { pointer-events: all; text-transform: capitalize; } .locale-select ul.select-menu ul li, .locale-select ul.select-menu ul li:hover, .locale-select ul.select-menu ul li a:hover { background: none !important; } .catalog-filter-tree .menu { padding: 0; } .locale-select ul.select-menu a:hover, .locale-select ul.select-menu a:link, .locale-select ul.select-menu a:visited, .navbar .catalog-filter-search .input-group .btn-search, .navbar-nav .dropdown-menu, .navbar-nav .nav-link, .navbar-nav .login > .nav-link::before, .navbar-nav .register > .nav-link::before, .navbar-nav .profile > .nav-link::before, .basket-mini .menu::after, .aimeos a:link:not(.btn), .aimeos a:visited:not(.btn), .catalog-filter-tree .menu { color: #333 !important; } .aimeos .a-cell .title a:link:not(.btn) { color:#fff !important; } .header-top-container .top-social-icons ul li a i:before { position: relative; font: normal normal normal 14px/1 bootstrap-icons; font-size: 14px; font-size: 100%; display: inline-block; text-decoration: none; vertical-align: middle; background: none; border: none; margin: 0 .5rem; } .header-top-container .top-social-icons ul li a i.facebook:before { content: "\f344"; } .header-top-container .top-social-icons ul li a i.youtube:before { content: "\f62b"; } .header-top-container .top-social-icons ul li a i.instagram:before { content: "\f437"; } footer .logo { margin-bottom: 2rem; } footer .logo img { max-height: 3rem; opacity: 0.7; } .aimeos-overlay-offscreen { z-index: 1025; } .aimeos h1, .aimeos h2 { text-transform: none; } .aimeos .btn { margin: .5rem; border: 0;} .aimeos .btn.reset, .catalog-filter-attribute .attribute-selected .minibutton.close, .catalog-filter-supplier .supplier-selected .minibutton.close, .selected-intro { display:none; } .aimeos .btn.fwdh { width: auto; } .catalog-filter-attribute .attribute-lists .attr-item.disabled { display:none;} .aimeos .list .product div.list-column:first-of-type .media-list, .aimeos .product-list div.list-column:first-of-type .media-list { padding-top: 0; box-shadow: 3px 0px 10px rgba(0,0,0,0.05); } .aimeos .list .product div.list-column:first-of-type .media-item, .aimeos .product-list div.list-column:first-of-type .media-item { position: relative; opacity: 1 !important; aspect-ratio: 13/20; } .aimeos .list .product div.list-column:first-of-type .media-item:nth-child(1), .aimeos .product-list div.list-column:first-of-type .media-item:nth-child(1) { } .aimeos .list .product div.list-column:first-of-type .media-item:nth-child(2), .aimeos .product-list div.list-column:first-of-type .media-item:nth-child(2) { } .aimeos .list .product div.list-column:first-of-type .media-item:nth-child(3), .aimeos .product-list div.list-column:first-of-type .media-item:nth-child(3) { display: none;} .aimeos .list .product div.list-column:first-of-type .media-item > img, .aimeos .product-list div.list-column:first-of-type .media-item > img { height: 100%; border-radius: 0;} .aimeos:not(.cms-page) .product-list .product { text-align: start; } @media (min-width: 576px) { .aimeos:not(.cms-page) .product-list .product { width: 31.333%; width: 23% !important; } } @media (min-width: 1350px) { .aimeos:not(.cms-page) .product-list .product { width: 23%; width: 18% !important; } } @media (min-width: 1680px) { .aimeos:not(.cms-page) .product-list .product { width: 12.28571428571429% !important; width: 14.66666666666667% !important; } } .aimeos .product .list-column:last-child { background: url(assets/_colibri2023/images/book_shadow2.png) no-repeat top right; padding-top: 1.3rem; } .aimeos .product .product-info { text-align: left; display: none; background: #f00;} .aimeos .product .text-list { text-align: left; margin-top: 0; } .aimeos .product .text-list h2 { text-align: left; } .aimeos .product .text-list .name { font-size: 100%; } .aimeos .product .text-list .name, .aimeos .product .text-list .text-item { line-height: 1.3; } .aimeos.catalog-home { margin-top: 0; margin-top: -25px;} .aimeos-overlay, .aimeos-overlay-offscreen { background: rgba(112, 170, 187, 0.9); } .aimeos .catalog-list-items .product { margin: 0 10%;} .aimeos .product .price-item .rebatepercent { background-color: #4BB7E6; min-width: 27px; min-height: 27px; line-height: 27px; top: -12px; right: -12px; border-radius: 50%; font-size: 0.6rem; padding: 0; text-align: center; } .aimeos #ochakID .product .price-item .rebatepercent { background-color: #BD4BE6;} .originalprice { margin:0 0.5rem; text-decoration:line-through; font-weight: 400; font-size: 92.5%; opacity: 0.4; } .aimeos .minibutton { background:none;} .aimeos-container { border: 0; border-radius: 1rem; } .autocomplete { z-index: 999999; } /* aimeos.css */ /* colibri */ .showDesktop { visibility:visible !important; display:inline-block !important;} .showDesktopB { visibility:visible !important; display:block !important;} .showDesktopTablet { visibility:visible !important; display:inline-block !important;} .showDesktopTabletB { visibility:visible !important; display:block !important;} .showMobileTablet { visibility:hidden !important; display:none !important;} .showMobileTabletB { visibility:hidden !important; display:none !important;} .showMobile { visibility:hidden !important; display:none !important;} .hideTablet {} img { border-radius: 0px; overflow: hidden; } .img_about_left, #idgax, #i8kllb { border-radius: 10px 50%;} .img_about_right, #i2hx7, #ih8ggw { border-radius: 50% 10px;} .img_about_left, .img_about_right { position: relative; overflow: hidden; width: 90%; width: 100%; height:auto;} .fix { clear: both; height: 0px; line-height: 0px; margin: 0px; overflow: hidden; } .fix05 { clear: both; height: 0.5rem; line-height: 0.5rem; margin: 0px; overflow: hidden; } .fix1 { clear: both; height: 1rem; line-height: 1rem; margin: 0px; overflow: hidden; } .fix2 { clear: both; height: 2rem; line-height: 2rem; margin: 0px; overflow: hidden; } .fix3 { clear: both; height: 3rem; line-height: 3rem; margin: 0px; overflow: hidden; } .container-fluid { padding: 0 !important; } .container, .container-fluid222, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { position: relative; max-width: 90%; margin: 0 auto; padding: 0; z-index: 9; } .container-xl.cxl-title, .cxl-title { max-width: inherit; padding: 3rem 0 0.001rem 0 !important; } .container-xl .container-xl { max-width: inherit; max-width: none; } .container-xl.BG_EEE, .container-xl.BG_LIGHT { max-width: 100%; padding-left: 5%; padding-right: 5%; } .cflnp { padding-left:0 !important; padding-right:0 !important; } .mw100 { max-width: 100%; } .nmh, .nmh p { max-height: none !important; } .text-cntr { text-align: center; } .txtallf {text-align:left !important; } .tmtextr { margin-top: 0rem !important; } .inv {transform: scaleX(-1);} /* bgs */ .BG_FFF { background: rgba(255,255,255,0.85) !important; } .BG_BLUE { background: rgba(219,233,245,0.85) !important; background:#e0ecf6 !important; } .BG_EEE { background: rgba(228,228,228,0.85) !important; } .BG_BLUE2 { background: rgba(244,247,247,0.85) !important; } .BG_GREY { background: rgba(33,33,33,0.85) !important; } .BG_BLUE3 { background: rgba(180,219,220,0.85) !important; } .BG_GREEN { background: rgba(232,241,221,0.85) !important; } .BG_BLUE4 { background: rgba(216,237,246,0.85) !important; } .BG_BLUE5 { background: rgba(65,185,231,0.85) !important; } .BG_GREY2 { background: rgba(84,84,84,0.85) !important; } .BG_WARM { background: rgba(250,246,225,0.85) !important; } .BG_WARM2 { background: rgba(241,236,206,0.85) !important; } .BG_WARM3 { background: rgba(246,245,235,0.85) !important; } .BG_BLUE6 { background: rgba(232,224,244,0.85) !important; } .BG_PURPLE {background: #f2f0fd !important;} .BG_LIGHT { background: rgba(248,248,248,0.85) !important; } .BG_FOOTER { background: linear-gradient(135deg, rgb(64, 129, 132) 0%, rgb(57, 97, 121) 100%) !important;} .BG_GRAD { background: linear-gradient(135deg, rgba(191, 110, 171, 0.5) 0%, rgb(139, 167, 210) 100%) !important;} .BG_GRAD2 { background: linear-gradient(135deg, rgb(227, 202, 244) 0%, rgb(189, 228, 230) 100%) !important;} #swall_id, #soc, #socialna-stena, .BG_LTEAL { background: rgba(212, 240, 242, 0.85) !important; } #sbn_id, #chn, #injokg { background: #faf3e7 !important;} .page-blog-topic #chn { background: none !important;} .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(135deg, rgba(157, 137, 37, 0.7) 0%, rgba(71, 141, 162, 0.9) 100%); } .breadcrumb-area .overlay { background-image: linear-gradient(-135deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.7) 100%); } .section-fixed { position: relative; min-height: 600px !important; height: 40vh;height: auto; padding: 5rem 0 !important; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; } .section-fixed.stretched { height: auto; padding: 6rem 0 4rem !important; } #s_hash { background-image: url(assets/_colibri2023/images/sticky_bg_2.jpg) !important; } #s_vr360 { background-image: url(assets/_colibri2023/images/bg_vr360a.jpg) !important; } .aimeos #s_hash .btn { margin: 0.75rem;} /* app.css */ .row { position: relative; --bs-gutter-x: 0; } dl, ol, ul { margin: 0; padding: 0;} .navbar-brand { margin: 0 0 0 1rem; } .navbar-brand img { max-height: 45px; border-radius:0; position: absolute; } .scroll .navbar-brand img { position: relative; height: 45px; } @media (min-width: 1099px) { .navbar-expand-md .navbar-collapse { top: 10px; position: relative; } .scroll.navbar-expand-md .navbar-collapse { top: 0px; } } .back-to-top { border-radius: 50%; } table { width: 100%; } a.arrow { position:relative; } a.arrow::after { content: "›"; position:absolute; right:-12px; top:-4px; } a.read_more_cat { position:relative; font-style: italic; opacity: 0.8; font-size: 92%; } a.read_more_cat::after { content: "›"; position:absolute; right:-12px; top:-3px; } .p15pc { padding: 0 15%; text-align: center; } .p10pc { padding: 0 10%; text-align: center; } .p8pc { padding: 0 8%; text-align: center; } .pt0 { padding-top:0 !important;} .pt1 { padding-top:1rem !important;} .pt3 { padding-top:3rem !important;} .pb0 { padding-bottom:0 !important;} .pb1 { padding-bottom:1rem !important;} .pb3 { padding-bottom:3rem !important;} .lotsabtns { text-align: center; } #s_socials .lotsabtns {display: inline;} /*tooltip*/ .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } /* catalog-filter.css */ .catalog-filter-tree .zeynep.opened, .catalog-filter-tree .zeynep.opened .submenu.opened { transform: translateX(30rem); border-radius: 0 10px 10px 0; } .catalog-filter-tree .zeynep, .catalog-filter-tree .zeynep .submenu { left: -30rem; width: 30rem; } .catalog-filter-tree .zeynep .back, .catalog-filter-tree .zeynep .close, .catalog-filter-tree .zeynep .name, .catalog-filter-tree .zeynep .next { font-size: 110%; } .catalog-filter-tree .zeynep .close { background: #444; } .catalog-filter-tree .media-list { display: none; } .catalog-filter-tree .menu::before { font-size: 2rem; } .navbar .catalog-filter-search .input-group input { width: 349px !important; height: 40px; padding: .375rem .75rem; padding: .375rem 1rem !important; border-radius: 10px 0 0 0; } .catalog-filter-tree .zeynep .name { padding: 0.5rem 1rem; text-align: left; padding: 0.5rem 1rem 0.5rem 0.5rem; text-align: center; } .header-top-right .catalog-filter-search .search-lists { padding: 0; } .navbar .catalog-filter-search .value { border: 1px solid #eee; border-bottom: 0; border-right: 0;} .navbar .header-top-right .catalog-filter-search .input-group .btn { border: 1px solid #eee !important; border-bottom: 0 !important; border-radius: 0 5px 0 0;} .catalog-filter-tree .zeynep .list-container { margin: 0rem 0; } .catalog-filter-tree .zeynep .item-links .name:hover { color: #4bb7e6 !important;} .catalog-filter-tree .zeynep .next { color: #444; background: rgba(0,0,0,0.05); background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 100%); transition: background 0.15s ease; } .catalog-filter-tree .zeynep .next:hover { color: #4bb7e6; background: rgba(0,0,0,0.08); background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.13) 100%); } .catalog-filter-tree .zeynep .back { color: #fff; background: rgba(0,0,0,0.15); margin: 0 0.5rem 0 -0.5rem;} .catalog-filter-tree .zeynep .back:hover, .catalog-filter-tree .zeynep .close:hover { color: #4bb7e6; } /* catalog-detail.css */ .catalog-detail-navigator { display: none; } .catalog-detail .product { padding: 0rem 0% 0rem; } .catalog-detail-supplier .media-item { border-radius: 50%; max-width: 100px; max-height: 100px; margin: 1rem 0 1rem 6rem; overflow: hidden; margin: 1rem 3rem 1rem 0rem; float: left; display: flex; align-items: center; } .catalog-detail-basket .radio .select-label { border: 0; background: #b8c8d0; border-radius: 0 0 10px 10px; color: #fff; font-size: 1rem;} .catalog-detail-basket .select-option:checked + .select-label { border: 0; background-color: #4bb7e6; } /**/ .a-cell { position: relative; padding: 0 2% 1.75%; margin: 0 1% 2%; display: flex;display: block; align-content: end; align-items: end; background-size: cover !important; background-position: center top !important; background-position: center !important; border-radius: 26px; overflow: hidden;} #soc .a-cell { margin: 0 1% 2.5vh;} #soc.aimeos .product { margin: 0 0%; } /* creative home - soc */ #swall_inner_id.container-xl { padding-top: 0; } #soc { position: relative; padding: 0.5rem 0 4rem; color: #fff; } #soc .container .row { margin: 0 -1%; } #soc h2, #soc h3, #soc p, #soc.aimeos .product .text-list, #soc.aimeos .product { color: #fff !important; } #soc p { margin: 0; line-height: 1.3; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .a-cell .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(-155deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.7) 100%); z-index: 88; } .a-cell .title { position: relative; z-index: 89; } #soc .col-lg-6 { width: 48%; float: left; } #soc .col-lg-3 { width: 23%; float: left; } #soc .soc-cell { width: 23%; height: 300px; background-color:#ccc; float: left; } #soc1 { height: calc(900px + 5vh) !important; padding: 0 !important; margin-bottom: 0 !important; background: #fff !important; text-align: center;} .lang-en #soc1 {height: calc(535px + 9vh) !important;} #soc1 iframe, #soc1 .fb_iframe_widget, #soc1 .fb-page { width: 100%; height: 100%; min-height:500px; position: absolute; top: 0; left: 0; } #soc1 iframe *, #soc1 .fb_iframe_widget *, #soc1 .fb-page * { scrollbar-color: #999 #EEE; scrollbar-width: thin; } #soc2 { width: 48% !important; background-image: url(assets/_colibri2023/images/ochak.jpg) !important; } #soc3 { background-image: url(assets/_colibri2023/images/newsletter-4.jpg) !important; } .lang-en #soc2, .lang-en #soc3 { visibility: hidden; } #soc4 { margin: calc(-600px - 2.5vh) 0px 0vh 26% !important; background-image: url(assets/_colibri2023/images/407x300_knij.png) !important; } #soc5 { margin: calc(-600px - 2.5vh) 0 0 2% !important; background-image: url(assets/_colibri2023/images/407x300_dost.png) !important; background-position-x: right !important; } #soc6 { margin: calc(-600px - 2.5vh) 0 0 2% !important; background-image: url(assets/_colibri2023/images/newsletter-1.jpg) !important; } #soc7 { margin: -300px 0px 0 26% !important; background-image: url(assets/_colibri2023/images/socialnimreji.jpg) !important; } #soc8 { width: 48% !important; margin: -300px 0 0 2% !important; background-image: url(assets/_colibri2023/images/ebook_bg.jpg) !important; } #soc9 { display:none;} @media (max-width: 1200px) { #soc1, #soc2, #soc3, #soc4, #soc5, #soc6, #soc7, #soc8 { height: 250px; margin-top: 0; } #soc .col-lg-6, #soc .col-lg-3 { width: 98%; float: none; } } /* creative home - chn */ #sbn_inner_id.container-xl, .aimeos.cms-page .cxl-title .container-xl { padding-top: 0; } #chn { position: relative; padding: 2rem 0 4rem; color: #fff; } #chn * { color: #fff; } #chn p { max-height:48px; margin: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #chn.aimeos.cms-page h3 { display: block; margin-bottom: 0.25rem; } .a-cell .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 88; background-image: linear-gradient(-155deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.7) 100%); background-image: linear-gradient(-165deg, rgba(0,0,0,0) 30%, rgba(73, 56, 74, 0.85) 70%); } .a-cell .title { position: relative; width: 100%; max-height: 100%; height: 100%; z-index: 89; display: flex; align-items: flex-start; flex-wrap: wrap; flex-direction: column; justify-content: end; } .a-cell .title h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .soc-cell.a-cell .title h3 { -webkit-line-clamp: 2; } .disp-cont .a-cell .title * { display:contents;} .a-cell .title br { display: block !important;} .a-cell .title h4, .page-blog-topic .a-cell h4 { text-align: center; position: absolute; top: 0; left: 0; border-radius: 0.5rem 0 0.5rem 0; background: #fff; padding: 0.2rem 0.5rem; font-weight: 600 !important; font-size: 0.8rem; margin: 0.25rem; text-transform: uppercase;} .page-blog-topic .a-cell h4 { left: auto; right: 0; border-radius: 0 1rem; background: #4bb7e6; padding: 0.25rem 1rem; margin: 0; text-transform: none;} #chn .col-lg-6 { width: 48%; float: left; } #chn .col-lg-3 { width: 23%; float: left; } #chn .a-cell.blog-cell { width: 48%; height: 300px; background-color:#ccc; float: left; background: url(assets/_colibri2023/images/post-no-image1.jpg) no-repeat center #ccc !important; background-size: cover !important; } #chn .a-cell.blog-cell:nth-child(1), #chn .a-cell.blog-cell:nth-child(9) { height: 500px; background: url(assets/_colibri2023/images/post-no-image2.jpg) no-repeat center #ccc; } #chn .a-cell.blog-cell:nth-child(2), #chn .a-cell.blog-cell:nth-child(10) { background: url(assets/_colibri2023/images/post-no-image3.jpg) no-repeat center #ddd; } #chn .a-cell.blog-cell:nth-child(3), #chn .a-cell.blog-cell:nth-child(11) { background: url(assets/_colibri2023/images/post-no-image4.jpg) no-repeat center #ccc; } #chn .a-cell.blog-cell:nth-child(4), #chn .a-cell.blog-cell:nth-child(12) { width: 23%; height: 500px; margin-top: -200px; background: url(assets/_colibri2023/images/post-no-image1.jpg) no-repeat center #ddd; } #chn .a-cell.blog-cell:nth-child(5), #chn .a-cell.blog-cell:nth-child(13) { width: 23%; height: 500px; margin-top: -200px; background: url(assets/_colibri2023/images/post-no-image2.jpg) no-repeat center #aaa;} #chn .a-cell.blog-cell:nth-child(6), #chn .a-cell.blog-cell:nth-child(14) { width: 23%; background: url(assets/_colibri2023/images/post-no-image3.jpg) no-repeat center #ddd; } #chn .a-cell.blog-cell:nth-child(7), #chn .a-cell.blog-cell:nth-child(15) { background: url(assets/_colibri2023/images/post-no-image4.jpg) no-repeat center #bbb; } #chn .a-cell.blog-cell:nth-child(8), #chn .a-cell.blog-cell:nth-child(16) { width: 23%; background: url(assets/_colibri2023/images/post-no-image1.jpg) no-repeat center; } /* slider.css */ .catalog-list.swiffy-slider { margin: 1rem 0; padding: 0 0rem 0 0rem; } .slider-container { margin: 0 -1rem 0 0 !important; margin: 0 -2.5% 0 0 !important; padding: 12px 0rem 0 0; padding: 1.5rem 0rem 1rem 0; align-items: start;} .home.slider-container { align-items: start; max-height: 600px; /* overflow: hidden; */ background-image: linear-gradient(-45deg, rgba(0,0,0,0) 20%, rgba(0,0,0,0.4) 100%); margin: 0 !important; padding: 0; } .swiffy-slider { --swiffy-slider-nav-outside-size: 0rem; } .slider-nav { left: -45px; left: -4%; z-index: 33; } .thumbs .slider-nav { left: -42px; } .catalog-detail-image .swiffy-slider.slider-nav-round .slider-nav { display:none; } .thumbs .slider-nav.slider-nav-next { left: unset; right: -42px; } .aimeos.catalog-home .slider-nav { left:0; } .slider-nav.slider-nav-next { right: -45px; right: -4%; } .aimeos.catalog-home .slider-nav.slider-nav-next { left: auto; right: 0; } .pswp__button--arrow--left::before, .pswp__button--arrow--right::before { height: 30px; width: 30px; border-radius: 50%; overflow: hidden; aspect-ratio: 1; } .slider-nav-animation .slider-nav.slider-nav-next { right: 0; } @media (min-width: 520px) { .catalog-list.swiffy-slider { --swiffy-slider-item-count: 2; } } @media (min-width: 768px) { .catalog-list.swiffy-slider { --swiffy-slider-item-count: 3; } } @media (min-width: 992px) { .catalog-list.swiffy-slider { --swiffy-slider-item-count: 5; } } @media (min-width: 1350px) { .catalog-list.swiffy-slider { --swiffy-slider-item-count: 6; } } @media (min-width: 1600px) { .catalog-list.swiffy-slider { --swiffy-slider-item-count: 7; } } @media (min-width: 1800px) { .catalog-list.swiffy-slider { --swiffy-slider-item-count: 8; } } #soc .catalog-list.swiffy-slider { --swiffy-slider-item-count: 1; margin: 0; } #soc .a-cell { padding: 1rem; background: rgba(255,255,255,0.5); } #soc .a-cell .title { } #soc .a-cell .overlay { background-image: linear-gradient(25deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.2) 100%); background-image: linear-gradient(-165deg, rgba(0,0,0,0) 30%, rgba(131, 117, 132, 0.9) 70%);} .aimeos #soc .product-list div.list-column:first-of-type .media-item > img { max-height: 160px; width: auto; } .aimeos #soc .product-list div.list-column:first-of-type .media-item { aspect-ratio: inherit; } #soc .slider-container { max-height: 100%; text-align: right; padding: 0; margin: 0 !important; } #soc .slider-container .list-column { height: 100%; } #soc .slider-nav { display:none; } .aimeos #soc .product .price-item .rebatepercent { top: auto; right: auto; left: auto; bottom: 0;} .catalog-home .stage-image { border-radius: 0; } .home-item .overlay { background-image: linear-gradient(135deg, rgba(43, 39, 25, 0.5) 0%, rgba(0, 0, 0,0) 100%); } .home-item .home-stage { position: relative; display: flex; align-items: center; height: 600px; max-height: 600px;} .home-item .hp_slider_container { position: relative; z-index:3; padding-bottom: 1.5rem; width: 100%;} .hp_slider_author { font-size:2.75rem; font-weight:800; color:#fff; width: 100%; max-width: 50%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;} .hp_slider_title { font-size:1.75rem; line-height: 1.2; font-weight:600; margin-bottom: 1rem; color:#fff; width: 100%; max-width: 50%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; } .hp_slider_text { font-size:1.25rem; font-weight:400; margin-bottom: 1rem; color:#fff; width: 70%; max-width: 40%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow:hidden;} .hp_slider_link { font-size: 0.9rem; color: #fff; width: auto !important; padding: 0; margin: 1rem 0 !important; background: #fff !important;} .hp_slider_link a { color:#fff !important; padding: 0.5rem 1.25rem; display:block; } /*ochak*/ #ochakID {} #ochakID .ochak-items {padding-bottom: 0; padding-top: 3rem;} #ochakID #svg2ID {padding-top: 0; } .aimeos #ochakID .product .text-list, .aimeos #ochakID .product, #ochakID h2, #ochakID a.arrow { color:#fff !important; } .aimeos #ochakID .product {margin-bottom: 2rem;} #ochakID h2::after {border-bottom: 1px solid #e3e3e3;} /*contact*/ .contact-tagline {max-width: 30ch; float: right; } #koismenie { position: relative; z-index: 6; } #koismenie .testimonials h3 { margin-bottom: 0.5rem; margin-top: 0.5rem; } #koismenie .testimonials p { margin-bottom: 0.5rem; } #s_socials { margin: 0; position: relative; z-index: 5; text-align: left; padding: 2rem 6% 4rem !important; background: url(assets/_colibri2023/images/s_socials_bg4.png) no-repeat right bottom #bd81ae !important;} #s_socials .tag { display: inline-block; min-width: 100px; font-size: 1.15rem; line-height: 2.8; text-align: right; margin-right: 1rem; color: #fff; } #s_socials .tag a { color: #fff !important; } .aimeos.cms-page #s_socials.background::after, .koismeniesvg2 { background:#bd81ae; fill: #bd81ae; background: none;} .mx65 { /* max-width:65%; */} .contact .boxc-inner p { -webkit-line-clamp: inherit;} /*homepage*/ .col-sm a { color:#222;} .col-sm a:hover {} #sybitia { padding-top: 1rem; } .box3 .col-sm { padding: 0% 0rem 0 0rem; flex: 1 0 33.333%; } body.page-blog-topic .box3 .col-sm:nth-child(1), body.page-blog-topic .box3 .col-sm:nth-child(2) { flex: 1 0 50%; } .box3 .col-sm .boxc { margin: 0.5rem; } .box3 .boxc-inner .events_summary { max-height: 95px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align: center;} .box3 .boxc-inner .events_summary p { max-height: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .box2 .col-sm, .box2 .col-md { padding: 0% 1rem 0 0rem; } .box2 .col-sm:last-child, .box2 .col-md:last-child { padding-right: 0; } .box2x2 { margin: 1rem 0 3rem 0; margin: 0rem 0 2rem 0;} .box2x2 .col-sm { flex: 1 0 50%; padding-top: 1%; } .box2x2 .col-sm:nth-child(2), .box2x2 .col-sm:nth-child(6) { padding-right: 0; } .box2x2 .col-sm:nth-child(3) .boxc-image, .box2x2 .col-sm:nth-child(4) .boxc-image, .box2x2 .col-sm:nth-child(7) .boxc-image, .box2x2 .col-sm:nth-child(8) .boxc-image, .box2x2 .col-sm:nth-child(11) .boxc-image, .box2x2 .col-sm:nth-child(12) .boxc-image, .box2x2 .col-sm:nth-child(15) .boxc-image, .box2x2 .col-sm:nth-child(16) .boxc-image { margin: 0 0 0 3%; float:right; } .box2x2 .col-sm:nth-child(3) .boxc-inner h4, .box2x2 .col-sm:nth-child(4) .boxc-inner h4, .box2x2 .col-sm:nth-child(7) .boxc-inner h4, .box2x2 .col-sm:nth-child(8) .boxc-inner h4, .box2x2 .col-sm:nth-child(11) .boxc-inner h4, .box2x2 .col-sm:nth-child(12) .boxc-inner h4, .box2x2 .col-sm:nth-child(15) .boxc-inner h4, .box2x2 .col-sm:nth-child(16) .boxc-inner h4 { left: auto; right: 0; border-radius: 0 0.5rem 0 0.5rem; } .box2x2 .col-sm.tag-no-image { flex: 1 0 100%; } .box2x2 .col-sm.tag-no-image .boxc-image { background: none !important; display: none;} .box2x2 .col-sm.tag-no-image .boxc-inner h4 { left: 0; right: auto; border-radius: 0.5rem 0 0.5rem 0;} .box2x2 .col-sm.tag-no-image .boxc-inner { padding: 3rem 5% 1rem;} /**/ body.page-blog-detail .box2x2 .col-sm, .page-contact .box2x2 .col-sm { padding-top: 0; flex: 1 0 0%;} body.page-blog-detail .box2x2 .col-sm .img_about_left, .page-contact .box2x2 .col-sm .img_about_left { border-radius: 50px; width: 100%; background: #daeae8; min-height: 200px;} body.page-blog-detail .box2x2 .col-sm:nth-child(2), .page-contact .box2x2 .col-sm:nth-child(2) { position: relative; padding: 3rem 3rem 3rem 3rem; border-radius: 50px; background-image: linear-gradient(-45deg, #fff 50%, rgb(238, 233, 231) 100%); margin: 5rem 0rem 0 -5rem; z-index: 11;} .img_about_left_caption {padding: 2.3rem 7rem 1rem 2rem; font-size: 1.5rem; font-weight: bold; text-align: right; color: #92c5d9; font-style: italic;} .blog_page_date { padding: 0 3rem; position: absolute; right: 0rem; top: 0rem; background: #4BB7E6; border-radius: 0 50px; color: #fff; margin: 0 0 3px 0; font-size: 0.9rem; font-weight: 600 !important; z-index: 999; line-height: 50px;} .page-catalog-home .blog_page_date {padding: 0.3rem 1rem 0.325rem 0.75rem; border-radius: 0 0.75rem; font-size: 0.8rem; line-height: 1;} body.page-blog-detail .box2x2 .col-sm, .page-contact .box2x2 .col-sm { padding-top: 0; flex: 1 0 0%;} ul.blog-tags { border-top: 1px dashed rgba(0,0,0,0.3); padding: 2rem 0; margin: 2rem 0;} ul.blog-tags li { list-style: none; display: inline-block; background: #92c5d9; background: #4BB7E6; margin: 0 2rem 0 0; padding: 0.5rem 1rem; color: #fff; border-radius: 10px;} ul.blog-tags li a { color: #fff; } ul.blog-tags li a::before { content:"#"; display: inline-block; padding: 0px; } .post-no-image { border-radius: 50px; width: 100%; background: #daeae8; min-height: 400px; background-image: url(assets/_colibri2023/images/post-no-image1.jpg); background-size: cover;} .event-no-image { border-radius: 50px; width: 100%; background: #daeae8; /* min-height: 400px; */ background-image: url(assets/_colibri2023/images/post-no-image3.jpg); background-size: cover; aspect-ratio: 265/100;} .post-no-image .img_about_left, .post-no-image .img_about_left_caption, .event-no-image .img_about_left, .event-no-image .img_about_left_caption { display:none; } body.page-blog-tag .box2x2 .col-sm .boxc-image { margin: 0 3% 0 0 !important; float:left !important; } .boxbirdie {margin: -200px auto 0 !important; z-index: 0;} .img_about_birdie {-webkit-mask-image: url(assets/birdie.svg); mask-image: url(assets/birdie.svg); mask-repeat: no-repeat; mask-position: center;} /* temp waves */ .hp-topc .cflnp { position: relative; z-index: 99; } .slider-bottom-svg, .slider-bottom-svg.n2 { position: absolute; z-index: 1; top: -100px; width: 100%; height: 250px; background-size: 100% 100% !important; background: url("assets/_colibri2023/images/waveFFF2.svg#svgView(preserveAspectRatio(none))") top center no-repeat;} .slider-bottom-svg.n2 { top: -102px; left: -310px; opacity: 0.2; width: 160%;} .boxc { position: relative; overflow: hidden; border-radius:10px; } .box2x2 .boxc { background:none; background-image: linear-gradient(-25deg, rgba(0,0,0,0) 60%, rgba(128, 92, 120,0.1) 100%); } .box2x2.right .boxc, .box2x2 .col-sm:nth-child(1) .boxc, .box2x2 .col-sm:nth-child(2) .boxc, .box2x2 .col-sm:nth-child(5) .boxc, .box2x2 .col-sm:nth-child(6) .boxc, .box2x2 .col-sm:nth-child(9) .boxc, .box2x2 .col-sm:nth-child(10) .boxc, .box2x2 .col-sm:nth-child(13) .boxc, .box2x2 .col-sm:nth-child(14) .boxc, .box2x2 .col-sm:nth-child(17) .boxc, .box2x2 .col-sm:nth-child(18) .boxc, .box2x2 .col-sm:nth-child(21) .boxc, .box2x2 .col-sm:nth-child(22) .boxc { background:none; background-image: linear-gradient(25deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.1) 100%); } .box2x2 .tag-no-image .boxc { background-image: linear-gradient(-25deg, rgba(0,0,0,0) 60%, rgba(128, 92, 120,0.1) 100%) !important; } body.page-blog-tag .box2x2 .boxc { background-image: linear-gradient(-10deg, rgba(0,0,0,0) 30%, rgba(128, 92, 120,0.15) 100%) !important} .boxc img { border-radius:0px; } .boxc-image { height:300px; background-color:#f5fbfb !important; background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important; } body.page-blog-topic #sybitia .boxc-image { height:auto; aspect-ratio: 265/100; background-image: url(assets/_colibri2023/images/post-no-image3.jpg);} .box2x2 .boxc-image { height: 300px; width: 47%; float: left; border-radius: 10px; margin: 0 3% 0 0; background-size: cover; overflow: hidden; position: relative;} .box2x2.right .boxc-image { float: right; margin: 0 0 0 3%;} .box2x2 .boxc-image a { position:absolute; top:0; left:0; width:100%; height:100%; } .boxc-inner { padding: 2rem 5%; min-height: 155px; background-image: linear-gradient(-5deg, rgba(0,0,0,0) 30%, rgba(128, 92, 120, 0.15) 100%); overflow: hidden; } .box2x2 .boxc-inner { background:none;} .boxc-inner h3 { text-align: center; font-size: 125%; max-height: 50px; overflow: hidden; margin-bottom: 0.5rem !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .box2x2 .boxc-inner h3 { font-size: 125%; text-align: left; } .box2x2.right .boxc-inner h3 { text-align: right; } .boxc-inner h4 { text-align: center; position: absolute; top: 0; right: 0; background: #4BB7E6; color: #fff; padding: 0.3rem 0.5rem 0.275rem; border-radius: 0 0.5rem 0 0.5rem; font-weight: 600 !important; font-size: 0.8rem; margin: 0rem;} .box2x2 .boxc-inner h4 { left: 0; right: auto; border-radius: 0.5rem 0 0.5rem 0; } .box2x2.right .boxc-inner h4 { left: auto; right: 0; border-radius: 0 0.5rem 0 0.5rem; } body.page-blog-tag .box2x2 .boxc-inner h4 { left: 0 !important; right: auto !important; border-radius: 0.5rem 0 0.5rem 0 !important; } .boxc-inner p { text-align: center; margin-bottom:0; max-height: 46px; overflow: hidden; /* */display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .box2x2 .boxc-inner p { text-align: left; max-height: 186px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .box2x2.right .boxc-inner p { text-align: right; } .box2x2 .boxc-inner .news_summary { /* text-align: right; */max-height: 139px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .box2x2 .boxc-inner .news_summary p { max-height: none;} .blog-btn { font-size: 0.8rem; /* color: #fff; */width: auto !important; margin: 1rem 0 !important; display: inline-block; } .blog-btn::after { content:"›"; display: inline-block; padding: 5px; } .vr1txt { max-width: 90ch; margin:auto; } .bloghptitle { position: relative; z-index: 999;} /*category page*/ .catalog-list-type { display:none; } .catalog-list .offer .section { text-align: left; } .aimeos .product .stock-list { /* display: none; */ position:relative; margin: 0; } body.page-catalog-detail .aimeos .product .stock-list { display: block; position: absolute; bottom: 2.75rem; right: 3rem; text-align: right; margin: 0 1rem; width: auto;} .aimeos .product .price-list { margin-inline-start: 0; padding: 1rem 0% 0; width: 100%; } .aimeos .product form.basket .price-list { padding: 1rem 2% 0; } .catalog-detail-basket .addbasket { padding: 0 2%; } .catalog-list-items.product-list form.basket { display:none; } .head-image img { border-radius:0; } body.page-catalog-tree .content .col-lg-9 .catalog-list .container-xxl { padding-left: 5%; } .catalog-filter-attribute .media-item img, .catalog-filter-supplier .media-item img { display: none; } .catalog-filter-attribute legend { display: none;} .catalog-filter-attribute .attribute-lists fieldset.attr-sets .attr-list { display: block !important;} .catalog-filter h2 { padding: 1rem .75rem 1rem; border-bottom: 1px dashed rgba(0,0,0,0.3); pointer-events: none; } .catalog-list-footer { padding: 2rem 2.5rem; margin: 3rem 0 1rem; border-radius: 10px 110px 30px 10px; color: #2b2b2b; /* font-size: 95%; */background-image: linear-gradient(135deg, rgb(249, 235, 218) 0%, rgb(238, 222, 231) 100%) !important; } .catalog-list-footer h2.large { font-size: 180%; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px dashed rgba(0,0,0,0.3); } .catalog-list-footer ul { margin: 1rem; } /*temp for hero*/ body.page-catalog-tree .catalog-list-head, body.page-catalog-tree .catalog-stage-image, body.page-catalog-forthcoming .catalog-list-head, body.page-catalog-forthcoming .catalog-stage-image { padding: 0; position: relative; top: 0; left: 0; position: absolute; height: 100%; width: 100%; margin: 0px auto; max-height: 240px; overflow: hidden; height: 240px; background: none; display: flex; flex-direction: column; justify-content: center;} body.page-catalog-tree .catalog-list-head { /* position: fixed; top: 115px; */ z-index: 777;} body.page-catalog-tree .catalog-list-head222222::after, body.page-catalog-tree .catalog-stage-image22222::after, body.page-catalog-list .catalog-stage::after, body.page-catalog-tree .catalog-stage::after, body.page-catalog-tree .catalog-list-head .head-image::after, body.page-catalog-forthcoming .catalog-stage::after { position: absolute; top: 0; width: 100%; height: 100%; left: 0; content: ''; background-image: linear-gradient(135deg, rgba(157, 137, 37, 0.7) 0%, rgba(71, 141, 162, 0.9) 100%); z-index: 33; } /*BGS*/ body.page-catalog-tree .catalog-list-head .head-image, .aimeos .catalog-stage-image .stage-item, body.page-catalog-forthcoming .catalog-list-head .head-image { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; background-color: #eee; position: absolute; z-index:999; left: 0; top: 0; background-image:url(assets/_colibri2023/images/knigi2a.jpg); background-size: cover !important; background-position: center !important;} body.page-catalog-tree .catalog-stage, body.page-catalog-forthcoming .catalog-stage { top: 0; left: 0; /* z-index: 1055; */ position: absolute; background:url(assets/_colibri2023/images/knigi2a.jpg) no-repeat center; background-size: cover !important;} body.page-catalog-forthcoming .catalog-stage { background-image:url(assets/_colibri2023/images/bg_och.jpg); } body.page-catalog-tree .catalog-stage.ebooks, body.page-catalog-tree .catalog-list-head.ebooks .head-image { background: url(assets/_colibri2023/images/hero_ukazania.jpg) no-repeat top center !important; } /* body.page-catalog-tree .catalog-list-head .head-image { background: none; } */ body.page-catalog-tree .catalog-list-head.ebooks .head-image h1::before { content:"e-" } .aimeos .catalog-stage-image .stage-item { z-index: 1; background:#eee; } body.page-catalog-tree .catalog-list-head h1, body.page-catalog-tree .catalog-stage-image h1, body.page-catalog-forthcoming .catalog-list-head h1 { z-index: 444; position: relative; color: #fff; } body.page-catalog-tree aside.col-lg-3, body.page-catalog-tree .col-lg-9, body.page-catalog-forthcoming aside.col-lg-3, body.page-catalog-forthcoming .col-lg-9 { margin-top: 260px; } .catalog-stage-breadcrumb.container-xxl { max-width: none; padding: 170px 1.5rem 0; padding: 170px 1.25% 0; z-index: 1055;} .catalog-stage-breadcrumb .breadcrumb, .aimeos .catalog-stage-breadcrumb a, .aimeos .catalog-stage-breadcrumb a:link:not(.btn), .aimeos .catalog-stage-breadcrumb a:visited:not(.btn) { color: #fff !important; text-shadow: 0 0 30px rgba(0,0,0,0.3); } .catalog-stage-breadcrumb.st_io .breadcrumb ol li:first-child { pointer-events:none; display: none; } body.page-catalog-detail .n7 a:link:not(.btn), body.page-catalog-detail .n7 a:visited:not(.btn) { color: #444 !important; text-shadow: none; } /* catalog-stage.css */ .catalog-stage-breadcrumb .title, .catalog-stage-breadcrumb a { padding: 0 0 0 0.75rem; } .catalog-stage { min-height: 240px; margin-bottom: 20px; background: none; background-size: cover; background:url(assets/_colibri2023/images/knigi2a.jpg) no-repeat center; background-size: cover !important;} .catalog-stage-breadcrumb ol { padding-inline-start: 0; } .aimeos .browser a { padding: 0.75rem 0.5rem; color: #777 !important;} .aimeos .pagination { text-align: left; } .aimeos .sort { margin: 0 1%;} .aimeos .browser { margin: 0 0%; float: right; } .catalog-filter-price input[type="range"]::-moz-range-thumb, .catalog-filter-price input[type="range"]::-webkit-slider-thumb { border:0; border-radius: 50%; overflow:hidden; } .aimeos:not(.cms-page) .catalog-list-items:not(.swiffy-slider) { width: 100%; border-top: 1px dashed rgba(0,0,0,0.3); padding: 0.75rem 0; border-bottom: 1px dashed rgba(0,0,0,0.3); margin: 0.5rem 0; } .catalog-categories {} .catalog-categories ul { list-style: none; margin: 0; padding: 0.5rem 0;} .catalog-categories ul li { margin: 0; padding: .2rem .75rem; } .catalog-categories ul li а { } .catalog-categories ul li a.active { color: #777 !important; pointer-events: none; } /*.author-more-books*/ .aimeos:not(.cms-page) .author-more-books .catalog-list-items:not(.swiffy-slider) { border-top: 0; padding: 0; border-bottom: 0; } @media (min-width: 1200px) { .aimeos:not(.cms-page) .author-more-books .product-list .product { width: 100% !important; max-height: 100px; margin: 5px 0; } .author-more-books .product-list .product .col-12:first-child { width: auto !important; } .author-more-books .product-list .product .col-12 { width: 80% !important; background: none; padding:0; } .author-more-books .product-list .product .col-12, .author-more-books .product-list .product .col-12 .media-list { height: 100%; max-height: 100%; overflow: hidden; aspect-ratio: 13/20;} .author-more-books .product-list .product .col-12 .media-list .media-item { aspect-ratio: 13/20;} .author-more-books .product-list .product .col-12 .media-list .media-item img { max-height: 100px; width: auto; width: 100%; height: auto; aspect-ratio: 13/20;} .author-more-books .product-list .product .col-12 .text-list { padding: 12px 0 0 14px; } .author-more-books .product-list .product .col-12 .offer { display:none; } } /*book page*/ .aimeos .product .price-item.default .value { font-size: 130%;} .originalprice { margin-right:0; } body.page-catalog-detail > .content .book-article-row.n1, body.page-catalog-detail .main-section .book-article-row.n1, body.page-catalog-detail.paperback-actual > .content .book-article-row.n1, body.page-catalog-detail.paperback-actual .main-section .book-article-row.n1 { background: #e5ecf0; } body.page-catalog-detail.ebook-actual > .content .book-article-row.n1, body.page-catalog-detail.ebook-actual .main-section .book-article-row.n1 { background: #e9f0e5; } body.page-catalog-detail.ebook-actual .catalog-detail-basket .select-option:checked + .select-label, body.page-catalog-detail.ebook-actual .catalog-detail-basket .select-option:checked + .select-label { background-color: #42c897; } body.page-catalog-detail.ebook-actual .aimeos .catalog-detail-basket .btn-primary, body.page-catalog-detail.ebook-actual .aimeos .catalog-detail-basket .btn-primary { background-color: #42c897; } body.page-catalog-detail.hardback-actual > .content .book-article-row.n1, body.page-catalog-detail.hardback-actual .main-section .book-article-row.n1 { background: #ebe5f0; } body.page-catalog-detail.hardback-actual .catalog-detail-basket .select-option:checked + .select-label, body.page-catalog-detail.hardback-actual .catalog-detail-basket .select-option:checked + .select-label { background-color: #5f42c8; } body.page-catalog-detail.hardback-actual .aimeos .catalog-detail-basket .btn-primary, body.page-catalog-detail.hardback-actual .aimeos .catalog-detail-basket .btn-primary { background-color: #5f42c8; } body.page-catalog-detail .catalog-stage { padding: 3.5rem 0 0; color: #333; } body.page-catalog-detail .catalog-stage-breadcrumb.container-xxl.n7 { margin-top: 0px; max-width: 100%; padding: 0; background: #eff8f7; background: rgba(237, 249, 247, 0.6); } body.page-catalog-detail .catalog-stage-breadcrumb.container-xxl.n7 .container > .row { padding: 1.5rem 0% 3rem; } body.page-catalog-detail .catalog-stage-breadcrumb .breadcrumb, body.page-catalog-detail .catalog-stage-breadcrumb a { font-size: 95%; background: none; color: #444 !important; z-index: 99999; position: relative;} body.page-catalog-detail .catalog-stage-breadcrumb a:hover { text-decoration:underline !important; } .catalog-stage-breadcrumb li::after { content: "›"; } .slider-container.image-single { /* overflow:visible; */ } .slider-item-ratio .slider-container > * { padding-bottom: 23px;} .slider-container.image-single img { background: url(assets/_colibri2023/images/book_shadow2.png) no-repeat bottom right; padding-bottom: 23px; border-radius:0; max-height: 600px; } .catalog-detail-additional .nav-review .ratings { border-radius: 50%; } .catalog-stage { padding: 1rem 0 0; } .book-col9-padd { padding:0px 0 0 10%;} .book-article-row {/* padding: 2rem 10%; */ } .book-article-row.n1 { /* padding: 5rem 11% 3rem; */ z-index: 1000; } .pswp__item { background: #e5ecf0;} .book-article-row.n1 .container > .row { padding: 5rem 0 3rem; } .book-article-row.n1 .col-sm-3 { position: relative; } .book-article-row.n1 .slider-container { margin: 0 0 !important; padding: 0 0rem 0 0;} .book-article-row.n1 .swiffy-slider { --swiffy-slider-item-ratio: 13/21; max-height: 600px; } .book-article-row.n2 .container > .row { padding: 3rem 0% 2rem; background:#fff;} .book-article-row.n3 { z-index: 999; background: #e2ecf2; background: rgba(206, 217, 223,0.6); } .book-article-row.n3 .container > .row { padding: 5rem 0% 2rem; } .book-article-row.n4t { padding: 2rem 11% 2rem; } .book-article-row.n4 { padding: 7rem 0% 6.5rem; /* box-shadow: 0 0 5px rgba(0,0,0,0.15); */ z-index: 4; } .book-article-row.n4 .col-sm-6 { padding:4%; text-align:justify; background-image: linear-gradient(125deg, rgb(255, 255, 255) 40%, rgb(242, 241, 238) 100%); border-radius: 10px 0 0 10px;} .book-article-row.n4 .col-sm-6:last-child { border-radius: 0 10px 10px 0; } .book-article-row.n4 .overlay { background-image: linear-gradient(135deg, rgba(60, 46, 46, 0.5) 0%, rgba(87, 53, 43, 0.8) 100%);} .book-article-row.n4 .svgknigi.bottom svg path { fill: #f9f7e9; } .book-article-row.n5 { margin-top: -20px; background: #f9f7e9; z-index: 3; /* background: rgba(215, 242, 239, 0.6); */} .book-article-row.n5 .svghash2 { left: 20%; transform: scaleY(-1); } .book-article-row.n5 .svghash2 svg { width: 240%; } .book-article-row.n5 .svghash2 svg path { fill:#f4fbfa; } .book-article-row.n5 .container > .row { padding: 3rem 0% 4rem; } .book-article-row.n5 .rating-list { margin-top: 1rem; } .book-article-row.n6 { background: #e6f4f2;} .book-article-row.n6 .container > .row { padding: 0rem 0% 0rem; } .catalog-detail-basket { position: relative; padding: 0rem 3rem 2.5rem; background: rgba(255,255,255,0.45); margin: 0; border-radius: 10px;} .catalog-detail-basket .addbasket { margin-top: 2rem; } .aimeos .catalog-detail-basket .btn-primary { background-color: #4bb7e6; min-width: 178px; } .aimeos .catalog-detail-basket .btn-primary.btn-disabled { background: #c9e3ee; /*border: 1px dashed #999 !important; color: #000;*/} .aimeos .catalog-detail-basket .price-item .rebatepercent { background-color: rgba(0,0,0,0.3);} .aimeos .product .stocklevel { display: none;} .aimeos .product .stock-out .stocktext { display: block; margin: 1rem 0 0; font-size: 0.8rem; color: #999; line-height: 1.75;} body.page-catalog-detail .aimeos .product .stock-out .stocktext { color: #ca2c2c; } .aimeos.ebooks .product .stock-out .stocktext { display: none; } .catalog-detail-basket .media-item { display: none; } .catalog-detail .catalog-detail-actions { /* border-top: 1px dashed rgba(0,0,0,0.3); */ padding-top: 0.5rem; } .catalog-detail .catalog-actions, .catalog-detail .catalog-social { margin: 0; } .catalog-detail-basket .radio .select-label { cursor:pointer; padding: 1rem; width: 100%; /*margin: 0 2%; */} .catalog-list-head h1 { /* position: absolute; top: 5.7rem; left: 5rem; color: #fff; */} body.page-catalog-detail .aimeos .product .price-item { position: relative; } body.page-catalog-detail .aimeos .product .price-item .rebatepercent { top: -14px; right: -26px;} .catalog-detail-basic .supplier { font-size: 125%; display: flex; } .catalog-detail-basic .supplier a { } .catalog-detail-basic .supplier a::before { content:","; padding-right: 2px;} .catalog-detail-basic .supplier a:first-child::before { content:""; padding: 0;} .catalog-detail-basic h1.name { margin: 0 0 0rem 0; padding-bottom: 1rem; font-size: 150%; color: inherit; text-transform: none; text-shadow: none; clear:both; } .catalog-detail tbody tr, .catalog-detail tbody tr:last-child, .catalog-detail .header { border-bottom: 1px dashed rgba(0,0,0,0.3); } .catalog-detail .header { text-transform: none; color: var(--ai-primary); padding: 0.5rem 0rem; clear: both; } .catalog-detail-basket-selection .selection .select-name { display:none; } .catalog-detail-basket .media-item + span { display: inline-block; white-space: nowrap; } .aimeos .product .addbasket input { display: none; } .catalog-detail-basket .addbasket .btn-action { width: auto; } .catalog-detail-basket ul.select-list {width: 100%;/* display: table; */ display: flex; align-items: stretch;} .catalog-detail-basket .radio li.select-entry { /* min-width: 50%; float: left; */ /* display: table-cell; min-width: 33%; */ width: 100%; margin: 0 2%; } .catalog-detail-basket .radio li.select-entry:last-child { float:none; clear:both; } .catalog-detail-basket .selection { padding: 0; margin: 0 0 1rem; } aside .catalog-filter section { margin-bottom: 2rem;} aside .catalog-filter section.catalog-filter-attribute { margin-bottom: 1rem;} .book-article-row.n2 .description, .book-article-row.n3 .supplier-content { font-size:110%; position: relative; padding: 0;} .book-article-row.n2 .description ul, .supplierContainer ul { margin: 1rem; } .book-article-row.n2 .description .long.item:nth-child(2) { background: #e1e8ec; padding: 1rem 1.5rem; border-radius: 1rem; margin: 1rem 0;} .catalog-detail-additional .attributes .media-list { display: block; } body.page-catalog-detail .aimeos .product .price-item { pointer-events: none; } .catalog-detail-basket .price-item.toggle-js:first-of-type::after { display: none; } .book-article-row.n1 .catalog-detail-additional {padding: 0.5rem 2% 1.5rem;} .book-article-row.n1 .slider-item-ratio .slider-container, .book-article-row.n1 .slider-container .thumbnail { cursor: pointer; } .catalog-detail-additional .review-item { border-bottom: 1px dashed rgba(0,0,0,0.3);} .catalog-detail-additional .review-show { padding-top: 3rem; background: linear-gradient(0deg, #f9f7e9 0% 50%, transparent); } .catalog-detail-additional .review-show a { opacity: 0.6; font-size: 90%;} .supplierContainer { display: flex; flex-direction: column; } .book-article-row.n3 .col-sm-9 { padding-right: 10%; } ul.author-blog-posts { border-top: 1px dashed rgba(0,0,0,0.3); padding: 0rem 0; margin: 0 0 2rem 0;} ul.author-blog-posts li { list-style: none; display: block; margin: 0; padding: 0.5rem 0; border-bottom: 1px dashed rgba(0,0,0,0.3);} ul.author-blog-posts li a { line-height: 1; } ul.author-blog-posts li a::before { content: "блог"; display: inline-block; background: #a3b7c1; padding: 0 10px 1px; margin: 0 10px 0 0; border-radius: 10px; font-size: 0.8rem; color: #fff; text-transform: capitalize; line-height: 18px; position: relative; top: -2px;} ul.author-blog-posts li a::after { content: "›"; display: inline-block; padding: 7px; } .pswp__img { padding: 10% 2.5% 0; max-width: fit-content;} .catalog-detail-image { /* overflow: hidden; */} body.page-catalog-detail .aimeos-overlay.show { /* pointer-events:none; */ } .basket-standard .basket .product-item { } .basket-standard .basket .product-item > * { } .btn-nazad { background: #eee !important;} .account-favorite .favorite-items { flex-wrap: wrap; } .account-favorite .media-item > img { aspect-ratio: 13/20; } /*search results page*/ .catalog-list .list-search { font-weight: bold; background: #f5f5f5; padding: 0.25rem 1%; border-radius: 10px; } /* cms-page.css */ .aimeos.cms-page h1, .aimeos.cms-page h2 { padding-bottom: 1rem; } .aimeos.cms-page h2 { font-size: 210%; font-weight: 500; } .aimeos.cms-page .background { font-size: 100%; color: #fff; line-height: 1.6;} .aimeos.cms-page .background h2 { padding: 0; margin: 0; color: #fff; } .aimeos.cms-page .background h2::before, .aimeos.cms-page .background h2::after { display:none; } .aimeos.cms-page .background.h2underline h2::before, .aimeos.cms-page .background.h2underline h2::after { display:block; } .background.h2underline h2::before { border-bottom: 1px solid #00f; } .background.h2underline h2::after { border-bottom: 1px solid #f00; } /*generic cms page*/ .aimeos.cms-page .background h2 { position: relative; font-size: 2.5rem; z-index: 9; } .testimonials a.space, .testimonials .space { position: relative; border-radius: 50%; max-width: 100px; max-height: 100px; margin: 0 auto; overflow: hidden; display: block; } .testimonials img { max-width:100px; } .number-big {width: 100px; height: 100px; background: #4bb7e6; background: linear-gradient(135deg, rgb(75, 183, 230) 0%, rgb(50, 187, 161) 100%); color: #fff; font-size: 5rem; text-align: center; line-height: 100px; font-weight: 800;} .number-big.v2 { background: linear-gradient(135deg, rgb(193, 109, 192) 0%, rgb(105, 91, 162) 100%); } .testimonials .col-sm:first-child { max-width: 30%; } .dostavka .testimonials .col-sm:first-child { max-width: 100px; margin-left: 10%; } .boxlr .col-sm:nth-child(odd) { position: relative; padding:0 2% 0 0; } .boxlr .col-sm:nth-child(even) { position: relative; padding:0 0% 0 2%; } .boxlr .row:nth-child(odd) .col-lg-4 { position: relative; padding:0 0% 0 3%; } .boxlr .row:nth-child(even) .col-lg-4 { position: relative; padding:0 3% 0 0%; } .boxlr .space { } .boxlr .space img { } /*BGS*/ .aimeos.cms-page .background { position: relative; margin-bottom: 1rem; min-height: 250px; } .aimeos.cms-page .background.bg_about { background: url(assets/_colibri2023/images/bg_about.jpg) no-repeat center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_awards { background: url(assets/_colibri2023/images/bg_awards.jpg) no-repeat center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_authors { background: url(assets/_colibri2023/images/bg_authors2.jpg) no-repeat center center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_news { background: url(assets/_colibri2023/images/bg_news2.jpg) no-repeat center center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_events { background: url(assets/_colibri2023/images/bg_events2.jpg) no-repeat top center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_blog, .aimeos.cms-page .background.bg_tag, .aimeos.cms-page .background.bg_blog_single { background: url(assets/_colibri2023/images/hero_home_4.jpg) no-repeat top center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_knijarnici { background: url(assets/_colibri2023/images/knij-1.jpg) no-repeat center center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_dostavka { background: url(assets/_colibri2023/images/hero_dost.jpg) no-repeat top center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_contact { background: url(assets/_colibri2023/images/bg_contact.jpg) no-repeat top center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_ukazania_eknigi { background: url(assets/_colibri2023/images/hero_ukazania.jpg) no-repeat top center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_promo { background: url(assets/_colibri2023/images/bg_promo5.jpg) no-repeat top center !important; background-size: cover !important; } .aimeos.cms-page .background.bg_newsletter { background: url(assets/_colibri2023/images/bg_about.jpg) no-repeat top center !important; background-size: cover !important; } .aimeos.cms-page .background::after { position: absolute; top: 0; width: 100%; height: 100%; left: 0; content: ''; background-image: linear-gradient(135deg, rgba(157, 137, 37, 0.7) 0%, rgba(71, 141, 162, 0.9) 100%); } .flrowcen {display: flex; align-items: center; } /*pagination - news event blog */ .pagination_blog .pagination { display: flex; list-style: none; justify-content: center !important; border-radius: .25rem; border-top: 1px dashed rgba(0,0,0,0.3); padding: 1rem 0; max-width: 90%; margin: 3rem auto 1rem; } .pagination_blog .page-link, .aimeos .pagination_blog a.page-link:visited:not(.btn), .aimeos .pagination_blog a:link:not(.btn) { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #4bb7e6 !important; } .pagination_blog .active .page-link { color: #b2d4e3 !important; } /*profile*/ .account-profile {padding: 70px 0 20px; background: #e6f1f2; margin: 0px 0 20px; border-radius: 0 0 3rem 3rem; } .account-profile-address .panel, .account-history .history-item {border: 1px dashed rgba(0,0,0,0.3); border-radius: 0.5rem; } .account-history .history-item { align-items: end;} .account-watch { margin: 1rem 0;} body.page-account-index .account-history, body.page-account-index .account-review, body.page-account-index .account-favorite { margin: 3rem auto; } body.page-account-index .account-review .btn-primary {background: #4bb7e6; margin: 0 auto; min-width: 16rem;} .account-favorite .name { margin-top: 0.75rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } body.page-account-index .account-profile-address .delivery, body.page-account-index .account-history .order-invoiceno, body.page-account-index .account-history .order-payment, body.page-account-index .account-history .order-delivery { display:none; } /*basket/cart/checkout*/ .basket-mini-product .to-basket { margin: 2rem 0.5rem;} .basket-standard .header, .aimeos .common-summary-detail .header { padding-left:0; } .aimeos .common-summary-detail .code { display: none; } .aimeos .common-summary-detail .attr-list li.attr-item { font-style: italic; opacity: 0.5; font-size: 90%; } .aimeos.account-history .common-summary-detail .attr-list li.attr-item { font-style: normal; opacity: 1; font-size: 100%; } .aimeos .common-summary-detail .attr-list li.attr-item span.name { display:none; } .aimeos .common-summary-detail .details .product-name { font-weight: bold; pointer-events: none; } .aimeos .common-summary-detail .product-item { border-bottom: 1px dashed; border-color: rgba(0,0,0,0.2);} .aimeos .common-summary-detail .supplier h3 { display: none;} .checkout-standard .steps { display: flex; gap: 1%; } .checkout-standard .steps li { width: auto; flex-grow: 1; } .checkout-standard .steps li.current { background-color: #4bb7e6; border-bottom: 1px solid #4bb7e6; border-radius: 0.5rem 0.5rem 0 0; } .checkout-standard-address h2 { padding: 1% 0;} p.note, a.modify { font-style: italic; opacity: 0.5; font-size: 90%;} .row.common-summary-address, .row.common-summary-service, .row.common-summary-additional, .account-profile-address .row { gap: 10%; margin-bottom: 2rem; } .row.common-summary-address .col-sm-6, .row.common-summary-service .col-sm-6, .row.common-summary-additional .col-sm-4, .account-profile-address .row .col-md-6 { width: auto; flex-grow: 1; flex-basis: 20%; } .row.common-summary-additional .customerref { display:none; } .checkout-standard-summary-option p { opacity: 0.75; font-style: italic; } .aimeos .common-summary .header, .aimeos .common-summary .content, .checkout-confirm-basic h2, .checkout-confirm-basic .attr-list { padding:0.5rem 0; margin:0.5rem 0; } .checkout-standard-delivery .item, .checkout-standard-payment .item { border-radius: 0.5rem;} .basket-standard .button-group .btn-back { background: #eee; position: relative; z-index: 99999999;} .basket-standard .button-group .btn-back:hover { background: #ccc; } .basket-standard-coupon .header h2 { font-size: 90% !important;} .basket-standard-coupon .coupon-new .coupon-code {border: 1px solid #eee !important; width: auto !important; margin-right: 2rem;} .basket-standard-coupon .coupon-new .btn {background: #f4f4f4; font-size: 90% !important;} .checkout-confirm-intro {font-size: 130%; color: #0b6608; font-weight: bold;} .aimeos .common-summary-detail .basket .rebate {color: #178e0d; font-weight: bold; margin-bottom: 1rem;} .basket-standard-coupon .attr-item .coupon-code {color: #178e0d; font-weight: bold;} .basket-standard-coupon .coupon-detail { display: flex; width: 100%; justify-content: end; align-items: center;} .basket-standard-coupon .coupon-detail p { margin-bottom: 0.5rem; } /********************************* colibri.bg **********************************/ .footer { padding: 3rem 0 2.5rem; color: #fff; } .footer a { color: #fff; } .footer ul { margin: 0 0 1rem;} .footer ul li { list-style-type: none; padding: 0px; margin: 0px; border: 0; overflow: visible; } .footerCol { width: 20%; padding: 0px 0%; text-align: left; float: left; } .footerCol .headT2 { font-weight: bold; margin-bottom: 0.5rem; } .footerCol.resp { text-align: right; } .footerCol.resp img { max-width:100%; border-radius: 10px;} .footerCol.contact { width: auto; } .footerLogo {margin-bottom: 1rem;} .vremecheteshobichash { width: 100%; margin: 2rem 0% 3rem; text-align: center; background: #141615; border-radius: 1rem; float: none; clear: both; } .vremecheteshobichash img { } .footerCol hr { width: 50px;} .footerColCol { width: auto; padding: 0px 30px 0px 0px; text-align: left; float: left; } .description iframe { border-radius: 10px; } .addLine { display: table; overflow: hidden; width: 100%; } .n2 .addLine { display: block;} .addLine.categories .addLineTitle { text-align: left; vertical-align: middle;} .addLineTitle { padding: 0.5rem 0; position: relative; font-weight:bold; /* width: 100px; */ font-size: 110%; display: table-cell;} .n2 .addLineTitle { display: block; padding: 0.1rem 0 0.75rem 1%; } .addLineText { padding: 0.5rem; overflow: hidden; display: table-cell;} .n2 .addLineText { padding:0; display: block;} .addLine.categories .addLineText a:first-child { padding-left: 0px; border-left: 0;} .addLine.categories .addLineText a { padding: 0px 0 0 8px; padding-left: 8px; margin: 4px 8px 4px 0; border-right: 0; border-left: 1px solid #999; line-height: 20px; float: left;} .n2 .addLine.categories .addLineText a { padding-left: 0; margin: 10px 0px; border-left: 0; float: none; display: block; border-top: 1px dashed rgba(0,0,0,0.3); padding-top: 0.5rem; margin-top: 0.5rem;} .addLine.categories .addLineText a:hover { color:#4bb7e6; } .catalog-detail-additional table.attributes, .catalog-detail-additional table.properties { margin: 2%; width: 96%; margin:0; width:100%; border-top: 1px dashed rgba(0,0,0,0.3); } .catalog-detail-additional .attributes td, .catalog-detail-additional .properties td { /* padding: 3px 1%; color: #757575; font-size: 90%; */ color: var(--ai-primary); } .catalog-detail-additional .attributes td .attr-name a {/* color: #0b2f5e !important; */} .catalog-detail-additional .block { padding-top: 0.001rem;} .n2 .col-sm-9 .addLine.categories { border-top: 1px dashed rgba(0,0,0,0.3); padding-top: 0.5rem; margin-top: 2.5rem; } .n2 .col-sm-9 .addLine.categories ol { display: flex; flex-wrap: wrap; list-style: none; } .n2 .col-sm-9 .addLine.categories .addLineText a { display: inline-block; background: #a3b7c1; padding: 4px 11px 3px; margin: 9px 10px 0 0; border-radius: 12px; font-size: 0.8rem; color: #fff !important; border: 0;} .n2 .col-sm-9 .addLine.categories .addLineText a:hover { background: #88a2ae; } /* */ .single-category__content--three--creativehome { width: auto; } .single-category__content--three--creativehome .title a, .single-category__content--three--creativehome .title p > a { color: #fff; } #creative .single-category .banner-link { background-image: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.7) 100%); background-image: linear-gradient(-155deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.7) 100%); } /* L-main */ /*---------- header top ----------*/ .header-top { border-bottom: 1px solid #dedede; border-bottom: 1px solid #ededed; padding-top: 10px;} .header-top .header-separator { margin: 0 10px; color: #d8d8d8; } .header-top-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-top-container .header-top-left { /* -ms-flex-preferred-size: 50%; flex-basis: 50%; */ /* flex-grow: 1; */ display: -webkit-box; display: -ms-flexbox; display: flex; } .header-top-container .header-top-right { /* -ms-flex-preferred-size: 50%; flex-basis: 50%; */ /* flex-grow: 1; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-top-container .header-top-right .header-top-right-btns { margin-right: 349px; } .header-top-container .header-top-right .header-top-right-btns a { line-height: 40px; margin: 0 2rem 0 0; color: #999 !important; } .header-top-container .top-social-icons ul { margin-left: 5px;margin-left: -8px; /*noenmargin-right: 5px;*/} .header-top-container .top-social-icons ul li { display: inline-block; border: 0; } .header-top-container .top-social-icons ul li a { color: #333; margin-left: 10px !important; margin-right: 10px !important;} .header-top-container .top-social-icons ul li:last-child a { margin-right: 0; } /*---------- header bottom ----------*/ .header-bottom-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-bottom-container .header-bottom-navigation { /* -ms-flex-preferred-size: 60%; flex-basis: 60%; */ } .header-bottom-container .header-right-container { /* -ms-flex-preferred-size: 20%; flex-basis: 20%; */ } .footer-top {padding: 3rem 0 2rem;} .footer-top-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .footer-top-container a { color:#222; } .footer-top-single-widget { padding: 0 4%; text-align: center; border-right: 1px dashed rgba(0,0,0,0.3); -ms-flex-preferred-size: 33.3333333%; flex-basis: 33.3333333%;} .footer-top-single-widget .footer-top-widget-title { font-size: 16px; line-height: 26px; color: #333; font-weight: 600; margin-bottom: 5px; margin-top: 25px; } .footer-top-single-widget .content { margin: 0 auto 35px; max-width: 41ch;} .footer-top-single-widget .content p { font-size: 95%; max-width: 41ch; margin: auto; line-height: 1.4; } .footer-top-single-widget:last-child { border-right: none;} /**/ .header-top-container { min-height: 2.5rem; justify-content: space-between; } .header-top-container > * { } .header-top-container a, .locale-select ul.select-menu a:hover, .locale-select ul.select-menu a:link, .locale-select ul.select-menu a:visited, .navbar .catalog-filter-search .input-group .btn-search, .navbar-nav .login > .nav-link::before, .navbar-nav .register > .nav-link::before, .navbar-nav .profile > .nav-link::before, .basket-mini .menu::after, .catalog-filter-tree .menu { color: #333 !important; } .header-top-container .header-top-left { align-items: center; justify-content: start; } .header-top-container .header-top-right { align-items: center; align-items: inherit; justify-content: end; } .header-bottom-container { padding: 0.5rem 0 0; justify-content: space-between;} .scroll .header-bottom-container { padding: 0.5rem 0; } .header-colibri { position: relative; width: 100%; /*max-width: 1717px;*/ margin: 0 auto;} .header-left-container { display: flex; align-items: center; justify-content: start; } .header-right-container { flex: max-content; display: flex; align-items: center; justify-content: end; } /*svg*/ .svg-header-container {height: 73px; top: 100px; position: absolute; width: 100%; max-width: 100%; overflow-x: hidden; z-index: 1001;} .svg-header { position: absolute; z-index: 999; top: 0; left: -57%; width: 165%; height: 73px; } .svg-footer-container { position:relative; top: 0; overflow: hidden; } .svg-footer { position: relative; z-index: 999; top: 0; left: -60%; width: 225%; height: 73px; } .svg1 { position: absolute; top: -1px; left: 0; width: 100%; } .svg1 svg { width: 330%; height: 100px; transform: translateX(-23%) rotateY(180deg); } .svg2 { position: absolute; bottom: -1px; left: 0; width: 100%; transform: rotate(180deg); } .svg2 svg { width: 330%; height: 100px; transform: translateX(-55%) rotateY(180deg); } #svghash1ID { position: absolute; top: 0; z-index: 99; max-width: none; } .svghash1 { position: absolute; top: -1px; left: 0; width: 100%; } .svghash1 svg { width: 330%; height: 40px; transform: translateX(-12%) rotateY(180deg); width: 350%; width: 450%; height: 60px; transform: translateX(-40%) rotateY(180deg);} #svghash2ID, #svghash2aID, #svghash2bID { position: absolute; bottom: 0; z-index: 99;z-index: 8; max-width: none; } .svghash2 { position: absolute; bottom: -1px; left: 0; width: 100%; transform: rotate(180deg); } .contact .svghash2 { left: 30%; } .svghash2 svg { width: 330%; height: 40px; transform: translateX(-38%) rotateY(180deg); width: 460%; height: 50px; transform: translateX(-46%) rotateY(180deg);} .contact .svghash2 svg { width: 370%; height: 90px;} #svghash2aID .svghash2 svg { height: 70px; } #svgvr1ID { position: absolute; top: 0; z-index: 99; max-width: none; } .svgvr1 { position: absolute; top: -1px; left: 0; width: 100%; } .svgvr1 svg { width: 330%; height: 100px; transform: translateX(-27%) rotateY(180deg);} #svgvr2ID { position: absolute; bottom: 0; z-index: 99; max-width: none; } .svgvr2 { position: absolute; bottom: -1px; left: 0; width: 100%; transform: rotate(180deg);} .svgvr2 svg { width: 330%; height: 100px; transform: translateX(-30%) rotateY(180deg); } .svgBEN { position: absolute; left: 0; width: 100%; top: -3rem; } .svgBEN svg { width: 350%; height: 130px; transform: translateX(-42%) rotateY(180deg);} #svgknigiID { position: absolute; bottom: 0; z-index: 1001; max-width: none; } .svgknigi { position: absolute; bottom: -1px; left: 0; width: 100%; line-height: 1; padding: 0; margin: 0; font-size: 1px; transform: rotate(180deg); } .svgknigi svg { width: 210%; height: 25px; transform: translateX(-7%) rotateY(180deg); } body.page-supplier-detail .svgknigi svg { width: 250%; height: 25px; transform: translateX(-37%) rotateY(180deg); } .cms-page .svgknigi svg { width: 170%; height: 35px; transform: translateX(-41%) rotateY(180deg); } .book-article-row.n4 .svgknigi.top { top:0; bottom:auto; transform: none;} .book-article-row.n4 .svgknigi.top svg { width: 150%; transform: translateX(0%) rotateY(180deg); height: 40px;} .book-article-row.n4 .svgknigi svg { width: 190%; transform: translateX(-37%) rotateY(180deg); } #nagradi .svg1 svg, #authors_selected .svg1 svg { width: 380%; height: 100px; transform: translateX(-41%) rotateY(180deg); } #nagradi.svg2 svg, #authors_selected.svg2 svg { width: 330%; height: 80px; transform: translateX(-60%) rotateY(180deg); } /*svg*/ .wg_header { position: absolute; top: 0; left: 0; width: 100%; height: 100px; background: #fff !important;} .navbar.scroll .wg_header { display: none;} .wg_logo { position: absolute; top: -450px; left: -265px; width: 800px; height: 600px; border-radius: 50%; background: #f9f9f9; background:#f2f2f2; background: #fff; display:none; } .navbar.scroll .wg_logo { display:none;} /* authors */ #authors_id {background-size: auto; max-width: 100%; background-size: auto !important; padding-left: 3%; padding-right: 3%;} #authors { margin: 0 0 4rem 0; margin:0;} #authors.container-xl .container-xl { padding: 0 !important;} #authors .col-lg-3 { padding: 1rem 0; width: 10%; width: 12.5%; width: 16.666666666667%; width: 14.28571428571429%; width: 11.11%; } .author-image { position: relative; border-radius: 50%; max-width: 100px; max-height: 100px; margin: 0 auto; overflow: hidden; display: flex; align-items: center; } .author-image img { min-width: 100px; min-height: 100px; background: #f9f9f9;} .author-caption h3 { font-size: 120%; line-height: 1.2; margin: 0.9rem auto; text-align: center; width: min-content; white-space: break-space; } #authoch { background: #daf2f4; } .supplier-lists .form-control { padding: 2.25rem 2.25rem 0; border: 0;} .catalog-filter-supplier .supplier-lists { display: block;} .catalog-filter-supplier .supplier-lists input { border-radius: 10px 10px 0 0; } .catalog-filter-supplier .supplier-lists fieldset { border-radius: 0 0 10px 10px; } .catalog-filter-supplier fieldset { padding: 0; } ul.authors-list { margin: 1rem 2rem !important; display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;} ul.authors-list li { list-style: none; } ul.authors-list li a { display: inline-block; padding: 1rem; background: #f5f8f8; color: inherit !important;} ul.authors-list li a:hover { background: #e0ecf6; } /* author page */ .supplier-detail-image { text-align: right; padding-right: 1rem; } .supplier-detail-image .image-single {max-height: 150px; height: 150px; overflow: hidden; border-radius: 50%; float: right; margin-bottom: 1rem;} .supplier-detail-image .image-single .media-item { height: 100% !important; display: flex; align-items: center;} .supplier-detail .image-single img { padding: 0; width: 150px; min-height: 150px !important;} .supplier-detail { padding-top: 5.5rem; background-image: linear-gradient(135deg, rgba(225, 217, 175, 0.5) 0%, rgb(201, 233, 242) 100%);} .supplier-detail-basic { padding: 0 2rem 4rem;} /* about / awards */ .box_img_lr { height: 500px; border-radius: 10px 50%; } .boxlr .col-sm:nth-child(odd) .box_img_lr { border-radius: 10px 50%; } .boxlr .col-sm:nth-child(even) .box_img_lr { border-radius: 50% 10px; } .about_box1 { background: url(assets/_colibri2023/images/photo10.jpg) no-repeat top center !important; background-size: cover !important; } .about_box2 { background: url(assets/_colibri2023/images/photo11.jpg) no-repeat top center !important; background-size: cover !important; } .about_box3 { background: url(assets/_colibri2023/images/photo12.jpg) no-repeat top center !important; background-size: cover !important; } .about_box4 { background: url(assets/_colibri2023/images/photo13.jpg) no-repeat top center !important; background-size: cover !important; } .awards_box1 { background: url(assets/_colibri2023/images/photo17.jpg) no-repeat top center !important; background-size: cover !important; } .awards_box2 { background: url(assets/_colibri2023/images/photo18.jpg) no-repeat top center !important; background-size: cover !important; } /* knijarnici */ .knijarnici .img_about_left { position: relative; width: 100%; border-radius: 20px 60% 0 60%; overflow:hidden;} .knijarnici .img_about_right { position: relative; width: 100%; border-radius: 60% 20px 60% 0; overflow:hidden;} .img_about_left::after, .img_about_right::after { position: absolute; top: 0; width: 100%; height: 100%; left: 0; content: ''; background: linear-gradient(-90deg, rgb(96, 173, 206) 0%, rgba(236, 194, 29, 0.3) 30%); } .img_about_right::after { position: absolute; top: 0; width: 100%; height: 100%; left: 0; content: ''; background: linear-gradient(90deg, rgb(96, 173, 206) 0%, rgba(236, 194, 29, 0.3) 30%); } .knijarnici .boxlr .col-sm:nth-child(2n), .knijarnici .boxlr .col-sm:nth-child(2n+1) { padding: 0; } .knijarnici .boxc-inner p { max-height: none;} /* ochakvaite & dalechni */ .ochakvaite-h1 {width: 100%; height: 240px; display: flex; flex-direction: column; justify-content: center; position: absolute; z-index: 555; text-align: center; color: #fff; background-size: cover !important; } .dalechni { padding:5rem 1%; } .dalechni .title { font-size: 200%; background-image: linear-gradient(135deg, rgba(137, 186, 200, 0.5) 0%, rgb(255,255,255) 90%); padding: 1rem 2rem; border-radius: 1rem; margin-bottom: 2rem;} .dalechni-item { padding: 1rem 0; margin: 1rem 0; border-bottom: 1px dashed rgba(0,0,0,0.3); } .dalechni-item-img { width: 150px; height:150px; margin: 0 3rem 2rem 0; border-radius:50%; overflow:hidden; float: left; } .dalechni-item-img img { width:100%; height:100%; object-fit: cover;} .aimeos .product .badges { position: absolute; z-index: 2; top: 50px; right: -20px; transform: rotate(45deg); transform-origin: right top; /*bottom: -2rem; left: 0;*/ text-align: end; } .aimeos .product.preorder .badge-item.preorder { background-color: #BD4BE6; color: #fff; border-radius: 5px; min-width: 100px; text-align: center; } .book-article-row.n3 .badge-item.preorder {display:none !important; } body.page-catalog-forthcoming .aimeos .product .price-item .rebatepercent { background-color: #BD4BE6; } /* ushta */ .genericBox ul { margin:0; padding:0 0 0 1rem; } .genericBox ul li { margin:0; padding:0; } .genericBox ul ul { margin:0; padding:0 0 0 1rem; } .genericBox ul ul li { margin:0; padding:0; } .ushta ul {} .ushta ul li { list-style:none; margin-bottom: 1rem; } .ushta ul li:before { content:"•"; margin-right: 0.5rem; } .ushta a { text-decoration: underline !important; } /*promo*/ #hp_promo_events .boxc-inner .news_summary { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; text-align: center; } #hp_promo_events .boxc-image { height:auto; aspect-ratio: 265/100; background-image: url(assets/_colibri2023/images/promo_all.png);} .lang-en #hp_promo_events .boxc-image { background-image: url(assets/_colibri2023/images/promo_all-en.png);} #hp_promo_events #hp_r2_2 { background-image: url(assets/_colibri2023/images/bg_och6.jpg);} #hp_promo_events .blog-btn { display:none; } .promo-row4 .svg1 {transform: scaleX(-1);} /*newsletter*/ .newsletter {font-size: 120%; line-height: 1.6;} #newslsubscr {background: #eee; padding: 4rem 10% 2rem; margin: 2rem auto 0; border-radius: 1rem;} /*dostavka*/ .dostavka .container-xl .row .col-sm:nth-child(2) { padding: 0 0% 0 5%; max-width: 55ch;} /*foriegn rights*/ .frights .col-sm-4.catalog-detail-additional .media-item { position: sticky; top: 64px;} .frights .supplier-detail { position: relative; padding: 8rem 11% 5rem;} .frights .supplier-detail .svg-header { top: -1px; width: 310%; } .frights .supplier { padding-bottom: 1rem;} .frights .supplier h1 { font-size: 160%; padding-bottom: 1rem;} .frights .supplier .supplier-detail-image { display: flex; align-items: center; justify-content: end; } .frights .supplier-detail-basic { padding: 0;} .frights .supplier-detail:first-child { padding-top: 6rem;} .frights .catalog-list { position: relative; padding: 0rem 11%;} .frights .catalog-list .block { padding: 4rem 0 3rem; border-bottom: 1px dashed rgba(0,0,0,0.3);} .frights .catalog-list .block:last-child { border-bottom: 0;} .frights .catalog-list .block .long.item { display: -webkit-box; -webkit-line-clamp: 14; -webkit-box-orient: vertical; overflow: hidden;} .frights .catalog-list .block .desc .long.item:nth-child(2) { padding: 1rem 1.5rem; border-radius: 1rem; margin: 1.25rem 0; border: 1px dashed rgba(0,0,0,0.3);} .frights .catalog-detail .addLineTitle { padding: 0.5rem 0 0.75rem 1%;} .frights .catalog-detail .characteristics { padding: 1rem 1.5rem; border-radius: 1rem; margin: 1rem 0; border: 1px dashed rgba(0,0,0,0.3);} .frights .catalog-detail .btns { margin: 2rem 0 0; } .frights .catalog-detail .btns .btn { margin:0 1rem 0 0; border-radius: 0.75rem !important; padding: 0.75rem; background: #777;} .frights .catalog-detail-additional .attributes td { padding: 1%; width: 48%; display: inline-block; } .frights .catalog-detail .attributes tbody tr:last-child { border: 0 !important; } .frights .catalog-detail h2 { font-size: 160%;} /* */ .catalog-filter-search .input-group, .catalog-filter-price .price-high, .catalog-filter-price .price-low { border-radius: 10px; /* overflow: hidden; */} .content .catalog-filter-search .input-group, .content .catalog-filter-price .price-high, .content .catalog-filter-price .price-low { overflow: hidden; } .catalog-detail-basket .media-item > img { border-radius: 0px; } /* basket & checkout */ body.page-checkout-index { } body.page-checkout-index > .content, body.page-checkout-index .main-section, body.page-checkout-confirm > .content, body.page-checkout-confirm .main-section, body.page-basket-index > .content, body.page-basket-index .main-section { padding-top: 3rem; background-image: linear-gradient(180deg, #f6f6f6 95%, #fff 100%);} .aimeos .common-summary-detail .image img.detail { border-radius: 0; } body.page-checkout-index .footer-top, body.page-basket-index .footer-top, body.page-checkout-confirm .footer-top { display:none; } .basket-save, .basket-bulk { display:none; } .aimeos .common-summary-detail .total, .aimeos .common-summary-detail .headline {background-color: inherit;} .aimeos .common-summary .error, .aimeos .common-summary-detail .error { background: #f2eae7; } .basket-standard-coupon { padding: 2rem !important;} .basket-standard-coupon .coupon-new .coupon-code { width: calc(100% - 6rem);} .basket-standard-coupon .header, .basket-standard-coupon .content { text-align: right; } .basket-mini .zeynep.opened { width: 30rem; max-width: 100%; border-radius: 10px 0 0 10px; } .account-history .action .btn { background: #4bb7e6; color: #fff; max-width: inherit; } .common-summary-detail .attr-list li.attr-code-download { display: block !important; } .common-summary-detail .attr-list li.attr-code-download a { background: #42c897; padding: 0.5rem 1rem; display: inline-block !important; border-radius: 0.5rem; margin: 0.5rem 0 0; color: #fff !important; } .checkout-standard .checkout-standard-delivery .item-service .description h2, h2.accent { font-size: 150%; color: #1f819f; font-weight: 700 !important;} .total-text {padding-right: 4px;} .checkout-standard-address .item-address .header input { vertical-align: top; } body.page-checkout-index .checkout-standard-summary.common-summary .btn-action { background-image: linear-gradient(135deg, rgb(91, 37, 157) 0%, rgb(162, 71, 126) 100%); } .checkout-standard-address .item-address { padding: 0 0 2rem 0;} .checkout-standard-address .form-item label { margin: 1rem 0 0;} .checkout-standard .checkout-standard-address .checkout-standard-address-billing .form-list { display: flex; flex-direction: column; margin: 0; } .checkout-standard .checkout-standard-address .checkout-standard-address-billing .form-list .row.languageid { order:9;} .checkout-standard .checkout-standard-address .checkout-standard-address-billing .form-list .row.countryid { order:10;} .checkout-step2-container { display: flex; gap: 2rem; padding: 1rem 0; flex-wrap: wrap; } .checkout-step2-container .checkout-step2-option { display: flex; border: 1px solid var(--ai-tertiary); margin: 0rem auto; border-radius: 0.5rem; /* flex-basis: calc(50% - 4rem); flex-basis: 40%; */ flex-grow: 1; padding: 2rem 2rem;} .checkout-step2-container .checkout-step2-option:last-child { flex-basis: 100%;} .checkout-step2-container .checkout-step2-option .container-xxl { max-width:100%;} .checkout-step2-container .checkout-step2-option .btn { margin:0; line-height: 28px; width: auto; padding: 0.25rem 2rem;} .t1.chos2-login-fb {} .t2.chos2-login-form { display: flex; gap: 1rem; justify-content: space-between; } .t2.chos2-login-form input { flex-grow: 1; border-radius: 5px !important; padding:5px 10px; } .t3.chos2-guest-reg {} .login-fb-text {display: inline-block; line-height: 37px; margin-right: 0.5rem;} .aimeos .common-summary-detail .product-item { padding: 1rem 0;} .aimeos .common-summary-detail .details .product-name { margin: 0.5rem 0 0.25rem !important; line-height: 1.2;} .aimeos .common-summary-detail .attr-list { margin: 0 !important;} .aimeos.aimeos-container .minibutton.btn-close { position: fixed; top: 4px; right: 4px; border-radius: 4px; width: 26px; height: 26px; background: url(/vendor/shop/themes/default/assets/default-skin.png) 0 0 no-repeat #1f2937; background-size: 264px 88px; background-position: -9px -53px; z-index: 9999;} /*profile*/ .account-watch { display: none !important; } .ebooks-profile.account-history-detail { display: block; } .account-profile-address .row.salutation {display:none;} body.page-account-index .account-profile #address-payment .form-list {} body.page-account-index .account-profile #address-payment .form-list .form-item {} /* blog/event/news*/ .page-blog-detail h1 { font-size: 1.75rem;} .pagination_blog .pagination { flex-wrap: wrap; } a.read_more_cat { display: none; } .hidden_text_cat { /* display: none; */} .hidden_text_cat.active { display: block;} /*audio*/ .btn-audio { margin-left: 0!important; background-color: #10308c !important; } .audio_knigi hr { border-style: dashed; max-width: 12rem;} .audio_knigi .value { font-weight:bold;} .audio_knigi .space { font-size:0; background: #efefef; background-size: cover !important; } .audio_knigi .space.a1 { background-image: url(/images/kartatanarazkayanieto2.jpg); } .audio_knigi .space.a2 { background-image: url(/images/razkschasmeh2.jpg); } .audio_knigi .space.a3 { background-image: url(/images/pchelnosemeistvo2.jpg); } .audio_knigi .space.a4 { background-image: url(/images/rekata2.jpg); } .audio_knigi .space.a5 { background-image: url(/images/mida2.jpg); } .audio_knigi .space.a6 { background-image: url(/images/kartatanarazkayanieto2.jpg); } .audio_knigi .space.as1 { background-image: url(/images/slyapataboginya2.jpg); } .audio_knigi .space.as2 { background-image: url(/images/utrinnomore2.jpg); } .audio_version {margin: 0 0 0rem 0; padding: 0.5rem 1rem; width: 100%; border-top: 1px dashed rgba(0,0,0,0.3); font-size: 90%; line-height: 36px; float: left; background: #10308c; background-image: linear-gradient(135deg, rgb(16, 48, 140) 20%, rgb(75, 183, 230) 100%); color: #fff; display: flex; gap: 0.75rem;} .audio_version_2, .audio_version_3 { display:none; } .audio_version_2:before, .audio_version_3:before { content:"•"; padding-right: 0.75rem;} .audio_version a, .aimeos .audio_version a:visited:not(.btn) { margin: 0 0 0 0.5rem !important; width: 8rem !important; background-color: #4bb7e6 !important; display: inline-block; text-align: center; color: #fff !important; border-radius: 0.5rem;} .audio_version a:hover { } .audio_knigi#sbn_id {background: #10308c !important; color: #fff;} .audio_knigi#sbn_id h2 { color: #fff !important;} .audio_knigi#sbn_id h2:not([itemprop])::after { border-bottom: 1px solid #959584;} /* edits */ #hp_r1_1 { background-image: url(assets/_colibri2023/images/640x300_4.jpg); } #hp_r1_2 { background-image: linear-gradient(135deg, rgba(157, 137, 37, 0.5) 0%, rgba(71, 141, 162, 0.5) 100%), url(assets/_colibri2023/images/knijarnici_01.jpg); } #hp_r1_3 { background-image: linear-gradient(135deg, rgba(157, 137, 37, 0.5) 0%, rgba(71, 141, 162, 0.5) 100%), url(assets/_colibri2023/images/knijarnici_02.jpg); } #soc11 { height: 300px; background: url(assets/_colibri2023/images/about6.jpg) no-repeat center #ccc; } #soc12 { height: 300px; background: url(assets/_colibri2023/images/about8.jpg) no-repeat center #ddd; } #hp_r2_1 { background-image: url(assets/_colibri2023/images/960x300_1.jpg); } #hp_r2_2 { background-image: url(assets/_colibri2023/images/960x300_3.jpg); } #hp_r2x2_1 { background-image: url(assets/_colibri2023/images/about4.jpg); } #hp_r2x2_2 { background-image: url(assets/_colibri2023/images/about5.jpg); } #hp_r2x2_3 { background-image: url(assets/_colibri2023/images/about6.jpg); } #hp_r2x2_4 { background-image: url(assets/_colibri2023/images/about3.jpg); } #chn11 { height: 300px; background: linear-gradient(135deg, rgba(157, 137, 37, 0.5) 0%, rgba(71, 141, 162, 0.5) 100%), url(assets/_colibri2023/images/about6.jpg) no-repeat center #ccc; } #chn12 { height: 300px; background: linear-gradient(135deg, rgba(157, 137, 37, 0.5) 0%, rgba(71, 141, 162, 0.5) 100%), url(assets/_colibri2023/images/about8.jpg) no-repeat center #ddd; } .fb-comments, .fb-comments iframe[style] {width: 100% !important;} /* boxnow */ #boxnowmap { position: absolute; z-index: 1; } .boxnow-map-widget-button { display: none; } @media only screen and (min-width: 2200px) { .container, .container-fluid222, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, body.page-catalog-tree .content .row, body.page-catalog-forthcoming .content .row, .header-colibri, #authors_id, .pagination_blog, .catalog-stage-breadcrumb.container-xxl { max-width: 2000px; margin: 0 auto; } #authors_id { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 1800px) { .book-article-row.n1 .catalog-detail-additional { padding: 1.5rem 2% 2rem; } .catalog-detail .catalog-detail-actions { padding-top: 1rem; } .catalog-detail-basket { padding-bottom: 3rem; } } @media only screen and (min-width: 1500px) { #s_socials { padding-left:11% !important; padding-right:11% !important;} } @media only screen and (max-width: 1199px) { .showDesktop, .showDesktop * { visibility:hidden !important; display:none !important;} .showDesktopB, .showDesktopB * { visibility:hidden !important; display:none !important;} .showDesktopTablet, .showDesktopTablet * { visibility:hidden !important; display:none !important;} .showDesktopTabletB, .showDesktopTabletB * { visibility:hidden !important; display:none !important;} .showMobileTablet {visibility:visible !important; display:inline !important;} .showMobileTabletB {visibility:visible !important; display:block !important;} .showMobile { visibility:visible !important; display:block !important;} .hideTablet, .hideTablet * {visibility:hidden !important; display:none !important;} ul.main_menu, .navbar-toggler {display:none;} .col-sm { flex-basis: 100%; } .slider-container { margin: 0 0 !important;} .slider-container > * { scroll-snap-align: center !important;} .catalog-filter-tree .zeynep.opened, .catalog-filter-tree .zeynep.opened .submenu.opened { transform: translateX(100%); } .catalog-filter-tree .zeynep, .catalog-filter-tree .zeynep .submenu { width: 100%; left: -100%; } .aimeos:not(.cms-page) .catalog-list-items:not(.swiffy-slider) { padding-bottom:0; margin-bottom:0; } .slider-item-ratio .slider-container > * > * { text-align: center; } .navbar-nav .dropdown-menu { position: absolute;} .dots-menu { width: 20px; height: 100%; background:url(assets/_colibri2023/images/dots-horizontal.svg) no-repeat center center; background-size: contain; margin: -2px 10px 0px 0; } .dots-menu a { width: 100%; height: 100%;} .dots-menu .dropdown-toggle::after { display:none; } .navbar-nav.dots-menu-container .dropdown-menu { width: 100%; height: 100%; position: fixed; top: 50px; padding-top: 30px;} .navbar-nav.dots-menu-container .dropdown-menu li { } .navbar-nav.dots-menu-container .dropdown-menu li.search-mobile { position: relative; top: -84px; left: -35px; display: block; width: 100%; } .navbar-nav.dots-menu-container .dropdown-menu li a { width: auto; display: block; font-size: 120%; padding: 5px 0 5px 15%; margin: 0; } .catalog-filter-tree .zeynep.opened, .basket-mini .zeynep.opened { border-radius: 0; } .catalog-filter-tree .zeynep .next { background: rgba(0,0,0,0.05); } .navbar { max-height: 100px !important;} .header-bottom-container { padding-top: 6px;} .navbar-brand img { max-height: 30px; width: auto; margin-top: -1px; } .svg-header { top: 0px; left: -61%; width: 205%; height: 23px; } .header-top-container .header-top-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .header-top-container .header-top-right { display: none; } .header-bottom-container .header-bottom-navigation { -ms-flex-preferred-size: 0; flex-basis: 0; } .header-bottom-container .header-right-container { -ms-flex-preferred-size: 40%; flex-basis: 40%; } .catalog-filter-search .search-lists, .catalog-filter-price .price-lists { display: block;} .top-social-icons { border-right: 0;} .navbar .catalog-filter-search .input-group input { width: 100% !important; left: 0; right: 0; padding: 1px 50px 0 10px !important; border-radius: 10px 10px 0 0 !important;} .catalog-filter-search .input-group .btn { position: absolute; top: 2px; right: 0; z-index: 9999; border-right: 1px solid #eee !important; border-radius: 0 10px 0 0 !important; overflow: hidden;} .footer-top-single-widget .content, .footer-top-single-widget .content p { max-width: 54ch;} /*home slider*/ .home-item .hp_slider_container { width: 80%;} .hp_slider_author { font-size: 1.75rem; max-width: none;} .hp_slider_title { font-size: 1.5rem; max-width: none;} .hp_slider_text {width: 100%; font-size: 1rem; max-width: none;} .p15pc, .p10pc, .p8pc { padding: 0; text-align:left; } .cenmob { text-align:center; } .aimeos.cms-page .background h2, .aimeos.cms-page h2 { font-size: 1.75rem; margin: 0.5rem auto 1.5rem; max-width: 96%;} .aimeos.cms-page .container-xl { padding-top: 1rem; padding-bottom: 1rem; } .aimeos .button-group .btn { min-width: 9rem; width: auto; } /*svg*/ svg { max-height: 50px;} #chn1, #chn2, #chn3, #chn4, #chn5, #chn6, #chn7, #chn8 { height: 250px; margin-top: 0; } #chn .col-lg-6, #chn .col-lg-3 { width: 98%; float: none; margin: 0.5rem auto; } #soc .col-lg-6, #soc .col-lg-3, #soc .soc-cell, #soc1, #soc2, #soc3, #soc4, #soc5, #soc6, #soc7, #soc8, .box2x2 .col-sm, #chn .a-cell.blog-cell { width: 100% !important; display: block !important; margin: 0.5rem 0 !important; float: none; clear:both; flex-basis: 100%; max-height: 300px;} .box2x2 .col-sm, #chn .a-cell.blog-cell { max-height:none; } #chn .a-cell.blog-cell { max-height:300px; } #soc1 { height: 600px !important; max-height: 600px !important;} .a-cell { padding: 0 5% 3%;} .a-cell .title h3 { -webkit-line-clamp: 2; margin-bottom: 0.75rem; display: -webkit-box !important;} .box2 .col-sm, .box2 .col-md { padding: 0; flex-basis:100% !important; } .box2x2 .boxc-image { height: 250px; width: 100%; float: none; margin: 0; } .box2x2 .boxc { background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(128, 92, 120,0.1) 50%) !important;} .box3 .col-sm { flex-basis:100% !important; } .blog_page_date { padding: 0 1rem; border-radius: 0 1rem; line-height: 30px; } body.page-blog-detail .box2x2 .col-sm .img_about_left, .page-contact .box2x2 .col-sm .img_about_left { border-radius: 1rem; min-height: auto;} body.page-blog-detail .box2x2 .col-sm:nth-child(2), .page-contact .box2x2 .col-sm:nth-child(2) { border-radius: 1rem; padding: 2rem; } .img_about_left_caption {font-size: 95%; color: #285160; line-height: 1.3; font-weight: normal; padding: 1rem;} .boxlr .col-sm { padding:0 !important; } .boxlr .col-sm .box_img_lr, .knijarnici .img_about_left, .knijarnici .img_about_right{ border-radius: 1rem !important; margin: 0.5rem auto;} .section-fixed { height: auto;} .content > .container:not(.cms-page), .content > .container-xl:not(.cms-page), .content > .container-xxl:not(.cms-page), .content > .container-fluid:not(.cms-page) { padding-bottom: 1rem; } #authors .col-lg-3 { width: 33.3333333333%;} #authors .col-lg-3 h3 { font-size: 1rem;} .supplier-detail-image { text-align: center; padding: 0px 10%; } .supplier-detail-image .image-single { float: left;} .box_img_lr { height: 300px;} #newslsubscr { text-align: center;} .dalechni { padding: 4rem 1% 0;} #koismenie { text-align: center;} #koismenie .row .col-lg .row { justify-content: center;} .testimonials .col-sm:first-child { max-width: inherit;} #s_hash { padding: 3rem 0% !important;} #s_socials { margin: 0; padding: 0 5% 2rem !important; background: #bd81ae !important; } #s_socials .tag { display: block; text-align: center; margin: 0; } #s_socials .lotsabtns {display: block;} .dostavka .container-xl .row .col-sm { max-width: inherit; padding:0 !important; margin:0; text-align:center; justify-content: center;} .dostavka .testimonials .col-sm:first-child { margin-bottom: 2rem;} .testimonials a.space, .testimonials .space { max-width: 80px; max-height: 80px;} .number-big { font-size: 3rem; line-height: 80px;} /*categ*/ body.page-catalog-tree aside.col-lg-3, body.page-catalog-forthcoming aside.col-lg-3 { margin-top: 0;} aside.col-lg-3 { order: 2;} /*book*/ .slider-item-ratio .slider-container > * { padding-bottom: 0;} .catalog-detail-image { margin-bottom: 0;} .book-article-row .col-sm-3, .book-article-row .col-sm-9 { width: 100%; } .book-col9-padd { padding: 0; } .catalog-detail-basket { padding: 0rem 1rem 2rem; box-shadow: 0 0 10px rgba(0,0,0,0.07); margin-bottom: 0.5rem;} .catalog-detail-additional .attributes td, .catalog-detail-additional .properties td { width: auto;} body.page-catalog-detail .aimeos .product .stock-list { bottom: 2.35rem; right: 0rem;} .book-article-row.n1 .slider-item-ratio .slider-container, .book-article-row.n1 .slider-container .thumbnail { pointer-events: none; } .book-article-row.n1 .slider-container .thumbnail { pointer-events: inherit; } .catalog-detail-image .thumbs { margin-top: 0rem; margin-bottom: 2rem; } .book-article-row.n2 .description, .book-article-row.n3 .supplier-content { display: flex; flex-direction: column; } .book-article-row.n3 .col-sm-9 { padding-right: 0; } .aimeos:not(.cms-page) .author-more-books .product-list .product { width: 98%; } .otkys-mobile { position: relative; background: #fff; z-index: 14; max-width: 90%; margin: auto; padding: 2rem 3%; max-height: 1500px; border-radius: 0.5rem; overflow: hidden;} .otkys-mobile-grad { position: absolute; bottom: 0px; width: 100%; height: 160px; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #fff 92%); } .aimeos .sort ul { display: block;} .catalog-stage-breadcrumb .title { display: none;} .aimeos .sort a, .aimeos .sort a:link, .aimeos .sort a:visited { padding: 0.75rem 1.5rem 0.75rem 0;} body.page-catalog-tree .content .col-lg-9 .catalog-list .container-xxl { padding-left: 0; } aside .catalog-filter-price, aside .catalog-filter-search { display:none;} .aimeos .browser { float: none;} .catalog-detail-additional .review-list .sort { text-align: start; margin: 2rem 0 0;} .basket-standard .basket .headline > *, .aimeos .common-summary-detail .headline > * { margin: 0; width: 100%; } .basket-standard .basket .product-item { gap: 0.25rem; padding: 0.75rem 0; } .basket-standard .basket .product-item > *, .aimeos .common-summary-detail .product-item >* { width:100%; padding: 0.25rem 0; } .basket-standard .basket .product-item > .col-8, .aimeos .common-summary-detail .product-item > .col-8 { order:1; } .basket-standard .basket .product-item > .col-8 .row .quantity, .aimeos .common-summary-detail .product-item > .col-8 .row .quantity { text-align:left; } .basket-standard .basket .product-item > .col-4, , .aimeos .common-summary-detail .product-item > .col-4 { order:2; } .basket-standard .basket .product-item > .col-4 > .row, .aimeos .common-summary-detail .product-item > .col-4 > .row { flex-wrap: nowrap; } .basket-standard .basket .product-item > .col-4 > .row > *, .aimeos .common-summary-detail .product-item > .col-4 > .row > * { width: auto; } .basket-standard .basket .product-item > .col-4 > .row > .image, .aimeos .common-summary-detail .product-item > .col-4 > .row > .image { flex-basis: 30%; } .basket-standard .basket .product-item > .col-4 > .row > .details { flex-basis: 70%; } .aimeos .common-summary-detail .product-item > .col-4 > .row > .details { flex-basis: 65%; margin-left: 5%; } /*profile*/ .account-review h3 { padding: 0; } /*checkout*/ .checkout-standard .steps { flex-direction: column; gap: 0.5rem; } .checkout-standard .steps li.current { border-radius: 0.5rem;} .checkout-step2-container { gap: 1rem; } .checkout-step2-container .checkout-step2-option { flex-basis: 100%; } .basket-standard-coupon .header { display:none !important;} .basket-standard-coupon .content {width: 100% !important;} .checkout-standard .checkout-standard-delivery .item-service .description h2, h2.accent { font-size: 140%;} .checkout-step2-container .checkout-step2-option { padding: 1rem; } .t2.chos2-login-form { flex-wrap: wrap; } .svg-footer { left: -107%; width: 325%;} .footer-top-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-top-single-widget { padding: 0 2%; border-right: none; border-top: 1px dashed rgba(0,0,0,0.2);} .footerCol, .footerColCol { width: 100%; padding: 0; margin: 1rem auto; text-align: center; float: none; clear: both; } .vremecheteshobichash { background: none;} } @media only screen and (max-width: 399px) { .aimeos.cms-page .background h2, .aimeos.cms-page h2 { font-size: 1.6rem; } .checkout-standard .checkout-standard-delivery .item-service .description h2, h2.accent { font-size: 125%;} } @media only screen and (max-width: 370px) { .originalprice { font-size: 90%;} .footer-top-single-widget .content p { font-size: 91%; } }