/*! normalize.css v1.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } /* ========================================================================== Links ========================================================================== */ a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } /* ========================================================================== Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ======= NOTIFICATIONS, SUCCESS, ERRORS ======= */ .no-results{ margin:5px; padding:5px 25px; text-align:center; background: #E51732; color:#fff; -webkit-box-shadow:0px 0px 2px 0px rgba(161, 161, 161, 0.8); box-shadow:0px 0px 2px 0px rgba(161, 161, 161, 0.8); } .message-error{ border:1px solid #ed5a10; padding: 5px 23px; color:#ed5a10 !important;} .message-error H1{ background:none; color:#ed5a10; text-align:center; padding: 0; } .message-error P{ background:none; color:#ed5a10; text-align:center; padding: 0; } .message-error H1:before, .message-error H1:after{ content:none; } .message-success{ border:1px solid #97c227; padding:5px 23px; color: #97c227 !important;} .message-success H1{ background:none; color:#759f4c; text-align:center; padding: 0; } .message-success P{ background:none; color:#97c227; text-align:center; padding: 0; } .message-success H1:before, .message-success H1:after{ content:none; } INPUT.error, SELECT.error, TEXTAREA.error, INPUT.error-js, SELECT.error-js, TEXTAREA.error-js{ border: 1px solid #ed5a10; } /* ======= COLORBOX ======= */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; } #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; } #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000;} #colorbox{outline:0;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{ padding-top:30px; } #cboxLoadedContent > *{ margin:5px; } #cboxLoadingGraphic{background:url(../img/ajax-loader.gif) no-repeat center center;} #cboxTitle{position:absolute; top:100%; width:94%; padding:5px 3% 10px; font-weight:bold; background:#fff; color:#000; text-align:center; } #cboxCurrent{position:absolute; top:7px; right:32px; font-weight:bold; color:#7C7C7C;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; position:absolute; top:5px; background:url(../img/colorbox-controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{left:5px; background-position: -51px -25px;} #cboxPrevious:hover{background-position:-51px 0px;} #cboxNext{margin-left:32px; background-position:-75px -25px;} #cboxNext:hover{background-position:-75px 0px;} #cboxClose{right:6px; background-position:-100px -25px;} #cboxClose:hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .colorbox{ outline:none !important; } /* ======= TIPSY TOOLTIP ======= */ .tipsy { font-size: 13px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #172125; color: #FFF; max-width: 300px; padding: 5px 8px 4px 8px; text-align: center; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #172125; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #172125; } .tipsy-arrow-s { border-top-color: #172125; } .tipsy-arrow-e { border-left-color: #172125; } .tipsy-arrow-w { border-right-color: #172125; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /*====================================================================================================================================*/ /* ======= SEARCHBOX ======= */ .ui-helper-hidden-accessible{ position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; overflow:hidden; margin:-1px; padding:0; border:0; } .ui-autocomplete{ position:absolute; top:0; left:0; width:auto; padding:0; border:1px solid #424242; background:#fff; list-style-type:none; cursor:default; } .ui-autocomplete-category{ display:block; padding:5px 7px; color: #971748; } .ui-autocomplete LI.ui-menu-item{ padding:0; } .ui-autocomplete LI.ui-menu-item A{ display:block; padding:3px 10px; color:#222; background: #fff; line-height: 30px; text-shadow: none;} .ui-autocomplete LI.ui-menu-item A:hover{ color:#7FBD8B; } .ui-state-focus{ background:#7FBD8B !important; color:#fff !important; } .highlight { padding:1px; background-color: #7FBD8B; color: #fff; -moz-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); -webkit-box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); box-shadow: 0 0 2px 0 rgba(161, 161, 161, 0.7); } /*====================================================================================================================================*/ /* ======= ADMIRAL ======= */ .no-margin{ margin:0 !important; } .no-margin-top{ margin-top:0 !important; } .no-margin-right{ margin-right:0 !important; } .no-margin-left{ margin-left:0 !important;} .no-border-bottom{ border-bottom:0 !important; } /*====================================================================================================================================*/ /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .float-left { float: left;} .float-right { float: right;} .red-button { background-color: #e51732; color: #fff; text-decoration: none; padding: 7px 16px; display: inline-block; border: 1px solid #c4051e;} .red-button:hover { background-color: #1c1c1c; border: 1px solid #000000; color: #fff;} .red-button .fa { color: #fff; font-size: 16px; margin-right: 7px;} .black-button { background-color: #1c1c1c; color: #fff; text-decoration: none; display: inline-block; padding: 12px 16px; border: 1px solid #000000;} .black-button:hover { color: #fff;} .gradient-button,.address-edit-link{ display: inline-block; padding: 7px 16px; border: 1px solid #e8e8e8; text-decoration: none; font-weight: 600; color: #1c1c1c; position:relative; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); } .gradient-button .fa,.address-edit-link .fa { color: #e51732; margin: 0 7px; font-size: 16px;} .gradient-button:hover,.address-edit-link:hover { color: #1c1c1c;} .add-product { padding-left: 40px; font-weight: 600;} .add-product:before { content: "\f07a"; font-family: FontAwesome; color: #e51732; position: absolute; top: 8px; left: 15px;} .green-btn-text { padding-left: 40px; font-weight: 600; color:#3fc13f;} .green-btn-text:before { content: "\f058"; font-family: FontAwesome; color: #3fc13f; position: absolute; top: 8px; left: 15px;} .contact-btn { margin-top: 15px;} .trap,.mirror-trap{ line-height: 43px; height: 43px; padding: 0 20px; background: #e51732; position: relative; width: 30%; color: #fff; font-weight: 300; font-size: 17px;} .trap:after{ content: ''; position: absolute; height: 0px; width: 3px; top: 0; right: -19px; border-top: 43px solid #e51732; border-right: 17px solid transparent; } .mirror-trap { width: 52%; padding:0; line-height: 1.3em;} .mirror-trap:after {content: ''; position: absolute; height: 0px; width: 3px; top: 0; left: -19px; border-bottom: 43px solid #e51732; border-left: 17px solid transparent;} /* Media queries .trap */ @media only screen and (max-width: 778px){ .trap { width: 80%;} } @media only screen and (min-width: 779px) and (max-width: 1200px){ .trap { width: 60%;} } .box23 { width: 23%; float: left;margin: 0 20px 0 0; } .box41 { width: 41%; float: left;} .box58 { width: 58.6%; float: left; margin: 0 20px; } .box59 { width: 59%; float: left;} .box75 { width: 75%; float: left;} .box80 { width: 79%; float: left; margin: 0 0 0 20px; } /* Media queries boxes */ @media only screen and (max-width: 600px){ .box23,.box41,.box58,.box59,.box75,.box80 { width: auto; float: none; margin: 0;} } @media only screen and (min-width: 601px) and (max-width: 1000px){ .box58,.box80 { width: 56%; margin-right: 0;} .box75 {width: 73%;margin-right: 0;} } @media only screen and (min-width: 1001px) and (max-width: 1200px){ .box75 { width: 74%; margin-right: 0;} .box80 { width: 73%; margin-right: 0;} } .white-box{ background-color: #fff; border: 1px solid #e8e8e8; padding: 10px; margin: 20px 0; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} .grey-text { color: #adadad;} .grey-text-cut { color: #adadad; text-decoration: line-through; } .up-arrow { position: absolute; margin-left: -5px; margin-top: 2px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff;} .up-arrow-big { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #ddd;} .tag-selectat { margin: 20px 0;} .tag-selectat P{color: #1c1c1c; font-size: 20px;} /* ========================================================================== Map ========================================================================== */ #map_div{ height:600px; width:100%;} /* ========================================================================== Socialico ========================================================================== */ @font-face {font-family:"Socialico"; src:url("../fonts/Socialico.eot?") format("eot"), url("../fonts/Socialico.woff") format("woff"), url("../fonts/Socialico.ttf") format("truetype"), url("../fonts/Socialico.svg#Socialico") format("svg"); font-weight:normal;font-style:normal;} /* ========================================================================== Custom styles ========================================================================== */ BODY {font-family: 'Open Sans', sans-serif; font-size: 13px; color: #1c1c1c; background-color: #fff;} /* Media queries for wrapper */ .wrapper{ width:90%; margin:0 auto;} @media only screen and (min-width: 1201px) { .wrapper{ width:1181px; margin:0 auto;}} @media only screen and (max-width: 480px) { .wrapper{ width:95%;}} @media only screen and (min-width: 481px) and (max-width: 758px){ .wrapper{ width:94%;}} @media only screen and (min-width: 759px) and (max-width: 1200px){ .wrapper{ width:95%;}} A { text-decoration: none; color: #1c1c1c; } A:hover { color: #e51732; } A:focus { outline: none; } .table-specifications { font-weight: 600;} .table-specifications TBODY {} .table-specifications TBODY TR { } .table-specifications TBODY TR:nth-child(odd) { background-color: #f6f6f6;} .table-specifications TBODY TR:nth-child(even) {} .table-specifications TBODY TD { padding: 5px 10px;} .table-specifications TBODY TD:nth-child(even) { text-align: right;} .table-specifications TBODY TD.info-suplimentar { color: #e51732; } @media only screen and (max-width: 1000px){ .table-specifications { width: 100% !important;} } UL.formatted-ulist { list-style-type: none; list-style-type: square !ie; /*IE 7- hack*/ margin: 0; margin-left: 4em; padding: 0; counter-reset: li-counter; } UL.formatted-ulist > LI{ position: relative; padding: 5px 0 5px 0.5em; } UL.formatted-ulist > LI:before { position: absolute; top: 0.4em; left: -1.33em; width: 1.2em; height: 1.2em; font-size: 1em; line-height: 1.2; text-align: center; color: #e51732; content: '\2022'; } UL.formatted-ulist UL { list-style-type: none; list-style-type: circle !ie; /*IE 7- hack*/ margin: 0; margin-left: 2em; padding: 0; counter-reset: li-counter; margin-top: 10px;} UL.formatted-ulist UL > LI{ position: relative; padding-left: 0.5em; } UL.formatted-ulist UL > LI:before { position: absolute; top: 0.4em; left: -0.5em; width: 1.2em; height: 1.2em; font-weight: 600; font-size: 1em; line-height: 1.2; text-align: center; color: #e51732;content: '\203A'; } #site-header {-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.23); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.23);z-index:1; position: relative;} #bar-grey-header { background-color: #323232; border-bottom: 1px solid #3a3a3a;} #header-info-contact { color: #ffffff; font-weight: 600; float: left; padding: 13px 0;} #header-info-contact SPAN { display: block; float:left;} #header-info-contact .fa { color: #808080; margin-right: 8px; font-size: 18px; display: block; float:left;margin-top: 1px;} #header-info-contact .fa-phone { margin-left: 30px;} #container-header-cart {float:right; position:relative;} #header-cart { } #header-cart SPAN:first-of-type { color: #808080; border-right: 1px solid #242424; line-height: 40px; display:block;float:left; padding-right: 20px;} #header-cart A { color: #fff; text-decoration: none; padding: 0 20px; line-height: 40px; border-left: 1px solid #3a3a3a; border-right: 1px solid #242424; display: block; float: left;} #header-cart .fa { color: #e51732; font-size: 18px; line-height: 40px;border-left: 1px solid #3a3a3a;border-right: 1px solid #242424; padding: 0 20px;} #cart-container { cursor: pointer; } /* Media queries #site-header, #bar-grey-header */ @media only screen and (max-width: 480px){ #site-header { box-shadow: none;} #header-info-contact { } #header-info-contact SPAN,#header-info-contact .fa { display: inline-block; float:none;} #header-cart {} #header-cart SPAN:first-of-type { display: none;} #header-cart A { padding:8px;} #header-cart .fa { border-right: none;} } #bar-logo-search-menu {background-color: #1c1c1c; border-bottom: 5px solid #e51732; } #logo { float: left;padding: 10px 0;} #logo IMG { width: 200px;} #logo P { margin: 0; text-align: center; color: #fff;} #box-search { margin-left: 70px; float: left; padding: 40px 0; position: relative;} #box-search INPUT { padding: 15px 50px 15px 20px; border: none; width: 370px; position: relative;box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} #box-search INPUT:focus { outline: none;} #box-search INPUT::-webkit-input-placeholder { color: #adadad; font-size: 13px; } #box-search INPUT:-moz-placeholder {color: #adadad; font-size: 13px; } #box-search INPUT::-moz-placeholder {color: #adadad; font-size: 13px; } #box-search INPUT:-ms-input-placeholder { color: #adadad; font-size: 13px; } #box-search .fa-search { position: absolute; right: 0;top: 40px; background-color: #e51732; color: #fff; font-size: 22px; padding: 11px 12px 12px;} /* Media queries #logo, #search-menu */ @media only screen and (max-width: 600px){ #bar-logo-search-menu { padding-bottom: 20px;} #logo{ float: none; text-align: center; max-width: 100%;} #box-search{margin-left: 0; float: none; padding: 0;} #box-search INPUT {display:block;width:100%;} #box-search .fa-search { top:0;} } @media only screen and (min-width: 601px) and (max-width: 800px){ #box-search { float:right; margin-left: 0;} #logo IMG { width: 170px;} } @media only screen and (min-width: 801px) and (max-width: 1000px){ #box-search { float:right; margin-left: 0;} } @media only screen and (min-width: 1001px) and (max-width: 1200px){ #logo IMG { width: 190px;} #box-search { margin-left: 30px;} #box-search INPUT { width: 300px;} } #nav-primary{ float: right; margin-top: 15px;} #menu-icon { display:none; } #nav { margin: 0; padding: 0;} #nav LI{ float: left; } #nav LI:before { content:'';} #nav A{ color: #f0f0f0; font-size: 14px; font-weight: 600; text-decoration: none; display: block; padding:37px 18px;} #nav A:hover{ color:#fff; background-color: #e51732; } #nav A.active{ color:#e51732;} #nav A.active:hover { color: #fff;}/* .sb-toggle-left{ display: none;} .sb-toggle-right{ display: none;}*/ /* Media queries #logo, #search-menu */ @media only screen and (max-width: 600px){ #nav-primary { display: none;} #nav LI { float: none;} #nav A { padding: 10px 9px;} .sb-toggle-left{ display: block;float:left; margin: 20px 0;} .sb-toggle-right{ display: block;float:right; margin: 20px 0;} .sb-toggle-left .fa{ font-size: 20px; cursor: pointer;} } @media only screen and (min-width: 601px) and (max-width: 800px){ #nav-primary {margin-top: 0;} #nav A {padding: 10px 18px;} } @media only screen and (min-width: 801px) and (max-width: 900px){ #nav A {padding: 10px 18px;} } @media only screen and (min-width: 901px) and (max-width: 1000px){ #nav-primary { float:none; clear:both; width: 506px; margin:0 auto; text-align:center;} #nav A {padding: 10px 18px;} } @media only screen and (min-width: 1001px) and (max-width: 1200px){ #nav A {padding: 37px 8px;} } #bar-parteneri { padding: 5px 0 10px; background-color: #fff;} #box-slider-parteneri {position: relative;} #box-slider-parteneri .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; background: transparent;} #slider-parteneri {} #box-slider-parteneri .slide { min-height: 20px;} .container-poza-prod { width: 150px; height: 150px;} .container-poza-prod A {vertical-align: middle; display: table-cell; height: 150px;} #slider-parteneri-next .bx-next, #slider-parteneri-prev .bx-prev { color: #cfcfcf; font: normal normal normal 24px/1 FontAwesome; display: block; } #slider-parteneri-next .bx-next { position: absolute;top: 40%; right: 0;} #slider-parteneri-prev .bx-prev { position: absolute;top: 40%; left: 0;} /* Media queries #bar-logo-search-menu */ @media only screen and (max-width: 900px){ #box-slider-parteneri .outside { display: none;} } #main{} #bar-slider { background: url('../img/slider.jpg') no-repeat top; position: relative;} #bar-slider .bx-wrapper { margin: 0;} #bar-slider .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; background: transparent;} #bar-slider .bx-viewport DIV.slide { min-height: 1px; min-width: 1px; } #box-slider-principal {} .caption{ color: #fff; margin-left: 80px; } .caption-product {float: left;} #h-caption { font-size: 36px; font-family: 'Oswald', sans-serif; font-weight: 300; margin: 30px 0 30px;} .caption P:not(#h-caption) { font-size: 18px; font-family: 'Oswald', sans-serif; font-weight: 400; margin: 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);} .caption-product ul {list-style: none; margin: 0;} .caption-product li {position: relative;} .caption-product ul li:before {content: "\0025EF"; display: inline-block; position: absolute; max-width: 0; max-height: 0; left: -15px; top: 15px; font-size: 10px;} .caption-product ul li h1 {display: inline-block; margin: 0 0 15px 10px; position: relative; top: 4px;} .caption-product a {color: #fff;} .caption-product a:hover {color: #e51732;} .caption-product i { position: relative; display: inline-block; font-size: 30px; margin-right: 10px;} .caption-product h3 { font-size: 30px; margin:0 0 5px 0;} .caption-image { background:#fff; margin: 0 73px 0 0; width: 30%; padding: 46px 0; text-align: center; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg);-o-transform: skew(-20deg);transform: skew(-20deg); float: right; } .container-image-slide {height:250px;} .caption-image IMG { display:inline-block; margin:0 auto; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);transform: skew(20deg); color:#fff; height:100%; overflow:hidden; } .caption .red-button { padding: 15px 25px;} #bar-slider .bx-wrapper .bx-pager { width: 52%; text-align: right; padding: 0; bottom: 30px;} #bar-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #bar-slider .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #fff;} #bar-slider .bx-wrapper .bx-pager .bx-pager-item, #bar-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item { background-color: transparent; border: 1px solid #fff; width: 12px; height: 12px; text-align: center; margin: 0 5px; border-radius: 50%; } #bar-slider .bx-wrapper .bx-pager.bx-default-pager a{ background-color: transparent; margin: 2px; width: 8px; height: 8px;} #bar-slider .bx-next { position: relative; float:right; margin-top: -17%; margin-right: -20px; background: url(../img/controls.png) no-repeat -20px;} #bar-slider .bx-prev { position: relative; float:left; margin-top: -17%; margin-left: -20px; background: url(../img/controls.png) no-repeat 0;} /* Media queries #bar-slider */ @media only screen and (max-width: 778px){ #bar-slider .bx-next,#bar-slider .bx-prev { display: none;} #bar-slider .bx-wrapper .bx-pager { display: none;} .caption { margin-left: 0; } .caption-product {width: 95%; float: none; margin: 0 auto;} #h-caption { margin: 15px 0 15px;font-size: 22px;} .caption P:not(#h-caption) { font-size: 16px;} /* .caption-image { width: 49%;margin: 0 25px 0 0;padding: 68px 0;-webkit-transform: skew(-10deg); -moz-transform: skew(-10deg);-o-transform: skew(-10deg);transform: skew(-10deg);} #bar-slider .bx-wrapper IMG {/*max-width:83% !important; height: auto; width:120px; height:140px; margin-top: 0; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg);transform: skew(10deg);} */ .caption-image { display:none;} .caption .red-button { padding: 10px; margin: 10px 0;} .caption-product ul { padding-left: 20px;} .caption-product ul li h1 { margin: 0 0 10px 10px; font-size: 24px;} }/* @media only screen and (min-width: 481px) and (max-width: 600px){ #bar-slider .bx-next,#bar-slider .bx-prev { display: none;} #bar-slider .bx-wrapper .bx-pager { display: none;} .caption { margin-left: 0; } .caption-product {width: 43%;} #h-caption { margin: 0 0 15px;font-size: 22px;} .caption P:not(#h-caption) { font-size: 16px;} .caption-image { width: 49%;margin: 0 25px 0 0;padding: 68px 0;-webkit-transform: skew(-10deg); -moz-transform: skew(-10deg);-o-transform: skew(-10deg);transform: skew(-10deg);} #bar-slider .bx-wrapper IMG {/*max-width:83% !important; height: auto; width:150px; height:140px; margin-top: 0; -webkit-transform: skew(10deg); -moz-transform: skew(10deg); -o-transform: skew(10deg);transform: skew(10deg);} .caption .red-button { padding: 10px;} } @media only screen and (min-width: 601px) and (max-width: 778px){ #bar-slider .bx-next,#bar-slider .bx-prev { display: none;} #bar-slider .bx-wrapper .bx-pager { display: none;} .caption { margin-left: 0; } .caption-product {width: 43%;} #h-caption { margin: 15px 0; font-size: 26px;} .caption P:not(#h-caption) { font-size: 16px;} .caption-image { width: 39%;margin: 0 65px 0 0;padding: 46px 0; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg);-o-transform: skew(-15deg);transform: skew(-15deg);} #bar-slider .bx-wrapper IMG {/*max-width:67% !important; height:auto; width: 167px; height: 191px;-webkit-transform: skew(15deg); -moz-transform: skew(15deg);-o-transform: skew(15deg);transform: skew(15deg);} } */ @media only screen and (min-width: 779px) and (max-width: 900px){ #bar-slider .bx-next,#bar-slider .bx-prev { display: none;} #bar-slider .bx-wrapper .bx-pager { display: none;} #bar-slider .slide { margin-right: 2px;} .caption { margin-left: 0; } #h-caption { margin: 15px 0 15px;font-size: 28px;} .caption P:not(#h-caption) { font-size: 16px;} .caption-product {width: 52%;} #h-caption { margin: 15px 0;} .caption-image { width: 39%;margin: 0 65px 0 0;padding: 45px 0; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg);-o-transform: skew(-15deg);transform: skew(-15deg);} #bar-slider .bx-wrapper IMG {max-width:67% !important; max-height: 100%; height:auto;-webkit-transform: skew(15deg); -moz-transform: skew(15deg);-o-transform: skew(15deg);transform: skew(15deg);} .caption .red-button { padding: 10px; margin: 10px 0;} } @media only screen and (min-width: 901px) and (max-width: 1000px){ #bar-slider .bx-wrapper .bx-pager { display: none;} .caption-product {width: 51%;} #h-caption { margin: 35px 0 20px;font-size: 28px;} .caption P:not(#h-caption) { font-size: 17px;} .caption-image { width: 39%;margin: 0 65px 0 0;padding: 45px 0; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg);-o-transform: skew(-15deg);transform: skew(-15deg);} #bar-slider .bx-wrapper IMG {max-width:73% !important; -webkit-transform: skew(15deg); -moz-transform: skew(15deg);-o-transform: skew(15deg);transform: skew(15deg);} #bar-slider .bx-next { margin-top: -25%;} #bar-slider .bx-prev { margin-top: -25%;} .caption .red-button { padding: 10px; margin: 10px 0;} } @media only screen and (min-width: 1001px) and (max-width: 1200px){ .caption-product {width: 51%;} #h-caption { margin: 35px 0 20px;font-size: 33px;} .caption P:not(#h-caption) { font-size: 17px;} .caption-image { width: 39%;margin: 0 65px 0 0;padding: 45px 0; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg);-o-transform: skew(-15deg);transform: skew(-15deg);} #bar-slider .bx-wrapper IMG {max-width:73% !important; -webkit-transform: skew(15deg); -moz-transform: skew(15deg);-o-transform: skew(15deg);transform: skew(15deg);} #bar-slider .bx-next { margin-top: -22%;} #bar-slider .bx-prev { margin-top: -22%;} .caption .red-button { padding: 10px; margin: 10px 0;} } .bar-content { background-color: #f2f2f2; padding: 45px 0;} #heading-zone{} #heading-zone TR TD { color: #fff; font-size: 13px; padding: 0 5px; font-weight: 600;} #heading-zone .fa { font-size: 18px;} #heading-zone .mirror-trap table { height: 100% !important;} /* Media queries #heading-zone */ @media only screen and (max-width: 480px){#heading-zone TR TD { font-size: 11px; padding: 0 3px;}} @media only screen and (min-width: 601px) and (max-width: 768px){#heading-zone TR TD { font-size: 11px; padding: 0 3px;}} @media only screen and (max-width: 1200px){ #heading-zone .mirror-trap,#heading-zone .trap { float:none;} #heading-zone .mirror-trap {width:100%; background-color: transparent; margin-top: 15px;} #heading-zone .mirror-trap:after { border:none;} #heading-zone TR TD { color: #1c1c1c;} } .product { width: 32%; margin-right: 10px; margin-bottom: 10px; float: left; position: relative; padding-bottom: 30px;} .product-image-container {border: 1px solid #e8e8e8; width: 100%; text-align:center; cursor: pointer; height: 250px;white-space: nowrap; } .poza-detaliu { height: 368px;} .helper-img-center {display: inline-block; height: 100%; vertical-align: middle;} .product IMG { max-width: 100%;vertical-align: middle; max-height:100%;} .product-name { color: #e51732; font-weight: bold; font-size: 14px; margin: 20px 0;} .product-details { font-weight: 600; margin: 0;} .product-details SPAN {color: #adadad;} .product-price {font-weight: 600;} .product .red-button { display: block; text-align: center; position: absolute; bottom: 0; width:100%;box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} .thumbs-container { margin: 10px 0; } .thumbs-container A { margin: 5px; } /* Media queries .product */ @media only screen and (max-width: 480px){ .product { width: 100%; margin-right: 0 !important; float: none; text-align: center;} } @media only screen and (min-width: 481px) and (max-width: 600px){ .product { width: 31.7%; text-align: center; margin-right: 10px;} } @media only screen and (min-width: 601px) and (max-width: 1000px){ .product { width: 100%; text-align: center; margin-right: 0 !important;} } .bar-content .box80 .product { width: 24%;} /* Media queries .product */ @media only screen and (max-width: 480px){ .bar-content .box80 .product { width: 100%; margin-right: 0 !important; float: none; text-align: center;} } @media only screen and (min-width: 481px) and (max-width: 600px){ .bar-content .box80 .product {width: 47%; text-align: center; margin-right: 25px;} .bar-content .box80 .product:nth-child(even){ margin-right: 0;} } @media only screen and (min-width: 601px) and (max-width: 1000px){ .bar-content .box80 .product { width: 100%; text-align: center; margin-right: 0 !important;} } @media only screen and (min-width: 1001px) and (max-width: 1200px){ .bar-content .box80 .product { width: 23.8%;} } /* ======= PAGINATION ======= */ .pagination{ margin: 0 auto ; padding: 0;} .pagination .button-paginare{ padding:8px 15px; border: 1px solid #e8e8e8; margin: 0 5px; color: #1c1c1c; } .pagination A { color: #1c1c1c; text-decoration: none; font-weight: 600; font-size: 12px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); } .pagination A:hover { color: #fff; background: #1c1c1c; border-color: #000;} .pagination A.active {background: #e51732; border-color:#c4051e;color: #fff;} .pages{ margin:6px auto 0; text-align: center; font-size: 14px; float: left;} .pages .active { color: #fff; } /*.page-inactive{ background-color:#efefef; cursor:not-allowed; border-radius: 50%;}*/ .page-inactive{ display: none;} .button-prev, .button-next { margin: 0 5px;} .button-prev .fa, .button-next .fa{ padding:7px 15px; border: 1px solid #e6e9ed; color: #1c1c1c; font-size: 18px;} .button-prev .fa:hover, .button-next .fa:hover { color: #fff;} #box-detaliu-produs { margin: 0;} #box-detaliu-produs IMG { } .thumbs-container { text-align:center;} .thumb-picture { width: 60px; height: 60px;} .informatii-produs { margin-left: 20px; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8;} .nume-produs { font-size: 18px; font-weight: bold; margin: 0;} .descriere-produs { font-weight: 600; margin: 25px 0;} .caracteristica-produs { font-weight: 600; margin: 0;} .pret-nou { font-size: 18px; color: #1c1c1c;} .pret-nou-small { font-size: 13px; color: #000;} .caracteristica-select { margin: 20px 0; font-weight: 600;} .optional-attr { border: 1px solid #e8e8e8; padding: 10px; color: #adadad; background-color: #fff;} .optiuni-produs { margin: 30px 0 0 20px;} .box-specificatii{} .tip-specificatie {font-size: 14px; font-weight: 600; margin: 35px 0;} #alte-specificatii { margin-left: 20px;} #alte-specificatii .grey-text { font-weight: 600;} #box-comment { border-top: 1px solid #e8e8e8; margin-top: 30px;} #box-comment .tip-specificatie { margin: 15px 0 30px;} .box-forms { width: 50%; margin: 0 auto;} .form {} .form INPUT { border: 1px solid #e8e8e8; width: 49%; margin-right: 20px; padding: 10px 20px;box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; margin-bottom: 20px;} .form TEXTAREA { border: 1px solid #e8e8e8; width: 100%; margin-right: 20px; padding: 10px 20px 10px 21px; margin-top:20px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} .form ::-webkit-input-placeholder { color: #adadad; font-size: 13px; } .form :-moz-placeholder {color: #adadad; font-size: 13px; opacity: 1; } .form ::-moz-placeholder {color: #adadad; font-size: 13px;opacity: 1; } .form :-ms-input-placeholder { color: #adadad; font-size: 13px; } .form INPUT[type=submit] { float: right; width: auto; margin: 20px 0 0; border: 1px solid #c4051e;} .form INPUT[type=submit]:hover { border-color: #000;} .box-forms INPUT { width: 100%; margin-right: 0;} .box-forms INPUT[type=submit] { margin: 0 auto; float: none; display: block;} #box-form-autentificare-cos {margin-bottom: 20px;} #box-form-autentificare-cos INPUT[type=submit] { margin-top: 0;} #box-form-autentificare-cos .red-button {box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} #box-form-autentificare-cos .red-button:first-of-type { padding: 9px 20px;} .form-edit-address-container {width: 50%; margin: 0 auto 10px;} .form-edit-address-container INPUT { width: 100%; margin-bottom: 10px; margin-right: 0;} .form-edit-address-container LABEL { display: block; font-weight: 600; margin-bottom: 5px;} .form-edit-address-container SELECT {margin: 10px 0; padding-left: 15px; height: 37px; width: 36%; cursor: pointer; border: 1px solid #e7e7e7; } .form-edit-address-container .cif-select { width: 46px; padding-left:0;} .form-edit-address-container .letter-reg-com { width: 40px; padding-left:0;} .form-edit-address-container .number-reg-com { width: 40px; padding-left:0;} .form-edit-address-container .year-reg-com { width: 55px; padding-left:0;} .form-edit-address-container .black-button { padding: 7px 16px;} .input-77{ width: 88% !important;} .input-59{ width: 58% !important;} #extra-fields { } .form-row { text-align: center; margin-bottom: 10px;} .form-row LABEL { display: inline-block; width: 17%; text-align: right;} .form-row INPUT {border: 1px solid #e7e7e7; padding: 6px; margin-left: 10px; width: 45%;} .form-row SELECT {border: 1px solid #e7e7e7; padding: 5px; margin-left: 10px; width: 45%; height: 30px;} .form-row #cod-inregistrare { display: inline; margin-left: 10px;} .form-row #cod-inregistrare INPUT { width: 12%; margin-left: 0;} .form-row #cod-inregistrare SELECT { width: 10%; margin-left: 0; height: 30px;} .form-row #cif-container { display: inline; margin-left: 10px;} .form-row #cif-container INPUT { width: 34%; margin-left: 0;} .form-row #cif-container SELECT { width: 10%; margin-left: 0;} /* Media queries #extra-fields */ @media only screen and (max-width: 768px){ .form-row {} .form-row LABEL { width: 100%; text-align: center; } .form-row INPUT { margin-left: 0;} .form-row SELECT { font-size: 13px; margin-left: 0; width: 100%;} .form-row #cod-inregistrare { display: block; margin-left: 0;} .form-row #cod-inregistrare INPUT { width: 32%; margin-left: 0;} .form-row #cod-inregistrare SELECT { width: 15%; margin-left: 0;} .form-row #cif-container { width: 90%;} .form-row #cif-container SELECT { width: 15%;} .form-row #cif-container INPUT { width: 40%;} #extra-fields .gradient-button{ margin-top: 10px;} } #form-cos-cumparaturi .red-button .fa { margin-right: 0;} INPUT.error, SELECT.error, TEXTAREA.error, DIV.error, INPUT.error-js, SELECT.error-js, TEXTAREA.error-js{ border: 1px solid #ee2f2f !important; } .success-box { color:#259300; text-align:left; } .success-box-center { color:#759f4c; text-align:center; padding: 0 20px;} .error-box { color:#ee2f2f; text-align:left; } .error-box-center { color:#ee2f2f; text-align:center; padding: 0 20px;} #box-comm-list {border-top: 1px solid #e8e8e8; margin-top: 30px;} #box-comm-list .tip-specificatie { margin: 15px 0 30px;} .main-comment { /*color: #999999;*/ font-size: 13px; margin-bottom: 10px;} .comment-author { color: #e51732; font-size: 13px; font-weight: 700; margin: 7px 0;} .comment-date { margin: 0 0 15px; color: #888; font-size: 12px; display: inline-block;} .comment-content { border: 1px solid #dddddd; padding: 20px; /*color: #adadad;*/ font-weight: 600;} .main-comment .up-arrow-big { margin-left: 3%;} .second-comment {margin-left: 7%; /*color: #999999;*/ font-size: 13px; margin-bottom: 10px;} .second-comment .up-arrow-big { margin-left: 4.5%;} /* Media queries #box-detaliu-produs */ @media only screen and (max-width: 600px){ #box-detaliu-produs IMG {max-width: 100%;} .box-forms,.form-edit-address-container { width: 100%;} .form INPUT,.form TEXTAREA,.box-forms INPUT,.form INPUT[type=submit],#box-form-autentificare-cos .red-button { width: 100%; float: none; margin: 10px auto !important; display:block;} #box-form-autentificare-cos .red-button {text-align:center;} #modalitati-livrare { width: 95%; margin: 0 auto;} #address-list .gradient-button { margin-bottom: 10px;} } @media only screen and (min-width: 601px) and (max-width: 1000px){ #box-detaliu-produs .box41,#box-detaliu-produs .box59 { width: 100%; float: none; margin: 0;} #box-detaliu-produs IMG {max-width: 100%; margin-bottom: 20px;} .informatii-produs { margin: 0;} .form-edit-address-container { width: 80%;} .form INPUT,.form TEXTAREA,.box-forms INPUT { width: 100%; float: none; margin: 10px auto !important;} #box-form-autentificare-cos INPUT[type=submit] { margin-top: 0 !important;} } @media only screen and (min-width: 1001px) and (max-width: 1200px){ #box-detaliu-produs .box41 { width: 40%; } #box-detaliu-produs IMG {max-width: 100%; margin-bottom: 20px;} .form INPUT{ width: 49%; margin-right: 15px;} } #box-cart {} #cart-title {} #cart-title .trap{ float: left;} #cart-title #sum { float: right; color: #e51732; font-weight: 600; margin-top: 13px;} #cart-table { margin-top: 20px;} #cart-table TABLE { width: 100%;} #cart-table THEAD { } #cart-table THEAD TR { background-color: #1c1c1c;} #cart-table THEAD TR TD { color: #fff; font-weight: 600; line-height: 40px; position: relative;} #cart-table THEAD TR TD #cell-bordered { border-left: 8px solid #e51732; position: absolute; top:0; left:0; height: 42px; padding-left: 20px;} #cart-table TBODY {} #cart-table TBODY TR{ border-bottom: 1px solid #e8e8e8;} #cart-table TBODY TR TD{ background-color: #fff;padding: 10px; color: #adadad; font-weight: 600;} #cart-table TBODY TR TD IMG{ width: 130px; border: 1px solid #e8e8e8;} #cart-table TBODY TR TD INPUT[type=number]{ width: 35px;} #cart-info{ background-color: #fff; border: 1px solid #e8e8e8; border-width: 0 1px 1px 1px;} #total-price { float: left; background-color: #fff; width: 85%;} #total-price SPAN { display: inline-block;} #total-price SPAN:first-of-type { background-color: #f6f6f6; padding: 20px 0 20px 20px; font-size: 14px; font-weight: 600; border-right: 1px solid #e8e8e8; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; width: 30%;} #total-price SPAN:nth-of-type(2) { padding: 15px 20px; font-size: 18px; font-weight: 600;} #total-price INPUT { padding: 5px 20px; width: 45%; margin: 7px 20px 0; border: 1px solid #e8e8e8; font-size: 24px; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing: border-box; } #cart-options { float: right;width: 15%;} #cart-options DIV { border-left: 1px solid #e8e8e8; /*float: left;*/ text-align: center;} #cart-options .gradient-button, #cart-options .black-button { padding: 7px 0; margin: 10px auto; width: 120px;} #box-back-refresh { margin: 20px 0;} #box-info-livrare {} #box-info-livrare .grey-text { margin: 30px 15px;} #box-form-livrare {} #box-form-livrare .form INPUT { /*width: 28.4%;*/ width:32%; margin-bottom: 20px;box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} #box-form-livrare .form INPUT[type=submit]{ float: left; width: auto;} #box-form-livrare .form INPUT[type=radio]{ float: left; width: auto;} #box-form-livrare .form SELECT { /*width: 28.4%;*/ width:32%; margin:0 20px 20px 0; padding: 9px 20px; border: 1px solid #e8e8e8;} #box-form-livrare .form TEXTAREA { margin: 0; width:32%; height: 100px;} #user-type { margin: 20px 0;} #user-type LABEL, #user-name LABEL { display: inline-block; padding-left: 5px; margin-top: 0; cursor: pointer; margin-right: 5%; } #user-type INPUT{ width: 13px; height: 13px; padding: 0; margin:0; position: relative; top: 2px; *overflow: hidden;} #user-name INPUT { width: 100%;border: 1px solid #e8e8e8; margin-right: 20px; padding: 10px 20px;box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; } #user-name LABEL {margin-top: 8px;} .box50 { width: 50%; float: left;} .box30 { width: 30%; float: left;} .form-checkbox { display: inline;} .form-checkbox LABEL, .address-text LABEL {display: inline-block; padding-left: 5px; margin-top: 0; cursor: pointer; } .form-checkbox INPUT[type="radio"],.address-text INPUT[type="radio"],.form-checkbox INPUT[type="checkbox"] { width: 13px; height: 13px; padding: 0; margin:0; position: relative; top: -1px; *overflow: hidden;} .address-text { width: 75%; float: left; padding: 10px; margin: 0; } .address-text INPUT[type="radio"] { top:3px;} .address {font-size: 13px; font-weight: 600; } .address-edit-link { width: 20%; float: right; text-align: right; text-decoration: none; color: #352e3a; font-weight: 600; padding: 10px 0; } .address-edit-link .fa-pencil-square-o { font-weight: 600; margin-left: 10px; } /*style pt form cos corectare checkbox-uri*/ #box-form-livrare .form .check-input { float: none !important; width: 13px !important; height: 13px; padding: 0; margin: 0; position: relative; top: 2px;} .label-check-input { color: #888888; display: inline-block; padding-left: 5px; margin-top: 0; cursor: pointer; margin-right: 5%;} .delivery-text { display: none;} /* Media queries .address-text */ @media only screen and (max-width: 600px){ .address-text{ /*width: 100%;*/} .address-text LABEL,#container-accept-terms LABEL { width: 85%;} .address-text INPUT[type=radio] { top:-25px;} #user-name INPUT { margin-right:0;} #container-accept-terms { width: 95; margin: 0 auto;} #container-accept-terms INPUT[type=checkbox] { top: -35px;} } #table-sumar { border: 1px solid #e7e7e7; border-top: none; background: #fff; font-size: 13px; width: 100%;} #table-sumar .title { padding: 20px; font-size: 14px;} #table-sumar TD { padding: 10px 20px;} #table-sumar TD:nth-child(even) { text-align: right;} #table-sumar TD#total-cost { font-weight: bold; } .sumar-comanda-optiune { background-color: #fff; border: 1px solid #e8e8e8; border-width: 0 1px 1px; padding: 0 20px;} .sumar-comanda-optiune .red-button { margin-top: 12px;} #container-accept-terms { margin-top: 15px; display: block;} #send-order-no-auth { display: inline-block; margin-top: 10px;} .message-error-container{ border:1px solid #ed5a10 !important; } .lista_comenzi { width:100%; } .lista_comenzi THEAD TR { font-weight: 600;} .lista_comenzi TR:nth-child(odd){ border:1px solid #e7e7e7; background:#fff; color:#352e3a; font-size:13px; text-shadow: none; } .lista_comenzi TR:nth-child(even){ border:1px solid #e7e7e7; background:#f8f8f8; color:#352e3a; font-size:13px; text-shadow: none; } .lista_comenzi TR:hover{ background:#f2f2f2; color: #352e3a; } .lista_comenzi TD{ padding:10px; text-align:center;} /* Media queries .lista-comenzi */ @media only screen and (max-width: 768px ){ .lista_comenzi TD{ padding: 5px; } } /* Media queries #box-cart */ @media only screen and (max-width: 480px){ #cart-table TR TD:first-child { display: none;} #cart-table TR TD:nth-child(2) { display: none;} #cart-table TR TD .red-button { padding: 10px;} #total-price { float: none; border-bottom: 1px solid #e8e8e8;width:100%;} #total-price SPAN:first-of-type{ width:100%;} #total-price INPUT { width:90%; display:block; margin: 10px auto;} #cart-options {float: none; width: 86%; margin: auto;} #cart-options DIV {border: none;} #box-back-refresh .gradient-button,#box-back-refresh .red-button { float: none; width: 85%; margin: 0 auto 15px; display: block; text-align: center;} #box-info-livrare .grey-text { margin: 15px;} #box-form-livrare .form INPUT,#box-form-livrare .form SELECT ,#box-form-livrare .form TEXTAREA{ width: 100%; margin: 5px auto !important; display: block;} #box-form-livrare .form INPUT[type=submit] {width: 100%; margin: 10px auto !important; display: block; float: none;} #user-type LABEL { margin-right: 3%;} .box50,.box30 { width: 100%;} .sumar-comanda-optiune H4 { float: none;} .sumar-comanda-optiune .red-button { margin: 0 auto 12px; display: block; float: none;} } @media only screen and (min-width: 481px) and (max-width: 768px){ #cart-table TR TD:first-child { display: none;} #total-price { float: none; border-bottom: 1px solid #e8e8e8;width:100%;} #total-price SPAN:first-of-type{ width:100%;} #total-price INPUT { width:90%; display:block; margin: 10px auto;} #cart-options {float: none; width: 86%; margin: auto;} #cart-options DIV {border: none;} #box-form-livrare .form INPUT { width: 100%; display:block;} #box-form-livrare .form SELECT,#box-form-livrare .form TEXTAREA {width: 100%;margin: 10px auto !important; display:block;} } @media only screen and (min-width: 769px) and (max-width: 1000px){ #box-form-livrare .form INPUT,#box-form-livrare .form TEXTAREA { width: 33%;} #box-form-livrare .form SELECT {width: 33%;margin: 10px 0 10px 0 !important;} #total-price { width: 80%;} #cart-options { width:20%;} #total-price SPAN:first-of-type { width: 52%;} #total-price INPUT { width:40%; } #cart-options .gradient-button, #cart-options .black-button { margin: 12px auto 13px;} } @media only screen and (min-width: 1001px) and (max-width: 1200px){ #box-form-livrare .form SELECT {margin-right:15px;} #cart-options .gradient-button, #cart-options .black-button { margin: 12px auto 13px;} #total-price SPAN:first-of-type { width: 35%;} } #box-contact {} #box-contact .white-box { margin-top: 0; padding: 20px;} #box-contact .white-box P:not(#address) { margin: 0; font-weight: 600;} #address { margin: 20px 0; font-weight: 600;} #phone {} #phone SPAN:not(#phone-label) { text-align: right; width: 49%; display: inline-block;} #phone-label { display: block; float: left; text-align: left;margin-top: 10px;} @media only screen and (max-width: 600px){ #box-contact .box75 { width: 95%; margin: 0 auto;} } @media only screen and (min-width: 601px) and (max-width: 1000px){ #box-contact .box23 { width: 37%;} #box-contact .box75 { width: 59%;} } #box-noutati { margin: 0; padding: 25px;} #box-slider-noutati{ margin-top: 20px;} #box-slider-noutati .bx-wrapper { margin: 0;} #box-slider-noutati .bx-wrapper .bx-viewport { box-shadow: none;border:none;/* padding: 9px;*/ left: 0; background: #323232;} .caption-noutati { padding: 9px;} .caption-noutati-image {float: left; width: 42%;} .caption-noutati-image IMG {max-width: 100%; width: 100%; position: relative;} .featured-post { color: #fff; background-color: #e51732; margin:0; font-size: 12px; font-weight: bold; padding: 5px 15px; position: absolute; top:20px; left: 20px;} .caption-noutati-content { float: left; width: 55%; margin-left: 20px;} .caption-title { font-size: 18px; color: #fff; font-weight: bold; margin: 20px 0;} .caption-noutati P:not(.caption-title):not(.featured-post) { font-weight: 600; color: #adadad;} .caption-noutati-content .gradient-button { margin-top: 20px;} #box-slider-noutati .bx-wrapper .bx-pager { width: 34%; text-align: right; padding: 0; bottom: 40px;right:9px;} #box-slider-noutati .bx-wrapper .bx-pager.bx-default-pager a:hover, #box-slider-noutati .bx-pager.bx-default-pager a.active { color: #e51732 !important; } #box-slider-noutati .bx-wrapper .bx-pager .bx-pager-item, #box-slider-noutati .bx-wrapper .bx-controls-auto .bx-controls-auto-item { background-color: transparent; text-align: center; margin: 0 2px; } #box-slider-noutati .bx-wrapper .bx-pager.bx-default-pager a{ background-color: transparent; margin: 2px; width: 8px; height: 8px; text-indent: 0; text-decoration: none; color: #fff; font-size: 13px; font-weight: 600;} #box-slider-noutati .outside { float: right; margin-top: -49px; width: 150px; text-align: right;} #box-slider-noutati .outside .bx-next, #box-slider-noutati .outside .bx-prev {padding: 7px 0 8px;color: #1c1c1c; font-size: 16px; border: 1px solid #e8e8e8; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); } #box-slider-noutati .outside .bx-next { margin-left: 6px;} #box-slider-noutati .outside .bx-next .fa { padding: 0 18px 0 18px;} #box-slider-noutati .outside .bx-prev .fa { padding: 0 18px 0 18px;} #box-slider-noutati .outside .bx-next:hover, #box-slider-noutati .outside .bx-prev:hover { background: #1c1c1c; border-color: #000; color: #fff;} /* Media queries #box-slider-noutati */ @media only screen and (max-width: 1000px){ #box-slider-noutati .outside { display: none;} #box-slider-noutati .bx-wrapper .bx-pager { display: none;} .caption-noutati-image { float: none; width: 100%; text-align: center;} .caption-noutati-image IMG { text-align: center; margin: 0 auto;} .caption-noutati-content { float: none; width: 100%; margin: 0;} } #container-noutati { border-bottom: 1px solid #e4e6ea; padding-bottom: 20px; margin-bottom: 20px;} #container-noutati .tip-specificatie { margin: 0 0 25px;} .noutate { width: 31.8%; margin: 0 20px 20px 0; float: left;} .noutate-image-container {width: 100%; text-align:center; cursor: pointer; height: 330px;white-space: nowrap; } .helper-img-center {display: inline-block; height: 100%; vertical-align: middle;} .noutate IMG { max-width: 100%;vertical-align: middle; max-height:100%;} .noutate-titlu { font-size: 18px; font-weight: bold; margin: 20px 0; display: block;} .noutate .grey-text { color: #7b7b7b;margin: 0;} .noutate P:not(.grey-text) { font-weight: 600; margin: 5px 0 20px;} #taguri-noutate {} .tag { font-weight: bold;} /* Media queries #container-noutati */ @media only screen and (max-width: 1000px){ .noutate { float: none; margin: 0 0 10px !important; width: 100%; text-align: center;} } @media only screen and (min-width: 1001px) and (max-width: 1200px){ .noutate { width: 31%;} } .box-detaliu-noutate { padding: 25px; margin-top: 0;} .box-detaliu-noutate IMG { max-width: 100%;} .detaliu-titlu { font-size: 18px; font-weight: bold; margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8;} .detalii-noutate { margin: 20px 0;} .detalii-noutate .tag { float: left;} .detalii-noutate .grey-text { float: left; margin: 0;} .detalii-noutate .share-noutate { float: right;} .producer { text-align: center; float: left; width: 23.3%; height: 180px; margin-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e8e8e8; padding: 30px 20px; margin-bottom: 20px; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; -moz-box-shadow: 0px 6px 5px #ccc; -webkit-box-shadow: 0px 6px 5px #ccc; box-shadow: 0px 6px 5px #ccc; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .producer:hover, .producer:focus, .producer:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1);} .helper { display: inline-block; height: 100%; vertical-align: middle;} .producer IMG { max-width: 73%;} /* Media queries .producer */ @media only screen and (min-width: 320px) and (max-width: 380px){.producer { width: 43%; height: 150px; margin: 10px!important; padding: 5px;}} @media only screen and (min-width: 381px) and (max-width: 500px){.producer { width: 43%; margin: 10px!important; padding: 10px 5px;}} @media only screen and (min-width: 501px) and (max-width: 600px){.producer { width: 28.8%; height: 140px; margin: 10px!important; padding: 10px 5px;}} @media only screen and (min-width: 601px) and (max-width: 768px){.producer { width: 43%; height: 160px; margin: 10px!important; padding: 10px 5px;}} @media only screen and (min-width: 769px) and (max-width: 900px){.producer { width: 29.2%; height: 120px; padding: 10px 5px; margin: 8px!important;}} @media only screen and (min-width: 901px) and (max-width: 1000px){.producer { width: 29.2%; height: 140px; padding: 10px 5px; margin: 8px!important;}} @media only screen and (min-width: 1001px) and (max-width: 1200px){.producer { width: 22.7%;height: 160px;}} #box-galerie-evenimente{ } .mini-gallery { position:relative;} .mini-gallery .slide { height: 100px;} .mini-gallery .slide IMG { width:100%; height:100%;} .mini-gallery .bx-wrapper .bx-viewport{ box-shadow:none; left:0; border: none;} .prev-mini-gallery, .next-mini-gallery{ position:absolute; top:28%; font-size: 30px;} .prev-mini-gallery{ left: 15px;} .next-mini-gallery{ right: 15px;} /* Media queries #box-galerie-evenimente */ @media only screen and (max-width: 1000px){ #box-galerie-evenimente .outside{ display:none; } } #site-footer {} #bar-footer-menu-logos{ padding: 20px 0;} #bar-footer-menu-logos img { max-width: 100%;} #nav-footer{ float: left; } #menu-footer { margin: 0; padding: 0;} #menu-footer LI{ float: left; } #menu-footer LI:before { content:'';} #menu-footer A{ color: #1c1c1c; font-size: 14px; font-weight: 600; text-decoration: none; display: block; padding:10px 18px;} #menu-footer A:hover{ color:#e51732; } #menu-footer A.active{ color:#e51732;} #logos { float: right;} #logos IMG { margin-right: 20px;} /* Media queries #bar-footer-menu-logos */ @media only screen and (max-width: 1000px){ #nav-footer{ display: none; } #logos IMG { margin-right: 5px; } } #bar-copyright { background-color: #1c1c1c; padding:30px 0;color: #6c6c6c; font-size: 12px;} #dezvoltat { float: left; } #blue-soft { color: #fff; text-decoration: none; font-size: 12px;} #socials{float: right;} #socials A { margin-left: 20px; text-decoration: none; display: inline-block;} #socials .fa {font-size: 14px; color: #fff;} #socials .fa:hover { color: #e51732;} /* Media queries #bar-copyright */ @media only screen and (max-width: 600px){ #dezvoltat,#socials{ float: none; text-align: center; } } /* LEFT SIDEBAR */ #box-left-sidebar { width: 19%; float: left;} #vertical-menu {} .categorii { margin: 0; padding: 0;} .section-name { color: #fff; background-color: #1c1c1c; border-left: 8px solid #e51732; padding: 12px 16px; font-weight: 600; margin: 0;} .categorii .black-button { display: block; position: relative;} .categorii .black-button:after { content: "\f105"; font-family: Fontawesome; position: absolute; right: 15px; top:12px;} .categorii LI {list-style-type: none;} .categorii LI A { border: 1px solid #e8e8e8; border-width: 1px 1px 0 1px;color: #1c1c1c; text-decoration: none; display: block; background-color: #ffffff; padding: 13px 20px; font-weight: 600; position: relative;} .categorii LI:last-child A { border-bottom: 1px solid #e8e8e8;} .categorii LI A:hover { color: #e51732; background-color: #ffffff;} .categorii LI A.active,.categorii LI A.active-arrow { color: #fff; background-color: #e51732; border-color: #e51732;} .categorii LI A.active-arrow:after {content: "\f107"; font-family: Fontawesome; position: absolute; right: 15px; top:12px;} #dashboard LI A.active:after,.categorii LI A.active:after {content: '';} .lista-subcategorii { margin: 0; padding: 0;} .lista-subcategorii LI A { padding: 13px 36px; background-color: #f7f7f7;} .lista-subcategorii LI A.active {color: #e51732; background-color: #ffffff; border-color: #e8e8e8;} .lista-subcategorii LI A.active:after {content: "";} #right-sidebar-tablet { display: none;} /*Media queries left sidebar*/ @media only screen and (max-width: 600px){ .bar-content #box-left-sidebar {display: none;} /* hide left sidebar on mobile devices */ #box-left-sidebar { width: auto; float: none;} } @media only screen and (min-width: 601px ) and (max-width: 1000px){ #box-left-sidebar { width: 40%;} #right-sidebar-tablet { display: block; margin-top: 20px;} } @media only screen and (min-width: 1001px ) and (max-width: 1200px){ #box-left-sidebar { width: 19%;} } /* RIGHT SIDEBAR*/ #box-right-sidebar { width: 19%; float: right;} #lista-articole { margin-top: 20px;} .facebook-page-like-code { margin: 20px 0 0; max-width: 100%;} #newsletter {margin-top: 20px;} #newsletter .white-box { padding: 0; margin: 0;} #italic-explanation { font-style: italic; text-align: center; padding: 10px 15px; color: #adadad;} #email-box { background-color: #f7f7f7; border: 1px solid #e8e8e8; border-left: none; border-right:none; padding: 20px 10px; position: relative;} #email-box INPUT { border:1px solid #e8e8e8; padding: 10px 10px 10px 40px; width: 100%; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} #email-box .fa { position: absolute; left: 25px; top:31px; color: #adadad;} #newsletter .gradient-button { margin: 20px 8px; display: block; font-size: 12px;} /*Media queries right sidebar*/ @media only screen and (max-width: 600px){ .bar-content #box-right-sidebar {display: none;} /* hide right sidebar on mobile devices */ #box-right-sidebar { width: auto; float: none; margin: 0;} #newsletter,#lista-articole { margin-top:20px; } #email-box INPUT { width: 100%;} } @media only screen and (min-width: 601px ) and (max-width: 1000px){ #box-right-sidebar { display: none;} } @media only screen and (min-width: 1001px ) and (max-width: 1200px){ #box-right-sidebar { width: 18%;} #email-box INPUT { width: 100%;} #newsletter INPUT[type=submit]{ max-width: 90%;white-space: normal;} } /* SEARCH */ #search-widget{ background-color: #fff; border: 1px solid #e8e8e8; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; position: absolute; top: 85px; width: 100%; z-index: 2;} .product-search { border-bottom: 1px solid #e8e8e8; cursor: pointer;} .product-search IMG { width: 82px; max-height: 92px; overflow:hidden; border-right: 1px solid #e8e8e8; display: block;float: left;} .search-details { display: block;float: left; padding: 15px; width: 77.4%; position: relative;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .search-details:hover { background-color: #f7f7f7;} .search-details:after { content: "\f105"; font-family: FontAwesome; position: absolute; top: 35%; right: 10px; font-size: 20px; color: #cccccc;} .search-name { font-weight: bold; margin: 0 0 10px; display: block; height: 16px; overflow:hidden;} .search-info { font-weight: 600; margin: 0;} /* Media queries #search-widget */ @media only screen and (max-width: 480px){ .search-details { width: 77%;} .product-search IMG { width: 22%;} .search-details:hover { background-color: #ffffff;} } @media only screen and (min-width: 769px ) and (max-width: 1000px){ .search-details { width: 70%;} } /* Cos cumparaturi HOVER buton*/ #container-cart-products-small { display:none; position: absolute; margin-top: 0; right: 0; z-index: 1; width: 410px;} .bar-cart-link-close { background: #E51732; padding: 15px 20px;} #cart-link { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; text-decoration: underline;} #close-cart { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; cursor: pointer;} #close-cart .fa-angle-up { font: normal normal normal 16px/1 FontAwesome !important; margin-left: 10px;} .cart-product-small { font-family: 'Open Sans', sans-serif; font-size: 13px; padding: 10px 15px; background: #fff; border: 1px solid #e4e4e4; border-top: none; } .cart-product-small:hover { background: #f8f8f8;} .cart-product-small-title { color: #2f3034; width: 75%;} .cart-product-small:hover .cart-product-small-title{ color: #ee2f2f;} .cart-product-small-quantity { color: #9a9b9f; width: 20%;} .cart-product-small-delete { width: 5%; font-family: 'Open Sans', sans-serif; } .cart-product-small-delete .fa-close { color: #423b46; font: normal normal normal 16px/1 FontAwesome !important;} .cart-product-small:hover .cart-product-small-delete .fa-close{ color: #ee2f2f;} .bar-order-price { padding: 10px 20px; background: #fff; font-family: 'Open Sans', sans-serif; border: 1px solid #e4e4e4; border-top: none;} .bar-order-price A:visited {color: #fff;} .cart-small-order { border-radius: 5px; padding: 5px 10px; font-size: 13px;} .cart-small-price { font-size: 13px; color: #9a9b9f; margin-top: 10px; } .cart-small-price SPAN { font-size: 16px; font-family: 'Open Sans', sans-serif; color: #2f3034;} @media only screen and (max-width: 1000px) { #container-cart-products-small { display: none !important;} } /*==============================================================================================================================================*/ /*==============================================================================================================================================*/ /* PANELS */ @media only screen and (max-width: 600px ){ #header-panels{ background-color: #1c1c1c;} #left-panel, #right-panel {background-color: #444;} #right-panel #box-left-sidebar .categorii LI A , #left-panel .categorii LI A{background: transparent; padding: 10px; font-size: 14px; color: #fff; text-shadow: none; border: 1px solid #fff; border-width: 0 0 1px 0;} #right-panel #box-left-sidebar .categorii LI A.active , #left-panel .categorii LI A.active {color: #e51732;} #right-panel #box-left-sidebar #newsletter .white-box {border: none; background: transparent;} #right-panel #newsletter .gradient-button { box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; margin: 20px 0; width: 100%; padding: 8px 0;} #right-panel #newsletter #email-box { border:none; background: none; padding: 0;} #right-panel #newsletter #email-box .fa { left: 18px; top: 11px;} #nav { margin: 0 0 15px; padding: 0;} #nav LI{} #nav LI A{ display: block; padding: 10px; font-size: 14px; color: #fff; text-shadow: none; border-bottom: 1px solid #fff;} #nav LI A.active{ color: #e51732;} } @media only screen and (min-width: 601px){ #header-panels,#left-panel, #right-panel{ display: none; } } .box75 .white-box { margin-top: 20px !important;} .contactForm { margin-bottom: 50px; overflow: hidden;} .contactForm input { float: left; width: 32%; margin-right: 2%;} .contactForm input:nth-of-type(3){ margin-right: 0;} .contactForm textarea { margin-top: 0;} .contactForm button { float: right; margin-top: 30px; background-color: #e51732; color: #fff; padding: 7px 16px; border: 1px solid #c4051e;} .contactForm button:hover { background-color: #1c1c1c; border: 1px solid #000000; color: #fff;} .contactForm .QapTcha { margin-top: 30px} @media only screen and (max-width: 1000px) and (min-width: 961px){ .contactForm input { margin: 0 2% 0 0 !important;} .contactForm input:nth-of-type(3){ margin-right: 0 !important;} } @media only screen and (max-width: 960px ){ .contactForm input { margin-right: 0; width: 100%;} }