@import "../../../src/fonts/OpenSans_Italic.css"; .autoheight{height:auto!important;} * { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; } html, body { height: 100%; width: 100%; font-size: 14px; line-height: 22px; color: #282828; font-family: 'Open Sans', sans-serif; background: #222222; } .form-control::-webkit-input-placeholder,*::-webkit-input-placeholder { opacity:1; color: #282828; } .form-control::-moz-placeholder,*::-moz-placeholder {opacity:1;color: #282828; } .form-control:-ms-input-placeholder ,*:-ms-input-placeholder {opacity:1;color: #282828;} input[type=checkbox]{ -webkit-appearance: checkbox; display: inline-block; vertical-align: top;} button, input, textarea{-webkit-border-radius: 0px; font-family: 'Open Sans', sans-serif; color: #282828; } select {-webkit-border-radius: 0px; font-family: 'Open Sans', sans-serif; color: #282828; } .selectarrow {position:absolute;right:20px;top:7px;} :focus,input:focus, textarea:focus { outline: none !important; text-decoration:none !important; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } :focus { outline: none; } /*.form-control { padding: 2px 10px 4px !important; float: left; border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; border: 1px solid #bebebe !important; height: 29px; box-shadow: 2px 2px 2px rgba(40,40,4,0.2) inset; -webkit-box-shadow: 2px 2px 2px rgba(40,40,4,0.2) inset; -ms-box-shadow: 2px 2px 2px rgba(40,40,4,0.2) inset; }*/ .form-control:focus { box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; border-color: #153b79 !important; color:#282828; } .form-control.error { border-width: 3px !important; border-color: #e6ae05 !important; color: #e6ae05; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } /* common */ a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; color: #153b79; } ul { list-style: none; } .clear { clear: both; overflow: hidden; height:0; } img { border: 0px; outline: none; display: block; max-width: 100%; } h1,h2,h3,h4,h5,h6 { font-weight:800; } a[href^="tel"] { cursor: default; } h1 { font-size: 35px; line-height: 40px; } h2 { font-size: 30px; line-height: 35px; } h3 { font-size: 22px; line-height: 26px; } h4 { font-size: 16px; line-height: 20px; } h5 { font-size: 14px; line-height: 18px; } h6 { font-size: 12px; line-height: 16px; } .red {color:#153b79} .align-left { float: left; margin: 0 30px 0px 0; } .align-right { float: right; margin: 0 0 30px 0px; } a.link { font-weight:400; text-decoration:underline; padding:0 !important; margin:0 !important; background: none !important; } a.link:hover { text-decoration:none; } #back-to-top { position: fixed; bottom: 0px; display: none; right: 0px; z-index: 9999; width: 74px; height: 48px; cursor: pointer; background:url(../../../src/bg/scroll.png) no-repeat; background-size:100% 100%; } #back-to-top:hover { opacity: 0.50; } a.mobilemenu { display: none; } a.mobilemenu.activeUser{top:60px; } @media only screen and (max-width: 991px) { a.mobilemenu { display: block; color: #153b79; height: 30px; line-height: 32px; font-family: 'PT Sans', sans-serif; text-transform: uppercase; overflow: hidden; padding: 0 35px 0 0; position: absolute; left: 0px; top: 20px; width: 22px; } .mobilemenu span { width: 22px; -webkit-transition: -webkit-transform .3s;transition:transform .3s; background: #153b79; display: block; height: 4px; position: absolute; right: 0; top: 15px; } .mobilemenu span:before{ top: -8px; transition-property:top,transform; } .mobilemenu span:after,.mobilemenu span:before { background-color: #153b79; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 100%; transition-duration:.3s,.3s; } .mobilemenu span:after{ bottom: -8px; transition-property:bottom,transform; } } @media only screen and (max-width: 767px) { a.mobilemenu { padding:0; left: 10px; top: 25px !important; } } .button { display: inline-block; vertical-align: top; font-size: 14px; font-weight:800; text-transform:uppercase; background: url(../../../src/bg/button-bg.png) left top repeat-x #c3c3c3; background-size: 1px 100%; line-height: 18px; padding: 13px 25px; border: 1px solid #767676; border-radius: 5px; -weborder-radius: 5px; -ms-border-radius: 5px; text-align: center; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); min-width: 210px; } .button:hover { text-decoration:none; background: #153b79; border-color: #153b79; color: #fff !important; } .button.red { color: #fff; border-color: transparent; background: #153b79 url(../../img/button-red.jpg) left top repeat-x; background-size: 1px 100%; } .button.red:hover { background: #0f326c; border-color: transparent;} .button.blue { color: #fff; border-color: #295397; background: #0f326c url(../../img/button-blue.jpg) left top repeat-x; background-size: 1px 100%; } .button.blue:hover { background:#153b79; border-color: transparent; } .popupBox{border: 1px solid #c1c1c1; display: none; padding: 10px; position: absolute;} .errorMsg{color:#153b79;} .topPopList { float: right; position: relative; } .topPopList #languageTrigger a {color:#e6ae05;} .flyoutBox {display: none; left: 0; position: absolute; top: 15px; z-index: 15;} .oxValidateError{display: none;} .oxValidateError span {color:#153b79;} .oxInValid input{border-color:red;} /* wrapper */ #wrapper { width: 100%; min-height: 100%; position: relative; } #wrapper:before { z-index:99; height: 0%; width: 100%; content:''; position:absolute; left:0; top:0; background: rgba(40,40,40,0.75); transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; } #wrapper.overlay:before { height: 100%; } .container { padding-left: 12px; padding-right: 13px; } #wrapper.overlay { height: 100%; overflow: hidden; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 13px; padding-right: 12px; } .row { margin-left: -13px; margin-right: -12px; } /*social-bar*/ .social-bar { position:fixed; left: 0; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); z-index: 99;} .social-bar li a { width: 47px; height: 47px; display: block; line-height: 47px; background: #e6ae05; color: #fff; text-align: center; font-size: 20px; } .social-bar li a:hover { width: 57px; padding-left: 10px;} .mobile-menu { transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; max-width: 400px; padding-bottom: 47px; width: 80%; height: 100%; position:fixed; left:-100%; top: 0px; z-index:999; background: url(../../../src/bg/mobile-menu-bg.png) left top repeat-y; background-size: 100% 1px; } .mobile-menu.show { left:0; } .mobile-menu .inner { padding: 80px 15px 15px 15px; overflow: hidden; overflow-y: auto; height: 100%;} .mobile-menu .language li { font-size: 12px; margin-left: 35px; display: inline-block; vertical-align: top; text-transform:uppercase; font-weight:700; font-style:italic; } .mobile-menu .language { text-align: right; border-bottom: 1px solid rgba(0,0,0,0.20); padding: 12px 0; } .mobile-menu .language li a { color: #282828; font-size:14px;} .mobile-menu .language li a:hover {color: #e6ae05;} .mobile-menu .language li a i {margin-right:5px; font-size: 10px; } .mobile-menu .language li .flyoutBox { left: -8px;background: url(../../../src/bg/mobile-menu-bg.png) -159px top repeat-y; top: 20px; border-radius: 13px;} .mobile-menu .language li .flyoutBox ul li{padding-left:20px;padding-top:5px;padding-right:15px;margin:0;} .mobile-menu .language li .flyoutBox ul li:last-child{padding-bottom: 5px;} .mobile-menu .language li .flyoutBox #mb_languages li span {background-repeat: no-repeat; display: block; width: 35px;background-position-y: 5px;} .mobile-menu .language li.mb_langlist .flyoutBox{left:-27px;} .mobile-menu .menu { border-bottom: 1px solid rgba(0,0,0,0.20); padding: 12px 0; margin-top: 15px; } .mobile-menu .menu +.menu { border:0; } .mobile-menu .menu li { font-size: 16px; line-height: 20px; padding-bottom: 20px; font-weight:800; font-style:italic; overflow: auto; } .mobile-menu .menu li a { color: #282828; } .mobile-menu .menu li.active a {color: #153b79;} .mobile-menu .menu li.highlight a { color: #e6ae05; } .mobile-menu .menu li a.selected {color:#097a09;} .mobile-menu .menu li > ul {display:none;clear:both; margin-top :5px;padding-top:10px;} .mobile-menu .menu li > ul.open{display:block;} .mobile-menu .menu li > ul li {margin-left:20px;} .mobile-menu .menu li p {float:left;} .mobile-menu .menu li p.catTitle {width: 70%;} .mobile-menu .menu li p.opener { font-size: 16px;cursor:pointer;padding:5px;} .mobile-menu .social li { float: left; } .mobile-menu .social li a { width: 47px; height: 47px; display: block; line-height: 47px; background: #e6ae05; color: #fff; text-align: center; font-size: 20px; } .mobile-menu .social li a:hover { background: #153b79; } .mobile-menu .social { width: 100%; position:absolute; left:0; bottom:0; background: #e6ae05; } .padding-top-290{padding-top:200px !important;} .padding-top-130{padding-top:200px !important;} /* cookiebox */ #cookieNote { width: 100%; background: #d4d4d4; padding:10px; font-size:16px;text-align: center;display:none;} #cookieNote #cookieOK {float: inherit;margin-left: 20px;color: #153b79;border: 1px black dotted;padding: 5px 10px;min-width: 30px;opacity: 1;} #cookieNote #cookieOK:hover {opacity: .5;border:1px black solid;} /* header-part */ header { padding: 0; position: relative; z-index: 999; width: 100%; background: #fff; } header a.logo { float: left; } header .right { margin: 0 0 0 215px; } /*header span.title { position:absolute; top: 18px; left: 220px; max-width: 155px; display: block; font-size: 16px; line-height: 17px; color: #fff; font-style:italic; }*/ header span.title { display: inline-block;width: 100%;clear: both;text-align: center;color: #abaaaa;text-transform: uppercase;margin: 10px 0;font-size:21px;grid-column: span 3;justify-self: center;} @media only screen and (max-width: 991px) { header span.title {max-width: 100%;font-size:16px;} } header .header-infos {background-color: #153b79; padding:10px 0;} header .left-infos { width:auto;float:left;color:#fff;} @media only screen and (max-width: 1199px) { header .left-infos { font-size: 12px;} } @media only screen and (max-width: 991px) { header .left-infos span{ display:block;margin:0 !important;font-size:12px;} } @media only screen and (max-width: 767px) { header .left-infos span{display:none;} } header .inter { position: relative;display: grid;grid-template-columns: repeat(3, 1fr); align-items: center;} header .inter .left{width:40%;float:left;} header .inter .logobox{/*width:20%;float:left;margin-top:-45px;display:flex;align-items: center;justify-content:center;*/margin-top: -45px;justify-self: center;} @media only screen and (max-width: 991px) { header .inter .logobox{margin-top:-70px} } @media only screen and (max-width: 1199px) { header .inter .logobox img{height:140px !important;width:189px !important; } } @media only screen and (max-width: 991px) { header .inter .logobox img{height:130px !important;width:146px !important; } } @media only screen and (max-width: 767px) { header .inter .logobox{margin-top:-20px} header .inter .logobox img{height:100px !important;width:120px !important; } header a.logo { width: 120px; } header .header_placeholder{display:block !important;width: 40%;float: left;} } @media only screen and (max-width: 479px) { header .inter .logobox img{height:78px !important;width:84px !important; } } header .inter .right{margin:0;} header .top-menu { float: right; margin-right:-2%;} @media only screen and (max-width: 991px) { header .top-menu { width:40%;} header .top-menu ul { float:right;} } header .top-menu li { font-size: 12px; float: left; text-transform:uppercase; padding: 0 20px 0 3px; letter-spacing: 0.01em; line-height: 15px; font-weight:700; font-style:italic; } @media only screen and (max-width: 1199px) { header .top-menu li {font-size: 10px;} } /*@media only screen and (max-width: 991px) {*/ /* header .top-menu li {font-size: 12px;margin-bottom:10px;}*/ /*}*/ header .top-menu li:first-child { padding-left:0; } header .top-menu li a { color: #fff; } header .top-menu li i { font-size: 10px; line-height: 15px; margin: -2px 2px 0px 0; display: inline-block; vertical-align: middle; } header .top-menu li a:hover,header .top-menu li.active a { color: #e6ae05; text-decoration:none; } header .top-menu li .loginBox{display:none;position:absolute;right:140px;top:-2px;} header .top-menu li.logged a.loginname {margin-right:15px;} header .top-menu li .loginBox .loginForm{ border: 1px solid #c1c1c1; padding: 1px 11px 5px; position: relative; width: 195px; z-index: 4;background-color: #fff;} header .top-menu li .loginBox .loginForm p strong {margin-left:5px;} header .top-menu li .loginBox .loginForm p strong a {color:#00C;} header .top-menu li .loginBox .loginForm .errorMsg{margin-top: 5px;} header .top-menu li .loginBox .loginForm p .submitButton{margin-top: 8px;padding:5px;} header .top-menu li .flyoutBox { left: -8px; background-color: #282828} header .top-menu li .flyoutBox ul li{padding-left:20px;padding-top:5px;padding-right:15px;} header .top-menu li .flyoutBox ul li:last-child{padding-bottom: 5px;} header .top-menu li .flyoutBox #languages li span {background-repeat: no-repeat; display: block; width: 35px;background-position: right;} header .middle-bar { width: 100%; float: right; } header .left form.search {position: relative;width: 350px;float: left;background: url(../../../src/bg/top-search-bg.png) left top repeat-x;background-size: 1px 100%;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;/* overflow: hidden; */margin:10px 0 5px 0;} @media only screen and (max-width: 991px) { header .left form.search {width:265px;} } @media only screen and (max-width: 767px) { header .left form.search {display: none;position: absolute;top: 76px;width: 300px;} } @media only screen and (max-width: 479px) { header .left form.search {top: 52px;} } header .left form.search .form-control { padding: 13px 50px 13px 15px; width: 100%; height: 45px; background: none; border:0 !important; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } @media only screen and (max-width: 991px) { header .left form.search .form-control {font-size:12px;} } header .left form.search button { font-size: 20px; line-height: 45px; width: 50px; height: 45px; position:absolute; right:0; top:0; background: none; border:0; cursor: pointer; } header form.search[name="search"] input[name="searchparam"]:focus:invalid + button { color: red } header .cart { cursor: pointer; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4); -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.4); position:relative; position: relative; z-index:3; padding: 8px 12px; float: right; background: #133772;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzMzc3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjI3NGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #133772 0%, #0f274e 100%);background: -webkit-linear-gradient(top, #133772 0%,#0f274e 100%);background: linear-gradient(to bottom, #133772 0%,#0f274e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133772', endColorstr='#0f274e',GradientType=0 ); border: 1px solid #133772; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; } header .cart:before { width: 0; height: 0; content:''; position:absolute; left: 50%; top: 100%; margin: 0 0 0 -8px; border: 8px solid transparent; } header .cart.active:before,header .cart:hover:before { border-top-color: #0f274e; } header .cart span.left { margin: 0 33px 0 0; display: inline-block; vertical-align: middle;width:auto; } header .cart span.left img { display: inline-block; vertical-align: middle; } header .cart span.left cite { font-style:normal; margin: 0 0 0 6px; display: inline-block; vertical-align: middle; background: url(../../../src/bg/cart-num.png) no-repeat; background-size: 100% 100%; min-width:21px; line-height: 17px; text-align: center; padding: 3px; position: relative; color: #153b79; } header span.price { font-size: 20px; line-height: 26px; color: #fff; font-weight:700; display: inline-block; vertical-align: middle; position: relative; } header .cart span.left cite:before { width: 10px; height: 1px; background: #fff; content:''; position:absolute; left: -10px; top: 11px; display: block; } header .nav-bar { margin:17px 0 0px; width: 100%; float: left; background: #f2f2f2;position:relative; grid-column: span 3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjM2M0YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f2f2f2 0%, #c3c4c4 100%); background: -webkit-linear-gradient(top, #f2f2f2 0%,#c3c4c4 100%); background: linear-gradient(to bottom, #f2f2f2 0%,#c3c4c4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c3c4c4',GradientType=0 ); } header .articleCount-bar {color: #abaaaa; font-style: italic;clear:both;} @media only screen and (max-width: 767px) { header .articleCount-bar {display:none;} } header .articleCount-bar span {margin-right:30px;} header .container_kba_filter {clear:both;margin-top:10px;} header .container_kba_filter .inactive_kba_filter{float:left !important;} header .container_kba_filter .inactive_kba_filter p{color:#6f6161 !important;} @media only screen and (max-width: 1199px) { header .container_kba_filter .inactive_kba_filter p{font-size:12px;} } header .nav-bar > ul > li { display: table-cell; vertical-align: top; text-align: center; line-height: 40px; font-size: 16px; font-weight:800; font-style:italic; } header .nav-bar .submenu { text-align: left; padding: 20px 35px 20px; width: 100%; transform: scale(1,0); -webkit-transform: scale(1,0); -ms-transform: scale(1,0); transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; position:absolute; left:0; top:0; top: 100%; background: #fff; box-shadow: 0px 4px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.2); -ms-box-shadow: 0px 4px 5px rgba(0,0,0,0.2); } header .nav-bar li a { display: block; color: #282828; padding: 0 10px; } header .nav-bar > ul { display: table; width: 100%; } header .nav-bar li:hover a,header .nav-bar li a:hover { text-decoration:none; background: #fff; } header .nav-bar li.active a { background: #153b79; color: #fff; } header .nav-bar li.highlight a { color: #e6ae05; } header .nav-bar li:hover .submenu { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } header .nav-bar li div.open { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); } header .nav-bar .submenu h6 { font-weight:400; font-size: 16px; font-style: normal; letter-spacing: -0.01em; padding-bottom:5px; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf; line-height: 16px; } header .nav-bar .submenu h6 a span { font-weight:800; float:left; } header .nav-bar .submenu h6 a {float:left;} header .nav-bar .submenu h6 a:hover {color:#e6ae05;} header .nav-bar li h3 { font-style:normal; font-size: 16px; line-height: 20px; font-weight:800; letter-spacing: -0.02em; border-bottom: 1px solid #dfdfdf; padding-bottom: 5px; } header .nav-bar .submenu li { font-size: 14px; line-height: 18px; padding-bottom: 22px; font-weight:400; text-align: left; } header .nav-bar .submenu li:first-child { padding-bottom: 15px; } header .nav-bar .submenu li a { padding:0; } header .nav-bar .submenu li.active a,header .nav-bar .submenu li a:hover { color: #e6ae05; } header .open-cart { display: none; max-width: 365px; width: 100%; background: #fff; box-shadow: 0px 0px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 2px rgba(0,0,0,0.4); position:absolute; right:-20px; top:10px; padding: 90px 20px 20px 20px; z-index:2; } header .open-cart .list li { width: 100%; padding-top: 20px; } header .open-cart .list li:first-child { padding-top:0; } header .open-cart .thumb { display: inline-block; vertical-align: middle; width: 90px; } header .open-cart .text { font-size: 12px; line-height: 15px; color: #153b79; width: 165px; padding: 0 10px; display: inline-block; vertical-align: middle; } header .open-cart .text h6 a { color: #153b79; } header .open-cart span.price { color: #e6ae05; font-weight:800; font-size: 12px; line-height: 15px; } header .open-cart a.close { display: inline-block; float:none; vertical-align: middle; font-size: 16px; opacity:1; color: #153b79; } header .open-cart .input-range { float: right; } header .open-cart .list { margin-bottom: 15px; border-bottom: 1px solid #dfdfdf; padding-bottom: 25px; overflow: hidden; } header .open-cart .total span.left { width: 48%; float: left; } header .open-cart .total span.rht { text-align: right; width: 48%; float: right; } header .open-cart .total li { line-height: 16px; width: 100%; overflow: hidden; padding:0; } header .open-cart .total li.last { font-weight:700; } header .open-cart .supportTeamBasket{height:100px;width:100%;background-size: 135% !important;background-position: 50% 50% !important;} header .open-cart .supportTeamBasketText{margin: 10px 0;font-size:13px;border-bottom: 1px solid #dfdfdf;padding-bottom: 20px;} header .open-cart .button { margin-top:20px; float:left; margin-left:10px; min-width: 50px; padding: 13px 15px;} header .search_mob { margin: 15px 0 0 0; display: none; font-size: 20px; line-height: 18px; float: right; color: #153b79; } @media only screen and (max-width: 767px) { header .search_mob { display : block; position : absolute; left:70px;top:15px;} } .mobileHeaderInfo p{font-size:14px;color:#000;} #elastic-suggester { position: absolute;top: 40px; z-index: 9; background: #FBFBFB; width: 100%; box-sizing: border-box; box-shadow: 0 2px 2px gray; display: block; border-radius: 0 0 8px 8px; } #elastic-suggester > ul { margin: 10px !important; } #elastic-suggester li { padding: 2px 15px; display: flex; align-items: center; } #elastic-suggester li.ui-autocomplete-category { font-weight: bold; color: #153B79; margin-top: 10px; font-size: 16px; border-bottom: 1px ridge #bbb; } #elastic-suggester li:not(.ui-autocomplete-category) { cursor: pointer; } #elastic-suggester li:not(.ui-autocomplete-category):nth-child(even) { background: rgba(200,200,200,0.4) } #elastic-suggester li.ui-state-focus { background: #153B79 !important; color: white } #elastic-suggester .elastic-icon { margin: 5px 5px 5px 0; max-height: 30px; } .input-range { width: 30px; display: inline-block; vertical-align:top; } .input-range a.plus { margin:auto; width: 14px; height: 17px; display: block; vertical-align: top; background: url(../../../src/bg/plus.png) no-repeat; background-size: 100% 100%; } .input-range a.minus {margin:auto; width: 14px; height: 17px; display: block; vertical-align: top; background: url(../../../src/bg/minus.png) no-repeat; background-size: 100% 100%; } .input-range a.minus:hover ,.input-range a.plus:hover { opacity: 0.70; } .input-range input[type="text"] { float: none; width: 100%; text-align: center; height: 20px; border:0; background: none; font-size: 12px; color: #153b79; display: block; } .input-range.big a.minus ,.input-range.big a.plus { width: 19px; height: 22px; } .input-range.big { width: 100%; max-width: 50px; } .input-range.big input[type="text"] { margin: 10px auto; float: none; display: block; } .input-range.horizontal { width:auto; } .input-range .head { float: left; display: inline-block; vertical-align: middle; padding:0; font-size: 12px; line-height:24px; padding-right:10px; font-weight:800; } .input-range.horizontal a.minus,.input-range.horizontal a.plus { margin: 5px 0; width: 22px; height: 19px; float: left; } .input-range.horizontal a.minus { background-image:url(../../../src/bg/minus1.png); } .input-range.horizontal a.plus { background-image:url(../../../src/bg/plus1.png); } .input-range.horizontal input[type="text"] { margin: 0 10px; float: left; height: 29px; width: 44px; } .input-range.horizontal form { float: left; } /* B2B Login */ .b2blogincontent .login h3 {text-transform: uppercase;font-size:16px;} .b2blogincontent .login p {margin: 10px 0;} .b2blogincontent .login .form-group{margin:0 0 20px;} .b2blogincontent .login .form-group label{text-align: left;width: 100%;} .b2blogincontent .login .form-group input {margin:5px 0;width: 100%;height: 36px;} .b2blogincontent .login .form-group button {padding: 5px; font-size: 12px; min-width: 150px;} .b2blogincontent .login .form-group .regorforgot a {display:block;clear:both;} .b2blogincontent .login .form-group .orangeLogin {color: #fff;text-transform: none;background: none;background-color: #f2b40e;box-shadow: none;border-radius: none;padding:13px;margin-bottom: 10px;width: 100%;border: none;font-size: 18px;font-weight: normal;} .b2blogincontent .login .form-group .orangeLogin:hover {background-color: #153b79;} .b2blogincontent .login .form-group .openAccount {width: 100%;margin:10px 0 20px;text-transform: none;} .b2blogincontent .login .form-group .selectedValue {margin-bottom:5px;} .b2blogincontent .login .form-group .selectedValue i{margin-right: 5px;} .b2blogincontent .login .form-group .flyoutBox{position: inherit;background-color: #fff;padding:0 10px;margin-top:10px;} .b2blogincontent .login .form-group .flyoutBox #b2bloginlanguages li{padding: 5px;} .b2blogincontent .login .form-group .flyoutBox #b2bloginlanguages li .langicon{height: 11px;width: 17px;display: block;float:left;margin-right: 10px;margin-top:7px;} .b2blogincontent img{display:block; margin: 0 auto;} .b2blogincontent .csvload {margin-top:5px;} .b2blogincontent .company h3 {padding: 10px 20px 0;} .b2blogincontent .company p {padding: 10px 20px 0;} .b2blogincontent .loginbox { background-color: #fff; width: 100%; margin: 0 auto;} .b2blogincontent .login-header { background-color: #153b79; color:#fff; text-align: center;border-bottom: 1px solid #ddd;padding: 20px;border-top-left-radius:15px;border-top-right-radius: 15px;} .b2blogincontent .login-header p {font-size: 24px;font-weight: bold;} .b2blogincontent .login-footer{background-color: #153B79;height: 25px;border-bottom: 1px solid #ddd;border-bottom-left-radius:15px;border-bottom-right-radius: 15px;box-shadow: 0px 4px 5px rgba(0,0,0,0.2);} .b2blogincontent .login-content {border-left: 1px solid #ddd;border-right: 1px solid #ddd;overflow: hidden;display: flex;border-bottom: 1px solid #ddd;} .b2blogincontent .intro-pic {background: linear-gradient(to top, #19293a 50%, #2b425b 100%);margin:-85px 1px 0;min-height: 120px} .b2blogincontent .hh_pic { margin: 0 auto; display: block;margin-top: 20px;max-height: 150px; } .b2blogincontent .form-side {background-color: #f5f5f5;flex-grow: 1} .b2blogincontent .form-side .login .b2blogin{margin-bottom: 75px;} .b2blogincontent .form-side .login h3{color:#1c4d79;font-weight: bold;text-transform: uppercase;padding: 30px 0 15px;font-size: 24px;} .b2blogincontent .form-side .login p{margin-bottom: 30px;} .b2blogincontent .content-side { padding: 20px;flex-grow: 1;} @media only screen and (max-width: 991px) { .b2blogincontent .login-content {display: block;} } .b2blogincontent .accordion{width: 100%;margin: 0 auto;} .b2blogincontent .accordion .accordion-item {overflow: hidden;border-bottom: #fff 1px solid;} .b2blogincontent .accordion .accordion-header{width: 100%;color: #f6f6f6;} .b2blogincontent .accordion .accordion-header:hover{cursor: pointer;} .b2blogincontent .accordion .accordion-header .accordion-title{width: 92%;float:left;background-color: #1c4d79;padding:10px;} .b2blogincontent .accordion .accordion-header .accordion-icon{float:right;width:8%;background-color: #174064;padding:10px;} .b2blogincontent .accordion .accordion-header a.accordion-title{color: #f6f6f6;text-decoration: none;} .b2blogincontent .accordion .accordion-header a.accordion-title:visited{color: #f6f6f6;text-decoration: none;} .b2blogincontent .accordion .accordion-header a.accordion-title:hover{color: #f6f6f6;text-decoration: none;} .b2blogincontent .accordion .accordion-header a.accordion-icon{color: #f6f6f6;text-decoration: none;} .b2blogincontent .accordion .accordion-header a.accordion-icon:visited{color: #f6f6f6;text-decoration: none;} .b2blogincontent .accordion .accordion-header a.accordion-icon:hover{color: #f6f6f6;text-decoration: none;} .b2blogincontent .accordion .accordion-content{padding: 20px;max-height: 300px;overflow-y: auto;} .b2blogincontent .accordion .accordion-content ul{padding-left: 20px;} .b2blogincontent .accordion .accordion-content ul li{list-style: disc;} /*.b2blogincontent .accordion .accordion-content .content-header::before {content: "\00a0"; display: block; width: 10px;}*/ .b2blogincontent .accordion .accordion-content .content-header{width: 100%;color: #ceb276;font-size: 14px;margin-bottom:10px;font-weight: bold;} .b2blogincontent .accordion .accordion-content .content-header2{width: 100%;color: #002751;font-size: 20px;margin-bottom:25px;font-weight: bold;} .b2blogincontent .login-content { font-size: 16px; color: #777; } .b2blogincontent .login { background-color: #f5f5f5; padding: 20px; border-radius: 5px; } /* slider_sec */ .slider_sec { z-index: 9; width: 100%; position: relative; background: #d4d4d4; overflow: hidden; } .slider_sec .container { position: relative; } .slider_sec .container .flexslider { position: relative; width: 100%; float: left; } .slider_sec .container .flexslider:before { width: 4000px; height: 100%; content:''; position:absolute; left: -4000px; top:0; background: url(../../../src/bg/banner-shadow.png) left top repeat-x; z-index:99; } .slider_sec .container .flexslider:after { width: 4000px; height: 100%; content:''; position:absolute; right: -4000px; top:0; background: url(../../../src/bg/banner-shadow.png) left top repeat-x; z-index:99; } .slider_sec .slides li { width: 100%; position: relative; height: 500px; background-position: center center; background-size:cover; } .slider_sec .slides li .inter { height: 100%; position: relative; padding: 50px 65px; overflow: hidden; } .slider_sec li a.link { position:absolute; left: 49px; top: 49px; } .slider_sec li span.text { position:absolute; right: 65px; top: 35px; letter-spacing: -0.082em; font-size: 103px; line-height: 97px; text-shadow: 4px 4px 4px rgba(0,0,0,0.40); -webkit-text-shadow: 4px 4px 4px rgba(0,0,0,0.40); -ms-text-shadow: 4px 4px 4px rgba(0,0,0,0.40); display: block; font-weight:700; font-style:italic; color: #fff; } .slider_sec li span.text span { font-size: 20px; line-height: 20px; letter-spacing:normal; display: inline-block; } .slider_sec li span.title { padding: 35px 0 25px; letter-spacing: -0.080em; font-size: 80px; line-height: 80px; text-shadow: 4px 4px 4px rgba(0,0,0,0.40); -webkit-text-shadow: 4px 4px 4px rgba(0,0,0,0.40); -ms-text-shadow: 4px 4px 4px rgba(0,0,0,0.40); display: block; font-weight:700; font-style:italic; color: #fff; } .slider_sec li span.subtitle { letter-spacing: -0.060em; font-size: 25px; line-height: 25px; text-shadow: 4px 4px 4px rgba(0,0,0,0.40); -webkit-text-shadow: 4px 4px 4px rgba(0,0,0,0.40); -ms-text-shadow: 4px 4px 4px rgba(0,0,0,0.40); display: block; font-weight:700; font-style:italic; color: #fff; } .slider_sec .slides li span.text2 { padding: 20px 0; letter-spacing: -0.085em; text-indent: -5px; font-size: 54px; line-height: 58px; text-shadow: 4px 4px 4px rgba(0,0,0,0.40); -webkit-text-shadow: 4px 4px 4px rgba(0,0,0,0.40); -ms-text-shadow: 4px 4px 4px rgba(0,0,0,0.40); display: block; font-weight:700; font-style:italic; color: #e6ae05; } .slider_sec a.button { min-width: 350px; } .slider_sec .slide3 span.text { right: 13%; top: 40%; } .slider_sec .slide3 a.button { position:absolute; right: 30px; bottom: 30px; } .slider_sec span.new { font-size: 37px; line-height: 42px; display: inline-block; background: #e6ae05; color:#fff; font-style:italic; font-weight:700; padding: 5px 15px 7px; position:absolute; right: 38%; top: 28%; letter-spacing: -0.08em; } .slider_sec .tuning { max-width: 400px; text-align: center; margin: 80px 65px 0; } .slider_sec .tuning span.text { padding-bottom: 40px; position: static; font-size: 55px; line-height: 50px; color: #fff; font-weight:700; } .slider_sec .tuning span.text span { font-size: 72px; line-height: 72px; display: block; text-transform:uppercase; font-weight:800; letter-spacing: -.08em; } .slider_sec .slide5 { text-align: center; } .slider_sec .slide5 span.text { font-size: 25px; line-height: 30px; text-shadow: 4px 4px 4px rgba(0,0,0,0.40); -webkit-text-shadow: 4px 4px 4px rgba(0,0,0,0.40); -ms-text-shadow: 4px 4px 4px rgba(0,0,0,0.40); font-style:italic; color: #fff; font-weight: 700; position: static; letter-spacing: -0.02em; padding-bottom: 15px; } .slider_sec .slide5 img.txt { margin: 90px auto 7px; display: inline-block; vertical-align: top; } .slider_sec .flex-direction-nav a { z-index:999; font-size:0; width: 42px; height: 85px; position:absolute; left: -42px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); background:url(../../../src/bg/pre.png) no-repeat; background-size: 100% 100%; } .slider_sec .flex-direction-nav a.flex-next { left:auto; right: -42px; background-image:url(../../../src/bg/next.png) } .slider_sec .flex-direction-nav a:hover { opacity: 0.50; } .slider_sec .flex-control-paging { min-width: 250px; text-align: center; position:absolute; left: 50%; bottom: 15px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); } .slider_sec .flex-control-paging li { display: inline-block; vertical-align: middle; font-size:0; line-height:0; } .slider_sec .flex-control-paging li a { width: 15px; height: 15px; display: block; margin: 0 6px; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border: 3px solid #fff; background: #fff; box-shadow: 0px 0px 0px 2px #49494a; -webkit-box-shadow: 0px 0px 0px 2px #49494a; -ms-box-shadow: 0px 0px 0px 2px #49494a; } .slider_sec .flex-control-paging li a.flex-active,.slider_sec .flex-control-paging li a:hover { background: #153b79; } .slider_sec .flex-viewport { overflow: visible !important; } /*content-part*/ #content-part { padding-bottom: 75px; width: 100%; background: url(/out/fk/src/bg/bg.png) left bottom no-repeat #d4d4d4; } .inner-content { background: #fff; overflow: hidden; padding: 30px 35px; } /* teaser sec */ .teaser_sec { padding: 25px 0; width: auto; overflow: hidden; } .teaser_sec h2 { text-transform:uppercase; letter-spacing: -0.08em; padding: 20px 25px 23px; font-style:italic; color:#fff; background: #153b79; } .teaser_sec .content { position: relative; height: 400px; display: table; width: 100%; background-position: center center; background-size:cover; } .teaser_sec .inner { width: 100%; display: table-cell; color: #fff; vertical-align: bottom; padding: 25px; } .teaser_sec h3 { font-size: 30px; padding-bottom: 20px; font-weight:700; font-style:italic; line-height: 30px; letter-spacing: -0.02em; } .teaser_sec .button { display: block; } .teaser_sec h2 .icon { display: inline-block; vertical-align: middle; height: 23px; margin: 0 15px 4px 0; } .teaser_sec [class*="col-"] + [class*="col-"] h2 { background: #e6ae05; } .teaser_sec [class*="col-"] + [class*="col-"] + [class*="col-"] h2 { background: #fff; color: #153b79; } .teaser_sec .discount { font-size: 35px; line-height: 39px; color: #153b79; font-weight:800; text-align: center; padding: 25px 5px 15px; width: 110px; height: 110px; position:absolute; right: 22px; top: -45px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; } .teaser_sec .discount small { font-size: 12px; line-height: 14px; margin-bottom:-4px; display: block; } /*notice_sec*/ .notice_sec { padding: 10px 0; width: auto; overflow: hidden; } .notice_sec .left { text-align: right; padding-top:15px; } .notice_sec .certificate{ display: inline-block; vertical-align: top; } .notice_sec p { letter-spacing: -0.02em; font-size:40px; line-height: 40px; font-weight:300; font-style:italic; } /*product_sec*/ .product_sec { text-align: center; padding: 40px 0; width: auto; overflow: hidden; } .product_sec .title { background: #153b79; color: #7997c8; } .product_sec .title h2 { font-style:italic; font-weight:300; padding: 21px 15px; letter-spacing: -0.02em; } .product_sec .title h2 span { font-weight:800; color: #fff; } .product_sec .title .arrow { position: relative; display: block; } .product_sec .title .arrow:before { width: 0; height: 0; content:''; display: block; margin:auto; border: 15px solid transparent; border-top-color: #153b79; text-align: center; position:absolute; left: 50%; top: 0px; margin-left: -15px; } .product_sec .block h2 { color: #fff; font-style:italic; background: #153b79; padding: 21px 15px; text-transform:uppercase; letter-spacing: -0.07em; } .product_sec .content { position: relative; padding: 22px 5px 20px; color: #153b79; font-size: 16px; line-height: 18px; background: #fff; } .product_sec img { display: inline-block; vertical-align: top; } .product_sec .image img.pic { width:100%; } .product_sec h4 { padding-top: 10px; } .product_sec p { font-weight:600; } .product_sec .desc span { padding: 0 0 0 5px; font-size: 11px; line-height: 14px; color: #282828; letter-spacing: 0.02em; display: inline-block; vertical-align: middle; } .product_sec span.txt { padding: 10px 10px 0; font-size: 10px; line-height: 13px; color: #282828; display: block; } .product_sec .desc .icon { display: inline-block; vertical-align: middle; } .product_sec .desc { padding: 10px 0 8px; } .product_sec span.price { display: block; font-size: 14px; line-height: 20px; color: #282828; font-weight:700; } .product_sec span.price span { display: inline-block; vertical-align: top; font-size: 26px; line-height: 30px; color: #e6ae05; font-weight:800; } .product_sec span.price cite { text-decoration:line-through; font-style:normal; } .product_sec span.note { font-size: 13px; line-height: 16px; color: #e6ae05; display: block; padding: 2px; font-weight:600; } .product_sec small {color: #e6ae05; font-size: 14px; line-height: 16px; } .product_sec .link { background: #f4f4f4; padding: 25px; } .product_sec .link a.button { display: block; } .product_sec .block { margin-top:25px; } .product_sec .block.image .content { padding:0; } .product_sec .block.image .link { position:absolute; left:0; bottom:0; width: 100%; background: none; } .product_sec span.new { font-size: 18px; line-height: 22px; padding: 7px 10px; letter-spacing: -0.04em; color: #fff; font-weight:800; background: #e6ae05; position:absolute; right: 0; top:0; display: inline-block; } .product_sec span.tag { width: 56px; height: 56px; display: block; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background: #e6ae05; font-size:18px; font-weight:800; text-align: center; color: #fff; padding: 20px 5px 10px; position:absolute; right: 25px; top: 22px; box-shadow: 2px 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3); -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.3); } .product_sec span.tag.second { font-size: 10px; line-height: 10px; padding: 15px 5px; top: 90px; } .product_sec span.tag.flame { background: #e6ae05; padding:0; } .product_sec span.tag.flame img { position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; } .product_sec a.pic img { } .product_sec.spacing { padding:0 !important; border-top: 1px solid #dfdfdf; } .product_sec.spacing .block { margin:0; } span.tag { width: 56px; height: 56px; display: block; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; background: #e6ae05; font-size:18px; font-weight:800; text-align: center; color: #fff; padding: 20px 5px 10px; position:absolute; right: 25px; top: 22px; box-shadow: 2px 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3); -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.3); } span.tag img { width:auto !important; margin: 14px auto; } span.tag.flame { padding: 0px; } /*topseller*/ .product_sec.topseller h2 { font-style:italic; letter-spacing: -0.02em; padding-bottom: 15px; } .product_sec.topseller h2 a { font-weight:300; text-decoration:underline; color: #282828; } .product_sec.topseller h2 a:hover { text-decoration:none; } .product_sec.topseller { padding: 30px 0; } .product_sec.topseller .grouping { margin-left:-1px; } .product_sec.topseller .tag { top: 15px; right: 15px; } .product_sec.topseller .tag.zero { font-size: 38px; padding:0px; line-height: 52px; } .product_sec.topseller .tag.sale{ font-size: 18px; padding:0px; line-height: 52px; text-transform:uppercase; } .product_sec.topseller h5 { min-height: 65px; font-weight:700; line-height: 16px; height:70px;} .product_sec.topseller a.pic { display: block; width: 100%; margin-bottom:22px; } .product_sec.topseller .block { border-left: 1px solid #d4d4d4; } /*store_sec*/ .store_sec { width: auto; overflow: hidden; } .store_sec h3 { padding-bottom: 38px; font-size: 20px; line-height: 24px; color: #e6ae05; font-weight:700; font-style:italic; text-align: center; } .store_sec h3 a {color: #e6ae05; text-decoration:underline; } .store_sec h3 a:hover { text-decoration:none; } .store_sec .content { color: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.2); text-align: center; height: 200px; display: table; width: 100%; } .store_sec .inner { width: 100%; display: table-cell; vertical-align: middle; padding: 25px 75px; } .store_sec h4 { font-size: 21px; line-height: 29px; font-style:italic; letter-spacing: 0.01em; padding: 25px 0 15px 0; } .store_sec p { font-size: 11px; line-height: 17px; font-weight:600; font-style:italic; } .store_sec p span { display: inline-block; vertical-align: top; background: #153b79; padding: 0 5px; margin: 0 5px; } .store_sec .bottom { overflow: hidden; color: #fff; background: #e6ae05; padding: 15px 25px; } .store_sec .bottom h2 { display: inline-block; vertical-align: middle; font-size: 37px; line-height: 41px; font-style:italic; letter-spacing: -0.07em; } .store_sec .bottom .button { float: right; } .store_sec h2 span { font-weight: 400; font-style:normal; font-size: 38px; text-transform:uppercase; } .store_sec li { display: inline-block; vertical-align: top; font-size: 29px; line-height: 32px; font-weight:800; font-style:italic; text-shadow: 2px 2px 2px rgba(0,0,0,0.6); -webkit-text-shadow: 2px 2px 2px rgba(0,0,0,0.6); -ms-text-shadow: 2px 2px 2px rgba(0,0,0,0.6); background: url(/out/fk/src/bg/sep.png) left 2px no-repeat; padding: 2px 10px 3px 20px; } .store_sec li:first-child { padding-left:0; background: none; } .store_sec [class*="col-"] + [class*="col-"] .bottom{ background: #153b79; } .store_sec [class*="col-"] + [class*="col-"] .bottom .button:hover { background: #e6ae05; border-color: #e6ae05; } /*fact_sec*/ .fact_sec { font-style:italic; padding: 35px 0; text-align: center; width: auto; overflow: hidden; } .fact_sec h2 { letter-spacing: -0.02em; padding-bottom: 25px; } .fact_sec p { letter-spacing: -0.02em; font-size: 30px; line-height: 40px; font-weight:300; padding: 15px 0 25px;} .fact_sec p span { color: #e6ae05; } .fact_sec p a { text-decoration:underline; display: inline-block; vertical-align: top; color:#282828; } .fact_sec p a:hover { text-decoration:none; } .fact_sec .container { max-width: 1030px; } .fact_sec span.txt { letter-spacing: -0.03em; font-size: 17px; line-height: 21px; } /*pagination_sec*/ .pagination_sec { width:auto; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #dfdfdf; } .pagination_sec li { text-transform:uppercase; font-size: 12px; line-height: 18px; float: left; font-weight:800; } .pagination_sec li a { color: #282828; font-weight:400; background: url(/out/fk/src/bg/sep1.png) right center no-repeat; padding: 0 12px 0 0; margin-right:8px; } .pagination_sec li.last a { color: #e6ae05; background: url('')} .pagination_sec li a:hover { text-decoration:underline; } .pagination_sec ul { float: left; } .pagination_sec a.back { float: right; font-size: 12px; line-height: 18px; font-weight:800; color: #282828; } /*content_sec*/ .content_sec { padding: 27px 0 5px; width: auto; } .content_sec h4 { letter-spacing: -0.02em; } .content_sec .list li { font-size: 14px; font-style:italic; padding: 22px 0 0 0; letter-spacing: -0.02em; line-height: 18px; } .content_sec .list li a { color: #282828; } .content_sec .list li.active a {color:#e6ae05;} .content_sec .list li a:hover { color: #e6ae05; text-decoration:none; } .content_sec h1 { font-size: 30px; letter-spacing: -0.02em; padding-bottom: 25px; font-style:italic; line-height: 35px; } .content_sec h1 span { font-weight:300; } .content_sec .right { padding-top: 10px; } .content_sec span.sub-title { padding-bottom: 40px; letter-spacing: -0.02em; font-size: 30px; line-height: 40px; font-weight:300; font-style:italic; display: block; } .content_sec figure { max-width: 55%; } .content_sec figcaption { font-size: 11px; line-height: 16px; font-weight:600; padding: 16px 0; } .content_sec h2 { font-size: 14px; line-height: 22px; } .content_sec p { padding-bottom: 25px; } .content_sec .article-detail p { padding-bottom: 0 } .content_sec .button { min-width: 350px; margin-bottom: 35px; margin-top:10px;} .content_sec .faq { margin-bottom: 25px; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 35px 0 20px; } .content_sec .faq h3 { font-size: 30px; font-style:italic; letter-spacing: -0.02em; font-weight:300; line-height: 35px; } .content_sec .faq h3 a { color: #282828; display: block; position: relative; padding-right:25px; } .content_sec .faq li.active h3 a i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .content_sec .faq h3 a:hover { text-decoration:none; } .content_sec .faq h2 { font-size: 30px; letter-spacing: -0.02em; padding-bottom: 25px; font-style:italic; line-height: 35px; } .content_sec .faq h3 a i { position:absolute; right: 10px; top: 10px; font-size: 10px; line-height: 10px; } .content_sec .panel { border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; border:0; box-shadow:none; -webkit-box-shadow:none; -ms-box-shadow:none; padding:0; margin:0 0 5px; } .content_sec .details { padding: 10px 40px 20px 0; } .content_sec .details p { padding-bottom:0; letter-spacing: -0.01em; } .content_sec span.text { font-size: 11px; line-height: 16px; } .content_sec.listing .right { padding-top:0; } .content_sec .mob-head { display: none; } .content_sec .mob-filter { display: none; } .content_sec .content-area { position: relative; } /*checkout_sec*/ .checkout_sec { padding: 5px 0; width: auto; overflow: hidden; } .checkout_sec .steps { width: auto; overflow: hidden; margin: 0 -7px 32px; } .checkout_sec .steps li { float: left; height: 50px; text-align: center; line-height: 50px; padding: 0 7px; width: 20%; } .checkout_sec .steps li cite.car { width: 29px; height: 16px; margin: 0 4px 6px 0; display: inline-block; vertical-align: middle; background: url(../../../src/bg/car.png) left top no-repeat; background-size: 100% 200%; } .checkout_sec .steps li span { position: relative; letter-spacing: -0.02em; font-size: 16px; line-height: 20px; padding: 15px; background: #153b79; display: block; color: #fff; font-weight:800; } .checkout_sec .steps li span a {color:#fff;} .checkout_sec .steps li span:before { border: 10px solid transparent; border-left-color: #153b79; content:''; position:absolute; right: -20px; top: 50%; margin: -10px 0 0 0; } .checkout_sec .steps li.active span:before { border-left-color:#e6ae05; } .checkout_sec .steps li.active span { background: #e6ae05; } .checkout_sec .inner { overflow: hidden; position: relative; height: 100%; border: 1px solid #e1e1e1; padding: 20px 25px 30px; } .checkout_sec h3 { padding-bottom: 20px; font-style:italic; color: #153b79; font-size: 24px; line-height: 28px; } .checkout_sec .radiobar { margin-bottom: 25px; width: 100%; position: relative; overflow: hidden; } .checkout_sec input[type="radio"] { opacity:0; margin-right:10px; width: 16px; height: 16px; float: left; } .checkout_sec .labeling { padding: 0 0 0 26px; } .checkout_sec label { font-weight:400; cursor: pointer; } .checkout_sec span.txt { display: block; padding: 0 0 18px 0;} .checkout_sec .shipment span.txt { padding-bottom: 7px; } .checkout_sec img.dhl { width: 97px; } .checkout_sec span.title { font-size: 12px; line-height: 16px; color: #153b79; display: block; font-weight:700; } .checkout_sec label i { font-size: 30px; margin: 0 3px 0 0; line-height: 25px; display: inline-block; vertical-align: top; } .checkout_sec .payment h3 { padding-bottom: 20px; } .checkout_sec .shipment .shipping .radiobar { margin-bottom: 10px; } .checkout_sec .shipment .shipping .radiobar img { float:left; } .checkout_sec .shipment .shipping #shipSetCost{float:right;text-align:right;} .checkout_sec .shipment .shipping .bulkyinfo{color:#ff8000;font-weight: bold;} .checkout_sec .shipment .payment .radiobar { margin-bottom: 15px; } .checkout_sec .shipment .payment dd {display: none;} .checkout_sec .shipment .payment dd.activePayment {display : block;} .checkout_sec .shipment .payment dd .desc {padding:10px 0px 0px 20px;} .checkout_sec .shipment .payment dt p.paymentCosts{font-weight: initial; padding-left: 25px;} .checkout_sec label i:first-child { margin-left: 8px; } .checkout_sec label img.icon { width: 80px; display: inline-block; vertical-align: top; margin-left: 4px; } .checkout_sec .radiobar:last-child { margin-bottom:0; } .checkout_sec .radiobar label:before { width: 16px; height: 16px; content:''; background: url(../../../img/radio.png) left top no-repeat; position: absolute; left:0; top:4px; } .checkout_sec .radiobar .paypalExpressCheckoutMsg label:before{background: url(../../../img/check.png) left top no-repeat;height: 14px;width:14px;} .checkout_sec .radiobar .paypalExpressCheckoutMsg .checkbox:checked + label:before{background: url(../../../img/check.png) left bottom;height: 14px;width:14px;} .checkout_sec input[type="radio"]:checked + .labeling label:before ,.checkout_sec input[type="radio"]:checked + label:before { background-position: left bottom; } .checkout_sec a.back { text-transform:uppercase; font-size: 14px; margin: 14px 0; display: inline-block; vertical-align: top; line-height: 18px; font-weight:800; } .checkout_sec .bottom .button { float: right; color: #153b79; min-width: 290px; letter-spacing: -0.02em; } .checkout_sec .bottom { padding: 32px 0 0px; overflow: hidden; } .checkout_sec .address .left h3 { padding-bottom: 5px; } .checkout_sec .address .left span.txt { padding-bottom:38px; } .form-control { padding: 2px 10px 4px; float: left; border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; border: 1px solid #bebebe; height: 29px; box-shadow: 2px 2px 2px rgba(40,40,4,0.2) inset; -webkit-box-shadow: 2px 2px 2px rgba(40,40,4,0.2) inset; -ms-box-shadow: 2px 2px 2px rgba(40,40,4,0.2) inset; } .field label { line-height: 29px; } .field { overflow: hidden; margin-bottom: 11px; } .field:last-child { margin-bottom:0; } .form-control:focus { box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; border-color: #153b79; color:#282828; } .form-control.error { border-width: 3px; border-color: #e6ae05; color: #e6ae05; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } .form-control.small { width: 77%; } .form-control.smaller { width: 20%; margin-left:3%; } .form-control.small1 { width: 37%; } .form-control.smaller1 { width: 60%; margin-left:3%; } .form-control.small1_1 {margin-right: 1%;width: 20%;} .form-control.small1_2 {width: 16%;} .form-control.birthday1 { width: 17%; } .form-control.birthday2 { width: 37%; margin-left:3%; } .form-control.birthday3 { width: 40%; margin-left:3%; } label.req:after {color: #e32;content: ' *';display:inline;} input[type="checkbox"] { width: 14px; height: 14px; float: left; margin-right:10px; opacity:0;} input[type="checkbox"] + label { float: left; line-height: 20px; position: relative; } input[type="checkbox"] + label:before { width: 14px; height: 14px; content:''; position:absolute; left: -24px; top: 4px; content:''; background:url(../../../img/check.png) left top no-repeat; } .ith-filter-box input[type="checkbox"] + label:before { left: 0 } input[type="checkbox"]:checked + label:before { background-position: left bottom; } .checkbox { width: 14px; height: 14px; float: left; margin-right:10px; opacity:0;} .checkbox { float: left; line-height: 20px; position: relative; } .checkbox:before { width: 14px; height: 14px; content:''; position:absolute; left: -24px; top: 4px; content:''; background:url(../../../img/check.png) left top no-repeat; } .ith-filter-box .checkbox:before { left: 0 } .checkbox:checked + label:before { background-position: left bottom; } .checkout_sec .radiobar { width: 100%; float: left; margin: 10px 0 8px; } .checkout_sec .radiobar label { display: block; padding-left:26px; } .checkout_sec .labeling label { padding-left:0; } .checkout_sec h5 { color: #153b79; padding-bottom: 3px; } .checkout_sec .error {padding:20px;border-bottom: 1px solid #dfdfdf; } .checkout_sec .error p {color: #e6ae05;font-size:16px;font-weight: bold;} .checkout_sec .register span.txt { padding-bottom: 25px; line-height: 25px; } .checkout_sec .register label { width: 115px; float: left; padding-right:10px; } .checkout_sec .register .form-control { width: 64.5%; float: right; } .checkout_sec .register .forget { font-size: 12px; float: right; margin: 10px 0; } .checkout_sec .register li { padding: 0 0 3px 15px; position: relative; } .checkout_sec .register li:before { content:'\003e'; position:absolute; left:0; top:0; } .checkout_sec .bottom-link { padding: 25px; width: 100%; position:absolute; left:0; bottom:0; } .checkout_sec .bottom-link a.button { float: right; min-width: 225px; } .checkout_sec .register .inner { padding-bottom:100px; } .checkout_sec .rowing { width: 100%; border-bottom: 1px solid #dfdfdf; overflow: hidden; padding: 35px 0; } .checkout_sec .col1 { width: 11%; margin: 0 2.5% 0 0; display: inline-block; vertical-align: top; } .checkout_sec .col2 { padding-right:20px; width: 55%; display: inline-block; vertical-align: middle; margin: 0 -2px;} .checkout_sec .col3 { text-align: center; width: 6%; display: inline-block; vertical-align: middle; margin: 0 -2px;} .checkout_sec .col4 { text-align: right; width: 10%; display: inline-block; vertical-align: middle; margin: 0 -2px;} .checkout_sec .col5 { text-align: right; width: 15%; display: inline-block; vertical-align: middle; margin: 0 -2px;} .checkout_sec .basket h5 { color: #282828; } .checkout_sec .basket { margin-top:-5px; } .checkout_sec .rowing:nth-of-type(1){ padding: 0 0 2px; } .checkout_sec h5 a { display: block; } .checkout_sec .rowing h5 { line-height: 22px; padding-bottom: 15px; } .checkout_sec .rowing:first-child h5 { padding:0px; } .checkout_sec .basket span.text { display: block; font-size: 12px; line-height: 16px; padding-bottom: 16px; font-weight:600; } .checkout_sec .basket span.text img { display: inline-block; vertical-align: middle; margin: 0 5px 5px 12px; } .checkout_sec .delete { font-size: 12px; line-height: 16px; } .checkout_sec .delete i { margin: 0 3px; } .checkout_sec span.price { font-weight:700; } .checkout_sec span.total { font-weight:800; } .checkout_sec .input-range.big input[type="text"],.checkout_sec .input-range.big a.minus,.checkout_sec .input-range.big a.plus,.checkout_sec .input-range.big { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); } .checkout_sec .input-range input[type="text"] { width: 44px; height: 29px; } .checkout_sec .basket .inlineError {padding: 10px 10px 0; color: #e6ae05;} .checkout_sec .basket .inter { background: #f4f4f4; overflow: hidden; margin-top:30px; padding: 20px 10px; } .checkout_sec .basket .inter h5 { padding-bottom: 12px; letter-spacing: -0.02em; } .checkout_sec .basket .inter p { font-size: 11px; line-height: 16px; } .checkout_sec .basket .lft { width: 50%; margin: 0 -2px; padding-right:10px; display: inline-block; vertical-align: bottom; } .checkout_sec .basket .rht { width: 50%; margin: 0 -2px; padding-left:10px; display: inline-block; vertical-align: bottom; } .checkout_sec .basket .rht .form-control { float: right; width: 210px; margin-bottom: 10px; } .checkout_sec .basket .rht .oxInValid .form-control {border-color: #e6ae05 !important;} .checkout_sec .basket .rht .button { font-size: 11px; line-height: 15px; padding: 9px 10px; float: right; border-color: #c3c3c3;} .checkout_sec .basket .rht .oxValidateError {float: right; margin-bottom: 5px; margin-top: -5px;} .checkout_sec .basket .bar { width: 100%; overflow: hidden; padding: 0 0 5px 0; text-align: right; } .checkout_sec .basket span.left { width: 70%; float: left; } .checkout_sec .basket span.right { width: 30%; float: right; } .checkout_sec .basket .totalbar { padding-top:15px; } .checkout_sec .basket .totalbar span span { display: block; color: #e6ae05; } .checkout_sec .basket .totalbar .last { border-top: 3px solid #dfdfdf; margin-top:5px; padding-top:12px; } .checkout_sec .basket .totalbar .last span { font-weight:700; } .checkout_sec .basket .totalbar .last span.right { font-weight:800; } .checkout_sec .basket .totalbar .last span span { font-weight:400; padding-top:4px; color: #282828; } .checkout_sec .basket .totalbar .last span a { color: #282828; text-decoration:underline; } .checkout_sec .basket .totalbar .last span a:hover { text-decoration:none; } .checkout_sec .basket { padding-bottom: 20px; } .checkout_sec .basket + .bottom .button { min-width: 225px; } .checkout_sec .basket a.pic img { width: 100%; } .checkout_sec .basket .mob-title { display: none; } .checkout_sec .order .rowing {padding:10px 0px;} .checkout_sec .order .rowing.summaryedit {padding-top: 15px;} .checkout_sec .order .rowing.first {padding-top:10px;} .checkout_sec .order .rowing.last{border:none;padding-bottom:0px;} .checkout_sec .order .rowing.last h3{padding-bottom:0px;} .checkout_sec .order .rowing.summaryedit .button{min-width: 140px;padding: 5px 5px;} .checkout_sec .order .vouchers {padding-top:10px;} .checkout_sec .order .vouchers p {font-size:16px;color: #153b79;} .checkout_sec .vat_check_error_text{color:#c9302c;} .checkout_sec .vat_check_error{border-color: #ac2925;} /**/ .pagination_sec.article-detail-back { display: none } .detail_sec { padding: 35px 0 60px; width: auto; overflow: hidden; } .detail_sec .detail .right,.detail_sec .detail .left { float: left; position: relative; } .detail_sec .thumbs { width: 18.3%; float: left; padding-right:15px; visibility : hidden; } .detail_sec .thumbs > ul > li img { width: 100%; } .detail_sec .thumbs > ul > li { width: 100%; text-align: center; } .detail_sec .thumbs li.thumbs-up { margin-bottom: 14px; height: 50px; overflow:hidden; } .detail_sec .thumbs li.thumbs-down { height: 50px; margin-top: 14px; overflow: hidden; } .detail_sec .thumbs > ul > li a { background: #f0f0f0; display: block; } .detail_sec .thumbs > ul > li a:hover { background: #cbcbcc; } .detail_sec .thumbs li.thumbs-list { overflow-y: hidden; } .detail_sec .thumbs .thumbs-list li { margin-top: 14px;text-align: center } .detail_sec .thumbs .thumbs-list li:first-child { margin-top: 0 } .detail_sec a.next,.detail_sec a.pre { line-height: 50px; font-size: 10px; color: #282828;} .detail_sec .slide { width: 78%; position: relative; float: left; } .detail_sec .slide img { max-width: 100%; max-height: 100vh; margin: 0 auto } .detail_sec .slide a.fk-image-zoom { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: zoom-in; } .detail_sec a.direction { display: none; width: 10px; height: 10px; position:absolute; left:10px; font-size:0; top: 50%; transform: translate(0,-50%) scale(5); -webkit-transform: translate(0,-50%) scale(5); -ms-transform: translate(0,-50%) scale(5); color: rgba(0,0,0,0.2); text-shadow: 0 0 2px white; } .detail_sec a.direction:before { position:absolute; right: 0px; top: 0px; width: 10px; line-height: 10px; text-align: center; font-size: 10px; content:'\f053'; font-family: 'FontAwesome'; } .detail_sec a.direction.next:before { content:'\f054'; } .detail_sec a.direction.next { left:auto; right: 10px; transform: scale(5); } .detail_sec .tag { background: #e6ae05; right: 10px; top: 10px;} .detail_sec .round { position:absolute; left:30px; bottom:25px; } .detail_sec .round img { height: auto !important; } .detail_sec .title { margin-top:-5px; padding-bottom: 20px; overflow: hidden; display: table; } .detail_sec .title h1 { font-size: 30px; letter-spacing: -0.02em; font-style:italic; line-height: 31px; } .detail_sec .title .icon { width: 132px; margin-top:12px; } .detail_sec .cell { display: table-cell; vertical-align: middle; } .detail_sec .cell + .cell { width: 132px; } .detail_sec .rating { padding-bottom: 20px; overflow: hidden; } .detail_sec .rating ul { float: left; margin-right:25px; } .detail_sec .rating li { float: left; font-size: 14px; margin-right:1px; } .detail_sec .rating li a, .detail_sec .rating li label { color: #e6ae05; cursor: pointer; } .detail_sec .right { padding-left:35px; } .detail_sec li span { color: #e6ae05; padding-left: 5px; font-weight:600; } .detail_sec h5 { line-height: 22px; } .detail_sec a.link { text-decoration:underline; } .detail_sec a.link:hover { text-decoration:none; } .detail_sec span.stock img { display: inline-block; margin-right:7px; vertical-align: middle; } .detail_sec span.weight,.detail_sec span.stock { display: block; font-size: 11px; padding: 20px 0 10px; } .detail_sec span.stock .ordered{font-size: 16px;font-weight: 600;color: white;background: #e6ae05;} .detail_sec span.weight { padding:0; line-height: 18px; } /*.detail_sec .pricing { overflow: hidden; }*/ .detail_sec .pricing .leftside { width: 50%; float: left; padding: 10px 10px 0 0; } .detail_sec .pricing #variants {margin-bottom:10px;position: relative;} .detail_sec .pricing #variants .selectorLabel{border: 1px solid #767676; border-radius: 3px; padding-left: 5px;} .detail_sec .pricing #variants .selectorLabel i{float:right;border: 1px solid; padding:3px;} .detail_sec .pricing #variants .selectorLabel i.fa-arrow-left{display: none;} .detail_sec .pricing #variants .selectorLabel .selectMessage{margin-left:10px;} .detail_sec .pricing #variants .drop{background:white;position: absolute;top:0px;display: none;border:1px solid #767676;} .detail_sec .pricing #variants .drop li {padding:5px 10px;border-bottom: 1px dotted gray;} .detail_sec .pricing #variants .drop li.value {padding:0;} .detail_sec .pricing #variants .drop li a{height: 100%;width: 100%;display: block;} .detail_sec .pricing #variants .dropDown ul li i.fa-arrow-left{display: block;margin-right:-5px;} .detail_sec .pricing #variants .dropDown ul li i.fa-arrow-down{display: none;} @media only screen and (max-width: 1199px) { .detail_sec .pricing #variants .selectorLabel i{ padding:2px;} } .detail_sec .pricing .variantReset{margin-bottom:15px;} .detail_sec .pricing .leftside { width: 50%; float: left; padding: 25px 10px 0 0; } .detail_sec .pricing .rightside { width: 50%; float: right; padding: 0 0 0 10px; } .detail_sec span.price { font-size: 26px; line-height: 28px; color: #e6ae05; font-weight:800; display: block; } .detail_sec span.price span { font-size: 14px; font-weight:700; line-height: 18px; } .detail_sec span.price-pre { font-weight:700; padding: 5px 0; display: block; } .detail_sec span.pre { text-decoration:line-through; } .detail_sec span.current { font-size: 13px; font-weight:600; color: #e6ae05; } .detail_sec .detail .stocksale{margin:15px 0 0 0;} .detail_sec .detail .stocksale h4{color:#D99B00;} .detail_sec .detail .stocksale label{color:#D99B00;} .detail_sec .detail .stocksale .desc{font-size: 11px;} .detail_sec .detail .stocksale #addStockSale{padding: 7px 15px; font-weight: 600;} .detail_sec .button { display: block; min-width: inherit; width: 100%; color: #153b79; margin-top:15px; } .detail_sec .tab-bar { padding: 40px 0; width: auto; overflow: hidden; } .detail_sec .tab-bar > .content { border: 1px solid #dfdfdf; border-top-width:0; padding: 30px 35px; display: none } .detail_sec .tab-bar > .content.active { display: block; float: left; width: 100%;} .detail_sec .content.questions > strong {float: left; width: 100%;} .detail_sec .content.questions a {float: left; margin-right: 10px; border: 1px solid #dfdfdf;display: block;height: 90px;margin-top: 10px;padding: 10px;width: 250px;} .detail_sec .content.questions a img {float: left;padding: 22px 15px 22px 0;} .detail_sec .content.questions a span {float: left;padding: 12px 0;text-align: center;width: 170px;} .detail_sec .content.accessories .column {height: auto !important;} .detail_sec .content.accessories span.price {color: #282828;display: block;font-size: 14px;font-weight: 700;line-height: 20px;} .detail_sec .content.accessories span.price span {color: #e6ae05;display: inline-block;font-size: 26px;font-weight: 800;line-height: 30px;vertical-align: top;} .detail_sec .tabs { display: table; width: 100%; table-layout:fixed; } .detail_sec .tabs li { background: url(../../../img/tab-shadow.jpg) left bottom repeat-x; border: 1px solid #dfdfdf; border-left-color: transparent; border-top-color: transparent; font-weight:800; display: table-cell; vertical-align: middle; text-align: center; height: 40px; } .detail_sec .tabs li:last-child { border-right-color: transparent; } .detail_sec .tabs li.active,.detail_sec .tabs li:hover { border: 1px solid #dfdfdf; border-bottom:0; background: #fff; } .detail_sec .tabs li.active a,.detail_sec .tabs li a:hover ,.detail_sec .tabs li:hover a { text-decoration:none; color: #282828; } .detail_sec #fk-image-zoom-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; justify-content: center; align-items: center; } .detail_sec #fk-image-zoom-container.active {display: flex;z-index: 1020;background: white;} .detail_sec #fk-image-zoom { max-height: 100vh; max-width: 100%; } .detail_sec .fk-image-zoom-switch, .detail_sec .fk-image-zoom-quit { position: fixed; display: flex; align-items: center; } .detail_sec .fk-image-zoom-left { left: 0; top: 0; bottom: 0; width: 50%; } .detail_sec .fk-image-zoom-right { right: 0; top: 0; bottom: 0; width: 50%; display: flex; justify-content: flex-end } .detail_sec .fk-image-zoom-quit { right: 0; top: 0; padding: 10px;} .detail_sec .fk-image-zoom-switch, .detail_sec .fk-image-zoom-quit{ font-size: 40px; padding: 10px; color: rgba(0,0,0,0.2); text-shadow: 0 0 2px white; } .detail_sec .fk-image-zoom-switch:hover, .detail_sec .fk-image-zoom-quit:hover { text-decoration: none; color: rgba(0,0,0,0.7); } .detail_sec #deliveryCountdown{color:#ff8000;font-weight: bold;} .detail_sec #article-detail-tab-car_data table td {padding:5px 10px;} .detail_sec #article-detail-tab-car_data table th {padding:10px;} .detail_sec #article-detail-tab-car_data table tr:nth-child(even) {background-color: #c3c3c3;} .detail_sec #article-detail-tab-car_data table tr:nth-child(odd) {background-color: #f0f0f0;} .detail_sec .specification { width: 47.5%; float: right; margin: 0 0 40px 40px; } .detail_sec .tab-bar h2 { font-style:italic; font-weight:300; letter-spacing: -0.03em; padding-bottom: 22px; } .detail_sec p a { text-decoration:underline; } .detail_sec p a:hover { text-decoration:none; } .detail_sec .specification li span { color: #282828; } .detail_sec .specification li .heading {width: 185px;float: left;font-weight:700;overflow-x: hidden;text-overflow: ellipsis;} .detail_sec .specification li .desc { display: block; overflow:hidden; font-weight:400; } #review textarea {width: 100%; height: 100px;} #review .button {max-width: 400px; box-shadow: none; } #review .reviewer-name { font-weight: bold } #review dl { margin-bottom: 20px; } #review dl > dd:last-child { margin: 0 10px; } #review .individual-rating { margin-right: 10px; } #review .individual-rating i { padding: 0; margin-right: -3px; color: #e6ae05 } /*selection_sec*/ .selection_sec {margin: 0 0 32px;padding: 25px 0 2px;width: auto;overflow: hidden;/* border-top: 1px solid #dfdfdf; */border-bottom: 1px solid #dfdfdf;} .selection_sec h5 { letter-spacing: -0.02em; padding-bottom: 28px; } .selection_sec .filter h6 { color: #e6ae05; } .selection_sec h6 { padding-bottom: 7px; } .selection_sec .active-filter { overflow: hidden; } .selection_sec .active-filter li:hover { border-color: currentColor } .selection_sec .active-filter li { padding: 0 10px; margin-bottom: 10px; font-size: 12px; line-height: 28px; color: #e6ae05; border: 1px solid #d5d5d5; width: 100%; float: left; background:url(../../../img/gradient.jpg) left top repeat-x; background-size: 1px 100%; border-radius: 6px; -webkit-border-radius: 6px; -ms-border-radius: 6px; } .selection_sec .active-filter li a { color: #e6ae05; display: block } .selection_sec .active-filter li a:hover { text-decoration: none } .selection_sec .active-filter li span {font-weight:700;margin: 0 5px;} .selection_sec a.remove { display: inline-block; vertical-align: top; margin: 12px 10px; font-size: 12px; line-height: 16px; color: #282828; margin-bottom: 30px } .selection_sec a.remove i { margin-right:7px; } .selection_sec .material { padding: 0 0 17px; overflow: hidden; } .selection_sec .material h6 { color: #282828; padding-bottom: 14px; cursor: default; } .selection_sec .material h6:not(.open) + ul { display: none } .selection_sec .material h6 i { font-weight: 400; font-size:10px; display: inline-block; vertical-align: top; line-height: 12px; padding: 0 2px; } .selection_sec .material li { width: 100%; float: left; padding-bottom: 0px; } .selection_sec .material li:not(.ith-display) { display: none; } .selection_sec .material li.ith-more { padding-left: 28px; font-size: 12px; } .selection_sec .material li.ith-more a { display: block; } .selection_sec .material li.ith-more a:hover { text-decoration: none } .selection_sec .material a { color: black; } .selection_sec .price label { float: left; font-size: 12px; padding-right:10px; line-height: 30px; font-weight:400; } .selection_sec .price .form-control { margin-right:10px; width: 25%; } .selection_sec .price { overflow: hidden; padding-bottom: 32px; } .selection_sec .label { font-weight:400; float: left; font-size: 12px; line-height: 16px; color: #282828; padding: 7px 0; display: inline-block; vertical-align: top;} .selection_sec .range .label + .label { float: right; } .selection_sec .range .bar { width: 100%; height: 1px; display: block; background: #153b79; overflow: hidden; } .selection_sec .range .rangebar { margin:3px 0 10px; overflow: hidden; padding: 7px 0; position: relative;} .selection_sec .range a.min { position:absolute; left:25px; top:0; width: 18px; height: 14px; display: block; background:url(../../../img/min.png) left top no-repeat; background-size: 100% 100%; } .selection_sec .range a.max { position:absolute; right:0; top:0; width: 18px; height: 14px; display: block; background:url(../../../img/max.png) left top no-repeat; background-size: 100% 100%; } .selection_sec .price { margin-top: 20px } .selection_sec .range { margin-bottom: 30px; } .selection_sec .range button[type="submit"] { display: block; overflow:hidden; width: 1px; height: 1px; position: fixed; left: -9999px; top: -9999px; } .selection_sec .ith-price-input { width: 70px; display: block; text-align: center } #rangebar-fk { width: 100%; height: 1px; display: block; background: #153b79; position: relative; margin-top: 10px; } #rangebar-fk > .ui-slider-range { top: 0; height: 100%; position: absolute; background: red; } #rangebar-fk > .ui-slider-handle { position: absolute; z-index: 2; width: 36px; height: 18px; cursor: pointer; top: -9px; background: white; margin-left: -18px} #rangebar-fk > .ui-slider-handle:nth-child(2) { background: url(../../../img/min.png) left top no-repeat; background-size: 50% auto; background-position: 18px center } #rangebar-fk > .ui-slider-handle:nth-child(3) { background: url(../../../img/max.png) left top no-repeat; background-size: 50% auto; background-position: left center } .ith-filter-box .ith-flex { display: flex; justify-content: space-between; margin: 0 3px; } .ith-filter-searchable { } .ith-search-container { margin-bottom: .75em; position: relative; } .ith-filter-search-icon { position: absolute; left: 2px; top: calc(50% - 2px); font-size: .9em !important; transform: translate3d(0, -50%, 0); color: rgba(0,0,0, .3); } .ith-search-input { position: relative; display: block; width: 100%; border: none; border-bottom: 1px solid #aaa; padding: 0 1em 0 2ch; } .ith-search-input:focus { border-bottom-color: #3396db; } .ith-search-input::placeholder { color: rgba(0,0,0, .3); } .ith-search-input:focus::placeholder { color: rgba(51, 150, 219, 0.42); } /*bodykit_sec*/ .bodykit_sec { width: auto; position: relative; } .bodykit_sec .internal { position: relative; } .bodykit_sec h1 {padding-bottom: 30px;} .bodykit_sec .banner img { width: 100%; } .bodykit_sec .sorting { width: 100%; padding: 12px 0; } .bodykit_sec .selection { float: left; position: relative; } .bodykit_sec .selection span.title { font-size: 12px; line-height: 16px; position:absolute; left:0; top:0; padding: 10px; background: transparent; } .bodykit_sec .selection.items { position:absolute; right: 0; top:12px; } .bodykit_sec .product_sec.topseller { margin-right:-35px; padding:0; border-bottom: 1px solid #dfdfdf;} .bodykit_sec .product_sec.topseller .block { margin:0; border-top: 1px solid #dfdfdf;overflow:hidden; } .bodykit_sec .product_sec.topseller .block .hasVariants{color: #ffffff; height: 27px;position: absolute;width: 135px;left: 0px;padding-top: 4px;z-index: 8;top: 0px;font-size: 12px;} .bodykit_sec .product_sec.topseller .block .hasVariants::after { content: '';position: absolute; top: 0;left: 0;width: 115%; height: 100%;background: #153b79;-webkit-transform-origin: 100% 0;-ms-transform-origin: 100% 0;transform-origin: 100% 0;-webkit-transform: skew(-45deg);-ms-transform: skew(-45deg);transform: skew(-16deg);z-index: -1;} @media only screen and (max-width: 639px) { .bodykit_sec .product_sec.topseller .block .hasVariants{height: 30px;width: 146px;left: -48px;padding-top: 2px;top: 8px;font-size: 10px;line-height: 12px;text-align: center;} } .bodykit_sec .pagination { text-align: center; display: block; } .bodykit_sec .pagination li { display: inline-block; margin: 0 5px; vertical-align: top; } .bodykit_sec .pagination > li > a, .pagination > li > span { padding: 0; border:0; font-size: 12px; line-height: 16px; color: #282828; font-weight:400; background: none; } .bodykit_sec .pagination > li a.page.active {font-weight:800;} .bodykit_sec .pagination > li > span { font-weight:400; } .bodykit_sec .pagination > li.active > a,.bodykit_sec .pagination > li > a:hover { color: #e6ae05; background: none; } .bodykit_sec .text { padding: 20px 0 0 0; } .bodykit_sec .text p { padding: 0px 0 0px 0; } .content_sec .content-area .pixiloading{background: url(../../../src/bg/bx_loader.gif) center center no-repeat #fff;z-index: 1; margin-top: -555px; margin-left: 70px;width: 32px;height: 32px;} .bodykit_sec .notfound .notfound_blue, .bodykit_sec .notfound .notfound_btn, .bodykit_sec .notfound .notfound_btn * { background: #153B79; color: white; padding: 10px 10px; border-radius: 5px; margin-bottom: 20px; } .bodykit_sec .notfound .notfound_head { color: #153B79; font-weight: bold; font-size: larger; } .bodykit_sec .notfound ul > li { color: #444; font-weight: bold; margin: 10px 30px; } .bodykit_sec .notfound .button.not_found_button { float: right } .bodykit_sec .listRefine { display: flex; height: 100%; justify-content: space-between; width: 100%; overflow: inherit } .bodykit_sec .listRefine .items.selection { position: relative; right: inherit; order: 2; } .bodykit_sec .listRefine .pagination { display: none; } /*checkbox styling*/ .check { position: relative; width: 100%; overflow: hidden; } .check label { padding: 0 0 0 25px; font-size: 12px; position: relative; cursor: pointer; line-height: 16px; font-weight:400; display: block; } .check label:before { width: 16px; height: 16px; content:''; position:absolute; left:0;top:0; background:url(../images/check1.png) left top no-repeat; } .check input[type="checkbox"] { width: 16px; height: 16px; float: left; margin:0; } .check input[type="checkbox"]:checked + label:before { background-position: left bottom; } .ith-filter-box .check {position: relative;width: 100%;overflow: hidden;margin-left: 5px;} .ith-filter-box .check label { padding: 0 0 0 25px; font-size: 12px; position: relative; cursor: pointer; line-height: 16px; font-weight:400; display: block; } .ith-filter-box .ith-flex .check { overflow: inherit; width: calc(100% - 50px); } .ith-filter-box .ith-flex .check label { padding-left: 20px;} .ith-filter-box a.ith-flex:hover { text-decoration: none } .ith-filter-box .ith-flex span.ith-count { font-size: 12px; width: 50px; text-align: right; } .ith-filter-box .check label:before { width: 16px; height: 16px; content:''; position:absolute; left:0;top:0; background:url(../../../img/check1.png) left top no-repeat; } .ith-filter-box .check input[type="checkbox"] {width: 16px;height: 16px;float: left;margin:0;position: absolute;} .ith-filter-box .check input[type="checkbox"]:checked + label:before { background-position: left bottom; } label.innerLabel{ display:block; position:relative; color:#B4B8B8; margin: 3px 0 0 5px; font-weight: normal; text-transform: uppercase; } label.innerLabel.textArea{ text-transform: none; } /*checkbox styling*/ .infinite { font-size: 20px; line-height: 12px; position: relative; top: 3px; margin: 0 !important; } .bootstrap-select { margin:0; width: auto !important; } .dropup .dropdown-menu { bottom: auto; top: 100%; } .bootstrap-select .dropdown-menu li:hover a,.bootstrap-select .dropdown-menu li:hover,.bootstrap-select .dropdown-menu li.selected a,.bootstrap-select .dropdown-menu li.selected { background: #ccc; } .bootstrap-select .dropdown-menu li { font-size: 12px; line-height:16px; padding:7px 0px; background: #fff; } .bootstrap-select .dropdown-menu > li > a { transition:none; -webkit-transition:none; -ms-transition:none; padding: 0 10px; color: #282828; background: #fff } .bootstrap-select .dropdown-menu > li > a span { padding: 0; color: #282828; } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info,.bootstrap-select .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #282828 !important; background: none !important; } .bootstrap-select.open { box-shadow: 0px 0px 4px rgba(0,0,0,0.4) !important; -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4) !important; -ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.4) !important; border-bottom: 1px solid #dfdfdf; } .btn-group.open .dropdown-toggle { box-shadow: none !important; -webkit-box-shadow: none !important; -ms-box-shadow: none !important; } .bootstrap-select.btn-group .dropdown-toggle .caret { width: 6px; height: 6px; border: 2px solid #282828 !important; border-left:0 !important; border-bottom: 0 !important; right: 13px; margin-top: -3px; transform: rotate(135deg); } .bootstrap-select .btn { font-size: 12px; line-height: 18px; background: none; color: #282828; font-weight:800; border: 0; border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; padding: 10px 30px 10px 120px; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { background-color: #ff8000; } .bootstrap-select .dropdown-menu { margin:0; padding: 0; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); } .bootstrap-select.btn-group .dropdown-menu.inner { padding: 4px 0; max-height: 100% !important; overflow-y: hidden !important; } .bootstrap-select.btn-group .dropdown-menu { max-height: 100%; background: #fff; } .bootstrap-select .dropdown-menu.open { max-height: none !important; overflow:auto !important; background: #fff; } .bootstrap-select .dropdown-menu { background: #fff; border:none; border-top: 1px solid #d5d5d5; border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; } .bootstrap-select .dropdown-toggle:focus { outline:none !important; } /*bottom_sec*/ .bottom_sec { padding: 25px 0 10px; width: auto; overflow: hidden; } .bottom_sec .block { position: relative; background-position: center center; background-size:cover; height: 100%; background-color: #153b79; padding: 20px 25px 25px; text-align: center; color: #fff; } .bottom_sec h2 { text-transform:uppercase; letter-spacing: -0.08em; padding-bottom: 30px; font-style:italic; } .bottom_sec h2 a { color: #fff; } .bottom_sec h2 a:hover { color:#e6ae05 ; text-decoration:none; } .bottom_sec p { padding-bottom: 8px; line-height: 18px; } .bottom_sec a[href^="tel"] { font-size: 22px; line-height: 26px; text-decoration:none; margin-bottom: 10px; font-weight:800; display: inline-block; vertical-align: top; color: #fff; } .bottom_sec p a { color: #fff; font-weight:700; text-decoration:underline; } .bottom_sec p a:hover { text-decoration:none; } .bottom_sec .button { display: block; margin-top:13px; } .bottom_sec .button:hover { background: #e6ae05; } .bottom_sec span.title { font-size: 49px; line-height: 59px; font-weight:800; margin: 40px 0 20px; display: block; font-style:italic; } .bottom_sec span.title cite { font-style:italic; letter-spacing: -0.06em; padding: 0 15px; display: inline-block; vertical-align: top; background: #e6ae05; } .bottom_sec span.title cite + br + cite { margin-top:-10px; padding-bottom: 4px; } .bottom_sec a.link { color: #fff; font-weight:700; text-decoration:underline; } .bottom_sec a.link:hover { text-decoration:none; } .bottom_sec .sports { text-align: right; padding: 40px 45px; } .bottom_sec .sports h2 { font-size: 39px; padding-bottom: 15px; line-height: 37px; } .bottom_sec .sports p { line-height: 25px; } .bottom_sec span.tag { width: 87px; height: 87px; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; font-size: 34px; background: #e6ae05; font-weight:800; padding: 30px 5px; text-align:center; display: block; letter-spacing: -0.04em; position:absolute; left: 25px; bottom: 25px; top:auto; } /*footer*/ footer { z-index:9; color: #fff; background-size: auto 100%; position: relative; background-image:linear-gradient(90deg, #153b79 22%, #0c2450 64%)} footer span.title1 { cursor: pointer; min-width:570px; font-size: 16px; line-height: 20px; padding: 10px 17px; position:absolute; left: 50%; top: -40px; background: #222; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); font-style:italic; font-weight: 800; } footer span#footerinfobar.title { cursor:pointer; opacity:0.5; min-width:570px; font-size: 16px; line-height: 20px; padding: 10px 17px; position:fixed; left: 50%; bottom: 0px; background: #222; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); font-style:italic; font-weight: 800; } footer span#footerinfobar.title:hover { opacity:1;} footer span#taxAndShippingFooter{float: left;font-size: 12px;margin-top: 8px;text-align: center;width: 80%;} footer span.title i { font-size: 10px; display: inline-block; vertical-align: middle; line-height: 10px; margin: 0 10px 5px 0; } footer .container { padding-bottom: 30px; padding-top:25px; } footer h3 { padding-bottom: 22px; font-size: 24px; letter-spacing: -0.02em; color: #e6ae05; font-weight:700; font-style:italic; } footer .pay { margin: -5px; } footer .pay li { padding:0; margin: 5px; float: left; } footer .link { color: #fff; text-decoration:underline; font-style:italic; } footer .link:hover { text-decoration:none; } footer a { color: #fff; } footer .logo { width: 150px; margin-bottom: 20px; } footer li { font-size: 14px; letter-spacing: -0.02em; line-height: 17px; padding-bottom: 3px; font-style:italic; } footer li.sale a,footer li a:focus,footer li a:hover { color: #e6ae05; text-decoration:none; } footer ul { margin-bottom: 20px; } footer p { font-size: 14px; letter-spacing: -0.02em; line-height: 20px; font-style:italic; } footer a.info, footer p a { text-decoration:underline; } footer a.info:hover ,footer a.link:hover ,footer p a:hover { text-decoration:none; color: #fff; } footer a { display: inline-block; vertical-align: top; } footer a.info { padding: 0 0 0 35px; font-style:italic; margin: 15px 0 12px; background:url(../../../src/bg/footer-icon.png) left center no-repeat; } footer [class*="col-"] { float: none; display: inline-block; vertical-align: top; margin: 0 -2px; } /* welcome-bar */ .welcome-bar { width: 100%; position: relative; } .welcome-bar h2 { padding-bottom: 30px; color: #82110f; font-size: 40px; line-height: 44px; text-transform: uppercase; } .welcome-bar h2 span { padding-bottom: 4px; font-size: 16px; line-height: 20px; color: #333; text-transform: none; display: block; } .welcome-bar h3 { padding-left: 43px; height: 40px; line-height: 40px; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; color: #fff; font-size: 16px; text-transform: uppercase; background: #333 url('../../../img/welcome_icon1.png') 20px 9px no-repeat; } .welcome-bar .shop h3 { padding-left: 46px; background: #333 url('../../../img/welcome_icon3.png') 20px 11px no-repeat; } .welcome-bar .orders h3 { padding-left: 52px; background: #333 url('../../../img/welcome_icon2.png') 19px 14px no-repeat; } .welcome-bar ul { padding: 18px 20px; min-height: 195px; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-top: none; list-style: none; overflow: hidden; background: #d6d6d6; } .welcome-bar li { width: 100%; float: left; } .welcome-bar li { width: 100%; float: left; font-family: Arial; border-top: 1px solid #d6d6d6; } .welcome-bar li a { padding: 5px 0 6px 15px; display: block; line-height: 18px; color: #333333; font-size: 14px; transition: all 0.3s; -webkit-transition: all 0.3s; background: url('../../../img/welcome_arrow.png') left 10px no-repeat; } .welcome-bar li a:hover { color: #948d70; } /*rating*/ li.rateable i.selectable { color: #112E5E } /*error design*/ .status.error.corners {border: 2px solid red;color: red;font-size: 16px;font-weight: bold;line-height: 30px;margin: 15px 0;padding: 10px;text-align: center;} /*extra Filter Fahrzeughersteller*/ ul.car_manufacturer > li {padding-bottom: 0 !important;} .car_manufacturer_inline { display: inline-block; width: auto !important; } .car_manufacturer_inline .ith-count { display: none; } .car_manufacturer_inline label:before { display: none;} .car_manufacturer_inline label:after { content: ", ";} ul > .car_manufacturer_inline:nth-last-child(2) label:after {display: none;} .car_manufacturer_inline label { display: none; padding: 2px 0 !important; white-space: nowrap !important;} /*DSGVO*/ .oegdprbase-delete-shipping-address-button { margin-right: 5px; display: none;} .oegdprbase-modal .modal-header .closePop { display: none;} /*CSV-Download*/ #csv-downloads .csv_instructions{margin: 20px 0;} #csv-downloads .csv_fields{margin-top:15px;} #csv-downloads .csv_fields .td_one{ font-weight: bold;min-width: 215px;} #csv-downloads .csv_fields .td_two{ font-weight: bold;} #csv-downloads .downloads{margin: 20px 0} #csv-downloads .downloads .categorylist{margin-top:20px;} #csv-downloads .downloads .categorylist p{font-weight: bold;font-size:16px;} #csv-downloads .downloads .categorylist ul{margin-right:10px;} .account_preorder_content {overflow: hidden;} .account_preorder_content .button{min-width: 250px;} .account_preorder_content p {padding:0;} .account_preorder_content .pre-order_row {border: 1px solid #dfdfdf; margin-top:10px;overflow:hidden;} .account_preorder_content .pre-order_row .prepic {float:left;width:25%;} .account_preorder_content .pre-order_row .header {font-weight: bold;margin-top:5px;} .account_preorder_content .pre-order_row .pre-order-articleinfo{float:right;width:72%;margin-left:10px;} .account_preorder_content .pre-order_row .pre-order-status{float:right;width:72%;margin:10px 0;} .account_preorder_content .pre-order_row .pre-order-status p {width:auto;margin-left:10px;} .account_preorder_content .pre-order_row .pre-order-status p span {width: 220px;float:left;display: block;} .account_preorder_content .pre-order_row .pre-order-stock {width:72%; float:right;margin:10px 0;} .account_preorder_content .pre-order_row .pre-order-stock img{float:left;margin-right:5px;} .account_preorder_content .pre-order_row .pre-order-buttons {margin-left:5px;float:right;width:100%;padding-right:10px;} .account_preorder_content .pre-order_row .pre-order-buttons .amountContainer {width: 200px;float:left;padding-left:10px;padding-top:20px;} .amountContainer a.plus { margin:auto; width: 22px; height: 17px; display: block; vertical-align: top; background: url(../../..src/bg/plus.png) no-repeat; background-size: 100% 100%; } .amountContainer a.minus {margin:auto; width: 22px; height: 17px; display: block; vertical-align: top; background: url(../../../src/bg/minus.png) no-repeat; background-size: 100% 100%; } .amountContainer a.minus:hover ,.amountContainer a.plus:hover { opacity: 0.70; } .amountContainer input[type="text"] { float: none; width: 100%; text-align: center; height: 20px; border:0; background: none; font-size: 12px; color: #153b79; display: block; } .amountContainer .head { float: left; display: inline-block; vertical-align: middle; padding:0; font-size: 12px; line-height:24px; padding-right:10px; font-weight:800; } .amountContainer a.minus,.amountContainer a.plus { margin: 5px 0; width: 22px; height: 19px; float: left; } .amountContainer a.minus { background-image:url(../../../src/bg/minus1.png); } .amountContainer a.plus { background-image:url(../../../src/bg/plus1.png); margin:5px 0;} .amountContainer input[type="text"] { float: left; height: 29px; width: 44px; margin:0 10px !important; }