/* FONT */ /*********************************************************************/ @font-face { font-family: 'Beosupreme'; src: url('../beosupremett-medium.html'); src: url('../index-297.html') format('opetype'), url('../index-298.html') format('opetype'), url('../index-299.html') format('opetype'), url('../index-300.html') format('opetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSansLight'; src: url('../eot/opensans-light-webfont.eot'); src: url('../eot/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../woff/opensans-light-webfont.woff') format('woff'), url('../opensans-light-webfont.html') format('truetype'), url('../svg/opensans-light-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('../eot/opensans-regular-webfont.eot'); src: url('../eot/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../woff/opensans-regular-webfont.woff') format('woff'), url('../opensans-regular-webfont.html') format('truetype'), url('../svg/opensans-regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('../eot/opensans-semibold-webfont.eot'); src: url('../eot/opensans-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../woff/opensans-semibold-webfont.woff') format('woff'), url('../opensans-semibold-webfont.html') format('truetype'), url('../svg/opensans-semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('../eot/opensans-bold-webfont.eot'); src: url('../eot/opensans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../woff/opensans-bold-webfont.woff') format('woff'), url('../opensans-bold-webfont.html') format('truetype'), url('../svg/opensans-bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtraBold'; src: url('../eot/opensans-extrabold-webfont.eot'); src: url('../eot/opensans-extrabold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../woff/opensans-extrabold-webfont.woff') format('woff'), url('../opensans-extrabold-webfont.html') format('truetype'), url('../svg/opensans-extrabold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } /* RESET */ /*********************************************************************/ html, body { width: 100%; min-height: 100%; margin: 0; padding: 0; text-align: left; background: #000; font-family: OpenSansRegular, Arial, sans-serif; font-size: 12px; line-height: normal; color: #FFF; position: relative; } body.overflow-hidden, html.overflow-hidden { overflow: hidden; position:relative; } textarea { overflow: auto; outline: none; } input, select, a { outline: none; } img { border:none; line-height: 0; font-size: 0; } * { padding: 0; margin: 0; } table { width: 100%; border-collapse: collapse; border-spacing: 0; border: none; } h1, h2, h3, h4, h5, h6, .h2title { font-family: OpenSansExtraBold, Arial, serif; font-size: 18px; line-height: 22px; font-weight: normal; color: #FFF; } p { text-align: left; } a:link, a:visited { text-decoration: none; color: var(--clr-orange);} a:hover, a:active { text-decoration: underline; } .clear { height: 0; width: 0; clear: both; display: block; visibility: hidden; margin: 0; padding: 0; overflow: hidden; font-size: 0; line-height: 0; } .cf:before, .cf:after { content:""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; } #content #pagina .account-order ul.pdf_list { list-style: none; clear: both; width: 100%!important; margin: 20px 0px 0px; float: left; border-top: 1px solid #CCC; padding-top: 10px; } #content #pagina .account-order ul.pdf_list li { background: url('../png/pdf_icon_small.png') no-repeat; padding-left: 30px; line-height: 25px!important; float: left; margin-bottom: 2px; width:auto!important; margin-right: 20px; } span.big_twitter { font-size: 40px; float: left; line-height: 44px; color: #4ac6fe; font-family: OpenSansBold!important; margin-right: 20px; } /* GENERAL */ /*********************************************************************/ /*#wrap { min-height: 100%; background: url('https://files.avstore.ro/qube/get/ced6e528ee0a5f8dd531591533335dd2'); background-position: center 65px}*/ .btn-1 { height: 28px; line-height: 30px !important; padding: 0 10px; border: 1px solid #363B44; display: inline-block; background: url('../png/btn_bg_1.png') 0 0 repeat-x; color: #FFF !important; font-family: OpenSansBold, Arial, sans-serif; font-size: 9px; text-transform: uppercase; } .btn-1:hover { text-decoration: none; background-position: 0 -29px; } .btn-1.open { border: 1px solid #EDEDED; background: #EDEDED; color: #4C5360 !important; text-shadow: none; } .btn-2 { height: 28px; line-height: 28px !important; padding: 0 10px; display: inline-block; color: #FFF !important; font-family: OpenSansBold, Arial, sans-serif; font-size: 13px; text-transform: uppercase; text-shadow: 0 -1px #056D9D; border-radius: 2px; } .btn-2:hover { text-decoration: none; background-position: 0 -29px; } .btn-2 { width: 100%; height: 100%; background: #49B2E3; display: flex; align-items: center; justify-content: center; font-family: var(--ff-aga); font-size: 18px; padding-top: 5px; } .produs .btn-2 { padding-top: 2px; } .btn-3 { height: 28px; line-height: 28px !important; padding: 0 10px; border: 1px solid #0095D9; display: inline-block; background: url('../png/btn_bg_2.png') 0 0 repeat-x; color: #FFF !important; font-family: OpenSansBold, Arial, sans-serif; font-size: 9px; text-shadow: 0 -1px #056D9D; } .btn-3:hover { text-decoration: none; background-position: 0 -29px; } .btn-3.open { border: 1px solid #EDEDED; background: #EDEDED; color: #0095D9 !important; text-shadow: 0 1px #FFF; } .btn-4 { height: 28px; line-height: 28px !important; padding: 0 10px; border: 1px solid #E54B00; display: inline-block; background: url('../png/btn_bg_3.png') 0 0 repeat-x; color: #FFF !important; font-family: OpenSansBold, Arial, sans-serif; font-size: 13px; text-transform: uppercase; text-shadow: 0 -1px #9D4B0F; border-radius: 2px; } .btn-4:hover { text-decoration: none; background-position: 0 -28px; } .btn-4 .cos, .btn-10 .cos { padding-left: 24px; display: inline-block; background: url('../png/ico_cos_2.png') left 3px no-repeat; } .btn-5 { height: 18px; line-height: 18px !important; padding: 0 10px; border: 1px solid #0095D9; display: inline-block; background: url('../png/btn_bg_2.png') 0 0 repeat-x; color: #FFF !important; font-family: OpenSansBold, Arial, sans-serif; font-size: 9px; text-shadow: 0 -1px #056D9D; text-transform: uppercase; } .btn-5:hover { text-decoration: none; background-position: 0 -29px; } .btn-5 .sg { padding-right: 15px; background: url('../png/sg_12.png') right 3px no-repeat; } :hover.btn-5 .sg { background-position: right -14px; } .btn-6 { height: 18px; line-height: 18px !important; padding: 0 10px; border: 1px solid #363B44; display: inline-block; background: url('../png/btn_bg_1.png') 0 0 repeat-x; color: #FFF !important; font-family: OpenSansBold, Arial, sans-serif; font-size: 9px; text-transform: uppercase; } .btn-6:hover { text-decoration: none; background-position: 0 -29px; } .btn-6 .sg { padding-right: 15px; background: url('../png/sg_11.png') right 3px no-repeat; } :hover.btn-6 .sg { background-position: right -14px; } .btn-7 { height: 38px; line-height: 38px !important; padding: 0 20px; border: 1px solid #363B44; display: inline-block; background: url('../png/btn_bg_4.png') 0 0 repeat-x; color: #FFF !important; font-family: OpenSansBold, Arial, sans-serif; font-size: 9px; text-transform: uppercase; } .btn-7:hover { text-decoration: none; background-position: 0 -38px; } .btn-7 .sg { padding-right: 15px; background: url('../png/sg_11.png') right 3px no-repeat; } :hover.btn-7 .sg { background-position: right -14px; } .btn-8 { height: 22px; line-height: 22px !important; padding: 0 10px; border: 1px solid #BE4200; display: inline-block; background: url('../png/btn_bg_5.png') 0 0 repeat-x; color: #FFF !important; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; text-shadow: 0 -1px #9C490E; border-radius: 2px; } .btn-8:hover { text-decoration: none; background-position: 0 -22px; } .btn-9 { height: 28px; line-height: 28px !important; padding: 0 10px; border: 1px solid #363B44; display: inline-block; background: url('../png/btn_bg_4.png') 0 0 repeat-x; color: #FFF !important; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; border-radius: 2px; } .btn-9.btn-green { background-image: url('../png/btn_bg_4_green.png'); } .btn-9:hover { text-decoration: none; background-position: 0 -38px; } .btn-9 .ico-btn { display: inline-block; background: url('../png/ico_btn.png') no-repeat; } .btn-9 .ico-btn.compara { padding-left: 38px; background-position: 0 1px; } .btn-9 .ico-btn.info { padding-left: 25px; background-position: 0 -28px; } .btn-9 .ico-btn.sicap { background-image: url('../png/sicap.png'); padding-left: 25px; background-position: 0 6px; } .btn-inchide { width: 20px; height: 20px; display: block; background: url('../png/btn_inchide.png') 0 0 no-repeat; } :hover.btn-inchide { background-position: 0 -20px; } .btn-slide { width: 60px; height: 25px; display: inline-block; background: url('../png/btn_bg_3.png') 0 0 repeat-x; position: relative; border-radius: 15px; box-shadow: inset 0 4px 4px -4px rgba(0,0,0,0.5); } .btn-slide.activ { background: url('../png/btn_bg_2.png') 0 0 repeat-x; } :hover.btn-slide { text-decoration: none; } .btn-slide .text-af { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; color: #FFF; text-transform: uppercase; position: absolute; top: 4px; left: 10px; } :hover.btn-slide .text-af { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; color: #FFF; text-transform: uppercase; text-decoration: none; } .btn-slide.activ .text-af { right: 10px; left: auto; } .btn-slide .knob { width: 25px; height: 25px; display: block; background: url('../png/ico_knob.png') 0 0 no-repeat; position: absolute; top: 0; left: 1px; } :hover.btn-slide .knob { background-position: 0 -25px; } .btn-slide .knob { right: 1px; left: auto; } .btn-slide.activ .knob { left: 1px; right: auto; } a.link-sterge:link, a.link-sterge:visited { padding-right: 12px; display: inline-block; background: url('../png/ico_sterge.png') right 2px no-repeat; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 10px; color: #FFF; text-transform: none; } :hover.link-sterge { } .input-1 { height: 25px; padding: 5px 11px; margin: 2px 20px 10px 2px; border: 1px solid #CCC; background: #FFF; box-shadow: inset 0 0px 3px 1px rgba(0,0,0,0.5); border-radius: 5px; } .input-1.toggle { background: none; box-shadow: none; border: none; padding: 5px 0px; height: 27px; line-height: 27px; } .input-1 span { display: none; font-weight: bold; font-size: 16px; } .input-1.toggle input { display: none; } .input-1.toggle span { display: block; } .form .row .element.input-1.select { padding: 0; height: auto; padding: 0; width: 468px; box-sizing: border-box; } .form .row .input-1.select select { margin: 0; padding: 0; outline: none; outline-width: 0 !important; height: 37px; width: 100%; border: none; border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; padding-left: 6px; } .input-1 input { width: 100%; background: none; border: none; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; } .input-1.error, .textarea.error, .select-1.error { box-shadow: inset 0 0px 1px 1px rgba(255,0,0,1); } .input-1.error input, .select-1.error select, .textarea.error textarea { color:red; } .input-1.error.focus, .textarea.error.focus, .select-1.error.focus { border-color: rgba(255, 0, 0, 0.8); -webkit-box-shadow: inset 0 0px 3px 1px rgba(255,0,0,0.5), inset 0 7px 7px rgba(255, 0, 0, 0.075), 0 0 8px 3px rgba(255, 0, 0, 0.6); -moz-box-shadow: inset 0 0px 3px 1px rgba(255,0,0,0.5), inset 0 7px 7px rgba(255, 0, 0, 0.075), 0 0 8px 3px rgba(255, 0, 0, 0.6); box-shadow: inset 0 0px 3px 1px rgba(255,0,0,0.5), inset 0 7px 7px rgba(255, 0, 0, 0.075), 0 0 8px 3px rgba(255, 0, 0, 0.6); } .element.file { position: relative; width: 200px; height: 50px; padding-left: 80px; } .textarea.focus , .input-1.focus, .select-1.focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 0px 3px 1px rgba(0,0,0,0.5), inset 0 7px 7px rgba(0, 0, 0, 0.075), 0 0 8px 3px rgba(1, 150, 219, 0.8); -moz-box-shadow: inset 0 0px 3px 1px rgba(0,0,0,0.5), inset 0 7px 7px rgba(0, 0, 0, 0.075), 0 0 8px 3px rgba(1, 150, 219, 0.8); box-shadow: inset 0 0px 3px 1px rgba(0,0,0,0.5), inset 0 7px 7px rgba(0, 0, 0, 0.075), 0 0 8px 3px rgba(1, 150, 219, 0.8); } /*#modal-wrapper .window .inner-content .form .input-1 input { border: none; } #modal-wrapper .window .inner-content .form .row .large textarea { width:554px; padding:10px; color:white; } #modal-wrapper .window .inner-content .form .row .input-1 { width: 265px; } #modal-wrapper .window .inner-content .form .row .input-1.large { width: 554px; }*/ .textarea textarea { height: 60px; min-height: 60px; border: none; background: none; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; color: #FFF; padding: 5px 11px; } .select-1 { height: 29px; padding:3px; margin: 2px 2px 18px 2px; border-top: 1px solid #000; background: #838383; box-shadow: inset 0 -1px 3px 1px rgba(0,0,0,0.5); } .select-1 select { width: 100%; border: none; background: none; font-size: 12px; color: #FFF; position: relative; padding: 6px 7px; } .select-1 select option { margin: 3px 2px; color: black;} .slider { padding: 25px 12px 14px 12px; } .slider .wrapper { height: 17px; padding: 0 7.5px; margin: 0; background: #333; border-radius: 3px; } .box.alt .slider .wrapper { background:#444; } .slider .val { padding: 2px 0 10px 0; font-family: OpenSansSemiBold, Arial, sans-serif; line-height: 12px; overflow: hidden; } .slider #amount { height: 16px; line-height: 16px; width: 170px; text-align: right; display: inline; border: none; background: none; font-family: OpenSansBold, Arial, sans-serif; font-size: 12px; color: #FFF; float: left; } .slider .nr-prod { color: #CCC; float: right; height: 16px; line-height: 16px; } .slider .ui-slider { height: 7px; text-align: left; position: relative; margin-top: 4px; background: #666; border-color: #444; } .slider .ui-slider-range { height: 7px; background: url('../png/bg_general_6.png') 0 0 repeat-x!important; position: absolute; } .slider .ui-slider-handle { width: 15px; height: 13px; margin-left: -7.5px; margin-top:-4px; display: block; /*background: url('../images/btn_handler.png') 0 0 no-repeat*/; background: #CCC; position: absolute; top: 0; border-radius: 3px; } .slider .ui-slider-handle.ui-slider-handle { border: 1px solid #333; } .slider :hover.ui-slider-handle { background-position: 0 -13px; } .navigare { display: inline-block; list-style-type: none; } .navigare li { width: 15px; height: 16px; padding-right: 10px; float: left; } .navigare li.last { padding-right: 7px; } .navigare li a { width: 15px; height: 16px; display: block; background: url('../png/btn_nav.png') 0 0 no-repeat; } .navigare li a:hover, .navigare li.activ a { background-position: 0 -16px; } #mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); position: fixed; top: 0; left: 0; z-index: 20000; display: none; } #modal-wrapper .window { width: 520px; position: absolute; z-index: 30000; display: none; } #modal-wrapper .window .inner-header { width: 516px; height: 104px; border: 2px solid #1A1A1A; border-bottom: none; background: #000; position: relative; } #modal-wrapper .window .inner-header .btn-inchide { position: absolute; top: 9px; right: 10px; } #modal-wrapper .window .inner-header .st { width: 80px; padding: 10px 5px; line-height: 0; font-size: 0; position: relative; height: 80px; } #modal-wrapper .window .inner-header .st img { position: absolute; margin: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; } #modal-wrapper .window .inner-header .dr { width: 416px; padding: 20px 10px 0 0; } #modal-wrapper .window .inner-header .dr.big { width: 570px; padding-left: 20px;} #modal-wrapper .window .inner-header .dr .title { padding: 0 30px 5px 0; font-family: OpenSansRegular, Arial, sans-serif; font-size: 18px; color: #F68421; } #modal-wrapper .window #product-show-articles .inner-header .dr .title { font-family: OpenSansBold,Arial, sans-serif; color:white; } #modal-wrapper .window .inner-header .dr p { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; } #modal-wrapper .window .inner-content { float: left; width: 500px; padding: 0px 0px 18px 20px; background: #333; border-radius: 0 0 2px 2px; } #modal-wrapper .window .inner-content.black { background: #000; border: 2px solid #1A1A1A; border-top: none; } #modal-wrapper .window .inner-content p { padding-bottom: 18px; text-align: center; width:100%; } #modal-wrapper .window .inner-content .camp { padding: 0 30px 18px 20px; overflow: hidden; } #modal-wrapper .window .inner-content .camp.last { padding-bottom: 0; } #modal-wrapper .window .inner-content .camp.st { padding-right: 0; } #modal-wrapper .window .inner-content .camp.st .input-1 { width: 189px; } #modal-wrapper .window .inner-content label { color: #FFF; } /*#modal-wrapper .window .inner-content .input-1 { width: 484px; }*/ /*#modal-wrapper .window .inner-content .textarea { width: 484px; }*/ #modal-wrapper .window .inner-content .separator { height: 1px; margin: 0 0px 18px 0px; font-size: 1px; line-height: 1px; float:left; width:480px; margin-right: 20px; background: #CCC; } #modal-wrapper .window .inner-content.black .separator { background: #333; } #modal-wrapper .window .inner-content .newsletter { overflow: hidden; } #modal-wrapper .window .inner-content .newsletter p { width: 480px; margin-right: 0px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #FFF; text-align: right; } /*#modal-wrapper .window .inner-content .classicForm .form { float: left; } #modal-wrapper .window .inner-content .classicForm .form .row .large, #modal-wrapper .window .inner-content .classicForm .form .row.large { width:100%; } #modal-wrapper .window .inner-content .classicForm .form input, #modal-wrapper .window .inner-content .classicForm .form textarea { background: #838383; border-radius: 2px; -moz-border-radius: 2px; box-shadow: none; padding:0px; }*/ /*#modal-wrapper .window .inner-content .formErrors { background: none; padding: 0px; margin:20px 0px 0px; } #modal-wrapper .window .inner-content .formErrors p, #modal-wrapper .window .inner-content .formErrors li { color:#333; } #modal-wrapper .window .inner-content .formErrors li .errorsItems li { color: red; } #modal-wrapper .window .inner-content .classicForm .form .focus input, #modal-wrapper .window .inner-content .classicForm .form .focus textarea { background:#9A9A9A; }*/ .articles-table td { padding: 5px; } .st { float: left; } .dr { float: right; } .clearfix:after { clear: both; } .clearfix:before, .clearfix:after { display: table; content: ""; } /* HEADER */ /*********************************************************************/ #header { width: 100%; position: relative; z-index: 1000; } #header .cnt-1 { width: 1176px; height: 30px; margin: 0 auto 1px auto; } #header .cnt-2 { width: 100%; height: 190px; border-top: 1px solid #2D2F31; background: #15171A; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.6); } #header .cnt-2 .inner { width: 1176px; height: 60px; padding-top: 130px; margin: 0 auto; position: relative; } #header .dropdown { background: #EDEDED; overflow: hidden; position: absolute; z-index: 990; box-shadow: 0 3px 3px 3px rgba(0,0,0,0.2); display: none; } #header #utilizator { position: relative; height: 30px; list-style-type: none; float: left; } #header #utilizator li { height: 30px; padding-right: 20px; line-height: 30px; font-size: 11px; font-family: OpenSansSemiBold, Arial, sans-serif; color: #FFFFFF; text-shadow: 0 -1px #111214; position: relative; float: left; } #header #utilizator li .formErrors { } #header #utilizator li .formErrors .formErrorsTitle { color:#333; margin-bottom: 5px; } #header #utilizator li .formErrors li { color:red; height: auto; line-height: 18px; text-shadow: none; } #header #utilizator li .formErrors li .errorsItems li { color:red; float:none; text-shadow: none; } #header #utilizator li a { color: #0DB4FF; } #header #utilizator li.salut { padding: 0 10px 0 20px; background: url('../png/ico_utilizator.png') 0 4px no-repeat; position: relative; } #header #utilizator li .btn-1 { position: relative; z-index: 1000; } #header #utilizator li .login { padding-right: 14px; display: inline-block; background: url('../png/sg_1.png') right 13px no-repeat; } #header #utilizator li .dropdown { width: 270px; padding: 18px; top: 29px; left: 0; border-radius: 0 2px 2px 2px; } #header #utilizator li .dropdown a { text-shadow: none; } #header #utilizator li .dropdown form { width: 270px; line-height: normal; text-shadow: none; } #header #utilizator li .dropdown .form { margin:0px;padding:0px; } #header #utilizator li .dropdown .form .input-1 { margin-right: 0px; } #header #utilizator li .dropdown .form .row { position: relative; } #header #utilizator li .dropdown .form .row.half { width:50%; } #header #utilizator li .dropdown .classicForm .form .toggle p { color:#4C5360; } #header #utilizator li .dropdown .classicForm .form .toggle { margin-bottom: 0px; padding-top: 5px; } #header #utilizator li .dropdown .form .row.large { width:auto; float:right; } #header #utilizator li .dropdown .lbl-1, #header #utilizator li .dropdown .form label { padding: 0 2px 5px 2px; display: block; font-size: 12px; color: #4C5360; clear: both; } #header #utilizator li .dropdown .lbl-2, #header #utilizator li .dropdown .form label.lbl-2 { padding: 0 20px 0 2px; margin-top: 6px; display: inline-block; font-size: 12px; color: #0095D9; position: relative; float: left; } #header #utilizator li .dropdown .lbl-2 .chk, #header #utilizator li .dropdown input[type=checkbox] { position: absolute; top: 2px; right: 0; } #header #utilizator li .dropdown .recuperare-parola { margin: 0 2px 22px 2px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #4C5360; text-decoration: underline; float: right; } #header #utilizator li .dropdown :hover.recuperare-parola { text-decoration: none; } #header #utilizator li .dropdown .btn-2 { margin-right: 2px; float: right; } #header #utilizator .formNotifications { color: #0DB4FF; text-shadow: none; } #header #cart, #header #wishlist { height: 30px; position: relative; float: right; } #header #cart .btn-3, #header #wishlist .btn-1 { position: relative; z-index: 1000; } #header #cart .btn-3 span, #header #wishlist .btn-1 span { display: inline-block; height: 15px; line-height: 15px; } #header #cart .btn-3 .ico { padding-left: 24px; background: url('../png/ico_cos.png') left 1px no-repeat; text-transform: uppercase; } #header #cart .btn-3 .sg { padding-right: 16px; background: url('../png/sg_2.png') right 7px no-repeat; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; } #header #cart .btn-3.open .ico { background-position: left -14px; } #header #cart .btn-3.open .sg { background-position: right -8px; } #header #cart .dropdown { width: 562px; height: 230px; padding: 20px 18px 20px 20px; top: 29px; right: 0; border-radius: 2px 0 2px 2px; display: none; } #header #cart .dropdown .st { width: 436px; height: 240px; position: absolute; top: 20px; left: 8px; float: none; } #header #cart .dropdown .st .crsl-wrapper { width: 422px; height: 240px; margin: 0 7px; position: relative; } #header #cart .dropdown .st .crsl-wrapper .ctrl { width: 7px; height: 11px; display: block; background: url('../png/sg_3.png') no-repeat; overflow: hidden; position: absolute; top: 110px; } #header #cart .dropdown .st .crsl-wrapper .ctrl.inapoi { background-position: 0 0; left: -7px; } #header #cart .dropdown .st .crsl-wrapper :hover.ctrl.inapoi, #header #cart .dropdown .st .crsl-wrapper .ctrl.inapoi.disabled { background-position: 0 -11px; } #header #cart .dropdown .st .crsl-wrapper .ctrl.inainte { background-position: -7px 0; right: -7px; } #header #cart .dropdown .st .crsl-wrapper :hover.ctrl.inainte, #header #cart .dropdown .st .crsl-wrapper .ctrl.inainte.disabled { background-position: -7px -11px; } #header #cart .dropdown .st .crsl-wrapper .elemente { width: 422px !important; height: 240px; overflow: hidden; } #header #cart .dropdown .st .crsl-wrapper .elemente ul { height: 240px; margin-left: -1px !important; list-style-type: none; } #header #cart .dropdown .st .crsl-wrapper .elemente li { width: 140px; height: 240px; border-left: 1px solid #DDD; float: left; } #header #cart .dropdown .st .crsl-wrapper .elemente li .img { width: 120px; height: 90px; margin: 12px 10px 10px 10px; display: block; } #header #cart .dropdown .st .crsl-wrapper .elemente li .produs { margin: 0 10px 6px 10px; display: inline-block; font-family: OpenSansSemiBold, Arial, serif; font-size: 11px; line-height: 17px; height: 34px; overflow: hidden; color: #4C5360; } /*#header #cart .dropdown .st .crsl-wrapper .elemente li .buc { margin: 0 10px 6px 10px; display: block; font-family: OpenSansSemiBold, Arial, serif; font-size: 10px; color: #4C5360; }*/ /*#header #cart .dropdown .st .crsl-wrapper .elemente li .buc { width:40px; }*/ /*#header #cart .dropdown .st .crsl-wrapper .elemente li .buc span { width: 26px; height: 26px; margin-right: 4px; border: 1px solid #C8C8C8; display: inline-block; background: #FFF; border-radius: 2px; }*/ /*#header #cart .dropdown .st .crsl-wrapper .elemente li .buc span input { width: 26px; height: 26px; background: none; border: none; text-align: center; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 13px; color: #4C5360; }*/ /*#header #cart .dropdown .st .crsl-wrapper .elemente li .buc span.focus input { background: #E1F7FF; }*/ #header #cart .dropdown .st .crsl-wrapper .elemente li .buc { display: block; margin: 0px 0px 10px 10px; } #header #cart .dropdown .st .crsl-wrapper .elemente li .buc span.txt { color:#4C5360; } #header #cart .dropdown .st .crsl-wrapper .elemente li .pret { margin: 0 10px 12px 10px; display: block; font-family: OpenSansExtraBold, Arial, sans-serif; font-size: 17px; line-height: 17px; color: #F68421; text-shadow: 0 1px #FFF; } #header #cart .dropdown .st .crsl-wrapper .elemente li .pret .moneda { padding-left: 3px; vertical-align: top; display: inline-block; font-family: OpenSansSemiBold, Arial, serif; font-size: 11px; line-height: 11px; text-transform: uppercase; } #header #cart .dropdown .st .crsl-wrapper .elemente li .sterge { height: 19px; padding-left: 25px; margin: 0 10px; line-height: 19px; display: inline-block; background: url('../png/btn_sterge.png') 0 0 no-repeat; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #838383; } #header #cart .dropdown .st .crsl-wrapper .elemente li :hover.sterge { background-position: 0 -19px; } #header #cart.cartbox0 .btn-3 { cursor: default; } #header #cart.cartbox0 .btn-3 .sg { background:none; } #header #cart.cartbox0 .dropdown { width:140px; } #header #cart.cartbox0 .dropdown .st { display:none; } #header #cart.cartbox1 .dropdown { width:280px; } #header #cart.cartbox1 .dropdown .st { width:154px; } #header #cart.cartbox1 .dropdown .st .crsl-wrapper { width:140px; } #header #cart.cartbox1 .dropdown .st .crsl-wrapper .elemente { width: 140px !important; } #header #cart.cartbox2 .dropdown { width:421px; } #header #cart.cartbox2 .dropdown .st { width:295px; } #header #cart.cartbox2 .dropdown .st .crsl-wrapper { width:281px; } #header #cart.cartbox2 .dropdown .st .crsl-wrapper .elemente { width: 281px !important; } #header #cart .dropdown .dr { width: 134px; } #header #cart .dropdown .dr .total { height: 92px; } #header #cart .dropdown .dr .total p { padding: 0; } #header #cart .dropdown .dr p { padding-bottom: 20px; } #header #cart .dropdown .dr .txt-1 { padding-bottom: 2px; display: block; font-family: OpenSansBold, Arial, sans-serif; font-size: 10px; color: #4C5360; text-transform: uppercase; text-shadow: 0 1px #FFF; } #header #cart .dropdown .dr .txt-2 { padding-top: 1px; vertical-align: top; display: inline-block; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #000; text-transform: uppercase; text-shadow: 0 1px #FFF; } #header #cart .dropdown .dr .val { padding-right: 5px; font-family: OpenSansExtraBold, Arial, sans-serif; font-size: 30px; line-height: 30px; color: #000; text-shadow: 0 1px #FFF; } #header #cart .dropdown .dr .modifica-cos { margin-bottom: 25px; display: inline-block; font-family: OpenSansRegular, Arial, sans-serif; font-size: 11px; color: #4C5360; text-decoration: underline; } #header #cart .dropdown .dr :hover.modifica-cos { text-decoration: none; } /*#header #wishlist .btn-1 .ico:before { display: inline-block; background: transparent; content: "\01F496"; }*/ #header #wishlist { display: none; } #header #wishlist .btn-1 .sg { text-transform: none; font-size: 11px; } #header #wishlist .btn-1 .ico { padding-left: 24px; background: url('../svg/wishlist-2.svg') left 1px no-repeat; text-transform: uppercase; background-size: contain; } #header #logo { width: 336px; height: 72px; display: block; background: url('../png/avstore_logo.png') 0 0 no-repeat; position: absolute; top: 30px; left: 0; } #header #cautare { width: 393px; height: 35px; padding: 5px 5px 5px 10px; background: url('../png/bg_general_1.png') 0 0 repeat-x; overflow: hidden; position: absolute; top: 46px; left: 384px; } #header #cautare span { font-family: OpenSansBold, Arial, sans-serif; font-size: 11px; line-height: 35px; color: #FFF; text-transform: uppercase; text-shadow: 0 -1px #000; float: left; } #header #cautare form { width: 304px; padding: 0px 26px 0 0px; background: #15171A; position: relative; float: right; } #header #cautare form input { width: 282px; background: none; padding: 4px 10px; height: 25px; line-height: 25px; border: 1px solid #15171A; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #FFF; /*color: #3F3F3F;*/ } #header #cautare form .btn-cautare { width: 17px; height: 16px; display: block; background: url('../png/btn_cautare.png') 0 0 no-repeat; position: absolute; top: 9px; right: 9px; } #header #cautare form :hover.btn-cautare { background-position: 0 -16px; } #header #cautare form.focus { background: #000; } #header #despre { height: 74px; max-width: 362px; position: absolute; top: 17px; right: 0; } #header #despre ul { padding-bottom: 18px; list-style-type: none; overflow: hidden; } #header #despre ul li { padding-right: 4px; margin-right: 5px; border-right: 1px solid #2C3037; line-height: 11px; float: left; } #header #despre ul li a { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #FFF; } #header #despre ul li.last { padding: 0; margin: 0; border: none; } #header #despre .telefon { height: 42px; padding-left: 38px; background: url('../png/ico_telefon.png') left top no-repeat; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; line-height: 11px; color: #0DB4FF; } #header #despre .telefon span { font-family: OpenSansBold, Arial, sans-serif; font-size: 31px; line-height: 36px; color: #FFF; } #header #meniu { width: 1176px; height: 40px; padding-top: 12px; list-style-type: none; background: url('../png/bg_general_2.png') 0 top repeat-x; clear: both; position: relative; } #header #meniu .li-1 { position: relative; float: left; } #header #meniu .li-1.last { margin-right: 0; float: right; } #header #meniu .li-1 .home { width: 13px; height: 13px; margin: 13px 10px 0 0; display: block; background: url('../png/ico_home.png') 0 0 no-repeat; } #header #meniu .li-1 :hover.home, #header #meniu .li-1 .home.activ { background-position: 0 -13px; } #header #meniu .li-1 .link-1 { height: 39px; padding: 0 10px; display: inline-block; font-family: OpenSansBold, Arial, sans-serif; font-size: 13px; line-height: 39px; color: #FFF; text-transform: uppercase; text-shadow: 0 -1px #000; position: relative; z-index: 980; } #header #meniu .li-1 :hover.link-1, #header #meniu .li-1 .link-1.open, #header #meniu .li-1 .link-1.activ { height: 38px; border-top: 1px solid #FBC290; background: #F68421; line-height: 38px; text-shadow: 0 -1px #A05615; text-decoration: none; } #header #meniu .li-1 .link-orange { height: 39px; padding: 0 10px; display: inline-block; font-family: OpenSansBold, Arial, sans-serif; font-size: 13px; line-height: 39px; color: #F68421; text-transform: uppercase; text-shadow: 0 -1px #000; position: relative; z-index: 980; } #header #meniu .li-1 :hover.link-orange { height: 38px; border-top: 1px solid #F68421; background: #FFF; line-height: 38px; text-shadow: none; text-decoration: none; } #header #meniu .li-1 .link-blue { height: 39px; padding: 0 10px; display: inline-block; font-family: OpenSansBold, Arial, sans-serif; font-size: 13px; line-height: 39px; color: #0DB4FF; text-transform: uppercase; text-shadow: 0 -1px #000; position: relative; z-index: 980; } #header #meniu .li-1 :hover.link-blue { height: 38px; border-top: 1px solid #0DB4FF; background: #FFF; line-height: 38px; text-shadow: none; text-decoration: none; } #header #meniu .li-1 .link-white { height: 39px; padding: 0 10px; display: inline-block; font-family: OpenSansBold, Arial, sans-serif; font-size: 13px; line-height: 39px; color: #FFFFFF; text-transform: uppercase; text-shadow: 0 -1px #000; position: relative; z-index: 980; } #header #meniu .li-1 .link-white:hover { height: 38px; border-top: none; background: #FFF; line-height: 38px; text-shadow: none; text-decoration: none; } #header #meniu .li-1 .dropdown { width: 1000px; min-width: 150px; padding-top: 20px; border-top: 5px solid #F68421; border-bottom: 1px solid #545860; background: #363B44; left: 0; top: 39px; display: block; z-index: 970; border-radius: 0 2px 2px 2px; display: none; } #header #meniu .li-1 .dropdown .col { min-width: 100px; padding: 0px 20px 0 20px; position: relative; float: left; } #header #meniu .li-1 .dropdown .col:nth-child(6) { clear: left; } #header #meniu .li-1 .dropdown .col .ico { width:50px; height: 26px; display: block; background: url('../png/ico_categorii.png') no-repeat; position: absolute; top: 0; left: 20px; } #header #meniu .li-1 .dropdown .col.televizoare .ico { background-position: 0 0; } #header #meniu .li-1 .dropdown .col.playere .ico { background-position: 0 -26px; } #header #meniu .li-1 .dropdown .col.proiectie .ico { background-position: 0 -52px; } #header #meniu .li-1 .dropdown .col h4, #header #meniu .li-1 .dropdown .col .title { padding: 6px 0; margin-bottom: 12px; background: url('../png/bg_general_3.png') 0 bottom repeat-x; font-family: OpenSansRegular, Arial, serif; font-size: 13px; color: #F68421; } #header #meniu .li-1 .dropdown .col h4 span, #header #meniu .li-1 .dropdown .col h3 span { cursor:default; } #header #meniu .li-1 .dropdown .col ul { min-width: 150px; padding: 0 40px 10px 0; list-style-type: none; float: left; } #header #meniu .li-1 .dropdown .col ul.last { padding-right: 0; } #header #meniu .li-1 .dropdown .col .li-2 { padding-bottom: 8px; } #header #meniu .li-1 .dropdown .col .li-2 .link-2, #header #meniu .li-1 .dropdown .col .li-2 .link-2 h3 { padding-left: 10px; background: url('../png/sg_4.png') left center no-repeat; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; color: #FFF; } #header #meniu .li-1 .dropdown .col .li-2 .link-2 h3 { padding:0px; background: none; } #header #meniu .li-1 .btn-4 { margin-top: 5px; } #header #meniu .li-1.v2 .dropdown { left: 0; right: 0; } #header #lang_menu { float:right; list-style: none; margin-right: 20px; } #header #lang_menu li, #header #lang_menu li a { float:left; line-height: 30px; font-size:12px; } #header #lang_menu li a { padding: 0px 5px; border-right: 1px solid #202225; color:white; } #header #meniu .li-1.promo { position: absolute; right: 0px; top:0px; height: 51px; width: 430px; } #header #meniu .li-1.promo .dropdown { top:14px; padding: 0px 0px 20px; border: none; background: #000; border-radius: 5px; list-style: none; padding-left: 10px; } #header #meniu .li-1.promo .dropdown li.first { height: 46px; border-bottom: 1px solid #202020; margin-bottom: 10px; width: 430px; } #header #meniu .li-1.promo .dropdown li { padding: 5px 10px; line-height: 20px; width: 130px; clear: none; float: left; } #header #meniu .li-1.promo .dropdown li a { font-size: 12px; color: white; font-family: Arial; } #header #meniu .li-1.promo a.blackfriday { position: absolute; bottom: 0px; z-index: 980; left: 220px;} #header #meniu .li-1.promo a.blog { position: absolute; bottom: 0px; z-index: 980; right: 10px;} #header #meniu .li-1 .icon-menu { width: 28px; height: 28px; display: inline-block; background: transparent url('../png/menu-icons.png') no-repeat 0 0; vertical-align: middle; position: relative; top: -3px; } #header #meniu .li-1 .icon-menu.icon-showroom { background-position: 0 0; } #header #meniu .li-1 .icon-menu.icon-promotions { background-position: -28px 0; margin-right: 2px; } #header #meniu .li-1 .icon-menu.icon-resealed { background-position: -56px 0; margin-right: 4px; } #mobile_menu_div .please-login-popup, #header .please-login-popup { display: none; pointer-events: none; background-color: white; color: black !important; text-shadow: none !important; padding: 18px; line-height: 18px !important; max-height: none; height: auto !important; position: absolute !important; left: 100%; width: 210px; margin-left: 0; top: 3px; -webkit-box-shadow: 0px 8px 18px rgba(0, 0, 0, .8); -khtml-box-shadow: 0px 8px 18px rgba(0, 0, 0, .8); -moz-box-shadow: 0px 8px 18px rgba(0, 0, 0, .8); -ms-box-shadow: 0px 8px 18px rgba(0, 0, 0, .8); -o-box-shadow: 0px 8px 18px rgba(0, 0, 0, .8); box-shadow: 0px 8px 18px rgba(0, 0, 0, .8); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; z-index: 1; } #mobile_menu_div .please-login-popup span, #header .please-login-popup span { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid white; display: inline-block; position: absolute; top: 3px; right: 100%; } #mobile_menu_div .please-login-popup img, #header .please-login-popup img { border: none; line-height: 0; font-size: 0; display: inline; width: 32px; height: 32px; float: left; margin-right: 8px; margin-top: 3px; } /* SHOWCASE */ /*********************************************************************/ #showcasecontainer { min-width: 1176px; width:100%; height: 392px; position:absolute; top:0; overflow: hidden; z-index: 1; } #showcaseexpander { position: relative; height: 392px; width: 100%; z-index:0; } #showcase { width:1176px; position: absolute; margin-left: 50%; left: -588px; } #showcase .elemente { width: 1176px; height: 392px; list-style-type: none; overflow: hidden; z-index: 1; } #showcase .button { float:left; padding: 0px 10px; line-height: 28px; height: 28px; border-radius: 2px; -moz-border-radius: 2px; background-color: #8ed517; background-image: -webkit-linear-gradient(top,#8ed517,#4bb00b); background-image: -moz-linear-gradient(top,#8dd516,#4bb00b); background-image: -ms-linear-gradient(top,#8dd516,#4bb00b); background-image: -o-linear-gradient(top,#8dd516,#4bb00b); background-image: linear-gradient(top,#8dd516,#4bb00b); -moz-box-shadow: inset 0px 1px 0px 0px #ace051; -webkit-box-shadow: inset 0px 1px 0px 0px #ace051; box-shadow: inset 0px 1px 0px 0px #ace051; border: 1px solid #4bb00b; text-shadow: 0px -1px 0px #447d0a; color: rgba(255, 255, 255, 0.9); font-family: 'OpenSansBold'; cursor: pointer; text-decoration: none; font-size:14px; } #showcase .button:hover { background-image: -webkit-linear-gradient(top,#8ed517,#49a40c); background-image: -moz-linear-gradient(top,#8ed517,#49a40c); background-image: -ms-linear-gradient(top,#8ed517,#49a40c); background-image: -o-linear-gradient(top,#8ed517,#49a40c); background-image: linear-gradient(top,#8ed517,#49a40c); color: rgba(255, 255, 255, 1); } #showcase .elemente .owl-item li { display: block !important; } #showcase .elemente .slide { width: 1176px; height: 392px; display: block; background-position-x: center !important; margin: 0; } #showcase .elemente .slide .text-area { position:absolute; top:100px; font-family: 'OpenSansLight'; } #showcase .elemente .slide .text-area span { color: black; float:left; clear: left; } #showcase .elemente .slide .text-area span.bold { font-family: 'OpenSansBold'; } #showcase .elemente .slide .text-area span.regular { font-size: 13px; font-family: 'OpenSansRegular'; line-height: 20px; } #showcase .elemente .slide .text-area span.title { font-size:35px; } #showcase .elemente .slide .text-area ul { float: left; clear:left; width:100%; margin-top:10px; list-style: none; } #showcase .elemente .slide .text-area li { float: left; clear:left; width:100%; text-align: left; list-style-position:inside; } #showcase .elemente .slide .text-area li a { float: left; clear:left; cursor:pointer; line-height: 25px; } #showcase .elemente .slide-1 { background:url('../jpg/showcase_img_1.jpg') no-repeat 0px 0px; } #showcase .elemente .slide-1 .text-area { left:870px; width: 470px; height: 200px; } #showcase .elemente .slide-1 .text-area li a { color: #000; font-size: 14px; text-decoration: underline; } #showcase .elemente .slide-1 .text-area .button { margin-top:20px; clear: left; } #showcase .elemente .slide-2 { background:url('../jpg/showcase_img_2.jpg') no-repeat 0px 0px; } #showcase .elemente .slide-2 .text-area { left:180px; width: 335px; height: 200px; } #showcase .elemente .slide-2 .text-area span { color: white; } #showcase .elemente .slide-2 .text-area span a { color: white; } #showcase .elemente .slide-2 .text-area span.title { height: 180px; } #showcase .elemente .slide-2 .text-area span.regular { float: right; margin-top: 10px; color: #CCC; } #showcase .elemente .slide-2 .text-area span.title span { position: absolute; } #showcase .elemente .slide-3 { background:url('../jpg/showcase_img_3.jpg') no-repeat 0px 0px; } #showcase .elemente .slide-3 .text-area { left:1020px; width: 300px; height: 200px; text-align: right; top:70px; } #showcase .elemente .slide-3 .text-area span { color: #f68421; } #showcase .elemente .slide-3 .text-area span.regular { font-size: 13px; float:right; color: white; line-height:20px; } #showcase .elemente .slide-3 .text-area span.regular a { color: white; text-decoration: underline;} #showcase .elemente .slide-4 { background:url('../jpg/showcase_img_4.jpg') no-repeat 0px 0px; } #showcase .elemente .slide-4 .text-area { left:180px; width: 470px; height: 200px; top:40px; } #showcase .elemente .slide-4 .text-area span { color: white; } #showcase .elemente .slide-4 .text-area span.title { height: 160px; } #showcase .elemente .slide-4 .text-area span.title span { float:left; clear:left; line-height: 50px; } #showcase .elemente .slide-4 .text-area .buttons { float:left; clear:left; } #showcase .elemente .slide-4 .text-area .buttons img { float:left; margin:0px 10px; } #showcase .elemente .slide-4 .text-area .buttons .button { margin-top:15px; } #showcase .elemente .slide-4 .text-area span.regular { margin-top:5px; } #showcase .elemente .slide-6 { background:url('../jpg/showcase_img_6.jpg') no-repeat 0px 0px; } #showcase .elemente .slide-6 .text-area { left: 440px; width: 250px; height: 200px; } #showcase .elemente .slide-6 .text-area img { float:left; margin-bottom: 5px; } #showcase .elemente .slide-6 .text-area span { color:white; } #showcase .elemente .slide-6 .text-area span a { color:white; } #showcase .elemente .slide-6 .text-area span.title { color:#ed1b2d; clear:left; } #showcase .elemente .slide-6 .text-area span.bold { margin:5px 0px 10px; } #showcase .elemente .slide-8 { background:url('../jpg/showcase_img_8.jpg') no-repeat 0px 0px; } #showcase .elemente .slide-8 .text-area { top: 70px; left: 850px; width: 350px; height: 300px; } #showcase .elemente .slide-8 .text-area img { float:left; margin-bottom: 5px; } #showcase .elemente .slide-8 .text-area span { color:white; } #showcase .elemente .slide-8 .text-area span a { color:white; } #showcase .elemente .slide-8 .text-area span.title { color:#f68421; clear:left; } #showcase .elemente .slide-8 .text-area span.bold { font-size:25px; color:white; font-family: 'OpenSansRegular'; margin:5px 0px 10px; } #showcase .elemente .slide-9 { background:url('../jpg/showcase_blog.jpg') no-repeat 0px 0px; } #showcase .elemente .slide-9 .text-area { top: 150px; right: 170px; width: 400px; height: 300px; text-align: right;} #showcase .elemente .slide-9 .text-area img { float:left; margin-bottom: 5px; } #showcase .elemente .slide-9 .text-area span.title { color:#FFF; text-shadow: 0 -1px #056D9D; clear:left; font-size: 45px; font-family: 'OpenSansBold'; text-align: right; width: 400px; } #showcase .elemente .slide-9 .text-area span.bold { font-size: 35px; color:#FFF; text-shadow: 0 -1px #056D9D; font-family: 'OpenSansBold'; margin:20px 0px 10px; } #showcase .owl-pagination, #showcase_mobile .owl-pagination { height: 21px; padding: 4px 0 0 7px; background: #15171A; position: absolute; bottom: 28px; left: 50%; z-index: 960; border-radius: 12px; display: none; } #showcase .owl-pagination .owl-page span, #showcase_mobile .owl-pagination .owl-page span { width: 15px; height: 16px; display: block; background: url('../png/btn_nav.png') 0 0 no-repeat; margin: 0; padding-right: 10px; } #showcase .owl-pagination .owl-page span:hover, #showcase .owl-pagination .owl-page.active span, #showcase_mobile .owl-pagination .owl-page span:hover, #showcase_mobile .owl-pagination .owl-page.active span { background-position: 0 -16px; } /* CONTENT */ /*********************************************************************/ .content-wrapper, #content { width: 1176px; margin: 0 auto; position: relative; z-index: 2; } #content .c1 { font-family: OpenSansLight, Arial, serif; color: #4C5360; } #content .c2 { color: var(--clr-orange); } #content .c3 { color: var(--clr-white-background); } #content .marimi .c3 { font-family: var(--ff-fg); font-size: 14px; font-weight: bold; } #content .marimi .c2 { font-family: var(--ff-aga); font-size: 16px; } #content hr { height: 0; border: none; border-bottom: 1px solid #333; padding: 0; margin: 0; display: block; overflow: hidden; font-size: 0; line-height: 0;clear: both; } #content .ico::before { display: block; content: ""; width: 32px; height: 32px; position: absolute; top: 0; left: 0; background: url('../png/ico_lista.png') no-repeat; } #content .ico.disponibilitate::before { background-position: 0 0; } #content .ico.info::before { display: none; } #content .ico.showroom::before { background-position: 0 -34px; } #content .ico.showroom-2::before { background-position: 0 -68px; } #content .ico.transport::before { background-position: 0 -102px; } #content .ico-2 { background: url('../png/ico_spec.png') no-repeat; } #content .ico-2.culoare { background-position: 0 0; } #content .ico-2.marime { background-position: 0 -20px; } #content .lista-1 { padding-bottom: 10px; list-style-type: none; overflow: hidden; } #content .lista-1 li { position: relative; padding: 9px 16px 0 0; margin-bottom: 10px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #FFF; } #content .lista-1.badges { padding-bottom: 0px; margin-top: -45px; } #content .lista-1.badges li { padding: 5px; } #content #produse .lista-1.badges li { display: inline-block; vertical-align: middle; } #content #continut .cnt-3 .lista-1 li p { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #FFF; margin: 0px; line-height: 25px; background: #E64E01; -moz-border-radius:2px; border-radius: 2px; padding: 0px 10px; } #content #continut .cnt-3 .lista-1 li .dr { line-height: 20px; padding: 0px 10px; font-size: 11px; margin-left: 5px; background: #222; border-radius: 3px; text-shadow: none; text-shadow: 0 -1px #056D9D; } #content #continut .cnt-3 .lista-1 li .dr span.c2 { color:#FFF; } #content #continut .cnt-3 .lista-1 li .dr { position: relative; background: url('../png/btn_bg_2.png') 0 -5px repeat-x; border: 2px solid #00a9f6; } #content #continut .cnt-3 .lista-1 li .dr:after, #content #continut .cnt-3 .lista-1 li .dr:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #content #continut .cnt-3 .lista-1 li .dr:after { border-color: rgba(1, 120, 174, 0); border-top-color: #029adf; border-width: 7px; left: 20px; margin-left: -7px; } #content #continut .cnt-3 .lista-1 li .dr:before { border-color: rgba(0, 169, 246, 0); border-top-color: #00a9f6; border-width: 10px; left: 20px; margin-left: -10px; } #content .lista-1 li a { color: #F68421; } #content .lista-1 li a:hover { text-decoration: underline; } #content .lista-1 .ico.disponibilitate { padding-left: 35px; } #content .lista-1 .ico.info { padding-left: 35px; } #content .lista-1 .ico.showroom { padding-left: 42px; } #content .lista-1 .ico.transport { padding-left: 40px; } #content .lista-2 { width: 290px; padding: 0 0 18px 14px; font-family: OpenSansSemiBold, Arial, sans-serif; } #content .op .txt-1 { padding: 11px 10px 0 0; font-family: OpenSansSemiBold, Arial, serif; font-size: 14px; float: left; } .op .pret { padding-bottom: 15px; font-family: var(--ff-aga); font-size: 38px; line-height: 38px; color: var(--clr-orange); font-weight: bold;; position: relative; float: left; } .op .pret .number { float: left; } .op .moneda { float:left; font-family: var(--ff-aga); font-size: 12px; line-height: 15px; text-transform: uppercase; vertical-align: top; position: relative; font-weight: 300;} .op .mu { font-size: 12px; font-family: OpenSansSemiBold, Arial, sans-serif; color: white; text-transform: none; } .op .moneda .currency, .op .moneda .mu { float: left; clear:left; } .op .pret-vechi { font-family: Arial, sans-serif; font-size: 12px; font-style: italic; line-height: 16px; color: #d4d4d4; position: absolute; bottom: 0; left: 0; padding: 0px 10px; text-align: center; min-width: 130%; margin-left: -15%; } .op .pret-lista, .op .pret-referinta { font-family: Arial, sans-serif; font-size: 12px; font-style: italic; line-height: 16px; color: #d4d4d4; position: absolute; left: 0; top: 0; min-width: 150px; } .op .pret-referinta { top: 14px; } .op .promo-image { float: left; margin-top: 5px; } .op .pret.promo { padding-top: 30px; min-width: 120px; } .op .pret.promo .promo-name { font-size: 13px; font-family: OpenSansSemiBold, Arial, sans-serif; position: absolute; top:18px; left: 0px; line-height: 14px; color: #999; min-width: 150px; } .op .pret.promo .pret-vechi { color: #CCC; } #modal-wrapper .op .pret { padding:0px; margin: 0px; font-size: 28px; color:#CCC; } #content .spec p { margin-bottom: 18px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; line-height: 20px; } #content .spec p.ico-2.culoare { padding-left: 38px; } #content .spec p.ico-2.marime { padding-left: 30px; } #content .spec .culoare-1 { background: #FFF; } #content .spec .culoare-2 { background: #333; } #content .spec .culoare-3 { background: #FF0000; } #content .spec .culoare-4 { background: #9900FF; } #content .spec .culoare-5 { background: #FF9900; } #content .spec .culoare-6 { background: #0066CC; } #content .pack { padding: 16px 0 10px 0; font-family: OpenSansSemiBold, Arial, sans-serif; } #content .pack p { padding-bottom: 5px; font-size: 14px; } #content .pack .wrap span { display: inline-block; } #content .pack .box-1 { height: 40px; padding: 4px 10px; border: 1px solid #16171B; display: inline-block; float: left; margin-bottom: 10px; } #content .pack :hover.box-1 { border: 1px solid #333; } #content .pack .box-1 .st { height: 40px; display:block; position: relative; margin-right: 5px; } #content .pack .box-1 .st img { margin:auto; position: absolute; top:0px; left: 0px; right: 0px; bottom: 0px; } #content .pack .box-1 .dr { height: 28px; color: #FFF; font-size: 11px; position: relative; padding: 6px 0px; } #content .pack .box-1 .dr span { line-height: 14px; width:100%; text-align: center; float:left; clear:left; } #content .pack .box-1 .dr span.title { max-height: 28px; overflow: hidden; font-size:12px; } #content .pack .box-1 .dr span.quantity { color:#999; } #content .pack .txt-1 { padding: 0 5px; line-height: 60px; float: left; color: #F68421; font-size: 20px; } #content .pack .txt-2 { padding: 6px 0 0 10px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 10px; float: left; } #content .pack .txt-2 .pret { font-family: OpenSansExtraBold, Arial, serif; font-size: 17px; color: #F68421; } #content .pack .txt-2 .moneda { padding-top: 2px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; text-transform: uppercase; vertical-align: top; } #content .pack .box-2 { min-height: 40px; padding: 9px 5px; display: block; border: 1px solid #16171B; } #content .pack :hover.box-2 { border: 1px solid #333; } #content .pack .box-2 .img { min-width: 70px; margin-right: 10px; text-align: center; float: left; } #content .pack .box-2 .txt { padding-top: 14px; color: #F68421; float: left; } #content .pack :hover.box-2 .txt { color: #FFF; } #content .pack .plus { height: 30px; display: block; background: url('../png/ico_plus.png') center center no-repeat; } #content .breadcrumbs { max-width: 1600px; height: 38px; overflow: hidden; } #content .breadcrumbs ol { padding: 12px 0; list-style-type: none; overflow: hidden; } #content .breadcrumbs ol li { padding-right: 15px; margin-right: 10px; background: url('../png/sg_8.png') right 5px no-repeat; font-size: 11px; color: #838383; float: left; } #content .breadcrumbs ol li a, #content .breadcrumbs ol li span { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; line-height: 14px; color: #FFF; } #content .breadcrumbs ol li:last-child,#content .breadcrumbs ol li:last-child span, #content .breadcrumbs ol li:last-child a:hover { padding: 0; margin: 0; background: none;font-size: 11px; color: #838383; } .content-wrapper .cnt-1, #content .cnt-1 { width: 100%; margin-bottom: 30px; background: #000; } .content-wrapper .cnt-1.bd, #content .cnt-1.bd { padding-top: 2px; background: #000 url('../png/bg_general_4.png') 0 top repeat-x; } #content .cnt-1 .promotii { width: 1136px; padding: 0 20px; } #content .cnt-1 .promotii h2 { padding: 20px 0; margin-bottom: 20px; background: url('../png/bg_general_4.png') 0 bottom repeat-x; } #content .cnt-1 .promotii .cnt-promotii { width: 1136px; margin-bottom: 20px; border-bottom: 1px solid #363B44; } #content .cnt-1 .promotii .cnt-promotii.last { margin-bottom: 0; border-bottom: none; } #content .cnt-1 .promotii .cnt-promotii .st { height: 260px; } #content .cnt-1 .promotii .cnt-promotii .st .description, .promo-1 .description { float:left; padding-left: 20px; } #content .cnt-1 .promotii .cnt-promotii.last .st .description { margin-left: 20px; } #content .cnt-1 .promotii .cnt-promotii .st .description span, .promo-1 span { float:left; clear:left; font-family: OpenSansLight; } #content .cnt-1 .promotii .cnt-promotii .st .description span.bold, .promo-1 span.bold { font-family: OpenSansBold; } #content .cnt-1 .promotii .cnt-promotii .st .description span.orange, .promo-1 span.orange { color:#F68421; } #content .cnt-1 .promotii .cnt-promotii .st .description span.medium, .promo-1 span.medium { font-size: 32px; line-height: 42px; } #content .cnt-1 .promotii .cnt-promotii .st .description span.little, .promo-1 span.little { font-size: 20px; line-height: 30px; } #content .cnt-1 .promotii .cnt-promotii .st .description span.big, .promo-1 span.big { font-size: 40px; line-height: 50px; } #content .cnt-1 .promotii .cnt-promotii .st .img { height: 260px; float: left; } #content .cnt-1 .promotii .cnt-promotii .st p { width: 220px; padding: 0 20px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; float: left; } #content .cnt-1 .promotii .cnt-promotii .dr ul { padding-bottom: 20px; list-style-type: none; overflow: hidden; } #content .cnt-1 .promotii .cnt-promotii .dr ul li { padding-left: 10px; margin-left: 10px; border-left: 1px solid #333; float: left; } #content .cnt-1 .promotii .cnt-promotii .dr .btn-6 { margin-bottom: 20px; float: right; } #content .cnt-1 .promotii .cnt-promotii.cf.last .dr ul li:first-child { border-left: none; margin-left: 0px; } #content .cnt-1 .promotii .cnt-promotii.cf.last .dr ul li:last-child { border-right: 1px solid #333; } #content .cnt-2 { width: 1176px; margin-bottom: 30px; overflow: hidden; } #content #homepage_desktop .cnt-2 { width: 100%; margin-bottom: 30px; overflow: hidden; } #content .cnt-2 .promo-1 { width: 1176px; overflow: hidden; position: relative; } #content .cnt-2 .promo-1 img { font-size: 0; line-height: 0; } #content .cnt-2 .promo-1.home-promo-top img { margin: 10px 30px 0 0; } #content .cnt-2 .promo-1 ul { padding-right: 40px; list-style-type: none; float: left; } #content .cnt-2 .promo-1 ul li { padding-left: 8px; background: url('../png/eg_1.png') left center no-repeat; font-family: OpenSansLight, Arial, serif; font-size: 15px; line-height: 22px; color: #FFF; } #content .cnt-2 .promo-1 .btn-5 { margin-top: -10px; position: absolute; top: 50%; right: 0; } #content .cnt-2 .col { border: 1px solid #0A0B0C; background: #EDEDED; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.6); } #content .cnt-2 .col.st { width: 358px; } #content .cnt-2 .col.dr { width: 788px; } #content .cnt-2 .col .inner { min-height: 300px; padding: 30px 10px 50px 10px; border-top: 1px solid #FFF; position: relative; } #content .cnt-2 .col .inner h2 { padding: 0 10px 20px 10px; line-height: 18px; color: #838383; text-shadow: 0 1px #FFF; } #content .cnt-2 .col .inner .btn-6 { position: absolute; bottom: 30px; right: 20px; } #content .cnt-2 .col .inner .stiri { padding-bottom: 20px; list-style-type: none; } #content .cnt-2 .col .inner .stiri li { padding: 0 10px 12px 10px; margin-bottom: 10px; background: url('../png/bg_general_5.png') 0 bottom repeat-x; } #content .cnt-2 .col .inner .stiri li.last { padding-bottom: 0; margin-bottom: 0; background: none; } #content .cnt-2 .col .inner .stiri li a { font-family: OpenSansLight, Arial, serif; font-size: 16px; line-height: 18px; color: #15171A; } #content .cnt-2 .col .inner .tab-control { width: 220px; border-bottom: 10px solid #838383; list-style-type: none; float: left; } #content .cnt-2 .col .inner .tab-control li { width: 220px; margin-bottom: 1px; } #content .cnt-2 .col .inner .tab-control li a { width: 184px; height: 39px; padding: 0 18px; display: block; background: #838383; color: #FFF; font-family: OpenSansSemiBold, Arial, sans-serif; line-height: 39px; text-shadow: 0 -1px #414141; } #content .cnt-2 .col .inner .tab-control li a:hover, #content .cnt-2 .col .inner .tab-control li.current a { background: #F68421 url('../png/sg_7.png') 205px center no-repeat; text-decoration: none; text-shadow: none; } #content .cnt-2 .col .inner .tabs { width: 528px; padding-bottom: 10px; float: right; } #content .cnt-2 .col .inner .tabs .articol { width: 528px; padding-bottom: 10px; overflow: hidden;} #content .cnt-2 .col .inner .tabs .articol .img { width: 97px; height: 72px; display: block; float: left; overflow: hidden; border: 1px solid #363B44; background: #FFF; position: relative; } #content .cnt-2 .col .inner .tabs .articol .img img { max-width:100px; max-height: 72px; position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } #content .cnt-2 .col .inner .tabs .articol p { width: 408px; font-size: 13px; line-height: 17px; color: #363B44; float: right; height:74px; overflow: hidden; } #content .cnt-2 .col .inner .tabs .articol p a { padding-bottom: 5px; display: inline-block; font-size: 16px; color: #000; } #content .cnt-2 .col-2.large { width:1176px; } #content .cnt-2 .col-2.large ul { width:1136px; margin: 0px 20px; } #content .cnt-2 .col-2 { width: 586px; padding: 2px 0 60px 0; background: #000 url('../png/bg_general_4.png') 0 top repeat-x; position: relative; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.6); } #content #homepage_desktop .cnt-2 .col-2 { width: 586px; padding: 2px 0 60px 0; background: transparent; position: relative; box-shadow: 0 4px 2px -2px rgba(0,0,0,0.6); } #content .left { float: left; padding: 20px; } #content form .left { padding: 0px; } #content .left form { float: left; } #content .left form .row { width:100%; } #content .left.register form .row { width:auto; } #content .left.register { margin: 50px; } #content .right { float: right; padding: 20px; } #content .cnt-2 .col.large { border: none; } #content .cnt-2 .col.large h2 { margin-left: 30px; } #content .cnt-2 .col.large .inner { padding: 20px; border: none; } #content .cnt-2 .col.large .inner .tabs { width:924px; } #content .cnt-2 .col.large { background: #000; } #content .cnt-2 .col.large .inner h2 { color: #FFF; text-shadow: 0 1px #838383; } #content .cnt-2 .col.large .inner .tabs ul { width: 914px; list-style: none; padding: 0px; } #content .cnt-2 .col.large .inner .tabs ul li { float:left; padding: 0 7px 0px 13px;border-left: 1px solid #333; } #content .cnt-2 .col.large .inner .tabs ul li:first-child { padding-left: 0px; } #content .cnt-2 .col.large .inner .tabs ul li:first-child { border-left: none; } #content .cnt-2 .col.large .inner .tab-control li a { width:164px; } #content .cnt-2 .col.large .inner .tab-control, #content .cnt-2 .col.large .inner .tab-control li { width: 200px; } #content .cnt-2 .col.large .inner .tab-control li a:hover, #content .cnt-2 .col.large .inner .tab-control li.current a { background-position-x: 180px; } #content .cnt-2 .col.large .inner .tab-control li a { height: 29px; line-height: 29px; } #content .cnt-2 .col-2 h2 { padding: 20px 20px 30px 20px; line-height: 20px; } #content .cnt-2 .col-2 p { height: 54px; padding: 0 20px 20px 20px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 13px; } #content .cnt-2 .col-2 ul { width: 560px; margin: 0 13px 10px 5px; border-bottom: 1px solid #333; list-style-type: none; overflow: hidden; } #content .cnt-2 .col-2 ul.last { margin-bottom: 0; border: none; } #content .cnt-2 .col-2 ul li { padding: 0 10px; margin-bottom: 10px; border-left: 1px solid #333; float: left; } #content .cnt-2 .col-2 ul li.first { border: none; } #content .cnt-2 .col-2 ul li.last { padding-right: 0; } #content .cnt-2 .col-2 .btn-6 { position: absolute; bottom: 30px; right: 20px; } #content .box-produs { width: 164px; height: 180px; position: relative; } #content .promotii .cnt-promotii .box-produs { width: 144px; } #content .box-produs .img { width: 100px; height: 100px; margin: 5px 22px 16px 22px; display: block; font-size: 0; line-height: 0; } #content .box-produs .nume { height: 32px; overflow: hidden; display: block; margin-bottom: 4px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; line-height: 16px; color: #FFF; } #content .box-produs .pret-1 { display: block; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 10px; color: #838383;position: absolute; bottom: -20px; right: 0px; font-style: italic; white-space: nowrap; } #content.homepage { position: static; } #content.homepage .crsl-wrapper .box-produs .pret-1 { bottom: 0px; } #content .box-produs .pret-2 { display: block; font-family: OpenSansExtraBold, Arial, serif; font-size: 17px; color: #F68421; } #content .box-produs .pret-2 .moneda { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; text-transform: uppercase; vertical-align: top; } #content .box-produs .pret-2 .tiny { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; } #content .box-produs.v2 { width: 124px; } #content .box-produs.v2 .nume { font-size: 12px; } #content .box-produs .img { margin: 5px 12px 16px 12px; position: relative; display:block; } #content .box-produs .img img { margin: auto; position: absolute; top:0px; bottom: 0px; left:0px; right: 0px; } #content .crsl-wrapper { width: 1176px; padding-bottom: 30px; position: relative; } #content #homepage_desktop .crsl-wrapper { width: 100%; padding-bottom: 30px; position: relative; background:black; margin-bottom: 20px;} #content .crsl-wrapper h2 { padding: 20px; } #content .crsl-wrapper .ctrl { width: 20px; height: 40px; display: block; background: url('../png/btn_nav_2.png') no-repeat; overflow: hidden; position: absolute; top: 100px; } #content .crsl-wrapper .ctrl.inapoi { background-position: 0 0; left: 0; } #content .crsl-wrapper :hover.ctrl.inapoi, #content .crsl-wrapper .ctrl.inapoi.disabled { background-position: 0 -40px; } #content .crsl-wrapper .ctrl.inainte { background-position: -20px 0; right: 0; } #content .crsl-wrapper :hover.ctrl.inainte, #content .crsl-wrapper .ctrl.inainte.disabled { background-position: -20px -40px; } #content .crsl-wrapper .mask { width: 1110px; margin: 0 33px; overflow: hidden; } #content #homepage_desktop .crsl-wrapper .mask { width: 95%; margin: 0 33px; overflow: hidden; } #content .crsl-wrapper .elemente { width: 1110px; height: 200px; margin-left: -1px; overflow: hidden; } #content .crsl-wrapper .elemente ul { list-style-type: none; overflow: hidden; } #content .crsl-wrapper .elemente ul li { padding: 0 7px 0px 13px; border-left: 1px solid #333; float: left; } #content .crsl-wrapper-2 { width: 1176px; padding-bottom: 20px; position: relative; } #content #homepage_desktop .crsl-wrapper-2 { padding-bottom: 0; margin-bottom: 20px; } #content #homepage_desktop .crsl-wrapper-2 { width: 100%; padding-bottom: 20px; position: relative; } #content .crsl-wrapper-2 h2 { padding: 20px; } #content .crsl-wrapper-2 .navigare { position: absolute; top: 22px; left: 50%; } #content .crsl-wrapper-2 .hot, #homepage_mobile .hot { padding-top: 2px; color: #F68421; background: url('../png/eg_2.png') 17px 0 no-repeat; } #content .crsl-wrapper-2 .elemente { width: 1176px; height: 441px; overflow: hidden; } #content .crsl-wrapper-2 .set { width: 1160px; margin: 0 8px; overflow: hidden; float: left; } #content #homepage_desktop .crsl-wrapper-2 .elemente { width: 100%; height: 441px; overflow: hidden; } #content #homepage_desktop .crsl-wrapper-2 .set { width: 100%; margin: 0 8px; overflow: hidden; float: left; } #content .crsl-wrapper-2 .set ul { width: 1160px; margin: 0 0 10px -1px; border-bottom: 1px solid #333; list-style-type: none; overflow: hidden; } #content .crsl-wrapper-2 .set ul.last { margin-bottom: 0; border: none; } #content .crsl-wrapper-2 .set ul li { padding: 0 10px; margin-bottom: 10px; border-left: 1px solid #333; float: left; } #content .crsl-wrapper-3 { width: 1176px; padding-bottom: 30px; position: relative; } #content .crsl-wrapper-3 h2 { padding: 20px; } #content .crsl-wrapper-3 .ctrl { width: 20px; height: 40px; display: block; background: url('../png/btn_nav_2.png') no-repeat; overflow: hidden; position: absolute; top: 170px; } #content .crsl-wrapper-3 .ctrl.inapoi { background-position: 0 0; left: 0; } #content .crsl-wrapper-3 :hover.ctrl.inapoi, #content .crsl-wrapper .ctrl.inapoi.disabled { background-position: 0 -40px; } #content .crsl-wrapper-3 .ctrl.inainte { background-position: -20px 0; right: 0; } #content .crsl-wrapper-3 :hover.ctrl.inainte, #content .crsl-wrapper .ctrl.inainte.disabled { background-position: -20px -40px; } #content .crsl-wrapper-3 .mask { width: 1110px; margin: 0 33px; overflow: hidden; } #content .crsl-wrapper-3 .elemente { width: 1110px; height: 240px; margin-left: -1px; overflow: hidden; } #content .crsl-wrapper-3 .elemente ul { list-style-type: none; overflow: hidden; } #content .crsl-wrapper-3 .elemente ul li { padding: 0 7px 0px 13px; border-left: 1px solid #333; float: left; } #content .nicemessage, #content .formNotifications p.formErrorsTitle, #modal-wrapper .formNotifications p.formErrorsTitle { padding: 20px; clear:both; background: #CCFFCC; margin-bottom: 20px; color: black!important; border-radius: 5px; border:1px solid #19C200; line-height: 20px; margin-right: 20px; width:auto!important; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; } #content .warningmessage /*, #content .formNotifications p.formErrorsTitle, #modal-wrapper .formNotifications p.formErrorsTitle*/ { padding: 20px; clear:both; background: #fcefa1; margin-bottom: 20px; color: black!important; border-radius: 5px; border:1px solid #fed22f; line-height: 20px; margin-right: 20px; width:auto!important; } #content .errormessage { padding: 20px; clear:both; background: #f4d4ba; margin-bottom: 20px; color: black!important; border-radius: 5px; line-height: 20px; margin-right: 20px; width:auto!important; } #content .errormessage a { color: red; } #content .formNotifications p.formErrorsTitle, #modal-wrapper .formNotifications p.formErrorsTitle { margin-top: 20px; } #content #inner-header { width: 1128px; min-height: 30px; padding: 20px 24px; overflow: hidden; } #content #continut #inner-header { width:100%; margin:0px 0px 20px 0px; padding: 0px; } #content #inner-header h2, #content #inner-header h1, #content #inner-header span.big, #content .inner-header h2, #content .inner-header h3 { text-transform:uppercase; font-family: OpenSansLight, Arial, serif; font-size: 24px; line-height: 30px; float: left; } #content #inner-header h2 { color: #FFF; } #content .inner-header h3 { font-size: 18px; } #content #inner-header span.big { margin-right: 10px;} #content #inner-header ul { padding-top: 6px; list-style-type: none; overflow: hidden; float: right; } #content #inner-header ul li { padding-left: 16px; background: url('../png/eg_3.png') 8px 6px no-repeat; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; color: #DDD; float: left; } #content #inner-header ul li.first { padding: 0; background: none; } #content #inner-header ul li a { color: #F68421; } #content #inner-header ul li a:hover { text-decoration: none; color: #FFF; } #content #sidebar { width: 264px; padding: 0px 0px 70px 0px; margin: 0 20px 20px 0px; background: #000; float: left; } #content #sidebar .box.promo .continut { padding: 20px 20px 48px; position: relative; } #content #sidebar .box.promo.default .continut { padding: 3px 0px; position: relative; } #content #sidebar .box.promo .continut p { color: #FFF; font-size: 13px; text-align: center; } #content #sidebar .box.promo .continut p .orange { color: #F68421; } #content #sidebar .box.promo .continut a:hover { text-decoration: none; } #content #sidebar .box.promo .continut img { max-width: 100%; max-height: 100%; } #content #sidebar .box.promo .continut a.btn-8 { position: absolute; bottom: 20px; left: 67px; } #content #sidebar .box { width: 264px; padding-bottom: 10px; } #content #sidebar .box .titlu { height: 28px; padding: 12px 62px 0 10px; background: #838383; font-family: OpenSansBold, Arial, serif; font-size: 12px; text-transform: uppercase; color: #FFF; text-shadow: 0 1px #555; position: relative; } #content #sidebar .box .titlu .link-sterge { position: absolute; top: 13px; right: 10px; } #content #sidebar .box .continut { background: #333; } #content #sidebar .box .continut ul { padding: 14px 0 6px 0; list-style-type: none; } #content #sidebar .box .continut ul li { padding: 0 12px 5px 12px; position: relative; } #content #sidebar .box .continut.categorie ul li a { font-size: 11px !important; } #content #sidebar .box .continut.categorie ul li:first-child { margin-left: -16px!important; } #content #sidebar .box .continut.categorie ul li .selectat { font-weight: bold; color: #F68421;} #content #sidebar .box .continut ul li a { padding: 0 0 0 26px; display: inline-block; background: url('../png/ico_check.png') left top no-repeat; font-family: Arial, sans-serif; font-size: 11px; line-height: 17px; color: #FFF; } #content #sidebar .box .continut.categorie ul li a {background: none!important;} #content #sidebar .box .continut ul li a:hover { } #content #sidebar .box .continut ul li.disabled:after { content: " "; position: absolute; z-index: 11111; left: 0; right: 0px; height:23px; background: #343434; opacity: 0.7; } #content #sidebar .box.alt .continut ul li.disabled:after { background: #454545; opacity: 0.7; } #content #sidebar .box .continut ul li a.selectat { background-position: 0 -25px; text-decoration: none; color: #fff; font-weight: bold; } #content #sidebar .box .continut ul.links li a { padding: 0; background: none; } #content #sidebar .box .continut .centru { text-align: center; } #content #sidebar .box.alt .titlu { background: #F68421; text-shadow: 0 1px #A05615; } #content #sidebar .box.alt .continut { background: #444; } #content #sidebar p { color: #4C5360; margin-bottom: 10px; } #content #sidebar textarea { border:1px solid #CCC; float: left; width:218px; padding: 10px; height: 100px; color: #4C5360; font-size: 12px; } #content #continut.full { width: 1152px; margin: 0 24px 0 24px; float: left; } #content #continut { width: 100%; float: right; } #content #continut .cnt-3 { padding-bottom: 30px; } #content #continut .cnt-3 h2 { } #content #continut .cnt-3 .col-produse { padding: 20px 0 10px 10px; border-left: 1px solid #333; float: left; } #content #continut .cnt-3 .col-produse.first { border: none; } #content #continut .cnt-3 .col-produse h3 { padding-bottom: 10px; font-family: OpenSansLight, Arial, serif; font-size: 16px; line-height: 16px; color: #F68421; } #content #continut .cnt-3 .col-produse ul { list-style-type: none; overflow: hidden; } #content #continut .cnt-3 .col-produse ul li { padding-right: 10px; float: left; } #content #continut .cnt-3 .text { padding: 14px 0 0 0; border-top: 1px solid #333; border-bottom: 1px solid #333; } #content #continut .cnt-3 p { margin-bottom: 14px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 13px; line-height: 24px; } #content #continut .cnt-3 .spec p { line-height: 20px; font-size: 11px; } #content #continut .cnt-3 p.lead { margin: 14px 0;font-size: 12px; line-height: 16px; font-family: Arial; } #content #continut .cnt-3 .text p { padding-bottom: 14px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 13px; line-height: 24px; } #content #continut .cnt-3 .text.categorydesc p { padding-bottom: 10px; font-family: "Lucida Sans Unicode","Lucida Grande","sans-serif"; font-style: normal; font-size: 14px; line-height: 20px; margin-bottom: 0px; } #content #continut .cnt-3 .text a { color: #F68421; } #content #continut .cnt-3 .text a:hover { text-decoration: none; } #content #continut .nav { width: 100%; padding-bottom: 10px; overflow: hidden; } #content #continut .nav.v2 { padding-top: 10px; } #content #continut .nav .text-sortare { padding-right: 10px; display: inline-block; font-family: OpenSansSemiBold, Arial, sans-serif; line-height: 27px; float: left; } .sortare-dropdown .sortare, #content #continut .nav .sortare { height: 26px; border-bottom: 1px solid #595959; background: #4C5360; list-style-type: none; float: left; border-radius: 2px; box-shadow: inset 0 0 2px 3px rgba(0,0,0,0.2); } .sortare-dropdown .sortare li, #content #continut .nav .sortare li { float: left; } .sortare-dropdown .sortare li a, #content #continut .nav .sortare li a { padding: 0 10px; display: inline-block; font-family: OpenSansSemiBold, Arial, sans-serif; line-height: 26px; color: #FFF; text-shadow: 0 -1px #000; } .sortare-dropdown .sortare li a:hover, #content #continut .nav .sortare li a:hover { text-decoration: none; background: #424853; } .sortare-dropdown .sortare li a.selectat, #content #continut .nav .sortare li a.selectat { padding: 0 9px; border: 1px solid #BE4200; background: url('../png/btn_bg_3.png') 0 0 repeat-x; line-height: 24px; text-shadow: 0 -1px #9C490E; border-radius: 2px; } .sortare-dropdown .sortare li a:hover.selectat, #content #continut .nav .sortare li a:hover.selectat { background-position: 0 -28px; } .sortare-dropdown { display: none; } .sortare-dropdown.open_mobile { display: block; } .sortare-dropdown .sortare { height: auto; margin-left: 8px; width: 125px; } .sortare-dropdown .sortare li { width: 100%; float: none; } .sortare-dropdown .sortare li a { width: 100%; box-sizing: border-box; } #content #continut .nav .paginare { font-family: OpenSansSemiBold, Arial, sans-serif; float: right; } #content #continut .nav .paginare a { display: inline-block; font-size: 12px; color: #FFF; } #content #continut .nav .paginare p { margin: 0 -4px 0 5px; display: inline-block; } #content #continut .nav .paginare p a { width: 26px; text-align: center; } #content #continut .nav .paginare p a.selectat { width: 24px; height: 16px; line-height: 16px; padding: 3px 0px; border: 1px solid #BE4200; background: url('../png/btn_bg_3.png') 0 0 repeat-x; border-radius: 2px; } #content #continut .nav .paginare p a:hover.selectat { background-position: 0 -28px; text-decoration: none; } #content #continut .nav .paginare .link { background: url('../png/sg_9.png') 0 0 no-repeat; line-height: 14px; } #content #continut .nav .paginare .link.inapoi { background-position: left 3px; padding: 0 8px 0 10px; border-right: 1px solid #858585; } #content #continut .nav .paginare :hover.link.inapoi { background-position: left -17px; } #content #continut .nav .paginare .link.inainte { background-position: right -37px; padding: 0 10px 0 8px; border-left: 1px solid #858585; } #content #continut .nav .paginare :hover.link.inainte { background-position: right -57px; padding: 0 10px 0 8px; border-left: 1px solid #858585; } #content #produse { width: 100%; border-top: 1px solid #838383; display: flex; flex-direction: column;} #content #produse .produs { width: 100%; padding: 52px 0 20px 0; border-bottom: 1px solid #838383; position: relative; display: flex; gap: 3rem } #content #produse .produs .cnt-img { width: 190px; padding-top: 6px; float: left; } #content #produse .produs .cnt-img .img { display: block; line-height: 0; line-height: 0; position: relative; width: 100%; height: 100%; } #content #produse .produs .cnt-img .img img {top:0; bottom:0; left:0; right: 0; margin: 0px auto; max-height: 280px; max-width: 100%; } #content #produse .produs .cnt-img .info { width: 170px; padding: 13px 10px; margin-top: 5px; background: #DDD; } #content #produse .produs .cnt-img .info span { height: 34px; display: inline-block; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 13px; color: #0A0B0C; } #content #produse .produs .cnt-img .info .ico.showroom-2 { padding-left: 45px; } #content #produse .produs .promo-name { position: absolute; top: -40px; left: 0; padding: 5px 8px; background: rgba(13, 180, 255, 0.8); box-sizing: border-box; z-index: 1; } #content #produse .produs .cnt-detalii { width: 100%; float: right; } #content #produse .produs .cnt-detalii h2 { } #content #produse .produs .cnt-detalii h2 a { font-family: OpenSansBold, Arial, serif; font-size: 20px; line-height: 26px; color: #FFF; } #content #produse .produs .cnt-detalii h2 a:hover { text-decoration: none; color: #F68421; } #content #produse .produs .cnt-detalii div.titluprod a { font-family: OpenSansBold, Arial, serif; font-size: 20px; line-height: 26px; color: #FFF; } #content #produse .produs .cnt-detalii div.titluprod a:hover { text-decoration: none; color: #F68421; } #content #produse .produs .op { min-height: 50px; padding: 5px 10px; border-bottom: 1px solid #262626; background: #16171b; } #content #produse .produs .op .curand-bf, #content #produse .produs .op .descopera-bf, #content #produse .produs .op .deja-bf { display: block; position: absolute; left: 30px; bottom: 6px; } #content #produse .produs .op .curand-bf img, #content #produse .produs .op .descopera-bf img, #content #produse .produs .op .deja-bf img { width: 150px; height: auto; } /*#content #produse .produs .op .compara { height: 15px; padding-left: 25px; margin-top: 41px; display: inline-block; background: url('../images/ico_check_2.png') 0 0 no-repeat; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #F68421; float: left; }*/ /*#content #produse .produs .op :hover.compara, #content #produse .produs .op .compara.selectat { background-position: 0 -15px; }*/ #content #produse .produs .op .compara { height: 18px; line-height: 18px; display: inline-block; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #F68421; float: left; } #content #produse .produs .op .reviews { float: left; clear:left; font-size: 11px; margin-top: 5px; } #content #produse .produs .op .reviews span { float: left; line-height: 15px; } #content #produse .produs .op .reviews .jratingaverage.static { float: left; height: 10px; width: 50px; position: relative; margin: 2px 5px; } #content #produse .produs .op .reviews .jratingaverage.static .jRatingAverage2 { height: 10px; top: 0px; } #content #produse .produs .op .reviews .jratingaverage.static .jStar { width: 50px; height: 10px; top: 0px; } #content #produse .produs .op .compara input[type=checkbox] { float: left; margin:3px 5px 0px 0px ; } #content #produse .produs .op .actiuni { max-width: 492px; min-height: 45px; float: right; } #content #produse .produs .op .actiuni span { display: inline-block; width:max-content;} #content #produse .produs .op .actiuni .txt-1 { font-family: OpenSansSemiBold, Arial, sans-serif; } #content #produse .produs .op .actiuni .btn-4, #content #produse .produs .op .actiuni .btn-2 { width: 140px; margin: 0 0 10px 0; display: block; font-size: 14px; text-align: center; float: right; } #content #produse .produs .op .actiuni .st { padding-top: 4px; } #content #produse .produs .op .actiuni .dr { width: 162px; margin-left: 35px; margin-top:5px;} #content #produse .produs .spec { padding: 20px 0 10px 0; float:left; clear:left; } /*#content #produse .produs .spec .culori { list-style-type: none; overflow: hidden; } #content #produse .produs .spec .culori li { width: 138px; height: 33px; padding: 0 18px 18px 0; float: left; } #content #produse .produs .spec .culori li .imgcnt { width: 40px; height: 40px; margin-right: 5px; display: inline-block; border: 2px solid #FFF; float: left; position: relative; } #content #produse .produs .spec .culori li .imgcnt img { margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; } #content #produse .produs .spec .culori li .txt { width: 85px; display: inline-block; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; color: #FFF; float: left; } #content #produse .produs .spec .culori li .txt .c2 { text-transform: uppercase; }*/ #content #produs { width: 1136px; padding: 20px 20px 20px 20px; } #content #produs .components { float: left; margin-top:20px; width:100%; } #content #produs .components .component { float: left; width:100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #15171A; } #content #produs .components .component .title { font-weight: bold; font-size: 13px; margin-bottom: 5px; float:left; } #content #produs .components .component .lead { float: left; clear:left; } #content #produs .components .component .dr { width: 100px; height: 58px; display:block; position: relative; } #content #produs .components .component .dr img { margin:auto; position: absolute; top:0; bottom: 0; left: 0; right: 0; } #content #produs .components .component .st { width: 566px; } #content #produs .mentiune_disc { float: left; width:100%; } #content #produs .mentiune_disc .semn_atentie { float: left; } #content #produs .mentiune_disc .text_atentie { float: right; width:362px; } #content #produs .mentiune_disc .text_atentie p { margin-bottom: 10px; line-height: 20px; } #content ul.packages { float:left; padding:20px; width:1136px; } #content ul.packages li.package { float:left; clear:left; width:1126px; list-style: none; margin-bottom: 5px; padding: 5px;} #content ul.packages li.package:hover { background: #212121; } #content ul.packages li.package ul { float: left; max-width:1006px; } #content ul.packages li.package a.btn-10 { float:left; width: 100px; padding: 5px; background-color: #357AE8; background-image: -webkit-linear-gradient(top,#9f9f9f,#616161); background-image: -moz-linear-gradient(top,#9f9f9f,#616161); background-image: -ms-linear-gradient(top,#9f9f9f,#616161); background-image: -o-linear-gradient(top,#9f9f9f,#616161); background-image: linear-gradient(top,#9f9f9f,#616161); color: white; text-shadow: 1px 1px #A05615; border-radius: 2px; -moz-border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); font-family: OpenSansExtraBold, Arial, serif; font-size: 13px; line-height: 18px; margin: 10px 5px 10px 30px; } .load-packages { font-size: 14px; font-weight: bold; } .load-packages a { color:#0baef8; } #content ul.packages li.package:hover a.btn-10 { background-color: #357AE8; background-image: -webkit-linear-gradient(top,#f58220,#d64802); background-image: -moz-linear-gradient(top,#f58220,#d64802); background-image: -ms-linear-gradient(top,#f58220,#d64802); background-image: -o-linear-gradient(top,#f58220,#d64802); background-image: linear-gradient(top,#f58220,#d64802); } #content ul.packages li.package a.btn-2 { margin:27px 5px 27px 30px; } #content ul.packages li.package a.btn-10 .cos { background-position-y: 14px; padding: 0px 5px 0px 25px; } #content ul.packages li.package ul li { float:left; list-style: none; background: #212121; border: 2px solid #212121; } #content ul.packages li.package ul li.component { padding:0px 0px; background: none; padding: 0px 5px; } #content ul.packages li.package ul li.component a { float:left; } #content ul.packages li.package ul li.component .quantity { color:#FFF; line-height: 20px; height: 20px; font-size: 12px; text-align: center; } #content ul.packages li.package ul a { color:white; } #content ul.packages li.package ul li .st { width: 70px; height: 60px; overflow: hidden; display:block; position: relative; clear:left; background: #000; } #content ul.packages li.package ul li.result .st { width: 80px; height: 80px; } #content ul.packages li.package ul li .st img { margin:auto; position: absolute; top:0; bottom: 0; left: 0; right: 0; } #content ul.packages li.package ul li .title { width: 70px ;font-weight: bold; float:left; clear:left;} #content ul.packages li.package ul li .title span { height: 20px; line-height: 20px; overflow: hidden; width:100%; float:left; } #content ul.packages li.package ul li .title span.pret-2 { color:#F68421; } #content ul.packages li.package ul li .title span span.moneda { width:auto; float:none; font-size: 10px; } #content ul.packages li.package ul li.plus { font-size: 20px; line-height: 24px; font-weight: bold; color:#FFF; padding: 30px 5px; background: none; border:none; } #content ul.packages li.package ul li.result { float:left; list-style: none; } #content ul.packages li.package ul li.result .st { background: #000; } #content ul.packages li.package ul li.result .title { width: 160px; position: relative; font-size:11px; clear:none; margin-left: 10px; } #content ul.packages li.package ul li.result .title .name { height: 30px; overflow: hidden; } #content ul.packages li.package ul li.result .title .pret { float: left; width:100%; margin-top: 5px; } #content ul.packages li.package ul li.result .title span.pret-1 { color:#838383; text-decoration:line-through; float: left; width:70px; font-size: 13px; } #content ul.packages li.package ul li.result .title span.pret-2 { font-size:16px; font-weight: bold; float: right; width:70px; } #content ul.packages li.package ul li.result .title span.yousave { float:right; margin-top: 5px; font-size:11px; color: #CCC; margin-right: 10px; width:auto; } #content ul.packages li.package ul li.result .title span.yousave b { font-weight: bold; color: white; } #content #galerie { width: 408px; height: 436px; margin-right: 20px; position: relative; float: left; } #content #galerie .discontinued { position: absolute; z-index: 999; background:rgba(200, 54, 54, 0.8); font-size: 13px; margin: auto; padding: 2px 10px; top:-50px; bottom: 0; left: 0; right: 0; width:100%; height: 20px; text-align: center; color:white; line-height: 20px; } #content #galerie .img { width: 408px; height: 340px; padding-bottom: 34px; display: block; position: relative; } #content #galerie .img.hidden_gallery { display: none; } #content #galerie .img.visible_gallery { display: block; } #image_360_display-reel { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); padding-bottom: 30px; } #image_360_display.visible_360 { display: block; margin: 0 auto;} #image_360_display.hidden_360 { display: none; } #close360 { display: none; position: absolute; bottom: -1px; right: 0px; cursor: pointer; } div.reel-preloader { background-color: #F68421 !important; } #mask360, #mask_filters { position: fixed; z-index: 1000; top: 0; left: 0; overflow: hidden; width: 0; height: 0; background-color: #000; opacity: 0; transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s; } #mask360.is-active, #mask_filters.is_active { width: 100%; height: 100%; opacity: 0.7; transition: opacity 0.3s; } #mask_filters { z-index: 500 !important; } #content #galerie img { margin:auto; /* Required */ position:absolute; /* Required */ top:0;bottom:0; /* Aligns Vertically */ left:0; right: 0; max-width: 100%; max-height: 100%; } .discountbox {position:absolute; background-color: #e85405; background-image: -webkit-linear-gradient(top, #F68421 0%,#e85405 100%); background-image: -moz-linear-gradient(top, #F68421 0%,#e85405 100%); background-image: -ms-linear-gradient(top, #F68421 0%,#e85405 100%); background-image: -o-linear-gradient(top, #F68421 0%,#e85405 100%); background-image: linear-gradient(top, #F68421 0%,#e85405 100%); width:80px; height: 80px; border-radius: 40px; color: white; line-height: 80px; font-size: 30px; text-align: center; top:20px; left: 20px; z-index: 100; } .discountbox.tiny { width: 60px; height: 60px; line-height: 60px; font-size: 24px; right: -15px; left: auto; top:-30px; } .discountbox.up { line-height: 70px; } .discountbox.tiny.up { line-height: 50px; } .discountbox .currency { position:absolute; font-size: 14px; left:0px; right:0px; text-align:center; line-height:10px; bottom:16px; padding-left:5px; } .discountbox.tiny .currency { font-size: 12px; bottom: 12px; } #content #galerie .lista-imagini { width: 392px !important; height: 62px !important; margin-left: 8px; overflow: hidden; position: absolute; bottom: 0px; } #content #galerie .lista-imagini ul { list-style-type: none; overflow: hidden; } #content #galerie .lista-imagini ul li { padding-right: 8px; font-size: 0; line-height: 0; float: left; } #content #galerie .lista-imagini ul li.last { padding-right: 0px; } #content #galerie .lista-imagini ul li a { width: 88px; height: 58px; margin: 1px; border: 1px solid #4C5360; display: block; overflow: hidden; position: relative; } #content #galerie .lista-imagini ul li a:hover, #content #galerie .lista-imagini ul li a.selectat { width: 88px; height: 58px; margin: 0; display: block; border: 2px solid #FFF; position: relative; } #content #galerie .lista-imagini ul li a img.big { display:none; } #content #galerie .ctrl { width: 6px; height: 11px; display: block; background: url('../png/sg_10.png') no-repeat; position: absolute; top: 400px; } #content #galerie .ctrl.inapoi { background-position: 0 0; left: -6px; } #content #galerie :hover.ctrl.inapoi, #content #galerie .ctrl.inapoi.disabled { background-position: 0 -11px; } #content #galerie .ctrl.inainte { background-position: -6px 0; right: -6px; } #content #galerie :hover.ctrl.inainte, #content #galerie .ctrl.inainte.disabled { background-position: -6px -11px; } #content #detalii { width:706px; float: right; padding-top: 78px; position: relative; } #content #detalii .deja-bf, #content #detalii .descopera-bf, #content #detalii .curand-bf {display: none; position: absolute; top: 0; right: 0;} #content #detalii .deja-bf.active, #content #detalii .descopera-bf.active, #content #detalii .curand-bf.active {display: block;} #content #detalii .deja-bf img, #content #detalii .descopera-bf img, #content #detalii .curand-bf img {height: 70px;} #content #detalii h1 { font-family: OpenSansBold, Arial, serif; font-size: 20px; line-height: 26px; color: #FFF; } #content #detalii h1.with-bf { padding-right: 0; box-sizing: border-box; max-width: 324px;} #content #detalii .producator { position: absolute; top:0px; right: 0px; width: 200px; height: 52px; } #content #detalii .producator img { position: absolute; margin: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; } #content #detalii .cod-produs { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 14px; color: #838383; vertical-align: top; float:left; clear:left; } h1.product-title { position: absolute; top:0px; left:0px; width:486px; font-family: OpenSansBold, Arial, serif; font-size: 20px; line-height: 26px; color: #FFF; max-height: 78px; overflow: hidden; text-transform: none; } #content #detalii .col.w200 { width: 200px; padding-left: 20px; margin-left: -1px; border-left: 1px solid #15171A; } #content #detalii .col.w200 .utile { width: 180px; padding: 16px 0 4px 20px; margin-bottom: 20px; border-bottom: 1px solid #15171A; list-style-type: none; overflow: hidden; } #content #detalii .col.w200 .utile li { padding-right: 5px; float: left; } #content #detalii .col.w200 .utile li.last { padding: 0; } #content #detalii .col.w200 .utile li a { display: inline-block; } #content #detalii .col.w200 .utile li a.ico-3 { height: 20px; background: url('../png/ico_utile.png') no-repeat; } #content #detalii .col.w200 .utile li a.ico-3.print { width: 20px; background-position: 0 0; } #content #detalii .col.w200 .utile li a.ico-3.email { width: 24px; background-position: 0 -20px; } #content #detalii .col.w200 .promo { padding-bottom: 20px; list-style-type: none; } #content #detalii .col.w200 .promo li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #15171A; overflow: hidden; } #content #detalii .col.w200 .promo li.warranty .desc { float:left; width:135px; margin-left: 10px;} #content #detalii .col.w200 .promo li.warranty a { float:left; clear:left; font-size: 11px; font-weight: bold; margin-top: 5px; color:#838383; } #content #detalii .col.w200 .promo li.warranty .icon { width:55px; height: 41px; padding-top: 8px; background: url('../png/warranty_box.png') no-repeat; float: left; } #content #detalii .col.w200 .promo li.warranty .icon span { float: left; width:100%; text-align: center; color: black; font-weight: bold; } #content #detalii .col.w200 .promo li.warranty .icon .number { font-size: 26px; height: 26px; line-height: 26px; } #content #detalii .col.w200 .promo li.warranty .icon .txt { color:black; font-size: 14px; line-height: 14px; text-transform: uppercase; } #content #detalii .col.w200 .promo li.last { padding: 0; margin: 0; border: none; } #content #detalii .col.w200 .promo li .st { width: 65px; padding-right: 10px; font-size: 0; line-height: 0; } #content #detalii .col.w200 .promo li .dr { width: 125px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; } #content #detalii .col.w200 .promo li p { width: 180px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; padding:5px 10px; background: #e64e01; -moz-border-radius:2px; border-radius: 2px; text-align:center; } #content #detalii .col.w200 .promo li .dr .detalii { margin-top: 10px; display: inline-block; font-size: 10px; color: #838383; float: right; } #content #detalii .col.w425 { width: 465px; padding-right: 20px; border-right: 1px solid #15171A; clear:left; } #content #detalii .col.w425 .lista-1 { padding-bottom: 0; margin-bottom: 0; border-bottom: 1px solid #15171A; } #content #detalii .col.w425 p.ico-2 { margin-top: 20px; } #content #detalii .col.w425 .spec { width: 100%; padding-bottom: 10px; border-bottom: 1px solid #15171A; float: left; } #content .spec .culori { width: 100%; margin: 0 0 0 0px; float:left; } #content .spec .culori .culoare { padding: 0 3px 0px 0; float:left; border: 1px solid #212121; margin:0px 5px 5px 0px; background: #212121; } #content .spec .culori .culoare a {display: flex; align-items: center;} #content .spec .culori .culoare:hover { border-color: #515151; cursor: pointer; } #content .spec .culori .culoare.selected { border-color: #FFF; } #content .spec .culori .culoare .imgcnt {display: flex !important; width: 56px; height: 56px; margin: 0px 4px 0px 0px; padding: 2px; display: inline-block; float: left; position: relative; background: #1c1c1c; } #content .spec .culori .culoare img { margin:auto; width: 90%; height: 90%; object-fit: contain; } #content .spec .culori .culoare .txt { width: 75px; margin: 5px 0px 4px 2px; display: inline-block; font-family: var(--ff-hg); font-size: 11px; color: #FFF; float: left; height:51px; line-height: 17px; position: relative; font-weight: bold; font-size: 12px !important; } #content .spec .culori .culoare .txt .txt-cnt {position:absolute; top:0px; bottom: 0px; left: 0px; right: 0px; margin:auto; display: table; width:100%; } #content .spec .culori .culoare .txt .txt-cnt span { width: 100%; float: left; max-height: 34px; text-align: center; } #content .spec .culori .txt .c2 { text-transform: uppercase; font-size: 13px; } #content .spec .marimi { list-style-type: none; overflow: hidden; display: flex; gap: .5rem; flex-wrap: wrap;} /* #content .spec .marimi li { margin: 0 20px 18px 0; float: left; } */ #content .spec .marimi li a {border-radius: 3px; outline: none !important; width: 122px; min-height: 60px; padding: 2px 5px; border: 1px solid #212121; background: #333; display: block; line-height: 15px; } #content .spec .marimi li a span { clear:left; float: left; } #content .spec .marimi li.selected a { border-color: #FFF; } #content .spec .marimi li a:hover { border-color: #515151; cursor: pointer; border: 1px solid var(--clr-lightgrey);} #content .spec .marimi li .txt { display: flex;flex-direction: column;gap: .5rem;width: auto;justify-content: space-between;height: 100%;padding: 0.75rem;} #content .spec .marimi li .txt .c2 { text-transform: uppercase; } #content .spec .marimi li .pret-final { padding-left: 5px; display: inline-block; } /* #content .spec .marimi li { margin: 0 10px 10px 0; } */ #content .spec .marimi li.last { margin-right: 0; } #content .navbar .spec .marimi li a span { clear:none; margin: 0px 5px; } #content .navbar .spec .marimi li a { width:auto; height: 14px;} #content #detalii .col.w425 .pack { width: 428px; margin-bottom: 20px; border-bottom: 1px solid #15171A; } #content #detalii .col.w425 .op { padding: 10px 0 20px 0; margin-bottom: 30px; border-bottom: 1px solid #15171A; } #content #detalii .col.w425 .op .btn-4, #content #detalii .col.w425 .op .btn-2 { margin-top: 8px; } #content #detalii .col.w425 .actiuni { overflow: hidden; float: right; clear: both; } #content #detalii .col.w425 .actiuni .btn-9 { margin-left: 4px; float: left; } #content #detalii .col.w425 .actiuni > a { margin-left: 4px; } #content #detalii .col.w425 .actiuni > a:first-child { margin-left: 0; } #content #detalii .col.w425 .op.addtocartarea #badge-stoc-epuizat { position: absolute; top: 50%; left: -224px; margin-top: -126px; margin-left: -100px; pointer-events: none; } #content #detalii .col.w425 .op.addtocartarea > #addtocart-wishlist-wrapper { float: right; } #content #detalii .col.w425 .op.addtocartarea > #addtocart-wishlist-wrapper > .dr { float: left; } #content #detalii .col.w425 .op.addtocartarea>#addtocart-wishlist-wrapper>#favourite { width: 30px; height: 30px; background: transparent; background-size: contain; float: right; margin-top: 8px; margin-left: 8px; border-radius: 3px; } #content #detalii >#addtocart-wishlist-wrapper>#favourite:hover { background: var(--clr-lightgrey); } .favourited { background: var(--clr-blue); } #content #detalii >#addtocart-wishlist-wrapper>#favourite.favourited:hover { background: url("../svg/remove.svg"); } #content #detalii .col.w425 .op.addtocartarea > .btn-resealed { float: right; clear: right; margin-top: 16px; } #content #pagina h1, #content #pagina h2, #content #pagina h3, #content #pagina h4, #content #pagina h5, #content #pagina h6 { padding-bottom: 15px; } #content #pagina h1, #content #pagina h2 { font-size: 18px; line-height: 24px; } #content #pagina h3 { font-size: 16px; line-height: 22px; } #content #pagina h3.orange { color:#F68421; font-family: Arial; font-weight: bold; } #content #pagina h4 { font-size: 14px; line-height: 20px; } #content #pagina h5 { font-size: 13px; line-height: 20px; } #content #pagina h6 { font-size: 12px; line-height: 20px; } #content #pagina p { padding-bottom: 20px; line-height: 20px; font-family: Arial, serif; color:#CCC; } #content #pagina ul, #content #pagina ol { padding: 0 0 20px 30px; font-family: OpenSansSemiBold, Arial, serif; } #content #pagina ul li, #content #pagina ol li { line-height: 20px; } #content #pagina blockquote { font-style: italic; } #content #pagina a { color: #F68421; } #content #pagina table { margin-bottom: 20px; color: black;} #content #pagina table th { background: #838383; text-shadow: 0 1px #555; } #content #pagina table .alt th { background: #F68421; font-family: OpenSansBold, Arial, serif; font-weight: normal; text-shadow: 0 1px #A05615; } #content #pagina table th, #content #pagina table td { padding: 10px; border: 1px solid #FFF; font-family: OpenSansSemiBold, Arial, serif; } #content #pagina .showroomPhotos { float:left; width: 100%; margin:20px 0px; } #content #pagina .showroomPhotos img { border: 0px;} #content #pagina img { max-width: 834px; padding: 2px; border: 1px solid #FFF; } #content #pagina img.st { margin-right: 20px; } #content #pagina img.dr { margin-left: 20px; } #content #pagina label { padding: 0 2px 4px 2px; display: inline-block; font-family: OpenSansSemiBold, Arial, serif; } /*#content #pagina .input-1 { padding: 9px 12px; } #content #pagina .input-1 input { font-size: 12px; }*/ #content #pagina .chk { padding: 0 0 18px 20px; position: relative; } #content #pagina .chk input { position: absolute; top: 1px; left: 0; } #content #pagina .btn-4 { margin-bottom: 20px; } #content #pagina form .btn-4 { margin: 0 2px 20px 2px; } #content #pagina .col { width: 410px; } #content #pagina .col img { max-width: 404px; } #content #pagina.contact .line { float:left; clear:both; width:100%; } #content #pagina.contact .col.st { width: 430px; } #content #pagina.contact h2 { color:#F68421; } #content #pagina.contact .form .row .securitycode { } #content #pagina.contact .form .row .securitycode img { border:none!important; } #content #pagina span.big { font-size: 14px; line-height: 25px; } #content #pagina span.orange { color:#F68421; } #content .cnt-4 { width: 1136px; margin: 0 20px; } #content .cnt-4 .tab-control { width: 1136px; margin-bottom: 20px; border-bottom: 1px solid #363B44; list-style-type: none; } #content .cnt-4 .tab-control li { padding: 0 20px 6px 0; float: left; } #content .cnt-4 .tab-control li a { padding: 0 10px; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 13px; color: #FFF; float: left; } #content .cnt-4 .tab-control li a:hover, #content .cnt-4 .tab-control li.current a { text-decoration: none; color: #F68421; } #content .cnt-4 .tab-control.border li { height: 26px; padding: 0 20px 0 0; } #content .cnt-4 .tab-control.border li a { padding: 0; margin: 0 10px; display: inline-block; } #content .cnt-4 .tab-control.border li.current a { border-bottom: 4px solid #F68421; } #content .cnt-4 .tab-control.v2 { position: relative; } #content .cnt-4 .tab-control.v2 li { height: 34px; padding: 0; } #content .cnt-4 .tab-control.v2 li a { margin: 10px 1px 8px 1px; line-height: 16px; display: inline-block; } #content .cnt-4 .tab-control.v2 li.current { position: relative; top: 1px; } #content .cnt-4 .tab-control.v2 li.current a { padding: 7px 10px 9px 10px; margin: 0; border: 1px solid #363B44; border-bottom: none; background: #000; color: #F68421; position: relative; top: 1px; z-index: 100; } #content .cnt-4 .tab-control.v2.border li { height: 33px; } #content .cnt-4 .tab-control.v2.border li a { padding: 0 10px; } #content .cnt-4 .tab-control.v2.border li.current { border: 1px solid #363B44; border-bottom: 1px solid #000; } #content .cnt-4 .tab-control.v2.border li.current a { padding: 8px 0 0 0; margin: 0 10px; border: none; border-bottom: 4px solid #F68421; top: 0; } #content .cnt-4 .tab-control.v3 { width: 1135px; padding-left: 1px; } #content .cnt-4 .tab-control.v3 li { height: 34px; padding: 0; } #content .cnt-4 .tab-control.v3 li a { margin: 10px 0 8px 0; border-right: 1px solid #4C5360; line-height: 16px; display: inline-block; } #content .cnt-4 .tab-control.v3 li.last a { border: none; } #content .cnt-4 .tab-control.v3 li.current.highlight a, #content .cnt-4:hover .tab-control.v3 li.current a { padding: 9px 10px 7px 10px; margin: 0 0 0 -1px; border: 1px solid #363B44; background: url('../png/btn_bg_4.png') 0 0 repeat-x; color: #FFF; } #content .cnt-4 .tab-control.v3 li.current a span { border-bottom: 4px solid #F68421; } #content .cnt-4 .tabel-wrapper { margin-bottom: 30px; clear:left; } #content .cnt-4 .tabel-wrapper .st { padding: 0 20px 0 10px; } #content .cnt-4 .tabel-wrapper .dr { padding: 0 10px 0 20px; } #content .cnt-4 .tabel-wrapper .col { width: 460px; float: none; } #content .cnt-4 .tabel-1 { width: 538px; } #content .cnt-4 .tabel-1.large { width: 1116px; } #content .cnt-4 .tabel-1 td { padding: 2px 0; font-size: 13px; color: #EDEDED; vertical-align: top; font-family: Arial, serif; line-height: 20px; } #content .cnt-4 .tabel-1 td.key { width:200px; font-weight: bold; } #content .cnt-4 .tabel-1 td.value { font-size:12px; } #content .cnt-4 .tabel-wrapper .bd td { padding: 10px; border-bottom: 1px solid #838383; font-family: OpenSansSemiBold, Arial, serif; } #content .cnt-4 .tabel-wrapper .bd h4 { font-family: OpenSansSemiBold, Arial, serif; font-size: 14px; text-transform: none; color: #FF931F; } #content .cnt-5 .alte-produse { padding-bottom: 30px; } #content .cnt-5 .col h2 { padding-bottom: 10px; } #content .cnt-5 .col ul { height: 240px; list-style-type: none; overflow: hidden; } #content .cnt-5 .col ul li { padding: 0 10px; margin-bottom: 10px; border-right: 1px solid #333; float: left; } #content .cnt-5 .col ul li.last { border: none; } #content .cnt-5 .col .btn-6 { margin-right: 20px; float: right; } #content .cnt-5 .col.st { border-right: 1px solid #4C5360; padding: 0px 15px 0px 20px; } #content .cnt-5 .col.st h2 { padding-left: 10px; } #content .cnt-5 .col.dr { padding: 0px 20px 0px 15px; } #content .cnt-5 .col.dr h2 { padding-left: 20px; } #content .cnt-5 .col.dr .btn-6 { margin-right: 13px; } #content .cnt-5 hr { margin: 0 20px 10px 20px; border-bottom: 1px solid #838383; } #content .cnt-5 .col.st .crsl-wrapper { width:478px; } #content .cnt-5 .col.st .crsl-wrapper .mask { width:428px; margin:0px 21px; } #content .cnt-5 .col.dr .crsl-wrapper { width:624px; margin-bottom: 10px; } #content .cnt-5 .col.dr .crsl-wrapper .mask { width:574px; margin:0px 21px; } #content .cnt-5 .col.st .btn-6, #content .cnt-5 .col.dr .btn-6 { float: right; margin:10px 0px 0px; } #content .cnt-4 .tab p { padding: 10px; line-height: 20px; } .form { margin: 20px 0px; float:left; clear:left; width:100%; } /* Form */ .form .row { float: left; margin-bottom: 2px; clear: both; } .form .row.required { position: relative; } .form .row .securitycode { position: relative; margin-right: 110px; margin-bottom: 19px; } .form .row .securitycode .left { width:224px; float:left; } .form .row .securitycode img { position: absolute; right: -100px; top:-2px; } .form .row .securitycode span { display: block!important; position: absolute; bottom: -19px; left:0px; height: 14px; line-height: 14px; font-size: 11px; font-weight: normal; font-family: Arial; color:#FFF; } .form .row .securitycode .left label { font-size: 10px; float:left; margin-top:10px; } .form label { line-height: 20px; } .dropdown .form .row { width:100%; } .dropdown .form .row.nowidth { width:auto; } .classicForm .form input[type=text], .classicForm .form input[type=password], .classicForm .form textarea { background: #FFF; width:100%; border: 1px solid #FFF; height: 24px; line-height: 24px; padding: 5px 5px; font-size:18px; border-radius: 3px; -moz-border-radius: 3px; margin-right: 10px; box-shadow: inset 0 0 5px rgba(0,0,0, 0.5); -moz-box-shadow: inset 0 0 5px rgba(0,0,0, 0.5); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.5); } .classicForm .form .input-1 input, .classicForm .form .textarea-1 textarea { background:none; border:none; padding: 0px; margin: 0px; box-shadow: none; } .classicForm .form input:focus,.classicForm .form textarea:focus { border-color: #0DB4FF; } .classicForm .form .row .element { float: left; clear:left;} .classicForm .form .row label { float: left; margin-bottom: 5px; padding-right: 25px!important; position: relative; } .classicForm .form .row a.toggletexttrigger { display:none; } .classicForm .form .row:hover a.toggletexttrigger { display: inline; } .classicForm .form .row label a.help { background: url('../png/el_input_err.png') no-repeat 2px 2px; width: 20px; height: 20px; position: absolute; right: 0px; top:0px; } .classicForm .form .row label.radiolabel { clear: left; } .classicForm .form .row label.radiolabel input[type=radio] { margin: 5px 5px 0px 0px; } .classicForm .form .row .element.htmltext { } .classicForm .form .row .element.htmltext .left_info { } .classicForm .form .row .element input { float: left; } .classicForm .form .textarea.large { padding: 0; margin: 2px 20px 10px 2px; width: 468px; box-sizing: border-box; } .classicForm .form textarea { height: 60px; float:left; padding: 0px; color:black; padding: 5px 11px; border:none;} .classicForm .form textarea[name=questions] { height: 100px; } .classicForm .form .large input, .classicForm .form .large textarea, .form .row .large { width: 100%; } .classicForm .form .textarea.large textarea { width: 100%; box-sizing: border-box; } .classicForm .form .separator { float:left; clear:both; width:100%; font-size: 1px; line-height: 1px; } .classicForm .form .element.error .toggle { background: url('../png/el_input_err.png') no-repeat 2px 2px; padding-left: 20px; } .classicForm .form .toggle { float:left; clear:left; margin-bottom: 10px; } .classicForm .form .toggle p { line-height: 25px; float:left; margin-right: 20px; } .classicForm .form .formErrors { float: left; clear:left; width:100%; padding: 10px 0px; color:#F68421; } .classicForm .form .formErrors p { line-height: 16px; } .classicForm .form .formErrors img { border:none!important; } .formErrors { float: left; margin:10px 0px; } /*#content .cnt-4 .tab .formErrors p.formErrorsTitle { font-size:14px; color:red; font-weight: bold; padding: 0px 0px 10px 0px; }*/ /*#content .formNotifications p.formErrorsTitle, #modal-wrapper .formNotifications p.formErrorsTitle { color:#00FF00; margin:0px; padding:0px; text-align: left; }*/ /*#content .formNotifications, #modal-wrapper .formNotifications { float: left; clear:left; width:100%; padding: 10px 0px; font-size: 16px; line-height: 25px; }*/ .formErrors li, .formErrors ul { float:left; list-style: none; font-size: 12px; clear:left; } .formErrors ul.elementItems li { clear:left; line-height: 20px; } .formErrors ul.elementItems li strong { float:left; margin-right: 10px; } .formErrors ul.elementItems li .errorsItems li { clear:left; margin-right: 10px; color:red; } /* Reviews */ .tab h2, .h2title { float: left; margin: 20px 20px 0 20px; line-height: 22px; clear:both; width:100%; } #content .tabsholder .cnt-4 .tab h2, #content .tabsholder .cnt-4 .h2title { float: left; margin:0px 0px 20px 0px; line-height: 22px; clear:both; width:100%; } #content .tabsholder .cnt-4 .tab h2, #content .tabsholder .cnt-4 h2title { color:white; } #content .tabsholder .cnt-4.description .tab h2 { color:white; } #content .cnt-4.reviews { margin:0px 10px; background: #333 !important;} .product-reviews { float: left; } .product-reviews .table { float: left; width:100%; } .product-reviews .review { padding: 10px 0px; border-bottom: 1px solid #838383; float: left; width: 100%; } .product-review .reviews-form { float:left; width:100%; margin: 10px 0px 20px 0px; } .product-review .reviews-form.open a.btn-2 { background: none; border:none; font-size:18px; line-height: 22px; padding: 0px; } .product-review .reviews-form.hidden .form-container { display: none; } .product-reviews .jratingaverage.little { float:left; margin:3px 10px;} .product-reviews .notareview { float:left; padding: 0px; margin: 1px 0px; font-size: 14px; } .product-reviews .title span, .product-reviews .notareview span { float:left; line-height: 20px; font-size: 13px; } .product-reviews .notareview span { font-weight: bold; font-size: 14px;} .product-reviews .title { float:left; clear:left; width:100%; margin-bottom: 5px; } #content .cnt-4 .tab .product-reviews p { float:left; width:100%; margin: 0px 0px 0px; padding: 0px 0px 0px; } #content .cnt-4 .tab .product-reviews p.noreview { margin:10px 0px 10px 0px; } #content .cnt-4 .tab.product-review .classicForm .form textarea { height: 100px; font-size: 13px; } /* Cart */ #cartPage { float:left; position: relative; width:100%; } #cartPage .elemente { float:left; position: relative; } #content .cart table { float: left; width:976px; margin-top:20px; } #content .cart .cnt-4 { width: 100%; float: left; padding: 50px 100px; background: #000; margin: 0px 0px 20px; } #content .cart .cnt-4 .next-step, #content .cart .cnt-4 .next-step .title, #content .cart .cnt-4 .next-step .cnt { float: left; clear:left; width:100%; } #content .cart .cnt-4 .next-step .description { display:none; } #content .cart .cnt-4 .next-step .change { display:none; } #content .cart .cartFormContainer .st.frm { width:300px; } #content .cart .cartFormContainer .dr.frm { width:512px; float: left; } #content .cart .cartFormContainer .dr.frm .row.html { float: right; margin-right: 20px; } #content .cart .cartFormContainer .st.frm .row { float: left; clear:left; width:100%; } #content .cart .cartFormContainer .st.frm .row input[type=radio] { float: left; margin: 4px 5px 0px 0px; } #content .cart .cartFormContainer .st.frm .row label { float: left; } #content .cart .cartFormContainer .st.frm .or { float: left; margin-left: 30px; font-weight: bold; } #content .cart .cartFormContainer .dr.frm .form { margin: 0px;} #content .cart .cartFormContainer .vouchers-wrapper { margin-top: 10px; float: none; clear: both; } #content .cart .cartFormContainer .vouchers-wrapper .voucher { display: inline-block; background-color: white; color: black; padding: 0 10px; line-height: 28px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; margin-right: 5px; margin-bottom: 5px; } #content .cart .cartFormContainer .vouchers-wrapper .voucher-code { font-weight: bold; } #content .cart .cartFormContainer .vouchers-wrapper .voucher-remove { margin-left: 10px; background-color: #212121; display: inline-block; vertical-align: middle; text-align: justify; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-decoration: none; height: 10px; width: 10px; line-height: 10px; padding: 3.5px 2px 2px 4px; } #content .cart .cartFormContainer .radiolabel[for^='cartuserorderform-id_payment_method'] .radio_selector_variable { display: none; } #content .cart .cartFormContainer .radiolabel[for^='cartuserorderform-id_payment_method'].active .radio_selector_variable { display: block; } #content .cart .cartFormContainer .person_data { line-height: 25px; font-size: 14px; } #content .cart #inner-header { width: 978px; margin: 0px; padding: 0px; margin-bottom: 20px; } #content .cart #continut { width:660px; margin: 0px; } #content .cart h2 { float: left; clear:both; margin: 10px 0px; width:100%; } #content .cart #inner-header .elemente p.headtext { float:left; margin-bottom: 10px; width: 800px; } #content .cart table th { font-size: 13px; color:#999; padding:10px; } #content .cart table th span { float: left; border-bottom: 1px solid #666; width:100%; line-height: 24px; } #content .cart table td .pret { font-size: 18px; font-weight: bold; line-height: 30px; } #content .cart table td { padding: 5px 10px; } #content .cart table td.image { width:90px;} #content .cart table td.quantity { width:130px;} #content .cart table td.price { width:130px; } #content .cart table td.name { font-size:14px; } #content .cart table td.image a { width: 80px; height: 80px; position: relative; float:left; } #content .cart table td.image a img { position: absolute; margin:auto; top:0px; left: 0px; bottom: 0px; right: 0px; } #content .cart table td.total { } #content .cart table td.total div.cnt { float: left; width:100%; border-top: 1px solid #666; padding-top: 10px; } #content .cart table label { float: left; } #content .cart table td a.delete { width:16px; height: 16px; background: url('../png/deletebin.png') no-repeat; float:left; margin:6px; } #content .cart table td.last { text-align: right; } #content .cart table td .pret { color:white; font-size: 14px; padding: 0px 5px; } #content .cart table td.total div.cnt span { float: left; line-height: 30px; } #content .cart table td.total div.cnt .txt { float: left; font-size: 14px; color:#999; font-weight: bold; width:155px; } #content .cart table td.total div.cnt .box { padding: 0px 0px 15px; background: #333; float:left; margin-top:10px; border-radius: 10px; -moz-border-radius: 10px; } #content .cart table td.total div.cnt .box span { float:left; font-size: 13px; margin-left:15px; font-weight: bold; font-family: OpensSansBold, Arial, serif; margin-top:5px; } #content .cart table td.total div.cnt .box span.title { line-height: 36px; margin-bottom: 5px; background: #444; width:240px; padding: 0px 20px; margin:0px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top:0px; } #content .cart table td.total div.cnt .box a {float:right; margin-right: 15px; margin-top: 5px; } #content .cart table span.ui-spinner { background: #FFF; } #content .cart table input.cart-spinner { height: 22px; } /*#content .cart.form table td .buc input { width:40px; text-align: center; border:1px solid #CCC; padding:5px 0px; }*/ #content .cart.form table a.btn-3 { border-radius: 3px; -moz-border-radius: 3px; line-height: 28px; } #content .cart.form table a.btn-3 span { font-size: 12px; } #content .input-1.cardseries { width:20px; } #content .input-1.cardseries input { width:20px; } #content .input-1.cardnumber { width:153px; } #content .input-1.custom input { width:100%!important; } #content #sidebar.large { width:458px; color:#4C5360;} #content #sidebar.large textarea { width: 428px; height: 40px; } #content #sidebar h3 { color:#4C5360; font-family: OpenSansLight, Arial, serif; } #content #sidebar.large .input-1 { margin-bottom: 8px; } #content #sidebar.large .input-1.large { width:428px; } #content #sidebar.large hr { border-bottom: 1px solid #CCC; } #content #sidebar.large .newsletter.toggle { width:455px; } #content #sidebar.large .newsletter.toggle p { width:390px; padding:0px; margin:0px; } #content #sidebar.large .newsletter.toggle .btn-slide { margin-top:15px; } #content #sidebar.large .person_data { float:left; clear:left; line-height: 20px; } #content #sidebar.large .textarea { float:left; width: 432px; } #content #sidebar.large .textarea.focus { background: #838383; } #content #sidebar.large .textarea textarea { border:0px; width:100%; background: #838383; box-shadow: none; padding:0px; min-height: 40px; color:white; } #content #sidebar .radio-1 { float:left; clear:left; width: 240px; } #content #sidebar.large .radio-1 { width: 458px; } #content #sidebar label { float:left; } #content #sidebar .form { color:#4C5360; } #content #sidebar .form .select-1 select { color:#FFF; } #content #sidebar .element { float:left; clear:left; } #content #sidebar .radio-1.formtype { width:auto; clear:none; margin-bottom: 10px; } #content #sidebar .radio-1.formtype .radiolabel { clear:none; width:auto; margin-left: 10px; } #content #sidebar .radio-1 input[type=radio] { float: left; clear:left; width:15px; height: 15px; margin-top: 3px; margin-right: 5px;} #content #sidebar .radio-1 label { clear:left; width:100%; float: left; } #content #sidebar .extra_note { float:left; clear:left; font-style: italic; } #content #sidebar p.big span { font-size: 13px; } #content #sidebar.large .radio-1.delivery_address { width:438px; padding-left: 20px; } #cartPage .spec { width: 100%; border-bottom: 1px solid #222; float: left; color:#4C5360} #content .cart .spec p.ico-2.culoare { color: white;} #content .cart table td.components { border-top:0px; padding-top:0px; padding-bottom: 0px; } #content .cart table td.components .large { background:#333; float:left; clear:both; padding: 10px; } #content .cart table td.components ul.tiny { float:left; width:100%; list-style: none; margin: 10px 0px; } #content .cart table td.components ul.tiny li { float:left; background:#333; margin-right: 10px; } #content .cart table td.components ul.tiny li .title { margin: 5px 0px; } #content .cart table td.components ul.tiny li.pickcolors { background: none; line-height: 30px; } #content .cart table td.components .title { line-height: 20px; float:left; padding:0px 10px; color:white; margin: 10px 0px; } #content .cart table td.components img.mainimg { float:left; margin:10px; } #cartPage .spec p { margin-bottom: 5px; } #cartPage .spec .culori { margin: 0 0 0 0px; float:left; } #cartPage .payNotifyError { float:left; margin: 0px 20px 20px; color:#F68421; } #cartPage .sales-proforma-wrapper { padding: 20px; width: 100%; box-sizing: border-box; } .paymentOptions { float: left; width: 100%; clear: left; margin: 20px 0px; } /*********************/ /** jRating CSS **/ /*********************/ /**Div containing the color of the stars */ .jRatingAverage2 { position:absolute; height:14px; background-color:#F68421; top:0; left:0; z-index:2; height:100%; } .jRatingColor { background-color:#CCC; position:relative; top:0; left:0;z-index:2; height:100%; } /** Div containing the stars **/ .jStar { position:absolute; left:0; z-index:3; background: url('../png/stars.png') repeat-x; } .little .jStar { background: url('../png/little-stars-grey.png') repeat-x; } .verylittle .jStar { background: url('../png/very-little-stars.png') repeat-x; } /** P containing the rate informations **/ p.jRatingInfos { position: absolute; z-index:9999; background: transparent url('../bg_jratinginfos.html') no-repeat; color: #FFF; display: none; width: 91px; height:29px; font-size:16px; text-align:center; padding-top:5px; } p.jRatingInfos span.maxRate { color:#c9c9c9; font-size:14px; } /* FOOTER */ /*********************************************************************/ #footer { width: 1176px; margin: 0 auto; position: relative; clear: both; } #footer .col { width: 558px; padding: 0 0 60px 20px; } #footer .col.dr .links { width: 548px; float:left; } #footer .col.dr .trusted { float: right; } #footer .col.dr .trusted img { height: 120px;} #footer .col .title { font-family: OpenSansExtraBold, Arial, serif; font-size: 18px; line-height: 22px; font-weight: normal; padding-bottom: 2px; } #footer .col p { font-family: OpenSansSemiBold, Arial, sans-serif; padding-bottom: 10px; } #footer .col .newsletter { width: 398px; float:left; margin-right: 20px; } #footer .col .newsletter .form { margin:0px; float: left; } #footer .col .newsletter .form { width: 230px; height: 28px; padding: 5px 10px; margin-right: 125px; border: 1px solid #000; border-bottom: 1px solid #616263; background: #15171A; position: relative; box-shadow: inset 0 0 3px 3px rgba(0,0,0,0.4); } #footer .col .newsletter .form input { width: 400px; background: none; border: none; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; color: #FFF; border-radius: 0; -moz-border-radius: 0px; box-shadow: none; } #footer .col .newsletter .form.focus { background: #000; } #footer .col .newsletter .form .btn-7 { position: absolute; top: 0; right: -125px; } #footer .col .social .title { color: #4AC6FE; text-transform: none; } #footer .col .social .st { width: 280px; padding-left: 20px; } #footer .col .social .st ul { list-style-type: none; } #footer .col .social .st ul li { padding-left: 8px; background: url('../png/eg_1.png') left center no-repeat; font-family: OpenSansRegular, Arial, serif; font-size: 13px; line-height: 16px; color: #FFF; } #footer .col .social .dr { width: 200px; padding-right: 20px; } #footer .col .social .dr ul { list-style-type: none; } #footer .col .social .dr ul li { padding-bottom: 20px; } #footer .col .social .dr ul li .ico { height: 29px; padding-left: 40px; display: block; background: url('../png/ico_social.png') no-repeat; font-family: OpenSansLight, Arial, serif; font-size: 18px; line-height: 29px; } #footer .col .social .dr ul li :hover.ico { text-decoration: none; } #footer .col .social .dr ul li .ico.facebook { background-position: 0 0; color: #3E64A3; } #footer .col .social .dr ul li :hover.ico.facebook { background-position: 0 -29px; color: #4774BD; } #footer .col .social .dr ul li .ico.youtube { background-position: 0 -58px; color: #dd352e; } #footer .col .social .dr ul li :hover.ico.youtube { background-position: 0 -87px; color: #e34b44; } #footer .col .links p { padding-bottom: 6px; font-size: 13px; line-height: 13px; color: #838383; } #footer .col .links p a { color: #FFF; } #footer .col .links .smalltitle { margin-bottom: 10px; border-bottom: 1px solid #414345; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 14px; color: #F68421; line-height: 22px; } #footer .col .links ul { list-style-type: none; } #footer .col .links ul li { margin-bottom: 6px; line-height: 13px; font-size: 13px; color: #838383; } #footer .col .links ul li.last { padding-right: 0; margin-right: 0; border: none; } #footer .col .links ul li a { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 13px; color: #838383; } #footer .col .links ul.v2 li { padding-right: 10px; margin: 0 9px 6px 0; border-right: 1px solid #737373; float: left; } #footer .col .links div.st { width: 220px; } #footer .col .links div.dr { width: 285px; } #footer .logo { width: 1156px; padding-left: 20px; overflow: hidden; list-style-type: none; text-align:center; } #footer .logo li { height: 68px; padding-right: 20px; display: inline-block; } #footer .logo li.last { padding-right: 0; } #footer .logo li a { display: block; } #footer .info { padding: 30px 0 50px 0; font-family: OpenSansSemiBold, Arial, serif; font-size: 10px; color: #838383; text-align: center; } #footer .info a { color: #0DB4FF; } /* Begin for autocomplete */ .ui-autocomplete.ui-widget-content { border:1px solid #333; float:left; font-size:12px; } .ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover, .ui-autocomplete.ui-menu .ui-menu-item .ui-state-focus { border:1px solid #333; background: #C0F9A7; cursor:pointer; font-weight: normal; } .ui-autocomplete.ui-menu .ui-menu-item.notfound .ui-state-focus { background: red; color: white;} .ui-autocomplete.ui-menu .ui-menu-item { border-bottom: 1px dotted #333; float:left; background: #444; } .ui-autocomplete.ui-menu .ui-menu-item:last-child { border-bottom:none; } .ui-autocomplete.ui-menu .ui-menu-item a { color:#E0E0E0; } .ui-autocomplete.ui-menu .ui-menu-item .ui-state-focus { border:1px solid #333; color:white; background: #333; } .ui-autocomplete.ui-menu .no-results { line-height: 20px; padding-left: 5px; } .ui-menu { padding: 0px; } .ui-widget-header.qautocomplete-header { width:100%; line-height:20px; border: none; background: #666; } .qautocomplete-header span { padding:2px 5px; float:left; color:white; border-left: 1px solid #FFF; } .qautocomplete-header span:first-child { border-left: none; } .ui-menu .ui-menu-item.qautocompleteRow a { float: left; width:100%; padding:0px; color:#CCC; } /*.ui-menu .ui-menu-item.qautocompleteRow a b { c}*/ .ui-menu .ui-menu-item.qautocompleteRow a div { float:left; padding:2px 5px; border-right: 1px dotted #058ec2; overflow: hidden; height: 20px; line-height: 20px; white-space: nowrap;} .ui-menu .ui-menu-item.qautocompleteRow a div:last-child { border-right: none; } .multipleAutocomplete { min-height: 22px; margin-top:3px; float:left; display:block; } .multipleAutocomplete.focusable { background: #FFF; border: 1px solid #A8A9AB; } .multipleAutocomplete .niceDisplay { height: 22px; float: left; width:100%; font-style: italic; font-weight: bold; } .multipleAutocomplete input { height: 20px; margin-top:0px; border: 1px solid #FFF; } .multipleAutocomplete .options { float:left; } .multipleAutocomplete .option { float:left; background-color: #357AE8 !important; border-color: #2F5BB7 !important; color: white !important; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4D90FE), color-stop(100%, #357AE8)) !important; background-image: -webkit-linear-gradient(top, #4D90FE,#357AE8) !important; background-image: -moz-linear-gradient(top, #4D90FE,#357AE8) !important; background-image: -o-linear-gradient(top, #4D90FE,#357AE8) !important; background-image: linear-gradient(top, #4D90FE,#357AE8) !important; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px 0; -o-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px 0; box-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; height: 18px; margin:2px; white-space: nowrap; } .multipleAutocomplete .option span { float: left; color:white; padding:0px 5px 0px 5px; line-height: 18px; font-weight: bold;} .multipleAutocomplete .option a { color:yellow; float:right; padding: 0px 5px 0px 3px; line-height: 18px; font-weight: bold; text-decoration: none; } .ui-helper-hidden-accessible { display: none; } /* End for autocomplete */ /* Account */ .separator { float: left; clear:left; width:100%; } .companiesList .company, .addressesList .address { float:left; margin-right: 20px; } .addressesList .address { clear:left; margin-bottom: 10px; } .addressesList .address a { float: left; margin-right: 10px; } .companiesList .company .title {font-size:16px; border-bottom: 1px dotted #999; } .account-order { float: left; width: 100%; } .account-order .row { float: left; width: 100%; line-height: 20px; } #content #pagina .account-order h3 { float:left; margin:20px 0px 0px; padding: 0px; } #content #pagina .account-order .st, #content #pagina .account-order .dr { width: 49%; } #content #pagina .account-order table { float: left; width:100%; margin-top:10px; } #content #pagina .account-order table th, #content #pagina .account-order table td { border: none; } #content #pagina .account-order table td { padding: 10px 5px; font-size: 13px; vertical-align: top; border-bottom: 1px solid #333; } #content #pagina .account-order table td ul { list-style: none; } #content #pagina .account-order table td ul li { padding-left: 20px; font-size: 11px; } #content #pagina .account-order table td.pret { width: 100px; text-align: right; } #content #pagina .account-order table th.pret { text-align: right; padding-right: 20px; } #content #pagina .account-order table td.status { width: 150px; text-align: right; } #content #pagina .account-order table th.status { text-align: right; padding-right: 20px; } #content #pagina .account-order table td.quantity { width: 80px; text-align: left; } #content #pagina .account-order table th { padding: 5px; } #content #pagina .account-order ul { padding: 0px; margin: 0px; } #content #pagina .account-order table td div.total { float: right; width:200px; line-height: 25px; } #content #pagina .account-order table td div.total .left { float: left; width:100px; padding: 0px; } #content #pagina .account-order table td div.total .right { float: right; width:100px; padding: 0px; text-align: right; } #content #pagina .account-order table td.total { background: #333; } #content #pagina .account-order table td.total div.total { font-size:16px; } #content #pagina .account-order.list table tr { cursor: pointer; } /* Compare Table */ .compareTable { float: left; clear: left; width:100%; border: none; } .compareTable tr.actions td { padding: 10px 0px; } .compareTable tr.title th { padding: 5px 10px; background: #3a3c3d; font-size:16px; line-height: 20px; } .compareTable tr.row td { padding: 2px 20px 2px 10px; line-height: 20px; } .compareTable tr.row td.title { font-weight: bold;} .compareTable tr.row.row1 td { background: #3a3c3d; } .compareTable tr.row.row0 td { background: #222323; } .compareTable tr.products p { float:left; width:100%; margin: 20px 0px 10px; } .compareTable tr.products .select-1 { float:left; clear:left; margin-bottom: 5px; } .compareTable tr.products .select-1 select { width:160px; } #content .box-produs.v3 { height: auto; } #content .box-produs.v3 .img { width:120px; height: 100px; } #content .box-produs.v3 .nume { height: auto; } #compareButton { position: fixed; bottom: 20px; left: 50%; margin-left:-465px; } .querylog { float:left; line-height: 30px; font-weight: bold; position: absolute; top:0px; left:50%; z-index:999999; } .querylog .bruteoutput { position: absolute; top:31px; background: #FFF; padding: 20px; color:#000; font-size:10px; z-index:99999; line-height: 14px; font-weight: normal; width:1100px; max-height: 500px; overflow: auto; display:none; margin-left: -570px; } .categoriesList { list-style: none; } .categoriesList li { float:left; height: 185px; } #content .categoriesList li .box-produs { width: 124px; height: 180px; } #content .categoriesList li .box-produs a { text-align: center; } #content .tab.articles .col { padding: 10px 0px; } #content .cnt-2 .tab.articles .col h2 { margin: 10px 20px; color:black; } #content .tab.articles .articol { float:left; width:547px; margin: 20px 20px 10px; } #content .tab.articles .articol p { float: left; width: 437px; margin-left:10px; color: #363B44; height: 74px; overflow: hidden; } #content .tab.articles .articol p a { line-height: 18px; margin-bottom: 10px; float:left; width:100%; color: #000; font-size: 16px; font-family: OpenSansRegular; } #content .tab.articles .articol .img { width: 97px; height: 72px; border: 1px solid #363B44; display: block; float: left; overflow: hidden; position: relative; } #content .tab.articles .articol .img.noimage { background: url('../png/logo.png') no-repeat #000 -5px 0px; } #content .tab.articles .articol .img img { min-width:100px; min-height: 72px; max-width: 150px; max-height: 150px; position:absolute; } #content .tabsholder { float:left; clear:left; width:100%; } #content .tabsholder .cnt-4, #content .tabsholder .cnt-5 { float:left; clear: left; margin:10px 0px; padding: 20px; background: #000; width:1136px; } #content .tabsholder .cnt-2 h2 { width: 1136px; } #content .tabsholder .cnt-4 h2, #content .tabsholder .cnt-4 h1, #content .tabsholder .cnt-4 h3, #content .tabsholder .cnt-4 h4 { color: black; font-family: OpenSansExtraBold, Arial, serif; } #content .tabsholder .cnt-4 h2, #content .tabsholder .cnt-2 h2, #content .tabsholder .cnt-5 h2 { margin:0px; } #content .tabsholder .cnt-5 { background: black; color:white; clear: left; float: left; margin-bottom: 10px; } #content .tabsholder .cnt-5.resealed-cnt { width: 100%; box-sizing: border-box; border: 2px solid #09F; } #content .tabsholder .cnt-4.description { background: #333; color:white; } #content .tabsholder .cnt-4.description p { margin: 0px; padding: 0px; float: none; } #content .tabsholder ul.packages { padding: 20px 0px 0px; } #content .tabsholder ul.packages.resealed { box-sizing: border-box; width: 100%; padding: 0; } #content .tabsholder ul.packages.resealed li { list-style: none; width: 33%; padding: 15px; margin: 0; display: inline-block; box-sizing: border-box; float: none; vertical-align: middle; } #content .tabsholder ul.packages.resealed li.resealed-image-wrapper img { width: 100%; height: auto; } #content .tabsholder ul.packages.resealed li.package ul { width: 100%; } #content .tabsholder ul.packages.resealed li.package ul li.result { width: 100%; } #content .tabsholder ul.packages.resealed li.package a.btn-2 { float: right; margin: 15px 0 0 0; } #content .tabsholder .cnt-2 { background: none; margin: 20px 0px 10px; } #content .tabsholder.product .cnt-2 .col-2.large { width: 1136px; } #content .tabsholder.product .cnt-2 .col-2 { background: #000; padding: 20px 20px 35px; min-height: 204px; } #content .tabsholder.product .cnt-2 .col-2 .set { clear: left; } #content .tabsholder.product .cnt-2 .col-2 ul { margin: 0px; width:100%; margin: 0; padding: 0; } #content .tabsholder.product .cnt-2 .col-2.st { width:380px; } #content .tabsholder.product .cnt-2 .col-2 h2 { margin-bottom: 10px!important; } #content .tabsholder.product .cnt-2 .col-2.dr { width:690px; } #content .tabsholder.product .cnt-2 .col-2 h2 { margin:0px; } #content .tabsholder.product .cnt-2 .col-2 h2 { padding: 0px; width:auto; } #content .tabsholder.product .cnt-2 .col-2 ul li { border: none; padding: 0 40px 0 0; } #content .tabsholder.product .cnt-2 .col-2 ul li:last-child { padding-right: 0; } #content .tabsholder.product .cnt-2 .col-2 ul li.last { padding-right: 0px; } #content .tabsholder.product .cnt-2 .col-2 .btn-6 { bottom: 15px; } #content .tabsholder.product .box-produs.v2 { width:100px; height: auto; } #content .tabsholder.product .box-produs .img { margin: 0px 0px 5px; } #content .tabsholder.product .box-produs .nume { font-size: 11px; line-height: 14px; height: auto; max-height: 42px; overflow: hidden; } #content .tabsholder.product .tab.accesorii .tabs-wrapper { float: left; width: 100%; } #content .tabsholder.product .tab.accesorii .tabs { float:left; width: 886px; } #content .tabsholder.product .tabs .box-produs.v2 { float:left; } #content .tabsholder.product .tabs.col-2 .ul { float:left;margin-left: 20px; width:850px; } #content .tabsholder.product .tabs.col-2 .ul .li { float:left; list-style: none; padding: 0px 5px; height: 180px; } #content .tabsholder.product .tabs.col-2 .ul .li.first { padding-left: 0px; } #content .tabsholder.product .tabs.col-2 .ul .li.last { padding-right: 0px; } #content .tabsholder.product .cnt-4 .tab.accesorii .tab-control { border: none; } #content .tabsholder.product .tab.accesorii .tab-control { width: 250px; list-style-type: none; float: left; } #content .tabsholder.product .tab.accesorii .tab-control li { width: 250px; margin-bottom: 1px; padding-bottom: 0px; background: url('../png/list_buttons_border_bottom.png') no-repeat -5px 29px; } #content .tabsholder.product .tab.accesorii .tab-control li a { width: 184px; height: 30px; padding: 0 18px; display: block; color: #0db4ff; font-family: OpenSansRegular, Arial, sans-serif; line-height: 30px; font-size: 15px; background: url('../png/black_bg_small_arrow.png') no-repeat 0px 12px; } #content .tabsholder.product .tab.accesorii .tab-control li a:hover { color: white; } #content .tabsholder.product .tab.accesorii .tab-control li.current a { color:white; background: url('../png/black_bg_small_arrow_white.png') no-repeat 5px 12px } /* PRODUCT PAGE bootswatch */ .navbar .container { margin-left: auto; margin-right: auto; width:auto; height: 52px; } .navbar-static-top { position: static; margin-bottom: 0; } .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .navbar-fixed-top .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-fixed-top { top: 0; } .subnav-fixed { position: fixed; top: 40px; left: 0; right: 0; z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */ border-color: #d5d5d5; border-width: 0 0 1px; /* drop the border on the fixed edges */ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */ } .subnav-fixed .nav { width: 938px; margin: 0 auto; padding: 0 1px; } div.subnav-fixed { top: 51px; } .subnav-fixed .nav { width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */ } .nav > li { float:left; list-style: none; } .nav > li > a { display: block; } .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover { border-left: 0; padding-left: 12px; } .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding-right: 0; padding-left: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #content #detalii .col.w425 .navbar-fixed-top .container .op { margin:0px; padding: 0px; } #content #detalii .col.w425 .navbar-fixed-top .op .btn-4 { margin-top:0px; } #content #detalii .col.w425 .navbar-fixed-top .op .btn-4 .cos { overflow: hidden; width:0px; } #content #detalii .col.w425 .navbar-fixed-top .container .op .pret { margin-right: 10px; } #content #detalii .col.w425 .navbar-fixed-top .container .op .pret-referinta { display:none; } #content #detalii .col.w425 .navbar-fixed-top .container .op .pret-vechi { display:none; } #content #detalii .col.w425 .navbar #badge-stoc-epuizat, #content #detalii .col.w425 .navbar-fixed-top #badge-stoc-epuizat { display: none !important; } .navbar-fixed-top .container { width: 1176px; height: 52px; overflow: hidden; } .navbar-fixed-top .container .product { float: left; width:996px; margin-left: 10px; } .navbar-fixed-top .container .product .productimage { float:left; width:80px; height: 50px; position: relative; margin:1px 0px; overflow: hidden; } .navbar-fixed-top .container .product .productimage img { position: absolute; margin:auto; top:0px; bottom: 0px; left: 0px; right: 0px; } .navbar-fixed-top .container .product .producttitle { float: left; width: 650px; } .navbar-fixed-top .container .product .producttitle .title { float: left; line-height: 25px; font-size: 14px; font-weight: bold; } .navbar-fixed-top .container .product .producttitle .title.big { line-height: 50px; font-size:16px; } .navbar-fixed-top .container .product .producttitle .spec { float:left; } .navbar-fixed-top .container .product .producttitle .articles { float: left; clear:left; } .navbar-fixed-top .container .product .producttitle .articles .culori .culoare { float:left; } .navbar-fixed-top .container .product .producttitle .articles .culori .culoare a { float:left; height: 30px; width: 40px; position:relative; } .navbar-fixed-top .container .product .producttitle .articles .culori .culoare a img { position: absolute; margin:auto; top:0px; left:0px; right: 0px; bottom: 0px;} .navbar-fixed-top .container .product .producttitle .articles .culori .culoare .txt { float:left; } #content #detalii .col.w425 .navbar-fixed-top .op { border: none; } #content #detalii .col.w425 .navbar-fixed-top .spec { padding: 0px; } #content #detalii .col.w425 .navbar-fixed-top .spec .culori .culoare { padding: 4px 3px; margin-bottom:0px; border-width: 1px; border-bottom: 0px; } #content #detalii .col.w425 .navbar-fixed-top .spec .culori .culoare .txt { float:left; padding: 0px; margin: 0px; height: auto; width:auto; } #content #detalii .col.w425 .navbar-fixed-top .spec .culori .culoare .txt .txt-cnt { position: relative; float: left; display:block; margin: 0px; } #content #detalii .col.w425 .navbar-fixed-top .spec .culori .culoare .txt .txt-cnt span.name { float: left; width:auto; } #content #detalii .col.w425 .navbar-fixed-top .spec .culori .culoare .txt .txt-cnt span.c2 { float:left; width:auto; font-size: 11px; padding-left: 5px; } #content #detalii .col.w425 .navbar-fixed-top .spec .culori .culoare.selected .txt .txt-cnt span.c2 { padding: 0px; } .navbar-fixed-top .container .product .productprice { float: right; } .navbar-fixed-top .container .product .productprice .dr { margin:10px 0px 0px 0px; } .navbar-fixed-top .container .product .productprice .dr form { margin:0px; float: right; } .navbar-fixed-top { border-bottom: 1px solid #FFF;} .navbar-inner { min-height: 50px; padding-right: 20px; padding-left: 20px; background-color: #45aeea; background-image: -moz-linear-gradient(top, #222326, #000000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222326), to(#000000)); background-image: -webkit-linear-gradient(top, #222326, #000000); background-image: -o-linear-gradient(top, #222326, #000000); background-image: linear-gradient(to bottom, #222326, #000000); background-repeat: repeat-x; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff2fa4e7', GradientType=0); *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .subnav { margin-bottom: 10px; width: 100%; height: 30px; background-color: #eeeeee; /* Old browsers */ background-repeat: repeat-x; /* Repeat the gradient */ background-image: -moz-linear-gradient(top, #017ab2 0%, #333333 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017ab2), color-stop(100%,#333333)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, #017ab2 0%,#333333 100%); /* Chrome 10+,Safari 5.1+ */ background-image: -ms-linear-gradient(top, #017ab2 0%,#333333 100%); /* IE10+ */ background-image: -o-linear-gradient(top, #017ab2 0%,#333333 100%); /* Opera 11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017ab2', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ background-image: linear-gradient(top, #017ab2 0%,#333333 100%); /* W3C */ border: none; border-bottom: 1px solid #0095d9; border-top: 1px solid #3282a7; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .subnav .nav-pills li a { color: white; text-transform: uppercase; font-weight: bold; font-size: 11px; } .subnav .nav > li.selected { border-bottom: 2px solid #F68421; } .subnav .nav > li > a { border: none; text-shadow: none; padding:0px 10px; line-height: 30px; text-decoration: none; } .subnav .nav > li > a:hover, .subnav .nav > li.selected a { background-image: -moz-linear-gradient(top, #0489c4 0%, #004a6d 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#004a6d)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(top, #0489c4 0%,#004a6d 100%); /* Chrome 10+,Safari 5.1+ */ background-image: -ms-linear-gradient(top, #0489c4 0%,#004a6d 100%); /* IE10+ */ background-image: -o-linear-gradient(top, #0489c4 0%,#004a6d 100%); /* Opera 11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0489c4', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ background-image: linear-gradient(top, #0489c4 0%,#004a6d 100%); /* W3C */ } .navbar-inner .logo { float:left; margin: 7px 5px 5px; } .navbar-inner .spec .ico-2 { display: none; } .navbar-inner .productprice .txt-1 { display: none; } .overlayer-inside { position: absolute; top:0px; right: 0px; left: 0px; bottom: 0px; background: url('../gif/preloader.gif') no-repeat 50% 50% #000; z-index: 99999; opacity: 0.8; } .overlayer-inside { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, 0); /* Fully transparent background */ backdrop-filter: blur(10px); /* Apply blur effect to the backdrop */ z-index: 99999; pointer-events: auto; /* Make sure it doesn't block interaction with elements behind */ border-radius: 3px; } .overlayer-inside::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 10%, transparent 90%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, transparent 10%, transparent 90%, rgba(0, 0, 0, 0.5) 100%); pointer-events: none; /* Ensure the pseudo-element doesn't block interaction */ border-radius: 3px; } @keyframes gradientAnimation { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .overlayer-inside::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(270deg, rgba(200, 200, 200, 0.5), rgba(150, 150, 150, 1), rgba(100, 100, 100, 0.5), rgba(120, 120, 120, 1)); background-size: 400% 400%; animation: gradientAnimation 20s ease infinite; opacity: 0.5; /* Adjust opacity for the gradient */ pointer-events: none; /* Ensure the pseudo-element doesn't block interaction */ border-radius: 3px; } input.cart-spinner { width:20px; text-align: right; } .ui-tooltip { position: absolute; line-height: 20px; padding: 5px 10px; font-size: 12px; text-align: center; color: white; border: 2px solid rgb(255, 255, 255); border-radius: 5px; text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px; box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px; z-index:9999; background: #333; } .ui-tooltip:after, .ui-tooltip:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ui-tooltip:after { border-color: rgba(51, 51, 51, 0); border-right-color: #333; border-width: 6px; top: 50%; margin-top: -6px; } .ui-tooltip:before { border-color: rgba(245, 245, 245, 0); border-right-color: #f5f5f5; border-width: 10px; top: 50%; margin-top: -10px; } .toggleTranslateBox { display: inline; cursor: pointer; } .campaign { float:left; clear:both; width:100%; padding-bottom: 40px; position: relative; border-bottom: 1px solid #333; } .campaign h2 { margin-bottom: 10px; margin-top: 20px; } .campaign .categoriesList { float: left; width:100%; margin-top: 10px; } .campaign a.btn-6 { position: absolute; bottom: 10px; right: 0px; } p.large.message { font-size: 18px; color:#41EF00; } #footer .logo li { height: 100px; width: 120px; position: relative; } #footer .logo li img { max-width: 120px; max-height: 100px; position: absolute; top:0px; left: 0px; right: 0px; bottom: 0px; margin: auto; } .classicForm .form .row label i { color:#F68421; padding-left: 10px; } #content .tabsholder .cnt-4.description iframe { float:left; clear:both; margin:10px 0px; } #content .tabsholder .cnt-4.description.external .tab h2 { color: #000; float:left; } #content .tabsholder .cnt-4.description.external { background: #FFF; } .address-widget-county, .address-widget-city { float:left; margin-right: 5px; background: #FFF; border: 1px solid #CCC; box-shadow:inset 0 0px 3px 1px rgba(0,0,0,0.5); margin-bottom: 5px; padding:0px 11px; height: 35px; border-radius: 5px; } .cards { list-style: none; width: 1136px; margin: 20px; } .cards li { float: left; margin-right: 20px; position: relative; min-height: 130px; } .cards li a { float: left; position: relative; } .cards li a .overlay { position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px; background: #000; opacity: 0.3; } .cards li a.selected .overlay { display: none; } .cards li:hover .overlay { display: none; } .cards li .element.radio-1 { position: absolute; top: 110px; left: 0px; right: 0px; margin: 0px auto; width: 100px; } .cards li .element.radio-1 label { float: left; position: relative; padding-left: 16px; line-height: 19px; } .cards li .element.radio-1 input { position: absolute; top: 3px; left: 0px; } .cards li .rate { float: left; clear:left; margin-top: 32px; border-top:1px solid #666; width: 100%; padding-top: 5px; font-size: 20px;} .cards li .rate span { float:left; clear: left; width: 30px; margin-left: 0px; line-height: 26px; } .cards li .rate select { float:left; background: #FFF; margin-left: 25px; width: 100px; height: 30px; line-height: 24px; border:1px solid #FFF; font-size: 20px; } body.blackfriday .line { float:left; clear:left; width:100%; } body.blackfriday { background: #FFF; background-image: none; } body.blackfriday #content { color:#333; } body.blackfriday #content .cnt-1 { box-shadow: none; } body.blackfriday #content .cnt-1.bd { color:#333; background: #FFF; } body.blackfriday #header .cnt-2 { height: 120px; padding: 20px 0px; } body.blackfriday .cnt-2.newsletter { height: 100px; padding: 0px; background-image: -webkit-linear-gradient(top, #0cb1fc 0%,#1292cc 100%); } body.blackfriday #header .cnt-2 .inner { padding-top: 10px; height: 120px; } body.blackfriday .cnt-2.newsletter .inner { width:1176px;margin: 0 auto;position: relative; padding: 10px; } body.blackfriday h1 { font-size: 60px; font-family: OpenSansRegular, Arial, serif; float:left; line-height: 80px; color: #FFF; } body.blackfriday h1 span { font-family: OpenSansBold, Arial, serif; color: #CCC; } body.blackfriday #categoriesList { list-style: none; margin: 40px 0px; } body.blackfriday #categoriesList h2 { color: #666; font-family: OpenSansLight, Arial, serif; font-size: 26px; line-height: 40px; } body.blackfriday #categoriesList a.category { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; width: 351px; padding: 20px; float: left; position: relative; } body.blackfriday #categoriesList a.category { text-decoration: none; } body.blackfriday #categoriesList a.category:hover { background: #F6F6F6; } body.blackfriday #categoriesList a.category.trm { border-right: 0px; } body.blackfriday #categoriesList a.category.lst { border-bottom: 0px; } body.blackfriday #categoriesList a.category .img { float: left; width: 300px; height: 200px; position: relative; } body.blackfriday #categoriesList a.category .img img { position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px; margin: auto; } body.blackfriday #categoriesList a.category .discountbox { background: #F0F0F0; width: 60px; height: 40px; border-radius: 40px; position: absolute; top:20px; right: 20px; padding: 20px 10px; } body.blackfriday #categoriesList a.category .discountbox span { line-height: 14px; text-align: center; width: 60px; float: left; clear: left; font-size: 10px; } body.blackfriday #categoriesList a.category .discountbox span.discount { line-height: 26px; font-size: 26px; font-family: OpenSansBold, Arial, serif; } body.blackfriday .social { list-style: none; float: right; margin-top: 30px; } body.blackfriday .social li { float:left; margin-right: 20px; } body.blackfriday .social li .ico { height: 29px; padding-left: 40px; display: block; background: url('../png/ico_social.png') no-repeat; font-family: Arial, serif; font-size: 18px; line-height: 29px; } body.blackfriday .social li :hover.ico { text-decoration: none; } body.blackfriday .social li .ico.facebook { background-position: 0 0; color: #0cb1fc; } body.blackfriday .social li :hover.ico.facebook { background-position: 0 -29px; color: #0cb1fc; } body.blackfriday .social li .ico.google { background-position: 0 -58px; color: #C73C1F; } body.blackfriday .social li :hover.ico.google { background-position: 0 -87px; color: #E66246; } #map-canvas { float: left; width: 460px; height: 200px; display:none; margin-top: 20px; } #content .img-menu div.item { padding: 0px; margin: 0px 0px 12px 12px; text-decoration: none; display: block; float: left; overflow: hidden; background-repeat: no-repeat; opacity: 1; -webkit-transform: scale(1,1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1,1); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; position: relative; z-index: 99; } #content .img-menu div.item:hover { overflow: hidden; opacity: .7; -webkit-transform: scale(1.03,1.05); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 250ms; -moz-transform: scale(1.03,1.05); -moz-transition-timing-function: ease-out; -moz-transition-duration: 250ms; position: relative; z-index: 99; } #content .img-menu h2 { font-family: Montserrat, sans-serif, Arial, Verdana, sans-serif !important; font-weight: normal !important; font-size: 26px !important; color: #ffffff !important; line-height: 24px !important; background-color: rgba(0,0,0, 0.5); color: #FFF; margin: 0px; padding: 20px; position: absolute; left: 0px; bottom: 0px; right: 0px; } #content .img-menu .highlight { color: #F68421; display: inline; float: none; } #content .prod-display h2 { font-family: OpenSansExtraBold, Arial, serif !important; font-size: 18px !important; line-height: 22px !important; font-weight: normal !important; padding: 20px 20px 30px 20px; line-height: 20px; color: #FFF !important; float: left; } #content a.see-all { color: #F68421; text-decoration: none; outline: none; padding:0px; font-family: OpenSansRegular, Arial, sans-serif; font-size: 12px; margin-top:10px; position: absolute; bottom: 8px; } .prod-display>.mask>.elemente ul { list-style-type: none; border-bottom: 1px solid #111; overflow: hidden; margin: 0px 0px 0px 10px; padding-top: 10px; padding-bottom: 10px; width: 1080px; margin: auto; } .prod-display>.mask>.elemente ul:last-child { border-bottom: none; } .prod-display>.mask>.elemente ul>li { border-right: 1px solid #222; } .prod-display>.mask>.elemente ul>li:last-child { border-right: none; } .promo-page span.title { font-family: 'Open Sans', sans-serif; float: left; font-size: 28px; line-height: 30px; color: #0090ee; margin-left: 20px; margin-top: 25px; margin-bottom: 20px; } .promo-page span.sg1 { background-color: #0090ee; color: #FFF; box-shadow: 3px 3px 6px rgba(0, 0, 0 , 0.5); padding: 3px 20px; font-size: 18px; } .promo-page div.see_more { width: 100%; height: 25px; border-bottom: 2px solid #222; margin-top: 20px; margin-bottom: 20px; text-align: center; padding: 0px; } div.promo-page { padding-bottom: 40px; } .promo-page a.see_more { } .promo-page a.see_more:hover { text-decoration: none; } .promo-page .prod-display>.mask>.elemente ul { overflow: hidden!important; margin: 0px 0px 0px 10px!important; padding-top: 10px!important; padding-bottom: 10px!important; width: 1080px!important; margin: auto!important; } .promo-page .prod-display>.mask>.elemente ul:last-child { border-bottom: none; } .promo-page .prod-display>.mask>.elemente ul>li { margin-top: 5px!important; margin-bottom: 5px!important; } /* listare produse pentru pagina de promotii, black-friday, craciun + pagini statice mission ... */ #content .grid-box-produs { width: 190px; height: 240px; position: relative; margin-bottom: 20px; margin: 0px 5px 10px 5px; } #content .grid-box-produs .img { width: 150px; height: 150px; margin: 5px 22px 16px 22px; display: block; font-size: 0; line-height: 0; position: relative; } #content .grid-box-produs .img img { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #content .grid-box-produs .nume { height: 32px; overflow: hidden; display: block; text-align: left; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; line-height: 16px; color: #FFF; } #content .grid-box-produs .pret-1 { display: block; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 14px; color: #838383; position: absolute; bottom: 3px; left: 0px; text-decoration: line-through; } #content .grid-box-produs .pret-2 { display: block; font-family: OpenSansExtraBold, Arial, serif; font-size: 24px; color: #F68421; position: absolute; bottom: 15px; } #content .grid-box-produs .pret-2 .moneda { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 11px; text-transform: uppercase; vertical-align: top; } #content .grid-box-produs .pret-2 .tiny { font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 12px; } .discountbox_blue { position:absolute; top: -10px; right: -10px; width: 61px; height: 45px; color: white; font-size: 34px; z-index: 999999; background: url('../png/tag_discount_percentage.png'); background-repeat: no-repeat; padding-right: 20px; text-align: right; vertical-align: top; line-height: 30px; font-weight: bold; } .discountbox_orange { position:absolute; top: -10px; right: -10px; width: 61px; height: 45px; color: white; font-size: 34px; z-index: 999999; background: url('../png/tag_discount_price.png'); background-repeat: no-repeat; padding-right: 20px; text-align: right; vertical-align: top; line-height: 30px; font-weight: bold; } .discount-right-flag {font-family: OpenSansSemiBold, Arial, sans-serif;text-align: right;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width: 124px;display: inline-block;position: absolute;left: 0;top: 0;z-index: 1;text-align:center;background-color: #333;} /*.discount-right-flag.percentage:before {content: '%';font-size: 0.5588235294117647em;display: inline-block;position: absolute;right: 0.1470588235294118em;top:-0.1176470588235294em;}*/ .discount-right-flag.value:before {content: 'RON';font-size: 9px;font-family: OpenSansRegular, Arial, sans-serif;font-weight: normal;display: inline-block;position: absolute;-ms-transform: rotate(-90deg); /* IE 9 */-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */transform: rotate(-90deg);right: 0;top:0;} .discount-right-flag .reducere {font-family: OpenSansRegular, Arial, sans-serif;height: 15px;line-height: 15px;font-weight: normal;text-align: center;font-size: 10px;display: inline-block;position: absolute;width: 124px;right: 0;bottom: -15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color:#fff;background-color: #212121;text-transform: uppercase;} .discount-right-flag .reducere:before {content: '';position: absolute;left:0;top: 100%;display: none;width: 0;height: 0;border-left: 15px solid transparent;border-top: 9px solid #888;} .discount-right-flag .discount-signs-wrapper { display: inline-block; width: 120px; height: 22px; background: transparent url("https://cdn1.avstore.ro/qube/get/cdc81e1a2c5b5a781effda156c4ed875") no-repeat 0 0; background-size: 100% auto; } .discount-right-flag .discount-signs-wrapper.discount-signs-1 {background-position: 0 -24px;} .discount-right-flag .discount-signs-wrapper.discount-signs-2 {background-position: 0 -48px;} .discount-right-flag .discount-signs-wrapper.discount-signs-3 {background-position: 0 -72px;} .discount-right-flag .discount-signs-wrapper.discount-signs-4 {background-position: 0 -96px;} .discount-right-flag .discount-signs-wrapper.discount-signs-5 {background-position: 0 -120px;} #content #produse .produs .discount-right-flag { top: -40px; } #content #produs .discount-right-flag { left: -20px; } #content #produse .produs .op .actiuni span.pret-nou { position: relative; } /* #content #produse .produs .op .actiuni span.pret-nou:after { content: 'LEI'; font-family: OpenSansSemiBold, Arial, sans-serif; font-size: 14px; line-height: 15px; display: inline-block; position: absolute; top:4px; right: -25px; } */ #content #produse .produs .cnt-img { position: relative; } #content .tabsholder .cnt-4.description.external td { padding: 10px; } .st .card_rate { background-size: contain; height: 50px; width: 79px; position: relative; float: left; margin: 0px 10px 20px 0px; } .st .card_rate .overlay_opac { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.3; } .st .card_rate .text_nrrate { font-size: 36px; line-height: 36px; font-weight: bold; color: #FFF; position: absolute; padding: 0; bottom: 0px; left: 2px; text-shadow: 0px 1px 1px #000; letter-spacing: -7px; } .st .card_rate .text_rate {font-size: 18px; line-height: 18px; font-weight: bold; color: #FFF; position: absolute; bottom: 5px; right: 2px; text-shadow: 0px 1px 1px #000;} .st .card_rate .text_banca { font-size: 10px; font-weight: normal; color: #FFF; position: absolute; bottom: -15px; left: 0px; } /*#header_mobile { display: none; }*/ .homepage-tiles .tiles-wrapper:after { display: block; content: ""; clear: both; float: none; } .homepage-tiles .tile { display: inline-block; width: 196px; height: 80px; float: left; box-sizing: border-box; position: relative; transition: .05s all; border: 3px solid transparent; } .homepage-tiles .tile:hover { transform: scale(1.05, 1.05); z-index: 1001; box-shadow: 0 0 8px rgba(0, 0, 0, .1); } .homepage-tiles .tile .tile-inner-wrapper { display: block; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; } .homepage-tiles .tile.size-w1-5 { width: 294px; } .homepage-tiles .tile.size-w2 { width: 392px; } .homepage-tiles .tile.size-w3 { width: 588px; } .homepage-tiles .tile.size-w4 { width: 784px; } .homepage-tiles .tile.size-w5 { width: 980px; } .homepage-tiles .tile.size-w6 { width: 1176px; } .homepage-tiles .tile.size-h2 { height: 160px; } .homepage-tiles .tile.size-h3 { height: 240px; } .homepage-tiles .tile.size-h4 { height: 320px; } .homepage-tiles .tile.size-h5 { height: 400px; } .homepage-tiles .tile.size-h6 { height: 480px; } .homepage-tiles .tile .tile-inner-wrapper .image-wrapper { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .homepage-tiles .tile.image-left .tile-inner-wrapper .image-wrapper { width: 50%; height: 100%; float: left; } .homepage-tiles .tile.image-top .tile-inner-wrapper .image-wrapper { width: 100%; height: 65%; float: left; } .homepage-tiles .tile.image-right .tile-inner-wrapper .image-wrapper { width: 50%; height: 100%; float: right; } .homepage-tiles .tile .tile-inner-wrapper .image-wrapper img { min-width: 100%; height:100% !important; object-fit: cover; left: 50%; position: absolute; width: 100%; height: auto; transform: translateX(-50%) translateY(-50%); top: 50%; } .homepage-tiles .tile.image-wide .tile-inner-wrapper .image-wrapper img { width: auto; height: 100%; } .homepage-tiles .tile .tile-inner-wrapper .info-wrapper { box-sizing: border-box; overflow: hidden; position: absolute; bottom: 15px; left: 0; max-width: 90%; } .homepage-tiles .tile.image-left .tile-inner-wrapper .info-wrapper, .homepage-tiles .tile.image-right .tile-inner-wrapper .info-wrapper { width: 50%; } .homepage-tiles .tile.image-top .tile-inner-wrapper .info-wrapper { width: 100%; height: 35%; } .homepage-tiles .tile .tile-inner-wrapper .info-wrapper .tile-title, .homepage-tiles .tile .tile-inner-wrapper .info-wrapper .tile-title a, .homepage-tiles .tile .tile-inner-wrapper .info-wrapper .tile-subtitle { color: white; } .homepage-tiles .tile .tile-inner-wrapper .info-wrapper .tile-title { font-size: 15px; padding: 10px 18px; background: rgba(13, 180, 255, 0.8); box-sizing: border-box; font-family: OpenSansSemiBold, Arial, serif; } .homepage-tiles .tile .tile-inner-wrapper .info-wrapper .tile-title:hover { } .homepage-tiles .tile.image-left .tile-inner-wrapper .info-wrapper .tile-title, .homepage-tiles .tile.image-right .tile-inner-wrapper .info-wrapper .tile-title { font-size: 35px; line-height: 40px; font-weight: bold; text-transform: uppercase; } .homepage-tiles .tile.image-right .tile-inner-wrapper .info-wrapper .tile-title, .homepage-tiles .tile.image-right .tile-inner-wrapper .info-wrapper .tile-subtitle { text-align: right; } .homepage-tiles .tile.image-top .tile-inner-wrapper .info-wrapper .tile-title { font-size: 18px; line-height: 18px; font-weight: bold; } .homepage-tiles .tile .tile-inner-wrapper .info-wrapper .tile-subtitle { display: inline-block; font-size: 11px; padding: 8px 18px; background: rgba(255, 255, 255, .8); color: #212121; font-weight: 400; box-sizing: border-box; text-transform: uppercase; } .homepage-tiles .tile .tile-inner-wrapper .info-wrapper .tile-subtitle:hover { color: white; text-decoration: none; } .homepage-tiles .tile.size-w2 .tile-inner-wrapper .info-wrapper .tile-subtitle { display: none; } .homepage-tiles .tile.size-w1-5 .tile-inner-wrapper .info-wrapper .tile-subtitle { display: none; } .homepage-tiles .tile .tile-inner-wrapper .video-wrapper { display: none; visibility: hidden; position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .homepage-tiles .tile.with-video .tile-inner-wrapper .video-wrapper iframe { display: none; visibility: hidden; } .homepage-tiles .tile.with-video.visible { z-index: 1001; } .homepage-tiles .tile.with-video.visible .tile-inner-wrapper .video-wrapper iframe, .homepage-tiles .tile.with-video.visible .tile-inner-wrapper .video-wrapper { display: block; visibility: visible; } .homepage-tiles .tile.with-video.visible:hover { transform: none !important; } .homepage-tiles .tile .tile-inner-wrapper .video-wrapper .close-video { display: block; cursor: pointer; position: absolute; top: -40px; right: 0; width: 40px; height: 40px; background: #000000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjggMjgiPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0xLjQgMjhsMjYuNi0yNi42LTEuNC0xLjQtMjYuNiAyNi42TTI4IDI2LjZsLTI2LjYtMjYuNi0xLjQgMS40IDI2LjYgMjYuNiIvPjwvZz48L3N2Zz4=) no-repeat center center; background-size: 60% 60%; } .homepage-tiles .tile .tile-inner-wrapper .video-wrapper .close-video:hover { background-size: 80% 80%; } .homepage-tiles .tile.with-video .play-video { content: ""; display: block; width: 60px; height: 60px; border-radius: 50%; background: rgba(13, 180, 255, 0.8) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAgMTUiPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGw5LjUgNy42LTkuNSA3LjR2LTE1eiIvPg0KPC9zdmc+) no-repeat 55% center; background-size: 40% 40%; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; cursor: pointer; } .homepage-tiles .tile.with-video.visible .play-video { display: none; } #tiles-video-dimmer { display: none; position: absolute; z-index: 1001; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .85); } #tiles-video-dimmer.visible { display: block; } iframe[id^="oauth2relay"] { visibility: hidden; display: none; opacity: 0; } .inter-banner { margin-top: 15px; box-sizing: border-box; padding-bottom: 15px; border-bottom: 1px solid #838383; } .order_summary .rest-comanda { font-size: 18px; } #maincartFormContainer .hiddenCartItem { display: none; } #maincartFormContainer .alwaysHiddenCartItem { display: none; } a.phone, a.phone:hover, a.phone:link {text-decoration: none; color: #0DB4FF !important;} #content #continut h2.rezultate{ padding-bottom: 17px; font-weight: 400 !important; font-family: Arial; }