/* ******************************************************************************** * Normalize ******************************************************************************** */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block} audio,canvas,video{display:inline-block;*display:inline;zoom:1} audio:not([controls]){display:none} [hidden]{display:none} html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} html,button,input,select,textarea{font-family:sans-serif} body{margin:0} a:focus{outline:none} h1{font-size:2em;margin:.67em 0} h2{font-size:1.5em;margin:.83em 0} h3{font-size:1.17em;margin:1em 0} h4{font-size:1em;margin:1.33em 0} h5{font-size:.83em;margin:1.67em 0} h6{font-size:.75em;margin:2.33em 0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:bold} blockquote{margin:1px 40px} dfn{font-style:italic} mark{background:#ff0;color:#000} p,pre{margin:1em 0} pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:before,q:after{content:'';content:none} small{font-size:75%} sub,sup{font-size:75%;line-;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} dl,menu,ol,ul{margin:1em 0} dd{margin:0 0 0 40px} menu,ol,ul{padding:0 0 0 40px} nav ul,nav ol{list-style:none;list-style-image:none} img{border:0;-ms-interpolation-mode:bicubic} svg:not(:root){overflow:hidden} img,iframe,object,embed{vertical-align:middle} figure{margin:0} form{margin:0} fieldset{border:0;margin:0;padding:0} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;outline:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} button,input{line-height:normal} button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible} button[disabled],input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px} input[type="search"],input[type="text"]{-webkit-appearance:textfield} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="text"]::-webkit-search-decoration,input[type="text"]::-webkit-search-cancel-button{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} input[type="text"],input[type="password"]{-webkit-appearance: none; -webkit-border-radius:0; border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} textarea{overflow:auto;vertical-align:top;resize:vertical} label{cursor:default} table{border-collapse:collapse;border-spacing:0} caption{text-align:left;caption-side:top} th{text-align:left} .cfx{zoom:1;} .cfx:after,.cfx:before{content:'';display:table;clear:both} .reset{border:none;margin:0;padding:0;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .reset td,.reset th{border:none;background:none;padding:0} .reset > li,.reset > dt,.reset > dd{margin:0;padding:0;background:none;border:none;font-weight:inherit;float:none;display:inherit;text-align:inherit;width:auto} .cleaner {height: 1px; overflow: hidden; clear:both} /* ******************************************************************************** * Typography ******************************************************************************** */ body{font:normal 12px/19px Arial,Helvetica,sans-serif;} h1,h2,h3,h4,h5,h6{margin:0;color:#1b1b1b} h1{font-size:20px;line-height:32px;} h2{font-size:18px;line-height:29px} h3{font-size:16px;line-height:26px} h4{font-size:14px;line-height:23px} h5,h6{font-size:12px;line-height:20px} p{margin:0;padding:0} hr{height:1px;overflow:hidden;background:#1b1b1b;border:none;width:100%;margin:20px 0} a{color:#1b1b1b;} a[href]:hover{color:#1b1b1b} .ie7 a[href] *{cursor:pointer} ul,ol{margin:0;padding:0;list-style:none;} ul ul,ol ul,ul ol,ol ol{margin:0;padding:0;list-style-type:none} ol{margin:0;list-style:decimal;} ol li{margin:0;padding:0;background:none;} table{width:100%;margin:0;clear:both;} caption{font-weight:normal;text-align:left;font-size:16px;caption-side:top;padding:0} td,th{vertical-align:middle;padding:0;border:none;text-align:left;background:none;} td:first-child,th:first-child{} td:last-child,th:last-child{} th{font-weight:bold} .Left {float: left} .Right {float: right} @font-face { font-family: 'osReg'; src: url('/img/newDesign/FontFace/opensans-regular-webfont.eot?ver=1.0'); src: url('/img/newDesign/FontFace/opensans-regular-webfont.eot?ver=1.0#iefix') format('embedded-opentype'), url('/img/newDesign/FontFace/opensans-regular-webfont.woff?ver=1.0') format('woff'), url('/img/newDesign/FontFace/opensans-regular-webfont.ttf?ver=1.0') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'osBol'; src: url('/img/newDesign/FontFace/opensans-bold-webfont.eot?ver=1.0'); src: url('/img/newDesign/FontFace/opensans-bold-webfont.eot?ver=1.0#iefix') format('embedded-opentype'), url('/img/newDesign/FontFace/opensans-bold-webfont.woff?ver=1.0') format('woff'), url('/img/newDesign/FontFace/opensans-bold-webfont.ttf?ver=1.0') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'osCondB'; src: url('/img/newDesign/FontFace/opensans-condbold-webfont.eot?ver=1.0'); src: url('/img/newDesign/FontFace/opensans-condbold-webfont.eot?ver=1.0#iefix') format('embedded-opentype'), url('/img/newDesign/FontFace/opensans-condbold-webfont.woff?ver=1.0') format('woff'), url('/img/newDesign/FontFace/opensans-condbold-webfont.ttf?ver=1.0') format('truetype'); font-weight: normal; font-style: normal; } .reSet {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .dropdown {position: relative;} .dropdown-toggle:focus {outline: 0;} .dropdown .title-modal {padding: 0 0 0 22px; text-transform: uppercase; line-height: 35px; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #FFF; background: #000; border-top: 5px solid #e2e2e2; border-bottom: 1px solid #7f7f7f} .dropdown-menu {position: absolute; z-index: 1001; margin: 0; padding: 0; display: none; list-style: none; background: #FFF; } .dropdown-menu > li > a {xdisplay: block; clear: both; xwhite-space: nowrap; } .dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {text-decoration: none; } .dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {text-decoration: none; outline: 0; } .dropdown-menu > .disabled > a,.dropdown-menu > .disabled > a:hover,.dropdown-menu > .disabled > a:focus {color: #999999;} .dropdown-menu > .disabled > a:hover,.dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;} :not(.open) > .dropdown-menu {display: none !important;} .open > .dropdown-menu {display: block;} .open > a {outline: 0;} .modal-dialog {position: relative; margin: 10% auto; background: #FFF; border: 1px solid #898989} .modal-dialog .titleModal {padding: 8px 3%; text-transform: uppercase; line-height: 22px; font-family: 'osCondB'; font-sizE: 18px; font-weight: normal; color: #FFF; background: #000; border-top: 5px solid #e2e2e2; border-bottom: 1px solid #7f7f7f} .modal-dialog .buttons {margin-top: 15px; padding: 15px 3%; border-top: 1px solid #ababab} .modal-dialog .modal-footer {position: absolute; top: 3px; right: -42px; height: 42px; width: 42px; text-align: center; line-height: 42px; background: #ababab} .modal-dialog .modal-footer .close {height: 22px; width: 22px; margin: auto; padding: 0; display: inline-block; font-size: 0; vertical-align: middle; border: 0; background: url(/img/newDesign/close.png) no-repeat} .icheckbox {height: 12px; width: 12px; display: inline-block; cursor: pointer; background: url(/img/newDesign/icheckbox.png) no-repeat} .icheckbox.checked {background: url(/img/newDesign/icheckboxCheckV2.png) no-repeat} .iradio {height: 12px; width: 12px; display: inline-block; cursor: pointer; background: url(/img/newDesign/icheckbox.png) no-repeat} .iradio.checked {background: url(/img/newDesign/icheckboxCheck.png) no-repeat} .iradio.failed,.icheckbox.failed {-webkit-box-shadow: 0 0 4px 0 #ed1c24; box-shadow: 0 0 4px 0 #ed1c24; } .iradio.disabled,.icheckbox.disabled {opacity: 0.3} #reservationModal .modal-dialog {max-width: 578px; } #reservationModal .address {padding: 8px 0 0 3%; display: block; font-family: 'osCondB'; font-size: 14px; color: #000} #reservationModal .line {width: 30.3%; padding: 12px 0 0 3%; float: left} #reservationModal .lineText {width: 29.3%; padding: 35px 2% 2px; float: left; line-height: 14px; font-size: 11px; color: #ababab} #reservationModal .line label {padding-bottom: 4px; display: block; font-size: 13px; color: #777} #reservationModal .line input[type="text"] {height: 30px; width: 95%; padding: 0 10px; line-height: 16px; border: 1px solid #e2e2e2} #reservationModal .freetext {padding: 15px 3% 0 3%; clear: both} #reservationModal .btn {float: right} #basketHoverBoxModal .modal-dialog {max-width: 479px; } #basketHoverBoxModal .item {background: #e2e2e2} #basketHoverBoxModal .sideL {width: 61%; padding: 15px 3%; float: left; background: #FFF} #basketHoverBoxModal .sideL img {margin-right: 10px; float: left; border: 1px solid #cacaca} #basketHoverBoxModal .sideL label {display: block; cursor: pointer; overflow: hidden; line-height: 16px; } #basketHoverBoxModal .sideL .code {padding: 5px 0; font-size: 11px; color: #ababab} #basketHoverBoxModal .sideR {width: 27%; padding: 15px 3%; float: left; text-align: right; line-height: 16px; } #basketHoverBoxModal .sideR .price {display: block; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #000; } #basketHoverBoxModal .sideR label {padding: 5px 0; display: block; cursor: pointer; font-size: 11px; color: #ababab} #basketHoverBoxModal .buttons {margin-top: 0; } #basketHoverBoxModal .buttons .btn {position: relative; } #basketHoverBoxModal .buttons .Left {margin-left: 3%; background: #e2e2e2; border-top: 1px solid #f3f3f3; border-right: 1px solid #fdfdfd; border-bottom: 1px solid #EEE; border-top: 1px solid #f3f3f3; } #basketHoverBoxModal .buttons .Left:before {position: absolute; top: 0px; left: -27px; height: 0; width: 0; content: ""; border: 21px solid; border-left: 14px solid; border-right: 14px solid; border-color: transparent !important; border-right-color: #e2e2e2 !important; } #basketHoverBoxModal .buttons .Right {margin-right: 3%} #basketHoverBoxModal .buttons .Right:before {position: absolute; top: 0px; right: -27px; height: 0; width: 0; content: ""; border: 21px solid; border-left: 14px solid; border-right: 14px solid; border-color: transparent !important; border-left-color: #2d69aa !important; } #basketHoverBoxModal #remmemberBasket h2 {margin-top: 15px; padding: 8px 3%; border-top: 1px solid #000; } #basketHoverBoxModal #remmemberBasket .item {position: relative; width: 33.333%; padding: 8px 0; float: left; text-align: center; } #basketHoverBoxModal #remmemberBasket .item .productName a {display: inline-block; line-height: 15px; font-size: 12px; font-weight: normal; } #basketHoverBoxModal #remmemberBasket .item .productName a:hover {text-decoration: none; } #basketHoverBoxModal #remmemberBasket .item .productAttribute {position: absolute; top: 40px; left: 7px; width: 50px; text-align: left; } #basketHoverBoxModal #remmemberBasket .item .productImg {padding: 8px 0; } #basketHoverBoxModal #remmemberBasket .item .price {font-family: "osCondB"; font-size: 14px; } #envelope {overflow: hidden; /*FIX PRO MENU A SPIKY U MENU */} #envelope:before {position: absolute; top: 0; left: 0; height: 31px; width: 100%; content: ""; background: #ababab; -webkit-box-shadow: 0 1px 0 0 rgba(205,205,205,0.5); box-shadow: 0 1px 0 0 rgba(205,205,205,0.5); } .row-main {} .row,.row-main{position:relative;margin:0 auto;padding:0;display:block;zoom:1;} .row:after,.row-main:after,.row:before,.row-main:before{content:'';display:table;clear:both} .out {position: absolute; left: -5000px; top: -5000px;} .btn {margin: 0; padding: 0; vertical-align: middle; border: 0; background: transparent} .btnText {height: 40px; margin: auto; padding: 0 20px; display: table; text-align: center; vertical-align: middle; text-transform: uppercase; text-decoration: none; line-height: 40px; font-family: 'osCondB'; font-size: 18px; color: #FFF; border: 0; background: #2d69aa; border-top: 1px solid #abc3dd; border-right: 1px solid #779ec8; border-bottom: 1px solid #81a5cc; border-left: 1px solid #c1d3e6; } .btnText[href]:hover,.btnTextRed[href]:hover {text-decoration: none; color: #FFF } .btnTextGrey {height: 32px; margin: 0; padding: 0 20px; display: table; text-align: center; vertical-align: middle; text-transform: uppercase; text-decoration: none; line-height: 32px; font-family: 'osCondB'; font-size: 14px; color: #000; border: 0; background: #e2e2e2; } .btnTextRed {position: relative; height: 40px; margin: auto; padding: 0 20px; display: table; text-align: center; vertical-align: middle; text-transform: uppercase; text-decoration: none; line-height: 40px; font-family: 'osCondB'; font-size: 18px; color: #FFF; border: 0; background: #ed1c24; border-top: 1px solid #f8a4a7; border-right: 1px solid #fde4e5; border-bottom: 1px solid #f4777c; border-left: 1px solid #fabcbf; } .loginform .btnTextRed {height: auto; width: 125px; padding: 8px 10px 8px 30px; line-height: 20px; font-size: 15px; } .btnTextRed:before {position: absolute; top: 8px; left: 10px; height: 20px; width: 22px; content: ""; background: url(/img/newDesign/user.png) no-repeat} .RMdetailsend h1,.RMarticle h1,.RMquestionsend h1,.RMlostpass h1,.RMmyaccount h2.title-modal,.RMchangepwd h1,.RMcoupon h1,.RMexecutedorder h1,.RMorder h1 {padding: 20px 0 20px 2%; text-transform: uppercase; font-family: 'osCondB'; font-sizE: 18px; font-weight: normal; color: #2d69aa; } .RMorder h1 {padding-top: 10px; padding-bottom: 10px} .RMmyaccount h2.title-modal {padding-bottom: 0} .alertText,.information {margin: 1em auto; padding: 0.8em 2%; line-height: 15px; font-family: 'osCondB'; font-size: 12px; font-weight: normal; color: #FFF; border: 1px solid #ABABAB; background: #ed1c24; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .information.result {background: #05b90f} .alertText:hover,.information:hover,.couponFormInner .subTitle a:hover {-webkit-box-shadow: 0 0 10px 0 #ed1c24; box-shadow: 0 0 10px 0 #ed1c24;} .information.result:hover {-webkit-box-shadow: 0 0 10px 0 #05b90f; box-shadow: 0 0 10px 0 #05b90f;} .information strong {font-weight: normal} .searchCondition {margin-top: 3em; margin-left: 1%; } .ui-tooltip {position: absolute; z-index: 9999; max-width: 300px; padding: 2px 5px; color: #ed1c24; border: 1px solid #e2e2e2} .logo {position: absolute; z-index: 1001; top: 36px; left: 6px; height: 36px; width: 169px; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(/img/newDesign/logo.png) no-repeat; background-size: 100% 100%} .logo1 { background: url(/img/newDesign/logo1.png) no-repeat; background-size: 100% 100%} .logo2 { background: url(/img/newDesign/logo2.png) no-repeat; background-size: 100% 100%} .logo3 { background: url(/img/newDesign/logo3.png) no-repeat; background-size: 100% 100%} .logo4 { background: url(/img/newDesign/logo4.png) no-repeat; background-size: 100% 100%} .logo5 { background: url(/img/newDesign/logo5.png) no-repeat; background-size: 100% 100%} .main-menuBox {position: relative; z-index: 1000; } .main-menu {width: 100%; margin-top: 31px; padding: 0 200px 7px 200px; display: table; text-align: center; letter-spacing: -0.63em; xword-spacing: -0.63em; background: url(/img/newDesign/main-menu.png) no-repeat bottom center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .main-menuBox:before {position: absolute; bottom: -10px; left: -11px; height: 17px; width: 11px; content: ""; background: url(/img/newDesign/main-menuL.png) no-repeat} .main-menuBox:after {position: absolute; bottom: -8px; right: -11px; height: 15px; width: 11px; content: ""; background: url(/img/newDesign/main-menuR.png) no-repeat} .main-menu > li {display: table-cell; } .main-menu > li:first-child a {xmargin-left: 200px} .main-menu > li:last-child a {xmargin-right: 200px} .main-menu > li > a {position: relative; padding: 0 20px; display: block; white-space: nowrap; letter-spacing: 0em; word-spacing: 0em; text-decoration: none; line-height: 47px; font-family: 'osCondB'; font-size: 14px; } .main-menu > li > a:before {position: absolute; top: 15px; right: 0; height: 19px; width: 1px; content: ""; background: #e2e2e2; xbackground: url(/img/newDesign/main-menu_li.png) no-repeat} .main-menu > li > a:hover:before {background: #000} .main-menu > li:first-child > a:after {position: absolute; top: 15px; left: -1px; height: 19px; width: 1px; content: ""; background: #e2e2e2; xbackground: url(/img/newDesign/main-menu_li.png) no-repeat} .main-menu > li:first-child > a:after:hover {background: #000 !important} .main-menu > li > a:hover,.main-menu > li:hover > a {color: #FFF; background: #000} .main-menu li:hover ul {display: block; } .main-menu .menuBox {position: absolute; top: 47px; left: 0; width: 100%; display: none; text-align: left; letter-spacing: 0em; word-spacing: 0em; background: #FFF; border-left: 1px solid #eb1c24; border-right: 1px solid #eb1c24; border-top: 5px solid #eb1c24; border-bottom: 5px solid #eb1c24} .main-menu li:hover .menuBox {xdisplay: table} .main-menu .menuBox .side {padding: 20px 2%; display: table-cell} .main-menu .col-2 .side {width: 46%} .main-menu .col-3 .side {width: 29.33333333333333%} .main-menu .col-4 .side {width: 21%} .main-menu .col-5 .side {width: 16%} .main-menu .col-6 .side {width: 12.66666666666667%} .main-menu .col-7 .side {width: 10.28571428571429%} .main-menu .col-8 .side {width: 8.5%} .main-menu .menuBox .sideNew {padding: 10px 0; text-align: center; border-left: 1px solid #eb1c24; } .main-menu .menuBox .sideNew a {margin: 0 10px} .main-menu .menuBox .menuBox-t {padding-bottom: 11px; line-height: 18px; font-family: 'osCondB'; font-size: 14px; font-weight: normal; color: #ed1c24;} .main-menu .menuBox .menuBox-t a {text-decoration: none; font-family: 'osCondB'; font-size: 14px; font-weight: normal; color: #ed1c24;} .main-menu .menuBox ul li {padding-bottom: 12px; } .main-menu #producers ul li {padding-bottom: 2px; } .main-menu #producers ul li a {line-height: 14px; font-size: 14px; font-weight: normal; } .main-menu .menuBox ul li a {display: block; text-decoration: none; line-height: 16px; font-size: 14px; font-weight: bold; } .main-menu .menuBox ul > li a {color: #000} .main-menu .menuBox ul li a:hover {text-decoration: underline; } .main-menu .menuBox ul ul li {padding-bottom: 0} .main-menu .menuBox ul ul li a {margin-left: 12px; font-weight: normal; color: #777777} .main-menu > li.open > a {color: #FFF; background: #000} .main-menu > li.open .menuBox {display: table} .main-menu #producers .side {width: 17%; padding: 20px 1% 20px 2%; display: block; float: left; } .main-menu #producers .link {padding: 13px 1%; clear: both; text-align: center; border-top: 1px solid #f14950} .main-menu #producers .link a {text-decoration: none; font-family: 'osCondB'; font-size: 20px; color: #ed1c24} #main-menuOpen a {margin: 12px 0 0 2%; padding-left: 45px; display: inline-block; text-decoration: none; font-family: 'osCondB'; font-size: 23px; font-weight: normal; color: #000; background: url(/img/newDesign/menu.png) no-repeat left; } #header .userInfoBox {height: 31px; margin: 0 240px 0 30px; float: right; xoverflow: hidden} #header .userInfo {xline-height: 31px; } #header .userInfo:hover {text-decoration: none} #header .userInfo #dLabel {padding: 0 0 0 22px; display: block; text-decoration: underline; line-height: 31px; font-family: 'osReg'; font-size: 14px; color: #FFF; background: url(/img/newDesign/key.png) no-repeat left center} #header a.userInfo {max-width: 100px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 30px; font-family: 'osCondB'; font-size: 13px; color: #FFF; } #header a.userInfo:hover {text-decoration: none} #header .phone {position: absolute; top: 0px; left: 25%; line-height: 31px; font-family: 'osBol'; font-size: 14px; color: #FFF; } .userInfoBox .dropdown-menu {top: 40px; left: auto; right: 0; min-width: 160px; border: 1px solid #e2e2e2;} .userInfoBox .dropdown-menu:before {position: absolute; top: -15px; right: 26px; height: 0; width: 0; content: ""; border: 5px solid; border-top: 7px solid; border-bottom: 7px solid; border-color: transparent !important; border-bottom-color: #e2e2e2 !important; } .userInfoBox .loginform {padding: 15px; } .userInfoBox .loginform label {padding: 13px 0 5px 0; display: block; font-size: 13px; color: #777777} .userInfoBox .loginform .inp {height: 32px; width: 167px; padding-left: 8px; border: 1px solid #e2e2e2} .userInfoBox .loginform .btn {margin: 25px 0 8px 0} .userInfoBox .loginform .link {margin: 0 0 0 15px; display: block; color: #777} .userInfoBox .loginform .link:hover {text-decoration: none} .userInfoBox iframe {width: 100% !important; xdisplay: none !important} .userInfoBox .FbButton {width: 167px; padding: 15px 0 15px 0; overflow: hidden; border-bottom: 1px solid #bcbcbc} .userInfoBox #userMojeIDFormContent {width: 197px;} .arrowedMenu {padding: 10px 0 10px 2%; line-height: 20px; } .arrowedMenu a {display: block; text-decoration: none; font-family: 'osReg'; font-size: 12px; color: #2d69aa; } .arrowedMenu a:hover {text-decoration: underline} .arrowedMenu .btn {margin-top: 15px; display: inline-block; font-family: 'osCondB'; font-size: 18px; color: #FFF; } #basketInfo {position: absolute; z-index: 1001; top: 39px; right: 10px; } #basketInfo .basketinfo-t {padding: 0 0 0 48px; display: block; text-transform: uppercase; text-decoration: none; line-height: 32px; font-family: 'osCondB'; font-size: 14px; color: #000; background: url(/img/newDesign/basket.png) no-repeat left} #basketInfo .basketinfo-t strong {position: absolute; top: -4px; left: 16px; width: 22px; height: 22px; display: block; text-align: center; line-height: 22px; font-family: 'osReg'; font-sizE: 12px; font-weight: normal; color: #FFF; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background-color: #ed1c24;} #basketInfo .dropdown-menu {top: 40px; left: auto; right: 0; min-width: 380px; border: 1px solid #e2e2e2;} #basketInfo .dropdown-menu:before {position: absolute; top: -15px; right: 26px; height: 0; width: 0; content: ""; border: 5px solid; border-top: 7px solid; border-bottom: 7px solid; border-color: transparent !important; border-bottom-color: #e2e2e2 !important; } #basketinfo .item {position: relative; padding: 15px 15px 15px 10px; display: block; text-decoration: none; border-bottom: 1px solid #ababab; background: url(/img/newDesign/grayLine.png) repeat-y right} #basketinfo .item:hover {background: url(/img/newDesign/grayLine.png) repeat-y right #c0d2e5} #basketinfo .sideL {width: 240px; floaT: left; line-height: 16px; } #basketinfo .sideL img {margin-right: 10px; float: left; border: 1px solid #cacaca} #basketinfo .sideL label {display: block; cursor: pointer; overflow: hidden; line-height: 16px; } #basketinfo .sideL .code {padding: 5px 0; font-size: 11px; color: #ababab} #basketinfo .item:hover .code {color: #FFF} #basketinfo .sideR {text-align: right; line-height: 16px; } #basketinfo .sideR .price {display: block; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #000; } #basketinfo .sideR label {padding: 5px 0; display: block; cursor: pointer; font-size: 11px; color: #ababab} #basketinfo .totalPrice {padding: 0 15px; line-height: 60px; background: #c0d2e5} #basketinfo .totalPrice label {font-size: 13px; } #basketinfo .totalPrice label span {color: #777} #basketinfo .totalPrice .price {float: right; display: block; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #000; } #basketinfo .btn {position: relative; margin: 15px 21px 15px 0; float: right} #basketinfo .btn:before {position: absolute; top: 0px; right: -27px; height: 0; width: 0; content: ""; border: 21px solid; border-left: 14px solid; border-right: 14px solid; border-color: transparent !important; border-left-color: #2d69aa !important; } #owl-carouselProducers {margin: 0 2%; width: 81.4%; } #owl-carouselProducers .owl-wrapper-outer {xwidth: 96%; } #owl-carouselProducers .owl-wrapper {height: 30px; margin: 15px 0; overflow: hidden; } #owl-carouselProducers .owl-wrapper .item {text-align: center; } x#owl-carouselProducers .owl-wrapper .item:hover img {position: relative; top: -15px} #owl-carouselProducers .owl-buttons div,.owl-colorVariant .owl-buttons div {position: absolute; top: 17px; height: 25px; width: 15px; display: inline-block; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; font-size: 0; background: url(/img/newDesign/arrowL.png) no-repeat center #FFF; border: 1px solid #c6c6c6} .owl-colorVariant .owl-buttons div {top: 50%} #owl-carouselProducers .owl-buttons .owl-next,.owl-colorVariant .owl-buttons .owl-next {right: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); } #owl-carouselProducers .owl-buttons .owl-prev,.owl-colorVariant .owl-buttons .owl-prev {left: 0} #owl-carouselProducers:hover .owl-buttons div,.owl-colorVariant:hover .owl-buttons div {opacity: 1; } #owl-carouselProducers:hover .owl-buttons .owl-next,.owl-colorVariant:hover .owl-buttons .owl-next {right: -2%} #owl-carouselProducers:hover .owl-buttons .owl-prev,.owl-colorVariant:hover .owl-buttons .owl-prev {left: -2%} #main .allProducers {position: absolute; top: 18px; right: 25px; font-family: 'osReg'; color: #ababab} #main .allProducers:hover {text-decoration: none} #main .allProducers:before {position: absolute; top: 5px; right: -16px; height: 0; width: 0; content: ""; border: 5px solid; border-top: 5px solid; border-bottom: 5px solid; border-color: transparent !important; border-left-color: #ababab !important; } .header-social {} .header-social li {width: 40px; margin: 0 2px; display: block; float: left; line-height: 31px; font-size: 0} .header-social li:nth-of-type(1) {background: url(/img/newDesign/fb.png) no-repeat center} .header-social li:nth-of-type(2) {background: url(/img/newDesign/yb.png) no-repeat center} .header-social li:nth-of-type(3) {background: url(/img/newDesign/tw.png) no-repeat center} .header-social li:nth-of-type(4) {background: url(/img/newDesign/ins.png) no-repeat center} .header-social li a {display: block; } .search-box {position: absolute; z-index: 1002; top: 4px; right: 7px; height: 21px; } .search-box .searchForm-t {height: 21px; width: 18px; margin-right: 5px; display: inline-block; vertical-align: middle; font-size: 0; background: url(/img/newDesign/search.png) no-repeat center} .search-box .inp {height: 21px; width: 121px; margin-right: 3px; padding-left: 5px; font-family: 'osReg'; font-size: 10px; color: #ababab; background: #FFF; border: 0; -webkit-box-shadow: inset 0 1px 0 0 #EEE,1px 0 0 0 #bababa; box-shadow: inset 0 1px 0 0 #EEE,1px 0 0 0 #bababa;} .search-box .btn {position: relative; top: -1px; height: 21px; padding: 0 8px; text-transform: uppercase; vertical-align: middle; line-height: 21px; font-family: 'osBol'; font-size: 14px; color: #FFF; background: #000; } .suggest-box .dropdown-menu {position: absolute; top: 27px; right: 0; background: #FFF; border-left: 1px solid #ababab; border-right: 1px solid #ababab} .suggest-box .item {width: 280px; padding: 8px 10px; display: block; text-decoration: none; border-bottom: 1px solid #ababab} .suggest-box .item:hover {background: #c0d2e5} .suggest-box .item img {margin-right: 10px; float: left; } .suggest-box .item p {height: 45px; display: table-cell; vertical-align: middle; line-height: 16px; font-size: 13px; } .multiLang {position: relative; z-index: 1001; float: right; line-height: 31px;} .multiLang .btn span {position: relative; top: -2px; height: 14px; width: 21px; margin-left: 4px; display: inline-block; vertical-align: middle; } .multiLang .flags-1 {background: url(/img/newDesign/cz.png) no-repeat} .multiLang .flags-2 {background: url(/img/newDesign/en.png) no-repeat} .multiLang .flags-3 {background: url(/img/newDesign/de.png) no-repeat} .multiLang .flags-4 {background: url(/img/newDesign/pl.png) no-repeat} .multiLang .flags-5 {background: url(/img/newDesign/sk.png) no-repeat} .multiLang .dropdown-menu,.multiCurr .dropdown-menu {top: 30px; left: 37px; border: 1px solid #e2e2e2; border-bottom: 0} .multiLang .dropdown-menu li,.multiCurr .dropdown-menu li {padding: 6px 10px 6px 10px; border-bottom: 1px solid #e2e2e2} .multiLang .dropdown-menu li a,.multiCurr .dropdown-menu li a {position: relative; padding-left: 33px; display: block; text-decoration: none; white-space: nowrap; text-transform: uppercase; line-height: 14px; font-size: 14px; color: #ababab} .multiLang .dropdown-menu li a:hover,.multiCurr .dropdown-menu li a:hover {text-decoration: underline; } .multiCurr {position: relative; margin: 0 0 0 15px; float: right; line-height: 31px;} .multiCurr label,.multiLang label {display: inline-block; line-height: 28px; font-family: 'osBol'; font-size: 14px; color: #FFF; } .multiCurr .btn,.multiLang .btn {position: relative; top: -1px; padding: 0 18px 0 0; line-height: 28px; font-family: 'osBol'; font-size: 14px; color: #FFF; } .multiCurr .btn:before,.multiLang .btn:before {position: absolute; top: 10px; right: 0px; height: 0; width: 0; content: ""; border: 5px solid; border-top: 7px solid; border-bottom: 7px solid; border-color: transparent !important; border-top-color: #FFF !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .multiCurr.open .btn:before,.multiLang.open .btn:before {top: 2px; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); } .multiCurr .currs-2 {background: url(/img/newDesign/kc.png) no-repeat} .multiCurr .currs-3 {background: url(/img/newDesign/eur.png) no-repeat} .multiCurr .currs-4 {background: url(/img/newDesign/eur.png) no-repeat} .news-Box {width: 13.6%; padding-left: 1%; float: right; letter-spacing: -0.63em; word-spacing: -0.63em; overflow: hidden} .news-Box .news-t {margin-top: -1px; letter-spacing: 0em; word-spacing: 0em; text-align: center; text-transform: uppercase; line-height: 19px; font-family: 'osBol'; font-sizE: 14px; font-weight: normal; color: #FFF; border-top: 1px solid #fbd2d3; border-bottom: 1px solid #fbd2d3; background: #ed1c24} .news-Box .line {padding: 1em 0 1em 0; display: inline-block; letter-spacing: 0em; word-spacing: 0em; vertical-align: bottom; border-bottom: 1px solid #ababab} .news-Box .name {margin: 5px 0 10px 0; display: inline-block; text-decoration: none; line-height: 16px; font-family: 'osBol'; font-sizE: 14px; font-weight: normal; } .news-Box .name:hover {text-decoration: underline} .news-Box .freetext {line-height: 14px} .navigate {padding: 0 0 0 2%; } .RMcategory .navigate {padding: 0 0 0 1%; } .navigate li {display: inline-block; font-family: 'osReg'; font-size: 12px; color: #ababab } .navigate li a {margin-lefT: 2px; display: inline-block; text-decoration: none; line-height: 30px; color: #ababab} .welcomeLine .row-side {width: 85.4%; floaT: left} .detail .vocher-detail { color:#1b1b1b;font-size:14px; } .detail .vocher-detail label { color:#1b1b1b;font-size:14px; } .detail .vocher-detail input { width: 50px; height: 30px;font-size:14px; } .detail .calatogBack {position: absolute; top: -24px; right: 22px; text-transform: uppercase; text-decoration: none; font-family: 'osReg'; font-size: 12px; color: #ed1c24 } .detail .calatogBack:before {position: absolute; top: 4px; left: -20px; height: 0; width: 0; content: ""; border: 5px solid; border-left: 7px solid; border-right: 7px solid; border-color: transparent !important; border-right-color: #ed1c24 !important; } .detail .detailImg {width: 65%; padding: 40px 0 40px 0; float: left; letter-spacing: -0.63em; word-spacing: -0.63em; } .detail .detailImg .image {width: 80%; margin-top: 5px; display: inline-block; text-align: center; vertical-align: top; letter-spacing: 0em; word-spacing: 0em; } .detail .withoutImages .image {max-height: 500px; width: 100%} .detail .detailImg .image img {max-height: 500px; max-width: 100%} .detail .owl-vertical {width: 19%; margin-right: 1%; display: inline-block !important; letter-spacing: 0em; word-spacing: 0em; } .detail .owl-vertical .owl-item {margin: 5px 0; float: none; text-align: center} .detail .owl-vertical .owl-item a {display: inline-block; border: 1px solid #cacaca} .detail .owl-vertical .owl-item a.active {border: 1px solid #ed1c24} .detail .owl-vertical .owl-item img {max-width: 100%; width: 100%; } .owl-vertical .owl-buttons div {position: absolute; left: 50%; height: 25px; width: 15px; margin-left: -7px; display: inline-block; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; font-size: 0; background: url(/img/newDesign/arrowL.png) no-repeat center #FFF; border: 1px solid #c6c6c6} .owl-vertical .owl-buttons .owl-next {top: 0px; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg);} .owl-vertical .owl-buttons .owl-prev {bottom: 0px; transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -moz-transform: rotate(270deg); } .owl-vertical:hover .owl-buttons div {opacity: 1; } .owl-vertical:hover .owl-buttons .owl-next {top: -5%} .owl-vertical:hover .owl-buttons .owl-prev {bottom: -5%} .detail .detailInfo {position: relative; width: 31%; margin: 0 0 40px 2%; padding: 10px 1%; float: left; font-sizE: 13px; xoverflow: hidden; background: #e2e2e2} .detail .detailInfo a {text-decoration: none; } .detail .detailInfo a:hover {text-decoration: underline; } .detail .detailInfo:before {position: absolute; top: -30px; left: -30px; height: 0; width: 0; content: ""; border: 30px solid; border-left: 30px solid; border-right: 30px solid; border-color: transparent !important; border-left-color: #e2e2e2 !important; transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); -o-transform: rotate(315deg); -moz-transform: rotate(315deg); } .detail .detailInfo:after {position: absolute; top: -30px; left: -30px; height: 0; width: 0; content: ""; border: 30px solid; border-left: 30px solid; border-right: 30px solid; border-color: transparent !important; border-left-color: #e2e2e2 !important; transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); -o-transform: rotate(315deg); -moz-transform: rotate(315deg); } .detail .categoryCode {font-size: 11px; color: #ababab} .detail .detailInfo .detailName {margin-right: 75px; display: block; line-height: 26px; } .detail .detailInfo .producerImage {position: absolute; top: 34px; right: 1%; xfloat: right} .detail .priceBox {line-height: 50px; color: #ababab; border-top: 1px solid #CCC; } .detail .priceBox strong {margin-right: 10px; display: inline-block; vertical-align: middle; font-family: 'osCondB'; font-size: 30px; font-weight: normal; color: #ed1c24} .detail .priceBox .priceMarketDetail,.detail .priceBox .discount {line-height: 18px; color: #000} .detail .priceBox .discount {padding-bottom: 0.8em; } .detail .priceBox .discount strong {padding-left: 3px; display: inline-block; line-height: 18px; font-family: 'osCondB'; font-size: 16px; font-weight: normal; color: #ed1c2} .detail .outofstock {padding: 10px 0 14px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;margin-bottom:10px;} .detail .outofstock strong {margin-right: 10px; display: inline-block; vertical-align: middle; font-family: 'osCondB'; font-size: 30px; font-weight: normal; color: #ed1c24} .detail .detailInfo .detailSizeColorBox {padding: 10px 0 14px 0; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC} .detail .detailInfo .detailSizeColorBox .sizeLink {position: relative; padding-left: 18px; float: right; color: #2d69aa} .detail .detailInfo .detailSizeColorBox .sizeLink:before {position: absolute; top: 2px; left: 0px; height: 14px; width: 14px; text-align: center; line-height: 14px; font-size: 10px; color: #e2e2e2; content: "?"; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #2d69aa} .detail .detailInfo .detailSizeColorBox .sizeT {padding-bottom: 3px; } .detail .detailInfo .detailSizeColorBox .sizeT a {color: #2d69aa} .detail .detailInfo .size_selected {min-width: 32px; margin: 6px 6px 0px 0; padding: 0 3px; display: inline-block; text-align: center; text-decoration: none; line-height: 27px; font-size: 11px; background: #FFF; border: 1px solid #2d69aa; -webkit-box-shadow: inset 1px 0 0 0 #cbdaea,inset -1px 0 0 0 #cbdaea; -moz-box-shadow: inset 1px 0 0 0 #cbdaea,inset -1px 0 0 0 #cbdaea; box-shadow: inset 1px 0 0 0 #cbdaea,inset -1px 0 0 0 #cbdaea;} .detail .detailInfo .size_selected:hover,.detail .detailInfo .selected {text-decoration: none; color: #FFF; background: #2d69aa; border: 1px solid #FFF; -webkit-box-shadow: inset 1px 0 0 0 #628fbf,inset -1px 0 0 0 #628fbf; -moz-box-shadow: inset 1px 0 0 0 #628fbf,inset -1px 0 0 0 #628fbf; box-shadow: inset 1px 0 0 0 #628fbf,inset -1px 0 0 0 #628fbf;} .detail .detailInfo .AvailabilityAtDays {padding: 10px 0 0 0} .detail .detailInfo .AvailabilityAtDays strong {font-weight: normal; color: #ababab} .detail .detailInfo .prodejny {padding: 10px 0 10px 0; border-bottom: 1px solid #CCC} .detail .detailInfo .prodejny strong {font-weight: normal; color: #ababab} .detail .detailInfo .freeDeliv {padding: 0 0 8px 20px; color: #ed1c24; background: url(/img/newDesign/heart.png) no-repeat left 0; border-bottom: 1px solid #CCC} .detail .detailInfo .reservenMarket {display: block; color: #000; } .detail .detailInfo .boardKarta {line-height: 51px; color: #000; background: url(/img/newDesign/boardKarta.png) no-repeat right; border-bottom: 1px solid #CCC} .detail .detailInfo .boardKarta strong {font-weight: normal; color: #2d69aa} .detail .detailInfo .colorT {padding: 15px 0 7px 0} .detail .detailInfo .owl-colorVariant {padding: 30px 0 30px 0; border-bottom: 1px solid #CCC} .detail .detailInfo .infoDetLink {margin: 8px 0; padding: 0 0 0 27px; display: inline-block; text-decoration: underline; line-height: 20px; background: url(/img/newDesign/i.png) no-repeat left 0;} .detail .detailInfo .infoDetLink:hover {text-decoration: none} .detail #reservationLinks {position: relative; padding: 10px 0 0 0; display: inline-block; cursor: pointer; text-decoration: underline} .detail #reservationLinks:before {position: absolute; top: 16px; right: -16px; height: 0; width: 0; content: ""; border: 4px solid; border-left: 5px solid; border-right: 5px solid; border-color: transparent !important; border-left-color: #000 !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .detail #reservationLinks.open:before {top: 19px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } .detail #reservationLinks .dropdown-menu {top: 35px; min-width: 260px} .detail #reservationLinks .dropdown-menu p {padding: 4px 4px 4px 9px; border-bottom: 1px solid #e2e2e2} .detail #reservationLinks .dropdown-menu p label {width: 145px; display: block; float: left; line-height: 16px; color: #ababab} .detail #reservationLinks .dropdown-menu p a {padding: 0 15px; float: right; text-decoration: none; text-transform: uppercase; line-height: 20px; font-family: 'osCondB'; font-size: 14px; color: #FFF; background-color: #ed1c24;} .owl-colorVariant .owl-item {text-align: center; color: #000} .owl-colorVariant .owl-item a {display: inline-block; border: 1px solid #cacaca} .owl-colorVariant .owl-item strong {display: inlilne-block; font-weight: normal; color: #2d69aa} .owl-colorVariant .owl-item strong label {display: block; line-height: 10px; } .detail #tabs {width: 65%; float: left; border-bottom: 3px solid #ababab; } .RMset #tabs {width: 100%; } .detail #tabs ul {line-height: 56px; border-top: 3px solid #ababab; border-bottom: 1px solid #ababab} .detail #tabs ul li {position: relative; padding: 0 4%; display: inline-block; } .detail #tabs ul li:before {position: absolute; top: 50%; right: 0; height: 18px; width: 2px; margin-top: -9px; content: ""; background: #2d69aa} .detail #tabs ul li:last-child:before {display: none} .detail #tabs ul li a {text-transform: uppercase; text-decoration: none; font-family: 'osCondB'; font-size: 18px; color: #2d69aa } .detail #tabs div[id^="tabs"],.detail #tabs div[id*="tabs"] {padding: 2em 5%; display: none; font-family: 'osCondB'; font-size: 18px; color: #ababab } .detail #tabs div.active {display: block} #sizeTable {text-align: center; } #sizeTable img {max-width: 100%} #sizeTable .modal-footer {top: -42px; right: 0; } .RMcommodity .likeButtonsRow,.RMset .likeButtonsRow {line-height: 62px; float: right; white-space: nowrap; } .RMcommodity .likeButtonsRow .facebookL,.detail .likeButtonsRow .googlePlus,.detail .likeButtonsRow .twitterL,.RMset .likeButtonsRow .facebookL,.RMset .likeButtonsRow .googlePlus,.RMset .likeButtonsRow .twitterL {height: 21px; display: inline-block; overflow: hidden; line-height: 1; vertical-align: middle} .RMcommodity .likeButtonsRow .facebookL,.RMset .likeButtonsRow .facebookL {margin-right: 20px} .RMcommodity .amount .btn,.RMset .detailInfo .btn {height: auto; width: 90%; margin: 10px auto; padding: 0.4em 5%; display: block; line-height: 1; font-size: 30px; } .RMcommodity .amount .input_text,.detail .amount span {display: none} .detailSet .commodityCatalog .item {width: 25%; padding: 1em 0 0; float: left; text-align: center; } .detailSet .commodityCatalog .item .productImg img {max-width: 100%} .detailSet .commodityCatalog .item .productName {margin: 12px 0 8px 0; height: 30px; overflow: hidden; } .detailSet .commodityCatalog .item .productName a {padding: 0 8px; display: inline-block; vertical-align: top; text-decoration: none; line-height: 14px; font-sizE: 12px; } .detailSet .commodityCatalog .item .productName a:hover {text-decoration: underline; } .detailSet .commodityCatalog .item .productPrice {font-size: 12px; color: #ed1c24} .detailSet .commodityCatalog .item .priceMarket {min-height: 19px; font-size: 10px; } .detailSet .commodityCatalog .item .priceMarket del {padding-left: 3px; } .detailSet .commodityCatalog .item .productAttribute {position: absolute; top: 3px; left: -6px; width: 60px; text-align: left; } .detailSet .commodityCatalog .item .size {position: relative; z-index: 9; margin-bottom: 5px; } .detailSet .commodityCatalog .item .size .btn {position: relative; font-size: 13px; color: #2d69aa} .detailSet .commodityCatalog .item .size .btn:before {position: absolute; top: 4px; right: -16px; height: 0; width: 0; content: ""; border: 4px solid; border-left: 5px solid; border-right: 5px solid; border-color: transparent !important; border-left-color: #2d69aa !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .detailSet .commodityCatalog .item .open .btn:before {top: 7px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } .detailSet .commodityCatalog .item .size .dropdown-menu {left: 50%; width: 131px; margin-left: -66px; background: #FFF; border: 1px solid #e0e1e1; border-bottom: 0} .detailSet .commodityCatalog .item .size .dropdown-menu li {cursor: pointer; border-bottom: 1px solid #e2e2e2; line-height: 28px; font-size: 14px; color: #ababab} .detailSet .commodityCatalog .item .size .dropdown-menu li:hover {color: #2d69aa; background: #d5e1ee} .detailSet .commodityCatalog .item .size .dropdown-menu span { display: inline-block; width: 100%; } .betterProduct {position: relative; width: 31%; margin: 0 0 0 2%; padding: 10px 1% 0 1%; float: right; background: #e2e2e2} .betterProduct .titleSub {padding: 0 15px; display: inline-block; text-transform: uppercase; line-height: 33px; font-family: 'osCondB'; font-size: 20px; font-weight: normal; color: #FFF; background: #ababab} .betterProduct .name {margin: 8px 0; display: block; text-decoration: none; line-height: 24px; font-size: 20px; font-weight: bold; } .betterProduct .name:hover {text-decoration: underline} .betterProduct .categoryCode {padding: 0 0 5px 0} .betterProduct .image {width: 18%; margin-right: 2%; display: inline-block; text-align: center; float: left; border: 1px solid #cacaca; background: #FFF} .betterProduct .image img {max-width: 100%} .betterProduct .productBox {width: 55%; padding-right: 5%; float: left; } .betterProduct .colorVariant strong {font-weight: normal; color: #2d69aa} .betterProduct .text {font-size: 11px; color: #ababab} .betterProduct .differentBox {width: 15%; margin-left: 3%; padding: 10px 1%; float: right; text-transform: uppercase; text-align: center; line-height: 24px; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #FFF; background: #2d69aa} .betterProduct .priceBox {width: 100%; margin: 1em 0 0 0; float: left; } .detail .productAttribute {padding: 5px 0 15px 0; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden; -ms-backface-visibility: hidden;} .productAttribute span {position: relative; padding: 0 8px 0 8px; display: inline-block; line-height: 14px; font-size: 10px; color: #FFF;} .productAttribute span:before {position: absolute; bottom: -5px; left: 2px; height: 0; width: 0; content: ""; border: 5px solid; border-left: 5px solid; border-right: 5px solid; border-color: transparent !important; transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -moz-transform: rotate(135deg);} .productAttribute span:after {position: absolute; bottom: -5px; left: 2px; height: 0; width: 0; content: ""; border: 5px solid; border-left: 5px solid; border-right: 5px solid; border-color: transparent !important; transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -moz-transform: rotate(135deg);} .productAttribute span:after,.productAttribute span:before {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;} .productAttribute .atrAction {background: #ed1c24} .productAttribute .atrAction:before,.productAttribute .atrAction:after {border-right-color: #a50000 !important; } .productAttribute .atrFreeDelivery {height: 15px; width: 14px; margin-bottom: -3px; background: url(/img/newDesign/send.png) no-repeat center 3px #ffe508} .productAttribute .atrFreeDelivery:before,.productAttribute .atrFreeDelivery:after {border-right-color: #a49305 !important; } .productAttribute .atrNew {background: #1c7eed} .productAttribute .atrNew:before,.productAttribute .atrNew:after {border-right-color: #064389 !important; } .productAttribute .atrTip {background: #5bbf60} .productAttribute .atrTip:before,.productAttribute .atrTip:after {border-right-color: #336d36 !important; } .DetailSend {font-family: Arial; color: #000} .DetailSend .line {padding-bottom: 15px; padding-left: 2%; letter-spacing: -0.63em; word-spacing: -0.63em; } .DetailSend label {width: 25%; display: inline-block; letter-spacing: 0; word-spacing: 0; font-size: 13px; font-weight: bold; } .DetailSend .inp {height: 34px; width: 55%; padding: 0 5px; line-height: 20px; border: 1px solid #d8d8d8; xbackground: #fafafa} .DetailSend .textarea {height: 100px; width: 55%; padding: 0 5px; line-height: 20px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border: 1px solid #d8d8d8; xbackground: #fafafa} .DetailSend .detailSendBT{padding: 0 0 0px 27%} .DetailSend .btnText {margin: 0 15px 10px 0; display: block; float: left; } .DetailSend .checkCodeBox {padding: 10px 0 10px 27%; font-size: 12px; font-weight: bold; } .RMset #tabs-set {width: 65%; padding: 0 0 2em; float: left; } .RMset #tabs-set .tabsTitle {padding: 0 10px 0 3%; vertical-align: top; text-transform: uppercase; font-family: 'osCondB'; font-size: 20px; color: #2d69aa} .RMset .tabs-setUL {display: inline-block; counter-reset: item; white-space: nowrap} .RMset .tabs-setUL li {position: relative; padding: 0 4% 0 30px; display: inline-block; } .RMset .tabs-setUL li:before {position: absolute; top: 0px; left: 10px; height: 14px; width: 16px; content: counter(item, decimal) "."; counter-increment: item; font-family: 'osCondB'; font-size: 20px; color: #ababab} .RMset .tabs-setUL li:after {position: absolute; top: 4px; left: 0; height: 0px; width: 0px; content: ""; border: 5px solid; border-left: 7px solid; border-right: 7px solid; border-color: transparent !important; border-left-color: #ababab !important; } .RMset .tabs-setUL li a {text-decoration: none; text-transform: uppercase; font-family: 'osCondB'; font-size: 20px; color: #ababab} .RMset .tabs-setUL li.active a,.RMset .tabs-setUL li.active:before {color: #ed1c24} .filterBox {width: 180px; margin-bottom: 1em; float: left; } .filterBox h2.title {padding: 0 0 0 30px; text-transform: uppercase; line-height: 20px; font-family: 'osBol'; font-size: 14px; font-weight: normal; color: #FFF; background: #ed1c24} .toggleBox {margin: 15px 0 0 0; padding: 5px 0 0 0; border: 1px solid #ababab; background: #e2e2e2; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .toggleBox.close {max-height: 50px;} .toggleBox.open {max-height: 380px} .toggleBox.close .box {display: none !important; } .toggleBox.open .box {display: block !important; } .toggleBox h3.subTitle {position: relative; padding: 0 0 0 30px; text-transform: uppercase; cursor: pointer; line-height: 20px; font-family: 'osBol'; font-size: 14px; font-weight: normal; color: #FFF; background: #000} .toggleBox h3.subTitle:before {position: absolute; top: 7px; left: 12px; height: 0px; width: 0px; content: ""; border: 5px solid; border-top: 7px solid; border-bottom: 7px solid; border-color: transparent !important; border-top-color: #FFF !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .toggleBox.close h3.subTitle:before {top: 3px; left: 18px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } .paramCol .box,.sizeCol .box,.prodCol .box,.flagCol .box,.categCol .box {max-height: 146px; padding: 9px 0; overflow-y: auto} .toggleBox .box label {position: relative; display: block; line-height: 17px; cursor: pointer; font-size: 14px; } .toggleBox .box .icheckbox {margin: 0 9px 0 10px} .toggleBox.closes .box { display: none; } .categCol .level-1 {font-family: 'osBol'; } .categCol .level-1 strong {font-size: 12px; } .categCol .level-2 {margin-left: 3px; font-family: 'osBol'; } .categCol .level-2 strong {font-size: 11px; color: #ed1c24;} .categCol .level-3 strong,.categCol .level-4 strong,.categCol .level-5 strong,.categCol .level-6 strong {font-size: 12px; } .categCol .level-2 .icheckbox,.categCol .level-3 .icheckbox, .categCol .level-4 .icheckbox,.categCol .level-5 .icheckbox,.categCol .level-6 .icheckbox {margin: 0 5px 0 13px;} .categCol .level-3 {margin-left: 7px; } .categCol .level-4 {margin-left: 11px; } .categCol .level-4 strong {color: #777777;} .categCol .level-5 {margin-left: 14px; } .categCol .level-6 {margin-left: 17px; } .prodCol .box div,.categCol .box div {position: absolute; top: 2px;} .prodCol .box input[type="checkbox"],.categCol .box input[type="checkbox"] {display: none} .prodCol .box label strong,.categCol .box label strong {padding-left: 30px; display: block; font-weight: normal; } .colorCol .box {padding: 9px 0 7px 9px; } .colorCol .colorButtonHolder {margin: 0 3px 3px 0; float: left; border: 1px solid #e2e2e2; } .colorCol .colorButton {height: 20px; width: 20px; cursor: pointer; background-size: 100% 100%} .sliderCol .box {padding: 9px 9px 10px 9px; } .sliderCol .prices {padding: 0 0 20px 0; text-align: center; } .sliderCol input[type="text"] {height: 27px; width: 65px; text-align: center; font-size: 14px; color: #1b1b1b; -webkit-box-shadow: inset 2px 3px 4px rgba(0,0,0,.1); -moz-box-shadow: inset 2px 3px 4px rgba(0,0,0,.1); box-shadow: inset 2px 3px 4px rgba(0,0,0,.1); border: solid 1px #c6c6c6; border: 1px solid #c6c6c6} .sliderCol #selectedMinPrice {float: left} .sliderCol #selectedMaxPrice {float: right} #lastVisitedBody {padding: 12px 0 0 0} #lastVisitedBody .item {width: 69px; margin: 0 0px 12px 12px; float: left; border: 1px solid #cfcfcf} #lastVisitedBody .item a img {max-width: 100%} .pagerPanel {position: relative; z-index: 999; top: 0; right: 0; margin-top: -30px; float: right} .pagerPanel .orderSelect {position: relative; margin-right: 30px; padding: 0 20px 0 0; line-height: 27px; } .pagerPanel .orderSelect label {display: inline-block; line-height: 27px; font-size: 14px; color: #ababab} .pagerPanel .orderSelect .btn {position: relative; line-height: 27px; font-size: 14px; color: #ed1c24} .pagerPanel .orderSelect .btn:before {position: absolute; top: 10px; right: -19px; height: 0px; width: 0px; content: ""; border: 5px solid; border-top: 7px solid; border-bottom: 7px solid; border-color: transparent !important; border-top-color: #ed1c24 !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .pagerPanel .orderSelect .open .btn:before {top: 4px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); } .pagerPanel .orderSelect .dropdown-menu {right: 0; min-width: 131px; background: #FFF; border: 1px solid #e2e2e2; border-bottom: 0} .pagerPanel .orderSelect .dropdown-menu li {white-space: nowrap; line-height: 16px; border-bottom: 1px solid #e2e2e2; } .pagerPanel .orderSelect .dropdown-menu li a {padding: 5px 8px 5px 18px; display: block; text-decoration: none; font-size: 14px; color: #ababab; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .pagerPanel .orderSelect .dropdown-menu li a:hover {color: #ed1c24; background: #fbd2d3} .pagerPanel div,.pagerPanel p {display: inline-block} .pagerPanel .pager {line-height: 27px; color: #ababab; } .pagerPanel .pager a {min-width: 23px; margin-left: 3px; padding: 0 2px; display: inline-block; text-align: center; text-decoration: none; font-size: 14px; color: #ababab; border: 1px solid #e2e2e2} .pagerPanel .pager .active,.pagerPanel .pager a:hover {color: #ed1c24; background: #fbd2d3} .pagerPanel .pager .dots {margin-left: 3px; } #slider-range {position: relative; margin: auto; } .noUi-target,.noUi-target * {-webkit-touch-callout: none;-webkit-user-select: none;-ms-touch-action: none;-ms-user-select: none;-moz-user-select: none;-moz-box-sizing: border-box; box-sizing: border-box;} .noUi-base {width: 100%;height: 100%;position: relative;} .noUi-origin {position: absolute; right: -5px; top: 0; left: 0; bottom: 0;} .noUi-handle {position: relative; z-index: 1;} .noUi-stacking .noUi-handle {z-index: 10;} .noUi-stacking + .noUi-origin {*z-index: -1;} .noUi-state-tap .noUi-origin {-webkit-transition: left 0.3s, top 0.3s;transition: left 0.3s, top 0.3s;} .noUi-state-drag * {cursor: inherit !important;} .noUi-horizontal {height: 10px;} .noUi-horizontal .noUi-handle {left: -6px; top: -5px; width: 12px; height: 18px; cursor: pointer; background: #000; } .noUi-horizontal.noUi-extended {padding: 0 15px;} .noUi-horizontal.noUi-extended .noUi-origin {right: 5px;} .noUi-background {background: #FFF; } .noUi-connect {background: #d0d0d0; -webkit-transition: background 450ms; transition: background 450ms;} .noUi-target {background: #ed1c24; } .noUi-target.noUi-connect {box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;} .noUi-dragable {cursor: w-resize;} .noUi-active {box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;} .noUi-handle:before {position: absolute; left: 3px; top: 1px; height: 7px; width: 7px; display: block; font-size: 11px; font-weight: bold; color: #FFF; } .noUi-handle:after {position: absolute; left: 3px; top: 1px; height: 7px; width: 7px;display: block; font-size: 11px; font-weight: bold; color: #FFF; } .noUi-handle-lower:before {content: "<"; } .noUi-handle-upper:before {content: ">"; } [disabled].noUi-connect,[disabled] .noUi-connect {background: #B8B8B8;} [disabled] .noUi-handle {cursor: not-allowed;} .noUi-state-blocked.noUi-connect,.noUi-state-blocked .noUi-connect {background: #4FDACF;} .RMcategory .itembanner {min-height: 335px; width: 32.33333333333333%; margin: 0 0 17px 1%; float: left; text-align: center} .RMcategory .itembanner img {max-width: 100%} .RMcategory .row-side {xposition: relative; overflow: hidden} .RMcategory .commodityCatalog {padding: 5px 0 0 0} .RMcategory .row-side .item {position: relative; min-height: 335px; width: 15.66666666666667%; margin: 0 0 17px 1%; padding: 0 0px 0 0px; text-align: center; float: left; background: #f9f9f9} .RMcategory .row-side .item .productImg {position: relative; xheight: 180px; max-height: 207px; vertical-align: middle; overflow: hidden; line-height: 207px; background: #FFF; border: 1px solid #c6c6c6} .RMcategory .row-side .item .productImg a {line-height: 1; } .RMcategory .row-side .item .productImg a img {max-width: 100%} .RMcategory .row-side .item .productName a {max-height: 41px; margin: 12px 0 8px 0; padding: 0 8px; display: inline-block; overflow: hidden; text-decoration: none; line-height: 14px; font-sizE: 12px; } .RMcategory .row-side .item .productName a:hover {text-decoration: underline; } .RMcategory .row-side .item .productPrice {font-size: 12px; color: #ed1c24} .RMcategory .row-side .item .priceMarket {padding: 0 10px; font-size: 10px; } .RMcategory .row-side .item .priceMarket del {padding-left: 3px; } .RMcategory .row-side .item .productAttribute {position: absolute; top: 3px; left: -6px; width: 60px; text-align: left; } .freeArticle {padding: 0 0 0 2%; font-size: 15px; color: #ababab} .freeArticle h2,.freeArticle h3,.freeArticle h4 {color: #2d69aa; font-weight: normal} .freeArticle .image {width: 25%; margin: 0 5% 15px 0; float: left; } .freeArticle .image img {max-width: 100%} .freeArticle .articleBody {padding: 0 0 0 0} .freeArticle ul {margin: 0 0 1em 14px; list-style-type: disc} .freeArticle ol {margin: 0 0 1em 14px; } .freeArticle p,.freeArticle time {margin: 0 0 1em 0; } .freeArticle time {display: block; font-size: 17px} .lostPass form {padding: 0 2% 25px 2%} .lostPass form p {padding: 0 0 15px 0; font-size: 14px; } .lostPass form label {padding-right: 10px; font-size: 13px; font-weight: bold;} .lostPass form .inp {height: 34px; width: 30%; padding-left: 8px; border: 1px solid #dadada; background: #fafafa} .lostPass form .btnText {margin: 0 0 0 10px; display: inline-block; } .flexslider {margin: 0; padding: 0; } .RMindex #carousel.flexslider {padding-bottom: 20px; border-bottom: 3px solid #ababab} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; text-align: center; } .flexslider .slides img {max-height: 555px; max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .flexslider {position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .flex-direction-nav {*height: 0;} .flex-direction-nav a {position: absolute; top: 50%; z-index: 10; width: 30px; height: 30px; margin: -20px 0 0; display: block; text-decoration:none; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; font-size: 0; border: 1px solid #c6c6c6} .flex-direction-nav .flex-prev {left: 21px; background: url(/img/newDesign/arrowL.png) no-repeat center #FFF;} .flex-direction-nav .flex-next {right: 21px; background: url(/img/newDesign/arrowR.png) no-repeat center #FFF;} .flexslider:hover .flex-prev {opacity: 0.7; } .flexslider:hover .flex-next {opacity: 0.7; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter:alpha(opacity=0); cursor: default; } .flex-direction-nav a:before {font-size: 40px; display: inline-block; } .flex-pauseplay a {position: absolute; z-index: 10; bottom: 5px; left: 10px; width: 20px; height: 20px; display: block; opacity: 0.8; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before {font-size: 20px; display: inline-block; } .flex-pauseplay a:hover {opacity: 1; } .flex-control-nav {position: absolute; z-index: 999; left: 21px; bottom: 17px; } .flex-control-nav li {margin: 0 3px 0 0; display: inline-block; zoom: 1; *display: inline; cursor: pointer} .flex-control-paging li a {width: 27px; height: 27px; display: block; text-align: center; line-height: 27px; font-size: 14px; color: #ababab; background: #FFF; border: 1px solid #e2e2e2} .flex-control-paging li a:hover {color: #FFF; background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active {background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .RMindex #slider.flexslider {margin-bottom: 18px; } .RMindex #carousel.flexslider .slides li {margin-right: 20px} #main .row-side h2.title,.RMcommodity .row-main h2.title {padding: 20px 0 20px 2%; text-transform: uppercase; font-family: 'osCondB'; font-sizE: 18px; font-weight: normal; color: #2d69aa; } .RMcommodity .row-main h2.title {width: 97%; margin: 0; padding-left: 3%;} .RMcategory h1 {padding: 0.5em 0 0.5em 0; text-align: center; text-transform: uppercase; font-family: 'osCondB'; font-sizE: 25px; font-weight: normal; } .owl-product .owl-wrapper-outer {margin: 0 0px 0 0px; padding: 0 0 0px 0} .owl-product .item {position: relative; min-height: 335px; margin: 0 10px 0 10px; padding: 0 0px 0 0px; text-align: center; background: #f9f9f9} .owl-product .item .productImg {position: relative; line-height: 207px; background: #FFF; border: 1px solid #c6c6c6} .owl-product .item .productImg a {xvertical-align: bottom; line-height: 1; } .owl-product .item .productName a {margin: 12px 0 8px 0; padding: 0 8px; display: inline-block; text-decoration: none; line-height: 14px; font-sizE: 12px; } .owl-product .item .productName a:hover {text-decoration: underline; } .owl-product .item .productPrice {font-size: 12px; color: #ed1c24} .owl-product .item .priceMarket {font-size: 10px; } .owl-product .item .priceMarket del {padding-left: 3px; } .owl-product .item .productAttribute {position: absolute; top: 3px; left: -6px; width: 60px; text-align: left; } .item .sizes {position: absolute; bottom: 0; left: 0; width: 100%; padding: 1em 5%; display: block; line-height: 14px; font-weight: normal; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; color: #FFF; background: #05b90f; border-top: 1px solid #c6c6c6; } .item:hover .sizes {filter: alpha(opacity=65); opacity: 0.65; } .owl-product .owl-buttons div {position: absolute; top: 32%; z-index: 9990; width: 30px; height: 30px; margin: -15px 0 0; display: block; text-decoration:none; overflow: hidden; opacity: 0; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; font-size: 0; background: url(/img/newDesign/arrowL.png) no-repeat center #FFF; border: 1px solid #c6c6c6} .owl-product .owl-buttons .owl-prev {xopacity: 0.7; left: -5px; } .owl-product .owl-buttons .owl-next {xopacity: 0.7; right: -5px; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);} .owl-product:hover .owl-buttons div {opacity: 1; } .brandsFilter li {display: inline-block} .mainproducer .row-main {overflow: hidden} .brandsFilter {padding: 9px 0 12px 0} .brandsFilter li a {padding: 0 4px; text-decoration: none; font-size: 11px; line-height: 15px; color: #FFF; background: #ababab; border-top: 1px solid #DDD; border-bottom: 1px solid #cdcdcd} .brandsBox {width: 101%; xword-spacing: -0.63em; xletter-spacing: -0.63em; font-size: 0; } .brandsBox li {width: 9%; margin-right: 1%; padding-bottom: 20px; display: inline-block; word-spacing: 0; letter-spacing: 0; vertical-align: top; } .brandsBox li .image {width: 100%; padding: 10px 0; display: inline-block; text-align: center; text-decoration: none; border: 1px solid #b9b9b9; } .brandsBox li .image img {max-width: 100%; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .brandsBox li .image:hover img {transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);} .brandsBox li label {padding-top: 5px; display: block; } .brandsBox li label a {text-decoration: none; font-size: 11px; color: #1b1b1b} .brandsBox li label a:hover {text-decoration: underline; } .registration {position: relative; width: 60%; margin: 20px 0 20px 20%; padding: 41px 0 25px 0; border: 1px solid #ababab} .registration .title-modal {position: absolute; top: 0; left: 0; width: 96%; margin: 0 0; padding: 0 0 0 4%; text-transform: uppercase; line-height: 35px; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #FFF; background: #000; border-top: 5px solid #e2e2e2; border-bottom: 1px solid #7f7f7f} .registration h2.secLabel {padding: 20px 0 5px 0; text-transform: uppercase; line-height: 20px; font-family: 'osCondB'; font-size: 14px; font-weight: normal; } .registration h2.secLabel label {cursor: pointer; } .registration .B2CToB2BSwitch {padding: 25px 0 0 0; } .registration .B2CToB2BSwitch label {padding-right: 10px; white-space: nowrap; cursor: pointer; line-height: 18px; font-family: 'osCondB'; font-size: 12px; font-weight: normal; } .registration .B2CToB2BSwitch label input {margin-right: 5px; } .registration table {margin: 0 0 0px 0} .registration table label {padding: 20px 0 3px 0; display: block; white-space: nowrap; font-size: 13px; color: #777777} .registration table label strong {padding-left: 4px; font-size: 11px; color: #c6c6c6} .registration table .bankAcc td label + input + label {display: none} .registration table td {width: 31.3333333%; padding: 0px 2% 0 0; } .registration table input[type="text"],.registration table input[type="password"] {height: 30px; width: 100%; padding: 0 5px; border: 1px solid #e2e2e2; background: #FFF} .registration table input[type="text"].bankaccount {width: 70%; margin-right: 2%; float: left; } .registration table input[type="text"].bankcode {width: 28%} .registration table select {width: 100%; padding: 6px 5px; border: 1px solid #e2e2e2; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background: #FFF} .registration table .req_char {padding-left: 4px; } .registration table .requiredText {padding-top: 20px; display: inline-block; line-height: 14px; font-size: 11px; font-weight: normal; color: #c6c6c6} .registration table .requiredTextTD .requiredText {xpadding: 0px 0 0 0; } .registration .checkCodeBox {padding: 20px 0 0 0; font-family: 'osCondB'; font-size: 14px; color: #000} .registration .checkCodeBox img {margin-right: 10px; } .registration .checkCodeBox input[type="text"] {height: 30px; width: 20%; padding: 0 5px; border: 1px solid #e2e2e2; background: #FFF} .registration .separator {position: relative; padding: 0 0 15px 0; border-bottom: 1px solid #ababab} .registration .btnTextGrey {margin-top: 15px; } .registration .newsCheck {padding-top: 15px; color: #777777} .registration .newsCheck a {color: #777777} .registration .newsCheck,.registration .separator,.registration .B2CToB2BSwitch,.registration .checkCodeBox {padding-left: 4%; padding-right: 4%} .registration .separator .newsCheck {padding-left: 0; padding-right: 0} .registration .information {margin-left: 4%; margin-right: 4%} .registration .separator .information {margin-left: 0; margin-right: 0} .registration .separator .information a {color: #FFF} .registration .separator .information strong {padding-left: 5px; } .registration div[id^="branchEnvelope"],.registration div[id*="branchEnvelope"],.registration div[id^="contactEnvelope"],.registration div[id*="contactEnvelope"] {position: relative} .registration div[id^="branchEnvelope"] .drop ,.registration div[id*="branchEnvelope"] .drop,.registration div[id^="contactEnvelope"] .drop ,.registration div[id*="contactEnvelope"] .drop {position: absolute; top: 17px; right: 0; cursor: pointer} .changePwdForm .line {padding: 0 0 0.5em 2%} .changePwdForm .line label {display: block; line-height: 30px; font-size: 13px; color: #777777} .changePwdForm .line input {height: 30px; width: 30%; padding: 0 5px; border: 1px solid #e2e2e2; background: #FFF} .changePwdForm .btn {margin: 15px 0 0 2%} .couponForm,.orderListForm {padding: 0 0 0.5em 2%} .couponForm input[type="text"],.orderListForm input[type="text"] {height: 30px; width: 150px; margin-left: 10px; padding: 0 5px; border: 1px solid #e2e2e2; background: #FFF} .orderListForm #form-receipt {margin-right: 10px; } .couponForm label,.orderListForm label {padding: 0 10px 10px 0; display: inline-block; white-space: nowrap; line-height: 30px; font-size: 13px; color: #777777} .orderListForm label {padding-bottom: 0; } .couponForm label input[type="checkbox"],.orderListForm label input[type="radio"] {position: relative; top: 1px; margin-left: 10px; } .orderListForm label input[type="radio"] {margin-right: 5px; } .RMcoupon .btn,.RMexecutedorder .btn {height: 30px; line-height: 30px; font-size: 14px; display: inline-block} .RMexecutedorder .btn {position: relative; top: -1px; margin-right: 10px; } .RMexecutedorder .btnSpec {margin: 15px 0 0 2%; display: block; } .couponFormInner {padding: 0.8em 2%; } .couponFormInner .subTitle {font-size: 14px; } .couponFormInner .subTitle a {position: relative; top: -4px; left: 4px; height: 15px; width: 15px; display: inline-block; text-decoration: none; text-align: center; line-height: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; font-size: 11px; color: #FFF; background: #ed1c24; } .couponFormInner .input_text {height: 31px; width: 40%; padding: 0 5px; border: 1px solid #e2e2e2; background: #FFF} .couponFormInner .btn {display: inline-block; } .couponFormInner p {padding-top: 1em; font-size: 11px; color: #ababab} .RMcoupon table,.RMexecutedorder table {width: 98%; margin: 20px 0 0.5em 2%} .RMcoupon table tr td,.RMexecutedorder table tr td {padding: 2px 2% 2px 2%; white-space: nowrap; } .RMcoupon table thead tr td,.RMexecutedorder table thead tr td {color: #FFF; text-transform: uppercase; font-family: 'osReg'; font-size: 12px; background: #000} .RMcoupon table tbody tr td,.RMexecutedorder table tbody tr td {border-bottom: 1px solid #c6c6c6} .RMcoupon table tbody tr:last-child td,.RMexecutedorder table tbody tr:last-child td {border: 0} .RMcoupon table .date,.RMcoupon table .price {width: 15%; xdisplay: block} .RMcoupon table .buy {text-align: right} .RMexecutedorder table tfoot tr td {text-transform: uppercase; font-family: 'osCondB'; font-size: 16px; } .RMexecutedorder table .priceWVat {padding-right: 4%; text-align: right; } .orderListForm div,.couponForm div {display: inline-block; } .orderListForm .line {padding-bottom: 10px; display: block; line-height: 30px; font-size: 13px; color: #777777} .orderListForm .line .wrap {display: inline-block; white-space: nowrap} .orderLegendTab {padding: 0 0 0.5em 2%} ul.orderLegendTab {margin: 15px 0 0 0; display: inline-block; text-transform: uppercase; font-family: 'osCondB'; font-size: 12px; color: #FFF} ul.orderLegendTab li {margin-bottom: 1px; padding: 0 5px; } ul.orderLegendTab .state_0,.RMexecutedorder table .state_0 td {background: #05b90f} ul.orderLegendTab .state_1,.RMexecutedorder table .state_1 td {background: #ed1c24} ul.orderLegendTab .state_2,.RMexecutedorder table .state_2 td {background: #c0d2e5} ul.orderLegendTab .state_3,.RMexecutedorder table .state_3 td {background: #3883d4} ul.orderLegendTab .state_4,.RMexecutedorder table .state_4 td {background: #ababab} .execOrderInfoBox {padding: 0 0 0 2%; font-family: 'osReg'; font-size: 12px; } .RMorder .orderBox {width: 70%; margin: 0px 0 0px 15%; } .orderNav {padding-top: 5px; padding-bottom: 8px; border-bottom: 3px solid #ababab} .orderNav label {padding-right: 10px; font-family: 'osCondB'; font-size: 14px; color: #2d69aa; } .orderSteps {padding: 0px 0 0 0; display: inline-block; white-space: nowrap; counter-reset: item; list-style: none outside none; } .orderSteps li {position: relative; margin: 0 5% 0 0; padding: 0px 0 0 12px; display: inline-block; text-transform: uppercase; font-family: 'osCondB'; font-size: 14px; color: #ababab; } .orderSteps li.active {color: #cb1040; } .orderSteps li:before {position: absolute; top: 0px; left: 0; content: counter(item, decimal) "."; counter-increment: item; font-family: 'osCondB'; font-size: 14px; color: #ababab} .orderSteps li:after {position: absolute; top: 5px; right: -20px; height: 0; width: 0; content: ""; border: 5px solid; border-left: 7px solid; border-right: 7px solid; border-color: transparent !important; border-left-color: #ababab !important; } .orderSteps li.active:before {color: #cb1040; } .orderSteps li:last-child:after {display: none} .orderSteps li a {text-decoration: none; color: #797979} .orderSteps li a:hover {color: #cb1040; } .orderSteps li.active a {color: #cb1040; } .orderItems {border-top: 1px solid #ababab; } .orderItems .item {border-bottom: 1px solid #ababab; } .orderItems .itemInner {position: relative; width: 60%; padding: 20px 85px 20px 0px; float: left; } .orderItems .itemInner a:hover {text-decoration: underline} .orderItems .itemInner .image {margin-right: 10px; float: left; border: 1px solid #CACACA;} .orderItems .itemInner .code {font-size: 11px; color: #ababab} .orderItems .itemInner .name {text-decoration: none; font-size: 14px; font-weight: bold; } .orderItems .itemInner .name strong {color: #2d69aa} .orderItems .itemInner .deleteItem,.couponFormTab .deleteItem,.emptyBasket .btn,.resetFilter {position: relative; padding-left: 18px; display: block; text-transform: uppercase; text-decoration: none; overflow: hidden; font-weight: bold; font-size: 11px; color: #ababab} .resetFilter {margin-top: 5px; } .orderItems .itemInner .deleteItem {margin-top: 14px; } .couponFormTab .deleteItem {float: right} .emptyBasket .btn {margin-top: 25px; } .orderItems .itemInner .deleteItem:before,.couponFormTab .deleteItem:before,.emptyBasket .btn:before,.resetFilter:before {position: absolute; top: 2px; lefT: 0; height: 12px; width: 12px; content: ""; background: url(/img/newDesign/cross.png) no-repeat} .emptyBasket .btn:before {top: 0} .orderItems .itemInner .producerImage {position: absolute; top: 20px; right: 20px; } .orderItems aside {width: 40%; padding: 10px 2%; float: right; font-size: 13px; background-color: #e2e2e2; } .orderItems aside .price {padding: 0 0 6px 45%; font-size: 13px; border-bottom: 1px solid #cccccc} .orderItems aside .price strong {margin-bottom: 3px; display: block; font-family: 'osCondB'; font-size: 18px; font-weight: normal; } .orderItems aside .input_text {height: 30px; width: 30px; padding: 0 5px; text-align: center; border: 1px solid #cccccc; background: #FFF} .orderItems aside .btnOk {height: 21px; width: 22px; margin-left: 15px; background: url(/img/newDesign/ok.png) no-repeat center} .orderItems aside .amount {line-height: 50px; border-bottom: 1px solid #cccccc; } .orderItems aside .amount strong {padding-left: 3px; color: #2d69aa} .orderItems aside .amount .sizeBox {width: 55%; float: right} .orderItems aside .amount .sizeBox .btn {position: relative; top: -1px; padding-right: 13px; font-size: 13px; color: #2d69aa} .orderItems aside .amount .sizeBox .btn:before {position: absolute; top: 5px; right: 0px; height: 0; width: 0; content: ""; cursor: pointer; border: 5px solid; border-top: 7px solid; border-bottom: 7px solid; border-color: transparent !important; border-top-color: #2d69aa !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .orderItems aside .amount .sizeBox .xbtn:before {top: 2px; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); } .orderItems aside .amount .sizeBox .btn-group {position: relative; padding-left: 2px; display: inline-block} .orderItems aside .amount .sizeBox .dropdown-menu {top: 40px; right: 0px; width: 50px; line-height: 29px; text-align: center; border: 1px solid #f1f1f1; border-bottom: 0} .orderItems aside .amount .sizeBox .dropdown-menu li {font-size: 14px; border-bottom: 1px solid #e2e2e2} .orderItems aside .amount .sizeBox .dropdown-menu li a {display: block; text-decoration: none; } .orderItems aside .amount .sizeBox .dropdown-menu li:hover a {color: #2d69aa; background: #d5e1ee} .orderItems aside .btnUp {position: relative; top: -5px; left: 0; height: 7px; width: 10px; } .orderItems aside .btnUp:before {position: absolute; top: -7px; left: 0px; height: 0; width: 0; content: ""; border: 5px solid; border-top: 7px solid; border-bottom: 7px solid; border-color: transparent !important; border-bottom-color: #FFF !important; } .orderItems aside .btnDown {position: relative; top: 5px; left: 0; height: 7px; width: 10px; } .orderItems aside .btnDown:before {position: absolute; top: 0px; left: 0px; height: 0; width: 0; content: ""; border: 5px solid; border-top: 7px solid; border-bottom: 7px solid; border-color: transparent !important; border-top-color: #FFF !important; } .orderItems aside .avail {padding: 8px 0 0 0} .orderItems aside .avail strong {padding-left: 3px; color: #40bb64} .couponFormTab,.boardBox {padding: 8px 2%; border-bottom: 1px solid #ababab; } #boardBox {margin-bottom: -1px; padding: 16px 2%; } .couponFormTab label,.boardBox a {position: relative; padding-right: 5px; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: bold; } .boardBox a:hover {text-decoration: underline; } .boardBox a:before {position: absolute; top: -5px; right: -60px; height: 26px; width: 51px; content: ""; background: url(/img/newDesign/boardKarta.png) no-repeat} .boardBox p {float: right; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #ababab} .couponFormTab .price,.boardBox .points {padding-left: 5px; font-family: 'osCondB'; font-size: 14px; font-weight: normal; } .boardBox strong {font-size: 18px; font-weight: normal; } .boardBox .points {font-size: 18px; } .priceLine {padding: 0 2%; line-height: 48px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ababab} .RMexecutedorder .priceLine {margin-left: 2%; padding-right: 4%; line-height: 30px; border: 0} .priceLineBlue {padding-top: 5px; padding-bottom: 5px; background: #d5e1ee; border-bottom: 0} .priceLine span {font-weight: normal; } .priceLine .price {float: right; font-family: 'osCondB'; font-size: 18px; font-weight: normal; } .priceLineBlue .price {font-size: 30px; } .orderLeftSide {width: 60%; margin-top: 20px; display: inline-block; vertical-align: top; border: 1px solid #ababab; border-bottom: 0} #OrderForm.orderLeftSide {border-bottom: 1px solid #ababab; } .orderLeftSideSt4 {float: left; } .orderLeftSide h1,.orderRightSide h2,#OrderLoginDiv h2 {padding: 0 0 0 22px; text-transform: uppercase; line-height: 35px; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #FFF; background: #000; border-top: 5px solid #e2e2e2; border-bottom: 1px solid #7f7f7f} .orderLeftSide h2.titleSub {padding-bottom: 0.3em; text-transform: uppercase; font-family: 'osCondB'; font-size: 14px; font-weight: normal; } .orderLeftSide h2.titleSub a {position: relative; margin-right: 15px; display: inline-block; float: right; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: normal; color: #ed1c24} .orderLeftSide h2.titleSub a:before {position: absolute; top: 3px; left: -23px; height: 18px; width: 18px; content: ""; background: url(/img/newDesign/pen.png) no-repeat} #OrderSettingsBrief h2.titleSub,.orderFinal h2.titleSub {margin-top: 15px; } .paymentTransportBox,.orderAdditionales,.orderCompletiveInfo {padding: 1em 3%; border-bottom: 1px solid #ababab} .orderLeftSide .iradio,.orderLeftSide .icheckbox {margin-right: 9px; } .orderLeftSide label {color: #777777; font-size: 13px; } .paymentTransportBox .line {padding: 0 0 1em 0} .paymentTransportBox.ptbV2 .line {padding: 0 0 0.3em 0} .paymentTransportBox .infoPT {padding: 0 0 0 21px; font-size: 13px; color: #2d69aa} .paymentTransportBox .freetext {padding: 0 0 0 21px; line-height: 16px; font-size: 13px; color: #ababab} .paymentTransportBox .price {padding-right: 3px; } .orderCompletiveInfo textarea {height: 100px; width: 100%; padding: 0 5px; line-height: 20px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border: 1px solid #d8d8d8; xbackground: #fafafa} .orderRightSide {width: 38%; margin-top: 20px; float: right; display: inline-block; vertical-align: top; border: 1px solid #ababab; } .orderRightSide .item {background: #e2e2e2; border-bottom: 1px solid #ababab} .orderRightSide .itemInner {width: 65%; padding: 20px 3%; float: left; background: #FFF} .orderRightSide .itemInner .image {margin-right: 2%; float: left; border: 1px solid #CACACA;} .orderRightSide .itemInner .code {padding: 5px 0; overflow: hidden; line-height: 16px; font-size: 11px; color: #ababab} .orderRightSide .itemInner .name {display: block; overflow: hidden; text-decoration: none; line-height: 16px; font-size: 13px; font-weight: bold; } .orderRightSide .itemInner .name:hover {text-decoration: underline} .orderRightSide .itemInner .name strong {color: #2d69aa} .orderRightSide .aside {padding: 20px 3% 10px 0; text-align: right; font-size: 11px; color: #ababab} .orderRightSide .aside .price {margin-bottom: 3px; display: block; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #000} .orderRightSide .itemPT {padding: 0 2%; line-height: 35px; font-size: 13px; color: #777777; background: transparent} .orderRightSide .itemPT strong {float: right} .orderRightSide .totalPrice {padding: 0 2%; line-height: 59px; font-size: 13px; color: #777777; background: #c0d2e5} .orderRightSide .totalPrice strong {color: #000} .orderRightSide .totalPrice .price {float: right; font-family: 'osCondB'; font-size: 18px; font-weight: normal; } .tableGlobal {margin: 0 0 0px 0} .tableGlobal label {padding: 20px 0 3px 0; display: block; white-space: nowrap; font-size: 13px; color: #777777} .tgLogIn label {padding-top: 5px; } .tableGlobal .bankAcc td label + input + label {display: none} .tableGlobal td {width: 31.3333333%; padding: 0px 2% 0 0; } .tableGlobal td strong {font-size: 13px; } .tableGlobal td label strong {padding-left: 4px; font-size: 11px; color: #c6c6c6} .tableGlobal input[type="text"],.tableGlobal input[type="password"] {height: 30px; width: 100%; padding: 0 5px; border: 1px solid #e2e2e2; background: #FFF} .tableGlobal input[type="text"].bankaccount {width: 70%; margin-right: 2%; float: left; } .tableGlobal input[type="text"].bankcode {width: 28%} .tableGlobal select {width: 100%; padding: 6px 5px; border: 1px solid #e2e2e2; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background: #FFF} .tableGlobal .req_char {padding-left: 4px; } .tableGlobal .requiredText {padding-top: 20px; display: inline-block; line-height: 14px; font-size: 11px; font-weight: normal; color: #c6c6c6} .tableGlobal .requiredTextTD .requiredText {xpadding: 0px 0 0 0; } .RMorder h2.secLabel {position: relative; z-index: 9; padding: 20px 0 5px 0; text-transform: uppercase; line-height: 20px; font-family: 'osCondB'; font-size: 14px; font-weight: normal; } .RMorder h2.secLabel label {cursor: pointer; color: #000} .RMorder .deliveryAddress {height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease; } .RMorder .deliveryAddress.open {height: 340px; opacity: 1; overflow: visible; } .RMorder .deliveryAddress .addressSelect {width: 100%; padding: 4px 0; border: 1px solid #e2e2e2;} .RMorder #openCloseBox {height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease; } .RMorder #openCloseBox.open {height: 150px; opacity: 1; overflow: visible; } .RMorder .separator {position: relative; padding: 0 0 15px 0; border-bottom: 1px solid #ababab} .RMorder .newsCheck {position: relative; z-index: 1; padding-top: 15px; color: #777777} .RMorder .newsCheck a {color: #777777} .RMorder .newsCheck,.RMorder .separator,.RMorder .checkCodeBox {padding-left: 4%; padding-right: 4%} .RMorder .separator .newsCheck {padding-left: 0; padding-right: 0} .RMorder .separator .icheckbox {margin-right: 5px; } .RMorder .information {margin-left: 4%; margin-right: 4%} .RMorder .separator .information {margin-left: 0; margin-right: 0} .RMorder .separator .information a {color: #FFF} .RMorder .separator .information strong {padding-left: 5px; } .OrderLoginForm {padding: 0 3%} .OrderLoginForm label {padding: 20px 0 3px 0; display: block; white-space: nowrap; font-size: 13px; color: #777777} .OrderLoginForm label strong {padding-left: 4px; font-size: 11px; color: #c6c6c6} .OrderLoginForm input[type="text"],.OrderLoginForm input[type="password"] {height: 30px; width: 50%; padding: 0 5px; border: 1px solid #e2e2e2; background: #FFF} .OrderLoginForm .btn {margin: 20px 0 10px 0; display: inline-block; } .OrderLoginForm .linkLP {margin-left: 5px; display: block; clear: both; color: #777777} .OrderLoginForm .FbButton {padding: 10px 0 0 10px; display: inline-block} .radioHub {margin-bottom: -15px; padding: 15px 0 0 0} .radioHub li {margin-right: 4%; margin-bottom: 0.5em; display: inline-block; } .radioHub li .iradio {position: relative; top: 4px; margin-right: 5px; vertical-align: top;} .radioHub li label {display: inline-block; text-align: center; cursor: pointer; font-size: 11px; color: #ababab} .radioHub li strong {display: block; text-transform: uppercase; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #2d69aa} .RMorder .boxData {width: 50%; padding: 0px 0 0 0; float: left; } .RMorder .boxData p,.paymentDeliveryFinal p {font-sizE: 13px; color: #777777} .RMorder .paymentDelivery .line {font-sizE: 13px; color: #777777} .titleFinal {margin-top: 10px; padding-right: 50px; display: inline-block; line-height: 22px; color: #000 !important} .orderFinalBox {margin: 0px 0 0 0; padding: 20px 0 0 0; clear: both; font-size: 13px; color: #777777; border-top: 1px solid #ababab} .orderFinalBoxInner {width: 50%; float: left; } .orderFinalBox strong {color: #ed1c24} .orderFinalBox .deliveryDate {color: #000} .orderFinalBox .freetext {max-width: 336px; float: right; line-height: 18px; } .orderFinalBox .print {position: relative; margin-top: 15px; padding: 0 0 0 33px; display: inline-block; text-decoration: none; text-transform: uppercase; color: #777; } .orderFinalBox .print[href]:hover {color: #777} .orderFinalBox .print:before {position: absolute; top: -5px; left: 0; height: 23px; width: 23px; content: ""; background: url(/img/newDesign/print.png) no-repeat} .paymentDeliveryFinal {border-bottom: 0; } .paymentBoxOrderFinal {} .fcbOrderFinal {position: relative; max-width: 250px; margin-bottom: 10px; padding: 8px 33px 8px 53px; display: block; float: right; text-decoration: none; text-transform: uppercase; line-height: 22px; font-family: 'osCondB'; font-size: 18px; font-weight: normal; color: #FFF; background: #4061a2} .fcbOrderFinal[href]:hover {color: #FFF} .fcbOrderFinal:before {position: absolute; top: 16px; left: 20px; content: "f"; text-transform: none; font-family: 'osCondB'; font-size: 30px; font-weight: normal; color: #FFF; } .RMorder .buttons {padding: 20px 0 20px 0; clear: both; font-size: 13px; color: #777777; } .RMorder .buttons p {line-height: 16px} .RMorder .buttonsSt2 {width: 60%; padding: 20px 2%; display: inline-block; vertical-align: top; border: 1px solid #ababab; border-top: 0} .RMorder .buttonsSt4 {width: 38%; float: right; clear: none; text-align: center; } .RMorder .buttons .btn {float: right; cursor: pointer; } .RMorder .buttonsSt2 .btn {margin-top: 15px; } .RMorder .buttonsSt4 .btn {margin: 15px 2% 0 2%; display: block; float: none !important} .RMorder .buttonsSt4 #btStepN {height: 77px; line-height: 77px; font-size: 30px; } .RMorder .buttonsSt4 #btStepN span {display: inline-block; line-height: 37px; vertical-align: middle} .RMorder .buttons .btnTextGreyBig {float: left; background: #ababab; border-top: 1px solid #dddddd; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #dddddd; border-left: 1px solid #e6e6e6; } #footer {margin-top: 25px; padding: 20px 0 0px 0; background: #e2e2e2} #footer .title {padding: 0 15px 20px 0; text-transform: uppercase; line-height: 20px; font-family: 'osCondB'; font-sizE: 16px; font-weight: normal; } #footer .articles {width: 15%; padding-bottom: 1em; float: left; } #footer .articles ul li {line-height: 20px; } #footer .articles ul li,#footer .articles ul li a {text-decoration: none; font-family: 'osReg'; font-size: 12px; color: #777777; } #footer .articles ul li a:hover {text-decoration: underline} #footer .socialnetworks li {padding-left: 22px; } #footer .socialnetworks li:nth-of-type(1) {background: url(/img/newDesign/fb-footer.png) no-repeat 5px 2px} #footer .socialnetworks li:nth-of-type(4) {background: url(/img/newDesign/yb-footer.png) no-repeat left} #footer .socialnetworks li:nth-of-type(2) {background: url(/img/newDesign/tw-footer.png) no-repeat left} #footer .socialnetworks li:nth-of-type(3) {background: url(/img/newDesign/ins-footer.png) no-repeat left} #footer .contact {font-family: 'osReg'; font-size: 12px; color: #777777; } #footer .contact .phone {font-family: 'osCondB'; font-size: 16px; color: #ed1c24} #footer .contact .freetext {padding: 5px 0} #footer .contact .skype,#footer .contact .liveCh,#footer .contact .email {padding-left: 22px; font-family: 'osBol'; color: #ed1c24 } #footer .contact .skype {background: url(/img/newDesign/skype.png) no-repeat left} #footer .contact .liveCh {background: url(/img/newDesign/liveCh.png) no-repeat left} #footer .contact .email {background: url(/img/newDesign/email.png) no-repeat left} #footer .eNewsBox {width: 30%; padding: 0 0 0 10%; float: left; } #footer .eNewsBox .freetext {padding: 0 0 25px 0; font-family: 'osReg'; font-size: 12px; color: #777777; } #footer .eNewsBox .input_text,#footer .eNewsBox .inp {height: 29px; width: 233px; padding: 0 17px; float: left; font-family: 'osReg'; font-size: 12px; color: #777; -webkit-box-shadow: inset 2px 3px 4px rgba(0,0,0,.1); -moz-box-shadow: inset 2px 3px 4px rgba(0,0,0,.1); box-shadow: inset 2px 3px 4px rgba(0,0,0,.1); border: solid 1px #c6c6c6; border-right: 0; background-color: #FFF; } #footer .eNewsBox .btnImg {position: relative; height: 27px; width: 19px; font-size: 0; border: 1px solid #c6c6c6; border-left: 0; background: #ed1c24} #footer .eNewsBox .btnImg:before {position: absolute; top: 7px; lefT: 7px; height: 0; width: 0; content: ""; border: 7px solid; border-left: 7px solid; border-right: 7px solid; border-color: transparent !important; border-left-color: #FFF !important; } #footer .eNewsBox .checkCodeBox label {padding: 10px 0 5px 0; display: block; font-family: 'osReg'; font-size: 12px; color: #777777; } #footer .eNewsBox .checkCodeBox img {margin-bottom: 5px; display: block; } #footer .eNewsBox .checkCodeBox .inp {width: 75px; border-right: solid 1px #c6c6c6;} .firmInfo {margin-top: 40px; padding: 15px 4%; text-align: center; font-family: 'osReg'; font-size: 12px; color: #FFF; background: #ababab} .shopCentrik {position: absolute; bottom: -30px; right: 10px; font-family: 'osCondB'; } .datetimepicker {padding: 4px;margin-top: 1px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; direction: ltr; border: 1px solid #ababab} .datetimepicker-inline {width: 220px;} .datetimepicker.datetimepicker-rtl {direction: rtl;} .datetimepicker.datetimepicker-rtl table tr td span {float: right;} .datetimepicker-dropdown, .datetimepicker-dropdown-left {top: 0;left: 0;} [class*=" datetimepicker-dropdown"]:before {content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ababab;position: absolute;} [class*=" datetimepicker-dropdown"]:after {content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;position: absolute;} [class*=" datetimepicker-dropdown-top"]:before {content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #ababab;border-bottom: 0;} [class*=" datetimepicker-dropdown-top"]:after {content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #ffffff;border-bottom: 0;} .datetimepicker-dropdown-bottom-left:before {top: -7px;right: 6px;} .datetimepicker-dropdown-bottom-left:after {top: -6px;right: 7px;} .datetimepicker-dropdown-bottom-right:before {top: -7px;left: 6px;} .datetimepicker-dropdown-bottom-right:after {top: -6px;left: 7px;} .datetimepicker-dropdown-top-left:before {bottom: -7px;right: 6px;} .datetimepicker-dropdown-top-left:after {bottom: -6px;right: 7px;} .datetimepicker-dropdown-top-right:before {bottom: -7px;left: 6px;} .datetimepicker-dropdown-top-right:after {bottom: -6px;left: 7px;} .datetimepicker > div {display: none;} .datetimepicker.minutes div.datetimepicker-minutes {display: block;} .datetimepicker.hours div.datetimepicker-hours {display: block;} .datetimepicker.days div.datetimepicker-days {display: block;} .datetimepicker.months div.datetimepicker-months {display: block;} .datetimepicker.years div.datetimepicker-years {display: block;} .datetimepicker table {margin: 0;} .datetimepicker td,.datetimepicker th {text-align: center;width: 20px;height: 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border: none;} .table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th {background-color: transparent;} .datetimepicker table tr td.minute:hover {background: #eeeeee;cursor: pointer;} .datetimepicker table tr td.hour:hover {background: #eeeeee;cursor: pointer;} .datetimepicker table tr td.day:hover {background: #eeeeee;cursor: pointer;} .datetimepicker table tr td.old,.datetimepicker table tr td.new {color: #999999;} .datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover {background: none;color: #999999;cursor: default;} .datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); background-image: linear-gradient(top, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled] {background-color: #fdf59a;} .datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active {background-color: #fbf069;} .datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled] {background-color: #0044cc;} .datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active {background-color: #003399;} .datetimepicker table tr td span {display: block;width: 23%;height: 54px;line-height: 54px;float: left;margin: 1%;cursor: pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .datetimepicker .datetimepicker-hours span {height: 26px;line-height: 26px;} .datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm {width: 14.6%;} .datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend {margin-bottom: inherit;line-height: 30px;} .datetimepicker .datetimepicker-minutes span {height: 26px;line-height: 26px;} .datetimepicker table tr td span:hover {background: #eeeeee;} .datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover {background: none;color: #999999;cursor: default;} .datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled] {background-color: #0044cc;} .datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active {background-color: #003399;} .datetimepicker table tr td span.old {color: #999999;} .datetimepicker th.switch {width: 145px;} .datetimepicker thead tr:first-child th,.datetimepicker tfoot tr:first-child th {cursor: pointer;} .datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot tr:first-child th:hover {background: #eeeeee;} .input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span {cursor: pointer;width: 14px;height: 14px;} #loader {position:fixed;z-index:99;top:25%;left:50%;height:43px;width:150px;margin-left:-75px;display:none;border:3px solid #ED1C23;overflow:hidden;background-color:#FFFFFF} .loading #loader {display:block} .loading:before {position:absolute;z-index:9;top:0;left:0;height:100%;width:100%;display:block;opacity:0.5;content:"";background: #666666} .bar-lineG{height:140px;width:21px;margin-right:28px;margin-top:-32px;float:left;background-color:#ED1C23;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .bar-animationG{width:197px;margin-left:197px;-moz-animation-name:bar-animationG;-moz-animation-duration:1.35s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-animation-name:bar-animationG;-webkit-animation-duration:1.35s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-ms-animation-name:bar-animationG;-ms-animation-duration:1.35s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-animation-name:bar-animationG;-o-animation-duration:1.35s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;animation-name:bar-animationG;animation-duration:1.35s;animation-iteration-count:infinite;animation-direction:linear;} @-moz-keyframes bar-animationG{ 0%{margin-left:182px;margin-top:-21px} 100%{margin-left:-150px;margin-top:-21px} } @-webkit-keyframes bar-animationG{ 0%{margin-left:182px;margin-top:-21px} 100%{margin-left:-150px;margin-top:-21px} } @-ms-keyframes bar-animationG{ 0%{margin-left:182px;margin-top:-21px} 100%{margin-left:-150px;margin-top:-21px} } @-o-keyframes bar-animationG{ 0%{margin-left:182px;margin-top:-21px} 100%{margin-left:-150px;margin-top:-21px} } @keyframes bar-animationG{ 0%{margin-left:182px;margin-top:-21px} 100%{margin-left:-150px;margin-top:-21px} } div.shoptop {position: relative;} div.shoptop a {float: right;} div.shop-dp h1 {color: #2d69aa; font-family: "osCondB"; font-size: 18px; font-weight: normal; padding: 20px 0 13px 1.5%; margin-bottom: 25px; text-transform: uppercase; border-bottom: solid 1px #ACACAC} div.shop-dp .sh-col1 {float: left; width: 71%; xbackground: yellow;} div.shop-dp .sh-col1 .shopimg {overflow: hidden; margin-bottom: 27px; position: relative;} div.shop-dp .sh-col1 .shopimg div {background: #2C69A8; height: 100%; width: 23%; padding: 4%; position: absolute; left: 0px; top: 0px;} div.shop-dp .sh-col1 .shopimg div h2 {color: #fff !important; font-family: "osCondB"; font-size: 28px; padding: 0px 0px 20px 0px; margin: 0px; line-height: 120%; border-bottom: solid 2px #fff;} div.shop-dp .sh-col1 .shopimg div p {color: #fff; font-family: "osCondB"; font-size: 18px; line-height: 150%; padding-top: 20px;} div.shop-dp .sh-col1 .shopimg img {width: 100%;} div.shop-dp .shopinfo {background: #E2E2E2; overflow: hidden; padding: 3%;} div.shop-dp .shopinfo ul {width: 104%; } div.shop-dp .shopinfo ul li {float: left; width: 30%; margin-right: 3%;} div.shop-dp .shopinfo li div {color: black; font-family: "osReg"; font-size: 17px; line-height: 2em;} div.shop-dp .shopinfo li div strong {font-weight: normal;} .shopinfo a.btn { text-decoration: none; background: none repeat scroll 0 0 #000; color: #fff; font-family: "osCondB"; font-size: 14px; height: 21px; line-height: 21px; padding: 0 8px; position: relative; text-transform: uppercase; top: -1px; vertical-align: middle; } div.shop-dp .shopinfo div.link a.facebook {background: url(/img/newDesign/fb-black.png) left center no-repeat; padding: 2px 0px 2px 24px; margin-right: 4px;} div.shop-dp .shopinfo div.link a.facebook span, div.shop-dp .shopinfo div.link a.twitter span, div.shop-dp .shopinfo div.link a.skype span {display: none;} div.shop-dp .shopinfo div.link a.twitter {background: url(/img/newDesign/twitter-black.png) left center no-repeat; padding: 2px 0px 2px 40px; margin-right: 6px;} div.shop-dp .shopinfo div.link a.skype {background: url(/img/newDesign/skype-black.png) left center no-repeat; padding: 2px 0px 2px 26px; margin-right: 4px;} div.shop-dp .shopinfo div.shop-hours strong {width: 130px; display: inline-block; font-weight: normal;} div.shop-dp div.description {color: #ABABAB; font-family: "osReg"; font-size: 15px; } div.shop-dp div.description p {padding-bottom: 2%; } div.shop-dp h2 {font-family: "osCondB"; font-size: 17px; font-weight: normal; padding: 0.5em 0; text-transform: uppercase; margin-top: 20px; } div.shop-dp h2 span {font-family: "osCondB"; font-weight: normal; padding: 0.5em 0; text-transform: lowercase; color: #ABABAB; vertical-align: bottom;} div.shop-dp p.description {color: #ABABAB; font-family: "osReg"; font-size: 15px; padding: 2%;} div.shop-dp .owl-product .item {min-height: 1px;} div.shop-dp .shopinfo h2 {color: #2d69aa; font-family: "osCondB"; font-size: 18px; font-weight: normal; text-transform: uppercase; margin-top: 0px;} div.shop-dp .owl-product .owl-buttons div {top: 50%;} div.shop-dp .calatogBack {color: #ed1c24; font-family: "osReg"; font-size: 12px; position: absolute; right: 22px; text-decoration: none; text-transform: uppercase; top: -24px;} div.shop-dp a.calatogBack:hover {color: #1b1b1b; } div.shop-dp .calatogBack:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #ed1c24 transparent transparent !important; border-image: none; border-style: solid; border-width: 5px 7px; content: ""; height: 0; left: -20px; position: absolute; top: 4px; width: 0; } @media all and (min-width:769px) and (max-width:992px){div.shop-dp .sh-col1 .shopimg div h2 {font-size: 26px; line-height: 110%; padding: 0px 0px 14px 0px;}} @media all and (min-width:769px) and (max-width:992px){div.shop-dp .sh-col1 .shopimg div p {font-size: 14px; line-height: 120%; padding-top: 14px;}} @media all and (min-width:650px) and (max-width:768px){div.shop-dp .sh-col1 .shopimg div h2 {font-size: 22px; line-height:110%; padding: 0px 0px 10px 0px;}} @media all and (min-width:650px) and (max-width:768px){div.shop-dp .sh-col1 .shopimg div p {font-size: 12px; line-height: 110%; padding-top: 10px; font-weight: normal;}} @media all and (min-width:450px) and (max-width:649px){div.shop-dp .sh-col1 .shopimg div h2 {font-size: 20px; line-height:110%; padding: 0px 0px 8px 0px;}} @media all and (min-width:450px) and (max-width:649px){div.shop-dp .sh-col1 .shopimg div p {font-size: 10px; line-height: 100%; padding-top: 8px; font-weight: normal;}} @media all and (min-width:0px) and (max-width:449px){div.shop-dp .sh-col1 .shopimg div h2 {font-size: 14px; line-height:110%; padding: 0px 0px 6px 0px;}} @media all and (min-width:0px) and (max-width:449px){div.shop-dp .sh-col1 .shopimg div p {display: none}} @media all and (min-width:0px) and (max-width:449px){div.shop-dp .sh-col1 .shopimg div {width: 25%; padding: 3%;}} .sh-col1 .stores {overflow: hidden;} .sh-col1 .stores-in {margin-right: -4%;} .sh-col1 .store {width: 46.35%; margin-right: 3.4%; margin-bottom: 3.4%; float: left; } .sh-col1 .store .info {float: right; width: 40.5%; color: #ABABAB; xfont-family: "osBol"; font-size: 15px;} .sh-col1 .store a.store-img {float: left; width: 56%; height: 100%; overflow: hidden; text-decoration: none;} .sh-col1 .store .store-img img {width: 100%;} .sh-col1 .store .info h2 {padding: 0 0 0.5em 0; text-transform: uppercase; margin: 0px; color: #2d69aa; line-height: inherit;} .sh-col1 .store .info h2 a {text-decoration: none; color: #2d69aa;} div.contact-top {position: relative;} div.contact-top a {float: right;} div#contact-art h1 { border-bottom: 1px solid #acacac; box-sizing: unset !important; color: #2d69aa; font-family: "osCondB"; font-size: 18px; font-weight: normal; margin-bottom: 25px; margin-left: -2%; margin-right: -2%; padding: 20px 2% 13px !important; text-transform: uppercase; } div#contact-art .cc-col1 {float: left; width: 49%; margin-right: 2%;} div#contact-art .cc-col2 {float: right; width: 49%;} div#contact-art .con-box {background: #E2E2E2; margin-bottom: 4%; padding: 4%; color: #000000;} div#contact-art .con-box h2 { font-family: "osCondB"; font-size: 18px; font-weight: normal; padding: 0 0 1em 0; text-transform: uppercase; line-height:1; } div#contact-art .con-box h3 { font-weight: bold; color:#000; padding: 0 0 1em 0; line-height:1; } div#contact-art .con-box ul.cc-ul{ margin: 0; padding: 0 0 1em 0; } div#contact-art .con-box ul.cc-ul li { display: block; padding: 0.4em 0 0.4em 40px; } div#contact-art .con-box ul.cc-ul li a { display: block; text-decoration: none; } div#contact-art .con-box ul.cc-ul li a:hover { text-decoration: underline; } div#contact-art .con-box .cbc1 { float:left; width:48%; } div#contact-art .con-box .cbc2 { float:right; width:48%; } div#contact-art .con-box .cc-email {background: url("/img/ic-email.png") no-repeat -10px -12px !important;} div#contact-art .con-box .cc-phone {background: url("/img/ic-phone.png") no-repeat -10px -12px !important;} div#contact-art .con-box .cc-mobil {background: url("/img/ic-mobil.png") no-repeat -10px -12px !important;} @media (max-width: 1050px){ div#contact-art .con-box .cbc1 { float:none; width:inherit; } div#contact-art .con-box .cbc2 { float:none; width:inherit; } } @media (max-width: 549px){ div#contact-art .cc-col1 {float: none; width: inherit; margin-right: 0; } div#contact-art .cc-col2 {float: none; width: inherit; margin-right: 0;} } @media (min-width: 1380px){ .row-main {max-width: 1380px;} .main-menuBox {xoverflow: hidden} } @media (max-width: 1380px){ .detail .likeButtonsRow {padding-left: 5%; float: none} .owl-product .owl-buttons .owl-prev {left: 0} .owl-product .owl-buttons .owl-next {right: 0} #footer .articles:first-child {width: 14%; padding-left: 1%} .main-menuBox:before,.main-menuBox:after {display: none} .RMcategory .row-side .item {width: 19%; } .RMcategory .itembanner {width: 39%; } .orderItems aside .price {padding-left: 0; text-align: right} .orderItems aside .amount .sizeBox {width: auto; } } @media (max-width: 992px){ #envelope {padding: 0 1%} #envelope:before {xwidth: 102%} .news-Box {width: 100%; } .news-Box .line {width: 44%; margin: 0 3% 0 0; padding-left: 3%} #header .userInfoBox {padding-left: 15px; } #header .userInfo {height: 31px; } #header .userInfo #dLabel {height: 31px; padding-left: 13px; font-size: 0} .welcomeLine .row-side {width: 100%; } #basketInfo {right: 10px} .main-menuBox {margin-top: 75px; } .main-menu {margin-top: 0px; padding: 0 0px 7px 0px;} .userInfoBox .dropdown-menu {xtop: 40px; right: -25px; } .multiCurr .dropdown-menu {left: auto; right: 6px} .multiLang .dropdown-menu {left: -7px; } .detail .detailImg,.detail #tabs,.RMset #tabs-set {width: 100%; float: none} .detail .detailInfo,.betterProduct {width: 96%; margin-left: 0; margin-bottom: 0px; padding: 10px 2%; float: none} #footer .articles:first-child {width: 46%; padding-left: 4%} #footer .articles {width: 46%; padding-left: 4%; } #footer .eNewsBox {width: 96%; padding-left: 4%} .brandsBox li {width: 15.66666666666667%; } .RMcategory .row-side .item {width: 24%; } .RMcategory .itembanner {width: 49%; } .registration {width: 96%; margin-left: 0; } .RMorder .orderBox {width: 100%; margin-left: 0; } .RMset #tabs-set .tabsTitle {padding-left: 2%} .RMset .tabs-setUL {margin-top: 10px; padding-left: 2%; display: block; } .RMcategory .navigate {max-width: 380px; margin-top: 0; overflow: hidden; float: none; white-space: nowrap; text-overflow: ellipsis; padding-top: 2px} .multiLang label,.multiCurr label,.detail .detailInfo:before,.detail .detailInfo:after {display: none} div.shop-dp .sh-col1 {width: 100%;} } @media (max-width: 768px){ #envelope {padding-top: 5px} #envelope:before {height: 40px} .out {position: static} .search-box {position: static; margin-top: 45px; text-align: right; } .search-box .inp {width: 40%; border: 1px solid #ababab; -webkit-box-shadow: inset 0 0px 0 0 #EEE,0px 0 0 0 #bababa; box-shadow: inset 0 0px 0 0 #EEE,0px 0 0 0 #bababa;} .suggest-box .dropdown-menu {top: 68px; border-top: 1px solid #ABABAB;} #basketInfo {top: 0; right: 0px} #basketInfo .dropdown-menu:before {right: 12px} #basketInfo .basketinfo-t {height: 32px; padding-left: 31px; font-size: 0; background-size: 25px 25px} #basketInfo .basketinfo-t strong {height: 15px; width: 15px; line-height: 15px; font-size: 10px; } #header .userInfoBox {margin-right: 40px; margin-left: 0px; } #header .phone {display: none; position: static; xfloat: right; xdisplay: inline-block; } #header .phone label {xdisplay: none} .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} .main-menuBox {margin-top: 0; } .main-menu {margin-top: 0px; display: none; text-align: left; background: none} .main-menu.cfx.open {display: block; } .main-menu > li {position: relative; display: block; border-bottom: 1px solid #ababab} .main-menu > li > a {margin: 0; padding: 0 30px; display: block; float: none; font-size: 18px; } .main-menu > li > a:before,.main-menu > li > a:after,.main-menu > li:first-child > a:after,.main-menu > li:hover > a {color: #000; background: none} .main-menu > li > a:hover {background: none; color: #000} .main-menu .menuBox {position: static;} .main-menu .menuBox .side {padding: 11px 0 0 30px; display: block} .main-menu .menuBox .sideNew {padding: 15px 1% 15px 1%; border-left: 0; border-top: 1px solid #ed1c24} .main-menu .menuBox .menuBox-t {position: relative; } .main-menu li .openClose {position: absolute; left: 10px; top: 18px; height: 13px; width: 13px; display: block; cursor: pointer; background: url(/img/newDesign/plus.png) no-repeat; } .main-menu li .menuBox-t .openClose {left: -18px; top: 6px; height: 13px; width: 13px; background: url(/img/newDesign/plusRed.png) no-repeat; background-size: 50% 50%} .main-menu .open2 .openClose {background: url(/img/newDesign/minus.png) no-repeat} .main-menu .open .menuBox-t .openClose {background: url(/img/newDesign/minusRed.png) no-repeat; background-size: 50% 50%} .main-menu li .menuBox-t a {text-decoration: none; color: #ed1c24} .main-menu .menuBox ul li {padding-bottom: 5px; } .main-menu .menuBox ul li a {font-size: 12px} .main-menu .menuBox .level-3 {display: none} .main-menu .menuBox .open .level-3 {display: block} .main-menu #producers {padding-top: 20px} .main-menu #producers .level-3 {display: block} .main-menu #producers .side {width: 47%; padding: 0px 1% 0px 2%; } .main-menu #producers .link {width: 100%; margin-top: 20px; float: left; } .detail #tabs ul li {padding: 0 2%; } .detail #tabs ul li a {font-size: 16px; } .detail .likeButtonsRow {padding-left: 2%; white-space: normal; line-height: 35px;} .detail #tabs div[id^="tabs"], .detail #tabs div[id*="tabs"] {padding-left: 2%; } .owl-colorVariant:hover .owl-buttons .owl-next {right: 0} .owl-colorVariant:hover .owl-buttons .owl-prev {left: 0} .RMcommodity .navigate {padding-right: 165px} .DetailSend .inp,.DetailSend .textarea {width: 65%; } .modal-dialog {margin-top: 42px} #reservationModal .line {width: 47%; } #reservationModal .lineText {width: 95%; padding-top: 8px; padding-left: 3%} .modal-dialog .modal-footer {top: -42px !important; right: 0 !important; } .brandsBox li {width: 24%; } .RMcategory .navigate {padding-top: 2px} .filterBox {width: 100%; float: none} .pagerPanel {position: static; padding-left: 1%} .RMcategory .row-side .item {width: 49%; } .RMcategory .itembanner {width: 99%; } .pagerPanel .pager {float: right} .changePwdForm .line input {width: 70%; } .RMcoupon table .date,.RMcoupon table .price {width: 100%; display: block} .orderListForm .line .wrap {padding-top: 10px; } .orderItems .itemInner,.orderItems aside,.orderLeftSide,.orderRightSide,.RMorder .buttonsSt2 {width: 100% } .orderItems .itemInner {padding-left: 2%; padding-bottom: 6px; } .emptyBasket {padding-left: 2%; } .RMorder .buttonsSt4,.orderFinalBoxInner {width: 100%; float: none; } .fcbOrderFinal {float: left} .orderFinalBox .freetext {padding-top: 10px; float: none} .orderFinalBox,.titleFinal,.fcbOrderFinal {margin-left: 4%} .RMcommodity {position: relative} .RMcommodity .row-main {position: static} .RMcommodity .navigate {padding-right: 0; } .detailSet .commodityCatalog .item {width: } .orderNav {display: none} .detailSet .commodityCatalog .item {width: 50%} .RMset .tabs-setUL {white-space: normal} .searchCondition {margin-top: 0.8em} .OrderLoginForm {padding: 0 3% 1em 3%; border-bottom: 1px solid #ababab;} .pagerPanel .orderSelect .dropdown-menu {left: 0; right: auto} .main-menu div[class^="col-"] .side,.main-menu div[class*="col-"] .side {width: auto} .main-menu > li > a:hover:before {background: transparent} .zopim {display: none !important} } @media (max-width: 560px) { div.shop-dp .shopinfo ul li {width: 47%;} .sh-col1 .store {width: 100%;} .sh-col1 .store a.store-img {max-width: 200px;} .sh-col1 .store .info {float: left; margin-left: 10px;} } @media (max-width: 480px){ #envelope {xmin-width: 320px} .logo {top: 4px; left: 0; width: 110px; height: 25px} .news-Box .line {height: auto; width: 97%; xmargin: 0 3% 0 0; } .search-box .inp {width: 60%;} #basketInfo .dropdown-menu {min-width: 310px} #basketinfo .sideL {width: 170px} #footer .articles:first-child {width: 96%; padding-left: 4%} #footer .articles,#footer .eNewsBox {width: 96%; padding-left: 4%; } .shopCentrik {right: auto; left: 4%} .detail #tabs ul li a {font-size: 13px} .detail .detailInfo .detailSizeColorBox .sizeLink {margin-bottom: 3px; display: inline-block; float: none} .brandsBox li {width: 32.33333333333333%; } .pagerPanel {margin-top: 0; margin-bottom: 10px; } .pagerPanel .pager {float: none} .registration table td {width: 98%; display: block; } .registration table .empty {height: 0; font-size: 0; } .registration table label {padding-top: 5px} .tableGlobal td {width: 98%; display: block; } .tableGlobal .empty {height: 0; font-size: 0; } .tableGlobal label {padding-top: 5px} .changePwdForm .line input {width: 100%; } .RMexecutedorder .btn {margin-bottom: 10px; display: block; float: left; clear: both;} .RMorder #openCloseBox.close {height: 185px; } .RMorder .deliveryAddress.close {height: 440px} .radioHub li {display: block; padding-left: 2%; } .radioHub li label {text-align: left; } .RMorder .boxData {width: 100%} .RMorder .buttons .btn {margin-bottom: 1em; display: block; float: none} #owl-carouselProducers {width: 96%; } #header a.userInfo {max-width: 55px;} #header .userInfoBox {padding-left: 10px} .multiCurr {margin-left: 5px} .detailSet .commodityCatalog .item {width: 100%} .boardBox p {margin-top: 15px; float: none} .RMcoupon table .transport, .RMexecutedorder table .transport {display: none} .header-social,#main .allProducers,.flex-control-paging,.flex-direction-nav {display: none} } @media (max-width: 360px) { .sh-col1 .store .info h2 a { padding-right: 12px;} div.shop-dp .shopinfo ul li { width: 100%; } .sh-col1 .store {margin-bottom: 8%;} .sh-col1 .store a.store-img {width: 100%;} .store a.store-img {width: 100%;} } .twistoTermsAndConditions { margin-left: 23px;} .HeurekaPoint { background-color: White; border: 1px solid Gray; } #HeurekaPointWindow table tr td img { width: 50px; height: 50px; padding-left: 16px;} .HeurekaPoint img { margin: 10px; width: 50px; height: 50px; float: left; } .HeurekaPoint .details { float: left; margin: 10px; } #HeurekaPointWindow table {width: 560px;} #HeurekaPointWindow table tr td input {float: left; position: relative; top: 0px;} #HeurekaPointWindow table tr td {width: 0px;} #HP_MoreInfo {position:relative; left:19px; text-decoration: underline;} #HeurekaPointWindow {padding-left:50px;padding-bottom:25px;padding-top:5px;} #HeurekaPointWindow td {padding-top:5px;} .RMshortenlink form {padding: 30px 0 0 0px;} .RMshortenlink p {margin: 15px 0 15px 0px;} .RMshortenlink input {width: 500px;} .RMshortenlink input.btnText {width: 200px; float:left;} .RMshortenlink label {text-transform: uppercase; line-height: 20px; font-family: 'osCondB'; font-sizE: 14px; font-weight: normal;width:200px; display: inline-block; } #boardItems {display: none;} #boardItems.open {display:block;} div.activateLinks { color:black; text-decoration: none; display:inline-block; cursor:default;} div.activateLinks div.star { display:inline-block; color:rgb(200,0,0); position:relative; font-size: 14px; } div.activateLinks div.text { margin-left:5px; color: grey; font-size: 14px; } div.activateLinks h3 { margin-left:5px;font-size: 20px; } div.activateLinks hr { background-color: rgb(197,197,197); margin: 5px; width: 190px; margin-left:0px; } .dictionaryBox { position:absolute; bottom: 10px; background: white; border: 1px solid rgb(197,197,197); color: rgb(197,197,197); padding: 5px; width: 200px; left: 10px; z-index: 10; } .SizeID-button { float: right;} .fancybox-inner { overflow:hidden !important; } #parameters .box.categoryBox .active strong{text-decoration: underline;} .GDPRProductInfo input { margin-left: 27%; } .GDPRProductInfo a { padding-left: 27%; display: block; font-family: Arial; font-size:12px; } .GDPRProductInfo label { width: 50%; } .information a { margin-left: 5px; } .GDPRNewsletter { margin-top: 5px; } .GDPRNewsletter a{ display:block; }