/* Designed and built with all the love Michal Szymczak misza@best.net.pl */ body,input, button, select, textarea { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #3e220c; -webkit-text-size-adjust: none ; } a:focus, button:focus, input:focus, *|*:-moz-any-link:focus { outline-width: 0 !important; } a { color: #3c210c; cursor:pointer } a:hover { color: #1f1105; } /*.btn { background: #3e220c; color: #FFF; padding: 5px 30px; border-radius:0; border: 0; box-shadow: none; text-shadow: none; font-size: 13px; font-weight: bold; text-transform: uppercase; }*/ ul,ol { padding: 0; } .btn { -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border-style: solid; color: white; display: inline-block; margin: 0.2em auto; padding: 5px 10px; text-align: center; text-decoration: none; background-color: #b29680; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #CCB39F), color-stop(100%, #AD917B)); background-image: -moz-linear-gradient(top, #CCB39F 0%, #AD917B 100%); background-image: linear-gradient(to bottom, #CCB39F, #AD917B); *background-color: #b29680; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCB39F', endColorstr='#AD917B', GradientType=0); border-color: #7c6756; border-left-color: #b19884; border-top-color: #b19884; -moz-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset; -webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset; -o-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset; box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset; color: white; text-shadow: #a58b76 0 1px 2px; font-size: 13px; font-weight: bold; text-transform: uppercase; } .btn:hover,.btn:focus { color: #FFF; background: #cbb4a2; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #cbb4a2), color-stop(100%, #b29680)); background-image: -moz-linear-gradient(top, #cbb4a2 0%, #b29680 100%); background-image: linear-gradient(top, #cbb4a2 0%, #b29680 100%); } .btn:active { background: #cbb4a2; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } #sideBar .btn,#sideBar .btn-light-brown { padding: 5px 10px; border: 0; font-weight: bold; font-size: 13px; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #addtobasket .btn-light-brown,.btn.unavailable,.order .btn-light-brown { border-color: #6b6b6b; border-left-color: #9d9d9d; border-top-color: #9d9d9d; background-color: #9c9c9c; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #C9C9C9), color-stop(100%, #9c9c9c)); background-image: -moz-linear-gradient(top, #C9C9C9 0%, #9c9c9c 100%); background-image: linear-gradient(to bottom, #C9C9C9 0%, #9c9c9c 100%); text-shadow: #6b6b6b 0 1px 2px; *background-color: #9c9c9c; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9C9C9', endColorstr='#9c9c9c', GradientType=0); } #addtobasket .btn-light-brown:hover,.btn-light-brown:focus, .btn.unavailable:hover,.btn.unavailable:focus, .order .btn-light-brown:focus { color: #FFF; background: #bebebe; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #bebebe), color-stop(100%, #9c9c9c)); background-image: -moz-linear-gradient(top, #bebebe 0%, #9c9c9c 100%); background-image: linear-gradient(top, #bebebe 0%, #9c9c9c 100%); } #addtobasket .btn-light-brown:active,.btn.unavailable:active, .order .btn-light-brown:active { background: #6b6b6b; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .btn-basket,.addonButton,.miniCart .btn-blue { -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border-style: solid; color: white; display: block; margin: 0.2em auto; padding: 14px 25px; text-align: center; text-decoration: none; background-color: #bf4040; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #cc6666), color-stop(50%, #bf4040), color-stop(100%, #993333)); background-image: -moz-linear-gradient(top, #cc6666 0%, #bf4040 50%, #993333 100%); background-image: linear-gradient(to bottom, #cc6666 0%, #bf4040 50%, #993333 100%); *background-color:#bf4040 ; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc6666', endColorstr='#993333', GradientType=0); border-color: #732626; border-left-color: #bf4040; border-top-color: #bf4040; -moz-box-shadow: rgba(230, 230, 230, 0.5) 1px 1px 0 0 inset; -webkit-box-shadow: rgba(230, 230, 230, 0.5) 1px 1px 0 0 inset; -o-box-shadow: rgba(230, 230, 230, 0.5) 1px 1px 0 0 inset; box-shadow: rgba(230, 230, 230, 0.5) 1px 1px 0 0 inset; color: white; text-shadow: #862d2d 0 1px 2px; font-size: 16px; font-weight: bold; text-transform: uppercase; } .btn-basket:active,.addonButton:active,.miniCart .btn-blue:active { padding: 15px 25px 13px; } .btn-basket:hover, .btn-basket:focus,.addonButton:hover,.addonButton:focus,.miniCart .btn-blue:hover,.miniCart .btn-blue:focus { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #d27979), color-stop(50%, #c55353), color-stop(100%, #993333)); background-image: -moz-linear-gradient(top, #d27979 0%, #c55353 50%, #993333 100%); background-image: linear-gradient(top, #d27979 0%, #c55353 50%, #993333 100%); background-color: #c55353; color: white; text-decoration: none; } .btn-basket:active, .btn-basket.depressed,.addonButton:active,.addonButton.depressed, .miniCart .btn-blue:active { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #a04545), color-stop(100%, #b24d4d)); background-image: -moz-linear-gradient(top, #a04545 0%, #b24d4d 100%); background-image: linear-gradient(top, #a04545 0%, #b24d4d 100%); -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; border-color: #732626; } .addonButton, .addonButton:hover, .addonButton:active, .addonButton:focus { display: inline-block; font-size: 14px; padding: 5px 20px; } .btn-large { font-size: 20px; padding: 20px 40px; } .domine-title,#category-header h1,#category-header h2,#category-header h3,#category-header h4,#category-header h5,#category-header h6,h1 { font-family: 'Domine', serif; font-size: 30px; font-weight: 300; line-height: 30px; margin: 0 0 6px; } h1 { font-weight: bold; } .domine-title-2,h2 { font-family: 'Domine', serif; font-size: 18px; font-weight: bold; line-height: 22px; margin: 10px 0; } h3 { font-family: 'Domine', serif; font-size: 16px; } h4 { font-family: 'Domine', serif; font-size: 14px; } h6 { font-size: 13px; } .hr { border-top: 1px solid #b2a79e; height: 1px; line-height: 1px; margin: 20px 0; clear: both; } .hr-big { border-top: 10px solid #3e220c; } .hr-empty { border-color: transparent; } .float-none { float: none !important; } .fl {float: left;} .fr {float: right;} .center { float: none; margin-left: auto; margin-right: auto; } /* Overwrite Bootstrap ****************************************************************************** */ label, input, button, select, textarea { font-size: 12px; } label { font-weight: normal; } .short { width: 30px; text-align: center; } @media (min-width:768px) and (max-width:1199px){ .hidden-desktop{display:none !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;} } .navbar { margin-bottom: 0; } .navbar .navbar-btn { display: none; } .navbar .nav { margin: 0; } .navbar .nav > li { float: left; margin-right: 20px; } .navbar .nav > li > a { padding: 0; text-shadow: none; } .navbar .nav > li > a:hover { background: transparent; text-decoration: underline; /* font-weight: bold; text-decoration: underline; */ } .navbar .nav > li > a:focus{ text-decoration:none; background: transparent; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav > li.dropdown.active > a.dropdown-toggle { box-shadow: none; background: transparent; } .nav .dropdown-toggle .caret { border-bottom-color: #e1d7ce; border-top-color: #e1d7ce; margin-top: 6px; } .navbar .nav > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu:after { display: none;} .dropdown-menu { box-shadow: none; border: 3px solid #3e220c; border-top: 0; border-radius: 0; margin-top: -3px; margin-left: -3px; padding: 30px; } .has-error input { background-color: #f2dede; } .has-error .help-inline { font-weight: bold; color:#a94442} .yamm .nav,.yamm .dropup,.yamm .dropdown,.yamm .collapse { position: static;} .yamm .navbar-inner,.yamm .container { position: relative;} .yamm .dropdown-menu { left: 0; max-width: 1200px; width: 100%; } .yamm .dropdown-menu > li { display: block;} .yamm .nav.pull-right .dropdown-menu { right: 0; } .yamm .yamm-fullwidth { width: 100%; left: 0; right: 0;} .dropdown-desc { color: #997d67; margin-bottom: 20px; } .dropdown-menu ul { float: left; margin-right: 50px; } .dropdown-menu ul { margin-left: 15px; } .dropdown-menu li {list-style-type: none; line-height: 25px; } #main-menu .nav > li.open .dropdown-menu ul li a { padding: 0;} #main-menu li.dropdown .col-md-3{padding:0px} #main-menu .dropdown-menu{font-size:13px} @media(min-width:1200px){ #main-menu {float: left;} } .dropdown-menu ul li strong { font-weight: bold; margin-left: -15px; } .dropdown-image { float: right; border-left: 1px solid #ccc5bf; } .dropdown-image .row { margin: 0; } .dropdown-image .row > div { padding: 0 0 0 5px; } #services-phone { background-color: #3e220c; padding: 10px 20px; position:absolute; top: -55px; left:0; right:0 } #services-phone label { font-weight: bold; text-transform: uppercase; color: #FFF; padding-left:0} #services-phone select { margin: 0; width: 55% } .tooltip { text-transform: none; font-weight: normal; text-align: left;} .tooltip li { text-align: left } .tooltip > .tooltip-inner {background-color: #3e220c; } .tooltip.bottom > .tooltip-arrow { border-bottom-color: #3e220c; } .tooltip.top > .tooltip-arrow { border-top-color: #3e220c; } .tooltip.left > .tooltip-arrow { border-left-color: #3e220c; } .tooltip.right > .tooltip-arrow { border-right-color: #3e220c; } /* Custom ****************************************************************************** */ #header .cont { position: relative; width: 100%; height: 115px; } #header-logo { float: left; } #header-logo > a { width:150px; height: 65px; display: block; background: url('../gfx/sprite.png') 0 0 no-repeat; text-indent: -5000px; position: absolute; top: 33px; left: 65px; z-index: 2; } #header-right { float: right; height: 100%; position: relative; font-size: 11px; } #header-top { margin-top: 29px; text-transform: uppercase; } #header-top a { color: #442a16; } #header-user { margin-right: -20px; float: right } #header-user a { font-weight: bold;} #header-bottom { position: absolute; right: 0; bottom: 10px; width: 100%; } #header-basket { float: right; padding-top: 11px; } #header-basket > .btn-gotobasket:before { content: ""; width: 21px; height: 14px; display: inline-block; vertical-align: middle; background: url('../gfx/sprite.png') 0 -80px no-repeat;} #header-basket > .btn-gotobasket { text-transform: uppercase; } #header-additional { float: left;} #header-additional > .hotline { font-weight: bold; font-size: 14px;} #header-additional > .ic-trusted-shop, #header-additional > .ic-promotional-gift-award { vertical-align: bottom; height: 36px; display: inline-block; margin-left: 20px; } #nav-top .navbar { background: #3e220c; padding: 0; margin-bottom: 20px; height: 50px} #header-links { float: right } #main-menu .nav > li { margin-right: 0; } #main-menu .nav > li > a { color: #e1d7ce; text-transform: uppercase; padding: 15px 15px; } #main-menu .nav > li > a:hover { color: #FFF; } #main-menu .nav > .active > a { color: #FFF; font-weight: bold } #main-menu .nav > li.open { border-top: 3px solid #3e220c; } #main-menu .nav > li.open a { background: #ffffff; color: #3e220c; padding-top: 12px; padding-bottom: 18px; } .btn-searchbar { display: none; } #search { background: #796454; border: 1px solid #462b16; padding: 3px 0; margin-top: 7px; line-height: 18px; float: right; height: auto; z-index: 10; } #search form { margin: 0;} #search input.search-query { border-radius: 0; background: transparent; border: 0; color: #FFF; box-shadow: none; font-size: 12px; width: 261px; padding-left: 10px;} #search input.form-control.search-query::-moz-placeholder{color:#FFF;opacity:0.6;} #search input.form-control.search-query:-ms-input-placeholder{color:#FFF;} #search input.form-control.search-query::-webkit-input-placeholder{color:#FFF;} #search input.search-query:focus { border: 0; } #search button { border: 0; box-shadow: none; border-left: 1px solid #a99b91; text-indent: -5000px; width: 42px; height: 26px; border-radius: 0; background: transparent url('../gfx/sprite.png') -80px -80px no-repeat; padding: 0; margin: 0;} /* OPERA HACK */ noindex:-o-prefocus, #search { background: #bbb1a9 !important; } .search-more { background-color: rgb(255, 255, 255); padding: 20px; border: 2px solid; max-width: 268px; margin-top: 6px; margin-left: 22px; z-index: 101; } .search-more li { list-style-type: none; padding: 5px 5px; border-bottom: 1px solid #d2ccc8; } .search-more li.seemore { border: 0 } .search-more img { max-width: 51px; max-height: 51px; margin-right: 5px } #services { float: left; height: 79px; width: 351px; position: relative; margin-top: 35px; margin-left: 300px; } #services ul { padding: 0; margin: 0; } #services li { list-style-type: none; padding: 0; margin: 0 -1px 0 0; display: inline-block; } #services li:last-child { margin-right: 0; } #services li a { display: block; width: 115px; height: 58px; background-image: url('../gfx/tabs-new.png'); background-repeat: no-repeat; text-align: left; text-indent: -5000px; } #services li.serv-chocotelegram a{ background-position: 0 0; } #services li.serv-chocotelegram a:hover { background-position: 0 -58px; } #services li.serv-chocoplay a { background-position: -117px 0; } #services li.serv-chocoplay a:hover { background-position: -117px -58px; } #services li.serv-chococlub a { background-position: -234px 0; } #services li.serv-chococlub a:hover { background-position: -234px -58px; } #services li.serv-choco a { background-position: -351px 0; } #services li.serv-choco a:hover { background-position: -351px -58px; } #services li.serv-chocoblu a { background-position: -468px 0; } #services li.serv-chocoblu a:hover { background-position: -468px -58px; } #services .serv-label { width: 351px; height: 23px; line-height: 26px; background: transparent url('../gfx/tabs-new.png') 0 -120px no-repeat; padding: 0; margin: 0; text-align: center; font-weight: bold; color: #FFF; text-transform: uppercase; z-index: 5; position: absolute; left: 0; bottom: 0; } #content > .container { margin-bottom: 20px } #content.indexPage > .container {margin-bottom: 0px } /* Responsive Grid */ .row-rwd { margin-right: -20px; margin-bottom: 20px; position: relative; clear: both; } .row-rwd .box-1,.row-rwd .box-2,.row-rwd .box-3,.row-rwd .box-4,.row-rwd .box-5 { float: left; position: relative; } .box-1 { width: 280px; margin-right: 20px; } .box-2 { width: 580px; margin-right: 20px; } .box-3 { width: 580px; margin-right: 20px; } .box-4 { width: 880px; margin-right: 20px; } .box-5 { width: 1180px; margin-right: 20px; } .border-box .box-1 { width: 278px; } .border-box .box-2 { width: 578px; } .border-box .box-3 { width: 878px; } .border-box .box-4 { width: 1178px; } .border-box .box-5 { width: 1478px; } .container,.navbar .container { width: 1180px } /*#content { position: relative; } #content .container { position: relative; } B�: moved to desktop version */ .row-rwd > p { margin-right: 20px; } /* MainPage Products Slider - show 4/3/2/1 products */ .products-slider ul { margin: 0; } .products-slider .inside { width: 280px; margin-left:auto; margin-right:auto; } #main-product-groups .bx-controls, #main-promo .bx-controls, #main-producers .bx-controls, #main-categories-banner .bx-controls { display: none; } /* List - Product item layout */ .row-products { margin-bottom: 0; } .row-products .item { border: 1px solid #d2ccc8; height: 291px; padding: 0 15px; line-height: 14px; } .mainPage .row-products .item, .cartContaint .row-products .item { height: 334px; margin-bottom: 0px; position: relative;z-index: 1;} .row-products .item .go-to-product { position: absolute; left: 15px; bottom: 10px; display: table; width: calc(100% - 30px);} .row-products .item .button { display: table-cell; vertical-align:bottom; } .row-products .item .details { display: table-cell; vertical-align:bottom; padding: 2px 5px 2px 2px; font-size: 12px; text-align: right } .row-products .item .more { text-decoration:underline; margin-bottom: 2px; } .row-products .item .available { color: #407926; font-weight: bold; } .row-products .item .presale { color: #e9851c; font-weight: bold; } .row-products .item .icon { display: table-cell; background: url('../gfx/sprite.png') -593px -65px no-repeat; width: 26px; height: 38px; } .row-products .item .image { text-align: center; width: 250px; height: 228px; line-height: 228px; margin-top: 5px; } .row-products .item .image img { max-width: 250px; max-height: 228px; } .row-products .item p { margin: 0; } .row-products .item .product-title { margin-bottom: 2px; line-height: 17px; margin-top: 5px; overflow: hidden; height: 33px} .product-title { color: #3c210c; font-size: 14px; font-weight: bold; } .row-products .item .product-prices { margin-bottom: 10px; } .row-products .box-1,.row-products .box-2 { margin-bottom: 20px; } .btn.unavailable { padding: 5px 10px; } .box-title { background: #3e220c; color: #FFF; height: 335px; display: table; } .box-title .inside { padding: 0 15px; display: table-cell; vertical-align: middle; text-align: center; } .border-box { border: 1px solid #d2ccc8; padding-top: 30px; padding-bottom: 30px; background: #FFF; } .border-box h3 { margin: 0 0 25px 0; } /* main-product-groups */ #main-product-groups { border: 0; } .main-product-groups-border { position: relative; } #main-product-groups ul.resp-tabs-list { position: absolute; z-index: 2; top: -15px; left: 20px;} #main-product-groups .box-description .inside { border: 1px solid #d2ccc8; width: auto; } #main-product-groups .box-description img { margin-top: 50px; margin-left: 25px; margin-right: 25px;} #main-product-groups .box-description .inside .txt { padding: 50px 20px 0 20px; } #main-product-groups .box-description .btn { position: absolute; bottom: 10px;} #main-product-groups .row-rwd { margin-bottom: 0; } /* Main Baner Rotator */ #main-banner { margin-bottom: 20px; position: relative; clear: both; } #main-banner ul { margin: 0; } #main-banner .image { width: 100%; height: 359px; background-position: 50% 50%; } #main-banner .item { position: relative; text-align: center; } #main-banner .desc { position: absolute; top: 50%; margin-top: -130px; right: 70px; padding: 40px 20px; height: 260px; width: 390px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .8); } #main-banner .btn { margin-top: 10px; } #main-banner h1, #main-banner h2, #main-banner h3, #main-banner h4, #main-banner h5{ font-family: 'Domine', serif; font-size: 30px; font-weight: 300; line-height: 30px; margin: 10px 0; } .bx-controls .bx-controls-direction a { height: 37px; width: 23px; margin-top: -19px; outline: 0 none; position: absolute; text-indent: -9999px; top: 50%; z-index: 100; } .bx-controls .bx-prev { background: url('../gfx/sprite.png') -240px -110px no-repeat; width: 22px; height: 37px; left: -50px; } .bx-controls .bx-next { background: url('../gfx/sprite.png') -270px -110px no-repeat; width: 22px; height: 37px; right: -50px; } .main-banner-div .bx-wrapper .bx-prev { background: url('../gfx/sprite.png') -240px -70px no-repeat; left: 330px; } .main-banner-div .bx-wrapper .bx-next { background: url('../gfx/sprite.png') -270px -70px no-repeat; right: 20px; } .bx-wrapper .bx-loading { min-height: 50px; background: url('../gfx/bx_loader.gif') center center no-repeat #fff; height: 100%; width: 100%; position: absolute;top: 0; left: 0; z-index: 200; } #finder { position: absolute; z-index: 2; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .8); width: 300px; height: 359px; padding: 22px 26px 0 26px; text-align: center; top: 0; } #finder .form .form-row { height: 41px; position: relative; margin-top: 15px; } #finder .form select { margin: 0;} #finder .btn { margin-top: 20px; } #finder select {} /* Categories Baner Rotator */ #main-categories-banner { margin-bottom: 20px } #main-categories-banner ul { margin: 0; } #main-categories-banner .domine-title { font-weight: bold; } #main-categories-banner .image { width: 100%; height: 323px; position: relative; } #main-categories-banner .item { height: 323px; position: relative; } #main-categories-banner .desc { position: absolute; bottom: 20px; left: 20px; width: 50%; padding: 20px; background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */ background: rgba(255, 255, 255, .8); } #main-categories-banner .btn { margin-top: 20px; } /* Carousel with logos */ #main-producers { background: #3e220c; padding: 10px 0; margin-bottom: 20px; } .main-producers-slider li { text-align: center; } #delivery-quality .box-description-1,#opinion-newsletter .box-description-1 { margin-left: 0; } .box-image { text-align: center; } #delivery .btn,#quality .btn,#opinions .btn,#newsletter .btn { position: absolute; bottom: 20px; right: 20px; z-index: 2; } #opinions .box-description-1:last-child { display:none } #delivery-quality .domine-title, #opinions-newsletter .domine-title { font-size: 24px; font-weight: 700; } #delivery-quality .box-description-1, #opinions .box-description-1 { width: 258px; } #footer-copy a { text-decoration: underline; } /*SITEMAP & CONTACT & SOCIAL */ .title { font-weight: bold; text-transform: uppercase; padding-bottom: 15px; } #sitemap-contact .inside { padding: 30px 0 30px 55px; } #sitemap-contact ul { margin: 0;} #sitemap-contact li { list-style-type: none; padding: 0; line-height: 24px; } #sitemap-contact li a { color: #FFF; } #sitemap,#contact,#social { background: #3e220c; color: #FFF; height: 295px; } #contact { line-height: 16px; background: #3e220c url('../gfx/bg-contact.png') 100% 100% no-repeat; } #social { display: table; } #social .inside { display: table-cell; vertical-align: middle; } #social a { display: block; color: #FFF;} #social a:before { display: inline-block; width: 30px; height: 30px; content: ""; background: no-repeat; vertical-align: middle; margin-right: 7px; } #social a.social-link-facebook:before { background: url('../images/pages/social/fb.png') } #social a.social-link-instagram:before { background: url('../images/pages/social/instagram-icon.png') } #social a.social-link-tweeter:before { background: url('../images/pages/social/twitter.png') } #social a.social-link-pinterest:before { background: url('../images/pages/social/pinterest.png') } #social a.social-link-google:before { background: url('../images/pages/social/google.png') } #social a.social-link-blog:before { background: url('../images/pages/social/chocolissimo_blog_logo.png') } /* Opinion stars */ #rank .btn-add-opinion { display: inline-block; vertical-align: middle; font-size: 12px; } #rank .ratings { display: inline-block; vertical-align: middle; margin: 0 } .ratings { margin: 10px 0px 20px } .ui-stars-star, .ui-stars-cancel {float: left; display: block; overflow: hidden; text-indent: -999em; cursor: pointer;} .ui-stars-star a,.ui-stars-cancel a { width: 16px; height: 15px; display: block; background: url('../gfx/jquery.ui.stars.gif') no-repeat 0 0; } .ui-stars-star a { background-position: 0 -32px; } .ui-stars-star-on a { background-position: 0 -48px; /*rated*/} .ui-stars-star-hover a { background-position: 0 -64px; /*hover*/} .ui-stars-cancel-hover a { background-position: 0 -16px;} .ui-stars-star-disabled,.ui-stars-star-disabled a,.ui-stars-cancel-disabled a { cursor: default !important;} /* Pretty lightbox */ div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../../gfx/prettyPhoto/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../../gfx/prettyPhoto/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../../gfx/prettyPhoto/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../../gfx/prettyPhoto/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../../gfx/prettyPhoto/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width: 33px; height: 33px; background: url("../gfx/sprite.png") -180px -150px no-repeat; position: absolute; top: -15px; right: -15px; border: 0; z-index: 10000;} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(../../gfx/prettyPhoto/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(../../gfx/prettyPhoto/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(../../gfx/prettyPhoto/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(../../gfx/prettyPhoto/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{cursor:pointer} div.dark_square .pp_previous:hover{cursor:pointer} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:10px} .pp_content_container .pp_right{padding-right:10px} .pp_content_container .pp_details{float:left;margin:7px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} a.pp_previous {left: -30px; display:block; position: absolute; height: 100%; width: 40px; top: 0; z-index:2005; } a.pp_previous div{background: url('../gfx/sprite.png') -240px -70px no-repeat; width: 22px; height: 37px; text-indent:-10000px; top: 48%; position: relative} a.pp_next {right: -30px; display:block; position: absolute; height: 100%; width: 40px; top: 0; z-index:2005; } a.pp_next div{background: url('../gfx/sprite.png') -270px -70px no-repeat; width: 22px; height: 37px; text-indent:-10000px; position: relative; top: 48%; float: right; } a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} #pp_full_res .pp_inline video{width: 100%;} div.ppt{color:#fff;font-size:17px;z-index:9999;margin:0 0 5px 15px; display:none !important;} div.pp_fade .ppt {display:block !important;} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} .pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.dark_square .pp_details {position:relative} div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next {margin-top:12px!important} div.dark_square .pp_arrow_previous.disabled {background-position:0 -87px;cursor:default} div.dark_square .pp_arrow_next.disabled {background-position:-22px -87px;cursor:default} div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:10px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /*Mini cart in menuTop - maxa*/ .miniCart { position: absolute; display: none; z-index: 102; } .miniCart.visible-global:before { content: ''; width: 14px; height: 15px; background: url('../gfx/sprite.png') -450px -105px no-repeat; position: absolute; top: -12px; left: 175px; } .miniCart table{ margin: 0px; background:#fff; border: 3px solid #3e220c; } .miniCart img { max-width: 40px; } .miniCart table.basket td { padding: 5px; } .miniCart table.basket td.name { padding-right: 10px; } tr.sub .num img { float: none; } .tele_2 .miniCart { margin-left: -43px; } /* CATEGORY PAGE */ #sideBar { padding-bottom: 20px; } #sideBar .sideBar-title { background-color: #3e220c; color: #FFF; padding: 6px 10px 8px 10px; text-transform: uppercase; font-weight: bold; line-height: 12px; font-size: 14px; margin-bottom: 13px; } #menu { padding-bottom: 30px; } .nav-list { margin: 0 0 0 10px; padding: 0; } .nav-list li { padding: 5px 0;} .nav-list > li > a { color: #796454; line-height: 12px; padding: 0; margin: 0; font-weight: bold; text-transform: uppercase; } .nav-list > li > a:hover,.nav-list > li > a:focus { text-decoration:none; background-color: transparent; color: #3e220c; } .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { background-color: transparent; color: #3e220c; text-shadow: none; background-color: transparent; } /* level 2*/ .nav-list .nav-list { margin: 5px 0 0 0; } .nav-list > li > .nav-list > li > a { font-weight: bold; text-transform: uppercase; padding-left: 10px; } .nav-list > li > .nav-list > .active > a { border-left: 4px solid #3e220c; color: #3e220c; font-weight: bold; padding-left: 6px; } /* level 3*/ .nav-list .nav-list .nav-list { margin: 5px 0 15px 0px; font-size: 12px; } .nav-list > li > .nav-list > li > .nav-list > li > a { font-weight: normal; text-transform: none; } .nav-list .nav-list .nav-list a { font-weight: normal; } #filters { font-size: 13px; } #filters .filter-title { border-bottom: 1px solid #654e3d; font-weight: bold; } #filters .filters-box { margin-left: 10px; margin-bottom: 30px; margin-right: 50px } #filters .filters-row label { display: inline-block; vertical-align: middle; margin-top: 4px; } #filters .filter-box-6 { margin-top: -20px; margin-bottom: 10px; } #filters #clear { margin-top: 5px } #temporaryModalDiv.modal .modal-body {max-height: 600px} .category-view-bar { padding-bottom: 10px; padding-top: 15px; font-size: 12px; } .category-view-bar label { display: inline-block; margin: 0 10px 0 0; vertical-align: middle; line-height: 24px; } .category-view-show { line-height: 28px; } .category-view-show .active { font-weight: bold; color : #3e220c;} .category-view-sort form { margin: 0; } .category-view-sort .form { display: inline-block; vertical-align: middle; margin-right: 20px; } .category-view-sort select { margin: 0; padding: 4px 6px; } .pagination { margin: 0; } .pagination ul { box-shadow: none; border-radius: 0; } .pagination ul > li { display: inline-block; } .pagination ul > li > a { border: 0; padding: 7px 12px; line-height: 12px; font-size: 12px; } .pagination ul > li:first-child > a ,.pagination ul > li:last-child > a { border-radius: 0; } .pagination ul > li > a:hover { font-weight: bold; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background: #796454; color: #FFF; font-weight: normal; } .pagination ul > li.link-first > a, .pagination ul > li.link-prev > a, .pagination ul > li.link-next > a, .pagination ul > li.link-last > a { padding: 7px 5px; } #category-header { position: relative; float: right; } #category-header .image { width: 100%; height: 144px; position: relative; } #category-header .desc { position: absolute; left: 25px; bottom: 15px; width: 90%; padding: 20px; background: rgb(255, 255, 255);background: rgba(255, 255, 255, .8); } #category-header .desc p { margin: 0px } .category-additional-info { padding: 30px 0; } .row-subcategories .item { margin-bottom: 20px; position: relative; } .row-subcategories .item .btn { bottom: 20px; position: absolute; right: 20px; z-index: 2; } .row-subcategories .row-sub-1 .inside { padding: 0 20px; } .row-subcategories .row-sub-1 .border-box { height: 323px } .subcategory-title a { font-family: 'Domine', serif; font-size: 19px; color: #3e220c; font-weight: bold; } .subcategory-title { margin-bottom: 1px; } .subcategory-title-info { font-family: 'Domine', serif; font-size: 14px; color: #3e220c; margin-top: 0px; } .row-landing-page .subcategory-title { border-bottom: 2px solid #3a2311; padding-bottom: 20px; margin-bottom: 20px;} .row-landing-page .subcategory-title .pull-right a { font-size: 13px; font-weight: normal; font-family: 'Open Sans', sans-serif; } .row-landing-page > .box-2 { margin-top: 40px; margin-bottom: 50px; } /* PRODUCT PAGE */ .breadcrumb { background: transparent; border-radius: 0; margin: 0; padding: 0; } .breadcrumb .active a, .breadcrumb .active { color: #3e220c; font-weight: bold; } #prev-next a { font-weight: bold; color: #796454; text-transform: uppercase; line-height: 10px; padding-left: 16px; float: left; position: relative;} #prev-next a.prev:before { display: inline-block; content: ""; background: url('../gfx/sprite.png') -130px -150px no-repeat; width: 8px; height: 8px; top: 1px; left: 0; position: absolute; } #prev-next a.back:before{ display: inline-block; content: ""; background: url('../gfx/sprite.png') -140px -150px no-repeat; width: 8px; height: 8px; top: 1px; left: 0; position: absolute; -moz-transform:rotate(-90 deg); -webkit-transform:rotate(-90deg); } #prev-next a.back{ margin-left: 3%; } #prev-next a.next { float: right; padding-right: 16px; padding-left: 0; text-align: right;} #prev-next a.next:after { display: inline-block; content: ""; background: url('../gfx/sprite.png') -140px -150px no-repeat; width: 8px; height: 8px; top: 1px; right: 0; position: absolute; } #product-info-name { float: right; } #modalConfigurator #product-info-name { float: left; } #product-social { margin-top: 5px; display: inline-block; } #product-social .gplus { display: inline-block; margin-left: 15px; vertical-align: top; margin-top: 2px; } #product-social .fb { display: inline-block; vertical-align: middle; } #product-social .btn-recommend { background: transparent url('../gfx/sprite.png') -400px -110px no-repeat; width: 20px; height: 14px; padding: 0; text-indent: -5000px; vertical-align: top; margin-top: 2px; display: inline-block; } #rank { display: inline-block; margin-right: 20px; vertical-align: middle; height: 30px; } #propertieses { color: #796454; margin-top: 40px; } #prices { float: left; } #prices p { padding: 0; margin: 0 0 3px 0; color: #796454; } #prices .yourPrice { font-size: 24px; font-weight: bold; color:#3e220c; padding: 0; } #prices .main-price .strike-through { text-decoration: line-through; color: #bfaea0; font-weight: normal; } #prices .additional-info { margin-bottom: 10px; } .oldPrice { color: #9e9086;text-decoration:line-through;margin: 0 3px; white-space:nowrap; } .newPrice { color: #dc3031; white-space:nowrap; } #product-info-images {width: 484px; margin-left: 40px; margin-right: 76px; margin-bottom:20px} #product-info-images ul { margin: 0 } #product-info-images .bx-controls .bx-controls-direction a {top: 41%} #product-info-images .bx-controls .bx-prev {left: -30px} #product-info-images .bx-controls .bx-next {right: -30px} #product-info-images .bx-wrapper .bx-pager { bottom: -95px; } #product-info-images .bx-wrapper .bx-pager div { display: inline; } #product-info-images .bx-wrapper .bx-pager a { display: inline-block; border: solid #ccc 1px; margin: 5px 2px; width: 81px; height: 81px; } #product-info-images .bx-wrapper .bx-pager a img { width: 79px; height: 79px; } #product-info-images .bx-wrapper .bx-pager a:hover, #product-info-images .bx-wrapper .bx-pager a.active { border: solid #3e220c 1px; } #itemConfigurator {margin-left: -30px; margin-right: -30px} #product_slider { display: none; } #product-movie { width: 480px; height: 374px; background: white; margin-top: 110px; margin-left: 2px} #product-movie video { background: white; width: 480px; } #delivery-basket { float: right; max-width: 400px } #product-tabs-container { position: relative; margin-top: 40px; } #product-tabs ul.resp-tabs-list { background-color: #3e220c; width: 100%; color: #FFF; } #product-tabs ul.resp-tabs-list li { padding: 16px 13px 14px 13px; position: relative; margin: 0; } #product-tabs ul.resp-tabs-list li.resp-tab-active:after { display: block; content:""; width: 18px; height: 14px; position: absolute; left: 50%; margin-left: -9px; bottom: -14px; background: url('../gfx/sprite.png') -360px -70px no-repeat;} h2.resp-accordion { font-family: 'Open Sans', sans-serif; position: relative; z-index: 3;} #recently-viewed .title-bar {text-transform: uppercase;} #similiar-products, #frequently-bought { margin-top: 20px } #product-reviews .border-box { padding: 20px; margin-bottom: 20px; } .add-opinion a { width: 100%; padding: 0; height: 140px; padding-top: 75px; font-weight: bold; font-size: 17px; background-color: #796454; } .add-opinion a:before { display: block; content:""; width: 24px; height: 23px; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -12px;background: url('../gfx/sprite.png') -150px -150px no-repeat; } .add-opinion a:hover { background-color: #3E220C; } .title-bar { background-color: #3e220c; color: #FFF; padding: 16px 30px 14px 30px; width: auto; float: none; font-weight: bold; margin: 20px 0; } .icone { display: inline-block; vertical-align: middle; width: 17px; height: 17px; background: url('../gfx/sprite.png') -400px -70px no-repeat; line-height: 17px; } .ic-question { background-position: -400px -70px; margin-left: 10px;} .icone-calendar { width: 26px; height: 28px; background: url('../gfx/sprite.png') -450px -70px no-repeat; margin-right: 15px;} #product-label .row-rwd{margin : 10px 10px 25px} #product-label p{text-align: justify} /*FORMS */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select.form-control, textarea.form-control { border-radius: 0; border: solid #3e220c 1px } /* CUSTOM FORM ELEMENTS ********************************************************************************************* */ .form { position: relative; } .checkbox-styled { display: none; } .checkbox-styled + label { display: inline-block;position: relative;margin-left: 6px;} .checkbox-styled + label:before { background-color: #f5f5f5;border: 1px solid #cfcfcf; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); border-radius: 3px; width: 13px; height: 13px; display: inline-block; content: ""; position: relative; right: 4px; top: 2px} .checkbox-styled + label:active:before, .checkbox-styled:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} .checkbox-styled:checked + label:before, .checkbox-styled:checked + label:hover:before { background-color: #796454; border: 1px solid #969696; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);} .checkbox-styled:hover + label:before, .checkbox-styled + label:hover:before { background-color: #bcb1a9;} .radio-styled { display: none; } .radio-styled + label { -webkit-appearance: none; display: inline-block; position: relative; margin-left: 6px; } .radio-styled + label:before { background-color: #f5f5f5; border: 1px solid #cfcfcf; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); width: 11px; height: 11px; border-radius: 50px; display: inline-block; content: ' '; position: relative; right: 4px; top: 2px; } .radio-styled:checked + label:before, .radio-styled:checked + label:hover:before{ background-color: #796454; border: 1px solid #969696;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);} .radio-styled:hover + label:before, .regular-radio + label:hover:before { background-color: #bcb1a9;} #finder .form-row select { width: 100%; height: 38px; margin: 0px; padding: 6px; border: 0; color: #FFF; background-color: #000; font-size: 14px; font-weight: bold; opacity: 0.8; -webkit-appearance: none; -moz-appearance: none; background: url('../gfx/cfs-select-wide.png') no-repeat scroll 103% #796454; } noindex:-o-prefocus, #finder .form-row select { background: #918173; } .darhHeader { background-color: #3e220c; background-position: 98% 50%; background-repeat: no-repeat; padding: 20px 240px 20px 20px; margin: 20px 0 20px 0; } .darhHeader h5 { font-family: 'Domine', serif; font-size: 30px; line-height: 30px; color: #FFF; margin: 0; } .darhHeader p { margin: 5px 0 0 0; color: #FFF; line-height: 16px; } .lineHeader { border-bottom: 1px solid #3e220c; padding: 0 0 10px 20px; margin: 20px 0 20px 0; font-size: 14px; font-weight: bold; text-transform: uppercase; } .alert img.pull-left { margin-right: 15px; vertical-align: middle; } /* ADDONS */ .addons-entry { margin-top: 20px; } .row-addons .item { height: 280px; border: 0;} .row-addons .item .image { height: 160px; line-height: 160px; } #AddonsItemsSummaryPrice { margin-top: 10px; margin-bottom: 30px; } a.delete { height: 15px; width: 14px; text-indent: -5000px; text-align: left; background: url("../gfx/sprite.png") -430px -70px no-repeat; display: inline-block; vertical-align: middle; margin: 0 10px; } .addonsBottom { padding: 35px 0; clear: both; } #AddonsItemElements .addons-plus-minus { margin-top: 5px; } #AddonsItemElements .addons-plus-minus .itemQuantity { width: 20px; padding: 0; line-height: 14px; font-size: 12px; height: 16px; margin-bottom: 4px; } #AddonsItemElements a.minus, #AddonsItemElements a.plus { line-height: 16px; } .wish-content.resp-vtabs li { color: #796454; padding: 0 !important; margin: 8px 0; font-weight: bold; } .wish-content.resp-vtabs li.resp-tab-active { color: #3e220c; border: 0; border-left: 3px solid #3e220c; padding-left: 15px !important; } .wish-item { border: 1px solid #d2ccc8; background: #FFF; padding: 15px; margin-bottom: 30px; } .wish-item .info { font-size: 12px; height: 100px; line-height: 12px; } .wish-item .info .line1:first-letter { font-size: 32px; font-family: 'Domine', serif; } .modal.modal-lg { margin-left: auto; margin-right: auto; } @media (max-width: 767px) { #wishTextModal .modal-body { padding: 0; } #wishTextModal h2.resp-accordion, #wishTextModal h2.resp-tab-active { background: #FFF !important; border-bottom: 1px solid #dedede !important; color: #796454; text-align: center; font-weight: bold; padding: 8px 0; } #wishTextModal h2.resp-tab-active { color: #3e220c; } .resp-tab-content-active { background: #f8f8f8; padding: 5px 5px 0 5px; border-bottom: 1px solid #dedede !important; } .wish-item { margin-bottom: 5px; padding: 10px 7px; } .wish-item .info { height: auto; margin-top: 5px; } #wishTextModal.modal.modal-lg .resp-tab-content .row { margin: 0; } #wishTextModal.modal.modal-lg .resp-tab-content .col-xs-12.col-lg-6 { padding: 0; } } @media (min-width: 1199px) { #wishTextModal.modal.modal-lg { width: 1150px; } #wishTextModal.modal.modal-lg .modal-dialog { width: 1100px; } #wishTextModal .resp-vtabs .resp-tabs-container { width: 81%; } #wishTextModal .resp-vtabs ul.resp-tabs-list { width: 18%; } } @media (min-width: 1340px) { #wishTextModal.modal.modal-lg { width: 1320px; } #wishTextModal.modal.modal-lg .modal-dialog { width: 1300px; } #wishTextModal.modal.modal-lg .resp-tab-content .col-xs-12.col-lg-6 { width: 33.3333333333%; } } .ui-dialog { border: 10px solid #d8d7d6; background: #FFF; padding: 20px; position: relative; z-index: 200} .ui-dialog-titlebar { color: #3e220c; text-align: center; text-transform: uppercase; font-weight: bold; padding-bottom: 20px; font-size: 18px; } .ui-dialog-titlebar-close { width: 33px; height: 33px; background: url("../gfx/sprite.png") -180px -150px no-repeat; position: absolute; top: -20px; right: -20px; border: 0; } #opinionForm td { padding-bottom: 10px; } #shopOpinions { margin-top: 20px; } #shopOpinions .border-box { padding: 20px; margin-bottom: 20px } .packages-slider { margin: 40px 50px; position: relative; } .packages-slider .inside { width: 266px} .packages-slider .item { width: 200px; position: relative; text-align: center;} .packages-slider .item .btn-zoom { display: block; width: 13px; height: 13px; background: url('../gfx/sprite.png') -95px -247px no-repeat; position: absolute; text-indent: -32768px; right: 0; top: 0; text-align: left !important; } .packages-slider .product-prices { margin-top: 20px; } .picker__holder { overflow: visible; } @media (max-width: 767px) { .sizes-slider li { margin-left: 40px; } .packages-slider { margin-left: 0px !important; margin-right: 0px !important; } .packages-slider li { width: 500px; margin-left: 40px; } .ticketContent-image img { max-width: 170px; max-height: 170px; } .help-inline{display:block} } @media (max-width: 480px) { .sizes-slider li { margin-left: 10px; } } .view-table { width: 100%; display: table; } .view-row { display: table-row; line-height: 14px; width: 100%; } .view-cell { display: table-cell; vertical-align: middle; padding: 15px 0; border-bottom: 1px solid #d7d0cb; } @media (min-width: 768px) { .product-description { display: none; } .controls-selected { display: none; } } .modal .modal-content { border: 10px solid #dedede; border-radius: 0; } .modal label,.modal input { font-size: 13px;} .modal-header { background-color: #3e220c; color: #FFF; text-align: center; position: relative; text-transform: uppercase; } .modal-header .close { margin: 0; } .modal-header h3 , .modal-header p { font-family: 'Open Sans', Arial; font-size: 16px; font-weight: bold; margin: 0; } .modal-header button,.modal-header button:hover { width: 33px; height: 33px; background: url("../gfx/sprite.png") -180px -150px no-repeat; position: absolute; top: -25px; right: -20px; border: 0; opacity: 1; text-indent: -5000px; text-align: left; } .modal-body { max-height: 650px; overflow-y:auto; } .modal.fade.in { top: 5%; } .modal-body form { margin: 0; } .modal-footer { text-align: center; border: 0; background-color: transparent; } .modal ul,.modal ol { margin: 0 0 0 25px; } .ticketContent-image img { max-width: 655px; max-height: 304px; } .ticketContent { padding-top: 20px; padding-left: 20px } .ticketBorder { padding-top: 40px; } .ticketBorder input.ticket { border: 0; height: 20px; line-height: 20px; padding: 0; width: 175px; background: url("../gfx/dots.png") 0 100% repeat-x; box-shadow: none; margin-left: 20px; text-align: center; } .btn .normal { font-weight: normal; } .basket-desc .ticketContent { padding-top: 0; font-size: 11px; line-height: 16px; width: 150px; text-align: center; } #newsletterModal .control-label { padding-top: 0;} #newsletterModalDiv .modal-footer { box-shadow: none; } #newsletterModalDiv .modal-dialog{background-color: #fff;} #loaderDiv { background: none repeat scroll 0 0 #FFFFFF; opacity: 0.8; position: absolute; text-align: center; left: 0; right: 0; top: 0; bottom: 0px; z-index: 1009; } #loaderDiv img { margin: 250px auto auto; } #graver, #chocoPostcard { margin-bottom: 15px; text-align: right; display: block } #delivery-info {display: table; } #delivery-info > div {display: table-cell} #delivery-info .deliveryAvailable { background: url('../gfx/sprite.png') -537px -70px no-repeat; width: 57px; height: 67px; vertical-align: middle; border-right: 5px solid #fff;} #delivery-info .availability { font-size: 12px; vertical-align: middle; padding: 8px 14px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #f6ede8; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} #delivery-info .availability strong { text-transform: uppercase; } #delivery-info span { display: inline-block; } #delivery-date .pick-delivery-date { border: 1px solid #cccccc; cursor:pointer; background-color: #FFF; } #delivery-date .delivery-date-lab { font-weight: bold; margin-right: 5px; } #delivery-date #pickerIcon { cursor:pointer; padding-top: 5px; padding-bottom: 5px; } #delivery-date #pickerIcon i.glyphicon-calendar::before { font-size: 13px; } #delivery-date .input-append {margin: 0} #delivery-date #possibilityCountry {padding: 3px} .graver-lab { margin-right: 10px; margin-top: 4px; display: block-inline; vertical-align: middle; font-weight:bold; font-size: 14px; text-transform:uppercase; } .delivery-date-add, .graver-add , .postcard-add{ font-size: 11px; color: #796454; white-space: normal; } .picker--opened .picker__frame { top: 10px !important; bottom: auto !important; } .picker__table { margin-bottom: 0 !important; } .graver input.text { margin-left: 10px; } .graver .btn-add-graver { margin-top: 10px; } .basket-products-btn .chocoPostcard { display: block; clear: both; } .chocoPostcardButton { margin-right: 20px; vertical-align: middle; } .chocoPostcard .alert { border-radius: 3px; padding: 2px 15px; font-size: 13px; margin: 0 0 5px 0; } .chocoPostcardInfo { line-height: 28px; display: inline-block; } .chocoPostcardInfo .postCardLighbox { font-weight: bold; } #couponsInfoWant, #passportInfoWant { text-transform: uppercase; font-weight: bold; color: #3e220c; position: relative; padding-left: 20px; } #couponsInfoWant:before, #passportInfoWant:before { content: ''; width: 12px; height: 13px; background: url("../gfx/sprite.png") -414px -151px no-repeat; display: inline-block; position: absolute;left: 0; top: 4px; } #couponsInfoWant.selected:before, #passportInfoWant.selected:before { background-position: -426px -151px; } #couponsForm { margin-left: 0; margin-top: 20px; } .pralines .box-1 {height: 360px} /*COMMON FOR PRIVATE, CHOCOTELEGRAMM and SETS */ #CTItemSummary { text-align: right; } #CTItemPrice { font-size: 28px; margin-bottom: 20px } #CTItemDescription { margin: 20px 0 50px 0;} .CT-Priv-Grid .title-bar, .CT-Priv-Grid .title-bar-action { background-color: #402713; } .CT-Priv-Grid .title-bar-action a.btn-go-shopping { float: left; padding: 10px 25px 10px 40px; position: relative; } .CT-Priv-Grid .title-bar-action a.btn-go-shopping:before { display: inline-block; content: ""; width: 11px; height: 13px; position: absolute; top: 50%; margin-top: -6px; left: 14px; background: url('../gfx/sprite.png') -400px -150px no-repeat; } .CT-Priv-Grid .title-bar-action { margin: 20px 0; } .CT-Priv-Grid .title-bar-action .title-bar { margin: 0; } .CT-Priv-Grid .title-bar { padding: 10px 25px; font-weight: normal; } .CT-Priv-Grid .btn-change-prpackage { padding: 10px 50px 10px 20px; position: relative; } .CT-Priv-Grid .btn-change-prpackage:after { display: inline-block; content: ""; width: 13px; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 20px; background: url('../gfx/sprite.png') -365px -110px no-repeat; } .CT-Priv-Grid .CT-section-description-sub { font-weight: bold; } .CT-Priv-Grid .btn-pull { display: none; } #CTItem,#PRItem { margin-bottom: 50px; } #CTItem .big-image,#PRItem .big-image { margin: 20px 0; text-align: center; } #CTItem .hr,#PRItem .hr { margin: 5px 0;} #CTItem .action,#PRItem .action { text-align: right; font-weight: bold; } #innerLoader { width: 150px; margin: 0 auto; text-align: center; } #innerLoader img { margin-top: 30px; margin-bottom: 30px; } .shareConfiguration {display: none} /* EMPTY SEARCH RESULT */ #emptyResult { color: #3e220c; border: 2px solid #3a87ad; margin-top: 15px; } #emptyResult .content { padding: 10px; } #emptyResult .footer ul { margin-left: 20px; } #emptyResult #shopSearch { width: 100%; border: 1px solid #3a87ad; height: 30px; } #searchForm .input-group-btn .btn { margin-top: 0; } /* 1500px */ @media (min-width: 1600px) { .container { width: 1480px !important; } #opinions .box-description-1:last-child { display: block } .box-3 { width: 880px; } #modalConfigurator .box-3 { width: 830px; } .box-4 { width: 1180px; } .box-5 { width: 1480px; } } /* 1200px */ @media (min-width: 1200px) and (max-width: 1599px) { .box-5 { width: 1180px ; } .box-4 { width: 880px; } .box-3 { width: 580px; } .container { width: 1180px !important; } #main-banner .image { background-size: 1180px 359px !important; } #sitemap .box-1 { width: 193px; margin-right: 20px; } #sitemap .inside { padding-left: 0; } #sitemap .box-description-1 .inside { margin-left: 20px; } #sitemap .box-description-2,#sitemap .box-description-3 { margin-right: 0; } .empty { display: none; } .row-subcategories .row-sub-1:nth-child(3), .row-subcategories .row-sub-1:nth-child(6), .row-subcategories .row-sub-1:nth-child(9), .row-subcategories .row-sub-1:nth-child(12), .row-subcategories .row-sub-1:nth-child(15), .row-subcategories .row-sub-1:nth-child(18), .row-subcategories .row-sub-1:nth-child(21) { width: 280px; margin-top: -343px} .row-subcategories .row-sub-1:nth-child(3) .border-box, .row-subcategories .row-sub-1:nth-child(6) .border-box, .row-subcategories .row-sub-1:nth-child(9) .border-box, .row-subcategories .row-sub-1:nth-child(12) .border-box, .row-subcategories .row-sub-1:nth-child(15) .border-box, .row-subcategories .row-sub-1:nth-child(18) .border-box, .row-subcategories .row-sub-1:nth-child(21) .border-box { height: 666px;} .row-subcategories .row-sub-1:nth-child(3) .box-description-1, .row-subcategories .row-sub-1:nth-child(6) .box-description-1, .row-subcategories .row-sub-1:nth-child(9) .box-description-1, .row-subcategories .row-sub-1:nth-child(12) .box-description-1, .row-subcategories .row-sub-1:nth-child(15) .box-description-1, .row-subcategories .row-sub-1:nth-child(18) .box-description-1, .row-subcategories .row-sub-1:nth-child(21) .box-description-1 { margin-top: 40px} #header-logo > a { left: 0; } #services { margin-left: 180px; } } /* 768px TABLET */ @media (min-width: 768px) and (max-width: 1199px) { .box-1 { width: 236px; } .box-2,.box-3,.box-4 { width: 492px; } .box-5 { width: 748px; } .border-box .box-1 { width: 234px; } .border-box .box-2,.border-box .box-3,.border-box .box-4 { width: 490px; } .border-box .box-5 { width: 746px; } .row-landing-page > .box-2 { width: 746px; } .row-landing-page > .box-2 .box-description-1 { width: 470px; } body { margin: 0 10px;} .container { width: 748px !important; } #header .cont { height: 140px; } #header-logo a { top: 50px; left: 0; } #category-header,#sideBar,#page,#categoryPage { float: none; width: auto; margin-left: 0;} #header-additional { float: none; text-align: center; margin-left: 175px; position: absolute; top: -100px; left: 0; } .row-products .inside { width: 236px; } .row-products .item .image { width: 194px; height: 194px; line-height: 194px; } .row-products .item .image img { max-width: 194px; max-height: 194px; } .row-products .item { height: 247px; } .row-products .item .go-to-product { bottom: 8px; left: 10px; width: calc(100% - 20px); } .row-products .item .icon {display: none} .row-products .item .details { font-size: 11px; } .row-products .item .presale { font-size: 9px; font-weight: normal } .go-to-product .btn {padding: 5px 8px;} .mainPage .row-products .item { height: 300px; } .box-title { height: 300px; } #footer .box-image { width: 271px } #delivery-quality .box-description-1, #opinions-newsletter .box-description-1 { width: 432px; margin-left: 0 !important; } #quality {display: none} #sitemap .box-1 { width: 148px; margin-right: 20px; } #sitemap .inside { padding-left: 0; } #sitemap .box-description-1 .inside { margin-left: 20px; } #sitemap .box-description-2,#sitemap .box-description-3 { margin-left: 0; } #contact .inside { padding-left: 30px; } #social { background: #FFF; width: 748px; text-align: center; height: auto; } #social a { color: #3e220c; margin: 0 10px; display: inline-block } .box-description { width: 230px; } #localizer,#prev-next { width: 748px; margin: 0; } #prev-next { border-top: 1px solid #b2a79e; padding: 20px 0; margin-top: 20px; } #finder { position: relative; width: 236px; border: 1px solid #d2ccc8; padding-left: 10px; padding-right: 10px; padding-top: 0px; float: left; height: 320px; } #finder .domine-title { font-size: 26px; margin-top: 10px } #finder .form-row select { width: 175px; } #finder .form .form-row { margin-top: 10px; } #main-product-groups { width: 490px; border: 1px solid #d2ccc8; float: right; margin-bottom: 20px; } #main-product-groups .box-description .inside, #main-product-groups .row-products .item { border: 0; } #main-product-groups .box-3 { width: 236px; float: right; margin-left: 0; margin-right: 16px; padding-top: 10px; } #main-product-groups .box-description .btn { left: 20px; bottom: 0px; position: relative; } #main-categories-banner { clear: both; } .row-subcategories .row-sub-1:nth-child(3),.row-subcategories .row-sub-1:nth-child(6),.row-subcategories .row-sub-1:nth-child(9),.row-subcategories .row-sub-1:nth-child(12),.row-subcategories .row-sub-1:nth-child(15), .row-subcategories .row-sub-1:nth-child(18),.row-subcategories .row-sub-1:nth-child(21) { width: 236px; margin-top: -343px} .row-subcategories .row-sub-1:nth-child(3) .border-box,.row-subcategories .row-sub-1:nth-child(6) .border-box,.row-subcategories .row-sub-1:nth-child(9) .border-box,.row-subcategories .row-sub-1:nth-child(12) .border-box,.row-subcategories .row-sub-1:nth-child(15) .border-box,.row-subcategories .row-sub-1:nth-child(18) .border-box,.row-subcategories .row-sub-1:nth-child(21) .border-box { height: 666px;} .row-subcategories .row-sub-1:nth-child(3) .box-description-1,.row-subcategories .row-sub-1:nth-child(6) .box-description-1,.row-subcategories .row-sub-1:nth-child(9) .box-description-1,.row-subcategories .row-sub-1:nth-child(12) .box-description-1,.row-subcategories .row-sub-1:nth-child(15) .box-description-1,.row-subcategories .row-sub-1:nth-child(18) .box-description-1,.row-subcategories .row-sub-1:nth-child(21) .box-description-1 { margin-top: 40px} .row-subcategories .row-sub-1 .box-image { margin-left: 0px; margin-right: 3px; } .row-subcategories .row-sub-1 .box-image img { max-width: 215px } .row-subcategories .row-sub-1 .inside { padding: 0 10px; } #filters .filters-row { width: 23%; margin-right: 1.5%; } #addonsCurrentConfig { float: none; width: auto; } #product-info-name { float: none; width: 728px; } #product-info-description { width: 268px; } #product-info-images {width: 400px; margin-right: 40px; } .image #product-movie { width: 400px; height: 320px; background: white; margin-top: 80px; margin-left: 2px} .image #product-movie video { background: white; width: 400px; height: 300px } #delivery-basket { margin-top: 20px; max-width: 268px; } #delivery-basket div { white-space: normal; } #prices { margin-top: 15px; } #delivery.row > div { width: 100%; } .main-banner-div .bx-wrapper .bx-prev { left: 20px; } #main-banner .image { height: 434px; } #footer-copy { display: none } #product-tabs-container { width: 748px; } #delivery-date .delivery-date-lab { margin-top: 5px; } /*COMMON FOR PRIVATE AND CHOCOTELEGRAMM */ .CTRow { margin: 0; } #CTItem-pull { position: relative; width: 280px; padding: 0 20px 20px 20px; } #CTItem-pull .btn-pull { display: block; position: absolute; top: 50%; left: -65px; width: 60px; height: 134px; background: url('../gfx/sprite.png') -188px -275px no-repeat; margin-top:-227px; border-radius: 0; box-shadow: none; border: 0; text-indent: -5000px; } .CTItem-expanded #CTItem-pull .btn-pull { display: block; position: absolute; top: 50%; left: -55px; width: 55px; height: 91px; background: url('../gfx/sprite.png') -344px -150px no-repeat; border: 0; text-indent: -5000px; } .ticketBorder { padding-top: 20px; } .ticketBorder input.ticket { font-size: 13px;height: 16px; margin-bottom: 2px; width: 120px; } .ticketContent-image img { max-width: 440px; max-height: 304px; } #header-logo > a { left: 0; } #services { position: absolute; bottom: 1px; left: 0; margin-left: 180px; } .bx-wrapper .bx-loading { background: url(../gfx/bx_loader.gif) center center no-repeat; } #main-menu .nav > li > a { padding-left: 10px; padding-right: 10px;} } @media (min-width: 768px) { #contact span > a > span {color:#fff} } /* 480 PHONE */ @media (max-width: 767px) { .hidden-phone{display:none} .hidden-xs{ display:none !important; } .container,.navbar .container { width: auto; } .box-1,.box-2 ,.box-3,.box-4,.box-5 { width: auto; float: none; } .row-rwd .box-1,.row-rwd .box-2,.row-rwd .box-3,.row-rwd .box-4,.row-rwd .box-5 { width: auto; float: none; } .border-box .box-1,.border-box .box-2,.border-box .box-3,.border-box .box-4,.border-box .box-5 { width: auto; float: none; } .bx-controls .bx-controls-direction { display: block; } .row-rwd,.box-1,.box-2,.box-3,.box-4,.box-5 { margin-right: 0;} .domine-title, #category-header h1, #category-header h2, #category-header h3, #category-header h4, #category-header h5, #category-header h6, h1 { font-size: 25px; } body { width: 440px !important; margin-left: auto; margin-right: auto; padding: 0 15px; } #header .cont { height: 175px; margin-top: 55px } #nav-top .navbar { height: auto; } #nav-top { background-color: #fff } #nav-top .navbar .navbar-btn { font-weight: bold; text-align: center; text-transform: uppercase; display: inline-block; background-color: #3e220c; background-image: none; height: 50px; padding: 15px 15px; margin: 0px 0px; float: left; width: calc(100% - 89px); color: #FFF; } #nav-top .navbar-btn:hover, #nav-top .navbar .navbar-btn:focus, #nav-top .navbar .navbar-btn:active, #nav-top .navbar .navbar-btn.active, #nav-top .navbar .navbar-btn.disabled, #nav-top .navbar .navbar-btn[disabled] { color: #ffffff; background-color: #796454; background-image: none; } #nav-top .navbar { background: none; } .navbar-collapse .nav > li > a, .navbar-collapse .dropdown-menu a, #header-links { float: left; margin-left: 30px; } .navbar-collapse,.navbar-collapse.collapse { overflow: hidden; height: 0; z-index: 10; } .navbar-collapse.collapse.in { height: auto; } #main-menu .nav li { width: 100%; text-align: left; } #main-menu .nav li a { color: #3e220c; font-weight: bold; } #main-menu .nav li a:hover { color: #796454; } .search-more { width: inherit; margin-left: 25px; } #header-logo a { left: 50%; margin-left: -75px; top: 50px; } #header-user { float: left; font-size: 14px; } #header-basket { position: absolute; top: -120px; right: 0; } #header-basket > .btn-gotobasket { display: inline-block; width: 60px; height: 50px; background: #3e220c url('../gfx/sprite.png') -20px -80px no-repeat; text-indent: -5000px; } #header-basket > .btn-gotobasket:hover { background-color: #796454; } #header-basket > .btn-gotobasket:before { display: none; } #header-additional { float: none; text-align: center; margin-top: 10px;} #header-bottom { height: 41px; } #main-menu a.btn-searchbar { position: absolute; top: -100px; right: 0; width: 60px !important; } #header-additional > .hotline { padding-top: 20px; } #nav-top .navbar .navbar-btn { width: 100%; float: none; padding-left: 0; padding-right: 0; } #main-menu .nav > li > a { background-color: #7a6456; color: #FFF; display: block; width: 100%; padding: 15px 5%; margin: 0; border-bottom: 1px solid #FFF; border-radius: 0; } #main-menu .nav > li > a:hover { color: #FFF; text-decoration: underline; } .mainPage #main-menu .navbar-collapse { } #category-header,#sideBar,#page { float: none; width: auto; margin-left: 0;} #category-header .image { background-size: cover; } #finder { position: relative; width: auto; border: 1px solid #d2ccc8; padding: 10px; margin-bottom: 10px; float: none; height: auto;} #finder .form { left: 0; margin-left: 0; width: auto; } #filters { font-size: 12px; } #filters .filters-row { width: 48%; margin-right: 1.5%; } .filter-title .lab { width: 150px; } .filter-mobile-options { margin-left: 150px; } #categoryPage .row-products,.row-addons { margin-right: 0; } #categoryPage .row-products .item, .row-addons .item { border:0; height: auto; border-top: 1px solid #D2CCC8; padding: 10px 0px; position: relative; clear: both; } #categoryPage .row-products .product-title a:after { display: block; content:""; width: 100%; height: 150px; position: absolute; right: 0; top: 0; background: url('../gfx/arrow.png') 100% 50% no-repeat; } #categoryPage .row-products .box-1 { margin: 0 } #categoryPage .row-products .box-1:last-child .item { border-bottom: 1px solid #D2CCC8; } #categoryPage .row-products .item .image, .row-addons .item .image { float: left; height: 120px; line-height: 120px; margin-top: 5px; text-align: center; width: 120px; } #categoryPage .row-products .item .image img, .row-addons .item .image img { max-height: 120px; height: 120px; max-width: 120px; } #categoryPage .row-products .item .info, .row-addons .item .info { margin-top: 40px; margin-left: 140px; } .row-products .item .product-title, .row-addons .item .product-title { height: auto; line-height: 20px; } .row-products .item { padding: 0 } .category-view-show { display: none } #category-view-top .pagination { display: none } #category-view-bottom .category-view-sort { display: none } .row-subcategories .item { border: none } .row-subcategories .row-sub-1 .box-image { margin-top: 10px; margin-bottom: 10px; } .row-subcategories .row-sub-1 .border-box { height: auto; } .main-banner-div .bx-wrapper .bx-prev { left: 20px; } .products-slider .bx-wrapper .bx-prev { background: url('../gfx/sprite.png') -240px -110px no-repeat; width: 22px; height: 37px; left: 15px; } .products-slider .bx-wrapper .bx-next { background: url('../gfx/sprite.png') -270px -110px no-repeat; width: 22px; height: 37px; right: 15px; } #main-banner .image { height: 351px; background-size: 420px 351px!important; } #main-banner .desc { bottom: 0; height: auto; left: 0; margin-top: 0; padding: 0 0 20px; position: absolute; right: 0; top: auto; width: 100%;} #main-banner .btn { margin-top: 5px; } #main-product-groups .bx-controls, #main-promo .bx-controls { display: block; } #main-product-groups { width: 100%; float: center; } #main-product-groups .resp-tab-content { border: 1px solid #d2ccc8; } #main-product-groups .box-description .inside, #main-product-groups .row-products .item { border: 0; } #main-product-groups .box-3 { width: auto; float: none; margin-left: 0; } #main-product-groups .box-description .inside .btn { position: relative; float: none; margin-left: 20px; margin-top: 30px} #main-product-groups .box-description .inside .txt { padding: 10px 20px 0; } #main-product-groups h2.resp-accordion { border: 0px; margin-top: 2px; font-family: 'Open Sans', sans-serif; } #main-promo .box-title { margin-bottom: 0px } #main-promo .box-title p, #main-promo .box-title .btn { display: none; } #main-promo .box-title img { max-width: 50px; max-height: 50px; float: left; margin-right: 20px; } #main-promo .box-title .inside { overflow: hidden; text-align: left; } #main-promo .box-title .domine-title { font-size: 15px; display: inline-block; margin: 0; font-family: 'Open Sans', sans-serif; text-align: left; vertical-align: middle; line-height: 50px; padding: 0; height: auto; } #main-promo .products-slider { border: 1px solid #d2ccc8; margin-bottom: 10px } .mainPage .row-products .inside { height: auto!important;} .mainPage .row-products .inside .item { border: none; } .row-products .item .go-to-product { position: relative; left: 0px; bottom: 0px; } .row-products .item .product-prices {margin-bottom: 5px;} .box-title { display: block; height: auto; padding: 20px 0px } .box-title .inside { display: block; } #quality {display: none} #opinions .domine-title { margin-left: 20px } #sitemap-contact .row-rwd { margin-right: 0; } #sitemap, #contact, #social { background: #3e220c; color: #FFF; height: auto; } #sitemap .row-rwd .box-1 { } #sitemap .title { padding-bottom: 0px; } #contact { background: #FFF; color: inherit; height: auto; width: auto; margin-right:0; border: 1px solid #d2ccc8;} #contact .btn { display: none; } #sitemap-contact .inside { padding: 30px 0 30px 26px; } #social { background: #FFF; width: 300px; height: auto; } #social a { color: #3e220c; } #footer-copy { display: none; } #product-info-name { float: none; } #product-info-images { width: auto; margin-left: 30px; margin-right: 30px; } #product-info-images .bx-controls .bx-prev {left: -20px} #product-info-images .bx-controls .bx-next {right: -20px} #product-info-images .bx-controls .bx-controls-direction a {top: 50%} #product-movie { width: auto; height: auto } .image #product-movie { width: 100%; height: auto; background-color: white; margin-top: auto; } .image #product-movie video { background-color: #000; width: 351px !important; height: 263px !important; max-width: 100%; max-height: 100%; min-width: 250px; min-height: 187px; } #product-info-description { width: auto; } #prices { width: 100%; text-align: center; } #delivery-basket { width: 100%; max-width: 100%; text-align: center; margin-top: 20px } #delivery-basket .btn-basket { width: 100%; font-size: 23px; } .ticketBorder { text-align: center; } .ticketBorder input.ticket { text-align: center; } .addons-entry { margin-bottom: 20px; } .addons-buttons .btn-light-brown, .addons-buttons .btn-basket { padding: 10px 20px; font-size: 13px; } #parentCartItemCartForm .item > .image { text-align: center; } #parentCartItemCartForm .item > .info { width: 240px; margin: 0 auto; } #AddonsItemsSummaryPrice { font-size: 30px; } #AddonsItemsSummary .btn-basket { width: 100%; padding: 20px 0; } .row-landing-page .item { padding-bottom: 50px; } .row-landing-page > .box-2 { margin-bottom: 30px; margin-top: 30px; } .row-landing-page .subcategory-title .pull-right a { display: none; } .row-landing-page .box-image { margin-bottom: 20px; } #delivery-quality .box-description-1, #opinions .box-description-1 { width: auto; } #delivery-basket { text-align: left; } #delivery-date { margin-top: 5px } .picker__frame { max-width: none !important; width: 90% !important; } .ticketDescription { display: none; } .ticketBorder { padding-top: 5px; } .ticketContent-image img { max-height: 250px; max-width: 250px; } #newsletterModalDiv .modal { position: fixed; top: 3%; right: 3%; left: 3%; width: auto; margin: 0; } #newsletterModalDiv .modal-body { height: 60%; } #newsletterModalDiv .modal-body { max-height: 350px; padding: 15px; overflow-y: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 480px){ body { width: auto!important; min-width: 320px; } #header-links { display: none } #addTicketModal .modal-body { padding: 10px 0; } .ticketContent > .row, .ticketContent-image,.ticketBorder { max-width: 300px; margin: auto; margin: 0 auto; padding-left: 0; padding-right: 0; } .ticketBorder input.ticket { margin-left: 0;} .ticketContent { padding-top: 0; padding-left: 0; position: relative; } .ticketDescription { display: none; } .ticketContent-image img { max-height: 100px; max-width: 100px; } #newsletterModalDiv .btn-blue { font-size: 14px; padding: 11px; } #newsletterModalDiv p, #newsletterModalDiv label {font-size: 11px } .modal { left: 15px; right: 15px; } .image #product-movie video { width: 248px !important; height: 186px !important; } .row-products .item .icon { display: none; } .products-slider .inside { width: 240px; } #header-additional .hotline { font-weight: 300; font-size: 13px; } } /* Common for desktop & wide desktop */ @media (min-width: 1200px) { #header-right { min-width: 600px } #search { height: auto!important } #delivery .border-box, #opinions .border-box, #newsletter .border-box { min-height: 310px } #content .container { position: relative; } #addTicketModal .modal-dialog { width: 880px; margin-left: auto; margin-right: auto; } .addons-buttons .btn-basket, #AddonsItemsSummary .btn-basket { width: 280px; } #product-tabs ul.resp-tabs-list { padding-left: 17px; width: auto;} .filter-mobile-options { display: none; } #sideBar { min-height: 150px; } #search { max-width: 310px; } #delivery-info {padding-right: 0;} } /* Common for 1200px, tablet */ @media (min-width: 768px) and (max-width: 1599px) { #category-header .desc { bottom: 20px; } } /* Common for tablet & phone */ @media (max-width: 1199px) { #header-top { margin-top: 10px; } #header-logo { float: none; } #header-right { float: none; position: static } #header-bottom { width: 100%; } #sideBar #menu {display: none} .profile #sideBar #menu { display: block; width: 100% } .profile #sideBar #menu li { display: inline-block; margin-right: 30px } #delivery-quality .box-description-1, #opinions-newsletter .box-description-1 { margin-left: 20px; } #delivery, #opinions, #newsletter { float: none; width: auto; } #opinions { margin-bottom: 20px; } #product-info-images { clear: both; } #product-tabs ul.resp-tabs-list li { padding-left: 10px; padding-right: 10px; margin: 0; text-transform: none; font-size: 12px; } #product-tabs ul.resp-tabs-list li.resp-tab-active { border: 0; } #product-tabs ul.resp-tabs-list li.resp-tab-active { text-decoration: underline; } #search { overflow: hidden; border: 0px; padding: 0 0; margin: 0px; height: 0px; width: 100%; background: transparent; } #search.collapse.in { height: auto; } #main-menu a.btn-searchbar { display: block; height: 50px; width: 57px; padding: 10px 10px; margin: 0px 0px; float: right; text-indent: -5000px; border-radius: 0; background: url('../gfx/sprite.png') -72px -69px no-repeat #796454; } #search form { margin: 10px 0; } #search .input-group-btn { margin: 0; padding: 0; } #search input.search-query { border-radius: 0; background: transparent; border: 1px solid #462b16; color: #3e220c; box-shadow: none; font-size: 14px; width: calc(100% - 10px); padding: 4px 10px; background-color: #FFF; height: 34px; } #search input.search-query:focus { border: 1px solid #462b16; } #search button { border: 0; margin: 0px; box-shadow: none; text-indent: -5000px; width: 56px; height: 35px; border-radius: 0; background: url('../gfx/sprite.png') -72px -75px no-repeat #3e220c; padding: 0 2px; } #category-header .desc .txt { display: none } .darhHeader { padding-right: 20px; } #filters .filters-box { margin: 0;} #filters .sideBar-title { margin-bottom: 0; } #filters .filters-form { overflow: hidden; } #filters .filters-row { display: inline-block; } #filters .hr.hr-empty { display: none; } .filter-title { padding: 10px 0; } .filter-title .lab { display: block; width: 200px; float: left; text-transform: uppercase; } .filter-mobile-options { display: block; margin-left: 200px; } .filter-active { font-weight: normal; } .filter-active .lab { margin-right: 5px; } .filter-mobile-options .btn { padding: 2px 5px; float: right; background-color: transparent; color: #3e220c; } .hidden-sm{ display:none !important; } } /* ADD to Bootstrap */ .visible-wide-desktop { display: none;} @media (min-width: 1600px) { .visible-wide-desktop { display:inherit !important;} .hidden-wide-desktop {display:none !important;} .visible-desktop { display:none } } .btn-basket-copy { text-align: center; margin: 45px 0; } .btn-basket-copy a.btn-basket { width: 280px; margin: auto; } @media (min-width: 768px) { #product-reviews .row-rwd, #shop-reviews.row-rwd { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; margin: 20px 0 0 0; width: 748px; } #product-reviews .row-rwd .box-1, #shop-reviews.row-rwd .box-1 { display: inline-block; /* Display inline-block, and absolutely NO FLOATS! */ margin: 0; width: 100%; float: none; } } @media (min-width: 1200px) and (max-width: 1599px) { #product-reviews .row-rwd, #shop-reviews.row-rwd { width: 1180px; -moz-column-count: 4; -moz-column-gap: 20px; -webkit-column-count: 4; -webkit-column-gap: 20px; column-count: 4; column-gap: 20px; } .hidden-desktop{display:none !important;} .visible-desktop{display:inherit !important ;} .visible-tablet{display:none !important;} .hidden-tablet{display:none !important;} } @media (min-width: 1600px) { #product-reviews .row-rwd, #shop-reviews.row-rwd { width: 1480px; -moz-column-count: 5; -moz-column-gap: 20px; -webkit-column-count: 5; -webkit-column-gap: 20px; column-count: 5; column-gap: 20px; } noindex:-o-prefocus, #shop-reviews.row-rwd .box-1 { display: inline; } } .beforeDiscount { font-size:12px; } .basket-products-xyz { border: 1px solid #3e220c; padding: 20px;} .visible-global { display: block; } .unvisible-global { display: none; } #stataffiliateGeneral table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;} #stataffiliateGeneral table{width:100%;margin-bottom:20px;} #stataffiliateGeneral table th, #stataffiliateGeneral table td{ padding:8px; line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;} .product-tabs-top-addons {margin-top: 10px !important} .row-addons .box-1 {height: 270px;} .popover { background-color: #3E220C; border: 0; box-shadow: none; color: #FFF; font-weight: bold; text-transform: uppercase; } .popover-content { padding: 5px 10px; } .popover.bottom .arrow:after { border-bottom-color: #3E220C; } #prev-next .popover { background: #FFF; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.2); color: #3E220C; text-transform: none; } #prev-next .popover.bottom .arrow:after { border-bottom-color: #FFF; } .btn-basket.add-small { text-indent: -5000px; width: 64px; height: 50px; padding: 0; position: relative; float: right; } .btn-basket.add-small:before { content:''; display: inline-block; width: 48px; height: 22px; background: url('../gfx/sprite.png') -125px -283px no-repeat; position: absolute; left: 8px; top: 13px; } .btn-link { font-weight: bold; text-transform: uppercase; color: #6E3B2C; text-decoration: underline; } .btn-write-telegram { clear: both; } @media (max-height: 700px) { #addonDetailsModal div.modal-body, #addTicketModal div.modal-body {max-height: 500px;} } @media (max-height: 600px) { #addonDetailsModal div.modal-body, #addTicketModal div.modal-body {max-height: 400px;} } @media (max-height: 500px) { #addonDetailsModal div.modal-body, #addTicketModal div.modal-body {max-height: 300px;} } .coolPack { background: url('../gfx/coolpack_DE.png') 0 0 no-repeat; width: 216px; height: 32px; display: block; float: right; margin-right: 5px;} .button .btn, .btn-light-brown { -moz-background-clip: padding; -webkit-background-clip: padding; -o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box; background-clip: padding-box; border-width: 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border-style: solid; color: white; display: inline-block; margin: 0.2em auto; padding: 5px 10px; text-align: center; text-decoration: none; background-color: #b29680; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #CCB39F), color-stop(100%, #AD917B)); background-image: -moz-linear-gradient(top, #CCB39F 0%, #AD917B 100%); background-image: linear-gradient(to bottom, #CCB39F, #AD917B); *background-color: #b29680; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCB39F', endColorstr='#AD917B', GradientType=0); border-color: #7c6756; border-left-color: #b19884; border-top-color: #b19884; -moz-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset; -webkit-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset; -o-box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset; box-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0 0 inset; color: white; text-shadow: #a58b76 0 1px 2px; font-size: 13px; font-weight: bold; text-transform: uppercase; } @media (min-width: 768px) { #product-tabs ul.resp-tabs-list { padding-left: 0px; } #product-tabs ul.resp-tabs-list { background: #4d2b10 url('../gfx/menu-bg.jpg') 0 0 no-repeat; } #product-tabs ul.resp-tabs-list li { text-shadow: 0 1px 2px rgba(0,0,0,0.8); text-transform: uppercase; padding-left: 15px; padding-right: 15px; } #product-tabs ul.resp-tabs-list li:before { display: block; content:""; width: 2px; height: 26px; position: absolute; right: 0; top: 13px; background: url('../gfx/menu-sep.png') 0 0 no-repeat; } #product-tabs ul.resp-tabs-list li:last-child:before { display: none; } #product-tabs ul.resp-tabs-list li.resp-tab-active { color: #fbfad2; } } @media (min-width: 1200px) { #product-tabs ul.resp-tabs-list li { font-weight: 700; padding-left: 23px; padding-right: 23px; } } @media (min-width: 1600px) { #product-tabs ul.resp-tabs-list li { padding-left: 35px; padding-right: 35px; } } @media (min-width: 768px) { #nav-top .navbar { background: #3e220c url('../gfx/menu-bg.jpg') 0 0 no-repeat; background-size: 100% 100%; } #nav-top .navbar #main-menu ul.nav > li > a { position: relative; } #nav-top .navbar #main-menu ul.nav > li > a:before { display: block; content:""; width: 2px; height: 26px; position: absolute; right: 0; top: 13px; background: url('../gfx/menu-sep.png') 0 0 no-repeat; } #nav-top .navbar #main-menu ul.nav > li:last-child:before { display: none; } #nav-top .navbar #main-menu ul.nav > li > a { text-shadow: 0 1px 2px rgba(0,0,0,0.8); color: #ffffff;} #nav-top .navbar #main-menu ul.nav > li.open > a { text-shadow: none; color: #3e220c; } #nav-top .navbar #main-menu ul.nav > li.active > a { text-decoration: underline; } #nav-top .navbar #main-menu ul.nav > li.open > a:before { display: none; } #product-tabs ul.resp-tabs-list { padding-left: 0px; } #product-tabs ul.resp-tabs-list { background: #3e220c url('../gfx/menu-bg.jpg') 0 0 no-repeat; } #product-tabs ul.resp-tabs-list li { text-shadow: 0 1px 2px rgba(0,0,0,0.8); text-transform: uppercase; padding-left: 15px; padding-right: 15px; } #product-tabs ul.resp-tabs-list li:before { display: block; content:""; width: 2px; height: 26px; position: absolute; right: 0; top: 13px; background: url('../gfx/menu-sep.png') 0 0 no-repeat; } #product-tabs ul.resp-tabs-list li:last-child:before { display: none; } #product-tabs ul.resp-tabs-list li.resp-tab-active { color: #fbfad2; } } @media (min-width: 1200px) { #nav-top .navbar { background-size: 100% 100%; } #nav-top .navbar #main-menu ul.nav > li > a { font-weight: bold; } #product-tabs ul.resp-tabs-list li { font-weight: 700; padding-left: 23px; padding-right: 23px; } } @media (min-width: 1600px) { #product-tabs ul.resp-tabs-list li { padding-left: 35px; padding-right: 35px; } } /* Easy responsive tabs: */ ul.resp-tabs-list { margin: 0px; padding: 0px; background-color: #fff; } .resp-tabs-list li { font-size: 13px; display: inline-block; margin: 5px 15px; list-style: none; cursor: pointer;float: left; text-transform: uppercase; } .resp-tabs-container { padding: 0px; background-color: #fff; clear: left; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; background: #8b7a6d; text-transform: uppercase; } .resp-tab-content { display: none; padding: 0; } .resp-tab-active { border-bottom: 3px solid #3e220c; font-weight: bold; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content { /* border: 1px solid #FFF; */ } h2.resp-accordion { font-size: 13px; border: 0; border-top: 0px solid #FFF; margin: 0px 0 1px 0; padding: 10px 15px; font-weight: normal; } h2.resp-accordion { color: #FFF; } h2.resp-tab-active { border-bottom: 0px solid #FFF !important; margin-bottom: 0px !important; padding: 10px 15px !important; } h2.resp-tab-title:last-child { border-bottom: 12px solid #FFF !important; background: blue; } /*-----------Vertical tabs-----------*/ .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; } .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; } .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #FFF; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; } .resp-vtabs .resp-tab-content { border: none; } .resp-vtabs li.resp-tab-active { border: 1px solid #FFF; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; } .resp-arrow { width: 0; height: 0; float: right; margin-top: 6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #FFF; } h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #FFF; margin-top: 4px; } /*-----------Accordion styles-----------*/ h2.resp-tab-active { background: #3e220c !important; } .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { border: 1px solid #FFF; } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #FFF !important; } .resp-jfit { width: 100%; margin: 0px; } .resp-tab-content-active { display: block;} h2.resp-accordion:first-child { border-top: 1px solid #FFF !important; } /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/ @media only screen and (max-width: 767px) { ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block;} .resp-vtabs .resp-tab-content { border: 1px solid #FFF; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .resp-accordion-closed { display:none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #FFF !important; } } #postcardGalleryModal {} #postcardGalleryModal .modal-body { overflow-x: hidden; } #postcardGalleryModal .modal-body .box-1 { width: 250px; margin: 0 auto } #postcardGalleryModal .item { padding: 0px; height: auto; } #postcardGalleryModal .info { text-align: center; } #postcardGalleryModal .info p { margin: 10px 0; } #postcardGalleryModal .image { border: 1px solid #999; max-width: 227px; max-height: 227px; margin: 0 auto; width: auto; height: auto; line-height: normal; } #postcardGalleryModal .image img { max-width: inherit; vertical-align: baseline; } @media (min-width: 1200px){ #postcardGalleryModal .modal-lg{ width:1070px; } } @media (max-width: 767px) { #postcardGalleryModal { } #postcardGalleryModal .modal-body .box-1 { height: 195px; width: 100% } #postcardGalleryModal .item { padding: 5px; } #postcardGalleryModal .modal-body { max-height: 300px } #graver input { float:right; margin-top:-5px; } #graver .graver-add{ display: inline-block; } } @media (min-width: 768px) and (max-width: 1199px) { #postcardGalleryModal .modal-body { max-height: 400px } } @media (min-width: 768px) and (max-width: 992px) { .addons-buttons .col-sm-3{ padding-rigth:0px; } .addons-buttons .col-sm-5{ padding:0px; } .addons-buttons .col-sm-5 a{ display:block; } .addons-buttons .col-sm-4{ padding-left:0px; } } #newsletterModalSubmitFemale, #newsletterModalSubmitMale { margin-bottom: 0px;} /* Badges */ .choco-badge { position: absolute; left: 0; top: 0; } @media(max-width:767px) { .choco-badge { transform: scale(0.6); transform-origin: top left; } } @media(max-width: 767px) { .choco-badge { max-width: 60px;} .choco-badge img { width: 100%; height: auto; } #services-phone{padding:10px !important} #ConfiguratorTWrapper #page{ top: 20px; } } #nav-top .navbar .navbar-btn { text-align: left; padding-left: 58px; } #nav-top .navbar .navbar-btn:before { content: ''; width: 28px; height: 18px; left: 15px; top: 16px; position: absolute; background: url('/gfx/sprite.png') -326px -275px no-repeat; } #nav-top .navbar .navbar-btn { padding-left: 0; position: relative; } #nav-top .navbar .navbar-btn::before { position: relative; display: inline-block; vertical-align: middle; left: auto; top: auto; margin: 0 15px; } #deliveryDatePicker_root .modal-header .btn, #deliveryDatePicker_root .modal-footer .btn{ position:static; } #deliveryDatePicker_root .modal-footer .btn.pull-left{ background-clip: padding-box; border-radius: 6px; border-width: 1px; display: block; font-size: 16px; font-weight: 700; padding: 14px 25px; text-align: center; } #deliveryDatePicker_root .picker__day{ background-position: center center; background-size: 100% 100%; } #deliveryDatePicker_root .picker__day--selected{ border:2px solid #3e220c; color:#3e220c !important; } #deliveryDatePicker_root .delivery-box.selected{ border: 2px solid rgb(0, 0, 0); border-radius: 10px; } #deliveryDatePicker_root .delivery-box{ margin: 10px 0; padding: 20px 10px; } #deliveryDatePicker_root .modal-body { overflow: hidden; } #deliveryDatePicker_root .picker__weekday{ text-align:center; } @media(max-width:640px) { #deliveryDatePicker_root .picker__delivery .addToBasket{float:left !important} } #categoryLoader { position: absolute; z-index: 90; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0px; left: 0px; } #categoryLoader #fa-loader { color: white; font-size: 8em; left: 45%; top: 25%; position: absolute; } .fa-spin { -webkit-animation: spin 1000ms infinite linear; animation: spin 1000ms infinite linear; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } body.wait *, body.wait { cursor: wait !important; } .picker__frame{max-height: 100% !important;} #deliveryDatePicker_root input.deliveriesSelect{margin:0px;} #deliveryDatePicker_root .basket-title {font-size: 18px;font-weight: bold;margin-bottom: 0;} #deliveryDatePicker_root .description {font-size: 12px;margin-top: 4px;white-space: normal;} #deliveryDatePicker_root .deliveryImage {margin: 5px;max-width: 94px;} #deliveryDatePicker_root .col-md-6, #deliveryDatePicker_root .col-md-8{display: block !important} #deliveryDatePicker_root .delivery-box, #deliveryDatePicker_root .sub-delivery-box{position: relative;} @media (max-width: 767px) { #deliveryDatePicker_root .picker__holder{overflow: auto;} #deliveryDatePicker_root .col-md-1.text-right, #deliveryDatePicker_root .delivery-box .col-md-2.text-right { position: absolute; top: 15px; right: 15px; font-weight: bold; font-size: 14px; margin-top: 10px; width: auto; } } .basket-product-add-again .go-to-product {display: table; line-height: 14px;} .basket-product-add-again .details { display: table-cell; vertical-align:bottom; padding: 2px 5px 2px 2px; font-size: 12px; text-align: right } .basket-product-add-again .more { text-decoration:underline; margin-bottom: 2px; } .basket-product-add-again .available { color: #407926; font-weight: bold; } .basket-product-add-again .presale { color: #e9851c; font-weight: bold; } .basket-product-add-again .icon { display: table-cell; background: url('../gfx/sprite.png') -593px -65px no-repeat; width: 26px;} /*BS3 Override ************************************************************************************************* */ .container { padding-left: 0; padding-right: 0; } .form-control { height: 30px; line-height: 30px; padding-top: 4px; padding-bottom: 4px; } .form-control.input-small { width: 90px; } .navbar { border: 0; border-radius: 0; } .navbar-collapse { padding-left: 0; padding-right: 0; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } #services-phone select { height: 30px; line-height: 30px; } #sitemap-contact ul { padding-left: 0; } #services-phone label { display: inline-block; margin-top: 7px; margin-bottom: 0; } .staticPage a {text-decoration: underline; } .staticPage ul { margin-left: 30px; } .staticPage #product-tabs ul { margin-left: 0; } table { max-width: 100%; } .uneditable-input.form-control, input.form-control, textarea.form-control, select.form-control{ width: 206px; display:inline-block; } .form-horizontal .has-feedback .form-control-feedback{ left: 190px; right:auto; top:7px; } #registrationForm .form-horizontal .has-feedback .form-control-feedback { left: auto; right: 15px; top: 10px; } .radio-inline .fa-times{ display:none !important; } input[type="button"], input[type="checkbox"], input[type="file"], input[type="image"], input[type="radio"], input[type="reset"], input[type="submit"] { width: auto; } .form-control[type="checkbox"]:first-child, .form-control[type="radio"]:first-child {margin-top: -5px;} .radio-inline + .help-inline, .small + .help-inline{display: block} /*Profile addressBookForm*/ [name="addressBookForm"] label.control-label{text-align: left;padding-right:0px} .has-error td.first, .has-error p.error{color:#a94442} .has-error p.error{font-weight:bold} @media (max-width: 400px) { #categoryPage .row-products .item .info, .row-addons .item .info{ margin-left: 30px; } #categoryPage .row-products .item .image img, .row-addons .item .image img { height: 120px; max-height: 120px; max-width: 120px; } } ol, ul{ margin: 0 0 10px 25px; } .visible-tablet{ display:none; } .clearfixO{clear:both} .picker__table .picker__day { min-height: 35px;} @media (min-width: 600px) { .picker__table .picker__day{ min-height:70px } } @media (min-width:400px) and (max-width:599px){ .picker__table .picker__day{ min-height:50px } } #PRPackagesFilter.col-xs-12{ float:none; } img{ max-width: 100%; height: auto; } @media (min-width: 768px) and (max-width: 788px) { .container { overflow: hidden; } } .ecommerce-author .wrapper { border-top: 1px solid #c5bcb6; padding-top: 15px; padding-bottom: 15px; text-align: right; } .emptyBasket.container{ margin-bottom:30px } .gifts a {color: #fff;text-decoration: none;} /* WISHLIST HEADER */ #header-wishlist { float: right; padding-top: 9px; margin-right: 10px; } #header-wishlist a#topMenu-wishList { width: 21px; height: 21px; border-radius: 50%; display: block; background-color: #3e220c; position: relative; } #header-wishlist a#topMenu-wishList i { display: block; width: 13px; height: 11px; background: url('../gfx/heart.svg') 0 0 no-repeat; background-size: 13px 11px; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -5px; } #header-wishlist a#topMenu-wishList i:before { display: none; } /* WISHLIST Button */ .wishlist .btn { border-radius: 50%; border: 0; box-shadow: none; width: 39px; height: 39px; position: relative; background: #eac7c6; } .wishlist .btn#btnRemove { background-color: #cf5d5b; } .wishlist .btn .fa:before { content: ''; display: block; width: 25px; height: 20px; background: url('../gfx/heart.svg') 0 0 no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -9px; } .wishlist #loader { display: none !important; } /* Product page */ #addtobasket .wishlist { float: left; margin-top: 8px; margin-right: 10px; } /* Products list */ .item .wishlist { position: absolute; right: 10px; top: 10px; z-index: 100000; } .item .wishlist .btn { width: 28px; height: 28px; } .item .wishlist .btn .fa:before { width: 18px; height: 15px; background-size: 18px 15px; margin-left: -9px; margin-top: -7px; } /* GIFT FINDER */ #finder #filters { margin-top: 20px; } #finder #filters .filter { margin-bottom: 20px; } #finder .select2-container--default .select2-selection--single { background: rgba(121,100,84,0.8); border: 0; text-align: left; color: #FFF; font-size: 14px; font-weight: bold; height: 35px; } #finder .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; right: 8px; } #finder .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #FFF transparent transparent transparent; } #finder .select2-container--default .select2-selection--single .select2-selection__rendered { color: #FFF; line-height: 35px; padding-left: 15px; } .select2-container .select2-dropdown { background: #796454; color: #FFF; border-color: #796454; } .select2-container.select2-container--default .select2-search--dropdown .select2-search__field { border: 0; color: #796454; } .select2-container.select2-container--default .select2-results__option[aria-selected="true"] { background: #857162; } #finder .btn { margin-top: 10px; } #modalConfigurator .modal-body .row-rwd{margin-right:0px;padding: 10px;} #modalConfigurator .modal-header .close{z-index:9} @media (min-width: 768px) and (max-width: 1199px) { .productPage #product-info-configure.compo-new #components > div { width: 50%; float: left; } } /* New newsletter layer */ #newsletterModalDiv .modal-header { background-color: #000; margin: 0 0 10px; padding: 25px 0; } #newsletterModalDiv .modal-header h3 { font-size: 24px; } #newsletterModalDiv .modal-body { color: #000; } #newsletterModalDiv .form-horizontal { margin-left: 72px; } #newsletterModalDiv #newsletterStep1Canvas h1 { font-size: 26px; } #newsletterModalDiv #newsletterStep1Canvas ul { font-size: 16px; margin: 0 0 25px 25px; } #newsletterModalDiv #newsletterStep1Canvas ul li { padding-bottom: 5px; } #newsletterModalDiv .control-label { font-size: 14px; } #newsletterModalDiv .mandatory-asterisk { color: red; } #newsletterModalDiv .optional { display: block; font-size: 12px; } #newsletterModalDiv .form-group .checkbox, #newsletterModalDiv .regulations-info { font-size: 11px; } #newsletterModalForm input[type=email], #newsletterModalForm input[type=text], #newsletterModalForm input[type=tel] { border: 2px solid black; } /* The container */ .gender-wrapper .gender-container { display: inline-block; position: relative; padding-left: 35px; margin-bottom: 12px; margin-right: 5px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .gender-wrapper .gender-container input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .gender-wrapper .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #ddd; border-radius: 50%; } /* On mouse-over, add a grey background color */ .gender-wrapper .gender-container:hover input ~ .checkmark { background-color: #bbb; } /* When the radio button is checked, add a blue background */ .gender-wrapper .gender-container input:checked ~ .checkmark { background-color: #000; } /* Create the indicator (the dot/circle - hidden when not checked) */ .gender-wrapper .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .gender-wrapper .gender-container input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .gender-wrapper .gender-container .checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white; } @media (min-width: 768px) { #newsletterModalDiv .form-horizontal .control-label { text-align: left; } } @media (min-width: 993px) { #newsletterModalDiv #newsletterStep1Canvas { margin-left: 72px; } }