/* Theme Name:W-LINIE 2016 Version:2016/1 Coding:Ales Skotnica, http://www.skotnica.eu */ @import url("//hello.myfonts.net/count/3254c7"); /* <-------------- RESET */ *, *:after, *:before {-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;} div, form, aside, header, section, nav, footer {display:block;margin:0;padding:0;} /* <-------------- FONTS */ @font-face {font-family:'MyriadPro-Light';src:url('fonts/myriadpro-light.eot');src:url('fonts/myriadpro-light.eot?iefix') format('eot'),url('fonts/myriadpro-light.woff') format('woff'),url('fonts/myriadpro-light.ttf') format('truetype'),url('fonts/myriadpro-light.svg#webfontZam02nTh') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'MyriadPro-Regular';src:url('fonts/myriadpro-regular.eot');src:url('fonts/myriadpro-regular.eot?iefix') format('eot'),url('fonts/myriadpro-regular.woff') format('woff'),url('fonts/myriadpro-regular.ttf') format('truetype'),url('fonts/myriadpro-regular.svg#webfontZam02nTh') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'MyriadPro-Semibold';src:url('fonts/myriadpro-semibold.eot');src:url('fonts/myriadpro-semibold.eot?iefix') format('eot'),url('fonts/myriadpro-semibold.woff') format('woff'),url('fonts/myriadpro-semibold.ttf') format('truetype'),url('fonts/myriadpro-semibold.svg#webfontZam02nTh') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'MyriadPro-Bold';src:url('fonts/myriadpro-bold.eot');src:url('fonts/myriadpro-bold.eot?iefix') format('eot'),url('fonts/myriadpro-bold.woff') format('woff'),url('fonts/myriadpro-bold.ttf') format('truetype'),url('fonts/myriadpro-bold.svg#webfontZam02nTh') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'MyriadPro-Black';src:url('fonts/myriadpro-black.eot');src:url('fonts/myriadpro-black.eot?iefix') format('eot'),url('fonts/myriadpro-black.woff') format('woff'),url('fonts/myriadpro-black.ttf') format('truetype'),url('fonts/myriadpro-black.svg#webfontZam02nTh') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:'MontagueScript';src: url('fonts/3254C7_0_0.eot');src: url('fonts/3254C7_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/3254C7_0_0.woff2') format('woff2'),url('fonts/3254C7_0_0.woff') format('woff'),url('fonts/3254C7_0_0.ttf') format('truetype');} /* <-------------- TELO */ html {margin:0;padding:0;width:100%;} body { color: #3D3D3D;;background:#FFF;font-family: 'Raleway', sans-serif;font-size:15px;font-weight:normal;width:100%;min-width:320px;margin:0;padding:0;font-style:normal;text-align:left;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;} .spacer { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-flow: row wrap; } /* <-------------- ODKAZY */ a, a:link, a:visited {color:#333;text-decoration:none;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;} a:hover, a:focus {color:#333;text-decoration:none;} a:active {color:#333;text-decoration:none;} a img, a:link img, a:visited img {border:none;text-decoration:none;} .link-underline { text-decoration: underline !important; } /* <-------------- VYCHOZI A RUZNE OBECNE */ hr, .n {display:none !important;} .content-container:after, .lookbook-list:after, .lookbook-list-header:after, .lookbook-product-content:after, .lookbook-product-buttons:after, .header-container:after, .top-nav-container:after, .eschop-catalog-content:after, .eschop-catalog-content li:after, a .eshop-product-list-content-sub:after, .eshop-product-gallery-container:after, .shop-accordion-item-title:after, .grid:after, .mwin-sizes-info:after, .mwin-buttons:after, .order-breadcrumb:after, .buttons-bottom:after, .eshop-login-container:after, .frm:after, .frm-label:after, .frm-item:after {content:"";display:table;clear:both;} .txtright {text-align:right;} .content-left {float:left;width:48%;} .content-right {float:right;width:48%;} .content-center {text-align:center;} .full-width { width:100%; display: flex; justify-content: center; } .clear{clear: both} .hidden{display: none} #grid2 .item { border-bottom: 1px solid #dedede; padding: 10px; } .item .detail { color: #b99a58; } .aktuality_detail .heading { width: 100%; float: left; clear: both; border-bottom: 1px solid #e0e0e0; padding: 20px; margin-bottom: 20px; } .aktuality_detail .heading h1{ display: block} .aktuality_detail .heading img.perex_foto { max-width: 240px; float: left; margin-right: 20px; margin-bottom: 10px; } /* <-------------- IKONA BACK TO TOP */ #back_top span {display: none; position:fixed;bottom:315px;right:10px;z-index:1000;width:24px;height:24px;background:url(img/back-top.jpg) no-repeat center center;-webkit-transition:1s;-moz-transition:1s;transition:1s;} /* <-------------- DEFAULT TEXTY */ h1 {font-family:'MyriadPro-Light';font-weight:normal;color:#b99a58;font-size:24px;background-color:#fff;display:inline-block;padding:0 30px 0 40px;margin:0;} h2 {font-size:24px;color:#b99a58;letter-spacing:1px;font-weight:normal;} h3 {font-size:16px;letter-spacing:1px;} h4 {font-size:16px;} h5 {letter-spacing:1px;font-size:15px;} h6 {color:#b99a58;letter-spacing:1px;font-size:15px;} strong {color:#b99a58;} /* <-------------- responzivni sloupce */ [class*='col-'] {float:left;padding-right:10px !important;padding-left:10px !important;} .col-1-1 {width:100%;} .col-2-3, .col-8-12 {width:66.66%;} .col-1-2, .col-6-12 {width:50%;} .col-1-3, .col-4-12 {width:33.33%;} .col-1-4, .col-3-12 {width:25%;} .col-1-5 {width:20%;} .col-1-6, .col-2-12 {width:16.667%;} .col-1-7 {width:14.28%;} .col-1-8 {width:12.5%;} .col-1-9 {width:11.1%;} .col-1-10 {width:10%;} .col-1-11 {width:9.09%;} .col-1-12 {width:8.33%} .col-11-12 {width:91.66%} .col-10-12 {width:83.333%;} .col-9-12 {width:75%;} .col-5-12 {width:41.66%;} .col-7-12 {width:58.33%} /* <-------------- FULL WIDTH */ .full_width {width: 100%;} .full_width.header_line {background-image:url(img/separator-limited-edition.jpg), url(img/header_line.jpg);background-repeat:no-repeat, repeat-x;background-position:center bottom, center bottom 19px;} .full_width.footer_line {background-image:url(img/separator-limited-edition-footer.jpg), url(img/footer_line.jpg);background-repeat:no-repeat, repeat-x;background-position:center top, center top;} /* <-------------- HLAVICKA */ #header {height:144px;} .header {margin-bottom:20px;} .header-container {width:1200px;margin:0 auto;position:relative;} .header-container #header {float:left;text-align:center;width:100%;} #social_header {position:absolute;right:10px;bottom:7px;} a.newsletter {font-family:'Raleway', sans-serif;font-weight:400;font-size:14px;color:#b99a58;text-decoration:none;vertical-align:top;} a.newsletter:hover {text-decoration:underline;} a.facebook {display:inline-block;vertical-align:middle;margin-right:5px;margin-top:0px;} .eshop-nav-header {position:absolute;right:0px;bottom:10px;font-family:'Raleway', sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;} .eshop-nav-header span {display:inline-block;padding:0 15px;} .eshop-nav-header a, .eshop-nav-header a:visited {color:#444;} .eshop-nav-header a:hover {color:#b99a58;} .basket-header {position:absolute;left:0px;bottom:10px;font-family:'Raleway', sans-serif;font-weight:400;font-size:13px;} .basket-header span {text-transform:uppercase;} .basket-header img {margin:0 7px;} .basket-header {color:#b99a58 !important;} .basket-header em {font-style:normal;font-family:'MyriadPro-Bold',sans-serif;font-size:14px;} /* <-------------- FLOAT MENU V LEVEM SLOUPCI OBSAHU */ .inner_nav { float: left; margin-top: 15px; } .obsah { margin: 0 0 70px 0; } .obsah.multi { border-left: 1px solid #b99a58; padding-left: 40px; min-height: 400px; } #fix { margin-bottom: 40px; } .obsah.multi img { max-width: 100%; } .obsah.multi img { height: auto !important; } /* <-------------- HLAVNI MENU */ .top-nav-container {width:100%;margin:0 auto;position:relative;} #main_menu_btn {display:none;} #main_menu_content{width:100%;float:left;margin-bottom:30px} .top-nav-container #main_menu_content {margin-bottom:-10px;} #main_nav{ position:relative; z-index:90; display:flex; justify-content: center; margin:0; list-style-type:none; padding: 0; padding:20px 0; } #main_nav > li:first-child {margin-left: 0;} #main_nav > li{ position:relative; padding:10px 0; margin-left:30px; width: auto; } #main_nav li a{ font-family:'Raleway',sans-serif; font-weight:600; font-size:15px; text-decoration:none; text-transform:uppercase; color:#444; } #main_nav li a:hover{color:#b99a58} #main_nav li.active a {color:#b99a58;} #main_nav li ul li a{text-decoration:none;text-transform:none} #main_nav > li > ul{ position:absolute; top:40px; left:0; width:100%; border:1px solid #b99a58; background:rgba(255,255,255,0.9); padding:15px 0!important; } #main_nav > li > ul > li{display:block;float:left;width:100%} #main_nav > li > ul > li > a{display:block;margin-left:15px} li.sub ul img {position:absolute;top:-5px;left:20px;z-index:1111} #main_nav > li.sub-right > ul{left:auto;right:0;} li.sub.sub-right ul img {top:-5px;left:auto;right:20px;} #main_menu_content h2,#side_menu_content_inner{display:none} #side_menu_content_inner.visible{display:none} #side_nav{display:block;margin:20px 0 30px;padding:0} #side_nav li ul{margin:0;padding:0;display:none} #side_nav li{display:block;margin:5px 0;padding:0 0 0 11px;list-style:none} #side_nav li a{font-family:'Raleway',sans-serif;font-weight:400;font-size:13px;display:block;padding:4px 0;color:#444;text-decoration:none} #side_nav > li > ul > li > a{padding:2px 10px} #side_nav > li > a{text-transform:uppercase} #side_nav li strong{font-family:'Raleway',sans-serif;font-weight:400;font-size:13px;color:#444;text-transform:uppercase} #side_nav li a:hover{color:#b99a58} #side_nav li.active a{color:#b99a58;border-bottom:1px solid #b99a58;background:url(img/arrow-left.png) no-repeat center right 5px} #side_nav li.sub_nav:hover > ul{display:block} #side_nav ul.open{display:block!important} .top-breadcrumb {width:100%;font-family:'Raleway', sans-serif;font-weight:400;font-size:10px;text-transform:uppercase;clear:both;line-height:1em;margin:0;padding:0 0 30px 0;} .top-breadcrumb img {margin:0 7px;} .top-breadcrumb a {color:#b99a58;} .top-breadcrumb span {display: inline-block; padding: 0 10px} /* <-------------- PATA */ #footer{padding:70px 0 0;margin-bottom:30px} #footer_nav{display:block;margin:0 0 0 95px;padding:0} #footer_nav li{float:left;display:block;margin:0 8px;padding:0} #footer_nav li a{font-family:'Raleway',sans-serif;font-weight:300;font-size:13px;color:#444;text-decoration:none} #footer_nav li a:hover{color:#c39450} #copyright p{font-size:11px;padding-right:105px;color:#94979c} .seo_text{border-top:1px solid #888;border-bottom:1px solid #888;margin-bottom:10px} .seo_text p{font-size:11px;color:#888;padding:0 95px 0 105px; text-align:justify} /* <-------------- HLAVNI OBSAH - KONTEJNERY */ .content-container {max-width:1200px; height: 100%; margin:0 auto; position: relative} /* <-------------- LOOKBOOK - VYPIS */ .lookbook-list {margin:0 0 30px 0;padding:0 0 30px 0;} .content-container .lookbook-list:last-child {margin:0 0 30px 0;padding:0;border-bottom:none;} a.lookbook-list-header, a.lookbook-list-header:visited {display:block;position:relative;margin:50px 0px 15px 0px;} .lookbook-list-img {width:50%;float:right;font-size:0;line-height:1em;position:relative;} .lookbook-list-img img {width:100%;height:auto;} .lookbook-list-hover-img {position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;} a.lookbook-list-header:hover .lookbook-list-hover-img {opacity:1;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} .lookbook-list-title {top:0;left:0;bottom:0;right:50%;} .lookbook-list-title .wrapper {display:block;} a.lookbook-list-header .lookbook-list-title h2 {font-family:'MontagueScript',sans-serif;text-align: left;font-size:60px;letter-spacing:0.07em;line-height:1em;margin:0 0 25px 0;padding:0;color:#b99a58;} a.lookbook-list-header .lookbook-list-title p {font-size:16px;letter-spacing:0.07em;margin: -10px 0 12px 5px;;padding:0;color: #777777;} .lookbook-list .col-1-4 {padding:0 3px 6px 3px !important;line-height:0.5em;} .lookbook-list .col-1-4 img {width:100%;height:auto;} /* <-------------- LOOKBOOK - DETAIL */ .lookbook-navigace {position: absolute; top: -30px;right: 0px} .lookbook-navigace a, .lookbook-navigace select {color: #444;} .lookbook-navigace select {margin: 0 10px;} .lookbook-navigace .kolekce {padding: 0 20px} .lookbook-detail-big-img {width:auto;float:left;position:relative;margin:0;padding:0;line-height:0.5em;} .lookbook-detail-big-img img {width:100%;height:auto;} /* <-------------- ESHOP DETAIL */ .eshop-product-gallery-container {width:70%;float:left;} .eshop-product-slider-container {width:78%;float:left;} .lookbook-product-info { font-family: 'MyriadPro-Light',sans-serif; font-size: 14px;color:#636261;line-height:1em;margin:0 0 12px 0;font-weight:normal;padding:-3px 0 7px 0;border-bottom:solid 0px #b99a58;text-align:center; position:relative; top:-10px /*font-feature-settings: "ss03"; -webkit-font-feature-settings: "ss03"; -o-font-feature-settings: "ss03"; -moz-font-feature-settings: "ss03"; -ms-font-feature-settings: "ss03"; */} .lookbook-product-info strong{color:#636261;font-size: 24px} .gold .lookbook-product-info strong{color:#b99a58;font-size: 24px} .lookbook-product-img {width:60px;float:right;text-align:center;} .lookbook-product-img img {width:100%;} .lookbook-product-content {padding:0 0 20px 0;border-bottom:solid 1px #b99a58; margin-top:2px} .lookbook-product-content h3 {font-size:13.5px;color:#636261;letter-spacing:0.07em;text-transform:uppercase;font-family:'Raleway',sans-serif;font-weight:400;padding:0;margin:0 0 10px 0;line-height:1em; padding:30px 0 0 0 } .lookbook-product-price {font-size:13px;color:#636261;letter-spacing:0.07em;padding:0;margin:0 0 10px 0;line-height:1em;} .lookbook-product-price.rrp {color:#989894;text-decoration: line-through} .lookbook-product-code {font-size:12px;color:#989894;letter-spacing:0.07em;padding:0;margin:0;line-height:1em;} .facebook-small {width:16px;height:17px;text-align:left;text-indent:-6000px;overflow:hidden;display:block;background:url(img/icon-facebook.png) no-repeat; } .lookbook-product-buttons {text-align:right; padding-top:5px} .lookbook-product-buttons a, .lookbook-product-buttons a:visited {display:inline-block;padding:5px 20px;border:solid 1px #b99a58;background:#b99a58;color:#fff;text-transform:uppercase;font-family:'Raleway',sans-serif;font-weight:400;font-size:13px;line-height:1em; width: 100%; text-align:center} .lookbook-product-buttons a:hover {border-color:#92794a;background:#92794a;} .lookbook-product-buttons a.button-availability, .lookbook-product-buttons a.button-availability:visited {padding:5px 10px;border-color:#b99a58;background:#fff;color:#b99a58;float:left;} .lookbook-product-buttons a.button-availability:hover {border-color:#92794a;background:#92794a;color:#fff;} .gold {color:#b99a58;} /* <-------------- GALLERY */ .gallery-item {width:33.33%;float:left;padding:0 10px 15px 10px;line-height:0.5em;} .gallery-item__textfield-wrapper {width: 75%; height: 400px; float: left; padding: 0 3px 6px 3px;} .gallery-item__textfield {background: #F6F6F6; height: 100%; overflow: hidden; padding: 0 15px; text-align: center; position: relative;} .gallery-item--center {position: absolute; top: 50%; left: 15px; right: 15px; transform: translateY(-50%);} .gallery-item__textfield p {color: #b99a58;} .gallery-item a {position:relative;display:block;} .gallery-item img {width:100%;height:100%;position: absolute; object-fit: contain;} .gallery-item-hover-img {position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;} .gallery-item a:hover .gallery-item-hover-img {opacity:1;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;} .gallery-lookbook .gallery-item:nth-child(3) {clear: left; } .gallery-arrows {width:auto;position:relative;clear:both;} .gallery-arrow-left, .gallery-arrow-right {display:block;width:21px;height:28px;overflow:hidden;position:absolute;text-align:left;text-indent:-6000px;cursor:pointer;} .gallery-arrow-left {left:10px;background:url(img/sipka-doleva.png) no-repeat;} .gallery-arrow-right {right:10px;background:url(img/sipka-doprava.png) no-repeat;} /* <-------------- MODALNI OKNO */ .modal-overlay {position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;padding:30px;background:rgba( 255,255,255,0.8);z-index:99999999;text-align:center;} .modal-window {width:1000px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;background:#fff;border:solid 1px #8E8E8D;text-align:left;} .modal-window-nfx {} .modal-window-container {padding:70px 40px;position:relative;text-align:left;} .modal-close {width:20px;height:20px;cursor:pointer;background:url(img/modal-close.png) no-repeat;position:absolute;top:15px;right:15px;} .modal-overlay {display:none;} .modal-window-nfx {position:relative;top:auto;left:auto;transform:none;margin:0 auto;} .modal-window-nfx .modal-window-container {padding:0px 0px;position:relative;text-align:left;} .mwin-content {color:#636261; padding: 25px;} .mwin-content h2 {padding-bottom:10px;margin-bottom:20px;border-bottom:solid 1px #ccc;} .mwin-content h3 {border-bottom:solid 1px #ccc;font-family:'MyriadPro-Light',sans-serif !important; font-family:normal;font-size:13.5px;color:#b99a58;letter-spacing:0.05em;line-height:1.1em;margin:0;padding:7px 0 10px 0;} .mwin-sizes-info {padding:40px 0;} .mwin-sizes-img {float:right;width:40%;text-align:center;} .mwin-sizes-img img {width:100%;height:auto;max-width:205px;margin:0 auto;} .mwin-sizes-content {width:50%;float:left;} .mwin-sizes-content-item {padding-bottom:30px;color:#989894;font-size:13.5px;} .mwin-basket-img {width:50%;float:left;text-align:center;} .mwin-basket-img img {width:100%;height:auto;max-width:180px;margin:0 auto;} .mwin-basket-product-content {width:48%;float:right;} .mwin-buttons {padding:30px 0;} .mwin-buttons-left {width:50%;float:left;} .mwin-buttons-right {width:48%;float:right;} .mwin-product-recommend ul {margin:0;padding:0;list-style:none;text-align:center;} .mwin-product-recommend li {display:inline-block;width:120px;padding:0 10px;text-align:center;} .mwin-product-recommend li img {width:100%;height:auto;max-width:90px;margin:0 auto;} /* <-------------- RUZNE IKONKY */ [class^="icon-"], [class*=" icon-"] {display:inline-block;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;overflow:hidden;text-align:left;text-indent:-6000px;} .icon-no {width:11px;height:10px;background:url(img/ico-no.png) no-repeat 50% 50%;} .icon-yes {width:20px;height:19px;background:url(img/ico-yes.png) no-repeat 50% 50%;} .campaign-list-tag {display:block; position: absolute; opacity: 0; top: 60%; left: 50%; transform: translate(-50%,-50%); width:auto;padding:5px 30px; } /* <-------------- ESHOP VYPIS */ .eshop-catalog-nav {width:15%;float:left;} .eschop-catalog-content {margin:0 0 0 18%;padding:0 0 0 40px;border-left:1px solid #b99a58;} a.eshop-catalog-nav-nl, a.eshop-catalog-nav-nl:visited {display:inline-block;line-height:1em;font-family:'Raleway', sans-serif;font-weight:400;font-size:15px;padding:5px 28px;border:solid 1px #b99a58;} a.eshop-catalog-nav-nl:hover {border:solid 1px #b99a58;background:#b99a58;color:#fff;} .eshop-catalog-nav ul {width:100%;margin:0 0 30px 0;padding:0;list-style:none;} .eshop-catalog-nav ul > li {margin:0;padding:0 0 10px 0;font-family:'Raleway', sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;position:relative;} .eshop-catalog-nav ul > li > a, .eshop-catalog-nav ul > li > a:visited {color:#444;} .eshop-catalog-nav ul > li > ul > li > a, .eshop-catalog-nav ul > li > ul > li > a:visited {color:#989894;} .eshop-catalog-nav ul > li > a:hover, .eshop-catalog-nav ul > li.active > a {color:#b99a58;} .eshop-catalog-nav ul > li.campaign > a {color:#cc0033 !important;} .eshop-catalog-nav ul > li.active:before {content:"";width:7px;height:8px;background:url(img/active-sipka-left.png) no-repeat;position:absolute;right:0;top:5px;} .eshop-catalog-nav ul > li > ul {margin:5px 0 0 0;padding:5px 0 0 20px;list-style:none;border-top:solid 1px #b99a58;} .eshop-catalog-nav ul > li > ul > li {padding:0 0 5px 15px;position:relative;font-family:'MyriadPro-Bold',sans-serif; } .eshop-catalog-nav ul > li > ul > li.active:before {content:"";width:7px;height:8px;background:url(img/active-sipka-right.png) no-repeat;position:absolute;left:0;top:5px; } .eshop-product-list {width:33.33%;float:left;text-align:center;} .eshop-product-list-img {width:100%;position:relative;margin:0 auto; padding:6px} .eshop-product-list-img img {width:100%;height:auto;} .eshop-product-list-img img.eshop-product-list-img-hover {display:block;position:absolute;top:0;left:0;right:0;bottom:0;} .eshop-product-list-tag {display:block;position: absolute; opacity: 0; top: 60%; left: 50%; transform: translate(-50%,-50%);width:auto;background:#b9a264;color:#fff;font-family:'Raleway', sans-serif;font-weight:400;padding:5px 30px;font-size:13px;line-height:1em;} .eshop-product-list-content {padding:0 20px;height:90px;text-align:center;} a .eshop-product-list-title {margin:0;padding:0;font-family:'Raleway', sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;color:#444;} a .eshop-product-list-price, a .eshop-product-list-price-rrp {font-family:'MyriadPro-Regular',sans-serif;font-size:13px;color:#636261;} a .eshop-product-list-price-rrp {color:#636261;text-decoration: line-through} a .eshop-product-list-price strong {font-weight:normal;color:#b99a58;} a .eshop-product-list-content-sub h2 {display:inline-block;width:auto;font-family:'MyriadPro-Regular',sans-serif;text-transform:uppercase;font-size:13px;line-height:1em;margin:0 10px 0 0;padding:0;color:#636261;} a .eshop-product-list-content-sub .eshop-product-list-price {display:inline-block;width:auto;} /* <-------------- SLIDERY OBECNE */ .slick-slide {outline:none !important;} .slick-arrow { display:block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width:21px;height:28px;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:100;} .slick-arrow.nextArrow { right:10px; width: 50px; height: 50px; background: white; border-radius: 50%; border: 1px solid #b99a58; display: flex; justify-content: center; align-items: center; } .slick-arrow.nextArrow svg { transform: rotate(180deg); margin: 5px 18px !important; } .slick-arrow svg { fill: #b99a58; width: 12px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .slick-arrow.prevArrow { left:10px; width: 50px; height: 50px; background: white; border-radius: 50%; border: 1px solid #b99a58; display: flex; justify-content: center; align-items: center; } .slick-arrow:hover { background: #b99a58; } .slick-arrow:hover svg { fill: white } .slick-arrow.slick-disabled {opacity:0.2;} /* <-------------- ESHOP DETAIL */ .eshop-product-gallery-container {width:70%;float:left;} .eshop-product-slider-container {width:78%;float:left;} .eshop-product-slider-container .slick-arrow { width:50px; height:50px; display: flex; justify-content: center; align-items: center; } .eshop-product-slider-container .slick-arrow svg { fill: #b99a58; width: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin: 4px 13px; } .eshop-product-slider-nav {width:20%;float:right;} .eshop-product-slider-nav ul {margin:0;padding:0;list-style:none;} .eshop-product-slider-nav li {margin:0;padding:0;position:relative;height:273px;} .eshop-product-slider-nav li em {display:block;width:100%;height:245px;position:absolute;left:0;cursor:pointer;text-align:center;} .eshop-product-slider-nav li em img {height:100%;width:auto;margin:0 auto;} .eshop-product-slider-nav li:nth-child(1) {display:none;} /*.eshop-product-slider-nav li:nth-child(2) em {top:0;} .eshop-product-slider-nav li:nth-child(3) em {top:50%;transform:translateY(-50%);} .eshop-product-slider-nav li:nth-child(4) em {bottom:0;}*/ .eshop-product-slider-item {text-align:center;position:relative;} .eshop-product-slider-item img.eshop-product-slider-item-img {height:100%;width:auto;margin:0 auto;cursor: url('img/cursor-zoom.png'), auto; } .eshop-product-content {width:27%;float:right;} .eshop-product-title {margin:0 0 5px 0 ;color:#444;padding:0;font-size:13.5px;line-height:15px;letter-spacing:0.2em;text-transform:uppercase;font-family:'Raleway', sans-serif;font-weight:400;} .eshop-product-title b {display:block;font-family:'MontagueScript',sans-serif;font-size:36px;line-height:1em;letter-spacing:0em;padding:0;margin:0 0 18px 0;text-transform:none;font-weight:normal;} .eshop-product-price {margin:0;color:#444;padding:0;font-size:15px;letter-spacing:0.1em;} .eshop-product-price.rrp {color:#888;text-decoration: line-through} .eshop-product-id {margin:5px 0 20px 0;color:#888;padding:5px 0 0 0;font-size:13.5px;line-height:15px;} .eshop-product-id strong {font-weight:normal;color:#888;display:inline-block;margin-left:15px;} .eshop-product-gold-info {margin:0 0 28px 0;color:#b99a58;padding:0 0 15px 0;border-bottom:1px solid #b99a58;font-size:13.5px;line-height:15px;font-family:'MyriadPro-Regular',sans-serif;} div.eshop-product-gold-info {padding:0;border-bottom:none;} div.eshop-product-gold-info span {display:inline-block;padding:0 0 15px 0;border-bottom:1px solid #b99a58;} .eshop-product-size-nav {color:#636261;font-family:'Raleway', sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;margin:0 0 8px 0;} .eshop-product-size-nav span {display:inline-block;margin:0 7px;color:#8e8e8d;} .eshop-product-size-nav-guide {font-size:10px;color:#8e8e8d !important;display:inline-block;cursor:pointer;font-style:normal;} .eshop-product-sizes {margin-bottom: 15px} .eshop-product-sizes b {display:inline-block;width:24px;height:24px;background:#fff;border:solid 1px #888;color:#888;text-align:center;line-height:24px;font-size:13px;cursor:pointer;position:relative;} .eshop-product-sizes b.none, .eshop-product-sizes b.nocheck {cursor:default !important;border-color:#ccc;color:#ccc;} .eshop-product-sizes b.none:before {content:"";height:1px;width:30px;background:#ccc;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);z-index:99;} .eshop-product-sizes b.none:after {content:"";height:1px;width:30px;background:#ccc;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);z-index:99;} .eshop-product-sizes b.active {color:#fff;background:#b99a58;border-color:#b99a58;} .eshop-product-sizes b.error {color:#cc0033;background:#fff;border-color:#cc0033;} .eshop-product-sizes b input {display:none;} .eshop-product-errors {padding:0;line-height:20px;height:30px;color:#cc0033;letter-spacing:0.1em;font-size:12px;font-family:'MyriadPro-Regular',sans-serif;} .eshop-product-info{font-family:'MyriadPro-Light',sans-serif;font-size:14px;color:#636261;line-height:20px;height:30px;font-weight:normal;} .eshop-product-info-2{font-size:14px; color: #888888;line-height: 30px;height:30px;font-weight:normal; text-align: center} .content_gold .eshop-product-info, .content_gold .eshop-product-info strong {color: #b99a58} .eshop-product-info strong {color:#636261;font-size: 24px} .eshop-product-button-basket {line-height:1em;display:block;padding:10px 15px;background:#b99a58;color:#fff !important;letter-spacing:0.1em;text-align:center;font-family:'Raleway', sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;cursor:pointer;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;} .eshop-product-button-basket:hover {background:#92794a;color:#fff;} .shop-accordion {margin:40px 0;} .shop-accordion-item-title {padding:12px 30px 12px 0;color:#444;position:relative;font-family:'Raleway', sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;cursor:pointer;border-bottom:solid 1px #b99a58;margin:0;} .shop-accordion-item-title strong {font-family:'MontagueScript',sans-serif;line-height:0.5em;letter-spacing:0em;text-transform:none;font-weight:normal;color:#444;font-size:25px;} .shop-accordion-item-title.gold strong {color: #b99a58} .shop-accordion-item-title b {display:block;width:15px;height:14px;overflow:hidden;position:absolute;top:12px;right:10px;} .shop-accordion-item-title b:before {content:"";display:block;width:15px;height:1px;background:#b99a58;position:absolute;left:0;top:7px;} .shop-accordion-item-title b i {display:block;width:1px;;background:#b99a58;position:absolute;left:7px;top:0;bottom:0;} .shop-accordion .shop-accordion-item:last-child .shop-accordion-item-title {border-bottom:none;} .shop-accordion-item-content {letter-spacing:0.1em;font-size:12px;font-family:'MyriadPro-Regular',sans-serif;color:#888;border-bottom:solid 1px #b99a58;padding:15px 0;margin:0;} .shop-accordion .shop-accordion-item:last-child .shop-accordion-item-content {border-bottom:none;} .shop-accordion .shop-accordion-item.active:last-child .shop-accordion-item-title {border-bottom:solid 1px #b99a58;} .shop-accordion-item-content {display:none;} .eshop-product-recommend {clear:both;} .eshop-product-recommend ul {margin:0;padding:0;list-style:none;text-align:center;} .eshop-product-recommend li {display:inline-block;padding:0 30px;} /* <------------- GALLERY ZOOM */ .gallery-zoom-single {cursor: url('img/cursor-zoom.png'), auto;} .gallery-zoom-overlay {position:fixed;top:0;right:0;bottom:0;left:0;background:#fff url(img/preloader.gif) no-repeat 50% 50%;z-index:999999999999999;} .gallery-zoom-overlay-container {width:100%;height:100%;position:relative;} .gallery-zoom-image-item {position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;text-align:center;} .gallery-zoom-image-item img {display:block;position:absolute;cursor:move;width:100%; max-width: 1920px; height:auto;top:0;left:0;transform:none;opacity:0; @media (max-width: 1000px) { width:auto; max-width: 1110px; } } .gallery-zoom-image-item .old { width: auto; max-width: 1068px; } /* .gallery-zoom-image-item img {display:block;width:auto;height:auto;cursor:move;position:fixed;}*/ .gallery-zoom-close {width:20px;height:20px;cursor:pointer;/*background:url(img/modal-close.png) no-repeat;*/position:absolute;top:20px;right:20px; transform: scale(1.5);} #zoom-souradnice {width:400px;text-align:center;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:5px;background:#FF0004;color:#fff;} .gallery-zoom-thumbs {width:100px;position:absolute;left:20px;bottom:20px;max-height: 100%; overflow-y: auto; overflow-x: hidden; padding-right: 20px; padding-top: 20px; @media only screen and (max-width: 992px) { display: flex; width: 100%; gap: 5px; overflow-y: hidden; overflow-x: auto; } } .gallery-zoom-thumbs-item {width:80px;margin:10px 0 0 0;line-height:0.5em;padding:0;border:solid 1px #fff;cursor:pointer; @media only screen and (max-width: 992px) { flex-shrink: 0; } } .gallery-zoom-thumbs-item img {width:100%;height:auto;opacity:0.75;} .gallery-zoom-thumbs-item.active img {opacity:1;} .gallery-zoom-thumbs-item.active {border:solid 1px #b99a58;} .body-modalwin { overflow: hidden; } /* <------------- OBJEDNAVKA - DROBECKY */ .order-breadcrumb {display:table;width:100%;padding:40px 0 15px 0;margin:0 0 40px 0;text-align:center;color:#8e8e8d;font-size:16px;font-family:'MyriadPro-Regular',sans-serif;line-height:16px;letter-spacing:0.09em;border-bottom:solid 1px #ccc;} .order-breadcrumb span {display:block;width:25%;float:left;background:url(img/small-sipka-right.png) no-repeat right 0px;} .order-breadcrumb-arrow {display:none;} .order-breadcrumb span em, .order-breadcrumb span b {font-style:normal;} .order-breadcrumb span:first-child {text-align:left;} .order-breadcrumb span:last-child {text-align:right;background:none;} .order-breadcrumb span a, .order-breadcrumb span a:active {color:#8e8e8d;} .order-breadcrumb span.active, .order-breadcrumb span.active a, .order-breadcrumb span.active a:active {color:#b99a58;} .order-breadcrumb span:nth-child(1) {width:18%;} .order-breadcrumb span:nth-child(2) {width:32%;} .order-breadcrumb span:nth-child(3) {width:28%;} .order-breadcrumb span:nth-child(4) {width:22%;} .order-breadcrumb-table {width:100%;margin:0 0 40px 0;text-align:center;color:#8e8e8d;font-size:16px;font-family:'MyriadPro-Regular',sans-serif;line-height:16px;letter-spacing:0.09em;border-bottom:solid 1px #ccc;} .order-breadcrumb-table td {padding:40px 0 15px 0;text-align: center; } .order-breadcrumb-table tr td:first-child {text-align:left;} .order-breadcrumb-table tr td:last-child {text-align:right;background:none;} /* <------------- NADPISY */ .eshop-content-title {padding:0;font-family:'Raleway', sans-serif;font-weight:400;font-size:16px;color:#b99a58;text-transform:uppercase;} .eshop-content-sub-title {margin:0 0 28px 0 ;color:#b99a58;border-bottom:solid 1px #b99a58;padding:0 0 15px 0;font-size:16px;line-height:16px;letter-spacing:0.2em;text-transform:uppercase;font-family:'MyriadPro-Regular', sans-serif;font-weight:normal;} /* <------------- TLACITKA A ODKAZY PO KOSIKEM APOD. */ .buttons-bottom {padding: 25px 0} .buttons-bottom-left {width:auto;float:left;} .buttons-bottom-right {width:auto;float:right;} .buttons-bottom-right a, .buttons-bottom .content-right button {font-size: 20px;} .link-go-shop, .modal-close-link {font-family:'Raleway', sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;cursor:pointer;} .modal-close-link {display:inline-block;padding-top:9px;} /* <-------------- TABULKY */ /* <- responzivni tabulka */ .tbl-respo {width:100%;} .tbl-respo-label {display:none;} /* <- bezna tabulka */ .tbl {width:100%;margin:25px 0;border-collapse:collapse;border-top:solid 1px #8E8E8D;border-left:solid 1px #8E8E8D;} .tbl th, .tbl td {padding:10px;border-right:solid 1px #8E8E8D;border-bottom:solid 1px #8E8E8D;line-height:1.1em;color:#636261;letter-spacing:0.09em;} .tbl thead th {font-weight:normal;font-size:14px;color:#8e8e8d;text-transform:uppercase;letter-spacing:0.09em;text-align:left;} .tbl tbody th {font-weight:bold;text-align:left;vertical-align:top;} .tbl tbody td {font-weight:bold;text-align:center;vertical-align:top;} .tbl.tbl-availability tbody th, .tbl.tbl-availability tbody th {vertical-align:middle;} .th-center th {text-align:center !important;} /* <- tabulka košík a vychozi */ .tbl-shop, .tbl-basket {border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;border-collapse:collapse;margin:25px 0;} .tbl-shop {width:100%;margin:0;} .tbl-basket thead th, .tbl-shop thead th {font-family:'MyriadPro-Regular',sans-serif;font-weight:normal;color:#b99a58;font-size:16px;border-bottom:1px solid #cbcbcb;letter-spacing:0.075em;} .tbl-shop thead th {padding:15px 0;text-align:center;} .tbl-shop tbody th, .tbl-shop tbody td {padding:20px 0 15px 0;} .tbl-basket-th-name {padding:15px 0px 15px 30px;text-align:left;width:45%;} .tbl-basket-th-size, .tbl-basket-th-del {padding:15px 0;text-align:center;} .tbl-basket-th-price {padding:15px 0px;text-align:center;width:20%;} .tbl-basket-th-price-total {padding:15px 30px 15px 0px;text-align:right;width:15%;} .tbl-basket tbody td, .tbl-shop tbody td {font-family:'MyriadPro-Regular',sans-serif;font-weight:normal;color:#888;font-size:16px;vertical-align:top;letter-spacing:0.075em;} .tbl-shop tbody th {font-family:'MyriadPro-Regular',sans-serif;font-weight:normal;color:#b99a58;font-size:16px;vertical-align:top;letter-spacing:0.075em;} .basket_tab tr td {vertical-align: middle !important;} .tbl-basket-td-name {padding:50px 0 0 30px;} .tbl-basket-img {width:30%;float:left;} .tbl-basket-img img {width:100%;height:auto;} .tbl-basket-name-content {margin:0 0 0 35%;} .tbl-basket-td-size, .tbl-basket-td-price, .tbl-basket-td-del {padding:50px 0 0 0;text-align:center;} .tbl-basket-td-price b {font-weight:normal;color:#b99a58;} .basket-original-price {display:inline-block;margin-right:15px; text-decoration:line-through;} .tbl-basket-td-price-total {text-align:right;padding:50px 30px 0 0;} .tbl-basket tfoot .tbl-basket-td-price-total {text-transform:uppercase;padding:30px 30px 30px 0;color:#b99a58;letter-spacing:0.075em;font-size:16px;font-family:'MyriadPro-Regular',sans-serif;} .tbl-basket tfoot .tbl-basket-td-price-total strong {font-weight:normal;text-transform:none;} .tbl-shop-td-price {text-align:center;} .tbl-shop-td-price b {font-weight:normal;color:#b99a58;} .tbl-shop-original-price {display:inline-block;margin-right:15px; text-decoration:line-through;} .tbl-shop-td-first {padding-left:30px !important;} .tbl-shop-td-last {padding-right:30px !important;} .tbl-shop-align-center {text-align:center !important;} .tbl-shop-align-right, .tbl-shop-td-price-total {text-align:right !important;} .tbl-shop-align-left {text-align:left !important;} .tbl-margin-bottom {margin-bottom:30px;} .border-table-in {border:1px solid #cbcbcb;} .border-table-in table {border:none !important;} /* <- tabulka doprava a zpusob platby */ .tbl-order-form {width:100%;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;border-collapse:collapse;} .tbl-order-form td {padding:15px 30px;vertical-align:top;letter-spacing:0.09em;} /*.tbl-order-form tr:first-child td {padding-top:30px;}*/ .tbl-order-form tr td {padding-top:30px;} .tbl-order-form tr:last-child td {padding-bottom:30px;} .tbl-order-form-price {text-align:right;} .tbl-order-sub-form {padding:10px 30px;} /* <- tabulka objednavka suma */ .tbl-shop-order-sum {margin:0 0 0 auto;width:48%;} .tbl-shop-order-sum th {text-transform:uppercase;padding:10px 30px 10px 0;color:#b99a58;letter-spacing:0.075em;font-size:16px;font-family:'MyriadPro-Regular',sans-serif;text-align:left;font-weight:normal;} .tbl-shop-order-sum td {padding:10px 0;color:#8e8e8d;letter-spacing:0.075em;font-size:16px;font-family:'MyriadPro-Regular',sans-serif;text-align:right;font-weight:normal;} /* <-------------- LOGIN */ .eshop-login-container {position:relative;padding:20px 0;} .eshop-login-container:before {content:"";width:1px;position:absolute;top:0;bottom:0;left:50%;background:#ccc;} .eshop-login-left {width:47%;float:left;text-align:center;color:#636261;line-height:1.6em;} .eshop-login-right p {letter-spacing:0.09em;line-height:30px;} .eshop-login-right {width:47%;float:right;text-align:center;color:#636261;line-height:1.6em;} .eshop-login-container h2 {font-size:16px;color:#b99a58;text-transform:uppercase;margin:0 0 35px 0;text-align:center;font-family:'MyriadPro-Regular',sans-serif;line-height:1.1em;} .eshop-login-container h2 span {display:inline-block;padding:0 15px 7px 15px;border-bottom:solid 1px #b99a58;} .eshop-login-content {margin-bottom:54px;} .eshop-login-content p {width:100%;max-width:70%;margin:0 auto;letter-spacing:0.09em;line-height:30px;} .eshop-login-content .button {width:100%;margin-top:20px;} .eshop-login-right .txtright {line-height:1.2em;letter-spacing:0.09em;} .eshop-login-right .txtright a small {font-size:12px;} /* <-------------- FORMULAR */ .frm {width:100%;max-width:370px;padding:30px;margin:0 auto;text-align:left;border:solid 1px #fff;margin-bottom:15px;} .frm-item {color:#888} .frm ::-webkit-input-placeholder {color:#b99a58;} .frm ::-moz-placeholder {color:#888} .frm :-ms-input-placeholder {color:#b99a58;} .frm input:-moz-placeholder {color:#b99a58;} .frm :focus::-webkit-input-placeholder {color:#85713d;} .frm :focus::-moz-placeholder {color:#85713d;} .frm :focus:-ms-input-placeholder {color:#85713d;} .frm input:focus:-moz-placeholder {color:#85713d;} .frm-label {display:block;font-family:'Raleway', sans-serif;font-weight:400;font-size:13px;color:#8e8e8d;margin:0 0 3px 0;line-height:13px;padding:0;} .frm-label em {font-style:normal;font-size:22px;vertical-align:-9px; } .required .frm-label {color:#b99a58;} .red .frm-label{color:#cc0033; font-weight: bold} .red h3, .red .frm-label-inline, p.red, span.red {color:#cc0033} .frm-label.error {color:#cc0033;} .frm input[type="text"], .frm input[type="password"], .frm input[type="email"], .frm input[type="number"], .frm input[type="tel"], .frm input[type="date"], .frm textarea, .frm select {width:100%;padding:7px 10px;border:1px solid #8e8e8d;outline:none !important;background:#fff;text-align:left;line-height:1em; font-family:'MyriadPro-Regular',sans-serif;font-size:16px;color:#8e8e8d;position:relative; } .frm .required input[type="text"], .frm .required input[type="password"], .frm .required input[type="email"], .frm .required input[type="number"], .frm .required input[type="tel"], .frm .required input[type="date"], .frm .required textarea, .frm textarea, .frm .required select {border-color:#b99a58;} .frm .red input[type="text"], .frm .red input[type="password"], .frm .red input[type="email"], .frm .red input[type="number"], .frm .red input[type="tel"], .frm .red input[type="date"], .frm .red textarea, .frm .red select {border-color: #cc0033;} .frm input[type="text"]:focus, .frm input[type="password"]:focus, .frm input[type="email"]:focus, .frm input[type="number"]:focus, .frm input[type="tel"]:focus, .frm input[type="date"]:focus, .frm textarea:focus {border-color:#b99a58;} .frm-label-inline {font-size:16px;font-family:'MyriadPro-Regular',sans-serif;letter-spacing:0.075em; color:#888; display: block} .pl-130 { padding-left: 130px; } .eshop-login-container .frm {margin-bottom:50px;} .eshop-login-container .frm-buttons {text-align:center;} .frm.error {border-color:#b99a58;} .frm-title {color:#8e8e8d;font-family:'Raleway', sans-serif;font-weight:400;font-size:13.5px;margin:0 0 50px 0;line-height:13px;text-transform:uppercase;letter-spacing:0.065em;} .eshop-login-container .frm-title {text-align:center;} .input-tel-prefix {width:30% !important;color:#b99a58 !important;float:left;} .input-tel {width:65% !important;float:right;} .tbl-order-sub-form .frm-label-inline {padding:5px 0;display:inline-block;} /* <-------------- TLACITKA */ .frm button, .button, .button:visited {line-height:1em;display:inline-block;padding:10px 40px;background:#b99a58;letter-spacing:0.1em;text-align:center;font-family:'Raleway', sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;border:none;outline:none;cursor:pointer; -moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;} .frm button:hover, .button:hover {background:#92794a;color:#fff;} /* <-------------- FORM DOPRAVA A PLATBA */ .shop-order-grid {padding-bottom:30px;margin-bottom:30px;border-bottom:solid 1px #b99a58;} .shop-order h3 {font-size:16px;line-height:16px;letter-spacing:0.2em;text-transform:uppercase;font-family:'MyriadPro-Regular', sans-serif;font-weight:normal; color:#888} .shop-order {margin-bottom:20px;} .shop-order-transport {width:100%;} .shop-order-payment {width:100%;} /* <-------------- BOX - SUMA V OBJEDNAVCE */ .shop-order-sum {padding-bottom:30px;margin-bottom:30px;border-bottom:solid 1px #b99a58;text-align:right;} .shop-order-top-line {padding-top:30px;margin-top:30px;border-top:solid 1px #b99a58;} .shop-order-top-line pre {font-family: 'MyriadPro-Regular',sans-serif; color: #888;} .modal-content .four iframe { display: none; } .modal-content .four a { display: none; } .flex-images { overflow: hidden; } .flex-images .item { width: 100% !important;float: left; margin: 0; margin-bottom: 12px; box-sizing: content-box; overflow: hidden; position: relative; } .flex-images .item img.gallery-img { display: block; max-width: 100%; width: 100%; height: auto; vertical-align: top; margin: 0; padding: 0; } /* <-----------GDPR-------------------> */ .gdpr-agreement-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; overflow: auto; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 99999999999999; } .gdpr-agreement { max-width: 850px; margin: 0 auto; position: relative; padding: 60px 30px; text-align: left; background: #fff; z-index: 999999999999999; position: relative; padding: 50px 30px; } .gdpr-agreement p { margin: 5px 0; } .mt-5 { margin-top: 5px; } .mb-5 { margin-bottom: 5px; } .gdpr-agreement .txtcenter { margin: 0; } .gdpr-agreement .frm { width: auto; max-width: none; padding: 0; text-align: center; } .gdpr-agreement h1 { padding: 0 0 10px 0; } .gdpr-agreement button { margin: 125px 20px 40px 20px; width: 330px; font-size: 20px; } .bold { font-weight: 700; } .logo { display: flex; justify-content: center; } .logo svg { margin-top: 30px; } .logo a { display: block; } /* <-----------------------------------------------------------------------------------------------------------*/ /* <-------------- RESPONZIVE --------------------------------------------------------------------------------*/ /* <-----------------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 1045px) { .eshop-nav-header {right:30px;bottom:10px;} .basket-header {left:30px;bottom:10px;} .top-nav-container {padding:0 30px;} .eshop-product-content { width: 25% } } @media only screen and (max-width: 1200px) { .eshop-nav-header {right:30px;bottom:10px;} .basket-header {left:30px;bottom:10px;} .top-nav-container {padding:0 30px;} } @media only screen and (max-width: 1135px) { .lookbook-product-buttons a {padding:5px 5px;} .lookbook-product-buttons a.button-availability {padding:5px 5px;} } @media only screen and (max-width: 959px) { #main_menu_btn {display:block;position:absolute;top:10px;right:0;} .obsah.multi { border-left: none; padding-left: 0; padding-top: 40px; padding-bottom: 40px; min-height: 400px; } .page-content {margin-top:70px;} .page-content-eshop {margin-top:10px;} .lookbook-list {margin-bottom:15px;} .lookbook-list-img {width:100%;float:none;} .lookbook-list-title {position:relative;top:auto;left:auto;bottom:auto;right:auto;} [class*='col-'] {width:100%;float:none;margin-left:0px;margin-right:0px;margin-top:10px;margin-bottom:10px;padding-left:0px;padding-right:0 !important;} .top-breadcrumb {padding:20px 0 30px 0;} .lookbook-detail-big-img {width:60%;} .eshop-product-gallery-container {width:100%;float:none;} .eshop-product-slider-container {width:100%;float:none} .eshop-product-slider-nav {width:100%;float:none} .eshop-product-content {width:100%;float:none;padding:60px 0 0 0;} .mwin-sizes-img {float:none;width:100%;text-align:center;} .mwin-sizes-content {float:none;width:100%} .tbl-respo, .tbl-respo tbody, .tbl-respo tbody tr, .tbl-respo tbody th, .tbl-respo tbody td, .tbl-respo tfoot tr, .tbl-respo tfoot td {display:block !important;} .tbl-respo, .tbl-respo tbody:after, .tbl-respo tbody tr:after, .tbl-respo tbody th:after, .tbl-respo tbody td:after {content:"";display:table;clear:both;} .tbl-respo thead {display:none !important;} .tbl-respo tbody td {position:relative;padding-left:40%;} .tbl-respo-label {display:block;position:absolute;width:auto;top:0;left:0;} /* <- tabulka košík */ .tbl-basket .tbl-respo-label, .tbl-shop .tbl-respo-label {top:20px;left:0px;font-family:'MyriadPro-Regular',sans-serif;font-weight:normal;color:#b99a58;font-size:16px;} .tbl-shop .tbl-respo-label {top:10px;left:10px;} .tbl-basket .tbl-basket-td-name .tbl-respo-label {top:50px;} .tbl-basket-td-size, .tbl-basket-td-price, .tbl-basket-td-price-total, .tbl-basket-td-del {padding:20px 0 0 0;text-align:left;} .tbl-basket-td-price-total {text-align:right;} .tbl-basket tbody {padding:0 10px 0 10px;} .tbl-basket-img {display:none;} .tbl-basket-name-content {margin:0;} div.eshop-product-gold-info {margin:0;} div.eshop-product-gold-info span {display:inline-block;padding:0 0 15px 0;border-bottom:none;margin:0;} .tbl-basket .tbl-basket-td-price-total {padding-bottom:50px;border-bottom:solid 1px #cbcbcb;} .tbl-basket tbody tr:last-child .tbl-basket-td-price-total {border-bottom:none;} .tbl-basket tfoot {width:100%;display:block !important;} .tbl-basket tfoot .tbl-basket-td-price-total {padding:30px 10px;text-align:right;width:100%;display:block;border-bottom:none !important;} .tbl-shop-align-center {text-align:left !important;} .tbl-shop-align-right {text-align:left!important;} .tbl-shop-align-left {text-align:left!important;} .tbl-shop.tbl-respo tbody td {position:relative;padding-left:40% !important;} .tbl-respo .tbl-shop-td-last {padding-bottom:40px !important;} .tbl-shop-td-price {text-align:left;} /* <- drobeckovka */ .order-breadcrumb {padding:40px 0;margin:0 0 40px 0;text-align:center !important;color:#cbcbcb;font-size:13px;font-family:'MyriadPro-Regular',sans-serif;line-height:13px;letter-spacing:0.09em;border-bottom:solid 1px #ccc;} .order-breadcrumb span {background:none;padding:0 5px;text-align:center !important;} .order-breadcrumb span b {display:none;} .order-breadcrumb span a, .order-breadcrumb span a:active {color:#cbcbcb;} .order-breadcrumb span.active, .order-breadcrumb span.active a, .order-breadcrumb span.active a:active {color:#b99a58;} .order-breadcrumb span em {display:block;margin:0 auto 5px auto;width:30px;height:30px;font-size:16px;background:#cbcbcb;color:#fff;border-radius:50%;line-height:32px;text-align:center;} .order-breadcrumb .active a em, .order-breadcrumb .active em {background:#b99a58;} .order-breadcrumb span em:after, .order-breadcrumb span .active em:after {content:"\A";white-space:pre;} .order-breadcrumb span:nth-child(1) {width:25%;} .order-breadcrumb span:nth-child(2) {width:25%;} .order-breadcrumb span:nth-child(3) {width:25%;} .order-breadcrumb span:nth-child(4) {width:25%;} /* <- LOGIN */ .eshop-login-container {position:relative;padding:20px 0;} .eshop-login-container:before {display:none;} .eshop-login-left, .eshop-login-right {width:100%;float:none;} .eshop-login-left {padding-bottom:30px;margin-bottom:60px;border-bottom:solid 1px #ccc;} .tbl-shop-order-sum {width:100%;} .shop-order-transport, .shop-order-payment {width:100%;float:none;} .lookbook-product-buttons a {padding:5px 20px;} .lookbook-product-buttons a.button-availability {padding:5px 10px;} .eshop-product-list-tag {opacity: 1; top: 60%; left: 50%; transform: translate(-50%,-50%);padding:5px 15px;font-size:11px;} .campaign-list-tag {opacity: 1; top: 60%; left: 50%; transform: translate(-50%,-50%);padding:5px 15px;} .campaign-list-tag img { width: 160px; } #main_menu_content, #footer_nav, .gallery-arrows, #fix {display:none;} .gallery-item:nth-child(3) {clear: none; } } @media only screen and (max-width: 767px) { .seo_text p {padding:0;} #social_header {display:none;} .eshop-catalog-nav {width:100%;float:none;} .eschop-catalog-content {margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #b99a58;border-left:none;} .campaign-list-tag img { width: 110px; } } @media only screen and (max-width: 733px) { .lookbook-product-buttons a {padding:5px 5px;} .lookbook-product-buttons a.button-availability {padding:5px 5px;} } @media only screen and (max-width: 959px) { .three.columns.inner_nav {display: none} } @media only screen and (max-width: 715px) { .modal-window {position:relative;top:auto;left:auto;transform:none;} .modal-window-container {padding:70px 40px;position:relative;text-align:left;} .lookbook-detail-big-img {width:100%;float:none;} .lookbook-product-buttons a {padding:5px 30px;} .lookbook-product-buttons a.button-availability {padding:5px 20px;} } @media only screen and (max-width: 1200px) { .eshop-nav-header {right:30px;bottom:30px;} .eshop-nav-header span {padding:0 7px;} .basket-header {left:30px;bottom:28px; max-width: 60px;} .basket-header img {margin:0 5px;} } @media only screen and (max-width: 600px) { .eshop-product-list {width:50%;float:left;text-align:center;} .mwin-basket-img {width:100%;float:none;margin-bottom:20px;} .mwin-basket-img img {width:100%;height:auto;max-width:180px;margin:0 auto;} .mwin-basket-product-content {width:100%;float:none;margin-bottom:20px;} .mwin-buttons {padding:0 0 40px 0;text-align:center;} .mwin-buttons-left {width:100%;float:none;padding:20px 0;} .mwin-buttons-right {width:100%;float:none;} .tbl-shop tbody td {font-size:14px;} } @media only screen and (max-width: 479px) { .logo a img {width:70%;} .gallery-item {width:50%;} .tbl th, .tbl td {padding:5px;font-size:12px;} .order-breadcrumb {font-size:11px;} .tbl-shop .tbl-respo-label {top:10px;left:10px;font-size:11px;} } @media only screen and (max-width: 450px) { .eshop-product-list {width:100%;float:none;text-align:center;} } .gallery-item a { position: relative; padding-bottom: 150%; } .lookbook-navigace { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 10px; text-transform: uppercase; clear: both; line-height: 1em; margin: 0; padding: 0 0 30px 0; } .lookbook-navigace a { color: #b99a58; } .lookbook-navigace a:nth-of-type(1) img { padding-right: 10px; } .lookbook-navigace a:nth-of-type(2) img { padding-left: 10px; } .disabled { visibility: hidden; } .index-content { display: flex; flex-wrap: wrap; box-sizing: border-box; } .index-content h2 { text-align: center; color: #3d3d3d; margin: 90px 15px 50px 15px; letter-spacing: 3px; font-size: 16px; font-weight: 500; letter-spacing: 4px; width: 100%; } .index-content .item { width: 33.33%; padding: 0 40px; justify-content: center; display: flex; flex-wrap: wrap; } .index-content .item img { width: 50%; margin: 0 25%; } .index-content .item .circle { width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid #c39450; } .index-content .item .circle svg { width: 40px; height: 40px; } .index-content .item h3 { width: 100%; color: #3d3d3d; font-size: 30px; text-align: center; font-weight: 400; font-family: 'Playfair Display'; letter-spacing: 0px; margin-bottom: 0; } .index-content .item p { text-align: center; color: #777777; line-height: 1.9; font-size: 14px; align-self: flex-start; height: 100px; margin: 21px 19px 0 19px; } .slider { width: 100%; } .slick-slide { margin: 0px 20px; } .slick-slide img { width: 60%; } .slick-prev:before, .slick-next:before { color: black; } .slick-slide { transition: all ease-in-out .3s; opacity: 0; } .slick-slide img { margin: 0 auto; } .overfload-active { overflow-y: hidden; } .slick-active { opacity: 1; } .slick-current { opacity: 1; } .circle { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #b99a58; display: flex; } .circle i { font-size: 20px; text-align: center; color: #b99a58; align-self: center; } .slider h3 { text-align: center; font-size: 18px; color: #3d3d3d; font-weight: 500; font-family: 'Playfair Display'; font-weight: 400; margin-bottom: 0; } .slider .cena { text-align: center; font-size: 16px; margin-top: 10px; color: #777777; } .cena--discount { color: #d93246 !important; } .discount { text-align: center !important; font-size: 16px !important; color: #d93246 !important; margin-bottom: 0; } .slider .puvodni-cena { text-align: center; font-size: 16px; text-decoration: line-through; margin-top: -15px; } .slide-item { cursor: pointer; padding-bottom: 40px; } .show-hover { opacity: 0; max-height: 0; pointer-events: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: -10px; } .slide-item:not(.slide-item--hoverless):hover .show-hover { opacity: 1; pointer-events: auto; max-height: auto; } .slide-item:not(.slide-item--hoverless):hover .hide-hover { opacity: 0; pointer-events: none; max-height: auto; } .hide-hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; max-height: 0; } footer { background: #222222; } .footer-content { display: flex; flex-wrap: wrap; } footer .footer-item img { width: 200px; margin: 25px 0; } footer .footer-item { width: auto; margin: 30px 30px; } footer .left { display: flex; flex-wrap: wrap; width: 30%; order: 1; } footer .right { display: flex; flex-wrap: wrap; justify-content: flex-end; width: 70%; order: 1; } footer .footer-item:first-child { order: 1; } footer .footer-item:first-child { order: 1; } footer .footer-item:nth-child(2){ order: 2; } footer .footer-item:nth-child(3){ order: 3; } footer .footer-item:nth-child(4){ order: 4; } footer .footer-item:nth-child(5){ order: 5; } .footer-item h4 i { position: absolute; right: 30px; padding: 15px; margin-top: -12px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .footer-item h4 { font-size: 16px; color: #c7c7c7; cursor: pointer; font-family: 'Playfair Display', serif; font-weight: 400; } .footer-item ul { padding: 0; } .footer-item ul li { font-size: 17px; color: white; line-height: 2.2; list-style: none; } .footer-item ul li a { font-size: 16px; text-decoration: none; position: relative; color: white; } .footer-item ul li a:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: -2px; left: 0; background-color: white; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .footer-item ul li a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } .header-line { width: 100%; display: flex; justify-content: space-between; } .header-line .cara { height: 1px; background: #b99a58; flex-grow: 1; } .header-line h2 { font-family: 'MontagueScript',sans-serif; color: #b99a58; line-height: 0; font-size:36px; margin-top: 0px; padding: 0 15px; margin-left: -5px; } .header-line__svg { } .header-nav { width: 100%; height: 30px; display: flex; text-align: right; } .header-nav ul { padding: 0; display: flex; width: 100%; justify-content: flex-end; margin-top: -5px; } .header-nav ul li { list-style: none; height: 30px; display: flex; align-items: center; } .header-nav ul li a { list-style: none; align-self: center; padding-left: 15px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 500; color: #3D3D3D; } .header-nav ul li a div { width: 20px; height: 20px; border-radius: 50%; background: #b99a58; color: white; text-align: center; font-weight: 700; font-size: 12px; display: flex; justify-content: center; align-items: center; } .header-nav ul li a div p { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 12px; text-align: center; } .header-nav ul li img, .header-nav ul li a img { width: 25px; margin-left: 25px; } .user-icon { margin-right: 5px; } .header__currency { display: flex; } .header-nav ul li a.header-currency__link { position: relative; padding-left: 0; } .header-nav ul li a.header-currency__link.is-active, .header-nav ul li a.header-currency__link:hover { color: #b99a58; } .header-nav ul li a.header-currency__link:not(:last-child)::after { content: '|'; padding: 0 5px; } .navigation { padding: 0; display: flex; justify-content: center; margin-top: 15px; margin-bottom: 12px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation li { list-style: none; text-transform: uppercase; padding: 12px 30px 33px 30px; width: auto; font-size: 16px; font-weight: 500; margin-top: -12px; cursor: pointer; color: #3D3D3D; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation li:hover a { color: #b99a58; } .navigation li:hover ul li a { color: #3D3D3D; } .navigation li:hover ul li a:hover { color: #b99a58; } .navigation li ul { opacity: 0; overflow: hidden; pointer-events: none; position: absolute; background: white; z-index: 999; width: 100%; left: 0; padding: 20px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: 25px; display: flex; flex-flow: column; justify-content: center; border-bottom: 2px solid transparent; border-top: 2px solid transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation li ul li{ width: 230px; left: 50%; align-self: center; line-height: 1; padding: 10px 15px 15px 15px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation li:hover ul { opacity: 1; pointer-events: auto; border-bottom: 1px solid #b99a58; border-top: 1px solid #cccccc; overflow: visible; } .submenu-arrow { width: 25px; height: 15px; margin-top: -35px; margin-bottom: 20px; align-self: center; } .aroow-nav-0 { margin-left: -509px; } .submenu-0 li { margin-left: -418px !important; } .aroow-nav-1 { margin-left: -202px; } .submenu-1 li { margin-left: -71px !important; } .aroow-nav-2 { margin-left: -143px; } .submenu-2 { padding-left: 192px !important; padding-bottom: 11px !important; } .aroow-nav-3 { margin-left: -119px; } .submenu-3 { padding-left: 431px !important; } .aroow-nav-4 { margin-left: -150px; } .submenu-4 { padding-left: 720px !important; } .submenu-lvl2 { width: 400px; display: flex; flex-wrap: wrap; padding: 0; margin-left: 150px; margin-top: -35px; } .navigation li .submenu-lvl2 li { width: 200px; } .navigation li .submenu-lvl2 li:first-child, .navigation li .submenu-lvl2 li:nth-child(2){ padding-top: 5px; } .submenu-lvl2 li:nth-child(odd) { border-left: 1px solid #85713d; } .submenu-2 li .color-red { color: #d93246 !important; } .active-icon { transform: rotate(180deg); text-align: left !important; } .orientace { display: flex; justify-content: center; margin-top: -25px; margin-bottom: 5px; width: 100%; } .orientace ul { display: flex; flex-wrap: wrap; width: auto; padding-left: 0; } .orientace ul li { display: flex; list-style: none; color: #777777; padding: 15px; text-transform: uppercase; letter-spacing: 1px; } .orientace ul .active, .orientace ul .active a { color: #b99a58; } .orientace ul li a { display: flex; list-style: none; color: #777777; font-size: 12px; } .orientace ul li:before { content: ">"; position: absolute; margin: -3px 0 0 -18px; } .orientace ul li:first-child:before { display: none; } .kolekce-header { margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } .kolekce-header h1 { text-align: center; width: 100%; color: #3d3d3d; font-family: 'Playfair Display', serif; font-size: 30px; margin-top: -9px; letter-spacing: 3px; } .kolekce-header label { color: #777777; float: left; letter-spacing:0.07em; } .kolekce-header select { padding-left: 20px; } .left-select, .right-select { display: flex; align-items: center; } .box { margin-left: 20px; float: left; position: relative; } .box i { position: absolute; right: 10px; z-index: 99; top: 17px; pointer-events: none; color: #b99a58; } .box select { background-color: white; padding-left: 15px; z-index: 9; position: relative; width: 200px; height: 50px; border: none; font-size: 17px; outline: none; cursor: pointer; border: 1px solid #b99a58; -webkit-appearance: none; appearance: none } .box select::-ms-expand { display: none; } .box::before { content: "\25BC"; position: absolute; top: 0; width: 20%; height: 100%; margin-right: 10px; text-align: center; font-size: 30px; line-height: 50px; color: white; pointer-events: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .box:hover::before { background-color: rgba(255, 255, 255, 0.2); } .box select option { padding: 30px; } .full-content .kosik-prev-button { order: 1; } .full-content .kosik-next-button { order: 2; } .informace-produkt { display: flex; width: 100%; flex-wrap: wrap; background: rgba(255, 255, 255, 0.8); height: 120px; z-index: 999; position: relative; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; bottom: 0; left: 0; } .gallery-item a:hover .informace-produkt { opacity: 1; pointer-events: auto; } .informace-produkt p { width: 100%; text-align: center; text-transform: uppercase; color: #777777; padding-top: 5px; margin-bottom: -15px; font-size: 12px; letter-spacing:0.07em; letter-spacing: 1px; } .informace-produkt .info-item h4 { font-family: 'Playfair Display', serif; font-size: 20px; text-align: center; height: 40px; font-weight: 500; color: #3D3D3D; line-height: 1; margin-top: 10px; margin-bottom: 0; } .informace-produkt .info-item { width: 33.33%; } .informace-produkt .info-item p { color: #3D3D3D; margin-top: -5px 0 0 0; padding-top: 0; letter-spacing:0.07em; font-weight: 500; font-size: 12px; } .kosik-breadcrumb { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .kosik-breadcrumb h1 { width: 100%; text-align: center; color: #3d3d3d;; font-size: 50px; margin-bottom: 20px; font-family: 'Playfair Display', serif; margin-top: 30px; } .kosik-breadcrumb ul { align-self: center; padding-left: 0; display: flex; } .kosik-breadcrumb ul li { list-style: none; width: auto; display: flex; align-items: center; margin-right: 40px; text-transform: uppercase; cursor: not-allowed; color: #777777; } .kosik-breadcrumb ul li a { display: flex; align-items: center; cursor: pointer; color: #777777; } .kosik-breadcrumb ul li span { display: block; width: 30px; height: 30px; border-radius: 50%; color: #3d3d3d; align-self: center; border: 1px solid #cccccc; font-weight: 600; text-align: center; font-size: 19px; padding-top: 2px; margin-right: 10px; color: #777777; } .kosik-breadcrumb ul .active span { color: white; border: 1px solid #b99a58; background: #b99a58; } .kosik-breadcrumb ul .active { letter-spacing: 1px; color: #3d3d3d; } .kosik-breadcrumb ul .active a { letter-spacing: 1px; color: #3d3d3d; } .kosik-breadcrumb ul li:last-child span { padding-top: 2px; font-size: 17px; } .min-height-content { min-height: 65vh; } .kosik-vypis-content { display: flex; flex-wrap: wrap; margin-top: 40px; } .kosik-vypis-content .kosik-item { display: flex; flex-wrap: wrap; width: 100%; border: 1px solid #cccccc; margin-bottom: 20px; } .kosik-vypis-content .kosik-item .foto-item { width: 15%; display: flex; justify-content: center; } .kosik-vypis-content .kosik-item .foto-item img { max-height: 120px; margin: 15px 0; } .kosik-vypis-content .kosik-item ul { width: 80%; padding-left: 0; display: flex; flex-wrap: wrap; align-items: center; } .posledni-kusy { display: flex; width: 100%; flex-wrap: wrap; } .posledni-kusy .text--red { color: #D0021B !important; } .kosik-vypis-content .kosik-item ul li { list-style: none; width: 20%; text-transform: uppercase; color: #777777; font-size: 12px; letter-spacing: 1px; } .kosik-vypis-content .kosik-item ul li:nth-child(3) { list-style: none; width: 40%; text-transform: uppercase; color: #777777; } .kosik-vypis-content .kosik-item ul li span { font-family: 'Playfair Display', serif; text-transform: none; margin-top: 15px; display: block; font-size: 20px; color: #3d3d3d; } .kosik-vypis-content .kosik-item ul li .old-price{ text-decoration: line-through; color:#d0021b; margin-top: 0; } .logo { margin: 10px 0 15px 0; } .kosik-vypis-content .kosik-item .delete-item { width: 5%; display: flex; align-items: center; } .kosik-vypis-content .kosik-item .delete-item a i { color: #9b9b9b; font-size: 25px; } .bottom-content { display: flex; width: 100%; flex-wrap: wrap; margin-top: 20px; } .bottom-content .left-side { width: 50%; } .bottom-content .left-side label { color: #3d3d3d; font-size: 16px; font-weight: 500; margin-bottom: 15px; display: block; width: 100%; } .bottom-content .left-side .red { color: #d0021b; } .bottom-content .left-side .nescitaji { color: #777777; font-size: 12px; letter-spacing: 1px; } .bottom-content .left-side input { height: 50px; border: 1px solid #9b9b9b; padding-left: 10px; width: 200px; float: left; font-size: 16px; } .bottom-content .left-side input:focus { outline: 1px solid #b99a58; border: 1px solid #b99a58; } .bottom-content .left-side button { height: 50px; border: 1px solid #b99a58; padding-left: 10px; color: #b99a58; background: white; width: 130px; float: left; margin-left: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 14px; letter-spacing: 2px; font-weight: 600; } .bottom-content .left-side button:hover { background: #b99a58; color: white; } .bottom-content .left-side form { display: flex; flex-wrap: wrap; } .bottom-content .right-side { width: 50%; text-align: right; } .bottom-content .right-side .doprava{ background: #f2f2f2; width: 180px; float: right; text-align: center; font-weight: 700; } .bottom-content .right-side .doprava p { margin: 6px; color: #3d3d3d; } .bottom-content .right-side p { text-transform: uppercase; color: #777777; } .bottom-content .right-side p span { font-family: 'Playfair Display', serif; font-size: 40px; text-transform: none; color: #3d3d3d; } .full-content { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; } .full-content .kosik-next-button, .full-content .kosik-prev-button { font-size: 18px; display: flex; align-items: center; padding: 25px 60px; font-weight: 500; letter-spacing: 2px; } .full-content .kosik-prev-button { border: 1px solid #b99a58; color: #b99a58; } .full-content .kosik-prev-button:hover { border: 1px solid #b99a58; color: white; background: #b99a58; } .full-content .kosik-next-button { background: #b99a58; color: white; border:2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; } .full-content .kosik-next-button:hover { background: white; color: #b99a58; border:2px solid white; outline: 1px solid #b99a58; outline-offset: 0px; } .eshop-footer-content { background: #f2f2f2; padding: 15px 0; bottom: 0; margin-top: 80px; } .footer-eshop { display: flex; width: 100%; justify-content: space-between; } .footer-eshop p { width: auto; color: #999999; } .footer-eshop p a { color: #999999; } .footer-eshop img { width: 200px; margin-top: 10px; } .prazdny-kosik { font-size: 20px; width: 100%; padding: 10px; background: #b99a58; color: white; } .doprava-platba-content { width: 100%; display: flex; flex-wrap: wrap; margin-top: 40px; } .doprava-platba-content .left-side { width: 60%; display: flex; flex-flow: column; } .doprava-platba-content .left-side h2 { font-size: 32px; font-family: 'Playfair Display', serif; width: 100%; color: #3d3d3d; letter-spacing: 1px; margin-top: 0px; } .doprava-platba-content .left-side .platba-h2 { margin-top: 40px; } .doprava-platba-content .left-side .dorpava-item { width: 100%; margin-bottom: 15px; background: #f2f2f2; display: flex; justify-content: center; align-items: center; } .active-class { display: block !important; } .doprava-platba-content .left-side .dorpava-item .left { width: 75%; height: 100%; } .doprava-platba-content .left-side .dorpava-item .right { width: 25%; } .end-price { width: 100%; } .end-price p { width: 100%; text-align: right; color: #777777; font-size: 12px; letter-spacing: 1px; } .end-price p span{ color: #3d3d3d; font-family: 'Playfair Display', serif; font-size: 30px; } .doprava-platba-content .left-side .dorpava-item .right p { text-align: center; font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 500; } .doprava-platba-content .left-side .dorpava-item .left label { padding-left: 15px; display: flex; align-items: center; width: 100%; height: 100%; font-size: 16px; margin-top: 2px; flex-wrap: wrap; font-family: 'Raleway', sans-serif; font-weight: 500; padding: 30px 0 30px 15px; color: #3d3d3d; } .button-content a:first-child { order: 1; } .button-content a:last-child { order: 1; } .doprava-platba-content .left-side .dorpava-item .left label p { display: none; width: 100%; font-size: 14px; padding-left: 30px; margin: 10px 0 0 0 ; font-weight: 400; font-family: 'Raleway', sans-serif; color: #777777; } .doprava-platba-content .left-side .dorpava-item .left label > div { display: none; padding-left: 30px; padding-top: 10px; } .doprava-platba-content .left-side .dorpava-item .left label input:checked ~ p { display: inline; } .doprava-platba-content .left-side .dorpava-item .left label input:checked ~ div { display: block; } .doprava-platba-content .left-side .dorpava-item .left label input { margin-right: 10px; } .doprava-platba-content .right-side { width: 35%; margin-left: 5%; display: flex; flex-wrap: wrap; flex-flow: column; } .doprava-platba-content .right-side .produkt-item { width: 100%; display: flex; justify-content: center; align-items: center; border: 1px solid #cccccc; margin-bottom: 25px; padding: 0px; } .rekapitulace { padding: 10px !important; display: flex; justify-content: space-between !important; } .rekapitulace div:nth-child(2) { color: #3D3D3D; font-family: 'Playfair Display', serif; font-size: 20px; } .doprava-platba-content .right-side .produkt-item { font-size: 16px; } .doprava-platba-content .right-side .produkt-item .foto { width: 30%; display: flex; justify-content: center; } .doprava-platba-content .right-side .produkt-item .foto img { max-height: 100px; margin: 15px 0; } .doprava-platba-content .right-side .produkt-item .nazev { width: 40%; display: flex; } .doprava-platba-content .right-side .produkt-item .nazev .title { font-family: 'Playfair Display', serif; margin-bottom: 10px; display: block; width: 100%; font-size: 20px; margin-top: -3px; letter-spacing: 2px; } .doprava-platba-content .right-side .produkt-item .nazev .velikost{ display: block; width: 100%; color: #777777; font-weight: 500; font-size: 12px; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; } .doprava-platba-content .right-side .produkt-item .cena { width: 30%; } .doprava-platba-content .right-side .produkt-item .cena .price { width: 100%; display: block; color: #3d3d3d; font-family: 'Playfair Display', serif; font-size: 20px; margin-bottom: 10px; margin-top: -3px; } .doprava-platba-content .right-side .produkt-item .cena .old-price { width: 100%; display: block; text-decoration: line-through; color: #d0021b; font-family: 'Playfair Display', serif; font-size: 20px; } .radio { position: relative; cursor: pointer; line-height: 20px; font-size: 14px; } .radio .label { position: relative; display: block; float: left; margin-right: 10px; width: 20px; height: 20px; border: 2px solid #c8ccd4; border-radius: 100%; -webkit-tap-highlight-color: transparent; margin-top: -2px; } .radio .label:after { content: ''; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 100%; background: #b99a58; transform: scale(0); transition: all 0.2s ease; opacity: 0.08; pointer-events: none; } .radio:hover .label:after { transform: scale(3.6); } input[type="radio"]:checked + .label { border-color: #b99a58; } input[type="radio"]:checked + .label:after { transform: scale(1); transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9); opacity: 1; } .cntr { position: absolute; top: calc(50% - 10px); left: 0; width: 100%; text-align: center; } .hidden { display: none; } .login-content { display: flex; width: 100%; padding: 20px; background: #f2f2f2; align-items: center; } .login-content p { color: #777777; font-size: 16px; line-height: 1.7; margin: 0 0 0 20px; } .login-content .login-bottom { background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; display: block; font-size: 14px; padding: 15px 60px; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; cursor: pointer; } .login-content .login-bottom:hover { background: #f2f2f2; color: #b99a58; border: 2px solid #f2f2f2; outline: 1px solid #b99a58; outline-offset: -5px; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .doprava-platba-content .left-side .udaje-h2 { margin-top: 40px; } .doprava-platba-content .left-side .udaje-h2 span{ color: #b99a58; font-size: 14px; float: right; text-transform: uppercase; margin-top: 15px; font-weight: 600; display: block; font-family: 'Raleway', sans-serif; padding-bottom: 1px; border-bottom: 1px solid #b99a58; cursor: pointer; } .doprava-platba-content .left-side .udaje-h2 span label { cursor: pointer; } .forms-content { width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px; } .forms-content .form-item { width: 45%; position: relative; } .forms-content .form-item:nth-child(2) { margin-left: 10%; } .forms-content .form-item label { width: 100%; color: #3d3d3d; font-size: 18px; padding-bottom: 10px; display: flex; align-items: flex-start; } .forms-content .form-item label em{ font-size:20px; } .forms-content .form-item input{ height: 50px; width: 100%; border: 1px solid #3d3d3d; padding-left: 15px; border-radius: 0px; } .forms-content .form-item input:focus { outline: 1px solid #b99a58; border: 1px solid #b99a58; } .forms-content .form-item select { height: 50px; width: 100%; border: 1px solid #3d3d3d; padding-left: 15px; -webkit-appearance: none; appearance: none; } .forms-content .form-item i { position: absolute; right: 10px; z-index: 99; top: 45px; pointer-events: none; color: #b99a58; } .forms-content p { color: #777777; font-size: 17px; line-height: 1.7; margin: 0px 0 10px 0px; } .form-osazeni { margin-bottom: 15px; } .forms-content span { margin-left: 15px; display: block; font-size: 17px } .cbx { -webkit-perspective: 20; perspective: 20; margin-top: -2px; border: 1px solid #444; transform: translate3d(0, 0, 0); cursor: pointer; transition: all 0.3s ease; height: 30px; } .cbx:hover { border-color: #b99a58 } .flip { display: block; transform-style: preserve-3d; position: relative; width: 28px; height: 28px; } #cbx { display: none; } #cbx:checked + .cbx { border-color: #b99a58 } #cbx:checked + .cbx .flip { transform: rotateY(180deg); } #cbx-1 { display: none; } #cbx-1:checked + .cbx { border-color: #b99a58 } #cbx-1:checked + .cbx .flip { transform: rotateY(180deg); } .front, .back { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 28px; height: 28px; border-radius: 2px; } .front { background: #fff; z-index: 1; } .back { transform: rotateY(180deg); background: #b99a58; text-align: center; color: #fff; line-height: 20px; box-shadow: 0 0 0 1px #b99a58; z-index: 2; } .back svg { margin-top: 6px; fill: none; } .back svg path { stroke: white; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; } .cislo-objednavky { text-align: center; width: 100%; color: #777777; letter-spacing: 3px; font-size: 19px; } .gratulace { font-size: 50px; text-align: center; width: 100%; color: #3d3d3d; margin-top: 10px; letter-spacing: 2px; font-family: 'Playfair Display', serif; margin-bottom: 10px; } .potvrzeni-content { display: flex; width: 620px; margin: 0 auto; flex-flow: column; } .potvrzeni-content h2 { color: #3d3d3d; text-align: center; width: 100%; font-size: 20px; line-height: 2; } .potvrzeni-content p { color: #777777; width: 100%; font-size: 16px; line-height: 1.7; margin-top: 10px; } .potvrzeni-content p a { text-decoration: underline; color: #777777; } .potvrzeni-content h3 { color: #777777; width: 100%; font-size: 16px; margin-top: 20px; font-weight: 700; } .potvrzeni-content ul { margin-top: 0; padding-left: 50px; } .potvrzeni-content ul li span { display: block; position: absolute; margin-left: -25px; color: #777777; font-weight: 700; font-size: 16px; margin-top: -2px; font-family: 'Raleway', sans-serif; } .potvrzeni-content ul li { list-style: none; line-height: 1.7; font-size: 16px; color: #777777; font-family: 'Raleway', sans-serif; font-weight: 400; margin-bottom: 10px; } .newsletter { width: 100%; display: flex; background: #f2f2f2; padding: 40px 0; margin-top: 40px; } .odber { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 30px; } .odber-content { display: flex; width: 100%; justify-content: center; flex-wrap: wrap; } .newsletter p { font-size: 16px; color: #777777; text-transform: uppercase; letter-spacing: 4px; width: 100%; font-weight: 500; text-align: center; } .newsletter h2 { color: #3d3d3d; margin-top: 15px; font-family: 'Playfair Display', serif; font-size: 32px; width: 100%; letter-spacing: 1px; text-align: center; margin-bottom: 45px; } .newsletter label { color: #3d3d3d; font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 500; margin-right: 15px; cursor: pointer; } .newsletter input { font-size: 18px; padding: 15px 0px 15px 20px; font-weight: 500; width: 260px; margin-left: 15px; } .newsletter .button { border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; border: 1px solid #b99a58; padding: 19px 20px 19px 20px; width: auto; font-size: 16px; } .newsletter input:focus { border: 1px solid #b99a58; outline: 1px solid #b99a58; } .contant-item strong { color: #3d3d3d; } .newsletter button { background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; font-size: 14px; letter-spacing: 2px; align-items: center; text-transform: uppercase; padding: 17px 60px; font-weight: 500; margin-left: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .newsletter button:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; } .prodejny-content { width: 100%; display: flex; flex-wrap: wrap; } .prodejny-content h1 { width: 100%; text-align: center; font-size: 35px; font-family: 'Playfair Display', serif; color: #3d3d3d; margin-bottom: 30px; text-transform: uppercase; font-weight: 100; } .prodejny-content .contact-item { width: 33.3%; text-align: left; font-family: 'Playfair Display', serif; color: #3d3d3d; display: flex; flex-wrap: wrap; margin-bottom: 10px; align-self: flex-start; margin-bottom: 40px; } .prodejny-content .contact-item h4{ margin-bottom: 5px; display: block; color: #777777; letter-spacing: 1px; font-size: 12px; width: 100%; margin-bottom: 10px; font-weight: 400; font-family: 'Raleway', sans-serif; } .prodejny-content .contact-item p { font-size: 24px; font-family: 'Playfair Display', serif; line-height: 1.7; margin: 0 0; } .modal-content .mwin-content { display: flex; flex-wrap: wrap; width: 100%; } .modal-content .mwin-content iframe { width: 100%; height: 200px; } .modal-content .mwin-content table { width: 100%; } .modal-content .mwin-content table p { margin: 0 0; } .modal-content .contact-item { width: 33%; } .prodejny-content .contact-item table { width: 100%; } .prodejny-content .contact-item p strong { color: #3d3d3d; } .prodejny-content .one { order: 1; } .prodejny-content .two { order: 2; } .prodejny-content .three { order: 3; } .prodejny-content .four { order: 4; } .prodejny-content .five { order: 5; } .map-content { width: 30%; } .map-content iframe{ width: 100%; height: calc(100% - 60px); } .foto-content { width: calc(70% - 15px); margin-left: 15px; padding-bottom: 60px; } .foto-content img { width: 100%; } .map-content .map { padding-right: 15px; } .map-content .foto img { width: 100%; } .prodejny-content .contant-item .right-side { margin-left: 20px; } .prodejny-content .contant-item h2 { text-align: left; color: #777777; font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 500; width: 100%; height: 18px; } .prodejny-content .contant-item p { text-align: left; font-family: 'Playfair Display', serif; font-size: 20px; color: #3d3d3d; font-weight: 500; margin-top: 0; } .map-content .map { width: 30%; } .map-content .foto { width: 70%; } .map-content a { width: 100%; font-size: 18px; display: block; padding: 25px 30px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; text-align: center; margin-top: 10px; } .map-content a:last-child { border: 1px solid #b99a58; color: #b99a58; background: white; margin-top: 15px; } .o-nas-content { width: 100%; display: flex; flex-wrap: wrap; } .o-nas-content .navigace-content { width: 20%; display: flex; align-items: flex-start; flex-wrap: wrap; padding-bottom: 50px; margin-top: -15px; } .o-nas-content .obsah-content { width: 75%; display: flex; flex-wrap: wrap; margin-left: 5%; } .navigace-content ul { padding-left: 0; } .navigace-content ul .active a { color: #b99a58; font-weight: 600; border-left: 2px solid #b99a58; padding-left: 10px; margin-left: -10px; white-space: nowrap; } .navigace-content ul li { list-style: none; font-size: 17px; font-family: 'Raleway', sans-serif; color: #3d3d3d; width: 100%; position: relative; font-weight: 600; padding: 10px 0; margin: 0px 0; cursor: pointer; } .navigace-content ul li a { list-style: none; display: block; width: 100%; position: relative; } .navigace-content ul li ul { padding-left: 20px; max-height: 0; opacity: 0; pointer-events: none; } .navigace-content ul li ul li { font-family: 'Raleway', sans-serif; font-weight: 400; } .navigace-content ul li ul li a { font-family: 'Raleway', sans-serif; font-weight: 400; } .navigace-content ul li .active-nav { position: relative; opacity: 1; pointer-events: auto; overflow: visible; max-height: 3000px; margin-top: 20px; margin-bottom: 0; } .obsah-content { margin-bottom: 70px; } .obsah-content h1 { width: 100%; text-align: center; margin: 0px 0 30px 0; font-family: 'Playfair Display', serif; font-size: 40px; color: #3d3d3d; } .o-nas-content h1 { width: 100%; text-align: center; margin: 0px 0 30px 0; font-family: 'Playfair Display', serif; font-size: 40px; color: #3d3d3d; } .obsah-content .images { width: 100%; margin-bottom: 40px; } .obsah-content h3 { width: 100%; font-size: 20px; margin-bottom: 10px; color: #333; } .obsah-content p { width: 100%; margin-top: 0px; font-size: 18px; color: #777777; line-height: 1.7; } .obsah-content .gold-p { width: 100%; margin-top: 0px; color: #b99a58; text-align: center; font-size: 18px; line-height: 1.7; } .obsah-content .gallerie { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } .obsah-content .gallerie h4 { width: 100%; text-align: left; font-size: 30px; margin: 30px 0; font-family: 'Playfair Display', serif; font-weight: 400; } .obsah-content .gallerie a { width: 20%; padding: 2px 4px; } .obsah-content .gallerie a img { width: 100%; } .obsah-content .order-text { width: 100%; text-align: center; margin: 10px 0 40px 0; font-size: 30px; } .obsah-content .odrazky { margin-top: 0px; } .obsah-content .odrazky li { list-style: none; line-height: 1.7; font-size: 18px; color: #777777; padding: 5px 0; } .obsah-content .odrazky li div { color: #b99a58; } .obsah-content .odrazky-karty { margin-top: 0px; } .obsah-content .odrazky-karty li { list-style: none; line-height: 1.7; font-size: 18px; color: #777777; padding: 5px 0; list-style: square; } .podminky-nadpis { color: #3d3d3d; text-align: center; width: 100%; font-weight: 500; margin-top: 30px; } .aktuality-content { display: flex; flex-wrap: wrap; width: 100%; } .aktuality-content .item { width: 50%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 50px; } .aktuality-content .item:nth-child(odd){ padding-right: 20px; } .aktuality-content .item:nth-child(even){ padding-left: 20px; } .aktuality-content .item h2 { font-size: 23px; font-weight: 500; height: 50px; width: 100%; align-items: center; display: flex; margin-top: 0; } .aktuality-content .item p { text-align: justify; color: #777777; } .aktuality-content .item .detail { font-size: 18px; display: flex; align-items: center; padding: 15px 60px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; margin-top: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .aktuality-content .item .detail:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; } .aktuality-content .aktuality-foto-content { width: 100%; max-height: 300px; overflow: hidden; } .aktuality-content .aktuality-foto-content img { width: 100%; } .aktuality-content .item .datum { text-align: left; margin: 20px 0 10px 0; color: #a6a6a6 } .aktuality-content .item .datum i { margin-right: 10px; color: #a6a6a6 } .aktuality_detail-content { width: 100%; display: flex; flex-wrap: wrap; } .aktuality_detail-content h1 { width: 100%; text-align: left; padding: 0; position: relative; margin-bottom: 10px; } .aktuality_detail-content .foto-content { width: 30%; max-height: 300px; overflow: hidden; } .aktuality_detail-content .text-content { width: 65%; margin-left: 5%; } .aktuality_detail-content .datum { color: #a6a6a6; margin: 0 0 20px 0; text-align: left; } .aktuality_detail-content .datum i { margin-right: 10px; color: #a6a6a6 } .aktuality_detail-content .foto-content img { width: 100%; } .filantropie-img { width: 100%; margin-bottom: 30px; } .predani-daru-nadpis { margin: 20px 0 30px 0; font-size: 22px; color: #3d3d3d; font-weight: 500; } .obsah-content .predani-daru { margin: 40px 0 20px 0; color: #3d3d3d; font-weight: 500; } .obsah-content .predani-daru a { font-size: 18px; padding: 15px 60px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; margin-top: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 210px; margin-top: 20px; display: block; } .obsah-content .predani-daru a:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; } .obsah-content p .tel { color: #b99a58; } .obsah-content iframe { height: 1260px; } body.is-modal { overflow: hidden; } body.is-modal .modal { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .2s ease-in-out; } .modal { position: fixed; z-index: 999; background: rgba(0, 0, 0, 0.7); width: 100%; margin: 0 0; top:0; height: 100%; scroll-behavior: none; z-index: 999; opacity: 0; visibility: hidden; pointer-events: none; transition: none; } .modal-content { background: white; width: 1100px; margin: 0 auto; height: 100%; position: relative; } .js-close-modal { position: absolute; right: 20px; top: 20px; font-size: 25px; z-index: 999; cursor: pointer; fill: #3D3D3D; } .js-close-modal path { fill: #3D3D3D; } .zoom-modal { position: absolute; left: 20px; top: 20px; width: 30px; height: 30px; z-index: 999; pointer-events: none; fill: #3D3D3D; display: none; @media screen and (max-width: 992px) { display: flex; } @media screen and (max-width: 800px) { top: 9px; left: 9px; } } .zoom-modal path { fill: #3D3D3D; } .lookbook-detail-header { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; position: relative; } .lookbook-detail-foto{ width: 740px; overflow: hidden; height: 100vh; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .lookbook-detail-content { width: 360px; overflow-y: auto; height: 100%; } .lookbook-detail-content .lookbook-product-item { padding: 0 40px; width: 100%; } .lookbook-detail-content .lookbook-product-item:first-child { margin-top: 20px; } .lookbook-detail-big-img-arrow { display:block; width:60px; height:60px; overflow:hidden; position:absolute; top:50%; transform:translateY(-50%); text-indent:-6000px; cursor:pointer; border-radius: 50%; } .lookbook-detail-big-img-arrow.arrow-left { left:0px; background:url(img/sipka-doleva.png) no-repeat center 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .lookbook-detail-big-img-arrow.arrow-right { right:0px; background:url(img/sipka-doprava.png) no-repeat center 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .lookbook-detail-big-img-arrow.arrow-left:hover { background:url(img/sipka-doleva-hover.png) no-repeat center 50%; } .lookbook-detail-big-img-arrow.arrow-right:hover { background:url(img/sipka-doprava-hover.png) no-repeat center 50%; } .lookbook-detail-big-img-arrow.other1 { left:-100px; width: 50px; height: 50px; background: transparent; border-radius: 50%; border: 2px solid white; display: flex; justify-content: center; align-items: center; } .lookbook-detail-big-img-arrow.other2 { right:-100px; width: 50px; height: 50px; background: transparent; border-radius: 50%; border: 2px solid white; display: flex; justify-content: center; align-items: center; } .lookbook-detail-big-img-arrow.other2:hover, .lookbook-detail-big-img-arrow.other1:hover { background: none; } .lookbook-detail-big-img-arrow.other1 svg { fill: white; width: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .lookbook-detail-big-img-arrow.other2 svg { transform: rotate(180deg); fill: white; width: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .lookbook-detail-content h2 { width: 100%; text-align: center; font-family: 'MontagueScript',sans-serif; font-size: 40px; margin: 30px 0 0 0; } .lookbook-detail-content .lookbook-product-info { width: 100%; text-align: center; font-family: 'Raleway', sans-serif; font-size: 16px; margin: 0px 0 10px 0; color: #777777; } .lookbook-detail-content .lookbook-product-info strong { font-size: 15px; margin: 0 5px; } .product-info { width: 100%; display: flex; flex-wrap:wrap; justify-content: space-between; } .product-info .left-side { width: auto; } .product-info .left-side .subtitle { margin: 5px 0 0 0; font-weight: 500; font-size: 14px; } .product-info .left-side h3 { font-family: 'Playfair Display', serif; font-size: 20px; margin: 0 0; font-weight: 400; color: #3D3D3D; } .product-info .right-side { width: auto; text-align: right; display: flex; } .product-info .right-side .lookbook-product-price-content { width: auto; font-family: 'Playfair Display', serif; font-size: 20px; color: #3D3D3D; } .product-info .right-side .lookbook-product-price-content p { margin: 0 0; } .product-info .right-side .lookbook-product-price-content .old-price { margin: 0 0; color: #d93246; text-decoration: line-through; margin-left: 20px; } .product-info .full-content { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 20px; } .product-info .full-content .vyprodano { width: 100%; height: 50px; background: #d93246; color: white; text-align: center; } .product-info .full-content .e-store { font-size: 14px; padding: 0px 20px; letter-spacing: 2px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; height: 48px; display: block; text-align: center; text-transform: uppercase; } .product-info .full-content .e-store:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; } .product-info .full-content .ve-studiu { display: flex; flex-wrap: wrap; width: 100%; border: 1px solid #cccccc; } .product-info .full-content .ve-studiu .item-popis { display: flex; justify-content: center; width: 100%; } .product-info .full-content .ve-studiu .item-popis p { /*width: 100%;*/ margin-top: 0; margin-bottom: 12px; margin-left: calc(100%/3 + (30px/2)); /*text-align: center;*/ } .product-info .full-content .left { justify-content: flex-end; } .product-info .full-content .center { justify-content: center; } .product-info .full-content .right { justify-content: flex-start; position: relative; } .product-info .full-content .item { display: flex; width: 33.33%; flex-wrap: wrap; height: 53px; position: relative; } .product-info .full-content .item p { margin: 10px 0 0px 0; text-align: center; width: 100%; text-transform: uppercase; font-size: 12px; font-weight: 500; display: block; color: #3D3D3D; letter-spacing: 1px; height: 18px; } .product-info .full-content .left .circle-gray { background: #5ca606; width: 25px; height: 25px; border-radius: 50%; transform: translateX(50%); } .product-info .full-content .left .cara { background: #5ca606; width: 50%; height: 4px; align-self: center; } .product-info .full-content .center .circle-gray { background: #cccccc; width: 25px; height: 25px; border-radius: 50%; position: absolute; align-self: center; top: 50%; } .product-info .full-content .center .cara { background: #cccccc; width: 50%; height: 4px; } .product-info .full-content .right .circle-gray { background: #cccccc; width: 25px; height: 25px; border-radius: 50%; position: absolute; align-self: center; top: 50%; left: 50%; } .product-info .full-content .right .cara { background: #cccccc; width: 50%; height: 4px; } .product-info .full-content .item .circle-gray i { font-size: 13px; color: white; margin-top: 7px; margin-left: 6px; } .product-info .full-content .green .cara, .product-info .full-content .green .circle-gray { background: #5ca606 !important; } .preloader-style { position: fixed; background-color: white; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; } .preloader-style img { position: absolute; top: 35%; transform: translateX(-50%); left: 50%; } .obchodni-podminky-content { width: 100%; } .obchodni-podminky-content p strong { color: #444; font-weight: 700; } .obchodni-podminky-content h4 { color: #444; text-align: center; Font-size: 20px; line-height: 2; margin-top: 0; font-weight: 500; margin-bottom: 40px; } .obchodni-podminky-content h4 strong { color: #444; } .obchodni-podminky-content ol { padding-left: 20px; } .doprava-a-paltba-content, .uprava-modelu-zdarma-content { width: 100%; } .ochrana-osobnich-udaju-content p strong, .vraceni-a-reklamace-content p strong, .doprava-a-paltba-content p strong, .uprava-modelu-zdarma-content p strong { color: #333; font-weight: 700; } .ochrana-osobnich-udaju-content h3 strong, .vraceni-a-reklamace-content h3 strong { color: #333; font-weight: 700; } .ochrana-osobnich-udaju-content h4 strong, .vraceni-a-reklamace-content h4 strong { color: #333; font-weight: 700; line-height: 1.7; } .vraceni-a-reklamace-content h2 { width: 100%; text-align: center; margin: 0px 0 30px 0; font-family: 'Playfair Display', serif; font-size: 40px; color: #3d3d3d; } .vraceni-a-reklamace-content h2 { width: 100%; text-align: center; margin: 0px 0 30px 0; font-family: 'Playfair Display', serif; font-size: 40px; color: #3d3d3d; } .obsah-content .eshop-catalog-nav-sub { height: auto; opacity: 1; display: block; } .eshop-content { width: 100%; display: flex; flex-wrap: wrap; } .fixed-right-nav { position: fixed; top: 50px; width: auto !important; } .fixed-right { position: sticky; top: 30px; } .fixed-right-nav-p { position: fixed; top: 25px; } .navigace-content-eshop { width: 20%; } .navigace-content-eshop p { font-size: 12px; letter-spacing: 1px; } .eshop-content .obsah-content { width: 80%; display: flex; flex-wrap: wrap; margin-top: 10px; } .navigace-content-eshop ul { padding-left: 0; width: 100%; } .navigace-content-eshop ul .active a { color: #b99a58; font-weight: 600; border-left: 2px solid #b99a58; padding-left: 10px; margin-left: -10px; } .navigace-content-eshop ul li { list-style: none; font-size: 16px; font-family: 'Raleway', sans-serif; color: #3d3d3d; width: 100%; font-weight: 500; padding: 10px 0; margin: 0px 0; cursor: pointer; } .navigace-content-eshop ul li.newsletter__btn { display: inline-flex; align-items: center; justify-content: center; font-weight: 400; font-size: 15px; padding: 10px 20px; border: solid 1px #b99a58; margin-top: 40px; text-align: center; max-width: 120px; } .navigace-content-eshop ul li.newsletter__btn:hover { border: solid 1px #b99a58; background: #b99a58; } .navigace-content-eshop ul li.newsletter__btn:hover a { transition: none; color: #fff; } .navigace-content-eshop ul li a { list-style: none; display: block; font-weight: 500; width: 100%; } .navigace-content-eshop ul li ul { position: absolute; display: flex; /*transform: translateX(-50%);*/ } .navigace-content-eshop ul li ul li { width: 50px; } .eshop-content .obsah-content { display: flex; } .navigace-velikosti { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-top: 24px; } .navigace-velikosti .left-side { display: flex; flex-flow: row wrap; padding-bottom: 45px; } .navigace-velikosti .left-side p { margin-bottom: 0; font-size: 12px; letter-spacing: 1px; } .navigace-velikosti .right-side { display: flex; justify-content: flex-end; align-items: center; } .navigace-velikosti .left-side ul { padding-left: 0; display: flex; margin: 0; } .navigace-velikosti .left-side ul li { list-style: none; margin: 5px; background: white; color: black; font-size: 20px; border: 1px solid #b99a58; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .navigace-velikosti .left-side ul li:hover { background: #b99a58; color: white; } .navigace-velikosti .left-side ul li:hover a { color: white; } .navigace-velikosti .left-side ul .active { list-style: none; margin: 5px; background: #b99a58; color: white; font-size: 20px; } .navigace-velikosti .left-side ul .active a { color: white; } .golden-label { display: inline-flex; } .golden-label__input { display: none; opacity: 0; visibility: hidden; } .golden-label__input:checked + .golden-label__title { color: white; background: #b99a58; } .golden-label__title { font-family: 'Roboto', sans-serif; margin: 5px 5px 5px 0; background: white; padding: 7px 9px; color: black; font-size: 20px; border: 1px solid #b99a58; cursor: pointer; transition: all 0.3s ease; } .navigace-velikosti .left-side ul li a { color: #333; padding: 7px 9px; display: block; font-family: 'Roboto', sans-serif; } .text-red { color: #D0021B !important; border-color: #D0021B !important; font-weight: 16px; } .full-content h3 { text-align: center; font-size: 18px; color: #3d3d3d; font-weight: 500; font-family: 'Playfair Display', serif; } .full-content .cena { text-align: center; font-size: 16px; margin-top: 6px; color: #777777; } .full-content .puvodni-cena { text-align: center; font-size: 16px; text-decoration: line-through; margin-top: -15px; } .full-content .produkt-item { cursor: pointer; padding-bottom: 100px; width: 33.33%; margin-top: -32px; } .full-content .show-hover { opacity: 0; max-height: 0; pointer-events: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: -7px; } .full-content .produkt-item:hover .show-hover { opacity: 1; pointer-events: auto; max-height: auto; } .full-content .produkt-item:hover .hide-hover { opacity: 0; pointer-events: none; max-height: auto; } .full-content .produkt-item .eshop-product-list-img img { max-height: 445px; margin: 0 auto; } .select-box-content { display: flex; flex-wrap: wrap; width: 200px; margin-bottom: 35px; } .select-box-content p { margin-right: 0; color: #777777; margin-top: -21px; font-size: 12px; display: block; letter-spacing: 1px; } .ul-select-box { width: 200px; padding-left: 0; display: flex; flex-wrap: wrap; position: absolute; background: white; z-index: 500; } .razeni { margin-left: 70px; } .dostupnost { margin-left: -100px; } .ul-select-box li { font-family: 'Roboto', sans-serif; width: 100%; list-style: none; position: relative; max-height: 0; opacity: 0; pointer-events: none; background: white; z-index: 500; cursor: pointer; color: #3D3D3D; letter-spacing: 1px; } .ul-select-box li i { display: none; position: absolute; right: 10px; top: 12px; color: #b99a58; } .ul-select-box .active i { display: block; z-index: 550 !important; position: absolute; } .ul-select-box li a { list-style: none; padding: 10px 0 10px 10px; display: block; cursor: pointer; font-size: 16px; } .ul-select-box .active { list-style: none; color: #333; border: 1px solid #b99a58; display: block; max-height: 40px; opacity: 1; order: -1; } .ul-select-box .active a { list-style: none; color: #333; pointer-events: none; } .ul-select-box.is-focused li { max-height: 500px; opacity: 1; pointer-events: auto; border-left: 1px solid #b99a58; border-right: 1px solid #b99a58; } .ul-select-box.is-focused { border-bottom: 1px solid #b99a58; } .ul-select-box.is-focused .active { border-bottom: 0; } .navigace-velikosti .right-side .select-box-content .zarazeni { line-height: 1; font-size: 12px; letter-spacing: 1px; } .navigace-velikosti .ul-select-box { margin-top: 5px; } .navigace-velikosti .left-side .kategorie-p { margin-left: 0; margin-top: 15px; } .navigace-velikosti .left-side .sale-kategorie-ul { padding-left: 0; border: 1px solid #b99a58; display: flex; flex-flow: column; position: absolute; margin-left: 105px; z-index: 500; width: 200px; margin-top: 5px; } .navigace-velikosti .left-side .sale-kategorie-ul:hover li { max-height: 500px; opacity: 1; pointer-events: auto; } .navigace-velikosti .left-side .sale-kategorie-ul .active { max-height: 500px; opacity: 1; pointer-events: auto; order: -1; max-height: 40px; } .navigace-velikosti .left-side .sale-kategorie-ul .active a { pointer-events: none; } .navigace-velikosti .left-side .sale-kategorie-ul li i { color: #b99a58; position: absolute; top: 14px; right: 10px; } .navigace-velikosti .left-side .sale-kategorie-ul .active i { display: block; } .navigace-velikosti .left-side .sale-kategorie-ul li { font-size: 16px; z-index: 500; padding: 0 0 0 0; margin: 0 0 0 0; max-height: 0px; border: 0; opacity: 0; pointer-events: none; position: relative; background: white; color: #3D3D3D; letter-spacing: 1px; border-left: 1px solid #b99a58; border-right: 1px solid #b99a58; } .navigace-velikosti .left-side .sale-kategorie-ul li a { font-size: 16px; color: #3D3D3D; letter-spacing: 1px; padding: 11px 0 11px 10px; display: block; } .navigace-velikosti .left-side .sales-velikosti { margin-left: 230px; } .zpet-produkty { width: 100%; font-size: 12px; text-transform: uppercase; font-weight: 600; margin: 0px 0 20px 0; letter-spacing: 1px; color: #3D3D3D; } .zpet-produkty a { letter-spacing: 1px; color: #3D3D3D; display: flex; align-items: center; } .zpet-produkty i { margin-right: 15px; color: #b99a58; font-size: 16px; width: 10px; } .produkt-detail-content { width: 100%; display: flex; flex-wrap: wrap; } .produkt-detail-content .gallery-content { width: 62%; display: flex; flex-wrap: wrap; } .produkt-detail-content .eshop-product-slider-item img.eshop-product-slider-item-img { width: 100%; height: auto; } .produkt-detail-content .eshop-product-slider-container .slick-slide { margin: 0px 0px; } .produkt-detail-content .eshop-product-slider-container { width: 73%; float: none; } .gallery-content .eshop-product-slider-nav { width: 23%; margin-left: 4%; } .eshop-product-slider-container .slick-arrow { /*display: none !important;*/ } .produkt-kod { color: #777777; width: 100%; text-align: right; margin: 0 0 0 0; font-family: 'Raleway', sans-serif; font-size: 12px; letter-spacing: 1px; } .detail-info-content .title { color: #b99a58; font-family: 'MontagueScript',sans-serif; font-size: 60px; font-weight: normal; margin: -40px 0 0 0; padding: 0 0 0 0; } .produkt-detail-content .detail-info-content { width: 34%; margin-left: 4%; display: flex; flex-wrap: wrap; align-self: flex-start; } .detail-info-content .vyrobeno { width: 100%; font-size: 16px; color: #777777; margin-top: -5px; } .detail-info-content .vyrobeno strong{ color: #777777; } .detail-info-content h2 { font-weight: 500; font-family: 'Playfair Display', serif; margin-top: 0; font-size: 18px; width: 100%; color: #3D3D3D; margin-bottom: 0; } .detail-info-content .prodej { text-align: center; font-size: 20px; color: #3D3D3D; margin-right: 20px; font-weight: 500; margin-top: 5px; font-family: 'Playfair Display', serif; } .detail-info-content .puvodni { text-align: center; font-size: 20px; text-decoration: line-through; font-family: 'Playfair Display', serif; font-weight: 500; margin-top: 5px; margin-right: 20px; } .velikosti { width: 100%; color: #777777; font-size: 12px; letter-spacing: 1px; } .velikosti a { margin-left: 10px; font-size: 12px; letter-spacing: 1px; color: #777777; letter-spacing: 1px; padding: 1px; border-bottom: 1px solid #777777; } .detail-info-content .eshop-product-sizes { width: 100%; display: flex; } .detail-info-content .eshop-product-sizes b { width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-right: 10px; color: #777777; background: white; border-color: #b99a58; font-size: 16px; font-family: 'Roboto', sans-serif; } .detail-info-content .eshop-product-sizes b.none:before { content: ""; height: 1px; width: 65px; background: #ccc; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg); z-index: 99; } .detail-info-content .eshop-product-sizes b.none:after { content: ""; height: 1px; width: 65px; background: #ccc; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-45deg); z-index: 99; } .detail-info-content .eshop-product-sizes b.active { color: #fff; background: #b99a58; border-color: #b99a58; } .detail-info-content .eshop-product-sizes b.none, .detail-info-content .eshop-product-sizes b.nocheck { cursor: not-allowed !important; border-color: #ccc; color: #ccc; pointer-events: none; font-size: 16px; color: #777777; font-family: 'Roboto', sans-serif; } .detail-info-content .eshop-product-info-3 { font-size: 17px; color: #777777; font-weight: 500; align-self: center; } .hlasky-koupit { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .detail-info-content .eshop-product-info-2 { font-size: 16px; color: #3D3D3D; font-weight: 500; text-align: left; } .detail-info-content .vyber-velikosti { font-size: 17px; color: red; font-weight: 400; text-align: left; width: 100%; height:auto; font-family: 'Raleway', sans-serif; letter-spacing: 1px; } .detail-info-content .eshop-product-info-3 span { color: #D0021B; } .detail-info-content .eshop-product-button-basket { width: 100%; height: 72px; justify-content: center; align-items: center; display: flex; letter-spacing: 2px; font-weight: 600; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .detail-info-content .eshop-product-button-basket:hover { background: white; color: #b99a58 !important; border: 2px solid white; outline: 1px solid #b99a58; } .detail-info-content .eshop-product-button-basket p { font-size: 20px; margin: 0 0 0 0; padding-left: 35px; } .detail-info-content .eshop-product-button-basket p svg { margin-top: -13px; margin-left: -60px; position: absolute; } .detail-info-content .eshop-product-button-basket p svg path{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .detail-info-content .eshop-product-button-basket:hover p svg path { fill: #b99a58; } .detail-info-content .shop-accordion { width: 100%; margin: 40px 0 90px 0; } .detail-info-content .shop-accordion .shop-accordion-item:last-child { display: none; } .detail-info-content .shop-accordion-item-title span { width: 27px; height: 27px; border: 1px solid #b99a58; border-radius: 50%; display: block; position: absolute; right: 0; top: 15px; } .detail-info-content .shop-accordion-item-title strong { font-size: 40px; color: #b99a58; margin-top: 5px; } .detail-info-content .shop-accordion-item-title span b{ margin-top: -6px; right: 5px; } .detail-info-content .shop-accordion-item-title { padding: 15px 30px 15px 0; color: #3D3D3D; position: relative; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; border: none; margin: 0; display: flex; align-items: center; border-bottom: 1px solid #cccccc; } .detail-info-content .shop-accordion-item-title svg { margin-right: 20px; width: 32px; } .detail-info-content .shop-accordion-item-content { border-bottom: solid 1px #cccccc; background: white; margin-top: -5px; padding-top: 0; padding-bottom: 0; z-index: 999; position: relative; min-height: 5px; } .detail-info-content .shop-accordion-item-content p { font-family: 'Raleway', sans-serif; font-size: 15px; } .detail-info-content .shop-accordion-item-content p a { padding-bottom: 1px; border-bottom: 1px solid #888; } .gray-background { background: #f2f2f2; } .proc-w-linie { width: 100%; display: flex; flex-wrap: wrap; } .index-content .doporucujeme h2 { text-align: center; color: #3d3d3d; margin: 30px 0px 0px 0px; letter-spacing: 4px; font-size: 16px; font-weight: 500; width: 100%; } .index-content .doporucujeme { margin: 0px 0px 70px 0px; } .doporucujeme h3 { text-align: center; font-size: 18px; color: #3d3d3d; margin-top: 0; font-weight: 400; margin-bottom: -10px; font-family: 'Playfair Display', serif; } .doporucujeme .cena { text-align: center; font-size: 16px; color: #777777; } .doporucujeme .show-hover .cena { text-align: center; font-size: 16px; color: #777777; } .doporucujeme .puvodni-cena { text-align: center; font-size: 16px; text-decoration: line-through; margin-top: -15px; } .doporucujeme .eshop-product-recommend ul { width: 100%; } .doporucujeme .eshop-product-recommend li { display: inline-block; padding: 0 0px; background: white; padding-bottom: 65px; width: 22.7%; margin: 0 1% 2% 1%; vertical-align: top; } .doporucujeme .eshop-product-recommend li img { width: 80%; margin: 0px 10% 0 10%; } .slick-slider { margin-bottom: 50px; touch-action: auto !important; } .obsah-content .left-side .vel { margin-top: -25px; } .modal-content .mwin-content h2 { font-size: 35px; } .modal-content .mwin-content h3 { font-size: 25px; } .modal-content .mwin-content p { font-size: 17px; line-height: 1.5; } .modal-window-container .modal-content { width: 100%; } .kosik-modal-content { width: 100%; display: flex; flex-wrap: wrap; padding: 25px; } .kosik-modal-content .left-foto { width: 35%; display: flex; flex-wrap: wrap; } .kosik-modal-content .left-foto .foto-detail { width: 80%; margin: 20px 0% 0 0%; background-position: center; background-size: 90% !important; } .kosik-modal-content .right-popis { width: 65%; display: flex; flex-wrap: wrap; align-self: flex-start; } .kosik-modal-content .right-popis .add-card { color: #5ca606; font-size: 20px; width: 100%; margin-bottom: 0; } .kosik-modal-content .right-popis .add-card i { margin-right: 10px; font-size: 22px; } .kosik-modal-content .right-popis h2 { color: #b99a58; font-family: 'MontagueScript',sans-serif; font-size: 60px; font-weight: normal; margin: 0 0; width: 100%; } .kosik-modal-content .right-popis .vyrobeno { font-size: 16px; color: #777777; margin-top: -20px; margin-bottom: 17px; width: 100%; } .kosik-modal-content .right-popis h3 { font-size: 20px; color: #3d3d3d; font-weight: 500; font-family: 'Playfair Display', serif; width: 100%; margin: 10px 0 0 0; } .kosik-modal-content .right-popis .prodej { font-size: 18px; margin-right: 10px; margin-top: 0px; } .kosik-modal-content .right-popis .puvodni { text-decoration: line-through; margin-right: 10px; font-size: 18px; } .kosik-modal-content .right-popis .eshop-product-id { width: 100%; font-size: 16px; font-family: Arial, Helvetica, sans-serif; margin-top: -5px; color: #3D3D3D; } .button-content { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; } .button-content .e-shop{ font-size: 20px; display: flex; align-items: center; padding: 25px 25px; font-weight: 500; text-transform: uppercase; border: 1px solid #b99a58; color: #b99a58; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; letter-spacing: 2px; } .button-content .e-shop:hover { border: 1px solid #b99a58; color: white; background: #b99a58; } .button-content .kosik:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; outline-offset: 0px; } .button-content .kosik { font-size: 20px; display: flex; align-items: center; padding: 25px 25px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; letter-spacing: 2px; } .doporucujeme-content { width: 100%; display: flex; flex-wrap: wrap; background: #f2f2f2; } .doporucujeme-content h2 { text-align: center; color: #3d3d3d; margin: 30px 0px 0px 0px; letter-spacing: 3px; font-size: 18px; font-weight: 500; width: 100%; text-transform: uppercase; } .eshop-product-recommend h2 { text-align: center; color: #777777; padding: 30px 0px 20px 0px; letter-spacing: 4px; font-size: 16px; font-weight: 500; width: 100%; margin: 0; text-transform: uppercase; } .navigace-content-eshop__menu { top: 30px; width: 100%; position: sticky; margin-bottom: 30px; } .content-center-modal { width: 100%; height: 150px; display: flex; justify-content: center; align-items: center; } .content-center-modal p { padding: 15px; font-size: 20px; width: 100%; text-align: center; color: #D0021B; } .modal-none { display: none; } .login-form-content { width: 450px; margin: 0 auto; display: flex; flex-wrap: wrap; align-self: flex-start; } .login-form-content svg { position: absolute; right: -25px; cursor: pointer; top: -25px; } .login-form-content svg path{ fill: white; } .login-form-content h1 { text-align: center; width: 100%; color: #3d3d3d; font-family: 'Playfair Display', serif; font-size: 35px; text-transform: none; margin-top: 60px; margin-bottom: 10px; background: transparent; } .login-form-content p { color: #777777; line-height: 1.7; font-size: 16px; text-align: center; width: 100%; } .login-form-content .form-content { width: 80%; display: flex; flex-wrap: wrap; margin: 0 10% 0 10%; padding-top: 20px; } .login-form-content .form-content span { width: 50%; display: block; text-align: center; text-transform: uppercase; color: #777777; font-size: 14px; font-weight: 600; border-bottom: 1px solid #cccccc; padding-bottom: 10px; cursor: pointer; } .login-form-content .form-content .active { border-bottom: 4px solid #b99a58; padding-bottom: 7px; color: #b99a58; } .login-form-content .form-content .user { width: 100%; display: flex; flex-wrap: wrap; } .login-form-content .form-content .user form { width: 100%; } .login-form-content .form-content .user form div { width: 100%; display: flex; flex-wrap: wrap; } .login-form-content .form-content .user form div input { width: 100%; height: 45px; padding-left: 10px; margin-top: 15px; font-weight: 600; color: #9b9b9b; letter-spacing: 2px; background: #f2f2f2; border: 1px solid #cccccc; } .login-form-content .form-content .user form .buttons { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px; } .new-account .login-form-content { justify-content: center; } .new-account .login-form-content .registrace { font-size: 15px; display: flex; align-items: center; text-align: center; padding: 15px 20px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .new-account .login-form-content .registrace:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; outline-offset: 0px; } .login-form-content .form-content .user form .buttons button { font-size: 15px; display: flex; align-items: center; text-align: center; padding: 15px 20px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .login-form-content .form-content .user form .buttons button:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; outline-offset: 0px; } .login-form-content .form-content .user form .buttons a { display: block; text-align: center; font-size: 14px; display: flex; align-items: center; padding: 15px 0px; font-weight: 500; letter-spacing: 2px; color: #b99a58; text-transform: uppercase; } .login-form-content .form-content .user form div input:focus { border: 1px solid #b99a58; outline: 1px solid #b99a58; } .login-form-content .form-content .user .frm-error-text { padding: 15px 0 0 0; width: 100%; text-align: center; font-size: 15px; color: #D0021B; font-weight: 400; font-family: 'Raleway', sans-serif; } .login-form-content .form-content .karta { width: 100%; display: flex; flex-wrap: wrap; } .login-form-content .form-content .karta form { width: 100%; } .login-form-content .form-content .karta form div { width: 100%; display: flex; flex-wrap: wrap; } .login-form-content .form-content .karta form div input { width: 100%; height: 45px; padding-left: 10px; margin-top: 15px; font-weight: 600; color: #9b9b9b; letter-spacing: 2px; background: #f2f2f2; border: 1px solid #cccccc; } .login-form-content .form-content .karta .frm-error-text { padding: 15px 0 0 0; width: 100%; text-align: center; color: #D0021B; font-size: 15px; font-weight: 400; font-family: 'Raleway', sans-serif; } .login-form-content .form-content .karta .buttons { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 15px; } .login-form-content .form-content .karta .buttons button { font-size: 15px; display: flex; align-items: center; text-align: center; padding: 15px 20px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; text-transform: uppercase; width: 35%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .login-form-content .form-content .karta .buttons button:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; outline-offset: 0px; } .login-form-content .form-content .karta .buttons p { font-size: 14px; width: 60%; margin-left: 5%; margin-top: 0; margin-bottom: 0; line-height: 1.3; text-align: left; } .new-account { background: #f2f2f2; width: 100%; margin-top: 90px; padding-bottom: 80px; } .active-block { display: block !important; } .disabled-block { display: none !important; } .registrace-content { display: flex; flex-wrap: wrap; width: 80%; margin: 0 10% 60px 10%; } .registrace-content h1 { text-align: center; width: 100%; color: #3d3d3d; font-family: 'Playfair Display', serif; font-size: 35px; text-transform: none; margin-top: 60px; margin-bottom: -10px; background: transparent; } .registrace-content .content-left { display: flex; flex-wrap: wrap; width: 45%; } .registrace-content .content-right { display: flex; flex-wrap: wrap; width: 45%; margin-left: 10%; justify-content: center; align-items: center; } .registrace-content .frm-group { width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 10px 0 0px 0; } .registrace-content label { width: 100%; font-size: 17px; margin-top: 8px; } .registrace-content .red label { color: red; } .registrace-content .red p { color: red; } .registrace-content .red p a { color: red; border-bottom: 1px solid red; } .registrace-content .red input { border: 1px solid red; } .registrace-content label em { color: red; font-size: 25px; position: absolute; margin-left: 5px; margin-top: -3px; } .registrace-content input { width: 100%; height: 50px; padding-left: 10px; margin-top: 15px; font-weight: 600; color: #9b9b9b; letter-spacing: 2px; background: white; border: 1px solid #3d3d3d; } .registrace-content select { width: 100%; height: 50px; padding-left: 10px; margin-top: 15px; font-weight: 600; color: #9b9b9b; letter-spacing: 2px; background: white; border: 1px solid #3d3d3d; } .registrace-content input:focus, .registrace-content select:focus { border: 1px solid #b99a58; outline: 1px solid #b99a58; } .registrace-content #cbx-1, .registrace-content #cbx { width: auto; height: auto; padding-left: 0px; margin-top: 15px; font-weight: 600; color: #9b9b9b; border: none; } .registrace-content .cbx { width: auto; border: 1px solid #9b9b9b; margin-right: 10px; margin-top: 0; } .registrace-content .souhlas { width: calc(100% - 40px); } .change-pass-content input:-webkit-autofill, .change-pass-content input:-webkit-autofill:hover, .change-pass-content input:-webkit-autofill:focus, .forms-content .form-item select:-webkit-autofill, .forms-content .form-item select:-webkit-autofill:hover, .forms-content .form-item select:-webkit-autofill:focus, .forms-content .form-item input:-webkit-autofill, .forms-content .form-item input:-webkit-autofill:hover, .forms-content .form-item input:-webkit-autofill:focus, .registrace-content input:-webkit-autofill, .registrace-content input:-webkit-autofill:hover, .registrace-content input:-webkit-autofill:focus, .registrace-content select:-webkit-autofill, .registrace-content select:-webkit-autofill:hover, .registrace-content select:-webkit-autofill:focus { border: 1px solid #b99a58; -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset; } .registrace-content .set-pass { margin-top: 70px; } .registrace-content button { font-size: 15px; display: flex; align-items: center; text-align: center; padding: 15px 20px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; text-transform: uppercase; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; justify-content: center; margin-top: 20px; } .registrace-content .content-right button:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; outline-offset: 0px; } .registrace-content .frm-error-text { width: 100%; } .registrace-content .frm-error-text p { width: 100%; font-size: 17px; font-family: 'Raleway', sans-serif; text-align: center; margin-top: 25px; color: red; line-height: 1.7; } .registrace-content .frm-error-text a { width: 100%; padding-bottom: 1px; color: #777; border-bottom: 1px solid #777; } .registrace-content .souhlas a { padding-bottom: 1px; color: #777; border-bottom: 1px solid #777; } .vypis-osobni-info { display: flex; width: 700px; flex-wrap: wrap; margin: 0px auto 60px auto; } .vypis-osobni-info h1 { text-align: center; width: 100%; color: #3d3d3d; font-family: 'Playfair Display', serif; font-size: 35px; text-transform: none; margin-top: 0px; margin-bottom: 20px; background: transparent; } .vypis-osobni-info .item { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; align-items: center; border-bottom: 1px solid #f2f2f2; justify-content: space-between; } .border-none { border: none !important; } .vypis-osobni-info .item p { width: 50%; font-size: 17px; color: #777777; font-family: 'Raleway', sans-serif; text-align: center; } .vypis-osobni-info .item a { font-size: 15px; display: flex; align-items: center; text-align: center; padding: 15px 10px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; text-transform: uppercase; width: 45%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; justify-content: center; margin-top: 20px; } .vypis-osobni-info .item a:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; outline-offset: 0px; } .change-pass-content { display: flex; flex-wrap: wrap; width: 450px; margin: 0 auto 60px auto; } .change-pass-content h1 { text-align: center; width: 100%; color: #3d3d3d; font-family: 'Playfair Display', serif; font-size: 35px; text-transform: none; margin-top: 40px; margin-bottom: 20px; background: transparent; } .change-pass-content input { width: 100%; height: 50px; padding-left: 10px; margin-top: 15px; font-weight: 600; color: #9b9b9b; letter-spacing: 2px; background: white; border: 1px solid #3d3d3d; } .change-pass-content form, .change-pass-content .frm-group { width: 100%; } .change-pass-content input:focus { border: 1px solid #b99a58; outline: 1px solid #b99a58; } .change-pass-content button { font-size: 15px; display: flex; align-items: center; text-align: center; padding: 15px 20px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; text-transform: uppercase; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; justify-content: center; margin-top: 20px; } .change-pass-content button:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; outline-offset: 0px; } .change-pass-content .frm-error-text { width: 100%; } .change-pass-content .frm-error-text p { font-size: 17px; color: red; width: 100%; text-align: center; margin-top: 3px; } .change-pass-content .succes-pass { width: 100%; font-size: 17px; color: green; text-align: center; margin-bottom: 300px; } .odhlasit { font-size: 22px !important; } .odhlasit:after { content: "|"; padding-left: 7px; } .succes-form { color: green !important; margin-top: 40px !important; margin-bottom: -20px !important; width: 100%; text-align: center; font-size: 17px; } .gdpr_bottom { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .gdpr-agreement .gdpr_bottom button { font-size: 15px; display: flex; align-items: center; text-align: center; padding: 15px 20px; font-weight: 500; background: #b99a58; color: white; border: 2px solid #b99a58; outline: 1px solid #fff; outline-offset: -5px; text-transform: uppercase; width: 45%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; justify-content: center; margin: 40px 0 0 0; } .gdpr-agreement .gdpr_bottom button:hover { background: white; color: #b99a58; border: 2px solid white; outline: 1px solid #b99a58; outline-offset: 0px; } .gdpr-agreement h1 { font-size: 30px; padding: 0 0 10px 0; } .gdpr-agreement p { font-size: 17px; line-height: 1.5; } .gdpr-agreement h2 { font-size: 25px; color: #333; } .uspesna-registrace { width: 100%; text-align: center; font-size: 17px; color: green; margin: 30px 0 -10px 0; } .pobocka-odkaz { text-transform: uppercase; font-size: 11px; } .pobocka-odkaz a { color: #b99a58; font-weight: 600; display: block; margin-top: 10px; font-size: 12px; margin-bottom: -5px; } .hlaska-lookbook { min-height: 30vh; } .header-nav ul li .sleva-kupon { background: #b99a58; color: white; display: flex; align-items: center; padding: 0 5px; margin: 0 -10px 0 10px; } .profil-pc { padding-left: 10px !important; } .header-nav .burder-mobile .icon .fa-bars { margin-top: 8px; font-size: 30px; margin-right: 8px; transform: scale(0.7); width: 40px; } .header-nav .burder-mobile .icon .fa-times { display: none; } .header-nav .open .icon .fa-bars { display: none; } .header-nav .open .icon .fa-times { margin-top: 8px; font-size: 30px; display: block !important; margin-right: 8px; transform: scale(0.7); width: 40px; } .frm__msg--error { padding: 10px; color: #a94442; background-color: #f2dede; border-color: #ebccd1; margin-bottom: 20px; } .red label { color: #a94442 !important; } .red p { padding: 10px; color: #a94442; background-color: #f2dede; border-color: #ebccd1; font-size: 16px; } .form-checkbox { display: flex; align-items: center; } .red .form-checkbox { background-color: #f2dede; padding: 10px; } .platebni-brana-content { display: flex; justify-content: center; width: 100%; flex-flow: column; } .platebni-brana-content a { display: flex; justify-content: center; } .button-zaplatit { background: #b99a58; width: 30%; margin: 0 35%; color: white !important; border: 2px solid #b99a58; text-align: center; outline: 1px solid #fff; outline-offset: -5px; display: block; font-size: 18px; padding: 15px 60px; font-weight: 500; cursor: pointer; color: white; } .button-zaplatit:hover { background: white !important; color: #b99a58 !important; border: 2px solid #f2f2f2 !important; outline: 1px solid #b99a58 !important; outline-offset: -5px; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .active_login_modal { background: rgba(0, 0, 0, 0.7); position: fixed; z-index: 900; top: 0; left: 0; width: 100%; height: 100%; } .active_login_modal .login-form-content { position: absolute; z-index: 950; background: white; padding: 40px; width: 580px; left: 50%; top: calc(15% + 20px); transform: translateX(-50%); } .login-form-content__content { overflow-y: auto; max-height: calc(100vh - 200px); } /* RESPONZIVE */ @media (max-width: 2100px) { } @media (max-width: 2000px) { } @media (max-width: 1900px) { } @media (max-width: 1800px) { } @media (max-width: 1700px) { } @media (max-width: 1600px) { } @media (max-width: 1500px) { } @media (max-width: 1400px) { .lookbook-detail-big-img-arrow.arrow-left { left:00px; } .lookbook-detail-big-img-arrow.arrow-right { right:00px; } .slider .slick-prev { left: 20px; } .slider .slick-next { right: 20px; } .lookbook-detail-big-img-arrow.other1 { left:-80px; } .lookbook-detail-big-img-arrow.other2 { right:-80px; } } @media (max-width: 1300px) { .content-container, .container .sixteen.columns, .header-container, .container { width: 1200px; } footer .footer-item img { margin-left: 15px; } .kolekce-header h1 { margin-bottom: 40px; padding: 0; } .modal-content { width: 1000px; } .lookbook-detail-foto { width: 640px; } .lookbook-detail-content { width: 360px; } } @media (min-width: 1200px) { .eshop-product-list-img { min-height: 445px; } } @media (max-width: 1200px) { .eshop-product-list-img { min-height: 400px; } .navigace-velikosti .left-side .kategorie-p { position: absolute; } .navigace-velikosti .left-side .sales-velikosti { margin-left: 0px; margin-top: 70px; } .content-container, .container .sixteen.columns, .header-container, .container { width: 1100px; } .footer-item h4 { font-size: 17px; } .footer-item ul li a { font-size: 14px; } .navigation li .submenu-lvl2 li { width: 150px; } .navigation li .submenu-lvl2 { width: 300px; } .modal-content { width: 900px; } .lookbook-detail-foto { width: 540px; } .lookbook-detail-content { width: 360px; } } @media (max-width: 1100px) { .eshop-product-list-img { min-height: 350px; } .slick-slide img { width: 80%; height: auto; margin: 0 10%; margin: 0 auto; } .slick-slide { transition: all ease-in-out .3s; opacity: 1; } .modal-window { width:100%; } .product-info .full-content .e-store { font-size: 15px; } .lookbook-detail-content h2 { font-size: 35px; margin: 20px 0 0 0; } .product-info .left-side h3 { font-size: 19px; } .product-info .right-side .lookbook-product-price-content p { font-size: 19px; } .modal-content { width: 800px; } .lookbook-detail-foto { width: 440px; } .lookbook-detail-content { width: 360px; } .aktuality-content .item h2 { height: 60px; } .content-container, .container .sixteen.columns, .header-container, .container { width: 1000px; } .informace-produkt .info-item h4 { font-size: 17px; } .informace-produkt .info-item p { font-size: 13px; } .prodejny-content { padding: 0 15px; } } @media (min-width: 1000px) { .pc-none-1 { display: none; } .navigace-velikosti .left-side .sale-kategorie-ul li { border-left: none; border-right: none; } .header-mobile-bg { display: none; } .burder-mobile { display: none !important; } .navigation li i { display: none; } .footer-item h4 i { display: none; } .navigace-content-eshop ul li i { display: none; } .navigace-content-eshop ul .active i { display: none; } .navigace-velikosti .left-side ul li i { display: none; } .velikosti-p { display: none; } .mobile-actived-foto { display: none !important; } } @media (max-width: 1000px) { .navigation li .mobile-none-a { pointer-events: none; } .fixed-right-nav { width: 100% !important; } .navigace-velikosti .left-side ul:hover li:last-child { border-bottom: 1px solid #b99a58; } .fixed-right-nav { position: relative; top: 0; border-bottom: 1px solid #b99a58; } .fixed-right-nav-p { position: relative; top: 0; } .sale-kategorie-ul li:last-child { border-bottom: none !important; } footer .left { order: 2; } footer .right { order: 1; } .navigace-velikosti .left-side ul li { border: none; } .navigace-velikosti .left-side ul li:last-child { border-bottom: 1px solid #b99a58; } .detail-info-content .title { margin: -10px 0 -20px 0; width: 100%; text-align: center; } .detail-info-content .vyrobeno { text-align: center; } .slick-arrow.nextArrow { right: 10px; } .produkt-detail-content .gallery-content { width: 100%; padding: 0 0px; } .navigace-content-eshop ul li a { padding: 10px 0 10px 10px !important; } .navigace-velikosti .left-side ul li:hover { background: transparent; color: #333; } .navigace-velikosti .left-side ul li:hover a{ color: #333; } .navigace-velikosti .left-side ul .active { margin: 0; } footer .left { display: flex; flex-wrap: wrap; width: 100%; } footer .right { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .header-line { top: 155px; position: absolute; } .registrace-content { width: 100%; margin: 0 0% 60px 0%; padding: 0 15px; } #header { height: 200px; } .registrace-content .content-right { width: 47.5%; margin-left: 5%; } .registrace-content .content-left { width: 47.5%; } .kosik-modal-content .left-foto { width: 30%; } .kosik-modal-content .right-popis { width: 70%; } .obsah-content .left-side .vel { margin-left: 0; } .doporucujeme .eshop-product-recommend li { display: inline-block; padding: 0 0px; background: white; padding-bottom: 50px; width: 48%; margin: 0 0% 5px 0%; } .detail-info-content h2 { width: 40%; } .detail-info-content .prodej { margin-top: 0px; margin-right: 0; width: 30%; } .detail-info-content .puvodni, .detail-info-content .prodej { font-size: 18px; } .detail-info-content .puvodni { margin-top: 0; width: 30%; } .detail-info-content .shop-accordion { width: 100%; margin: 40px 0 30px 0; } .index-content .doporucujeme { margin: 0px 0px 20px 0px; } .produkt-detail-content .detail-info-content { width: 100%; margin-right: 15px; display: flex; flex-wrap: wrap; } .produkt-kod { margin: 40px 0 0 0; position: absolute; top: -39px; right: 15px; } .zpet-produkty { margin-left: 15px; width: 80%; position: relative; z-index: 700; } .produkt-detail-content .gallery-content { display: flex; flex-wrap: wrap; margin-top: 17px; } .navigace-velikosti .left-side .sale-kategorie-ul { border-bottom: 1px solid #b99a58; border-top: none; border-left: none; border-right: none; } .navigace-velikosti .left-side .kategorie-p { position: relative; width: 100%; margin-top: 25px; } .navigace-velikosti .left-side .sale-kategorie-ul { position: relative; width: 100%; margin-left: 0; } .navigace-velikosti .left-side .sales-velikosti { margin-top: 5px; } .orientace { margin-top: -15px; } .navigace-velikosti .left-side ul { flex-flow: column; width: 100%; position: relative; } .navigace-velikosti .left-side ul:hover li { max-height: 500px; opacity: 1; pointer-events: auto; } .navigace-velikosti .left-side ul li i { position: absolute; right: 10px; top: 14px; color: #b99a58; display: none; font-size: 16px; } .navigace-velikosti .left-side ul li { width: 100%; background: white; color: #333; padding: 0 0 0 0; margin: 0 0 0 0; max-height: 0; opacity: 0; pointer-events: none; border-left: 1px solid #b99a58; border-right: 1px solid #b99a58; position: relative; } .navigace-velikosti .left-side ul .active { border-top: 1px solid #b99a58; border-right: 1px solid #b99a58; border-left: 1px solid #b99a58; max-height: 500px; opacity: 1; pointer-events: auto; order: -1; } .navigace-velikosti .left-side ul .active a{ pointer-events: none; } .navigace-velikosti .left-side ul .active i { display: block; } .navigace-velikosti .left-side ul li a { color: #333; padding: 10px 0 10px 10px; width: 100%; display: block; font-size: 16px; font-weight: 500; } .navigace-velikosti .left-side p, .navigace-velikosti .right-side .select-box-content .zarazeni { margin-left: 0px; margin-bottom: 5px; width: 100%; } .navigace-velikosti .select-box-content { width: calc(100% + 15px) } .navigace-velikosti .select-box-content .ul-select-box { width: 100%; position: relative; } .navigace-content-eshop, .navigace-velikosti .right-side, .navigace-velikosti .left-side { width: 40%; margin: 0 30%; display: flex; flex-wrap: wrap; } .navigace-velikosti .right-side label { width: 100%; } .navigace-velikosti .right-side .box { width: 100%; margin-left: 0; } .navigace-velikosti .right-side .box select { width: 100%; } .navigace-content-eshop p { margin-top: 0; margin-bottom: 10px; } .navigace-content-eshop ul { margin: 0 0 0 0; } .eshop-content .obsah-content { width: 100%; } .eshop-content .obsah-content .full-content { padding: 0 15px; } .navigace-velikosti { width: calc(100% + 45px); margin-top: 0; } .navigace-content-eshop ul { display:flex; flex-flow: column; } .navigace-content-eshop ul .active a { border: none; padding-left: 0; margin-left: 0; } .navigace-content-eshop ul li { opacity: 0; pointer-events: none; height: 0; padding: 0; padding-left: 0; position: relative; font-size: 16px; font-weight: 400; } .navigace-content-eshop ul li i { position: absolute; right: 10px; top: 14px; color: #b99a58; display: none; } .navigace-content-eshop ul li a { padding-left: 10px; font-size: 16px; text-align: left; padding: 14px 0 14px 10px; } .navigace-content-eshop ul .active { opacity: 1; pointer-events: auto; height: auto; border: 1px solid #b99a58; padding: 0px 0 !important; order: -1; color: #333; font-weight: 400 !important; } .navigace-content-eshop ul li.newsletter__btn { margin-top: 0; max-width: none; padding: 0; } .navigace-content-eshop ul li.newsletter__btn:hover { background: #fff; } .navigace-content-eshop ul li.newsletter__btn:hover a { color: #000; } .navigace-content-eshop ul .active a { pointer-events: none; color: #333; font-size: 16px; font-weight: 500; } .navigace-content-eshop ul .active i { display: block; } .navigace-content-eshop ul:hover li { opacity: 1; pointer-events: auto; height: auto; border-left: 1px solid #b99a58; border-right: 1px solid #b99a58; padding: 0px 0 !important; } .navigace-content-eshop ul:hover li:last-of-type { border-bottom: 1px solid #b99a58; } .navigace-content-eshop ul:hover .active { border-top: 1px solid #b99a58; border-left: 1px solid #b99a58; border-right: 1px solid #b99a58; border-bottom: none !important; } .vraceni-a-reklamace-content ul { padding-left: 20px; } .obchodni-podminky-content h4 { text-align: justify; } .modal-content { width: 700px; } .lookbook-detail-foto { width: 340px; } .lookbook-detail-content { width: 360px; } .o-nas-content .obsah-content { width: 100%; padding: 0 15px; margin-left: 0%; } .prodejny-content .contant-item { padding: 0 15px; } .submenu-1 li { margin-left: 0px !important; } .navigation li .submenu-lvl2 li:first-child, .navigation li .submenu-lvl2 li:nth-child(2){ padding-top:10px; } .potvrzeni-content { width: 100%; margin: 0 0%; padding: 0 15px; } .newsletter input { width: 300px; } .newsletter h2 { font-size: 30px; } .potvrzeni-content h2 { font-size: 25px; } .potvrzeni-content ul li span, .potvrzeni-content h3, .potvrzeni-content ul li, .potvrzeni-content p { font-size: 18px; } .prazdny-kosik { width: calc(100% - 30px); margin: 20px 0px 0 15px; } .doprava-platba-content .left-side .dorpava-item { align-items: flex-start; } .doprava-platba-content .left-side .dorpava-item .right p { margin-top: 28px; text-align: right; margin-right: 10px; } .doprava-platba-content .right-side { display: none; } .doprava-platba-content .left-side { width: 100%; padding: 0 15px; } .footer-eshop p { padding-left: 15px; } .kosik-vypis-content .kosik-item ul li span { font-size: 18px; } .kosik-vypis-content .kosik-item { margin: 0 15px 15px 15px; } .bottom-content .left-side { padding-left: 15px; } .bottom-content .right-side { padding-right: 15px; } .button-odsazeni-left { margin-left: 15px; } .button-odsazeni-right { margin-right: 15px; } a.lookbook-list-header .lookbook-list-title p, a.lookbook-list-header .lookbook-list-title h2 { padding-left: 15px; } .content-container, .container .sixteen.columns, .header-container, .container { width: 100%; } .left-select { margin-left: 15px; } .right-select { margin-right: 15px; } .navigation li:hover a { color: #333; } .navigation li:hover ul li a { color: #333; } .navigation li:hover ul li a:hover { color: #333; } .submenu-0 li { margin-left: 0 !important; } .active-li { background: #f2f2f2; } .active-li ul { margin-top: 15px; background: #f2f2f2; } .submenu-arrow { display: none; } .navigation li i { display: block; position: absolute; margin-top: -40px; padding: 19px; cursor: pointer; right: 0; width: 100%; text-align: right; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .footer-item ul li a { font-size: 17px; } .navigation li { margin: 0 0 0 0; padding: 20px 15px 20px 15px; border-bottom: 1px solid #cccccc; font-size: 19px; letter-spacing: 1px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation li ul li { width: 100%; border-bottom: none; font-size: 17px; padding: 10px 0px 10px 0px; } .navigation li ul li a { padding: 10px 15px 10px 15px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navigation li .submenu-lvl2 { width: 100%; margin-left: 0; margin-top: 23px !important; padding-top: 10px; border-top: 1px solid #cccccc; } .navigation li .submenu-lvl2 li { width: 100%; padding: 10px 0 10px 0; } .submenu-lvl2 li:nth-child(odd) { border: none; } .top-nav-container { padding: 0 0px; } .navigation { display: block; opacity: 0; pointer-events: none; position: relative; background: white; position: absolute; z-index: 999; width: 100%; margin-top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .active-main-nav { opacity: 1; pointer-events: auto; } .navigation li:hover ul { opacity: 0; pointer-events: none; border-bottom: none; border-top: none; overflow: hidden; } .burder-mobile { position: absolute; left: 15px; margin-top: -24px; margin-left: -10px; cursor: pointer; height: 62px !important; } .navigation li ul { padding: 0 !important; position: relative; margin-top: 0; max-height: 0px; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: #f2f2f2; } .top-nav .navigation li .active-nav { position: relative; opacity: 1; pointer-events: auto; margin-top: 10px; background: #f2f2f2; overflow: visible; max-height: 3000px; } .active-nav { background: #f2f2f2; } .burder-mobile p { font-size: 19px; font-weight: 600; } .header-nav ul li:last-child { margin-right: 15px; } .header-mobile-bg { height: 50px; width: 100%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .logo { margin: 20px 0 10px 0; } .full_width.header_line { background-image: none; background-repeat: none; background-position: none; } .index-content .item { padding: 0 10px } .container .sixteen.columns, .header-container, .container { width: 100%; } footer .footer-item { padding: 0px 0px 0px 0px; border-bottom: 1px solid #555555; margin: 0 30px; } .footer-item h4 { font-size: 20px; text-align: left; padding-bottom: 20px; padding-top: 20px; margin-top: 0; margin-bottom: 0; letter-spacing:1px; } footer .footer-item:first-child, footer .footer-item { width: 100%; text-align: center; } footer .footer-item img { margin-top: 60px; margin-bottom: 60px; margin-left: 0; } .footer-item ul { display: block; max-height: 0; opacity: 0; pointer-events: none; padding-left: 40px; margin-top: -12px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .footer-content .footer-item .active { max-height: 1000px; opacity: 1; pointer-events: auto; margin-bottom: 25px; margin-top: 0; } .footer-item ul li { text-align: left; letter-spacing:1px; } .footer-item ul li { text-align: left; letter-spacing:1px; max-height: 0; } .footer-item .active li { max-height: 100px; } footer .footer-item:first-child { width: 100%; margin-top: 50px; } .footer-item ul li a { padding: 0px 0; display: none; } .footer-item .active li a { padding: 10px 0; display: block; } .footer-item ul li a:hover:before { bottom: 5px; } .doprava-platba-content { margin-top: 20px; } .login-content { margin-top: 15px; } .mobile-disabled-foto { display: none !important; } .mobile-actived-foto { display: block !important; } } @media (max-width: 900px) { .button-content .kosik, .button-content .e-shop { padding: 15px 35px; } .informace-produkt .info-item h4 { font-size: 17px; } .informace-produkt .info-item p { font-size: 10px; } .modal-content { width: 600px; } .lookbook-detail-foto { width: 250px; } .lookbook-detail-content { width: 350px; } .button-content a:first-child { order: 2; margin-top: -10px; } .button-content a:last-child { order: 1; margin-bottom: 25px; } } @media (min-width: 800px) { .pc-none-br { display: none; } .map-content a { display: none; } .profil-mobile { display: none !important; } .product-info .full-content .ve-studiu .item-popis .right { font-size: 12px; } } @media (max-width: 800px) { .mobile-disabled-foto1 { pointer-events: none; } .modal-content .mwin-content iframe { margin-top: 20px; } .modal-content .contact-item { width: 100%; } .prodejny-content .contact-item { margin-bottom: 30px; } .prodejny-content .one { order: 3; width: 100%; } .prodejny-content .two { order: 4; width: 100%; } .prodejny-content .three { order: 5; width: 100%; margin-bottom: 40px; } .prodejny-content .three a { color:#b99a58; padding-bottom: 1px; border-bottom: 1px solid #b99a58; } .prodejny-content .four { order: 2; width: 100%; } .prodejny-content .four iframe{ display: none; } .prodejny-content .five { order: 1; width: 100%; margin-left: 0px; padding-bottom: 0px; margin-bottom: 30px; margin-top: 20px; } .prodejny-content .contact-item h4 { margin-top: 0; } .profil-mobile { padding-left: 10px !important; } .lookbook-detail-big-img-arrow.other1 { left:10px; } .lookbook-detail-big-img-arrow.other2 { right:10px; } .profil-pc { display: none !important; } .vypis-osobni-info { display: flex; width: 500px; flex-wrap: wrap; margin: 60px auto 60px auto; } .button-content .kosik { margin-top: 15px; } .eshop-product-slider-container .slick-arrow { display: block !important; } .gallery-content .eshop-product-slider-nav { display: none; } .produkt-detail-content .eshop-product-slider-container { width: 100%; } .full-content .produkt-item { width: 50%; } .navigace-content-eshop, .navigace-velikosti .right-side, .navigace-velikosti .left-side { width: 50%; margin: 0 25%; display: flex; flex-wrap: wrap; } .lookbook-detail-content .lookbook-product-item { width: 500px; margin: 0 auto; } .lookbook-detail-content .lookbook-product-item:last-of-type { padding-bottom: 50px; } .kolecko { width: 50px; height: 50px; background: white; positioN: absolute; border-radius: 50%; top: 15px; left: 15px; border: 1px solid #92794a; } .js-close-modal { right: 14px; top: 13px; } .modal-content { overflow: auto; } .modal { position: fixed; height: 100%; } .lookbook-detail-content { width: 100%; background: white; padding-bottom: 50px; overflow-y: unset; } .lookbook-detail-foto { width: 100%; background: white; height: 1200px; overflow: hidden; } .modal-content { background: white; width: 100%; margin: 0 auto; height: 100%; position: relative; } .prodejny-content .contant-item h2 { font-size: 17px; text-align: center; } .prodejny-content .contant-item p { font-size: 22px; text-align: center; width: 100%; } .prodejny-content .contant-item p a { color: #c8b07c; border-bottom: 1px solid #c8b07c; padding-bottom: 1px; } .map-content { margin-bottom: 40px; } .prodejny-content .contant-item { width: 100%; justify-content: center; } .map-content .map { display: none; } .map-content .foto { width: 100%; margin-top: 15px; } .prazdny-kosik { width: calc(100% - 30px); margin: 35px 0px 0 15px; } .footer-eshop { flex-flow: column; align-items: center; } .footer-eshop p a { color: #b99a58; font-weight: 600; padding-bottom: 1px; border-bottom: 1px solid #b99a58; } .footer-eshop p { text-align: center; line-height: 1.4; } .footer-eshop img { margin: 20px 0 20px 0; } .bottom-content .left-side { width: 100%; padding-right: 15px; } .bottom-content .left-side input { width: 57%; } .bottom-content .right-side { width: 100%; margin-top: 10px; } .bottom-content .left-side button { width: 40%; margin-left: 3%; } .kosik-vypis-content .kosik-item ul li span { margin-top: 0px; } .kosik-vypis-content .kosik-item { position: relative; } .kosik-vypis-content .kosik-item .foto-item { width: 40%; } .kosik-vypis-content .kosik-item ul li:nth-child(3), .kosik-vypis-content .kosik-item ul li { margin-top: 20px; width: 100%; } .kosik-vypis-content .kosik-item ul li:last-child { margin-bottom: 20px; } .kosik-vypis-content .kosik-item .foto-item img { max-height: 300px; } .kosik-vypis-content .kosik-item ul { width: 60%; flex-flow: column; align-items: flex-start; } .kosik-vypis-content .kosik-item .delete-item { position: absolute; right: 0; width: auto; margin: 10px; } .kosik-breadcrumb h1, .kosik-breadcrumb ul li { display: none; } .kosik-breadcrumb ul .active { display: block; } .kosik-breadcrumb ul { margin: 30px 0 5px 0; } .index-content .item { width: 100%; } .index-content .item img { width: 30%; margin: 0 35%; } .index-content .item { margin: 0 0 50px 0; } .index-content .item h3 { margin-bottom: 0px; } .index-content .item p { margin-top: 0px; padding: 0 15px; height: auto; } .lookbook-detail-big-img-arrow.other1 { border-color: #92794a; left:10px; } .lookbook-detail-big-img-arrow.other2 { right:10px; border-color: #92794a; } .lookbook-detail-big-img-arrow.other1 svg { fill: #3D3D3D; } .lookbook-detail-big-img-arrow.other2 svg { fill: #3D3D3D; } } @media (min-width: 700px) { .gallery-col .gallery-item:nth-child(1), .gallery-col .gallery-item:nth-child(4), .gallery-col .gallery-item:nth-child(7), .gallery-col .gallery-item:nth-child(10) { padding-left: 0; } .gallery-col .gallery-item:nth-child(3), .gallery-col .gallery-item:nth-child(6), .gallery-col .gallery-item:nth-child(9), .gallery-col .gallery-item:nth-child(12) { padding-right: 0; } .gallery-col .gallery-item:nth-child(2), .gallery-col .gallery-item:nth-child(5), .gallery-col .gallery-item:nth-child(8), .gallery-col .gallery-item:nth-child(11) { padding-left: 5px; padding-right: 5px; } } @media (max-width: 700px) { .newsletter .button { width: 90%; font-size: 16px; } .mobile-disable { display: none; } .slick-arrow svg { fill: rgb(61, 61, 61); } .navigace-velikosti .select-box-content .ul-select-box { margin-bottom: 10px; } .orientace ul { margin-top: -25px; } .spacer { display: none; } .full-width { flex-flow: wrap; } .header-nav ul li .sleva-kupon { position: absolute; display: block; padding: 5px 10px; top: 5px; right: 15px; } .header-line { top: 125px; position: absolute; } #header { height: 240px; } .header-nav { margin-top: 87px; } .burder-mobile { margin-top: -18px; } .logo { margin: 10px 0 -10px 0; } .set-pass { margin-top: 0px; } .registrace-content .content-left { width: 100%; } .registrace-content .content-right { width: 100%; margin-left: 0%; } .mwin-content {padding: 15px;} .orientace { margin-top: 0px; } .ul-select-box li { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .select-box-content p { margin-bottom: 0; } .ul-select-box { width: 100%; } .select-box-content { width: 300px; } .razeni { margin-left: 0px; } .dostupnost { margin-left: 0px; } .ul-select-box { position: relative; } .uprava-modelu-zdarma-content p strong { margin-left: 0px; } .uprava-modelu-zdarma-content ul { padding-left: 20px; } .lookbook-detail-foto { height: 1000px; } .obsah-content iframe { height: 1360px; } .aktuality_detail-content h1 { font-size: 30px; } .aktuality_detail-content .text-content { width: 100%; margin-left: 0%; margin-top: 20px; } .predani-daru-nadpis, .obsah-content p { text-align: justify; } .aktuality_detail-content .text-content p { text-align: justify; } .aktuality_detail-content .foto-content { width: 100%; max-height: 1300px; } .aktuality-content .item { width: 100%; } .aktuality-content .item:nth-child(odd), .aktuality-content .item:nth-child(even) { padding-left: 0px; padding-right: 0px; } .obsah-content .gallerie a { width: 33.33%; padding: 5px; } .newsletter button { width: 100%; margin: 15px 15px 0 15px; } .newsletter input { margin: 10px 5% 0 5%; width: 90%; } .newsletter label { padding: 0 25px; margin: 0 0 0 0; width: 100%; } .newsletter h2 { padding: 0 15px; font-size: 27px; } .newsletter p { font-size: 15px; letter-spacing: 4px; } .potvrzeni-content h2 { font-size: 18px; margin-bottom: 40px; } .cislo-objednavky { line-height: 1.7; font-size: 14px; margin-top: 30px; } .gratulace { font-size: 40px; padding: 0; } .left-side .forms-content:first-child { margin-top: 25px; } .doprava-platba-content .red { margin: 0; } .left-side .osazeni-mobile { margin-top: 25px; } .doprava-platba-content .left-side .udaje-h2 span { font-size: 13px; } .login-content p { font-size: 15px; } .login-content .login-bottom { padding: 15px 20px; } .form-osazeni { margin-bottom: 35px; } .forms-content { align-items: center; } .forms-content span { margin-left: 15px; display: block; font-size: 17px; margin-top: -5px; } .forms-content p { color: #777777; font-size: 17px; line-height: 1.7; margin: 15px 0 25px 0px; } .forms-content { margin-top: 0px; } .forms-content .form-item { margin-bottom: 20px; width: 100%; } .forms-content .form-item:nth-child(2) { margin-left: 0%; width: 100%; } .informace-produkt .info-item h4 { font-size: 17px; } .informace-produkt .info-item p { font-size: 13px; } .gallery-col .gallery-item:nth-child(odd) { padding: 5px 5px 5px 10px; } .gallery-col .gallery-item:nth-child(even) { padding: 5px 10px 5px 5px; } .gallery-item { width: 50%; float: left; line-height: 0.5em; } a.lookbook-list-header .lookbook-list-title p, a.lookbook-list-header .lookbook-list-title h2 { text-align: center; padding-left: 0px; } .box { float: none; margin-left: 0px; } .kolekce-header { flex-flow: column; align-items: center } .left-select { margin-left: 0px; flex-flow: column; width: 100%; } .right-select { margin-right: 0px; margin-top: 2px; flex-flow: column; } .kolekce-header label { width: 300px; text-align: left; float: none; margin-bottom: 10px; font-size: 17px; } .box select { width: 300px; } .kolekce-header h1 { font-size: 40px; } a.lookbook-list-header .lookbook-list-title p { font-size: 17px; } .obsah-content .gold-p { text-align: justify; } .kosik-breadcrumb ul li { margin-right: 0px; } .doprava-platba-content .left-side h2 { font-size: 20px; } .mobile-opt { margin-top: 10px; } } @media (min-width: 600px) { .pc-none { display: none; } .header-line__svg { width: 310px; height: 30px; } } @media (max-width: 600px) { .logo svg { transform: scale(0.8); } .index-content .item .circle { width: 80px; height: 80px; } .full-content .kosik-prev-button { order: 2; } .full-content .kosik-next-button { order: 1; } .full-content { margin-top: 10px; } .eshop-footer-content { margin-top: 40px; } .slick-slider { margin-bottom: 20px; touch-action: auto !important; } .index-content h2 { margin: 50px 15px 50px 15px; font-size: 13px; } .kolekce-header h1 { font-size: 24px; } a.lookbook-list-header .lookbook-list-title h2 { font-size: 60px; } .index-content .item .circle svg { width: 30px; } .index-content .item h3 { font-size: 24px; } .index-content .item:nth-child(4) { margin: 0px 0 20px 0; } .odhlasit { padding-left: 15px !important; } .header-nav ul { margin-top: -24px; } #header { height: 200px; } .logo h1 { font-size: 48px; width: 270px; margin-left: -10px; } .header-line h2 { font-size: 29px; margin-left: 0px; } .gdpr-agreement h1 { font-size: 25px; } .gdpr-agreement h2 { font-size: 20px; font-weight: 600; } .kosik-modal-content { padding: 15px; } .kosik-modal-content .left-foto { width: 50%; } .kosik-modal-content .right-popis { width: 50%; } .kosik-modal-content .right-popis .add-card { font-size: 19px; width: 200%; margin-left: -100%; text-align: center; } .button-content { width: 200%; margin-left: -100%; display: flex; flex-wrap: wrap; margin-top: 20px; } .kosik-modal-content .left-foto .foto-detail { margin: 20px 0% 130px 0%; } .button-content .e-shop, .button-content .kosik { font-size: 15px; display: block; text-align: center; } .button-content .e-shop, .button-content .kosik { font-size: 15px; width: 100%; } .kosik-modal-content .right-popis .vyrobeno { font-size: 12px; } .kosik-modal-content .right-popis .prodej { } .kosik-modal-content .right-popis .puvodni { font-size: 20px; } .kosik-modal-content .right-popis .eshop-product-id { font-size: 12px; } .button-content .e-shop, .button-content .kosik { font-size: 15px; } .navigace-content-eshop, .navigace-velikosti .right-side, .navigace-velikosti .left-side { width: 70%; margin: 0 15%; display: flex; flex-wrap: wrap; } .lookbook-detail-foto { height: 900px; } .obsah-content iframe { height: 1160px; } .mobile-disabled { display: none; } .full-content .kosik-next-button, .full-content .kosik-prev-button { width: 100%; margin: 15px 0px 0 0px; text-align: center; display: block; } .full-content .button-odsazeni-left, .full-content .button-odsazeni-right { margin: 15px 15px 0 15px; } .kosik-vypis-content .kosik-item .foto-item img { max-height: 200px; } .informace-produkt .info-item h4 { font-size: 17px; } .informace-produkt .info-item p { font-size: 10px; } .doprava-platba-content .left-side .udaje-h2 span { float: left; } .doporucujeme .show-hover .cena { text-align: center; font-size: 15px; color: #777777; } .active_login_modal .login-form-content { position: absolute; z-index: 950; background: white; padding: 5%; width: 90%; left: 50%; top: 35px; transform: translateX(-50%); } .login-form-content svg { top: -27px; right: 0; } } @media (max-width: 500px) { .button-content { margin-left: -67%; } .change-pass-content { display: flex; flex-wrap: wrap; width: 100%; padding: 0 15px; margin: 0 auto 60px auto; } .vypis-osobni-info .item p { font-size: 14px; } .vypis-osobni-info .item a { width: 100%; } .kosik-modal-content .right-popis h3 { font-size: 20px; } .kosik-modal-content .right-popis .add-card { margin-left: -67%; } .vypis-osobni-info { display: flex; width: 350px; flex-wrap: wrap; margin: 60px auto 60px auto; } .new-account { margin-top: 70px; } .button-content { margin-top: 20px; } .left-foto .foto-detail { width: 90%; margin: 50px 0px 130px 0%; background-position: center; background-size: 90% !important; } .login-form-content .form-content { width: 100%; display: flex; flex-wrap: wrap; margin: 15px 0% 0 0%; } .login-form-content .form-content span { font-size: 13px; } .new-account .login-form-content .registrace, .login-form-content .form-content .karta .buttons button, .login-form-content .form-content .user form .buttons button { width: 100%; display: flex; justify-content: center; } .login-form-content .form-content .karta .buttons p { width: 100%; margin-left: 0; margin-top: 20px; font-size: 15px; line-height: 1.5; text-align: center; } .login-form-content .form-content .karta .frm-error-text, .login-form-content .form-content .user .frm-error-text { color: red; } .login-form-content .form-content .user form .buttons a { width: 100%; text-align: center; margin-top: 10px; display: block; } .login-form-content { width: 100%; padding: 0 15px; } .kosik-modal-content .right-popis .puvodni { font-size: 15px; } .kosik-modal-content .right-popis .prodej { font-size: 15px; } .kosik-modal-content .left-foto { width: 40%; } .kosik-modal-content .right-popis .puvodni { } .kosik-modal-content .left-foto .foto-detail { background-size: 100% !important; } .kosik-modal-content .right-popis { width: 60%; } .button-content .e-shop, .button-content .kosik { font-size: 12px; padding: 15px 15px; } .modal-content .mwin-content p { text-align: justify; } .modal-content .mwin-content h3 { font-size: 20px; } .modal-content .mwin-content h2 { font-size: 25px; } .lookbook-detail-content .lookbook-product-item { width: 400px; margin: 0 auto; padding: 0 20px; } .lookbook-detail-foto { height: 800px; } .obsah-content iframe { height: 1080px; } .obsah-content .odrazky { padding-left: 0px; } .doprava-platba-content .left-side .dorpava-item .left label { font-size: 14px; } .doprava-platba-content .left-side .dorpava-item .left label p { font-size: 12px; } .informace-produkt { display: none; } .doprava-platba-content .left-side .dorpava-item .right p { font-size: 14px; } .doprava-platba-content .left-side .dorpava-item .right p { margin-top: 31px; text-align: right; margin-right: 10px; } .obsah-content .gallerie a { width: 50%; padding: 5px; } .obsah-content .odrazky li { font-size: 14px; } } @media (max-width: 480px) { .eshop-product-list-img { min-height: 250px; } .lookbook-detail-foto { height: 600px; } .header-mobile-bg { height: 40px; } .header-nav ul li a span { display: none; } .header-nav ul li img, .header-nav ul li a img { width: 25px; margin-left: 15px; } } @media (max-width: 450px) { .logo svg { transform: scale(0.6); margin-top: 10px; } .gdpr-agreement .gdpr_bottom button { width: 100%; margin: 20px 0 0 0; } .eshop-product-recommend h2 { font-size: 15px; } .full-content .produkt-item .eshop-product-list-img img { width: 100%; } .full-content h3 { font-size: 20px; margin-top: 0; } .full-content .cena { font-size: 17px; } .navigace-content-eshop, .navigace-velikosti .right-side, .navigace-velikosti .left-side { width: 90%; margin: 0 5%; display: flex; flex-wrap: wrap; } .kosik-vypis-content .kosik-item .foto-item img { max-height: 150px; } .prodejny-content .contant-item { width: 100%; justify-content: flex-start; } .prodejny-content .contant-item p, .prodejny-content .contant-item h2 { text-align: left; } .lookbook-detail-content .lookbook-product-item { width: 350px; margin: 0 auto; padding: 0 20px; } .gallery-item { width: 100%; float: left; line-height: 0.5em; padding: 0 5px 5px 5px !important; } .header-line { top: 90px; } .header-nav { margin-top: 75px; } #header { height: 160px; } } @media (max-width: 400px) { .doprava-platba-content .left-side .dorpava-item .left label p { padding-left: 0px; } .doprava-platba-content .left-side .dorpava-item .left label { padding: 30px 0 30px 45px; } .detail-info-content .eshop-product-info-2, .detail-info-content .eshop-product-info-3 { font-size: 15px; } .kosik-modal-content .right-popis .add-card { font-size: 14px; } .kosik-modal-content .right-popis h2 { font-size: 40px; } .radio .label { position: absolute; margin-left: -32px; } .contact-item iframe { width: 100%; } .login-content { padding: 10px; } .login-content .login-bottom { padding: 15px 10px; } .login-content p { font-size: 13px; } .form-checkbox { margin-bottom: 20px; } .doprava-platba-content .left-side .udaje-h2 span { text-decoration: none; border: none; } .doprava-platba-content .left-side .udaje-h2 { margin-bottom: 10px; margin-top: 30px; } } @media (max-width: 300px) { } @media screen and (max-height: 800px) { .lookbook-detail-foto { width: 240px; } .lookbook-detail-header { width: 600px; } .modal-content { width: 600px; } } @media screen and (max-width: 800px) { .lookbook-detail-foto { width: 100% !important; } .modal-content { width: 100% !important; } .lookbook-detail-header { width: 100% !important; } } .cbx.checkbox { width: 30px; height: 30px; border: 1px solid #b99a58; position: relative; display: block; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline: 0; border-radius: 0; margin-right: 10px; } .cbx.checkbox::after { content: ""; display: block; width: 28px; height: 28px; position: absolute; top: 0; left: 0; background: white; z-index: 1; border-radius: 0; } .cbx.checkbox::before { content: ""; width: 28px; height: 28px; position: absolute; top: 0; left: 0; background-image: url(/assets/img/svg/ok.svg); background-size: 16px 14px; background-repeat: no-repeat; background-position: center; z-index: 2; border-radius: 0; display: none; } .cbx.checkbox:checked:before { display: block; } .cbx.checkbox:checked:after { background: #b99a58; } .cbx.checkbox:hover, .cbx.checkbox:focus { outline: 0; } .payment-required { display: none; padding: 10px; } @media only screen and (max-width: 599px) { .payment-required.payment-required-sm { width: 100%; display: flex; justify-content: center; order: 1; } } @media only screen and (min-width: 600px) { .payment-required.payment-required-lg { display: flex; justify-content: flex-end; padding-right: 110px; } }