/* Theme Name: Szinsziget Theme URI: http://szinsziget.hu Description: Default template of szinsziget.hu Author: ReklámGuru Version: 3.0 */ #header .hgroup .logo { left: 20px; } * { margin: 0; padding: 0; text-decoration: none; border: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { min-height: 100%; font-family: 'Roboto', sans-serif; font-size: 15px; background: #e8ecf0; position: relative; display: block; overflow-x: hidden; } input, button, select, textarea { font-family: 'Roboto', sans-serif; font-size: 14px; outline: 0; } input[type=submit] { cursor: pointer; } select { width: 100%; height: 40px; padding-left: 10px; background: white; border: 1px solid #e4e8eb; } hr { height: 30px; border-top: 1px solid #e6ecf0; clear: both; } hr.douple { border-top: 4px double #e6ecf0; } h1, h2, h3, h4 { font-weight: normal; line-height: 100%; } input[type="checkbox"], input[type="radio"] { width: 16px; min-width: 16px; height: 16px; margin: -4px 4px 0 0 !important; padding: 0 !important; text-align: center !important; background-color: white; border: 1px solid #d9d9d9; clear: none; cursor: pointer; display: inline-block !important; line-height: 0; outline: 0; vertical-align: middle !important; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; } input[type="radio"] { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } input[type="radio"]:checked:before { width: 6px; height: 6px; left: 4px; top: 4px; background: #28af8f; position: relative; border-radius: 8px; display: block; text-align: center; content: ''; } input[type="checkbox"]:checked:before { width: 6px; height: 6px; left: 4px; top: 4px; background: #28af8f; position: relative; display: block; text-align: center; content: ''; } /* ---------------------- CLASSES and ID ---------------------- */ #website { max-width: 1400px; margin: auto; position: relative; } /* Classes */ .left { float: left; } .right { float: right; } .clear { clear: both; } .inner { max-width: 1200px; margin: 0 auto; position: relative; } .clearfix:before, .clearfix:after { display: table; content: ' '; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .red, .require, abbr.required { color: #d91780; } .vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .vertical_align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .two_column { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 50px; -webkit-column-gap: 50px; column-gap: 50px; } .embed_font { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; } .b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .col_50 { width: 50%; } .t_a_c { text-align: center; } .fb_iframe_widget { width: 100%; text-align: center; } .hidden_field { visibility: hidden; opacity: 0; } .uppercase { text-transform: uppercase; } .one_edge_shadow { -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3); } .main_h1 { margin-bottom: 5px; font-size: 40px; color: #450095; } .main_h2 { margin-bottom: 30px; font-size: 25px; } .purple { color: #450095; } .archive .products:before, .archive .products:after { display: table; content: ' '; } .archive .products:after { clear: both; } .archive .products { *zoom: 1; } /* Table */ .row { font-size: 0; } .row .col { font-size: 16px; vertical-align: top; display: inline-block; } .row .col_33 { width: 33.3333333333%; } .row .col_50 { width: 50%; } .row .form-group { font-size: 16px !important; } /* Shadow */ .drop_shadow { -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1); box-shadow: 0 5px 5px rgba(0,0,0,0.1); } /* Buttons */ .button { height: 50px; padding: 0 20px; font-size: 18px; text-decoration: none !important; color: #fff !important; line-height: 50px; background: #d91780; border: none !important; display: inline-block; cursor: pointer; } .button_style_2 { background: #00b7b8; } .button:hover { background: #450095; } .button_30 { height: 30px; padding: 0 10px; font-size: 15px; line-height: 30px; } .button_40 { height: 40px; padding: 0 15px; font-size: 16px; line-height: 40px; } /* Font*/ :before, :after { font-family: 'FontAwesome', 'fontello'; } .title1 { margin-bottom: 20px; font-size: 30px; color: #450a96; } .rc, .embed_font { font-family: 'Roboto Condensed', sans-serif; } /* Anim */ .anim, input, textarea, button, :before, :after { -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .anim_3 { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } /* Placeholder */ ::-webkit-input-placeholder { color: #182e75; } :-moz-placeholder { color: #182e75; } ::-moz-placeholder { color: #182e75; } :-ms-input-placeholder { color: #182e75; } /* Image */ img.alignleft { margin: 0 20px 10px 0; float: left; } img.alignright { margin: 0 0 10px 20px; float: right; } /* Grid pair */ .grid_pair { min-height: 280px; margin-bottom: 50px; border-top: 2px solid #e6ecf0; border-bottom: 2px solid #e6ecf0; position: relative; } .grid_pair:before { width: 2px; height: 100%; right: 50%; margin-left: -1px; background: #e6ecf0; position: absolute; content: ''; } .grid_pair a { width: 50%; height: 100%; min-height: 280px; text-decoration: none !important; display: block; float: left; position: relative; z-index: 1; } .grid_pair a:hover { z-index: 2; } .grid_pair a:before { left: 1px; top: 0; right: 2px; bottom: 0; background: white; position: absolute; content: ''; z-index: 4; } .grid_pair a:hover:before { left: -20px; top: -20px; right: -20px; bottom: -20px; -moz-box-shadow: 0 6px 17px rgba(0,16,61,.2); -webkit-box-shadow: 0 6px 17px rgba(0,16,61,.2); box-shadow: 0 6px 17px rgba(0,16,61,.2); } .grid_pair div.item { height: 100%; min-height: 270px; padding: 50px 20px 30px 270px; color: #777; line-height: 22px; background-repeat: no-repeat; background-position: left 20px; position: relative; z-index: 5; } /*.grid_pair a:hover div.item { left: -20px; top: -20px; right: -20px; bottom: -20px; padding-top: 70px; padding-left: 290px; background-position: 20px center; -moz-box-shadow: 0 6px 17px rgba(0,16,61,.2); -webkit-box-shadow: 0 6px 17px rgba(0,16,61,.2); box-shadow: 0 6px 17px rgba(0,16,61,.2); }*/ .grid_pair div.item h2 { margin-bottom: 20px; font-size: 30px; text-decoration: none; color: #450a96; } .grid_pair div.item .content { max-width: 300px; } .grid_pair div.item .read_more { margin-top: 15px; font-size: 14px; font-weight: 900; color: #444; } .grid_pair.full { height: auto; } .grid_pair.full:before { display: none; } .grid_pair.full div.item { padding-bottom: 50px; border-bottom: 1px solid #e6ecf0; } .grid_pair.full div.item:last-of-type { border-bottom: none; } .grid_pair.full div.item .content { max-width: none; } /* -------------- POPUP -------------- */ .mfp-content { width: 100%; height: 100%; left: 0; top: 0; position: absolute; } .white-popup { width: 460px; top: 100px; left: 50%; margin-left: -230px; padding: 20px; text-align: center; background: white; border: 10px solid #eee; position: absolute; -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.5); box-shadow: 0 10px 10px rgba(0,0,0,0.5); } .white-popup p.action_info { margin-bottom: 20px; font-size: 20px; } .white-popup p.action_buttons { height: 60px; margin-bottom: 0; padding-top: 20px; border-top: 1px solid #e1e2e4; } .white-popup .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #34a853; fill: none; } .white-popup .checkmark { width: 100px; height: 100px; margin: 0 auto 30px auto; display: block; border-radius: 50%; stroke-width: 2; stroke: white; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #34a853; } .white-popup .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 100; stroke-dashoffset: 100; } .mfp-ready .white-popup .checkmark__circle { animation: stroke 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .mfp-ready .white-popup .checkmark { animation: fill 0.5s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; } .mfp-ready .white-popup .checkmark__check { animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } } @keyframes fill { 100% { box-shadow: inset 0px 0px 0px 50px #34a853; } } /* ---------------- RWD MENU ---------------- */ #rwd_menu { width: 250px; height: 100%; top: 0; left: -250px; background: #450095; position: absolute; z-index: 100000; } body.cross #rwd_menu { left: 0; } #rwd_menu ul { padding: 10px 20px; color: white; } #rwd_menu ul li { margin-bottom: 5px; position: relative; list-style: none; } #rwd_menu ul li:last-child { border-bottom: none; } #rwd_menu ul li a { font-size: 25px; text-transform: uppercase; color: white; display: block; opacity: 0.9; } #rwd_menu ul li a:hover { opacity: 1; } #rwd_menu ul li.menu-item-has-children { background: url(images/icon_arrow_down_white.svg) no-repeat right 5px; background-size: auto 20px; } #rwd_menu ul li ul { display: none; } #rwd_menu ul li ul li { list-style: square; } #rwd_menu ul li ul li:after { display: none; } #rwd_menu ul li ul li a { font-size: 22px; text-transform: none; } /* Cart */ #rwd_menu .ajax_cart_wrapper { height: 80px; padding-top: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); } #rwd_menu .ajax_cart { height: 50px; line-height: 50px; position: relative; } #rwd_menu .ajax_cart .count { min-width: 24px; height: 24px; left: 40px; top: -5px; font-size: 14px; text-align: center; color: white; line-height: 24px; background: #d91780; position: absolute; } #rwd_menu .ajax_cart a.cart-contents { height: 100%; padding-left: 65px; font-size: 23px; color: white; background: url(images/icon_cart_white.png) no-repeat 20px center; display: block; } #rwd_menu .ajax_cart a.cart-contents span { height: 100%; display: inline-block; } /* Search */ #rwd_menu .search { padding: 20px; } #rwd_menu .search input[type=search] { width: 100%; height: 40px; margin-bottom: 5px; padding-left: 10px; } #rwd_menu .search input[type=submit] { width: 100%; height: 40px; font-size: 20px; text-align: center; color: white; background: #d91780; cursor: pointer; } /* ------------------ HEADER ------------------ */ #header { background: white; position: relative; } /* Header center */ #header .hgroup { height: 120px; } #header .hgroup .inner { height: 100%; } #header .hgroup .panel { height: 50px; } /* Logo */ #header .hgroup .logo { width: 190px; height: 90px; left: 20px; text-decoration: none !important; background: url(images/logo__2.png) no-repeat center; display: block; position: absolute; z-index: 10; } /* Profile */ #header .hgroup .panel_profile { padding-right: 10px; border-right: 1px solid #e6ecf0; } #header .hgroup .panel_profile a { width: 50px; height: 50px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: auto 30px; } #header .hgroup .panel_profile a.profile { background-image: url(images/icon_profile.svg); } #header .hgroup .panel_profile a.logout { background-image: url(images/icon_logout.svg); } /* Stores */ #header .info { height: 26px; margin-bottom: 10px; border-bottom: 2px solid #d81b88; } #header .info a { height: 20px; padding-left: 25px; font-size: 14px; font-weight: 700; text-decoration: none !important; color: #410083; line-height: 23px !important; background-repeat: no-repeat; background-position: left center; background-size: auto 14px; display: inline-block; } #header .info a.write { margin-right: 20px; background-image: url(images/icon_pen.svg); } a.call { background-image: url(images/icon_phone.svg); color: #fff; } a.write { border-left: 1px solid #fff; padding-left: 10px; margin: 5px; color: #fff; } #header .stores { width: 400px; left: 50%; margin-left: -200px; text-align: center; position: absolute; z-index: 1; } #header .stores .store_chooser a { width: 120px; height: 60px; text-decoration: none !important; background: url(images/icon_store.svg) no-repeat center; background-size: auto 100%; display: inline-block; } #header .stores .store_chooser a:hover { background-image: url(images/icon_store_pink.svg); } #header .stores .store_chooser a span.store_title { height: 14px; font-size: 11px; color: white; line-height: 14px; display: block; } #header .stores .store_chooser a span.store_subtitle { height: 16px; margin-top: 8px; font-size: 10px; color: #4b2c8a; line-height: 18px; display: block; } #header .hgroup .btn { padding: 0 15px; font-weight: 900; color: #000; line-height: 50px; border: 1px solid #e4e8eb; display: inline-block; } #header .hgroup .btn:hover { border-color: #ccd4db; -moz-box-shadow: 0 2px 4px rgba(0,23,141,.1); -webkit-box-shadow: 0 2px 4px rgba(0,23,141,.1); box-shadow: 0 2px 4px rgba(0,23,141,.1); } #header .hgroup .btn:before { margin: 0; margin-right: 10px; } #header .hgroup .btn_phone { margin-top: 5px; font-size: 16px; font-weight: bold; color: #d91780; display: inline-block; } /* Cart */ #header .ajax_cart { line-height: 50px; position: relative; } #header .ajax_cart .count { min-width: 24px; height: 24px; left: 40px; top: -5px; font-size: 14px; text-align: center; color: white; line-height: 24px; background: #d91780; position: absolute; } #header .ajax_cart a.cart-contents { height: 100%; padding-left: 50px; font-size: 23px; color: #000; background: url(images/icon_cart.png) no-repeat 20px center; display: block; } #header .ajax_cart a.cart-contents span.amount { height: 100%; padding: 0 15px; display: inline-block; } /* Menu */ #header .menu { height: 50px; background: #450a96; position: relative; z-index:100000; } #header .menu ul li { height: 50px; font-size: 15px; color: #450a95; line-height: 50px; border-right: 1px solid rgba(255,255,255,0.2); float: left; position: relative; list-style: none; } #header .menu ul li a { padding: 0 25px; font-size: 17px; font-weight: 600; text-transform: uppercase; color: white; display: block; } #header .menu ul li a:hover { text-decoration: underline; } #header .menu ul li.home { width: 50px; text-indent: -9999px; } #header .menu ul li.home a { background-image: url(images/icon_home.png); background-repeat: no-repeat; background-position: 15px; } #header .menu ul li.menu-item-has-children > a { padding-right: 30px; background: url(images/icon_arrow_down_open_white.svg) no-repeat 95% center; background-size: auto 20px; } #header .menu ul li.menu-item-has-children:hover > a { color: white; background-color: #34006e; } #header .menu ul li.menu-item-has-children:hover > ul { visibility: visible; opacity: 1; } #header .menu ul li ul { width: 240px; left: 0; top: 100%; text-align: left; background: #34006e; position: absolute; visibility: hidden; opacity: 0; z-index: 20; } #header .menu ul li ul li { width: 100%; height: 40px; margin-left: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.1); border-right: none; line-height: 40px; display: block; float: none; } #header .menu ul li ul li:last-child { border-bottom: none; } #header .menu ul li ul li a { font-size: 16px; font-weight: normal; text-transform: none; color: white; } #header .menu ul li ul li.menu-item-has-children > a { background-image: url(images/icon_arrow_right_open_white.svg); } #header .menu ul li.products_menu > ul { width: 480px; } #header .menu ul li.products_menu > ul > li { width: 50%; float: left; } #header .menu ul li ul li ul { width: 270px; left: 240px; top: 0; background: white; position: absolute; visibility: hidden; opacity: 0; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3); } #header .menu ul li ul li ul li { border-bottom-color: #e6ecf0; } #header .menu ul li ul li ul li a { color: #34006e; } #header .menu ul li ul li.menu-item-has-children:hover > ul { visibility: visible; opacity: 1; } /* Search */ #header .store_chooser form { position: relative; } #header .store_chooser button { width: 50px; height: 50px; right: 0; top: 0; font-size: 22px; font-weight: normal; color: white; background: #2b075d url(images/icon_search.svg) no-repeat center; background-size: auto 25px; position: absolute; cursor: pointer; z-index: 10; } #header .menu form { width: 50px; height: 50px; right: 0; top: 0; position: absolute; z-index: 9; overflow: hidden; } body.search__works #header .menu form { width: 360px; } #header .menu form input { width: 300px; height: 50px; right: -300px; top: 0; padding-left: 15px; font-size: 16px; color: white; background: #2b075d; position: absolute; } body.search__works #header .menu form input { right: 50px; } #header .menu form input::-webkit-input-placeholder { color: #d7bdfb; } #header .menu form input:-moz-placeholder { color: #d7bdfb; } #header .menu form input::-moz-placeholder { color: #d7bdfb; } #header .menu form input:-ms-input-placeholder { color: #d7bdfb; } /* ------------------ RWD BUTTON ------------------ */ svg#rwd_button { width: 100px; height: 100px; display: none; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } svg#rwd_button path { fill: none; -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); stroke-width: 40px; stroke-linecap: round; stroke: #d91780; stroke-dashoffset: 0px; } svg#rwd_button path#top, svg#rwd_button path#bottom { stroke-dasharray: 240px 950px; } svg#rwd_button path#middle { stroke-dasharray: 240px 240px; } body.cross svg#rwd_button path#top, body.cross svg#rwd_button path#bottom { stroke-dashoffset: -650px; stroke-dashoffset: -650px; } body.cross svg#rwd_button path#middle { stroke-dashoffset: -115px; stroke-dasharray: 1px 220px; } /* ------------------ FRONTPAGE ------------------ */ #frontpage { background: white; } /* Slider */ #frontpage #slider { margin-bottom: 50px; } #frontpage #slider .item img { width: 100%; height: auto; display: block; } /* Hightlight info */ #frontpage #hightlight_info { margin-bottom: 30px; text-align: center; } #frontpage #hightlight_info h3 { margin-bottom: 30px; font-size: 20px; font-weight: 700; } #frontpage #hightlight_info ul li { width: 50%; margin-bottom: 5px; padding: 0 20px; font-size: 17px; text-align: left; color: #444; float: left; list-style: none; position: relative; } #frontpage #hightlight_info ul li:before { left: 0; top: 0; color: #d91780; position: absolute; content: '✔'; } /* Gallery */ .fancy_gallery_wrapper { padding: 50px 0; background: #f7f8fc; border-top: 1px solid #e4e8eb; border-bottom: 1px solid #e4e8eb; } /* Featured products */ #frontpage #featured_products { padding-top: 50px; padding-bottom: 50px; } #frontpage #featured_products .featured_products_header a { margin-top: 5px; font-size: 16px; font-weight: 700; text-decoration: underline; color: #d91780; display: inline-block; } #frontpage #featured_products .featured_products_header a:hover { color: #444; } /* Gallery */ #frontpage ul.gallery { margin-bottom: 30px; margin-left: -5px; margin-right: -5px; font-size: 0; } #frontpage ul.gallery li { width: 20%; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; vertical-align: top; display: inline-block; } #frontpage ul.gallery li a { padding: 4px; background: white; border: 1px solid #e6ecf0; display: block; } #frontpage ul.gallery li a:hover { border-color: #e4e8eb; } #frontpage ul.gallery li img { width: 100%; height: auto; display: block; } /* Site description */ #site_description { margin-bottom: 30px; font-size: 17px; color: #444; line-height: 22px; } /* Blog */ #blog { padding: 50px 0; background: #f7f8fc; border-top: 1px solid #e4e8eb; border-bottom: 1px solid #e4e8eb; } #blog ul { margin-left: -10px !important; margin-right: -10px; } #blog ul li { width: 25%; padding-left: 10px; padding-right: 10px; float: left; list-style: none; } #blog ul li:last-child { margin-right: 0; } #blog ul li a.thumbnail { min-width: 250px; padding-right: 20px; display: block; overflow: hidden; } #blog ul li a.thumbnail img { max-width: 100%; display: block; } #blog ul li:hover a.thumbnail img { -ms-transform: scale(1.05) translateZ(0); -webkit-transform: scale(1.05) translateZ(0); transform: scale(1.05) translateZ(0); } #blog ul li .entry { min-height: 180px; padding: 20px; color: #666; background: white; border: 1px solid #e4e8eb; border-top: none; } #blog ul li .entry h4 a { font-size: 20px; font-weight: 700; color: #450a95; } #blog ul li .entry h4 a:hover { text-decoration: underline; color: #000; } #blog ul li .entry .date { margin-bottom: 10px; font-size: 13px; color: #999; } #blog ul li .entry .excerpt { min-height: 120px; margin-bottom: 20px; } #blog ul li .entry a.read_more { text-decoration: underline; color: #d91780; } /* Partners */ #partners { padding: 50px 0; } #partners ul li { width: 20%; height: 140px; padding: 0 20px; text-align: center; float: left; list-style: none; } #partners ul li img { width: 100%; max-height: 100px; height: auto; } #partners .owl-item a { line-height: 110px; display: block; height: 110px; } #partners .owl-item img { position: absolute; top: 50%; left: 50%; max-width: 80px; max-height:80px; margin-right: -50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } #partners .owl-carousel { position: static; } #partners .owl-buttons { display: none; } #partners .owl-pagination { width: 100%; left: 0; bottom: 20px; text-align: center; position: absolute; } #partners .owl-page { display: inline-block; width: 20px; height: 20px; margin-left: 20px; border-radius: 50%; background: #edebe0; } #partners .owl-page.active { background: #450a95; } .cta {background:#450a95;padding:0 20px;color: white;height: 40px;line-height: 40px;display: inline-block;} .cta:hover {background: #000;} .meta { margin-bottom: 10px; } .main_meta { margin-bottom: 20px; padding: 20px 0; color: #333; border-bottom: 1px solid #e0e5ea; } .main_meta a { color: #d91780; } /* ------------------ CONTAINER ------------------ */ #container { font-size: 16px; color: #555; line-height: 25px; background: white; position: relative; } #container.no_top_padding { padding-top: 0; } #container a { text-decoration: underline; color: #d91780; } #container a:hover { color: #000; } .container_wrapper { width: 100%; display: table; table-layout: fixed; } /* Has sidebar */ #container.has_sidebara:before { width: 100px; height: 100%; right: 0; top: 0; background: #f7f8fc; position: absolute; content: ''; } #container.has_sidebar .display_table { width: 100%; display: table; table-layout: fixed; } /* Content */ #content { width: 100%; padding: 30px 30px 30px 0; display: table-cell; } #content.frame { margin-top: -130px; padding: 60px !important; background: white; border: 1px solid #e0e5ea; position: relative; z-index: 3; } #container.full #content { width: 100%; padding-right: 0; display: block; } #content h1 { margin-bottom: 20px; font-size: 40px; font-weight: 400; color: #111; line-height: 100%; } #content h2 { margin-bottom: 20px; font-family: 'Roboto Condensed', sans-serif; font-size: 30px; color: #222; } #content h3 { margin-bottom: 30px; font-size: 25px; font-weight: 700; color: #222; line-height: 100%; } #content strong { font-weight: 700; color: #000; } #content p { margin-bottom: 20px; } #content img { max-width: 100%; } /* List */ #content p ~ ul { margin-top: -5px; } #content ul { margin-left: 20px; margin-bottom: 20px; list-style: square; } #content ul h2 { margin-bottom: 0; font-size: 25px; } #content ul.nomargin { margin-left: 0; list-style: none; } #content ul.gallery { margin-left: -5px; margin-right: -5px; font-size: 0; } #content ul.gallery li { width: 20%; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; vertical-align: top; display: inline-block; } #content ul.gallery li a { display: block; } #content ul.gallery li img { width: 100%; height: auto; display: block; } #content fieldset.for_administrator { max-width: none; padding: 10px; border: 1px solid #e4e8eb; } #content fieldset.for_administrator ul { margin-bottom: 0 !important; } #content fieldset.for_administrator ul li a { padding: 5px 0; font-weight: 700; display: inline-block; } /* Offers */ #content ul.offers { margin-left: 0; } #content ul.offers li { width: 48%; margin: 0 1% 20px 1%; float: left; list-style: none; } #content ul.offers li:nth-child(2n) { margin-right: 0; } /* Table */ #content table { margin-bottom: 30px; } #content table thead { font-weight: bold; } #content table thead td { padding: 5px;color: white; background-color: #451195; } #content table tbody th, #content table tbody td { padding: 5px; text-align: left; border-bottom: 1px solid #e4e8eb; } #content table tbody th { font-weight: 700; color: #000; } #content table tbody tr td:first-child { font-weight: 700; color: #000; } /* Breadcrumb */ .breadcrumb { padding-left: 20px; padding-right: 20px; padding-top: 17px; padding-bottom: 15px; min-height: 60px; margin-bottom: 0; font-weight: 700; color: #000; border-bottom: 1px solid #e0e0e0; position: relative; } .breadcrumb.nomargin { margin-bottom: 0; border-bottom: none; } .breadcrumb a { font-weight: normal; text-decoration: none !important; } .breadcrumb a:hover { color: #000; } .breadcrumb_v_2 .breadcrumb { margin-bottom: 0; border-bottom: none; } /* Blog archive */ .blog_archive ul { margin-left: 0 !important; list-style: none !important; } .blog_archive ul li { margin-bottom: 30px; color: #666; } .blog_archive ul li .thumbnail { width: 380px; display: block; float: left; } .blog_archive ul li .thumbnail img { display: block; } .blog_archive ul li .entry { width: calc(100% - 380px); max-width: 470px; float: right; } .blog_archive ul li .entry a.name { margin-top: 5px; font-size: 20px; font-weight: bold; text-decoration: underline; color: #450a96; line-height: 25px; display: block; } .blog_archive ul li .entry a.name:hover{text-decoration: none;} .blog_archive ul li .entry .date { margin-top: 5px; font-size: 14px; color: #999; } .blog_archive ul li .entry .excerpt { margin: 15px 0; line-height: 20px; border-bottom: 1px dotted #e1e2e4; } .blog_archive ul li .entry .bottom .comment { float: right; } .blog_archive ul li .entry .bottom .comment i { margin-right: 10px; color: #d91780; *zoom:1; } /* Colorpicker hook */ .simplecolorpicker .color { width: 30px; height: 30px; } /* Comment list */ ol.comment_list { margin-left: 0 !important; margin-bottom: 20px; } ol.comment_list li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e4e8eb; position: relative; list-style: none; } ol.comment_list li .avatar { left: 0; top: 0; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } ol.comment_list li .the_comment { padding-left: 120px; } ol.comment_list li .the_comment .comment_author { margin-bottom: 10px; } ol.comment_list li .the_comment .comment_author .author { margin-bottom: 20px; font-weight: 700; color: #000; } ol.comment_list li .the_comment .comment_approved { padding: 5px 10px; font-size: 14px; font-weight: 700; color: #000; background: #feecf6; border: 1px solid #d91780; } /* Form */ ul.form { margin-left: 0 !important; list-style: none !important; } ul.form li { width: 49%; margin-bottom: 20px; float: left; position: relative; } ul.form li:nth-child(even) { float: right; } ul.form li.full { width: 100%; float: none; clear: both; } ul.form li label { height: 25px; left: 10px; top: 13px; color: #000; line-height: 25px; display: block; opacity: 0.5; position: absolute; z-index: 2; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } ul.form li.active label { top: -18px; padding: 0 5px; font-size: 12px; background: white; opacity: 1; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); box-shadow: 1px 1px 2px rgba(0,0,0,0.3); } ul.form li select, ul.form li textarea, ul.form li input[type=tel], ul.form li input[type=text], ul.form li input[type=email], ul.form li input[type=password] { width: 100%; height: 50px; padding-left: 10px; font-size: 15px; background: #f2f5f8; border-bottom: 2px solid #f2f5f8; position: relative; z-index: 1; } ul.form li select:focus, ul.form li textarea:focus, ul.form li input[type=tel]:focus, ul.form li input[type=text]:focus, ul.form li input[type=email]:focus, ul.form li input[type=password]:focus { border-bottom-color: #450a96; } ul.form li textarea { height: 150px; padding: 10px; resize: vertical; } ul.form li select.small, ul.form li textarea.small, ul.form li input[type=tel].small, ul.form li input[type=text].small, ul.form li input[type=email].small, ul.form li input[type=password].small { width: 100px; } /* Captcha */ ul.form li.captcha img { width: 40%; height: auto; float: left; } ul.form li.captcha span.wpcf7-form-control-wrap { width: 60%; float: right; } ul.form li.captcha span.wpcf7-form-control-wrap input { width: 100%; } .form_wrapper { padding: 30px; border: 2px dashed #ddd; } /* Outputs */ div.wpcf7-response-output { margin: 0 !important; padding: 10px 20px; clear: both; } div.wpcf7-mail-sent-ok { color: white; text-shadow: 1px 1px rgba(0,0,0,0.2); background: #398f14; } div.wpcf7-mail-sent-ng { color: white; text-shadow: 1px 1px rgba(0,0,0,0.2); background: #ff0000; } div.wpcf7-spam-blocked { color: white; text-shadow: 1px 1px rgba(0,0,0,0.2); background: #ffa500; } div.wpcf7-validation-errors { color: #000; background: #feecf6; border: 1px solid #d91780; } span.wpcf7-form-control-wrap { left: 0; top: 0; display: block; position: relative; } span.wpcf7-not-valid-tip { height: 50px !important; right: 20px; top: 0; padding: 0 !important; font-size: 15px; font-weight: bold; color: red; line-height: 50px !important; position: absolute; z-index: 100; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { margin-left: 4px; border: none; vertical-align: middle; } div.wpcf7 .watermark { color: #888; } /* Screen reader response */ div.wpcf7 .screen-reader-response { display: none; } /* ----------------- SIDEBAR ----------------- */ #sidebar { width: 250px; padding: 30px 0 30px 20px; background: url(images/bgr_container.png) repeat-y left top; display: table-cell; position: relative; } #sidebar .widget { margin-bottom: 30px; } #sidebar .widget select { width: 100%; } #sidebar .widget-title, #sidebar .widget_title { margin-bottom: 10px; padding: 15px 10px 12px 17px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: white; line-height: 100%; background: #451195; border-left: 3px solid #d91780; } #sidebar .widget_inner { padding-top: 20px; } /* Categories */ #sidebar ul.product-categories { } #sidebar ul.product-categories li { list-style: none !important; margin-bottom: 10px; } #sidebar ul.product-categories li > h2 > a { font-size: 18px; font-weight: bold; } #sidebar ul.product-categories li.cat-parent ul.children { margin-left: 30px; } #sidebar ul.product-categories li.cat-parent ul.children li { list-style: square !important; } #sidebar ul.product-categories li.cat-parent ul.children li a { font-size: 15px; font-weight: normal; } .product-categories span { display: none; } /* Filter */ #sidebar ul.berocket_aapf_widget { margin-right: 0 !important; } /* Brands */ #sidebar .widget_pwb_filter_by_brand_widget ul { margin-bottom: 20px; } #sidebar .widget_pwb_filter_by_brand_widget ul li { list-style: none; } /* Latest posts */ #sidebar .widget_latest_posts ul { margin-left: 0; } #sidebar .widget_latest_posts ul li { min-height: 120px; padding-left: 90px; color: #000; line-height: 20px; position: relative; list-style: none; } #sidebar .widget_latest_posts ul li img { width: 80px; height: 80px; left: 0; top: 0; position: absolute; } #sidebar .widget_latest_posts ul li h4 { margin-bottom: 5px; font-weight: 700; } #sidebar .widget_latest_posts ul li .meta { margin-bottom: 0; font-size: 13px; text-transform: uppercase; color: #777; } /* Tags */ #sidebar .widget_tags a { height: 30px; margin-right: 5px; margin-bottom: 5px; padding: 0 7px; font-size: 13px !important; text-decoration: none !important; color: #666 !important; line-height: 30px; background: white; border: 1px solid #e4e8eb; display: inline-block; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #sidebar .widget_tags a:hover { border-color: #450a95; } /* ----------------- GALLERY ----------------- */ .fg-panel .fg-navigation .fg-pagination { text-decoration: none !important; color: #fff !important; background: #d91780; } .fg-panel .fg-navigation .fg-pagination:hover { background: #451195; } /* --------------- WHY US --------------- */ #why_us_header { height: 500px; position: relative; } #why_us_header #why_us_header_img { height: 500px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; } #why_us_header .gradient { width: 100%; height: 130px; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); position: absolute; z-index: 2; } #why_us { margin-bottom: 50px; border-top: 2px solid #e6ecf0; border-bottom: 2px solid #e6ecf0; position: relative; } #why_us article { width: 50%; padding: 30px 20px 30px 270px; color: #777; line-height: 22px; background-repeat: no-repeat; background-position: left 0; border-right: 2px solid #e6ecf0; position: relative; float: left; z-index: 5; } #why_us article:first-child, #why_us article:nth-child(2) { border-bottom: 2px solid #e6ecf0; } #why_us article:nth-child(2n) { border-right: none; } #why_us article h2 { margin-bottom: 20px; font-size: 30px; color: #450a96; } #why_us article .content { max-width: 300px; } .why_us ul li:last-child { border-right: none; } .why_us ul li span.circle { width: 50%; margin-bottom: 20px; border: 2px solid #450a95; display: inline-block; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .why_us ul li span.circle:before { width: 100%; height: 100%; left: 0; top: 0; background: #450a95; position: absolute; content: ''; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .why_us ul li:hover span.circle:before { width: 0; height: 0; left: 50%; top: 50%; } .why_us ul li span.circle:after { width: 100%; height: 100%; left: 0; top: 0; font-size: 40px; text-align: center; color: white; position: relative; z-index: 10; } .why_us ul li:hover span.circle:after { color: #450a95; } .why_us ul li.id_1 span.circle:after { content: '20'; } .why_us ul li.id_2 span.circle:after { content: '\f164'; } .why_us ul li.id_3 span.circle:after { content: '\f124'; } .why_us ul li.id_4 span.circle:after { content: '\f021'; } .why_us ul li h4 { margin-bottom: 10px; font-size: 24px; color: #451195; } .why_us ul li p { font-size: 14px; color: #555; line-height: 25px; } /* --------------- STORES --------------- */ .store .store_header { height: 500px; position: relative; } .store .store_header .store_header_img { height: 500px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; } .store .store_header .gradient { width: 100%; height: 130px; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); position: absolute; z-index: 2; } .store .store_contact .row .col h3 { margin-bottom: 20px !important; padding-bottom: 20px; font-size: 23px !important; position: relative; } .store .store_contact .row .col h3:after { width: 40px; height: 3px; left: 0; bottom: 0; background: #450a96; background: -moz-linear-gradient(left, #450a96 0%, #d91780 100%); background: -webkit-linear-gradient(left, #450a96 0%,#d91780 100%); background: linear-gradient(to right, #450a96 0%,#d91780 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#450a96', endColorstr='#d91780',GradientType=1 ); position: absolute; content: ''; } .store .store_contact .row .col h4 { font-size: 14px; font-weight: 900; color: #000; } .store .store_content { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e0e5ea; } .store .store_content p:last-child { margin-bottom: 0 !important; } .store .store_gallery { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e0e5ea; } .store .store_map { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e0e5ea; } .store .store_map #g_map { width: 100%; height: 400px; } .store .store_map #g_map img { max-width: inherit !important; } /* ------------------ CONTACT US ------------------ */ #map_wrapper { height: 500px; position: relative; } #map_wrapper .gradient { width: 100%; height: 130px; left: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); position: absolute; z-index: 2; } #map_wrapper #map_canvas { height: 500px; position: relative; z-index: 1; } #stores { margin-bottom: 50px; border-top: 2px solid #e6ecf0; border-bottom: 2px solid #e6ecf0; position: relative; } #stores article { width: 50%; padding: 30px 20px; line-height: 20px; border-right: 2px solid #e6ecf0; float: left; position: relative; } #stores article:last-of-type { border-right: none; } #stores article .thumbnail { margin-bottom: 20px; } #stores article .thumbnail img { width: 100%; display: block; } #stores article h3 { color: #d91780; } #stores article hr { height: 10px; margin-top: 10px; border-top-width: 1px; } #stores article p { margin-bottom: 0; } /* ------------ MASK ------------ */ .mask { width: 0; height: 100%; top: 0; background: #58009e; position: fixed; z-index: 999; } .mask_left { left: 0; } .mask_right { right: 0; } /* ------------ RWD MENU ------------ */ #header #a_menu_open { width: 50px; height: 50px; right: 30px; top: 30px; font-size: 20px; text-align: center; text-indent: -9999px; color: #000; line-height: 50px; background: #58009e; display: none; position: absolute; } #header #a_menu_open:hover { background: white; } #header #a_menu_open:after { width: 100%; height: 100%; left: 0; top: 0; text-indent: 0; position: absolute; content: '\E87D'; } #a_menu { width: 300px; top: 50px; left: 50%; margin-left: -150px; position: absolute; z-index: 1000; } #a_menu ul li { text-align: center; border-bottom: 1px dotted #fff; display: none; position: relative; list-style-type: none; opacity: 0; } #a_menu ul li:last-child { border-bottom: none; } #a_menu ul li a { padding: 20px 0; font-size: 25px; color: white; display: block; } #a_menu ul li a:hover { text-decoration: underline; } #close_a_menu { width: 40px; height: 40px; left: 50%; bottom: -40px; margin-left: -20px; font-size: 20px; text-align: center; text-indent: -9999px; color: white; line-height: 40px; background: #000; display: none; position: fixed; z-index: 1000; } #close_a_menu:after { width: 100%; height: 100%; left: 0; left: 0; text-indent: 0; position: absolute; content: '\f00d'; font-family: fontAwesome; } .about_us .contact{ background: white; } .about_us .contact ul{ list-style: none; } .about_us h1 {font-size: 30px; font-weight: 300; line-height: 85px; height: 85px; margin: 0;padding: 0; color: #450a95; } .about_us p {color: #555555;font-size: 14px;padding-bottom: 15px;line-height: 20px;} .about_us h1 {margin:10px 0;font-size: 40px; font-weight: 300; line-height: 40px; padding-bottom: 10px;color: #182e75; } .about_us h2 {margin:10px 0;font-size: 25px; font-weight: 300; line-height: 25px; padding-bottom: 10px;color: #182e75; } .about_us p {line-height: 18px;font-size: 14px;margin-bottom: 20px;color: #737373;} .about_us ul {color: #737373; list-style: circle; line-height: 18px;padding-left: 20px;margin-bottom: 20px;} /* ------------------ FRONTPAGE ------------------ */ .slide_btn { padding: 0 20px; background: #450a95; height: 40px; line-height: 40px!important; display: inline-block; color: #fff!important; font-size:15px!important;} /* -------------------------- FEATURED CAROUSEL -------------------------- */ #featured_carousel { padding: 50px 0; background: #f5f4ed; } #featured_carousel .featured-owl-main { height: 200px; } .featured-owl {height: 200px;background: #fff;} .featured-owl .product { float: left; width: 100%; min-height: 200px; background: white; } .featured-owl .product .thumb { text-align: center; position: relative; display: block; float: right; width: 50%; height: 200px; background: #f2f2f2; } .featured-owl .product .thumb img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .featured-owl .product .thumb:after {position: absolute; top: 50%; right: auto; left: -15px; margin-top: -15px; content: ''; border-width: 15px 15px 15px 0; border-width: 15px 15px 15px 0; border-style: solid; border-color: transparent #333 transparent transparent; } .featured-owl .owl-next,.featured-owl .owl-prev {background: #f7f8fa;width: 35px;height: 35px;position: absolute;top: 50%;margin-top: -17.5px;left:-17.5px;font-size: 20px;text-align: center;line-height: 35px;} .featured-owl .owl-next {right: -17.5px;left: auto;} .featured-owl .product .details { position: relative; float: right; width: 50%; height: 200px; } .featured-owl .product .content { text-align: center; padding-top: 45px; } .featured-owl .product .content a.title { height:40px;display: block; font-size: 18px; line-height: 20px;color: #0a0a0a; } .featured-owl .product .content p {font-size: 13px; line-height: 15px; margin-top: 10px; color: #666; } h1.featured {font-size:30px;text-align: center;margin-top: 30px;margin-bottom: 30px;font-weight: 300;} h1.featured.nopadding {margin:0;} .tp-bullets { opacity: 1!important; margin-left: 0px!important; } .bullet { position: relative; z-index: 999; top: 0px; display: block; float: left; width: 14px; height: 14px; margin: 0 6px; margin-bottom: 20px; cursor: pointer; border: 2px solid #fff; border-radius: 50%; background: white; } .bullet.selected { border-color: #d91780; background: transparent; } #website > .box_bg {display: none;} h2.genre_subcat_title { text-align: center;font-size: 30px;font-weight: normal;padding: 20px 0; } h2.genre_subcat_title a { color: #450a95; } /* ------------------ FOOTER ------------------ */ footer { padding: 50px 0; position: relative; } footer .box.pages { width: 50%; } footer .box.webshop_pages { width: 25%; } footer .box.facebook { width: 25%; } footer h3 { margin-bottom: 20px; padding-bottom: 20px; font-size: 25px; position: relative; } footer h3:after { width: 50px; height: 1px; left: 0; bottom: 0; background: #450a95; position: absolute; content: ''; } footer ul { margin-left: 20px; } footer ul li { color: #d91780; } footer .box.pages ul li { width: 50%; float: left; } footer a { text-decoration: underline; color: #d91780; } footer a:hover { color: #222; } /* Notice */ #footer_notice { padding: 10px; text-align: center; color: white; background: #450095; } /* Copyright */ #copyright { height: 60px; text-align: center; color: white; line-height: 60px; background: #450095; } #copyright a.go_to_top { height: 100%; right: 0; top: 0; padding-right: 70px; text-decoration: underline; color: white; display: block; position: absolute; } #copyright a.go_to_top:before { width: 60px; height: 100%; right: 0; top: 0; margin: 0; text-align: center; text-decoration: none; line-height: 60px; background: #34006e; position: absolute; } /* ------------ RWD ------------ */ @media only screen and (max-width: 1400px) { /* DEFAULT */ body { padding: 0 20px; } /* HEADER: Menu */ } @media only screen and (max-width: 1300px) { /* DEFAULT */ body { padding: 0 20px; } #header .menu ul > li > a { padding: 0 20px; } } @media only screen and (max-width: 1200px) { /* DISPLAY: NONE */ .hide_in_1200 { display: none !important; } /* DISPLAY: Block */ .show_in_1200 { display: block !important; } /* DEFAULT */ body { padding: 0; } .breadcrumb .inner { padding: 0 30px; } .p_l_30 { padding-left: 30px; } .p_r_30 { padding-right: 30px; } /* MODAL */ .modal_tab { top: 200px; margin-top: 0; } /* HEADER: Header center */ #header .hgroup .inner { padding-right: 0; } #header .hgroup .logo { left: 30px; } /* CONTAINER */ #container { border-top: 1px solid #e4e8eb; } /* WHY US */ #why_us article { width: 100%; min-height: 250px; border-right: none; border-bottom: 2px solid #e6ecf0; float: none; } #why_us article:last-of-type { border-bottom: none; } #why_us article .content { max-width: none; } /* FOOTER */ footer .box.pages { width: 75%; } footer .box.webshop_pages { width: 25%; } } @media only screen and (max-width: 960px) { /* DISPLAY: NONE */ .hide_in_960 { display: none !important; } /* DISPLAY: BLOCK */ .show_in_960 { display: block !important; } /* DEFAULT */ .col_50 { width: 100%; margin-bottom: 30px; float: none; } /* HEADER: Logo */ #header .hgroup .logo { left: 50%; margin-left: -45px; } /* HEADER: Header center */ #header .hgroup { height: 100px; } #header .hgroup .inner { padding-left: 0; padding-right: 20px; } /* HEADER: Profile */ #header .hgroup .panel_profile { padding-right: 0; border-right: none; } /* SLIDER */ #frontpage #slider { padding-bottom: 30px; } /* FRONTPAGE: Grid pair */ .grid_pair { min-height: inherit; } .grid_pair:before { display: none; } .grid_pair a { width: 100%; height: auto; min-height: 250px; border-bottom: 1px solid #e6ecf0; float: none; } .grid_pair a:before { display: none; } .grid_pair a:last-of-type { border-bottom: none; } .grid_pair div.item { min-height: 250px; background-position: left top; } .grid_pair div.item .content { max-width: none; } /* FRONTPAGE: Blog */ #blog ul li { width: 33.33333%; width: calc(33.33333% - 20px); } #blog ul li:last-child { display: none; } /* FRONTPAGE: Partners */ #partners ul li { width: 25%; } /* CONTENT: Has sidebar */ #container.has_sidebar:before { display: none; } #container.has_sidebar .display_table { display: block; } /* CONTENT: Content */ #content { width: 100%; max-width: none; padding-right: 0; display: block; } #content.frame { margin-top: 0; padding: 30px 0 !important; border: none; } /* CONTACT US */ #map_wrapper, #map_wrapper #map_canvas { height: 400px; } /* WHY US */ #why_us_header { height: 400px; } #why_us_header #why_us_header_img { height: 400px; } /* STORES */ .store .store_header { height: 400px; } .store .store_header .store_header_img { height: 400px; } } @media only screen and (max-width: 768px) { /* DISPLAY: NONE */ .hide_in_768 { display: none !important; } /* FRONTPAGE: Slider */ #frontpage #slider { margin-bottom: 30px; } /* FRONTPAGE: Blog */ #blog ul li { width: 50%; width: calc(50% - 20px); max-width: none; margin-bottom: 20px; } #blog ul li:last-child { display: block; } /* FRONTPAGE: Partners */ #partners ul li { width: 33.33333%; } /* STORES */ .store .store_contact .row .col_33 { width: 100%; margin-bottom: 30px; display: block; } /* CONTENT: Gallery */ #content ul.gallery li { width: 25%; } /* CONTACT US */ #map_wrapper, #map_wrapper #map_canvas { height: 300px; } #stores { margin-bottom: 30px; } #stores article { width: 100%; padding: 30px 0 30px 50%; border-right: none; float: none; } #stores article .thumbnail { width: 45%; left: 0; top: 30px; position: absolute; } /* BLOG */ .blog_archive ul li .thumbnail { width: 50%; } .blog_archive ul li .thumbnail img { width: 100%; } .blog_archive ul li .entry { width: 50%; max-width: none; padding-left: 20px; } } @media only screen and (max-width: 640px) { /* DISPLAY: NONE */ .hide_in_640 { display: none !important; } /* DEFAULT */ .p_l_30 { padding-left: 20px; } .p_r_30 { padding-right: 20px; } .main_h1 { font-size: 8vw; } /* HEADER */ #header .hgroup { height: 80px; } /* HEADER: Logo */ #header .hgroup .logo { width: 70px; height: 70px; margin-left: -35px; background-image: url(images/logo.png); background-size: 100%; } /* RWD BUTTON */ svg#rwd_button { height: 80px; } /* FRONTPAGE: Hightlight info */ #frontpage #hightlight_info ul li { width: 100%; font-size: 16px; float: none; } /* FRONTPAGE: Grid pair */ .grid_pair { margin-bottom: 0; } .grid_pair div.item { padding: 250px 20px 30px 20px; background-position: center top; } /* FRONTPAGE: Featured products */ #frontpage #featured_products { padding-top: 30px; } #frontpage #featured_products .featured_products_header { text-align: center; } #frontpage #featured_products .featured_products_header h3 { margin-bottom: 5px; display: block; float: none; } #frontpage #featured_products .featured_products_header .right { float: none; } /* FRONTPAGE: Partners */ #partners { padding: 30px 0; } #partners ul li { height: 100px; } /* CONTAINER */ #container { padding-top: 20px; } /* CONTENT: Content */ #content ul.offers li { width: 100%; margin-left: 0; margin-right: 0; float: none; } #content ul.offers li img { width: 100%; display: block; } /* CONTENT: Gallery */ #content ul.gallery li { width: 33.3333333333%; } /* CONTENT: Shops */ ul.shops li.shop .thumbnail { width: 100%; float: none; } ul.shops li.shop .thumbnail img { width: 100%; } ul.shops li.shop .contact_details { width: 100%; padding-left: 0; float: none; } /* WHY US */ #why_us_header { height: 300px; } #why_us_header #why_us_header_img { height: 300px; } #why_us article { padding: 250px 20px 30px 20px; background-position: center top; } /* STORES */ .store .store_header { height: 300px; } .store .store_header .store_header_img { height: 300px; } /* CONTACT US */ #stores article { padding: 30px 0; } #stores article .thumbnail { width: 100%; left: auto; top: auto; position: relative; } /* BLOG */ .blog_archive ul li .thumbnail { width: 100%; margin-bottom: 20px; float: none; } .blog_archive ul li .entry { width: 100%; padding-left: 0; float: none; } /* FOOTER */ footer { padding: 30px 0; } footer .box.pages { width: 100%; float: none; } /* FOOTER: Copyright */ #copyright { height: 120px; } #copyright .inner { height: 100%; } #copyright a.go_to_top { width: 100%; height: 60px; left: 0; right: auto; top: auto; bottom: 0; padding-right: 0; } #copyright a.go_to_top:before { width: 100%; left: 0; right: auto; top: auto; bottom: 0; } /* FORM */ ul.form li { width: 100%; float: none; } ul.form li:nth-child(even) { float: none; } } @media only screen and (max-width: 480px) { /* DISPLAY: NONE */ .hide_in_480 { display: none; } /* DEFAULT */ .button { width: 100%; text-align: center; } /* POPUP */ .white-popup { width: auto; left: 20px; right: 20px; margin-left: 0; } .white-popup p.action_buttons { height: auto; } .white-popup p.action_buttons a { width: 100%; display: block; float: none; } /* FRONTPAGE: Blog */ #blog ul { width: 100%; } #blog ul li { width: 100%; margin-right: 0; } #blog ul li a.thumbnail img { width: 100%; } #blog ul li:last-child { display: none; } #blog ul li .entry .excerpt { min-height: initial; } /* FRONTPAGE: Featured products */ #single_featured ul li .thumb { width: 100%; min-height: inherit; float: none !important; } #single_featured ul li .details { width: 100%; float: none !important; } /* CONTENT: Comment list */ ol.comment_list li .avatar { width: 60px; } ol.comment_list li .the_comment { padding-left: 80px; } /* FORM */ .form_wrapper { padding: 0; border: none; } /* WHY US */ .why_us ul li { width: 100%; float: none; } .why_us ul li { border-right: none; } } .modal_tab_2 { display: none; } /* Mailchimp css */ #mailchimp_woocommerce_newsletter, label[for=mailchimp_woocommerce_newsletter] { display: none !important; } /* swatches CSS */ .product .images .woocommerce-main-image { padding: 15px !important; } .select-option.swatch-wrapper.selected { border: 2px solid green } label.inputLabel { width: 100%; display: block; margin-top: 10px; } input.userInput, input.resultInput { max-width:80%; min-width:60%; padding-left: 5px; } input.resultInput { padding: 10px; } .mainBox h3 { margin-top:30px; } .mainBox .button { margin-left:auto; margin-right: auto; margin-top:30px; } .resultInput { font-weight: 800; } body.page-id-7205 .clear-btn { background: #2b075d; } body.page-id-7205 .submit-btn:hover { background: #d91780; } body.page-id-7205 .order-btn { margin-left: auto; margin-right: auto; } .headerBottomBtn { margin-top: 5px; } .magenta { border: 1px solid rgb(69, 17, 149)!important; color: white!important; background: rgb(69, 17, 149); border-left: 3px solid #d91780 !important; } .magenta_right { border: 1px solid rgb(69, 17, 149)!important; color: white!important; background: rgb(69, 17, 149); border-right: 3px solid #d91780 !important; } #menu-menu-1 { color: white !important; } .magentahover { color:#d91780 !important } #content img { max-width: 100%; height: auto; } /*HEADER TOP*/ header .header_top { height: 40px; line-height: 40px; background: white; border-bottom: none; overflow: hidden; display: none; } a:hover, a:focus { color: white ; text-decoration: underline; } .header_center .panel.left, #header .hgroup .stores.right { margin-bottom: auto; margin-top: auto; height: 100%; padding:15px; } #header .hgroup .stores.right { width: 300px; } #header .hgroup .panel.left a { display: block; /*margin-top: 10px;*/ width: 280px; } #header .hgroup .stores.right a { width: 210px; display: block; } #header .hgroup .stores.right { height: 100%; } #header .hgroup .panel.left a.btn.headerBtn, #header .hgroup .stores.right a.btn.headerBtn { border: none; color: rgb(69, 17, 149); background: white; font-family: 'Roboto condensed', sans-serif; font-size: 17.5px; } .price del { text-decoration: line-through; } .only_mobile { display: none; } .group:after { content: ''; display: block; clear: both; } @media(max-width:600px) { .hidden_mobile { display: none!important; } .only_mobile { display: block; position: relative; z-index: 1; } .c_btn { width: 50%; text-align: center; padding: 10px; background: #d81780; font-weight: 300; display: block; color: #fff; float: left; } .c_btn.purple {background: #450095 } .profile { display: none!important; } .logout { display: none!important; } svg#rwd_button { float: right; margin-right: -30px; z-index:999; position: relative; } #header .hgroup .logo { left: 10px; margin-left: 0; } .ajax_cart_wrapper { right: 0; position: absolute; width: 100%; } #header .ajax_cart { float: right; padding-right: 60px; padding-top: 20px; } #header .ajax_cart .count { top: 15px; } #mobile_slider p { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 0; width: 100%; padding-bottom: 10px; background: rgba(70, 0, 148, 0.65); padding-top: 10px; } #mobile_slider .item { background-size: cover; height: calc(100vh - 190px); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom: 50px; } .main_h1 { margin-bottom: 20px; line-height: 120% } #frontpage #hightlight_info ul li { padding-right: 0; margin-bottom: 10px; } .read_more { padding: 10px; background: #d81780; font-weight: 300; display: inline-block; color: #fff!important; line-height: normal!important } h3.magentahover { padding: 10px; background: #d81780; font-weight: 300; display: inline-block; color: #fff!important; } a.magentahover { line-height: 100%; padding: 10px; background: #450095; font-weight: 300; display: inline-block; color: #fff!important; } ul.products > li:nth-child(3), ul.products li .product_wrapper { border-right: 0!important; } #blog ul li .entry h4 a { margin-bottom: 20px; line-height: 120%; display: block; } img { max-width: 100% } #blog ul { margin:0px auto!important; } #frontpage ul.products > li:nth-child(3n) { border-right: 0!important; } #website ul.products > li:nth-child(2n+1) { border-right: 0!important; } ul.products li a.button { color: #fff!important; padding: 10px; line-height: inherit; background: #d81780 url(images/icon_products_cart.png) 9px 10px no-repeat!important; } ul.products li .price { text-align: center; } ul.products li .product_wrapper { padding: 0px!important; } ul.products li { margin-bottom: 50px; } footer ul { margin: 0; list-style: none; } footer ul a { margin-bottom: 5px; display: block; } #copyright { line-height: 120%!important; padding: 20px; height: auto!important; } .shop_table.cart { border-top: 1px solid #e4e8eb; display: block; } .shop_table.cart tr.cart_item { clear: both;position: relative; display: block; width: 100%; } .shop_table.cart th { display: none; } .shop_table.cart td { display: block; width: 100%!important; } .shop_table.cart td.product-thumbnail { text-align: center!important; } .shop_table.cart td.product-name { border-right: 0!important; } .shop_table.cart td.product-price { border-right: 0!important; min-height: 46px!important; width: 33.33%!important; float: left; } .shop_table.cart td.product-quantity {border-right: 0!important; min-height: 46px!important; width: 33.33%!important; float: left; padding: 2px!important; } .shop_table.cart td.product-subtotal { border-right: 0!important; min-height: 46px!important; width: 33.33%!important; float: left; } .shop_table.cart td.product-remove {position: absolute; right: 0; text-align: right!important; width: 100%; top: 0; border: 0!important; } .actions { border: 0!important } .shop_table_responsive tr { display: block; width: 100%; } .shop_table_responsive tr th { display: block; width: 100%; } .shop_table_responsive tr td { display: block; width: 100%; border-right: 0!important; } .product .woocommerce-tabs ul.tabs li a { font-size: 13px; padding: 0 10px; } .cart button { width: auto; } } input[type="submit"], button, input { -webkit-appearance: none; } input { border-radius: 0; } input[type="search"] { border-radius: 0; } #rwd_menu ul li a { font-size: 18px; line-height: 18px; } #rwd_menu ul li ul li a { font-size: 16px; } #rwd_menu ul li { margin-bottom: 5px; position: relative; list-style: none; border-bottom: 1px dashed rgba(169, 169, 169, 0.79); padding: 8px 0; } #rwd_menu ul li ul { padding-right: 0; } #rwd_menu button { width: 40px; height: 40px; right: 20px; top: 20px; font-size: 22px; font-weight: normal; color: white; background: #d91780 url(images/icon_search.svg) no-repeat center; background-size: auto 25px; position: absolute; cursor: pointer; z-index: 10; } #rwd_menu .search { padding-bottom: 0; } #container.has_sidebar .display_table { max-width: 100% } #container.has_sidebar #content { background: #fff; padding-left: 20px; } #sidebar .product-categories { margin-top: -10px; } #sidebar .product-categories > li > h2 > a { display: block; background: #f5f5f5; color: #d81780; padding: 10px 20px; font-size: 15px!important; font-weight: 300; border-bottom: 1px solid #ddd; text-decoration: none; } .product-categories > li > ul { display: none; } .product-categories > li.current-cat > ul { display: block; } #sidebar ul.product-categories li.cat-parent ul.children li { padding: 5px; } @media(max-width:992px) { #container.has_sidebar #content { padding-left: 20px; padding-right: 20px } } @media(max-width:1220px) { #header .menu ul li a { font-size: 15px; } body { padding: 0; } } @media(max-width:1150px) { .c_hide_in_1200 .menu-item-9890 { display: none; } } @media(max-width:1050px) { #header .menu ul li a { font-size: 14px; } } @media(max-width:960px) { .c_hide_in_1200 { display: none; } } .current-cat > a { background: #451195!important; color: #fff!important; } .current-cat-parent ul { display: block!important; } .current-cat-parent > h2 > a { background: #e9e9e9!important; color: #333!important; } .group.m20 { margin: 0 -10px; margin-bottom: 0; } .w25 { float: left; width: 25%; padding: 0 10px; margin-bottom: 20px; } .w25 select { height: 50px; } @media(max-width: 800px) { .w25 { width: 33.333%; } } @media(max-width: 600px) { .w25 { width: 50%; } } @media(max-width: 480px) { .w25 { width: 100%; } } form.woocommerce-ordering { display: none; } .single_add_to_cart_button.button.alt { background: #d81780 url(images/icon_products_cart.png) 12px 14px no-repeat!important; padding-left: 40px; } .product-categories > li { position: relative; } .product-categories > li > span { position: absolute; right: 5px; top: 8px; color: #333; } .current-cat-parent > span { color: #fff!important; } .current-cat > span { color: #fff!important; } menu .menu-item-7383 { background: #2c065e!important } @media(max-width: 900px) { html { overflow-x: hidden; } #container.has_sidebar #content { padding-left: 0; padding-right: 0; } .group.m20 { padding-left: 20px; padding-right: 20px; } .archive h1 { padding-left: 20px; padding-right: 20px; } } @media(max-width: 500px) { #content h1 { font-size: 30px; } .button { line-height: inherit; padding: 10px; height: auto;} } .widget_shopping_cart { background: #f5f5f5; list-style-type: none; } .widget_shopping_cart ul { list-style: none; margin-top: -10px; } .widget_shopping_cart h3.widget_title { background: #ee5d33 !important; } .widget_shopping_cart li { padding: 10px 10px 10px 15px; border-bottom: 1px solid #ddd; position: relative; } .widget_shopping_cart li:last-child { border-bottom: none; } .widget_shopping_cart li img { display: none; } .widget_shopping_cart li a { color: #fff; padding-right: 10px; display: block; } .widget_shopping_cart li a:hover { text-decoration: underline; } .widget_shopping_cart li a.remove { width: 15px; height: 15px; right: 5px; top: 11px; text-align: center; color: #999; line-height: 15px; position: absolute; } .widget_shopping_cart li a.remove:hover { text-decoration: none; color: #fff; } .widget_shopping_cart li span.quantity { font-size: 13px; color: #999; display: block; } .widget_shopping_cart li.empty { color: #333; } .widget_shopping_cart dt { display: none; } .widget_shopping_cart dd { display: none; } .widget_shopping_cart dl { display: none; } .widget_shopping_cart .total { height: 40px; padding: 0 15px; font-size: 16px; color: #000; line-height: 40px; background: #ddd; } .widget_shopping_cart .total strong { font-weight: normal; } .widget_shopping_cart .total .amount { color: #000; float: right; } .widget_shopping_cart .buttons { height: 40px; } .widget_shopping_cart .buttons a.checkout { display: none; } .widget_shopping_cart .buttons a { background: #d91780; width: 100%; height: 40px; font-weight: 500; text-align: center; text-decoration: underline !important; color: #fff !important; text-decoration: none; line-height: 40px; display: block; float: left; } .widget_shopping_cart .buttons a:hover { color: #fff !important; } .cart .fa-shopping-cart { font-size: 32px; float: left; padding-left: 25px; padding-top: 8px; color: #460a95; } #header .ajax_cart a.cart-contents { background: transparent; float: left; padding-left: 0 } #header .ajax_cart a.cart-contents { } .kosarba { text-align: center; font-size: 20px; margin-top: -28px; margin-bottom: 5px; } ul.products li a.button { background-color: #d91780!important; color: #fff!important; padding-left: 40px; width: 100%; background-position-x: 10px!important; } @media(max-width:600px) { .products { padding-left: 20px; padding-right: 20px; } ul.products li .thumbnail img { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } ul.products li .product_wrapper { position: relative; min-height: 1px; } ul.products>li:nth-child(3) { border-top: 0; } ul.products>li { border-top: 1px solid #ddd!important; padding-top: 25px; padding-bottom: 25px; margin-bottom: 0; } ul.products li h3 { min-height: auto; font-size: 30px; padding-top: 10px; padding-bottom: 10px; text-align: left; } ul.products li .price { border-bottom: 0; text-align: left; } ul.products li .thumbnail { margin-right: 20px; padding: 5px; line-height: inherit!important; float: left; width: 100%!important; height: auto!important; border: 3px solid #f5f5f5; margin-bottom: 20px; } ul.products li { width: 100%!important; } ul.products li .price del { display: block; } ul.products li { height: auto!important; clear: both; } ul.products li:after { content: ''; display: block; clear: both; } ul.products li a.button { display: inline-block; width: auto; } ul.products li .left_contents { width: 100%; padding-left: 0; } } #toplines {  background: #450a96; background: -moz-linear-gradient(left,#450a96 0,#d91780 100%); background: -webkit-linear-gradient(left,#450a96 0,#d91780 100%); background: linear-gradient(to right,#450a96 0,#d91780 100%); min-height: 40px; color: #fff; } #toplines li { display: inline-block; width: 25%; padding: 10px; } #toplines ul { list-style: none; } #toplines ul li.write { margin-right: 20px; background-image: url(images/icon_pen.svg) no-repeat; } .left_contents { padding-left: 20px; } ul.products li .left_contents p { line-height: 25px; } .product .select-option.swatch-wrapper { width: 40px; height: 40px; border-radius:50%; } .product .select-option.swatch-wrapper a { border-radius:50%; } #content img { position: relative; z-index: 3; } #content .woocommerce-main-image { position: relative; z-index: 3; } #new_line {  height: 40px; font-size: 14px; color: #fff; line-height: 40px; background: #d81780; height: 40px; } #new_line a { display: inline-block; vertical-align: top; } a.write { margin: 0; } #new_line .pull-right a { color: #fff; padding-left: 10px; padding-right: 10px; } #new_line .pull-right a.purple { border-left: 1px solid #fff; padding-left: 10px; padding-right: 0 } #new_line a.call { padding-right: 10px; } #header .hgroup .panel_profile { display: none; } #header .stores { margin-left: -250px!important; } .hgroup .inner { max-width: 100%; padding: 0 20px!important; } .kosarba { display: none; } #search input[type="search"] { width: 300px!important; } @media(max-width:640px) { #new_line { display: none; } } @media(max-width:960px) { .ajax_cart_wrapper { display: block; float: right; padding-top: 30px; } svg#rwd_button { float: left; } } @media(max-width:640px) { .ajax_cart_wrapper { display: block; float: right; padding-top: 20px; } svg#rwd_button { float: left; } } @media(max-width:600px) { svg#rwd_button { float: right; } .ajax_cart_wrapper { padding-top: 0px; } } .current-cat > a { background: #eee!important; color: #000!important; } .filter { list-style: none; } .filter li.thirt { width: 33.33%; float: left; } .filter.double li { width: 50%; float: left; } .filter.quad li { width: 25%; float: left; } .group.m20 { padding-top: 20px; padding-left: 20px; padding-right: 20px; } .group.m20 h3 { font-weight: 700; margin-bottom: 20px; } .mw800 { max-width: 100%; width: auto; } @media(max-width: 740px) { #new_line { display: none; } } @media(max-width: 710px) { .filter.quad li { width: 33.33%; float: left; } } @media(max-width: 600px) { .filter li { width: 50%; } .w25 { display: none; } .mw800 { max-width: 100%; width: auto; display: block; } } @media(max-width: 550px) { .filter.quad li { width: 50%; } } #customer_details > div.col-1 > div > div:nth-child(3) { display: none; } button.single_add_to_cart_button { opacity: 1; } .asd{ animation: blinking 1s linear infinite; } @keyframes blinking { from, 49.9% { opacity: 0.8; } 50%, to { opacity: 1; } } .woocommerce-widget-layered-nav-list { list-style: none } .woocommerce-widget-layered-nav-list li:nth-child(n+8) { display: none; } .woocommerce-widget-layered-nav-list li.show_more { display: block!important; background: #d81780; padding: 10px 20px; color: #fff!important; text-transform: uppercase; } .woocommerce-widget-layered-nav-list li { margin-bottom: 10px; border-bottom: 1px solid #ddd; } #container .woocommerce-widget-layered-nav-list li a { text-decoration: none; padding-left: 20px; } .woocommerce-widget-layered-nav-list li.show_more a { color: #fff!important; text-decoration: none; } #images__summary > div.summary.entry-summary > form > div > label { display: none; } .woocommerce-tabs { margin-top: 20px; } .related.products { border-top: 1px solid #ddd; margin-top: 20px; padding-top: 20px; } .cost_shipping { width: 100%; } .cost_shipping th { background: #d91780; color: #fff!important; } a.display_shipp_cost { text-decoration: none!important; } #content > div > form > table > tbody > tr > td.product-quantity > div > label { display: none; } .c_shipping { float: left; width: 45%; } .shipping_box { margin-bottom: 30px; text-align: center; width: calc(50% - 20px); float: left; border: 3px solid #ddd; margin-right: 20px; padding: 20px; } .store { width: 120px; height: 60px; text-decoration: none !important; background: url(images/icon_store.svg?2) no-repeat center; background-size: auto 100%; display: inline-block; } .shipping_box.bonus { border-color: #d91780; } .shipping_box strong { display: block; } #content > div > div > div > table > tbody > tr.shipping > td > div > div:nth-child(3) { clear:both; } .shipping:after { clear:both; display: block; content: ''; } @media(max-width: 780px) { #content table tbody .product-weight { display: none!important; } } @media(max-width: 600px) { .shipping_box { width: 100%; margin-right: 0; } .related ul { padding: 0!important; } .related.products { padding-left: 0; padding-right: 0; } #order_review > table > tfoot > tr.shipping > th { display: none; } } .none { display: none; } .responsive { display: none; } @media(max-width:960px) { .responsive { display: block; } .responsive { padding: 0 20px; } .responsive .widget_layered_nav { padding: 20px 0; } } #container.store { width: 100%; } ul.products li .thumbnail { max-width: 250px; } #content.frame { margin-top: 0; } .display_table iframe { max-height: 500px; max-width: 600px; width: 100%; height: 100%; min-height: 400px; } #footer_notice { clear:both; } @media(max-width:600px) { footer .box.webshop_pages { display: block!important; width: 100%; padding-top: 20px; } } ul.products { display: flex; flex-wrap: wrap; border-left: 1px solid #ddd!important; border-top: 1px solid #ddd!important; } ul.products li { min-width: 33.333%; max-width: 33.333%; border-right: 1px solid #ddd!important; border-top: 0; box-sizing: border-box; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } ul.products li img { max-width: 100%; } ul.products li p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } ul.products li h3 { font-size: 18px!important; } ul.products li .thumbnail { min-width: inherit; } ul.products li .left_contents { width: 100%; padding: 0; } ul.products li .thumbnail { max-width: 100%; display: block; width: 100%; } .related.products ul.products li { margin-bottom: 0; } table.shop_table .product-thumbnail img { width: auto; } @media(max-width: 680px) { ul.products li { width: 50%!important; min-width: 50%!important; max-width: 50%!important; border-right: 1px solid #ddd!important; border-top: 0; } ul.products li .thumbnail { border: 0; } ul.products>li { border-top: 0!important; } #website ul.products > li:nth-child(2n+1) { border-right: 1px solid #ddd!important; } ul.products li { padding: 20px; } #content ul.products { padding: 0; } ul.products li img { max-height: 100px!important; } ul.products li a.button { width: 100%!important; } ul.products li h3 { font-size: 16px!important; } .home .products { margin-top: 20px; padding: 0!important; } } .archive .products:before, .archive .products:after { display: block; } #sidebar { background: #f5f5f5; } #sidebar .widget-title, #sidebar .widget_title { border-bottom: 2px solid #d2d2d2; background: transparent; color: #333; border-left: 0; } #container .woocommerce-widget-layered-nav-list li a { color: #000; } #sidebar { padding-left: 0; } #sidebar .widget-title, #sidebar .widget_title { margin-bottom: 0; } .woocommerce-widget-layered-nav-list li { padding-top: 10px; padding-bottom: 10px; font-size: 15px; background: #fff; margin-bottom:0; } #search input[type="search"] { border-width: 3px!important; width: 500px!important; } #header .store_chooser button { /* background: #16003f url(images/icon_search.svg) no-repeat center;*/ background-size: auto 25px; } #header .stores .store_chooser a { display: none; } #header .stores .store_chooser a { width: 300px!important; } #new_line { /*background: #16003f*/ } a.call { background:transparent; } @media(max-width: 768px) { .breadcrumb.hide_in_768 { display: block!important; margin-top: -20px; padding: 10px 0; min-height: 1px; margin-bottom: 10px; } } header .menu-item-9807 { background: #16003f!important; } body header .menu-item-9807:hover > a { background: #16003f!important; } #header .menu { z-index: 10!important } #header .menu ul li.products_menu > ul > li { width: 100%; height: 30px; line-height: 30px; } #header .menu ul li.products_menu > ul { width: 240px; } #header .menu ul li ul { background: #16003f!important; } #header .menu ul li ul li ul { background: #fff!important } #header .menu ul li.products_menu > ul > li li { width: 100%; height: 30px; line-height: 30px; } ul.products li a.button { /*background-color: #fa511c!important;*/ } .woocommerce-widget-layered-nav-list li.show_more { /*background-color: #fa511c!important;*/ } .sticky { display:none!important; } ul.products li .ribbon { text-align: center; position: absolute; bottom: 0; float: right; left: inherit!important; line-height: 1.3; display: block; padding: 6px 5px; color: #fff; white-space: normal; max-width: 152px; min-width: 82px; width: -webkit-min-content; width: -moz-min-content; width: min-content; text-transform: uppercase; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.4); background-color: #fa511c; right: -5px !important; z-index: 1; font-weight: bold; font-size: 12px; font-weight: normal; position: absolute!important; left: auto!important; right: -5px!important; z-index:999; } ul.products li .ribbon:before { content: ""; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #a9897f; position: absolute; bottom: -4px; right: 0; } .cost_shipping th { background: #ddd; color: #000!important; /* color: #fff!important; */ } .woocommerce-error { background: #f5f5f5; padding: 10px; font-size: 14px; border: 1px solid #ddd; } .screen-reader-text { display: none!important; } ul.products li .price { position: absolute; bottom: 50px; } ul.products li { padding-bottom: 100px; } ul.products li a.button { width: 98%!important; position: absolute; bottom: 5px; left: 1%; } ul.products li .product_wrapper { position:static!important; } .pull-right { float: right; } #carousel_single img { width: 100%; } .blog_archive ul li .thumbnail { width: 300px; } .blog_archive ul li .entry { width: calc(100% - 320px); max-width: 100%; } @media(max-width: 650px) { .blog_archive ul li .thumbnail { width: 100%; } .blog_archive ul li .entry { padding: 20px 0; width: 100%; max-width: 100%; } } #billing_postcode_field{ width: 48%; float:left; } #billing_phone_field { width: 48%; float: right; } #billing_email_field { float: left; clear: none; width: 48%; } .woocommerce-shipping-fields { clear:both; } input[type="checkbox"], input[type="radio"] { margin-right: 10px; margin-bottom: 10px; } @media(max-width: 640px) { #billing_postcode_field{ width: 48%; float:left; } #billing_phone_field { width: 48%; float: right; } #billing_email_field { float: left; clear: none; width: 48%; } .woocommerce-shipping-fields { clear:both; } input[type="checkbox"], input[type="radio"] { margin-right: 10px; margin-bottom: 10px; } #billing_first_name_field, #billing_city_field { float: right; clear: none; width: 48%; } #billing_last_name_field, #billing_postcode_field { float: left; clear: none; width: 48%; } .woocommerce-terms-and-conditions-checkbox-text { line-height: 25px; } } @media(min-width: 1000px) { .rwd_search { display: none; } } @media(max-width: 800px) { .breadcrumb div { white-space: nowrap; overflow-x: scroll; } .breadcrumb.hide_in_768 { margin-top: 0; } #content ul.products li h3 { font-size:14px!important; font-weight: 500; line-height: 120%; } ul.products li { padding: 0 10px 100px 10px; } .woocommerce-pagination ul { padding: 20px 0; margin-left: 0!important; margin-bottom: 0!important; } } .rwd_search { background: #450095; position: relative; margin-top: -20px; } .rwd_search input { background: transparent; padding: 15px; color: #fff; width: 100%; } .rwd_search button { width: 30px; height: 30px; right: 10px; top: 8px; font-size: 22px; font-weight: normal; color: white; background: url(images/icon_search.svg) no-repeat center; background-size: auto 25px; position: absolute; cursor: pointer; z-index: 10; } @media(max-width: 768px) { .breadcrumb.hide_in_768 { margin-bottom: 0; } } .rwd_search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */ } .rwd_search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .rwd_search input ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } #shipping_method li { margin-bottom: 10px!important; } .woocommerce-shipping-destination { display: none; } #shipping_method li .woocommerce-Price-amount { font-weight: bold; } .woocommerce-form__label-for-checkbox { display: inline-block; margin-top: 20px; } @media(max-width:600px) { .cart .fa-shopping-cart { margin-top: 10px; width: 30px!important; height: 30px!important; } .cart i.fa-shopping-cart { display: none; } .white-popup p.action_buttons a.button_dark { margin-top: 10px; background: #450095; } #header .ajax_cart .count { left: 20px; } #container.has_sidebar #content { padding-top: 5px; } #content h1 { font-size: 18px; margin-bottom: 10px; } } @media(min-width: 1000px) { .related ul li { width: 25%; max-width: 25%; min-width: 25%; } } @media(max-width: 992px) { .related ul li { width: 50%; max-width: 50%; min-width: 50%; } } .product .onsale { z-index:4; }