@font-face { font-family: 'montserrathairline'; src: url('fonts/montserrat-hairline-webfont.eot'); src: url('fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-hairline-webfont.woff2') format('woff2'), url('fonts/montserrat-hairline-webfont.woff') format('woff'), url('fonts/montserrat-hairline-webfont.ttf') format('truetype'), url('fonts/montserrat-hairline-webfont.svg#montserrathairline') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratultra_light'; src: url('fonts/montserrat-ultralight-webfont.eot'); src: url('fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-ultralight-webfont.woff2') format('woff2'), url('fonts/montserrat-ultralight-webfont.woff') format('woff'), url('fonts/montserrat-ultralight-webfont.ttf') format('truetype'), url('fonts/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratlight'; src: url('fonts/montserrat-light-webfont.eot'); src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-light-webfont.woff2') format('woff2'), url('fonts/montserrat-light-webfont.woff') format('woff'), url('fonts/montserrat-light-webfont.ttf') format('truetype'), url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('fonts/montserrat-regular-webfont.eot'); src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-regular-webfont.woff2') format('woff2'), url('fonts/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratblack'; src: url('fonts/montserrat-black-webfont.eot'); src: url('fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-black-webfont.woff2') format('woff2'), url('fonts/montserrat-black-webfont.woff') format('woff'), url('fonts/montserrat-black-webfont.ttf') format('truetype'), url('fonts/montserrat-black-webfont.svg#montserratblack') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratsemi_bold'; src: url('fonts/montserrat-semibold-webfont.eot'); src: url('fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('fonts/montserrat-semibold-webfont.woff') format('woff'), url('fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratbold'; src: url('fonts/montserrat-bold-webfont.eot'); src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-bold-webfont.woff2') format('woff2'), url('fonts/montserrat-bold-webfont.woff') format('woff'), url('fonts/montserrat-bold-webfont.ttf') format('truetype'), url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratextra_bold'; src: url('fonts/montserrat-extrabold-webfont.eot'); src: url('fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('fonts/montserrat-extrabold-webfont.woff') format('woff'), url('fonts/montserrat-extrabold-webfont.ttf') format('truetype'), url('fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg'); font-weight: normal; font-style: normal; } .cls {height: 1px; overflow: hidden; clear: both;} html {padding: 0; margin: 0;} body {min-width: 360px; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; background:url("../img/new/tapety_bg.png") 0 0 #EFEFEF; background-attachment: fixed; color: #231F20; position:relative;} h1,h2,h3,h4,h5,h6 {font-family: 'montserratregular', sans-serif; font-weight: 400;} h1 {font-size: 34px; color: #ED1651; xbackground: orange; clear: both; margin: 0;} h2 {font-size: 22px;} h3 {font-size: 20px;} h4 {font-size: 18px;} div, p, a, ul, ol, li, strong, span, form, input, button, textarea, table {box-sizing: border-box; outline: none;} button {outline: none;} #orderframe {display: none;} #newVer {display: none;} body > iframe:first-of-type {display: none;} .col1 {width:7.522123894%;} .col2 {width:15.92920354%;} .col3 {width:24.33628319%;} .col4 {width:32.74336283%;} .col5 {width:41.15044248%;} .col6 {width:49.55752212%;} .col7 {width:57.96460177%;} .col8 {width:66.37168142%;} .col9 {width:74.77876106%;} .col10 {width:83.18584071%;} .col11 {width:91.59292035%;} .col12 {width:100%;} /* new-grid */ .col3 {width:24.1228070175439%;} .col9 {width:74.122807017%;} .c2-space {width:1.183431953%;} .c2-col1 {width:10.0591716%;} .c2-col2 {width:21.30177515%;} .c2-col3 {width:32.5443787%;} .c2-col4 {width:43.78698225%;} .c2-col5 {width:55.0295858%;} .c2-col6 {width:66.27218935%;} .c2-col7 {width:77.5147929%;} .c2-col8 {width:88.75739645%;} .c2-col9 {width:100%;} .space {width:0,884955752%;} .green {color: #5B9408;} .topline {height: 41px; background: #231F20; color: #F4F4F4;} .topline a {color: #F4F4F4;} .google-analyics {display: none;} .filler {height:70px;} #c-main {width: 1190px; min-width: 360px; margin:auto; padding: 0 25px; background: #fff; position: relative;} #c-body {margin-top: 10px;} #column1 {position: relative; xbackground: aqua; float: left; xoverflow: hidden;} #column2 {position: relative; xbackground: orange; float: right;} #column3 {display: none;} #c-topbar {xheight: 41px; background: #231F20; color: #fff; font-size: 14px; font-weight: 300; xvertical-align: middle; width: 100%; padding: 11px 0;} #top-bar {width: 1140px; text-align: right; margin: auto;} #top-bar a {color: #fff; text-decoration: underline;} #c-topbar-pink {xheight: 41px; background: #d8174c; color: #fff; font-size: 14px; font-weight: 300; xvertical-align: middle; width: 100%; padding: 11px 0;} #top-bar-pink {width: 1140px; text-align: right; margin: auto;} #top-bar-pink a {color: #fff; text-decoration: underline;} .c-header {xbackground: #CDCDCD; height: 117px; position: relative;} #xmenu {position: relative; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; border: solid 1px #E8E8E8; background: #F0F0F0; height: 55px;} #xmenu {list-style-type: none; padding: 0; margin: 0;} #xmenu ul {display: none;} #xmenu li {float: left; position: relative;} #xmenu li:after {content:""; width: 1px; height: 19px; background: #CECCCD; position: absolute; right: 0px; top: 17px;} #xmenu li:last-of-type:after {display: none;} #xmenu li a {float: left; padding: 17px 25px 16px 24px; text-decoration: none; color: #231F20; font-size: 15px; font-family: 'montserratlight', sans-serif;} #logo {xbackground: yellow; height: 50px; width: 328px; position: absolute; top: 31px; left: 1px;} #logo img {width: 100%;} .hp-link { height: 100%; width: 328px; position: absolute; top: 0; left: 1px; z-index: 50;} .searchBox {margin: 0 322px 0 403px; height: 55px; top: 27px; background: #F0F0F0; border-radius: 30px; position: relative;} .searchBox .input_text {font-size: 16px; outline: none; color: #898788; background: #F0F0F0; font-family: 'Source Sans Pro', sans-serif; border: none; width: 86%; margin: 0; border-radius: 30px 0 0 30px; height: 55px; padding-left: 23px;} .searchBox .input_button {height: 41px; width: 41px; background: url("/img/new/ico-search.png") no-repeat center center #ED1651; position: absolute; right: 8px; top: 7px; border: none; border-radius: 30px;} .searchBox .input_button:hover {background-color: #d8174c; } #basketInfo {height: 55px; position: absolute; right: 0; top: 27px; width: 221px; text-align: right; font-size: 17px;} #basketInfo:before {content:""; width: 55px; height: 55px; background: #F0F0F0; position: absolute; left: 0px; top: 0px; border-radius: 30px;} #basketInfo:hover:before {background: #231F20;} #basketInfo a {text-decoration: none; color: #231F20; display: block; height: 100%; position: relative; z-index: 20; background: url("/img/new/ico-basket.png") no-repeat 15px 17px transparent;} #basketInfo a:hover {background: url("/img/new/ico-basket.png") no-repeat 15px -25px transparent;} #basketInfo p {font-size: 17px; font-family: 'montserratregular', sans-serif; padding: 0; margin: 0; font-weight: normal; padding-top: 3px; padding-bottom: 5px;} #basketInfo div {font-weight: 600; color: #ED1651;} #basketInfo div span {font-weight: 300; color: #231F20; font-size: 15px;} #basketInfo strong {position: absolute; left: 32px; top: -4px; padding-top: 0px; height: 20px; width: 20px; background: #A0A0A0; border-radius: 15px; text-align: center; color: #fff; font-size: 14px; font-weight: 600;} #basketInfo.active strong {background: #ED1651;} .userInfo {height: 55px; position: absolute; right: 244px; top: 27px; width: 55px; font-size: 15px; border-radius: 30px; background: #F0F0F0; padding: 0; margin: 0; list-style-type: none;} .userInfo:hover {background: #231F20 !important;} .userInfo:hover a.userInfoLink {background: url("/img/new/ico-user.png") no-repeat 17px -30px transparent;} .userInfo a.userInfoLink {cursor: pointer; text-decoration: none; color: #231F20; display: block; height: 100%; position: relative; z-index: 20; background: url("/img/new/ico-user.png") no-repeat 17px 14px transparent;} .userInfo a.userInfoLink:hover {background: url("/img/new/ico-user.png") no-repeat 17px -30px transparent;} .userInfo.active a.userInfoLink {background: url("/img/new/ico-user.png") no-repeat 17px -74px transparent;} .userInfo.active a.userInfoLink:hover {background: url("/img/new/ico-user.png") no-repeat 17px -30px transparent;} .userInfo ul {padding: 0; margin: 0; list-style-type: none;} .userInfo a.userInfoLink span {white-space: nowrap; color: #231f20; display: inline-block; right: 15px; position: relative; text-align: center; text-decoration: none; top: 58px; z-index: 20;} .userInfo a.remember-link {text-decoration:none; position: absolute; left: 31px; top: -4px; padding-top: 0px; height: 20px; width: 22px; background: url("/img/new/ico-heard.png") no-repeat 0px 0px transparent; border-radius: 15px; text-align: center; color: #fff; font-size: 14px; font-weight: 600; z-index:25} .userInfo.active a.remember-link {background: url("/img/new/ico-heard.png") no-repeat 0px -30px transparent;} .userInfo a.remember-link:hover {background: url("/img/new/ico-heard.png") no-repeat 0px -30px transparent; cursor:pointer;} #c-sendmail {z-index: 1001; margin-top: 38px; clear: both; background: #F0F0F0; padding: 20px 24px 29px 24px; position: relative; top: 0; left: 0; transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;} #c-sendmail #sendmail-close {background: #ED1651; height: 20px; position: absolute; width: 20px; right: -10px; top: -10px; padding-left: 6px; border-radius: 10px; font-size: 19px; line-height: 17px; color: #FFF;} #c-sendmail #sendmail-close:hover {cursor:pointer} #c-sendmail h3 {font-family: "montserratregular",sans-serif; font-size: 16px; margin: 0; padding: 0 0 17px 0; position: relative; } #c-sendmail h3:after {background: #ed1651 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 35%;} #c-sendmail textarea {height: 110px; background: #fff; border: none; font-size: 15px; color: #918F8F; font-weight: 300; width: 100%; padding: 23px; border-radius: 30px; margin-top: 20px;} #c-sendmail .c-imail {background: #fff none repeat scroll 0 0; border-radius: 30px; clear: both; height: 54px; margin-bottom: 26px; margin-top: 20px; position: relative; width: 100%;} #c-sendmail .c-imail .input_text {background: #fff none repeat scroll 0 0; border: medium none; border-radius: 30px 0 0 30px; color: #898788; font-family: "Source Sans Pro",sans-serif; font-size: 16px; height: 54px; margin: 0; outline: medium none; padding-left: 23px; padding-right: 6px; width: 81%; font-weight: 300;} #c-sendmail .c-imail .input_button {background: #231f20 url("/img/new/ico-mail.png") no-repeat scroll center center; border: medium none; border-radius: 30px; height: 41px; position: absolute; right: 8px; top: 7px; width: 41px;} #c-sendmail .ChckCodeAssistant span {display: block; margin-top: 20px; font-weight: 300; text-align: center;} #c-sendmail .ChckCodeAssistant img {margin: auto; display: block;} #c-sendmail .ChckCodeAssistant .input_text {background: #fff none repeat scroll 0 0; border: medium none; border-radius: 30px; color: #898788; font-family: "Source Sans Pro",sans-serif; font-size: 15px; height: 54px; margin: 6px 0 0 0; outline: medium none; padding-left: 23px; padding-right: 23px; width: 100%; font-weight: 300;} #c-infobox {margin-top: 20px; clear: both; background: #F0F0F0; padding: 20px 24px 19px 24px; position: relative;} #c-infobox h3 {font-family: "montserratregular",sans-serif; font-size: 16px; margin: 0; padding: 0 0 17px 0; position: relative; } #c-infobox h3:after {background: #ed1651 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 35%;} #c-infobox ul {font-size: 14px; font-weight: 300; list-style-type: none; padding: 5px 0 0 0; margin: 0;} #c-infobox ul li {display: block; margin: 0; padding: 8px 0px; background: rgba(0, 0, 0, 0) url("/img/new/del-footer.png") no-repeat 4px center;} #c-infobox ul li a {display: block; color: #231f20; padding-left: 17px; text-decoration: underline;} #c-infobox ul li a:hover {text-decoration: none;} #c-payments {margin-top: 25px; clear: both; background: #fff; xpadding: 20px 24px 19px 24px; position: relative;} #c-payments h3 {font-family: "montserratregular",sans-serif; font-size: 16px; margin: 0; padding: 0 0 17px 0; position: relative; } #c-payments h3:after {background: #ed1651 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 35%;} #c-payments .freetext {margin-top: 13px; font-size: 14px !important;} #c-payments ul {font-size: 15px; font-weight: 300; list-style-type: none; padding: 9px 0 0 0; margin: 0;} #c-payments li {display: block; margin: 0; padding: 8px 0px; font-size: 15px; font-family: "montserratregular",sans-serif;} #c-payments ul li a {display: block; color: #231f20; text-decoration: none; color: #ED1651;} #c-payments ul li img {vertical-align: bottom; margin-right: 9px;} #c-contact {margin-top: 25px; clear: both; background: #fff; xpadding: 20px 24px 19px 24px; position: relative;} #c-contact h3 {font-family: "montserratregular",sans-serif; font-size: 16px; margin: 0 0 13px 0; padding: 0 0 17px 0; position: relative; } #c-contact h3:after {background: #ed1651 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 35%;} #c-contact .contact {position: relative; padding: 0 0 0 80px;} #c-contact .contact img {position: absolute; top: 0; left: 0;} #c-contact .contact .co-phone {font-size: 22px; font-family: "montserratbold",sans-serif; color: #ED1651; margin-top: -4px;} #c-contact .contact .co-mail {font-size: 18.5px; font-family: "montserratregular",sans-serif; margin-top: -4px;} #c-contact .contact .co-time {font-size: 11px; font-family: "montserratlight",sans-serif; } #c-payment {margin-top: 25px; clear: both; background: #fff; xpadding: 20px 24px 19px 24px; position: relative;} #c-payment h3 {font-family: "montserratregular",sans-serif; font-size: 16px; margin: 0 0 13px 0; padding: 0 0 17px 0; position: relative; } #c-payment h3:after {background: #ed1651 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 35%;} #c-payment .payment-text {font-size: 14px; margin: 0 0 13px 0; font-weight: 300;} #c-payment .payment-types {position: relative; padding: 0 0 0 38px;} #c-payment .payment-types div {position:relative; margin-bottom: 10px; color: #ED1651; font-size: 15px; font-family: 'montserratregular', sans-serif;} #c-payment .payment-types div:before { width: 21px; content: ' '; height: 21px; background: url(/img/new/ico-paymentTypes.png); position: absolute; left: -36px; top:-2px; display: block; } #c-payment .payment-types div:nth-child(2):before {background-position: 0 -32px;} #c-payment .payment-types div:nth-child(3):before {background-position: 0 -65px;} #c-payment .payment-types div:nth-child(4):before {background-position: 0 -98px;} .navigate {list-style-type: none; clear: both; font-size: 14px; border-bottom: solid 1px #F0F0F0; padding: 4px 0 10px 0; margin-top: 0px; margin-bottom: 11px;} .navigate ul {list-style-type: none; padding: 0 0 0 25px; margin: 0;} .navigate li {float: left; margin-right: 20px; position: relative;} .navigate li a {float: left; color: #ED1651; font-weight: 300; padding: 7px 0; position: relative;} .navigate li a:hover {text-decoration: none;} .navigate li:first-of-type::before {content:""; position: absolute; left: -16px; top: 9px; background:url("../img/new/ico-home.png") no-repeat center center; width:11px; height: 11px;} .navigate li:after {content:""; position: absolute; right: -16px; top: 10px; background:url("../img/new/del-navigate.png") no-repeat center center; width:11px; height: 11px;} .navigate li:last-of-type:after {display: none;} .navigate li:last-of-type a, .navigate li:last-of-type a:hover {text-decoration: none; cursor: text; color: #231F20;} .cat-list {clear: both; border-bottom: solid 1px #E5E5E7; border-top: solid 1px #E5E5E7; xbackground: yellow; } .cat-list .item {background: #fff; border: solid 1px #E5E5E7; border-top: none; border-right: none; float: left; height: 370px; width: 25%; margin: 0; position: relative; z-index:1;} .cat-list .item:hover {box-shadow: 0 2px 20px 0 #DBDBDB; z-index:10;} .cat-list .item:hover .product {border: solid 1px #231F20;} .cat-list .item:nth-child(4n+1) {border-left: none;} .cat-list div.cls {margin-bottom: -2px;} .cat-list .product {padding: 10% 12%; height: 100%; xbackground: orange;cursor:pointer;} .cat-list .item h2, .cat-list .item h3 {font-size: 14px; height: 75px; overflow: hidden; padding: 0; margin: 0 0 3px 0; font-family: 'montserratlight', sans-serif; color: #231F20; text-align: center; font-weight: normal;} .cat-list .item h2 a, .cat-list .item h3 a {color: #DA0000; line-height: 1.3; display: block; text-decoration: none; color: #231F20;} .cat-list .item .pr-code {font-size: 14px; color: #666; font-weight: 300; text-align: center; margin-top: 3px; padding-bottom: 4px; text-transform: lowercase;} .cat-list .item .pr-img {text-align: center; xheight: 160px; xwidth: 160px; margin: auto;} .cat-list .item .pr-img a {display: block; text-align: center; xheight: 100%;} .cat-list .item .pr-img a img {display: block; margin: auto; max-height: 100%; max-width: 100%;} .cat-list .item .pr-price {position: absolute; bottom: 23px; right: 6%; xwidth: 40%; text-align: right; font-size: 20px; color: #ED1651; font-weight: 600; xbackground: yellow;} .cat-list .item .pr-price strong {font-size: 18px;} .cat-list .item .pr-price strong small {font-size: 18px;} .cat-list .item .pr-price.red strong, .cat-list .item .pr-price.red span {color: #DA0000;} .cat-list .item .pr-oldprice {position: absolute; bottom: 46px; right: 6%; text-align: right; font-size: 20px; color: #564E50; font-weight: 300; xbackground: white;} .cat-list .item .pr-store {bottom: 26px; left: 6%; position: absolute; width: 35%; font-size: 14px; font-weight: 700; color: #564E50; text-transform: lowercase; text-align: left;} .cat-list .item .pr-store span {bottom: 2px; display: block; position: relative; } .cat-list .item .pr-store strong {color: #5B9408; font-size: 16px; position: relative; bottom: -2px;} .cat-list .item .curr {font-size: 20px;} .c-itpa-pgr {xbackground: yellow; height: 54px; padding-top: 11px; text-align: right;} .c-itpa-pgr.a2 {height: auto; padding-top: 20px; } .c-itpa-pgr .items-page {float: left; height: 100%; width: inherit; font-size: 18px;} .page_executedorder .c-itpa-pgr.a1 {margin-top: 40px;} .page_executedorder .c-itpa-pgr.a2 {padding-top: 0px;} .page_executedorder .c-itpa-pgr.a1 .items-page {padding-top: 3px;} .page_executedorder .c-itpa-pgr.a2 .items-page {padding-top: 13px;} .page_executedorder .c-itpa-pgr .items-page div {display: inline-block;} .c-itpa-pgr .pager {float: right; height: 100%; text-align: right; width: inherit; font-size: 18px; padding-left: 25px;} .c-itpa-pgr.a2 .pager {float: none; height: auto; display: inline-block; vertical-align: middle; margin-top: 10px; } .c-itpa-pgr.a2 .c-nextapge {height:73px;} .c-itpa-pgr .pager a {font-weight: 300; background: #fff none repeat scroll 0 0; xborder: 1px solid #fff; color: #1a181d; display: inline-block; height: 30px; margin-left: 4px; padding: 3px 6px; position: relative; text-decoration: underline;} .c-itpa-pgr .pager a:hover {text-decoration: none; border: none;} .c-itpa-pgr .pager a.prev, .c-itpa-pgr .pager a.next {color: #ED1651; font-weight: 600;} .c-itpa-pgr .pager a.active {background: #ED1651; border-color: #ED1651; color: #fff; cursor: text; border-radius: 30px; font-weight: 600; text-decoration: none; padding: 3px 10px;} .c-itpa-pgr .pager strong {color: #1a181d; display: inline-block; padding-left: 6px;} .c-itpa-pgr .pa-label {display: inline-block; font-weight: 600;} .c-itpa-pgr .items-page a {position: relative; font-weight: 300; background: #fff none repeat scroll 0 0; xborder: 1px solid #fff; color: #1a181d; display: inline-block; height: 30px; margin-left: 4px; padding: 3px 6px; position: relative; text-decoration: underline;} .c-itpa-pgr .items-page a:hover {text-decoration: none; border: none;} .c-itpa-pgr .items-page a.active {color: #ED1651; cursor: text; border-radius: 30px; font-weight: 600; padding: 3px 10px; font-weight: 600; } .c-itpa-pgr .items-page strong {color: #1a181d; display: inline-block; padding-left: 6px;} .c-itpa-pgr .items-page a:after {position: absolute; content:"|"; display: inline-block; font-weight: 200; padding-left: 10px; top: 2px;} .c-itpa-pgr .items-page a:last-of-type:after {display: none;} .c-itpa-pgr .items-page span {font-weight: 600;} .c-itpa-pgr #nextPage { float: right; vertical-align: middle; color: #FFF; background: #ED1651; font-family: 'montserratregular', sans-serif; padding-right: 24px; outline: none; border: none; width: 222px; margin: 0; border-radius: 30px; display: inline-block; height: 53px; padding-left: 23px; font-size: 21px; margin: 20px 0 0 0;} .c-itpa-pgr #nextPage:hover {background-color: #d8174c; } .prologue {padding: 31px 0 22px 0;} .welcome_products {margin-top: 2%;} .welcome_products .comLCatalog {border: solid 1px #ED1651; position: relative; margin-top: -1px; padding: 11px 37px 10px 38px;} .welcome_products .comLCatalog .cat-list {border-top: none;} .welcome_products .cat-list .item {width: 192px; width: 99%; border: none;} .welcome_products .owl-theme .owl-controls {margin-top: 0;} .welcome_products .cat-list .item .product {padding: 10% 6%} .welcome_products .owl-pagination {position: absolute; z-index: 60; top: -36px; right: 0;} .welcome_products .owl-buttons {position: absolute; z-index: 60; top: 43.5%; width: 101%; height: 0px; left: -4px;} .welcome_products .owl-theme .owl-controls .owl-buttons div { opacity: 1; width: 45px; height: 147px; border-radius: 0;} .welcome_products .owl-theme .owl-controls .owl-buttons .owl-prev {position: absolute; z-index: 60; top: 0; left: 0; background:url("/img/new/wps-left.png") no-repeat -3px center; } .welcome_products .owl-theme .owl-controls .owl-buttons .owl-next {position: absolute; z-index: 60; top: 0; right: 0; background:url("/img/new/wps-right.png") no-repeat 3px center;} .welcome_products ul {position: relative; z-index: 50; height: 52px; padding:0; margin: 0; list-style-type: none; font-family: "montserratregular",sans-serif;} .welcome_products ul li {height: 52px; padding:0; margin: 0; display: inline-block;} .welcome_products ul li a {height: 52px; width: 160px; text-align: center; padding:16px 0 0 0; margin: 0; display: inline-block; border: solid 1px #ED1651; background: #ED1651; color: #fff; text-decoration: none;} .welcome_products ul li a:hover {background-color: #d8174c;} .welcome_products ul li.active a {border: solid 1px #ED1651; background: #fff; color: #231F20; border-bottom: none; } .top_products {xclear: both; padding-top: 2%;} .page_category .top_products {padding-top: 40px;} .top_products .comLCatalog {border: solid 1px #ED1651; position: relative; margin-top: -1px; padding: 11px 37px 10px 38px;} .top_products .comLCatalog .cat-list {border-top: none;} .top_products .cat-list, #lastVisitedBody.cat-list {padding: 20px 55px;} .top_products .cat-list .item, #lastVisitedBody .item {width: 183px; width: 99%; border: none;} .top_products .owl-theme .owl-controls, #lastVisitedBody .owl-theme .owl-controls {margin-top: 0;} .top_products .cat-list .item .product, #lastVisitedBody.cat-list div.item div.product{padding: 10% 6%} .top_products .owl-pagination, #lastVisitedBody .owl-pagination {position: absolute; z-index: 60; top: -36px; right: 0;} .top_products .owl-buttons, #lastVisitedBody .owl-buttons {position: absolute; z-index: 60; top: 29%; width: 101%; height: 0px; left: -4px;} .top_products .owl-theme .owl-controls .owl-buttons div, #lastVisitedContainer #lastVisitedBody.owl-theme .owl-controls .owl-buttons div { opacity: 1; width: 45px; height: 147px; border-radius: 0;} .top_products .owl-theme .owl-controls .owl-buttons .owl-prev, #lastVisitedContainer #lastVisitedBody.owl-theme .owl-controls .owl-buttons .owl-prev {position: absolute; z-index: 60; top: 0; left: 0; background:url("/img/new/wps-left.png") no-repeat -3px center; } .top_products .owl-theme .owl-controls .owl-buttons .owl-next, #lastVisitedContainer #lastVisitedBody.owl-theme .owl-controls .owl-buttons .owl-next {position: absolute; z-index: 60; top: 0; right: 0; background:url("/img/new/wps-right.png") no-repeat 3px center;} .top_products ul, body.page_category #lastVisitedContainer ul {position: relative; z-index: 50; top: 1px; height: 52px; padding:0; margin: 0; list-style-type: none; font-family: "montserratregular",sans-serif;} .top_products ul li, body.page_category #lastVisitedContainer ul li {height: 52px; padding:0; margin: 0; display: inline-block;} .top_products ul li a, body.page_category #lastVisitedContainer ul li a {height: 52px; text-align: center; padding:16px 18px 0 23px; margin: 0; display: inline-block; border: solid 1px #ED1651; border-bottom-width: 0; background: #ED1651; color: #000; text-decoration: none;} .top_products ul li.active a, body.page_category #lastVisitedContainer ul li.active a {border: solid 1px #ED1651; background: #fff; color: #231F20; border-bottom: none; } .top_products ul li a:hover, body.page_category #lastVisitedContainer ul li a:hover {background-color: #d8174c;} /*.top_products .pr-topsale .cat-list, body.page_category #lastVisitedBody.cat-list {border: solid 1px #ED1651;}*/ .top_products .pr-lastViews .cat-list {border: solid 1px #ED1651;} body.page_commodity #lastVisitedContainer ul li.active a { font-family: "montserratlight",sans-serif; font-size: 30px; color: #ED1651; padding: 0 0 13px; margin: 0; text-decoration: none; } body.page_commodity #lastVisitedContainer ul li a:hover {background-color: #fff;} body.page_commodity #lastVisitedContainer ul li {list-style-type: none;} body.page_commodity #lastVisitedContainer ul {padding-left:0px} body.page_index .characterization .owl-item img, body.page_category .characterization .owl-item img {max-width: 100%;} body.page_index .owl-carousel .owl-wrapper-outer, body.page_category .owl-carousel .owl-wrapper-outer {text-align: center;} #footer {xbackground: green; margin-top: 5%; position: relative; clear: both; font-size: 14px; font-weight: 300; color: #231F20;} #footer h3 {font-size: 16px; font-family: "montserratregular",sans-serif; margin: 0 0 0px 0; padding: 0 0 18px 0; position: relative;} #footer h3:after {content:""; position: absolute; bottom: 0; left: 0; height: 1px; width: 35%; background: #ED1651;} #footer ul {line-height: 37px; padding: 0; margin: 0; list-style-type: none;} #footer ul li {display: block; padding: 3px 0; margin: 0;} #footer .ft-row {display: table; width: 100%; background: #F0F0F0;} #footer .ftc-1 {display: table-cell; xbackground: yellow; xfloat: left; width: 24.33628319%; padding: 2% 2% 2% 2.4%; position: relative;} #footer .ftc-1:after {content:""; position: absolute; top: 0; right: 5.5%; height: 100%; width: 1px; background: #DDDDDD;} #footer .ftc-1 a {color: #231F20; text-decoration: underline; padding-left: 14px;} #footer .ftc-1 a:hover {color: #333333; text-decoration: none;} #footer .ftc-1 ul li {background:url("/img/new/del-footer.png") no-repeat 1px center;} #footer .ftc-1 .ico-heureka {text-align: center; margin-top: 30px; margin-right: 10%;} #footer .ftc-2 {display: table-cell; xbackground: blue; xfloat: left; width: 25.22123894%; padding: 2% 1.7% 2% 0.9%; position: relative;} #footer .ftc-2:after {content:""; position: absolute; top: 0; right: 5.3%; height: 100%; width: 1px; background: #DDDDDD;} #footer .ftc-2 a {color: #333333; text-decoration: none;} #footer .ftc-2 a:hover {color: #333333; text-decoration: underline;} #footer .ftc-2 ul li {padding-left: 33px;} #footer .ftc-2 ul li.ftc2-1 {background:url("/img/new/ftc2-li1.png") no-repeat 0px center;} #footer .ftc-2 ul li.ftc2-2 {background:url("/img/new/ftc2-li2.png") no-repeat 2px center;} #footer .ftc-2 ul li.ftc2-3 {background:url("/img/new/ftc2-li3.png") no-repeat 2px center;} #footer .ftc-2 ul li.ftc2-4 {background:url("/img/new/ftc2-li4.png") no-repeat 1px center;} #footer .ftc-2 ul li.ftc2-5 {background:url("/img/new/ftc2-li5.png") no-repeat 0px center;} #footer .ftc-3 {display: table-cell; xbackground: pink; xfloat: left; width: 25.22123894%; padding: 2% 1.7% 2% 0.9%; position: relative;} #footer .ftc-3:after {content:""; position: absolute; top: 0; right: 5.3%; height: 100%; width: 1px; background: #DDDDDD;} #footer .ftc-3 .ico-card {text-align: center; margin-top: 14px; margin-right: 7%;} #footer .ftc-3 .ico-card img {margin-right: 16px; } #footer .ftc-3 .ico-card img:last-of-type {margin-right: 0px;} #footer .ftc-4 {display: table-cell; xbackground: orange; xfloat: left; width: 25.22123894%; padding: 2% 1.7% 2% 0.9%;} #footer .ftc-4 .c-ftmail {position: relative; background: #fff; border-radius: 30px; height: 54px; width: 100%; clear: both; margin-top: 20px; margin-bottom: 10px;} #footer .ftc-4 .input_text {background: #fff; border: none; border-radius: 30px 0 0 30px; color: #898788; font-family: "Source Sans Pro",sans-serif; font-size: 16px; height: 54px; margin: 0; outline: none; padding-left: 23px; padding-right: 6px; width: 81%;} #footer .ftc-4 .input_button {background: url("/img/new/ico-mail.png") no-repeat center center #231F20; border: none; border-radius: 30px; height: 41px; position: absolute; right: 8px; top: 7px; width: 41px;} #footer .ftc-4 .ChckCodeAssistant {text-align: center; margin-bottom: 23px;} #footer .ftc-4 .ChckCodeAssistant .input_text {text-align: left; background: #fff; border: none; border-radius: 30px; color: #898788; font-family: "Source Sans Pro",sans-serif; font-size: 16px; height: 54px; margin: 6px 0 0 0; outline: none; padding-left: 23px; padding-right: 23px; width: 100%;} #footer .ftc-4 .ChckCodeAssistant img {border: none; vertical-align: middle; margin-left: 10px;} #footer .ftc-4 .c-ftmail2 {margin-top: 10px;} #footer .ftc-4 .c-ftmail2 a {color:#F33606;} #footer .ftc-4 .ico-card {text-align: center; margin-top: 3px;} #footer .ftc-4 .ico-card img {display: inline-block; margin-right: 5px;} #footer .ftc-4 .ico-card img:last-of-type {margin-right: 0px;} #footer .ftc-5 {float: none; clear: both; xmin-height: 50px; padding: 2% 2%;} #footer .ftc-5 .ftc5-1 {width:80%; float: left; padding: 0; margin: 0;} #footer .ftc-5 .ftc5-1 strong {font-weight: 600;} #footer .ftc-5 p.ftc5-2 {width: 10%; float: right; text-align: right; padding: 0; margin: 0;} #footer .ftc-5 a {color: #333333; text-decoration: underline; padding-left: 14px;} #footer .ftc-5 a:hover {color: #231F20; text-decoration: none;} .detail {xbackground: yellow;} .detail h1 {clear: both;} .detail .dp-top {margin-top: 11px; clear: both;} .detail .dp-img {float: left; position: relative;} .detail .dp-img .diEx a img {border: solid 10px #E5E5E7; } .detail .dp-img .detailVariImg {height: 86px; overflow: hidden; clear: both; margin-top: 5px;} .detail .dp-img .detailVariImg a {display: block; float: left; margin-right: 10px;} .detail .dp-img .detailVariImg a:last-of-type {margin-right: 0px;} .detail .dp-img .detailVariImg a img {border: solid 3px #E5E5E7; xfloat: left;} .detail .dp-img .productAttribute {position: absolute; top: 10px; left: 10px; width: 40px; height: 0;} .detail .dp-img .productAttribute span {display: block; height: 40px; width: 40px; border-radius: 40px; text-align: center; font-weight: bold; color: #fff; font-size: 30px;display: block; height: 40px; width: 40px; border-radius: 40px; text-align: center; font-weight: bold; color: #fff; font-size: 30px; line-height: 34px; margin-bottom: 5px;} .detail .dp-img .productAttribute .atr-a {background: #FF8400;} .detail .dp-img .productAttribute .atr-n {background: #4F7D00;} .detail .dp-img .productAttribute .atr-d {background: #01A5F1; line-height: 40px;} .detail .dp-txt {float: right; padding-left: 10px;} .detail .dp-txt .dptxt-table {width: 100%; display: table;} .detail .dp-txt .dptxt-table div {xborder-bottom: solid 1px #E4E4E4; margin-left: 10px; display: table-row;} .detail .dp-txt .dptxt-table div strong {padding: 10px 0; border-bottom: solid 1px #E4E4E4; display: table-cell; width: 49%; vertical-align: middle; font-weight: 600;} .detail .dp-txt .dptxt-table div > span {padding: 10px 0; border-bottom: solid 1px #E4E4E4; display: table-cell; font-weight: 300;} .detail .dp-txt .dptxt-table div span span {border: none !important; display: inline !important; } .detail .dp-txt .dptxt-table div p {padding: 0; margin: 0;} .detail .dp-txt .dptxt-table div.producer a {color: #ED1651;} .detail .dp-txt .dptxt-table div.commonlyWithVAT span {font-size: 24px; font-weight: 600; color: #A3A3A3; text-decoration:line-through;} .detail .dp-txt .dptxt-table div.priceWithVAT span {font-size: 40px; font-weight: 600; color: #ED1651;} .detail .dp-txt .dptxt-table div.priceWithVAT span p {font-size: 16px; font-weight: 600; color: #231F20; padding-bottom: 6px;} .detail .dp-txt .dptxt-table div.store span {font-size: 20px; font-weight: 700; color: #231F20;} .detail .dp-txt .dptxt-table div.store span.green {color: #5B9408;} .detail .dp-txt .dptxt-table div:last-of-type strong, .detail .dp-txt .dptxt-table div:last-of-type span {border-bottom: none;} .detail .dp-txt .ha-amount .input_text {background: #fff none repeat scroll 0 0; border: medium none; border-radius: 30px; color: #231F20; font-family: "Source Sans Pro",sans-serif; font-size: 16px; height: 41px; margin: 0; outline: medium none; padding-left: 16px; padding-right: 16px; width: 86px; text-align: center; font-weight: 400;} .detail .dp-txt .ha-amount strong {font-weight: 600;} .detail .dp-txt .help-amount {xbackground: aqua; height: 138px;} .detail .dp-txt .help-amount .ha-help {height: 100%; width: 40.5%; float: left; border: solid 1px #D9D9D9; padding: 2% 4%; background:url("/img/new/ico-needhelp.png") no-repeat 91% 15px;} .detail .dp-txt .help-amount .ha-help a {color: #ED1651;} .detail .dp-txt .help-amount .ha-amount {height: 100%; width: 53.3%; float: right; background: #F0F0F0; padding: 4% 0; text-align: center;} .detail .dp-txt .help-amount .ha-amount .input_button {margin-top: 15px; height: 41px; width: 186px; border-radius: 30px; border: none; background: url("/img/new/ico-basketbt.png") no-repeat center right #ED1651; color: #fff; font-family: "montserratregular",sans-serif; font-size: 16px; text-align: left; padding-left: 17px;} .detail .dp-txt .help-amount .ha-amount .input_button:hover {background-color: #d8174c;} .detail .dp-txt .help-amount .ha-help .hahelp-top {font-family: "montserratregular",sans-serif; font-size: 16px; padding: 0 35px 13px 0;} .detail .dp-txt .help-amount .ha-help .hahelp-bott div {white-space: nowrap;} .detail .dp-txt .help-amount .ha-help .hahelp-bott div strong {font-weight: 600;} .detail .dp-txt .help-amount .ha-help .hahelp-bott div span {font-weight: 300;} .detail .dptxt-top {height: 55px; overflow: hidden;} .detail .dptxt-top .dpbox {width: 32.3%; height: 100%; float: left; background: #F0F0F0; margin-right: 1.5%; font-family: "montserratregular",sans-serif; font-size: 13.5px; color: #231F20;} .detail .dptxt-top .dpbox a {color: #231F20; text-decoration: none;} .detail .dptxt-top .dpbox a:hover {color: #ED1651; text-decoration: none; cursor:pointer;} .detail .dptxt-top .dpbox:last-of-type {margin-right: 0; background:url("/img/new/ico-dpprice.png") no-repeat 90% center #F0F0F0;} .detail .dptxt-top .dpbox:last-of-type a {display: block; height: 100%; padding: 9px 0 0 11px;} .detail .dptxt-top .dpbox.c2 {background:url("/img/new/ico-dpask.png") no-repeat 90% center #F0F0F0;} .detail .dptxt-top .dpbox.c2 a {display: block; height: 100%; padding: 9px 0 0 11px;} .detail .dptxt-top .dpbox.c1 {text-align: center;} .detail .dptxt-top .dpbox.c1 a span{display: none;} .detail .dptxt-top .dpbox.c1 a {display: inline-block; height: 100%; width: 36px; background:url("/img/new/ico-dpmail.png") no-repeat center center; margin-right: 7px;} .detail .dptxt-top .dpbox.c1 a:first-of-type {background:url("/img/new/ico-dplikeme.png") no-repeat center center; margin-right: 8px;} .detail .dptxt-top .dpbox.c1 a:first-of-type:hover {background:url("/img/new/ico-dplikeme-hov.png") no-repeat center center; margin-right: 8px;} .detail .dptxt-top .dpbox.c1 a:last-of-type {margin-right: 0; background:url("/img/new/ico-dpprint.png") no-repeat center center;} .remember .information a.clear {text-decoration:none;display:inline-block;margin-top: 15px; height: 41px; line-height: 41px; width: 136px; border-radius: 30px; border: none; background-color:#ED1651; color: #fff; font-family: "montserratregular",sans-serif; font-size: 16px; text-align: left; padding-left: 17px;} .dp-socnet {margin-top: 12px; height: 20px; overflow: hidden;} .dp-socnet div {float: left; margin-right: 10px; height: 20px;} .dp-socnet div.fb-like {margin-top: -1px;} .dp-bott {font-weight: 300; margin-top: 18px; overflow:hidden; transition: height 2s; -moz-transition: height 2s; -o-transition: height 2s; -webkit-transition: height 2s; xbackground: yellow;} .dp-bott .dp-desc .desc-cont {font-weight: 300; line-height: 24px; xbackground: aqua;} .dp-bott h2 {font-family: "montserratlight",sans-serif; font-size: 30px; margin: 0; padding: 0; xbackground: orange; line-height: unset;} .dp-bott .dp-desc, .dp-bott .dp-desc font {font-family: 'Source Sans Pro', sans-serif !important; font-size: 16px !important;} .dp-bott .dp-desc h2 {padding-bottom: 6px;} .dp-bott .dp-desc br {display: none;} .dp-bott .dp-desc p br {display: inherit;} .dp-para {float: right; margin-left: 6%; margin-bottom: 4%;} .dp-para table {width: 100%; border-collapse: collapsed; border: solid 1px #E5E5E7; background: #fff; margin-top: 12px; } .dp-para table td, .dp-para table th {border: solid 1px #E5E5E7; padding: 15px 10px 15px 17px;} .dp-para table th {font-weight: 600; text-align: left; padding-right: 30px;} .dp-para table td {font-weight: 300;} .dp-para table tr:nth-child(2n+1) {background: #F6F6F6;} .characterization-main {font-weight: 300; margin-top: 18px; overflow:hidden; transition: height 2s; -moz-transition: height 2s; -o-transition: height 2s; -webkit-transition: height 2s; xbackground: yellow;} .characterization-main .characterizationInfo {font-family: 'Source Sans Pro', sans-serif !important; font-size: 16px !important;} .characterization-main .characterizationInfo p {padding:0px 0px 10px 0px;margin:0px auto;line-height:150%;} .par-img div {height: 55px; width: 60px; overflow: hidden; float: left; border: solid 1px #E5E5E7; margin-right: 17px; margin-top: 10px;} .par-img div:nth-child(3n+0) {margin-right: 18px;} .par-img div:nth-child(5n+0) {margin-right: 0px;} .par-img div img {float: left;} .pr-alter, .pr-souvisejici, .pr-buymore, .top_products {margin-bottom: 25px;} .pr-alter h2, .pr-souvisejici h2, .pr-buymore h2, #lastVisitedContainer h2, .top_products h2 {font-family: "montserratlight",sans-serif; font-size: 30px; color: #ED1651; padding: 0 0 13px; margin: 0;} /*.pr-topsale h2 {font-family: "montserratlight",sans-serif; font-size: 30px; color: #ED1651; padding: 0 0 13px; margin: 20px 0 0 0;}*/ .pr-lastViews h2 {font-family: "montserratlight",sans-serif; font-size: 30px; color: #ED1651; padding: 0 0 13px; margin: 20px 0 0 0;} .page_order #column1 {display: none;} .page_order .btn-nav {display: none;} .page_order #column2 {width: 100%;} #basket-navi {height: 84px; border: solid 1px #DCDCDC; overflow: hidden; margin-top: 10px; margin-bottom: 30px;} #basket-navi ul {padding: 0; margin: 0; height: 100%; list-style-type: none; xbackground: yellow;} #basket-navi ul li {padding: 20px 0 0 1.5%; text-align: center; margin: 0; height: 100%; float: left; width: 25%; font-size: 20px; font-weight: 600; color: #696969; position: relative;} #basket-navi ul li:before {content:""; width: 17px; height: 100%; position: absolute; left: 0; top: 0; background:url("/img/new/banavi-sep.png") no-repeat left top; } #basket-navi ul li:first-of-type {padding: 20px 0 0 0;} #basket-navi ul li:first-of-type:before {display: none;} #basket-navi ul li span {display: inline-block; height: 41px; width: 41px; border-radius: 30px; background: #D9D9D9; text-align: center; line-height: 40px; padding-left: 2px; margin: 0 15px; font-weight: 700; color: #fff; } #basket-navi ul li a { color: #000; text-decoration: none} #basket-navi ul li a:hover { text-decoration: underline;} #basket-navi ul li a span { background: #000} #basket-navi ul li.done { color: #000; text-decoration: none} #basket-navi ul li.done span { background: #000} #basket-navi ul li.active {color: #ED1651; } #basket-navi ul li.active span {background: #ED1651;} .page_orderfinish #basket-navi { margin-bottom: 0 } .order-suma {float: right; padding: 50px 0; text-align: right;} .order-suma .price {display: table;} .order-suma .price div { display: table-row;} .order-suma .price label { display: table-cell; padding-right: 25px; font-weight: 600;} .order-suma .price strong { font-weight: normal; display: table-cell; padding-bottom: 3px; } .order-suma .price div:last-child strong { font-size: 30px; color: #ED1651; font-weight: 600; } .deliveryinfo {text-align: center; padding: 13px 0; background: #ed1651; color: #fff; font-size: 20px; font-weight: 300;} .deliveryinfo strong {font-weight: 600;} .order-btn {height: 62px; clear: both; margin-top: 20px; overflow: hidden;} .order-btn .bt-next {height: 62px; width: 212px; border-radius: 10px; color: #fff; xbackground: green; float: right; font-size: 24px; font-family: "montserratlight",sans-serif; margin-right: 27px;} .order-btn .bt-next a, #gpwebpay-link {background: #4f7d00 url("/img/new/btbasket-arrright.png") no-repeat 96% 24px; border-radius: 10px; color: #fff; display: block; font-size: 24px; font-weight: normal; height: 100%; line-height: 60px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-left: 32px;} #gpwebpay-link {margin-right: 30px; width: 200px; text-align: center; padding-left: 0px; float: right;} #gpwebpay-link::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #4f7d00; border-image: none; border-style: solid; border-width: 28px; content: " "; height: 0; position: absolute; right: -52.5px; top: 3px; width: 0;} .cardsContainer {width: 100%; height: 62px; } .order-btn .bt-next a:before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #4f7d00; border-image: none; border-style: solid; border-width: 28px; content: " "; height: 0; position: absolute; right: -52.5px; top: 3px; width: 0;} .order-btn .bt-next a:hover {background-color: #4b7303;} .order-btn .bt-next a:hover:before {border-color: transparent transparent transparent #4b7303;} .order-btn .bt-prev {margin-top: 10px; height: 42px; width: 142px; border-radius: 8px; color: #fff; xbackground: green; float: left; font-size: 24px; font-family: "montserratregular",sans-serif; margin-left: 16px;} .order-btn .bt-prev a {background: #757575 url("/img/new/btbasket-arrleft1.png") no-repeat 10% 15px; border-radius: 8px; color: #fff; display: block; font-size: 17px; font-weight: normal; height: 100%; line-height: 41px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-right: 52px; text-align: right;} .order-btn .bt-prev a:before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #757575 transparent transparent; border-image: none; border-style: solid; border-width: 18px; content: " "; height: 0; position: absolute; left: -34px; top: 3px; width: 0;} .order-btn .bt-prev a:hover {background-color: #231F20;} .order-btn .bt-prev a:hover:before {border-color: transparent #231F20 transparent transparent;} .order-btn.step3 .bt-next { width: 309px; } div.order {margin-top: 30px;} div.order table {width: 100%;} div.order table thead td {font-size: 16px; font-weight: 600; padding: 10px 6px 10px 6px; vertical-align: top;} div.order thead td.price {text-align: right; width: 120px;} div.order thead td.price-no-wat {text-align: right; width: 120px;} div.order thead td.delete {text-align: right;} div.order table tbody {border-top: solid 1px #E5E5E5; border-bottom: solid 1px #E5E5E5;} div.order tbody td.code {font-weight: 300; } div.order tbody td.name a {display: block; width: 250px; font-weight: 300; color: #ED1651; text-decoration: underline;} div.order tbody td.name a:hover {text-decoration: none;} div.order tbody td.avail {font-weight: 700; color: #8A8A8A; width: 130px;} div.order tbody td.avail .green {color: #487209;} div.order tbody td.price {font-weight: 600; text-align: right;} div.order tbody td.price-no-wat {font-weight: 600; text-align: right;} div.order tbody td.delete {text-align: right; width: 100px;} div.order tbody td.delete input {xposition: relative; line-height: 20px; height: 22px; xwidth: 22px; color: #fff; border: none; box-sizing: border-box; padding-left: 7px; padding-right: 7px;xborder: solid 1px #ED1651; background: #ED1651; text-align: center; border-radius: 20px; font-family: "montserratregular",sans-serif; xfont-family: "Source Sans Pro",sans-serif; font-size: 15px; } div.order tbody td.delete input:hover {background-color: #d8174c;} div.order tbody td.image img {margin: 0 17px;} div.order tbody td.amount {width: 160px; white-space: nowrap;} div.order tbody td.amount .input_text {xvertical-align: middle; background: #F0F0F0; height: 42px; width: 62px; border-radius: 30px 0 0 30px; border: none; padding: 0 10px 0 20px; font-family: 'Source Sans Pro', sans-serif; color: #231F20; font-weight: 400; } div.order tbody td.amount form..buyForm {position: relative;} div.order tbody td.amount span {top: -2px; overflow: hidden; position: relative; vertical-align: middle; display: inline-block; border: solid 1px #EAEAEA; background: #fff; height: 44px; width: 42px; border-radius: 0 30px 30px 0;} div.order tbody td.amount span span {cursor:pointer; line-height: 26px; font-style: italic; font-size: 22px; font-weight: 600; padding-left: 12px; display: block; height: 50%; width: 100%; background: #fff; position: absolute; top: 0; border: none; border-radius: 0;} div.order tbody td.amount span strong {cursor:pointer; line-height: 16px; font-style: italic; font-size: 26px; font-weight: 400; padding-left: 14px; display: block; height: 50%; width: 100%; background: #fff; position: absolute; bottom: 0;} div.order tbody td.amount .input_button {display: none;} div.order table tbody tr td {padding: 10px 6px;} div.order table tbody tr:first-of-type td {padding-top: 20px;} div.order table tbody tr:last-of-type td {padding-bottom: 20px;} .order-coupons {width: 60%; padding-top: 12px;} .order-coupons .secLabel {font-weight: 600;} .order-coupons form {padding-top: 8px;} .order-coupons form#frmCoupon {visibility:hidden;} .order-coupons .input_text {border-radius: 30px; width: 275px; height: 41px; background: #F0F0F0; border: none; font-family: 'Source Sans Pro', sans-serif; color: #898788; padding: 0 20px; margin-top: 5px;} .order-coupons .input_button { background: #ed1651 url("/img/new/btbasket-arright1.png") no-repeat scroll 85% 15px; border: medium none; border-radius: 30px; color: #fff; font-family: "montserratregular",sans-serif; font-size: 16px; height: 41px; margin-left: 12px; padding-left: 17px; text-align: left; width: 116px; } .order-coupons .input_button:hover {background-color: #d8174c;} .freetext {font-family: 'Source Sans Pro', sans-serif !important; font-size: 16px !important; font-weight: 300; color: #231F20; text-align: left;} .freetext font {font-family: 'Source Sans Pro', sans-serif !important; /*font-size: 16px !important;*/ font-weight: 300; text-align: left;} /*.freetext p {text-align: left;}*/ .freetext a, .subarticles a {color: #ED1651; text-decoration: undeline;} .freetext a:hover, .subarticles a:hover {color: #ED1651; text-decoration: none;} div.registration .requiredText {padding-bottom: 26px; font-weight: 300;} div.registration .requiredText strong {color: #ED1651;} div.registration .regBorder {clear: both;} div.registration .regBorder .userdata {padding-bottom: 26px;} div.registration h2 {font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 600; border: solid 1px #D9D9D9; padding: 14px; position: relative; margin-top: 6px;} div.registration h2 span {font-weight: 300; padding-left: 20px; color: #999;} div.registration #regDeliv h2, div.registration #regFirm h2 {cursor: pointer; padding: 14px 14px 14px 45px;} div.registration #regDeliv h2:before, div.registration #regFirm h2:before {position: absolute; left: 14px; top: 14px; opacity: 1; content:"+"; margin-right: 10px; vertical-align: text-bottom; line-height: 21px; color: #fff; font-size: 21px; border-radius: 16px; text-align: center; height: 22px; width: 22px; background: #ED1651; display: inline-block; transition: opacity .25s ease; -moz-transition: opacity .25s ease; -webkit-transition: opacity .25s ease; } div.registration #regDeliv h2:after, div.registration #regFirm h2:after { opacity: 0; content: "-"; margin-right: 10px; vertical-align: text-bottom; line-height: 17px; color: #fff; font-size: 27px; border-radius: 16px; text-align: center; height: 22px; width: 22px; background: #ED1651; display: inline-block; position: absolute; left: 14px; top: 14px; transition: opacity .5s ease; -moz-transition: opacity .5s ease; -webkit-transition: opacity .5s ease; } .page_userdata div.registration #regDeliv h2:after, .page_userdata div.registration #regFirm h2:after { xmargin: -3px 0px 10px 14px; } div.registration #regDeliv h2.open:before, div.registration #regFirm h2.open:before {opacity: 0; transition: opacity .75s ease; -moz-transition: opacity .75s ease; -webkit-transition: opacity .75s ease;} div.registration #regDeliv h2.open:after, div.registration #regFirm h2.open:after {opacity: 1; transition: opacity .5s ease; -moz-transition: opacity .5s ease; -webkit-transition: opacity .5s ease;} div.registration .inputBox {margin-left: 18%;} div.registration .input_text {margin-top: 7px; padding: 0 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; background: #f0f0f0; height: 55px; width: 405px; border-radius: 30px; border: none; display: block;} div.registration #label_sBankAccount_0 {width: 245px; display: block;} div.registration #label_sBankCode_0 {width:26px; text-align: center;} div.registration .input_text.bankaccount {width: 245px; display: inline-block;} div.registration .input_text.bankcode {width: 131px; display: inline-block;} div.registration label {font-weight: 300; padding-top: 12px; display: inline-block;} div.registration .req_char {font-weight: 700; color: #ED1651; padding-left: 10px;} div.registration .information .oou {margin-top: 40px;} div.registration .information .oou h3 {font-size: 16px;} div.registration .information strong {font-weight: 600;} div.registration div.buttons {text-align: right;} div.registration div.buttons button {background: #ed1651; border: medium none; border-radius: 30px; color: #fff; font-family: "montserratregular",sans-serif; font-size: 18px; height: 55px; margin-top: 15px; min-width: 180px; padding: 0 20px;} div.registration div.buttons button:hover {background-color: #d8174c;} div.registration .regBorder .sn-checkbox {padding-left: 18%; margin-top: 10px;} div.registration .regBorder .sn-checkbox .sv-box {display: none;} div.loginform {margin-top: 26px;} div.loginform .inputBox {margin-left: 18%;} div.loginform .input_text {margin-top: 7px; padding: 0 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; background: #f0f0f0; height: 55px; width: 405px; border-radius: 30px; border: none; display: block;} div.loginform label {font-weight: 300; padding-top: 12px; display: inline-block;} div.loginform div.buttons {text-align: right; margin-top: 25px;} div.loginform div.buttons input {background: #ed1651; border: medium none; border-radius: 30px; color: #fff; font-family: "montserratregular",sans-serif; font-size: 16px; height: 41px; margin-top: 15px; width: 146px;} div.loginform div.login-info {margin-top: 40px;} div.loginform div.login-info div {padding-bottom: 8px;} div.loginform div.login-info a {color: #ED1651; padding: 2px 0; display: inline-block;} div.loginform div.login-info a:hover {color: #ED1651; padding: 2px 0; display: inline-block;} div.lostPass .inputBox {padding-left: 18%;} div.lostPass .inputBox label {display: block; font-weight: 300; padding-top: 12px;} div.lostPass .information {font-weight: 300;} div.lostPass .inputBox .c-mail { background: #F0F0F0; border-radius: 30px; clear: both; height: 54px; margin-bottom: 26px; position: relative; width: 405px; } div.lostPass .inputBox .c-mail .input_text { background: #F0F0F0; border: medium none; border-radius: 30px 0 0 30px; color: #898788; font-family: "Source Sans Pro",sans-serif; font-size: 16px; height: 54px; margin: 0; outline: medium none; padding-left: 23px; padding-right: 6px; width: 86.5%; } div.lostPass .inputBox .c-mail .input_button { background: #231f20 url("/img/new/ico-mail.png") no-repeat scroll center center; border: medium none; border-radius: 30px; height: 41px; position: absolute; right: 8px; top: 7px; width: 41px; } div.registration .information.alert {background: #f0f0f0; border: 1px solid #ed1651; color: #ED1651; padding: 14px 14px 10px; margin: 12px 0;} .reg-linkbox {xcolor: #ED1651;} .reg-linkbox li {line-height: 24px;} .reg-linkbox a {color: #ED1651;} body.page_executedorder #column1 {} .page_executedorder .ordertbl {width: 100%; font-weight: 300; min-width: 480px;} .page_executedorder .ordertbl.ord-dp {min-width: 560px;} .page_executedorder .ordertbl td {padding: 10px;} .page_executedorder .ordertbl a {color: #ED1651;} .page_executedorder .ordertbl td.Price {font-weight: 400; text-align: right;} .page_executedorder .ordertbl td.right {text-align: right;} .page_executedorder .ordertbl thead td { font-size: 16px; font-weight: 600; padding: 10px; vertical-align: middle; border-bottom: solid 2px #E5E5E5; } .page_executedorder .ordertbl tfoot td { font-size: 18px; font-weight: 600; padding: 10px; vertical-align: middle; border-top: solid 2px #E5E5E5; } .page_executedorder .ordertbl tbody tr td {border-bottom: solid 1px #fff;} tr.state_0 td {background: #CCECEC;} tr.state_1 td {background: #FCDDD4;} tr.state_2 td {background: #FEEFB8;} tr.state_3 td {background: #C3E9F7;} tr.state_4 td {background: #ECF0F1;} .state_table {width: 200px;} .state_table td {padding: 4px 8px; border-top: solid 1px #fff;} body.page_index div.banner {margin-top: 30px;} body.page_index div.articles {border: solid 1px #E5E5E7; margin-top: 30px; padding: 16px;} body.page_index div.articles h2 {font-size: 40px; margin: 0; padding: 0 0 0 42px; background: url("/img/new/ico-hparticle.png") no-repeat 3px 3px;} body.page_index div.articles h3 {margin: 0; padding: 16px 0 16px 0;} body.page_index div.articles h3 a {color: #ED1651;} body.page_index div.articles h3 a:hover {text-decoration: underline;} body.page_index div.articles .freetext {padding-bottom: 13px;} div.clona {xdisplay: none; background-color: #231F20; height: 100%; left: 0; opacity: 0.85; position: fixed; top: 0; width: 100%; z-index: 10002;} /* #basketHoverBox {display: none; position: absolute; min-height: 200px; min-width: 500px; transform: translate (-50%; -50%;); box-shadow: 0px 0px 10px #c6c6c6; border: solid 0px #5F6A72; border-bottom: solid 3px #A92200; xmargin: auto; z-index: 10003; background: #fff; } #basketHoverBox h2 {font-size: 21px; margin: 0; padding: 21px 16px 1px 16px;} #basketHoverBox h2 span {display: inline-block; background: #1A8B00; color: #fff; border-radius: 50px; width: 30px; height: 30px; margin-right: 14px; vertical-align: middle; text-align: center;} #basketHoverBox .hb-content {padding: 10px 20px 20px 60px; } #basketHoverBox .CloseOrderBt {box-shadow: 0px 0px 10px #c6c6c6; position: absolute; display: table; top: -31px; right: 0px; text-decoration: none; height: 31px; min-width: 31px; background: #F33606; color: #fff; text-align: center;} #basketHoverBox .CloseOrderBt a {text-decoration: none; display: table-cell; vertical-align: middle; font-size: 21px; padding: 0 4px; height: 31px; min-width: 31px; color: #fff; text-align: center; } #basketHoverBox .ShowOrderBt {position: absolute; display: table; float: right; bottom: 20px; right: 20px; text-decoration: none; height: 31px; min-width: 31px; background: #F33606; color: #fff; text-align: center;} #basketHoverBox .ShowOrderBt a {text-decoration: none; display: table-cell; vertical-align: middle; font-size: 14px; font-weight: bold; padding: 0 16px; height: 31px; min-width: 31px; color: #fff; text-align: center; } #basketHoverBox .priceValue {margin: 20px 0 0 0; } #basketHoverBox .priceValue .no-vat {font-size: 21px; font-weight: bold; padding: 4px 0px; color: #F33606;} #basketHoverBox .item {border-bottom: solid 1px #DEDEDE; padding: 10px 0;} #basketHoverBox .item:last-of-type {border-bottom: none;} */ /*#rememberHoverBox h2 {font-size: 21px; margin: 0; padding: 21px 16px 1px 16px;} #rememberHoverBox h2 span {display: inline-block; background: #1A8B00; color: #fff; border-radius: 50px; width: 30px; height: 30px; margin-right: 14px; vertical-align: middle; text-align: center;} #rememberHoverBox .hb-content {padding: 10px 20px 20px 60px; } #rememberHoverBox .CloseOrderBt {box-shadow: 0px 0px 10px #c6c6c6; position: absolute; display: table; top: -31px; right: 0px; text-decoration: none; height: 31px; min-width: 31px; background: #F33606; color: #fff; text-align: center;} #rememberHoverBox .CloseOrderBt a {text-decoration: none; display: table-cell; vertical-align: middle; font-size: 21px; padding: 0 4px; height: 31px; min-width: 31px; color: #fff; text-align: center; } #rememberHoverBox .ShowOrderBt {position: absolute; display: table; float: right; bottom: 20px; right: 20px; text-decoration: none; height: 31px; min-width: 31px; background: #F33606; color: #fff; text-align: center;} #rememberHoverBox .ShowOrderBt a {text-decoration: none; display: table-cell; vertical-align: middle; font-size: 14px; font-weight: bold; padding: 0 16px; height: 31px; min-width: 31px; color: #fff; text-align: center; } #rememberHoverBox .priceValue {margin: 20px 0 0 0; } #rememberHoverBox .priceValue .no-vat {font-size: 21px; font-weight: bold; padding: 4px 0px; color: #F33606;} #rememberHoverBox .item {border-bottom: solid 1px #DEDEDE; padding: 10px 0;} #rememberHoverBox .item:last-of-type {border-bottom: none;}*/ #rememberHoverBox {padding: 43px 48px; display: none; position: absolute; width: 940px; transform: translate (-50%; -50%;); z-index: 10003; background: #FFF; } #rememberHoverBox .rememberHoverboxIn .text {border-bottom: 1px solid #e5e5e7;} #rememberHoverBox .rememberHoverboxIn.exists .text { height: 189px; } #rememberHoverBox .rememberHoverboxIn .text:before { content: " "; height: 81px; width: 81px; border-radius: 15px; background: url('/img/new/popup-inserted.png'); color: #FFF; font-weight: bold; text-align: center; float: left; margin: 42px 91px 42px 65px;} #rememberHoverBox .rememberHoverboxIn .text .title { font-family: 'montserratregular', sans-serif; font-size: 30px;} #rememberHoverBox .rememberHoverboxIn.exists .text .title { padding-top: 45px; } #rememberHoverBox .rememberHoverboxIn .text .item { padding: 28px 0 27px 0; display: table;} #rememberHoverBox .rememberHoverboxIn.exists .text .item { padding: 45px 0 46px 0; display: table;} #rememberHoverBox .rememberHoverboxIn .text .item .img { display: table-cell;} #rememberHoverBox .rememberHoverboxIn .text .item .name { display: table-cell; padding-left: 19px; vertical-align: middle;} #rememberHoverBox .rememberHoverboxIn .text .item .name a { color: #ED1651; } #rememberHoverBox .rememberHoverboxIn .text .item .name a:hover { text-decoration: none; } #rememberHoverBox .rememberHoverboxIn .buttonsHB {margin-top: 25px} #rememberHoverBox .rememberHoverboxIn .buttonsHB .bt-next {height: 74px; width: 292px; border-radius: 10px; color: #fff; xbackground: green; float: right; font-size: 24px; font-family: "montserratlight",sans-serif; margin-right: 25px;} #rememberHoverBox .rememberHoverboxIn .buttonsHB .bt-next a {background: #4f7d00 url("/img/new/btbasket-arrright.png") no-repeat 96% 29px; border-radius: 10px; color: #fff; display: block; font-size: 24px; font-weight: normal; height: 100%; line-height: 72px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-left: 37px;} #rememberHoverBox .rememberHoverboxIn .buttonsHB .bt-next a::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #4f7d00; border-image: none; border-style: solid; border-width: 36px; content: " "; height: 0; position: absolute; right: -66.5px; top: 1px; width: 0;} #rememberHoverBox .rememberHoverboxIn .buttonsHB .bt-prev {margin-top: 6px; height: 41px; width: 117px; border-radius: 8px; color: #fff; xbackground: green; float: left; font-size: 24px; font-family: "montserratregular",sans-serif; margin-left: 16px;} #rememberHoverBox .rememberHoverboxIn .buttonsHB .bt-prev a {background: #757575 url("/img/new/btbasket-arrleft1.png") no-repeat 10% 15px; border-radius: 8px; color: #fff; display: block; font-size: 17px; font-weight: normal; height: 100%; line-height: 41px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-right: 25px; text-align: right;} #rememberHoverBox .rememberHoverboxIn .buttonsHB .bt-prev a::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #757575 transparent transparent; border-image: none; border-style: solid; border-width: 18px; content: " "; height: 0; position: absolute; left: -34px; top: 3px; width: 0;} #basketHoverBox {padding: 43px 48px; display: none; position: absolute; width: 940px; transform: translate (-50%; -50%;); z-index: 10003; background: #FFF; } #basketHoverBox .baskethoverboxIn .text {border-bottom: 1px solid #e5e5e7;} #basketHoverBox .baskethoverboxIn .text:before { content: " "; height: 81px; width: 81px; border-radius: 15px; background: url('/img/new/popup-inserted.png') no-repeat; color: #FFF; font-weight: bold; text-align: center; float: left; margin: 40px 91px 40px 65px;} #basketHoverBox .baskethoverboxIn .text .title { font-family: 'montserratregular', sans-serif; font-size: 30px;} #basketHoverBox .updated .baskethoverboxIn .text .item { padding: 28px 0 27px 0; display: table;} #basketHoverBox .inserted .baskethoverboxIn .text .item { padding: 45px 0 46px 0; display: table;} #basketHoverBox .baskethoverboxIn .text .item .img { display: table-cell;} #basketHoverBox .baskethoverboxIn .text .item .name { display: table-cell; padding-left: 19px; vertical-align: middle;} #basketHoverBox .baskethoverboxIn .text .item .name a { color: #ED1651; } #basketHoverBox .baskethoverboxIn .text .item .name a:hover { text-decoration: none; } #basketHoverBox .baskethoverboxIn .buttonsHB {margin-top: 25px} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next {height: 74px; width: 243px; border-radius: 10px; color: #fff; xbackground: green; float: right; font-size: 24px; font-family: "montserratlight",sans-serif; margin-right: 25px;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next a {background: #4f7d00 url("/img/new/btbasket-arrright.png") no-repeat 96% 29px; border-radius: 10px; color: #fff; display: block; font-size: 24px; font-weight: normal; height: 100%; line-height: 72px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-left: 37px;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next a:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #4f7d00; border-image: none; border-style: solid; border-width: 36px; content: " "; height: 0; position: absolute; right: -66.5px; top: 1px; width: 0;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next a:hover {background-color: #4b7303;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next a:hover:before {border-color: transparent transparent transparent #4b7303;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-prev {margin-top: 6px; height: 41px; width: 117px; border-radius: 8px; color: #fff; xbackground: green; float: left; font-size: 24px; font-family: "montserratregular",sans-serif; margin-left: 16px;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-prev a {background: #757575 url("/img/new/btbasket-arrleft1.png") no-repeat 10% 15px; border-radius: 8px; color: #fff; display: block; font-size: 17px; font-weight: normal; height: 100%; line-height: 41px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-right: 25px; text-align: right;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-prev a:before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #757575 transparent transparent; border-image: none; border-style: solid; border-width: 18px; content: " "; height: 0; position: absolute; left: -34px; top: 3px; width: 0;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-prev a:hover {background-color: #231F20;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-prev a:hover:before {border-color: transparent #231F20 transparent transparent;} #basketHoverBox #relProd, #basketHoverBox #buyProd, #basketHoverBox #altProd {clear: both; padding-top: 20px; } #dialogBox {padding: 40px; display: none; position: absolute; width: 940px; transform: translate (-50%; -50%;); z-index: 10003; background: #FFF; width: 500px; min-width: 320px;} #dialogBox span.db-close { background: #ce2323 none repeat scroll 0 0; border-radius: 20px; color: #fff; font-family: 'montserratregular', sans-serif; font-size: 15px; height: 22px; position: absolute; right: 12px; text-align: center; text-decoration: none; top: 12px; width: 22px; cursor: pointer; line-height: 20px; text-transform: lowercase; } #dialogBox span.db-close:hover {background-color: #d8174c;} #dialogBox .db-title {font-family: 'montserratregular', sans-serif; font-size: 30px; border-bottom: solid 1px #E5E5E7; padding-bottom: 24px; margin-bottom: 24px;} #dialogBox .db-title-result {font-family: 'montserratregular', sans-serif; font-size: 20px; margin-bottom: 24px; margin-top: 15px;} #dialogBox .db-title-result:before { content: " "; height: 40px; width: 40px; border-radius: 20px; background: url('/img/new/popup-inserted.png') no-repeat; background-size: contain; color: #FFF; font-weight: bold; text-align: center; float: left; margin:10px 30px 10px 0px;} #dialogBox table {width: 100%;} #dialogBox table th {display: block; text-align: left; font-weight: 300;} #dialogBox table td {display: block;} #dialogBox table td .input_text { background: #f0f0f0 none repeat scroll 0 0; border: medium none; border-radius: 30px; display: block; font-family: "Source Sans Pro",sans-serif; font-size: 16px; font-weight: 400; height: 55px; margin-top: 5px; margin-bottom: 12px; padding: 0 20px; width: 100%; } #dialogBox table td textarea { background: #f0f0f0 none repeat scroll 0 0; border: medium none; border-radius: 30px; display: block; font-family: "Source Sans Pro",sans-serif; font-size: 16px; font-weight: 400; height: 205px; margin-top: 7px; padding: 20px; width: 100%; } #dialogBox .db-bt {margin-top: 30px; text-align: center;} #dialogBox .db-bt button { background: #ed1651 none repeat scroll 0 0; border: medium none; border-radius: 30px; color: #fff; font-family: "montserratregular",sans-serif; font-size: 16px; height: 41px; width: 186px; } #dialogBox #SendLogin .db-btg, #dialogBox #SendLostPass .db-btg, #dialogBox #SendQuestion .db-btg, #dialogBox #Guarantee .db-btg { margin-top: 30px; text-align: center; border-radius: 10px; color: #fff; font-family: "montserratlight",sans-serif; font-size: 24px; height: 62px; margin-right: 25px; width: 215px; } #dialogBox #SendLogin .db-btg button:before, #dialogBox #SendLostPass .db-btg button:before, #dialogBox #SendQuestion .db-btg button:before, #dialogBox #Guarantee .db-btg button:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #4f7d00; border-image: none; border-style: solid; border-width: 30px; content: " "; height: 0; position: absolute; right: -55px; top: 1px; width: 0; } #dialogBox #SendLogin .db-btg button, #dialogBox #SendLostPass .db-btg button, #dialogBox #SendQuestion .db-btg button, #dialogBox #Guarantee .db-btg button { background: #4f7d00 url("/img/new/btbasket-arrright.png") no-repeat scroll 96% 24px; border-radius: 10px; color: #fff; display: block; font-size: 24px; font-weight: normal; height: 100%; overflow: visible; position: relative; text-decoration: none; width: 100%; border: none; } #dialogBox #SendLogin .db-btg button:hover, #dialogBox #SendLostPass .db-btg button:hover, #dialogBox #SendQuestion .db-btg button:hover, #dialogBox #Guarantee .db-btg button:hover {background-color: #4b7303; } #dialogBox #SendLogin .db-btg button:hover:before, #dialogBox #SendLostPass .db-btg button:hover:before, #dialogBox #SendQuestion .db-btg button:hover:before, #dialogBox #Guarantee .db-btg button:hover:before {border-color: transparent transparent transparent #4b7303; } #dialogBox .reg-linkbox.login ul {margin-left: 0; padding-left: 0; list-style-type: none;} #dialogBox .reg-linkbox.login ul li {display: inline-block; margin-right: 60px;} .payment-delivery-table { display: table; width: 100%; margin-top: 80px;} .payment-delivery-table input { margin-right: 5px; position: absolute; top: 4px; left: 0;} .payment-delivery-table .delivery-choose input {top: 10px;} .payment-delivery-table .delivery-choose .delivery-label-main {position: relative; top: -9px; font-weight: 800;} .payment-delivery-table .delivery-choose .delivery-move-down {margin-top: 9px;} .payment-delivery-table .delivery-choose .legend {font-weight: 400; padding-top: 6px;} .payment-delivery-table .deliveryBox label.numberText {font-weight: 700;} .payment-delivery-table .titles-row {display: table-row;} .payment-delivery-table .secLabel { font-size: 20px; font-weight: 600; padding-bottom: 13px; position: relative; top: -40px;} .payment-delivery-table .secLabel:last-of-type { padding-left: 31px; } .payment-delivery-table form { display: table-row;} .payment-delivery-table .payment_transport {position: relative; width: 50%; display: table-cell; border: solid 1px #DCDCDC; border-width: 1px 1px 1px 0; padding: 0 0 38px 0;} .payment-delivery-table .payment_transport:last-of-type {display: table-cell; border-width: 1px 0 1px 0;} .payment-delivery-table .payment_transport .paymentChoice {padding-left:31px; padding-bottom: 192px;} .payment-delivery-table .payment_transport label {font-weight: 300} .payment-delivery-table .method-of-delivery {position: relative; padding: 0 10px 6px 20px;} .payment-delivery-table .method-of-delivery .legend {text-align: justify;} .payment-delivery-table .method-of-payment { position: relative; padding: 0 10px 6px 20px;} .payment-delivery-table .method-of-payment .payment_legend_question { width: 16px; height: 16px; background: #DCDCDC; border-radius: 10px; display: inline-block; padding: 0px 0px 0 5px; position: relative; font-size: 13px; top: -1px; left: 10px; } .payment-delivery-table .method-of-payment .payment_legend_question:hover { cursor: help; background: #ED1651; color: #FFF} .payment-delivery-table .method-of-payment .payment_legend { display: none; z-index: 50; border: 1px solid #ED1651; background: #FFF; padding: 5px; margin: 5px 0;} .PriceSum {text-align: right; font-weight: 600; height: 106px; padding: 16px 0; margin-bottom: 41px; border-top:1px solid #DCDCDC;} .pinkPrice {font-weight: 700;} .PriceSum #iDeliveryPrice, .pinkPrice strong {font-size: 30px; color: #ED1651; font-weight: 600;} .alertText { font-weight: 600;} .pink {color: #ED1651;} .page_order .registration .inputBox {margin-left: 55px;} .page_order .LoginForm-top { margin-bottom: 26px;} .page_order .login-info a { color: #ED1651; text-decoration: underline; } .page_order .login-info a:hover { text-decoration: none; cursor: pointer; } .page_order .regBorder h2 { font-size: 20px; font-weight: 600; border-width: 0 0 1px 0; margin-left: 0; padding-left: 0;} .page_order .loginform { margin-top: 0px;} .page_order .loginform .log-name { margin-left: 55px;} .page_order .loginform .log-pass { margin-left: 55px;} .page_order .loginform .log-bt input { margin-left: 55px; background: #ed1651; border: medium none; border-radius: 30px; color: #fff; font-family: "montserratregular",sans-serif; font-size: 16px; height: 41px; margin-top: 15px; width: 146px;} .page_order .basicdata {display: table; width: 100%;} .page_order .basicdata .userdata {display: table-cell} .page_order .basicdata .order-comment { display: table-cell; text-align: right; vertical-align: bottom; padding-bottom: 26px;} .page_order .basicdata .order-comment label { padding-right: 73px;} .page_order .basicdata .order-comment textarea { margin-top: 7px; padding: 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; background: #f0f0f0; height: 149px; width: 100%; border-radius: 30px; border: none; display: block;} .page_order .confirmInfo a { color: #ED1651; text-decoration: underline; } .page_order .confirmInfo a:hover { text-decoration: none; cursor: pointer; } .page_order .confirmHeurekaInfo { text-decoration: underline; } .page_order .confirmHeurekaInfo input[type=checkbox]{ margin-right:10px; } .page_detailsend .titleDetailSend {font-size: 20px;font-weight: 600;border-bottom: solid 1px #D9D9D9;padding: 14px;} .page_detailsend #DetailSend table {margin-left:55px} .page_detailsend #DetailSend table tbody th {font-weight: 300;padding-top: 12px;display: inline-block;} .page_detailsend #DetailSend table tbody td label {font-weight: 300;padding: 10px 0 0 5px; display: inline-block;} .page_detailsend #DetailSend table tbody td {display:block} .page_detailsend #DetailSend table tbody td input { display: block; margin-top: 7px; padding: 0 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; background: #f0f0f0; height: 55px; width: 405px; border-radius: 30px; border: none;} .page_detailsend #DetailSend table tbody td textarea { display: block; padding: 20px; margin-top: 7px; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 400; background: #f0f0f0; height: 149px !important; width: 100% !important; border-radius: 30px; border: none;} .page_detailsend #DetailSend .buttons {height: 62px; clear: both; margin-top: 40px;} .page_detailsend #DetailSend .buttons a:hover {cursor: pointer;} .page_detailsend #DetailSend .buttons .bt-next {height: 62px; width: 250px; border-radius: 10px; color: #fff; xbackground: green; float: right; font-size: 24px; font-family: "montserratlight",sans-serif; margin-right: 25px;} .page_detailsend #DetailSend .buttons .bt-next a {background: #4f7d00 url("/img/new/btbasket-arrright.png") no-repeat 96% 24px; border-radius: 10px; color: #fff; display: block; font-size: 24px; font-weight: normal; height: 100%; line-height: 64px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-left: 32px;} .page_detailsend #DetailSend .buttons .bt-next a::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #4f7d00; border-image: none; border-style: solid; border-width: 28px; content: " "; height: 0; position: absolute; right: -52.5px; top: 3px; width: 0;} .page_detailsend #DetailSend .buttons .bt-prev {margin-top: 10px; height: 42px; width: 325px; border-radius: 8px; color: #fff; xbackground: green; float: left; font-size: 24px; font-family: "montserratregular",sans-serif; margin-left: 16px;} .page_detailsend #DetailSend .buttons .bt-prev a {background: #757575 url("/img/new/btbasket-arrleft1.png") no-repeat 2% 15px; border-radius: 8px; color: #fff; display: block; font-size: 17px; font-weight: normal; height: 100%; line-height: 43px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-right: 30px; text-align: right;} .page_detailsend #DetailSend .buttons .bt-prev a::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #757575 transparent transparent; border-image: none; border-style: solid; border-width: 18px; content: " "; height: 0; position: absolute; left: -34px; top: 3px; width: 0;} .page_detailsend .information { background: #EBFFCE;border-bottom: solid 1px #D9D9D9;padding: 14px;} .page_detailsend .information.alert { background: #FFFECE;} #hoverbox { position: fixed;background: #000;width: 0;height: 0;left: 0;top: 0;opacity: 0; transition: opacity 2s ease;-moz-transition: opacity 2s ease;-webkit-transition: opacity 2s ease; } #hoverbox.f-on { z-index: 1000;width: 100%;height: 100%;opacity: 0.7; transition: opacity 1s ease;-moz-transition: opacity 1s ease;-webkit-transition: opacity 1s ease;} .page_emailnews .buttons {padding-top: 15px; text-align: right;} .page_emailnews .information.result .buttons a { background: #ed1651; border: medium none; border-radius: 30px; color: #fff; font-family: "montserratregular",sans-serif; font-size: 16px; height: 41px; margin-top: 15px; min-width: 146px; padding: 10px 20px; text-decoration: none;} .page_emailnews .emailnews-btn {height: 62px; clear: both; margin-top: 20px;} .page_emailnews .emailnews-btn .bt-next {height: 62px; width: 171px; border-radius: 10px; color: #fff; xbackground: green; float: right; font-size: 24px; font-family: "montserratlight",sans-serif; margin-right: 25px;} .page_emailnews .emailnews-btn .bt-next a {background: #4f7d00 url("/img/new/btbasket-arrright.png") no-repeat 96% 24px; border-radius: 10px; color: #fff; display: block; font-size: 24px; font-weight: normal; height: 100%; line-height: 60px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-left: 32px;} .page_emailnews .emailnews-btn .bt-next a:hover {cursor:pointer;} .page_emailnews .emailnews-btn .bt-next a::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #4f7d00; border-image: none; border-style: solid; border-width: 28px; content: " "; height: 0; position: absolute; right: -52.5px; top: 3px; width: 0;} .page_emailnews .emailnews-btn .bt-prev {margin-top: 10px; height: 42px; width: 142px; border-radius: 8px; color: #fff; xbackground: green; float: left; font-size: 24px; font-family: "montserratregular",sans-serif; margin-left: 16px;} .page_emailnews .emailnews-btn .bt-prev a {background: #757575 url("/img/new/btbasket-arrleft1.png") no-repeat 10% 15px; border-radius: 8px; color: #fff; display: block; font-size: 17px; font-weight: normal; height: 100%; line-height: 41px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-right: 52px; text-align: right;} .page_emailnews .emailnews-btn .bt-prev a::before {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #757575 transparent transparent; border-image: none; border-style: solid; border-width: 18px; content: " "; height: 0; position: absolute; left: -34px; top: 3px; width: 0;} .page_emailnews .information.result a { font-weight: 300; color: #ED1651;} .page_emailnews .information.result a:hover { text-decoration: none} .page_emailnews form .information.result a { font-weight: 300; color: #FFF;} .page_orderfinish #column1 {display: none;} .page_orderfinish #column2 {width: 100%;} .page_orderfinish strong {font-weight: 600;} .page_orderfinish .result {padding: 15px 0; border-bottom: solid 1px #D9D9D9;} .page_orderfinish .result span {font-size: 20px; font-weight: 600;} .page_orderfinish .result span::before { background: rgba(0, 0, 0, 0) url("/img/new/popup-inserted.png") no-repeat scroll 0 0 / contain ; border-radius: 50px; color: #fff; content: " "; display: inline-block; font-weight: bold; height: 50px; margin: 10px 20px 10px 0; text-align: center; vertical-align: middle; width: 50px; } .page_orderfinish .autologin { padding-top: 14px; } .page_orderfinish .autologin table { margin-top: 14px; } .page_orderfinish .autologin table caption { background: #ececed; font-weight: 600; padding: 7px 0; } .page_orderfinish .autologin table tr { border-bottom: 1px solid #D9D9D9; } .page_orderfinish .autologin table th, .page_orderfinish .information.autologin table td { font-weight: 600; padding: 7px 0; text-align: left } .page_orderfinish .clientData { padding: 32px 0; display: table} .page_orderfinish .clientData div {display: table-cell; position:relative} .page_orderfinish .clientData div.data-contact {display:block;} .page_orderfinish .clientData strong { display: block; padding: 2px 0;} .page_orderfinish .clientData span { display: block; padding: 2px 0;} .page_orderfinish .clientData .deliveryData:before { content: " "; height: 85px; width: 1px; background: #D9D9D9; display: block; margin-left: -63px; position: absolute; top: 7px;} .page_orderfinish .clientData .contactData:before { content: " "; height: 85px; width: 1px; background: #D9D9D9; display: block; margin-left: -63px; position: absolute; top: 7px;} .page_orderfinish .orderData {display: table;} .page_orderfinish .orderData .orderData-rows {display: table-row-group;} .page_orderfinish .orderData .orderData-rows div {display: table-cell;} .page_orderfinish .orderData .orderData-rows div strong:not(.varSymbol) {display: block; background: #ececed;font-weight: 600; padding: 14px 0;} .page_orderfinish .orderData .orderData-rows div strong.varSymbol {display: block; padding-top: 4px} .page_orderfinish .orderData .orderData-rows div span { padding-top: 4px;} .page_orderfinish .orderItems span.curr {font-weight: 600;} .page_orderfinish .orderItems tbody tr {border-bottom: solid 1px #E5E5E5;} .page_orderfinish .orderItems tbody tr:last-of-type td {padding: 15px 6px;} .page_orderfinish #c-contact {margin: 0} .page_orderfinish #c-contact h3 {display: none} .page_orderfinish .order-suma {padding: 0} .page_orderfinish tr.deliveryLine td {padding: 21px 6px;} .page_orderfinish .contactUs {font-family: 'montserratregular', sans-serif; font-size: 20px;} .order-print { height: 42px; width: 175px; border-radius: 8px; color: #fff; float: left; font-size: 24px; font-family: "montserratregular",sans-serif; margin: 10px 16px;} .order-print a {background: #757575; border-radius: 8px; color: #fff; display: block; font-size: 17px; font-weight: normal; height: 100%; line-height: 41px; overflow: visible; position: relative; text-decoration: none; width: 100%; padding-left: 26px;} .order-print a:hover {background-color: #231F20;} .xorder-print a:before { content: " "; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #757575; border-image: none; border-style: solid; border-width: 18px; height: 0; position: absolute; left: 173px; top: 3px; width: 0; } .order-print a:after { content: " "; width: 20px; height: 20px; background: url('/img/new/ico-orderprint.png'); position: absolute; top: 10px; right: 15px; } #naseptavacdiv {width: calc(100% - 55px); margin-left: 24px;background: #FFF; position: relative; box-shadow: 2px 8px 10px rgba(2, 2, 2, 0.26); z-index: 1000; border: solid 1px #E8E8E8; height: 483px; overflow-y: auto;} #naseptavacdiv .item {border-bottom: solid 1px #E8E8E8; display: table; width: 100%;} #naseptavacdiv .item:last-of-type { border-bottom: none; } #naseptavacdiv .item:hover { background: #F0F0F0; } #naseptavacdiv .item .image {display: table-cell; vertical-align: middle; width: 0;} #naseptavacdiv .item .image img {margin: 10px; display: block;} #naseptavacdiv .item a.commodityLink { color: #ED1651; padding: 10px; xwidth: 72%; display: table-cell; vertical-align: middle; text-decoration: none;} #naseptavacdiv .no-item { color: #ED1651; font-size: 23px; padding: 17px; } #parameters {background: #f0f0f0; border: 1px solid #EE265D; margin-top: 20px;} #parameters h2 { padding:20px 24px; color: #ED1651; font-size: 30px; margin: 0; font-family: "montserratlight",sans-serif;} #parameters strong { font-size: 16px; display: inline-block; margin: 0 7px 3px 0; font-weight: 600;} #parameters strong.sortParameter { xpadding-left: 24px;} #parameters .producers {xpadding: 0 24px; xmargin: 5px 0 25px;} #parameters .producers strong {margin-right: 0;} #parameters .producers input {margin-left: 18px; margin-right: 7px; outline: none; vertical-align: middle;} #parameters .producers label {vertical-align: middle;} #parameters .box {display: inline-block; padding-left: 25px; margin-bottom: 16px; width: 32.5%; vertical-align: middle;} #parameters button { position: relative; font-size: 16px; outline: none; background: #FFF; font-family: 'Source Sans Pro', sans-serif; border: solid 1px #ECECEC; xwidth: 192px; margin: 0; border-radius: 30px; height: 43px; padding: 0 35px 0 23px;} #parameters label {display: inline-block; box-sizing: border-box; width: 100%; position: relative; font-size: 16px; outline: none; xbackground: #FFF; font-family: 'Source Sans Pro', sans-serif; xborder: solid 1px #ECECEC; margin: 0; border-radius: 30px; height: 43px; padding: 9px 0 0 0;} #parameters button:after { content: "‹"; display: inline-block; font-size: 32px; height: 22px; line-height: 20px; overflow: hidden; padding: 0; position: absolute; right: 25px; top: 10px; transform: rotate(-90deg); transition: transform 0.2s ease 0s; color: #666; } #parameters button.ui-state-active:after { right: 21px; top: 11px; transform: rotate(90deg); } #parameters button.ui-multiselect span {line-height: 15px; display: inline-block; color: #666;} #parameters button#searchByParameters, #parameters button.removeFilter { width: 29.4%; border: none; margin-right: 24px; xmargin-top: 5px; color: #FFF; padding-left: 0; background: #9d9d9d; font-family: 'montserratregular', sans-serif; position: relative; padding-right: 24px;} #parameters button#searchByParameters {background-color: #ED1651;} #parameters button#searchByParameters:hover {background-color: #d8174c;} #parameters button.removeFilter:hover {background-color: #231F20;} #parameters button#searchByParameters.enable { background: #ED1651; } #parameters button#searchByParameters:after, #parameters button.removeFilter:after { content: '' } #parameters button#searchByParameters span:after { content: ' '; width: 19px; height: 19px; position: absolute; background: url(/img/new/ico-lupa.png); margin-left: 9px; } #parameters .in-store {display: inline-block; } #parameters .in-store input {margin-right: 5px;} #parameters .in-store label {color: #ED1651; text-decoration: underline; cursor: pointer;} #parameters .in-store label input {cursor: pointer;} #parameters .box-params {padding: 0 24px; margin: 0; width: 100%;} #parameters .box-params:last-of-type {margin-top: 10px;} #xparameters .box-params .box {width: 34.5%;} #xparameters .box-params .box {padding-left: 0px; xdisplay: table-cell; border-right: 27.5px solid #F0F0F0;} #parameters .box-params .box:nth-child(3n) {border-right: none;} #parameters .box-params .box button {width: 100% !important;} #parameters .box-params:last-of-type .box {margin-bottom: 16px;} #parameters .box-params .box {width: 31%;} #parameters .box-params .box {padding-left: 0px; margin-right: 3%;} #parameters .box-params .box:nth-child(3n) {margin-right: 0;} .ui-multiselect-checkboxes {height: auto !important; max-height: 270px;} .show-more-desc { height: 22px; margin: auto; width: 100%; opacity: 1; text-align: center; position: relative; margin-bottom: 3%; border-bottom: solid 1px #E5E5E7; transition: width 1s, opacity 2s, margin-bottom 2s; -moz-transition: width 1s, opacity 2s, margin-bottom 2s; -o-transition: width 1s, opacity 2s, margin-bottom 2s; -webkit-transition: width 1s, opacity 2s, margin-bottom 2s;} #showMoreLink:before { content: ' '; height: 0; width: 0; position: absolute; top: 21px; right: calc(50.5% - 10px); border-style: solid; border-width: 8px 8px 0 8px; border-color: #E5E5E7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } #showMoreLink:after { content: ' '; width: 0; height: 0; position: absolute; top: 21px; right: calc(50.5% - 9px); border-style: solid; border-width: 7px 7px 0 7px; border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); } #showMoreLink {opacity: 1; transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; -webkit-transition: opacity 2s; } #showMoreLink:hover { cursor: pointer; } .data_sorting { background: #f0f0f0 none repeat scroll 0 0; border: 1px solid #ee265d; margin-top: 20px; position: relative; } .data_sorting .bdt-from, .data_sorting .bdt-until { display: inline-block;} .data_sorting span.bt-datsort{ display: none; } .data_sorting form { display: block; padding: 30px; } .data_sorting .input_text { background: #fff none repeat scroll 0 0; border: medium none; border-radius: 30px; display: inline-block; font-family: "Source Sans Pro",sans-serif; font-size: 16px; font-weight: 400; height: 55px; margin-top: 7px; padding: 0 20px; width: 200px; } input#form-date-from {margin-right: 40px;} .ord-fil2 { border-bottom: 1px solid #cecccd; margin-bottom: 20px; padding: 20px 0; } .ord-fil2 label {display: inline-block; vertical-align: middle; margin-right: 57px; margin-left: 10px;} .ord-fil2 label.lb-last:last-of-type {margin-right: 0; margin-left: -12px;} .ord-fil2 input, .ord-fil2 button {vertical-align: middle;} .ord-fil2 .of-1, .ord-fil2 .of-2, .ord-fil2 .of-3 {display: inline-block;} .ord-fil2 button{ background: #757575 none repeat scroll 0 0; border: none; border-radius: 30px; font-family: "Source Sans Pro",sans-serif; font-size: 16px; height: 43px; margin: 0; outline: medium none; position: relative; width: 100px; display: inline-block; color: #fff; } .data_sorting .byId #form-receipt {margin-right: 170px;} .data_sorting .byId button { background: #757575 none repeat scroll 0 0; border: none; border-radius: 30px; font-family: "Source Sans Pro",sans-serif; font-size: 16px; height: 43px; margin: 0; outline: medium none; position: relative; width: 100px; display: inline-block; color: #fff; } .ord-buttons {margin-top: 26px;} .ord-buttons button{ background: #757575 none repeat scroll 0 0; border: none; border-radius: 30px; font-family: "Source Sans Pro",sans-serif; font-size: 16px; height: 43px; margin: 0; outline: medium none; position: relative; width: 218px; display: inline-block; color: #fff; } .ord-buttons button#unexecuteditems {margin-right: 100px;} a.back-to-top{display:none;width:60px;height:60px;text-indent:-9999px;position:fixed;z-index:999;right:20px;bottom:20px;background:#231F20 url(/img/up-arrow.png) no-repeat center 49%; background-size: 20px 12px; } a:hover.back-to-top{background-color:#ED1651;} .page_executedorder .orderDetail {margin-top: 20px;} .page_executedorder .c-ordertbl {margin-bottom: 40px;} .page_executedorder div.buttons {text-align: right;} .page_executedorder div.buttons button { background: #ed1651 none repeat scroll 0 0; border: medium none; border-radius: 30px; color: #fff; font-family: "montserratregular",sans-serif; font-size: 18px; height: 55px; margin-top: 15px; min-width: 180px; padding: 0 20px; } .page_executedorder div.buttons button:hover {background: #D8174C;} #OrderForm .OrderFreeText {font-weight: 700; font-size: 130%; position: relative; padding-bottom: 10px; display: flex; justify-content: flex-end;} .gp-header{color: #ff3366; font-weight: 800; padding: 10px 0px; font-size: 120%;} .finish-header{color: #ff3366; font-weight: 800; padding: 40px 0px 20px 20px; font-size: 120%; } #loading-icon { position: fixed; z-index: 1000; top: 0;left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 ) 50% 50% no-repeat;} #loading-icon svg {position: fixed; top: 50%; left: 50%;} /*.spinGif {position: relative; left: 47%; top: 30%;}*/ .finish-load{position: fixed; left: 50%; top: 50%; width: 500px; text-align: center; height: 200px; margin-top: -100px; margin-left: -250px; background-color: white; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border: 0px solid #000000;} /* ceska posta - do ruky*/ .payment-delivery-table input.toHandInput, .payment-delivery-table input.toHandInputRadio {position: relative; margin-right: 4px; top: 1px; left: 0px;} .payment-delivery-table input.toHandInput {width: 50px; padding-left: 3px; margin-left: 5px;} .toHandSubmit {cursor: pointer; background-color: #4f7d00; width: 61px; padding: 5px 7px; display: inline; margin-left: 8px; color: white; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 0px solid #000000;} .toHandError {color: red;} .toHandBlock {margin-top: 5px;} .toHandBlock label{padding-left: 7px;} .toHandBlockBox {margin-top: 5px;} .toHandBlockBox span {font-weight: 700;} .chooseTime{font-weight: 700; margin-left: 7px; display: none; margin-top: 4px;} .deliveryImage {width: 91px; height: 32px; background-size: cover; margin-right: 7px; display: inline-block;} @media(max-width: 1299px) { body.btt #c-main {padding-bottom: 80px;} } @media(max-width: 1189px) { body {background: #fff;} #c-main {width: auto; padding: 0 20px;} .xsearchBox {margin: 0 28.4956% 0 35.6637%} .searchBox {margin: 0 322px 0 32%;} #logo {width: 29.02654%; top: 49%; transform: translate(0px, -50%); height: auto;} .hp-link {width: 29.02654%; top: 0; } .detail .dp-img img {max-width: calc(100% - 20px)} } @media(max-width: 1169px) { body.page_index div.banner img {width: 100%;} } @media(max-width: 1150px) { #c-main { width: auto; } } @media(max-width: 1023px) { #basketInfo {width: 55px;} #basketInfo p, #basketInfo div {display: none;} .userInfo {right: 82px;} .searchBox {margin: 0 164px 0 35%;} #c-body {position: relative;} #column1 {position: absolute; max-width: 320px; top: -11px;} #column2 {float: none; width: auto;} #column1 > div:nth-child(n+2) {display: none;} #xmenu li {float: right;} #xmenu li:last-of-type:after {display: block;} #xmenu li:first-of-type:after {display: none;} .ms-block {bottom: -1px; height: 0; position: absolute; z-index: 1000;} #footer h3 {margin: 0; padding: 8px 0; xposition: unset !important;} #footer h3 span {cursor: pointer; height: 100%; position: absolute; right: -15px; top: 0; width: calc(100% + 30px);} #footer h3 span:after { border-color: #ED1651 transparent transparent; border-style: solid; border-width: 8px; content: " "; display: block; height: 0; position: absolute; right: 15px; top: 43%; transition: all 0.4s ease 0s; width: 0; } #footer .open h3 span:after { margin-top: -9px; transform: rotate(-180deg); transition: all 0.4s ease 0s; } #footer h3 span#ftc4-bt1 {display: none;} #footer h3:after {display: none;} #footer .ftc-1 .ico-heureka, #footer .ftc-3 .ico-card, #footer .ftc-4 .ico-card {text-align: left;} #footer .ftc-1, #footer .ftc-2, #footer .ftc-3, #footer .ftc-4 {display: block; width: auto; border-bottom: solid 1px #fff; margin-right: 0; padding: 6px 15px 4px;} #footer .ftc-4 {border-color: #F0F0F0;} #footer .ftc-1.open, #footer .ftc-2.open, #footer .ftc-3.open, #footer .ftc-4.open {padding: 6px 15px 10px 15px;} #footer .ftc1-ul, #footer .ftc2-ul, #footer .ftc3-ul, #footer .ftc4-ul2 {display: none;} #footer .ftc-1:after, #footer .ftc-2:after, #footer .ftc-3:after, #footer .ftc-4:after {display: none;} #footer .ftc-5 .ftc5-1 {width: 68%;} #footer .ftc-5 p.ftc5-2 {width: 30%;} #basketHoverBox {width: 80%;} .page_order .basicdata .order-comment {display: block; width: auto;} div.registration .regBorder .userdata {display: block; width: auto;} .page_order .basicdata {width: 406px; margin: auto;} .page_order .registration .inputBox {margin-left: 0;} .page_order .basicdata .order-comment label {padding-right: 0; text-align: left;} div.registration .regBorder .userdata {width: 406px; margin: auto;} div.registration .regBorder #LoginForm {width: 406px; margin: auto;} div.registration .requiredText {width: 406px; margin: auto;} .page_order .loginform {width: 406px; margin: auto;} .page_myaccount div.loginform {width: 406px; margin: 26px auto auto;} div.lostPass .information form {width: 406px; margin: 26px auto auto;} .page_order .loginform .log-name, .page_order .loginform .log-pass, .page_myaccount div.loginform .inputBox {margin-left: 0;} div.lostPass .inputBox {padding-left: 0;} .page_order .loginform .log-bt {text-align: right;} .page_order .loginform .log-bt input {margin-left: auto; margin-right: auto;} } @media(max-width: 1139px) { #top-bar {width: auto; padding-left: 20px; padding-right: 20px;} #top-bar-pink {width: auto; padding-left: 20px; padding-right: 20px;} } @media(min-width: 1024px) { .ftc1-ul, .ftc2-ul, .ftc3-ul, .ftc4-ul1, .ftc4-ul2 {display: block !important;} } @media(max-width: 940px) { div.order tbody td.name a {width: 160px;} } @media(max-width: 900px) { .searchBox {margin: 0 164px 0 33%;} .c-header {height: 108px;} div.order tbody td.image img {margin: 0;} } @media(max-width: 989px) { #basket-navi {height: 62px;} #basket-navi ul li {padding: 10px 0 0 1.5%; line-height: 41px; font-weight: normal; font-size: 18px; width: 30%;} #basket-navi ul li:first-of-type {padding: 10px 0 0 0; width:18%;} #basket-navi ul li:last-of-type {width:22%;} #basket-navi ul li:before {background-position: left -9px;} #basket-navi ul li span {height: 31px; width: 31px; line-height: 31px;} } @media(max-width: 879px) { .detail .dp-img img {max-width: calc(100% - 20px)} .detail .dp-txt {width:56.5%;} .detail .dp-img {width: 40%;} } @media(max-width: 820px) { div.order tbody td.name a {width: 150px;} } @media(max-width: 800px) { .cat-list .item {height: 350px;} #basketHoverBox {padding: 4%;} #basketHoverBox .baskethoverboxIn .text {position: relative;} #basketHoverBox .baskethoverboxIn .text .title {font-size: 22px;} #basketHoverBox .baskethoverboxIn .text:before {background-size:contain; margin: 10%; height: 60px; width: 60px; top: 40%; xposition: absolute;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next {height: 52px;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next a:before {border-width: 26px; right: -51.9px; top: 0px;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next a {border-radius: 10px 0 0 10px; line-height: 52px; background-position: 96% 18px;} #c-topbar {display: none;} #c-topbar-pink {display: none;} } @media(max-width: 799px) { .btn-nav {top: 4px;} .searchBox {top: 112px; z-index: 1001; background: #fff; height: 46px; margin: 0 4px 0 130px} .searchBox .input_text {height: 46px; width: calc(100% - 46px); background: #fff;} .searchBox .input_button {height: 40px; width: 40px; top: 3px; right: 3px;} .page_order .searchBox {margin-left: 4px;} .c-header {height: 163px;} #xmenu {display: none;} .ms-block {height: 56px; width: 100%; border: solid 1px #e8e8e8; background: #f0f0f0; bottom: 0;} #logo {height: calc(100% - 56px); top: inherit; transform: translate(0, 0); width: 328px;} #logo a {position: absolute; top: 50%; transform: translate(0px, -50%); width: 100%;} #logo img {display: block;} .hp-link {width: 328px;} #parameters {padding-bottom: 0; overflow: hidden;} #parameters.open {xpadding-bottom: 30px;} #parameters #parametersSerialize {display: none; width: 100%;} #parameters h2 {position: relative;} #parameters h2 span {position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer;} #parameters h2 span:after {content: "‹"; display: inline-block; font-size: 52px; height: 100%; xtransition: transform 0.2s ease 0s; line-height: 20px; overflow: hidden; padding: 0; position: absolute; right: 0; top: 1px; transform: rotate(-90deg); color: #ED1651;} #parameters.open h2 span:after {top: 1px; transform: rotate(90deg); right: 52px;} .items-page {display: none;} .c-itpa-pgr .pa-label {display: none;} .c-itpa-pgr.a2 {height: auto;} .page_executedorder .c-itpa-pgr.a2 {height: 74px;} .c-itpa-pgr .pager, .c-itpa-pgr.a2 .pager {float: none; text-align: center; display: block; padding-left: 0;} .c-itpa-pgr #nextPage {float: none; display: block; margin: 20px auto 30px auto;} #parameters button#searchByParameters {margin-right: 20px;} .detail .dp-img {display: block; float: none; width: auto; margin-left: auto; margin-right: auto; text-align: center;} .detail .dp-img .detailVariImg {display: inline-block; text-align: center;} .detail .dp-txt {display: block; float: none; width: auto; margin-left: auto; margin-right: auto;} .detail .dp-info {padding-bottom: 10px;} div.order table thead {display: none;} div.order table tbody tr:last-of-type td {padding-bottom: 6px !important; padding-top: 6px !important;} div.order table tr td {display: block; text-align: center !important; width: auto !important; padding: 6px; xborder-bottom: solid 1px;} div.order table tbody tr td {padding: 6px !important;} div.order tbody td.name a {width: auto; font-size: 18px;} div.order tbody td.amount span strong, div.order tbody td.amount span span {text-align: left !important;} div.order table tr td:last-of-type {border-bottom: solid 1px #E5E5E5;} div.order table tbody tr td:last-of-type {padding-bottom: 16px !important;} div.order table tbody tr td:first-of-type {padding-top: 16px !important;} div.order tbody td.price, div.order tbody td.price-no-wat {font-size: 18px;} .order-suma {float: none; width: 100%; margin: auto; padding: 40px 0 25px 0;} .order-suma .price {margin: auto;} .order-coupons {width: auto;} .order-coupons form {text-align: center; width: 410px; margin: auto;} .order-coupons .secLabel {text-align: left;} .deliveryinfo {margin-top: 20px;} div.order tbody td.price div:before, div.order tbody td.price strong:before {content:"Cena s DPH / jednotka:\0020 "; font-weight: normal; font-size: 16px;} div.order tbody td.price-no-wat:before {content:"Celkov\00E1 cena s DPH:\0020 "; font-weight: normal; font-size: 16px;} .deliveryinfo {border: solid 2px #ed1651; background: none; color: #ed1651;} .dp-para {width: 46.5%;} .page_orderfinish .autologin table {width: 50%;} .page_orderfinish .clientData {width: 100%;} .page_orderfinish .clientData div {width: 33.33333%;} .page_orderfinish .orderData {display: block;} .page_orderfinish .orderData .orderData-rows {display: block;} .page_orderfinish .orderData .orderData-rows div {display: block;} .information.orderData div.col3 {display: block; width: auto;} .page_orderfinish .orderData .orderData-rows div span {padding: 14px 4px 24px 4px; display: block;} .page_orderfinish .orderData .orderData-rows div strong:not(.varSymbol) {padding: 14px 4px; display: block;} #c-contact {border-bottom: solid 1px #E5E5E5;} #c-contact .contact {margin: auto; padding-bottom: 20px; width: 270px;} body.page_index div.articles {display: none;} #dialogBox .db-title {font-size: 22px;} #dialogBox .db-title-result {font-size: 20px;} .filler,#frmCoupon{display:none;} #parameters .box-params .box {width: 48%;} #parameters .box-params .box {padding-left: 0px; margin-right: 3%;} #parameters .box-params .box:nth-child(3n) {margin-right: 3%;} #parameters .box-params .box:nth-child(2n) {margin-right: 0;} #parameters .box-params .box.in-store {width: 100%; margin-right: 0;} #parameters .box-params .box.re-fi {margin-right: 3%; margin-bottom: 24px;} #parameters .box-params .box.se-pa {margin-right: 0; margin-bottom: 24px;} .ui-multiselect-menu {width: calc(45.5% - 24px) !important;} } @media(max-width: 766px) { .cat-list .item .pr-store {width: 30%;} } @media(max-width: 739px) { } @media(max-width: 719px) { .welcome_products .comLCatalog {padding: 40px 37px 10px 38px;} .welcome_products .owl-pagination {top: 10px; right: 10px; } #basket-navi ul li span {display: none;} #basket-navi ul li {padding: 10px 0 0 3%;} } @media(max-width: 699px) { .cat-list .item {width: 33.33333%; height: 370px;} .cat-list .item:nth-child(4n+1) {border-left: solid 1px #e5e5e7;} .cat-list .item:nth-child(3n+1) {border-left: none;} .ui-multiselect-menu {width: calc(45.5% - 26px) !important;} } @media(max-width: 650px) { .cat-list .item {height: 360px;} .cat-list .item .pr-store {width: 35%;} #basket-navi {display:table; width: 100%;} #basket-navi ul {display:table-row; } #basket-navi ul li {padding: 0 0 0 24px; display:table-cell; vertical-align: middle; line-height: unset; float: none;} #basket-navi ul li:first-of-type {padding: 0;} div.registration .regBorder .userdata {width: 406px; margin: auto;} div.registration .inputBox, div.registration .regBorder .sn-checkbox {margin-left: 0; padding-left: 0;} div.registration .input_text {width: 100%; margin-bottom: 5px;} div.loginform .input_text {width: 100%; margin-bottom: 5px;} .data_sorting .input_text {width: 140px; height: 43px;} .data_sorting .byId #form-receipt {margin-right: 40px;} .ord-buttons button#unexecuteditems {margin-right: 40px;} .ord-fil2 label.lb-last {display: block; margin: 20px 0 0 0;} } @media(max-width: 600px) { .cat-list .item {height: 350px;} .pr-alter h2, .pr-souvisejici h2, .pr-buymore h2, .dp-bott h2, #lastVisitedContainer h2 {font-size: 26px;} #basketHoverBox {width: 90%; left: 5% !important;} #basketHoverBox .baskethoverboxIn .text:before {height: 50px; width: 50px; margin: 6%;} div.registration .input_text, div.loginform .input_text, #dialogBox table td .input_text {height: 50px;} div.lostPass .inputBox .c-mail {height: 50px;} div.lostPass .inputBox .c-mail .input_text {height: 50px;} div.lostPass .inputBox .c-mail .input_button { background: #231f20 url("/img/new/ico-mail.png") no-repeat scroll center center; border: medium none; border-radius: 30px; height: 40px; position: absolute; right: 5px; top: 5px; width: 40px; background-size: 50% 40%; } .dp-para {width: auto; display: block; float: none; margin-left: 0;} .page_orderfinish .autologin table {width: 100%;} .page_orderfinish .clientData {display: block;} .page_orderfinish .clientData div {display: block; width: auto;} .page_orderfinish .clientData strong {background: #ECECED; padding: 14px 4px;} .page_orderfinish .clientData span {padding: 6px 4px;} .ui-multiselect-menu {width: calc(45.5% - 28px) !important;} } @media(max-width: 599px) { .order-btn { margin-top:35px;} .payment-delivery-table .payment_transport .paymentChoice { padding-bottom:75px; padding-left:0; } .PriceSum {margin-bottom:0;height:83px;} .payment_transport.paymentBox {padding-bottom:0;} #footer .ftc-5 .ftc5-1 {width: 100%;} #footer .ftc-5 p.ftc5-2 {width: 100%;} body.page_index div.banner {display: none;} .welcome_products .comLCatalog .cat-list .item {display: none;} .welcome_products .comLCatalog .cat-list .item:first-of-type {display: block;} .welcome_products .owl-buttons {top: 33%;} .welcome_products ul {height: 42px; overflow: hidden;} .welcome_products ul li a {width: auto; padding: 10px 10px 0; height: 42px; font-size: 14px;} h1 {font-size: 28px;} #parameters h2 {font-size: 24px; padding: 20px;} #parameters.open h2 span:after {right: 38px;} #parameters.open {xpadding-bottom: 24px;} .order-btn .bt-next {height: 52px;} .order-btn .bt-next a:before {border-width: 26px; right: -51.9px; top: 0;} .order-btn .bt-next a {background-position: 96% 18px; border-radius: 10px 0 0 10px; line-height: 52px;} body.page_order .order-btn.step1:nth-child(2n-1), body.page_order .order-btn.step2:nth-child(2n), /*body.page_order .order-btn.step3:nth-child(4n+4) {display: none;}*/ div.order table tbody {border-top: 0;} .payment-delivery-table, .payment-delivery-table form {display: block;} .payment-delivery-table .payment_transport {display: block; width: auto; border-width: 1px 0px 0px 0;} .payment-delivery-table .payment_transport:last-of-type {display: block; width: auto; padding-left: 0; margin-top: 40px;} .PriceSum {text-align: center;} .data_sorting span.bt-datsort { xbackground: yellow; height: 70px; display: block; position: absolute; top: 0; width: 100%; cursor: pointer; } .data_sorting { padding-top: 70px; } .data_sorting form { padding-top: 10px; display: none; } .data_sorting span.bt-datsort:before { content:"Filtr objedn\0020 vek"; color: #ed1651; font-family: "montserratlight",sans-serif; font-size: 24px; margin: 0; padding: 20px 24px; display: block; } .data_sorting span.bt-datsort:after { color: #ed1651; content: "‹"; display: inline-block; font-size: 52px; height: 100%; line-height: 20px; overflow: hidden; padding: 0; position: absolute; right: 0; top: 1px; transform: rotate(-90deg); } .data_sorting.open span.bt-datsort:after { right: 38px; top: 1px; transform: rotate(90deg); } .lang_2 .data_sorting span.bt-datsort:before { content:"Filter objednávok"; } #dialogBox #SendLogin .db-btg, #dialogBox #SendLostPass .db-btg, #dialogBox #SendQuestion .db-btg, #dialogBox #Guarantee .db-btg { height: 52px; } #dialogBox #SendLogin .db-btg button, #dialogBox #SendLostPass .db-btg button, #dialogBox #SendQuestion .db-btg button, #dialogBox #Guarantee .db-btg button { background-position: 96% 18px; border-radius: 10px 0 0 10px; } #dialogBox #SendLogin .db-btg button::before, #dialogBox #SendLostPass .db-btg button::before, #dialogBox #SendQuestion .db-btg button::before, #dialogBox #Guarantee .db-btg button::before { border-width: 26px; right: -51.9px; top: 0; } } @media(max-width: 590px) { .ord-buttons button#unexecuteditems {display: block; margin: auto auto 20px;} .ord-buttons button {display: block; margin: auto;} .byDateType {text-align: center;} .byDateType .byId {text-align: center;} .of-3 label {margin-right: 0;} } @media(max-width: 580px) { #dialogBox {left: 20px!important; width: calc(100% - 40px);} .page_executedorder .c-ordertbl.ord-dp {padding-top: 2%; padding-bottom: 70px; background:url("../img/new/slide_icon.png") bottom center no-repeat; overflow-y: auto;} } @media(max-width: 570px) { .cat-list .item .pr-store {width: 30%;} } @media(max-width: 549px) { .cat-list .item {width: 50%; height: 360px;} .cat-list .item:nth-child(4n+1) {border-left: solid 1px #e5e5e7;} .cat-list .item:nth-child(3n+1) {border-left: solid 1px #e5e5e7;} .cat-list .item:nth-child(2n+1) {border-left: none;} .cat-list .item .pr-store {width: 35%;} .ui-multiselect-menu {width: calc(45.5% - 29px) !important;} } @media(max-width: 539px) { #column1 {top: 0; left: -10px;} #c-main {padding: 0;} #c-body {margin: 0 10px; padding-top: 10px;} #logo {left: 10px; width: 63%;} .hp-link {left: 10px; width: 63%;} .btn-nav {left: 10px;} #basketInfo {right: 10px;} .searchBox {margin: 0 10px 0 140px} .order-btn.step3 {height: auto;} .order-btn.step3 .bt-prev {display: block; width: auto; margin-top: 20px; margin-right: 0; float: none;} .order-btn.step3 .bt-prev a {text-align: center; padding-right: 0; background-position: 4% 15px;} .order-btn.step3 .bt-next {display: block; width: calc(100% - 26px); margin-top: 20px; margin-right: 0; float: none;} .order-btn.step3 .bt-next a {text-align: center; padding-left: 0; xbackground-position: 4% 15px;} .ui-multiselect-menu {width: calc(45.5% - 20px) !important;} } @media(max-width: 520px) { #basketHoverBox .baskethoverboxIn .buttonsHB .bt-prev {float: none; width: auto; display: block; margin-bottom: 20px;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-prev a {text-align: center; background-position: 6% 15px;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next {float: none; width: auto; display: block; margin-bottom: 5px;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next a {text-align: center; background-position: 94% 18px;} #basketHoverBox .baskethoverboxIn .text .title {font-size: 20px;} #basketHoverBox .baskethoverboxIn .text:before {margin: 10% 6% 10% 0;} #dialogBox .db-title {font-size: 20px;} #dialogBox .db-title-result {font-size: 20px;} #dialogBox {padding: 8%;} } @media(max-width: 500px) { .page_executedorder .c-ordertbl {padding-top: 2%; padding-bottom: 70px; background:url("../img/new/slide_icon.png") bottom center no-repeat; overflow-y: auto;} .ui-multiselect-menu {width: calc(45.5% - 21px) !important;} } @media(max-width: 480px) { .navigate {display: none;} h1 {padding-top: 2%;} #parameters h2 {font-size: 20px; padding: 16px;} #parameters h2 span:after {right: 6px;} #parameters.open h2 span:after {right: 30px;} #parameters button#searchByParameters {margin-right: 16px;} h1 {font-size: 26px;} .data_sorting { padding-top: 59px } .data_sorting span.bt-datsort { height: 59px } .data_sorting span.bt-datsort:before { font-size: 20px; padding: 16px; } .data_sorting.open span.bt-datsort:after { right: 30px; } } @media(max-width: 479px) { .c-itpa-pgr .pager a, .c-itpa-pgr .pager strong {display: none;} .c-itpa-pgr .pager a.prev, .c-itpa-pgr .pager a.next, .c-itpa-pgr .pager a.active {display: inline-block;} .c-itpa-pgr .pager a.active {font-size: 24px; line-height: 22px;} .c-itpa-pgr .pa-label {display: inline-block;} .detail .dptxt-top {height: auto;} .detail .dptxt-top .dpbox {height: 55px;} .detail .dptxt-top .dpbox.c1 {float: none; width: auto; margin: 0 0 5px 0;} .detail .dptxt-top .dpbox.c1 a {width: 30%;} .detail .dptxt-top .dpbox.c2 {width: 49.3%; margin: 0;} .detail .dptxt-top .dpbox.c3 {width: 49.3%; float: right; margin: 0;} .detail .dptxt-top .dpbox.c2 a, .detail .dptxt-top .dpbox.c3 a {padding-left: 20px;} .detail .dp-txt .dptxt-table div.store span {font-size: 18px;} .detail .dp-txt .help-amount .ha-help, .detail .dp-txt .help-amount .ha-amount {width: 48.5%;} .detail .dp-txt .dptxt-table div.priceWithVAT span {font-size: 34px;} .order-coupons form {width: 305px;} .order-coupons .input_text {width: 175px;} } @media(max-width: 470px) { .ord-fil2 .of-1, .ord-fil2 .of-2, .ord-fil2 .of-3 {display: block;} .ord-fil2 label {margin-right: 0;} .ui-multiselect-menu {width: calc(45.5% - 22px) !important;} } @media(max-width: 459px) { .detail .dp-txt .help-amount {height: auto;} .detail .dp-txt .help-amount .ha-help, .detail .dp-txt .help-amount .ha-amount {height: 138px; margin: 10px 0; float: none; display: block; width: auto; padding: 5%;} .detail .dp-txt .help-amount .ha-amount .input_button {display: block; margin-left: auto; margin-right: auto;} .detail .dp-txt .dptxt-table div strong {width: 43%;} .pr-alter, .pr-souvisejici, .pr-buymore {margin-top: 40px;} div.registration .regBorder .userdata {width: 90%; margin: auto;} div.registration .input_text {height: 46px;} .page_order .loginform {width: 90%;} div.registration .regBorder #LoginForm {width: 100%;} .page_order .basicdata {width: 90%; margin: auto;} .page_order .regBorder .basicdata .userdata {width: 100%;} div.registration .requiredText {width: 90%;} .page_myaccount div.loginform {width: 90%; } div.lostPass .information form {width: 90%; } div.lostPass .inputBox .c-mail {width: 100%; } .ui-multiselect-menu {width:calc(100% - 70px) !important; } } @media(max-width: 449px) { .c-header {height: 136px;} #logo {left: 0; top: 0; height: 70px; width: 100%; border-bottom: solid 1px #dbdcdc;} #logo img {width: auto; height: auto; margin: 10px auto 0 auto;} #logo a {display: block; height: 100%; xbackground: url("/img/new/impol-red.png") no-repeat center center;} .hp-link {left: 0; top: 0; height: 70px; width: 100%;} .userInfo {top: 83px;} #basketInfo {top: 83px;} .searchBox {top: 156px; margin: 0 10px;} .btn-nav {top: -67px; left: 90px; width: 55px; height: 55px; background-color: #ED1651;} .btn-nav:hover {background-color: #d8174c;} .btn-nav .label {display: none; } .btn-nav .ham-icon {left: 11px; top: 15px; width: 32px;} .btn-nav .ham-icon span {height: 5px; top: 10px;} .btn-nav .ham-icon span:before {height: 5px; top: -10px;} .btn-nav .ham-icon span:after {bottom: -10px; height: 5px;} .btn-nav.open .c {top: 24px; left: 26px; font-size: 20px; text-shadow: 2px 0 0 #ED1651, -2px 0 0 #ED1651, 0 2px 0 #ED1651, 0 -2px 0 #ED1651, 1px 1px #ED1651, -1px -1px 0 #ED1651, 1px -1px 0 #ED1651, -1px 1px 0 #ED1651;} .btn-nav.open:hover .c {text-shadow: 2px 0 0 #d8174c, -2px 0 0 #d8174c, 0 2px 0 #d8174c, 0 -2px 0 #d8174c, 1px 1px #d8174c, -1px -1px 0 #d8174c, 1px -1px 0 #d8174c, -1px 1px 0 #d8174c;} #search-m {cursor: pointer; position: absolute; top: 83px; right: 154px; border-radius: 30px; height: 55px; width: 55px; background: #f0f0f0 url("/img/new/ico-search-m.png") no-repeat 15px 14px; } #search-m:hover {background: #231F20 url("/img/new/ico-search-m.png") no-repeat 15px -31px; } #basket-navi ul li {font-size: 17px; width: 29%;} #basket-navi ul li:first-of-type {padding: 0 0 0 10px;} #basket-navi ul li:last-of-type {padding: 0 0 0 15px; width: 28%;} .userInfo a.userInfoLink span {display: none;} .c-header {height: 151px; background: #fff; box-shadow: -2px 2px 10px rgba(2, 2, 2, 0.26); border-bottom: solid 1px #e8e8e8; -webkit-transition: transform 0.4s ease 0s; -moz-transition: transform 0.4s ease 0s; transition: transform 0.4s ease 0s;} .c-header.s-open { height: 207px;} .userInfo {right: 75px;} #search-m {right: 140px;} .btn-nav {left: inherit; left: 10px;} .searchBox {display: none;} .ms-block {height: 0; border: none;} .c-header.s-open .ms-block { height: 55px; border: 1px solid #e8e8e8; border-bottom: none; border-left: none;} .c-header.s-open .btn-nav {right: 204px; top: -69px;} #parameters .box-params .box {width: 100%; margin-right: 0;} #parameters .box-params .box {padding-left: 0px; margin-right: 3%;} #parameters .box-params .box:nth-child(3n) {margin-right: 0;} #parameters .box-params .box:nth-child(2n) {margin-right: 0;} #parameters .box-params .box.in-store {width: 100%; margin-right: 0;} #parameters .box-params .box.re-fi {margin-right: 0; margin-bottom: 24px;} #parameters .box-params .box.se-pa {margin-right: 0; margin-bottom: 24px;} } @media(max-width: 440px) { .order-btn .bt-next {float: none; display: block; width: auto; text-align: center; margin-top: 20px;} .order-btn .bt-next a {padding-left: 0;} .order-btn .bt-prev {float: none; display: block; width: auto; text-align: center;} .order-btn .bt-prev a {padding-right: 0; text-align: center; background-position: 6% 15px;} .order-btn .order-print {float: none; display: block; width: auto; text-align: center; margin: 20px 0 0 0;} .order-btn .order-print a {padding-left: 13px;} .order-btn {height: auto; padding-bottom: 40px;} .data_sorting .byId #form-receipt {margin-right: 0;} .byId label:last-of-type {display: block; margin-top: 20px;} } @media(max-width: 380px) { .cat-list .item {height: 350px;} h1 {font-size: 22px;} .pr-alter h2, .pr-souvisejici h2, .pr-buymore h2, .dp-bott h2 {font-size: 22px;} #basketHoverBox .baskethoverboxIn .text:before {margin: 1% 6% 0 0;} #basketHoverBox .inserted .baskethoverboxIn .text .item {clear: both; padding: 25px 0;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-next a {padding-left: 0;} #basketHoverBox .baskethoverboxIn .buttonsHB .bt-prev a {padding-right: 0;} } @media(max-width: 379px) { .xc-header {background: #fff; box-shadow: -2px 2px 10px rgba(2, 2, 2, 0.26); height: 81px; border-bottom: solid 1px #e8e8e8; -webkit-transition: transform 0.4s ease 0s; -moz-transition: transform 0.4s ease 0s; transition: transform 0.4s ease 0s;} .xc-header.s-open { height: 136px;} .xuserInfo {right: 75px;} #xsearch-m {right: 140px;} .xbtn-nav {left: inherit; right: 205px;} .xsearchBox {display: none;} .xms-block {height: 0; border: none;} .xc-header.s-open .ms-block { height: 55px; border: 1px solid #e8e8e8; border-bottom: none;} .xc-header.s-open .btn-nav {right: 204px; top: -69px;} #parameters h2 {font-size: 18px;} } @media(max-width: 360px) { .cat-list .item {height: 340px;} .cat-list .product {padding: 10%;} .order-print {margin: 37px auto 0; } } /* #lastVisitedBody .item img { height: 40px; width: 40px; } .lastVisitedBody { width:100%; float:left; padding-top:5px; padding-bottom: 5px; } .lastVisitedBody a{ text-decoration: none; } #lastVisitedBody .item .pr-code{ font-size: 8px !important; } #lastVisitedBody .item .pr-store strong, #lastVisitedBody .item .pr-store, #lastVisitedBody .item .pr-oldprice, #lastVisitedBody .item .pr-price, #lastVisitedBody .item h3, #lastVisitedBody .item .pr-price, #lastVisitedBody .item .curr{ font-size: 9px !important; bottom: 5px; } #lastVisitedBody .item .pr-oldprice{ position: absolute; bottom: 15px; right: 6%; text-align: right; color: #564E50; } #lastVisitedBody .item .pr-store{ left: 6%; position: absolute; width: 35%; color: #564E50; text-transform: lowercase; text-align: left; } #lastVisitedBody .owl-item { width: 100px !important; } #lastVisitedBody .item .pr-price { position: absolute; right: 6%; text-align: right; color: #ED1651; } .red { color:red !important; } #lastVisitedContainer h2{ font-size: 16px; padding: 16px 18px 0 23px; margin: 0; } #lastVisitedContainer .title{ height: 52px; display: inline-block; border: solid 1px #ED1651; border-bottom: none; }*/ #PersonalData { margin: 40px 0px 0px 55px; } #PersonalData a { color: #231f20; } #PersonalData.footer, #PersonalData.order{ margin: 0px 0px 10px 0px !important; } #PersonalData.register{ margin-left: 0px; } #PersonalData.order input[type=checkbox] { margin: 0px 10px 0px 0px !important; }