/* * Bootstrap TouchSpin - v3.1.1 * A mobile and touch friendly input spinner component for Bootstrap 3. * http://www.virtuosoft.eu/code/bootstrap-touchspin/ * * Made by István Ujj-Mészáros * Under Apache License v2.0 License */ .bootstrap-touchspin .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell } .bootstrap-touchspin .input-group-btn-vertical>.btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px 10px; margin-left: -1px; position: relative } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; -webkit-border-radius:0; -khtml-border-radius:0; -moz-border-radius: 0; border-top-right-radius: 4px } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; border-radius: 0; -webkit-border-radius:0; -khtml-border-radius:0; -moz-border-radius: 0; border-bottom-right-radius: 4px } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 3px; left: 5px; font-size: 9px; font-weight: 400 } /*! * Bootstrap v4.0.0-alpha.4 (http://getbootstrap.com) * Copyright 2011-2016 The Bootstrap Authors * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block !important; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } template, [hidden] { display: none; } a { background-color: transparent; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: 600; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } button, input, select, textarea { font: inherit; } optgroup { font-weight: bold; } button, input, select { overflow: visible; } button, input, select, textarea { margin: 0; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } [disabled] { cursor: default; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } @media print { *, *::before, *::after, *::first-letter, *::first-line { text-shadow: none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .tag { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } @-ms-viewport { width: device-width; } html { font-size: 16px; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } /* body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; line-height: 1.5; color: #333; background-color: #fff; } */ [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #ebebeb; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #636366; text-decoration: none; } a:focus, a:hover { color: #005586; text-decoration: none; } a:focus { outline: 0; outline-offset: 0; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: none; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { max-width: 100%; vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #acaaa6; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } input, button, select, textarea { margin: 0; line-height: inherit; border-radius: 0; -webkit-border-radius:0; -khtml-border-radius:0; -moz-border-radius: 0; /*outline: 0;*/ } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 600; line-height: 1.1; color: inherit; } h1, .h1 { font-size: 1.375rem; } h2, .h2 { font-size: 1.25rem; } h3, .h3 { font-size: 1.125rem; } h4, .h4 { font-size: 1.125rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: 0.9375rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 3.125rem; font-weight: 600; } .display-2 { font-size: 2.1875rem; font-weight: 400; } .display-3 { font-size: 1.5625rem; font-weight: 400; } .display-4 { font-size: 1.25rem; font-weight: 400; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: #ddd; } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; border-left: 0.25rem solid #f6f6f6; } .blockquote-footer { display: block; font-size: 80%; color: #ebebeb; } .blockquote-footer::before { content: "\2014 \A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #f6f6f6; border-left: 0; } .blockquote-reverse .blockquote-footer::before { content: ""; } .blockquote-reverse .blockquote-footer::after { content: "\A0 \2014"; } dl.row > dd + dt { clear: left; } .img-fluid, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { display: inline-block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; -moz-border-radius: 0.3rem; } #module-stfeature-viewwishlist .product-title a{margin-top: 10px;} .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #ebebeb; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #333; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -khtml-border-radius: 0.2rem; -moz-border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; color: #333; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .container::after { content: ""; display: table; clear: both; } @media (min-width: 544px) { .container { max-width: 576px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 950px; } } @media (min-width: 1200px) { .container { max-width: 1150px; } } @media (min-width: 1250px) { .container { max-width: 1200px; } } .container-fluid { margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .sitemap a { line-height: 30px; color: #808080; } .row.sitemap.col-xs-12 { padding: 0; } #sitemap .sitemap h2 { font-size: 16px; color: #000; text-transform: capitalize; } .container-fluid::after { content: ""; display: table; clear: both; } .row { margin-left: 0px; margin-right: 0px; } .row::after { content: ""; display: table; clear: both; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1 { float: left; width: 8.33333%; } .col-xs-2 { float: left; width: 16.66667%; } .col-xs-3 { float: left; width: 25%; } .col-xs-4 { float: left; width: 33.33333%; } .col-xs-5 { float: left; width: 41.66667%; } .col-xs-6 { float: left; width: 50%; } .col-xs-7 { float: left; width: 58.33333%; } .col-xs-8 { float: left; width: 66.66667%; } .col-xs-9 { float: left; width: 75%; } .col-xs-10 { float: left; width: 83.33333%; } .col-xs-11 { float: left; width: 91.66667%; } .col-xs-12 { float: left; width: 100%; } .pull-xs-0 { right: auto; } .pull-xs-1 { right: 8.33333%; } .pull-xs-2 { right: 16.66667%; } .pull-xs-3 { right: 25%; } .pull-xs-4 { right: 33.33333%; } .pull-xs-5 { right: 41.66667%; } .pull-xs-6 { right: 50%; } .pull-xs-7 { right: 58.33333%; } .pull-xs-8 { right: 66.66667%; } .pull-xs-9 { right: 75%; } .pull-xs-10 { right: 83.33333%; } .pull-xs-11 { right: 91.66667%; } .pull-xs-12 { right: 100%; } .push-xs-0 { left: auto; } .push-xs-1 { left: 8.33333%; } .push-xs-2 { left: 16.66667%; } .push-xs-3 { left: 25%; } .push-xs-4 { left: 33.33333%; } .push-xs-5 { left: 41.66667%; } .push-xs-6 { left: 50%; } .push-xs-7 { left: 58.33333%; } .push-xs-8 { left: 66.66667%; } .push-xs-9 { left: 75%; } .push-xs-10 { left: 83.33333%; } .push-xs-11 { left: 91.66667%; } .push-xs-12 { left: 100%; } .offset-xs-1 { margin-left: 8.33333%; } .offset-xs-2 { margin-left: 16.66667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.33333%; } .offset-xs-5 { margin-left: 41.66667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.33333%; } .offset-xs-8 { margin-left: 66.66667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.33333%; } .offset-xs-11 { margin-left: 91.66667%; } @media (min-width: 544px) { .col-sm-1 { float: left; width: 8.33333%; } .col-sm-2 { float: left; width: 16.66667%; } .col-sm-3 { float: left; width: 25%; } .col-sm-4 { float: left; width: 33.33333%; } .col-sm-5 { float: left; width: 41.66667%; } .col-sm-6 { float: left; width: 50%; } .col-sm-7 { float: left; width: 58.33333%; } .col-sm-8 { float: left; width: 66.66667%; } .col-sm-9 { float: left; width: 75%; } .col-sm-10 { float: left; width: 83.33333%; } .col-sm-11 { float: left; width: 91.66667%; } .col-sm-12 { float: left; width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.33333%; } .pull-sm-2 { right: 16.66667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.33333%; } .pull-sm-5 { right: 41.66667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.33333%; } .pull-sm-8 { right: 66.66667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.33333%; } .pull-sm-11 { right: 91.66667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.33333%; } .push-sm-2 { left: 16.66667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.33333%; } .push-sm-5 { left: 41.66667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.33333%; } .push-sm-8 { left: 66.66667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.33333%; } .push-sm-11 { left: 91.66667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md-1 { float: left; width: 8.33333%; } .col-md-2 { float: left; width: 16.66667%; } .col-md-3 { float: left; width: 18.5%; } .col-md-4 { float: left; width: 33.33333%; } .col-md-5 { float: left; width: 41.66667%; } .col-md-6 { float: left; width: 50%; } .col-md-7 { float: left; width: 58.33333%; } .col-md-8 { float: left; width: 66.66667%; } .col-md-9 { float: left; width: 81.5%; } .col-md-10 { float: left; width: 83.33333%; } .col-md-11 { float: left; width: 91.66667%; } .col-md-12 { float: left; width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.33333%; } .pull-md-2 { right: 16.66667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.33333%; } .pull-md-5 { right: 41.66667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.33333%; } .pull-md-8 { right: 66.66667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.33333%; } .pull-md-11 { right: 91.66667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.33333%; } .push-md-2 { left: 16.66667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.33333%; } .push-md-5 { left: 41.66667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.33333%; } .push-md-8 { left: 66.66667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.33333%; } .push-md-11 { left: 91.66667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg-1 { float: left; width: 8.33333%; } .col-lg-2 { float: left; width: 16.66667%; } .col-lg-3 { float: left; width: 25%; } .col-lg-4 { float: left; width: 33.33333%; } .col-lg-5 { float: left; width: 41.66667%; } .col-lg-6 { float: left; width: 50%; } .col-lg-7 { float: left; width: 58.33333%; } .col-lg-8 { float: left; width: 66.66667%; } .col-lg-9 { float: left; width: 75%; } .col-lg-10 { float: left; width: 83.33333%; } .col-lg-11 { float: left; width: 91.66667%; } .col-lg-12 { float: left; width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.33333%; } .pull-lg-2 { right: 16.66667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.33333%; } .pull-lg-5 { right: 41.66667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.33333%; } .pull-lg-8 { right: 66.66667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.33333%; } .pull-lg-11 { right: 91.66667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.33333%; } .push-lg-2 { left: 16.66667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.33333%; } .push-lg-5 { left: 41.66667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.33333%; } .push-lg-8 { left: 66.66667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.33333%; } .push-lg-11 { left: 91.66667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl-1 { float: left; width: 8.33333%; } .col-xl-2 { float: left; width: 16.66667%; } .col-xl-3 { float: left; width: 25%; } .col-xl-4 { float: left; width: 33.33333%; } .col-xl-5 { float: left; width: 41.66667%; } .col-xl-6 { float: left; width: 50%; } .col-xl-7 { float: left; width: 58.33333%; } .col-xl-8 { float: left; width: 66.66667%; } .col-xl-9 { float: left; width: 75%; } .col-xl-10 { float: left; width: 83.33333%; } .col-xl-11 { float: left; width: 91.66667%; } .col-xl-12 { float: left; width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.33333%; } .pull-xl-2 { right: 16.66667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.33333%; } .pull-xl-5 { right: 41.66667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.33333%; } .pull-xl-8 { right: 66.66667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.33333%; } .pull-xl-11 { right: 91.66667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.33333%; } .push-xl-2 { left: 16.66667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.33333%; } .push-xl-5 { left: 41.66667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.33333%; } .push-xl-8 { left: 66.66667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.33333%; } .push-xl-11 { left: 91.66667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dddddd; } .table thead th { vertical-align: bottom; border-bottom: 1px solid #dddddd; } .table tbody + tbody { border-top: 1px solid #dddddd; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dddddd; } .table-bordered th, .table-bordered td { border: 1px solid #dddddd; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 1px; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #d0e9c6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; } .table-hover .table-danger:hover { background-color: #ebcccc; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .thead-inverse th { color: #fff; background-color: #333; } .thead-default th { font-weight: 700; background-color: #f9f9f9; } .table-inverse { color: #f6f6f6; background-color: #333; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #acaaa6; } .table-inverse.table-bordered { border: 0; } .table-responsive { display: block; width: 100%; min-height: .01%; overflow-x: auto; } .table-reflow thead { float: left; } .table-reflow tbody { display: block; white-space: nowrap; } .table-reflow th, .table-reflow td { border-top: 1px solid #f6f6f6; border-left: 1px solid #f6f6f6; } .table-reflow th:last-child, .table-reflow td:last-child { border-right: 1px solid #f6f6f6; } .table-reflow thead:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tbody:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td { border-bottom: 1px solid #f6f6f6; } .table-reflow tr { float: left; } .table-reflow tr th, .table-reflow tr td { display: block !important; border: 1px solid #f6f6f6; } #comment-form .form-control { font-size:13px;} .form-control { display: block; width: 100%; padding: 5px 12px; color: #808080; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { background-color: #fff; outline: none; } .form-control::placeholder { color: #666; opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .form-control:disabled, .form-control[readonly] { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .form-control:disabled { cursor: not-allowed; } select.form-control:not([size]):not([multiple]) { height: 2.5rem; } select.form-control:focus::-ms-value { color: #acaaa6; background-color: #fff; } .form-control-file, .form-control-range { display: block; } .col-form-label { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; } .col-form-label-lg { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.9375rem; } .col-form-label-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; } .col-form-legend { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 1rem; } .form-control-static { min-height: 2.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; } .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -khtml-border-radius: 0.2rem; -moz-border-radius: 0.2rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 1.8125rem; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.5rem; font-size: 0.9375rem; border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; -moz-border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 2.75rem; } .form-group { margin-bottom: 15px; } .form-text { display: block; margin-top: 0.25rem; } .form-check { position: relative; display: block; margin-bottom: 0.75rem; } .form-check + .form-check { margin-top: -.25rem; } .form-check.disabled .form-check-label { color: #acaaa6; cursor: not-allowed; } .form-check-label { padding-left: 1.25rem; margin-bottom: 0; cursor: pointer; } .form-check-input { position: absolute; margin-top: .25rem; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .form-check-inline { position: relative; display: inline-block; padding-left: 1.25rem; margin-bottom: 0; vertical-align: middle; cursor: pointer; } .form-check-inline + .form-check-inline { margin-left: .75rem; } .form-check-inline.disabled { cursor: not-allowed; } .form-control-feedback { margin-top: 0.25rem; } .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 0.625rem; background-size: 1.25rem 1.25rem; } .has-success .form-control-feedback, .has-success .form-control-label, .has-success .form-check-label, .has-success .form-check-inline, .has-success .custom-control { color: #4cbb6c; } .has-success .form-control { border-color: #4cbb6c; } .has-success .input-group-addon { color: #4cbb6c; border-color: #4cbb6c; background-color: #e0f3e5; } .has-success .form-control-feedback { color: #4cbb6c; } .has-success .form-control-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } .has-warning .form-control-feedback, .has-warning .form-control-label, .has-warning .form-check-label, .has-warning .form-check-inline, .has-warning .custom-control { color: #ff9a52; } .has-warning .form-control { border-color: #ff9a52; } .has-warning .input-group-addon { color: #ff9a52; border-color: #ff9a52; background-color: #FFFFFF; } .has-warning .form-control-feedback { color: #ff9a52; } .has-warning .form-control-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } .has-danger .form-control-feedback, .has-danger .form-control-label, .has-danger .form-check-label, .has-danger .form-check-inline, .has-danger .custom-control { color: #ff4c4c; } .has-danger .form-control { border-color: #ff4c4c; } .has-danger .input-group-addon { color: #ff4c4c; border-color: #ff4c4c; background-color: #FFFFFF; } .has-danger .form-control-feedback { color: #ff4c4c; } .has-danger .form-control-danger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } @media (min-width: 544px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .form-check { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn { display: inline-block; font-weight: 500; line-height: 20px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid transparent; padding: 7px 10px; font-size: 12px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; text-transform: capitalize; letter-spacing: 0.6px; } .btn:focus, .btn.focus, .btn:active:focus, .btn.focus:active, .btn.active:focus, .btn.active.focus { outline: medium none; } .btn:focus, .btn:hover { text-decoration: none; } .btn.focus { text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; -khtml-opacity: .65; -webkit-opacity: .65; -moz-opacity: .65; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary { color: #000; background-color: #e8e8e8; border-color: #e8e8e8; } .btn.btn-primary:hover { color: #fff; background-color: #005586; border-color: #005586; } #contact .btn.btn-primary:hover { background-color: #005586;} .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #005586; border-color: transparent; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #005586; border-color: transparent; background-image: none; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #005586; border-color: transparent; } .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus { background-color: #005586; border-color: transparent; } .btn-primary.disabled:hover, .btn-primary:disabled:hover { background-color: #005586; border-color: transparent; } .btn-secondary, .btn-tertiary { color: #000; background-color: #e8e8e8; border-color: #e8e8e8; } .btn-secondary:hover, .btn-tertiary:hover { color: #fff; background-color: #005586; border-color: transparent; } .btn-secondary:focus, .btn-tertiary:focus, .btn-secondary.focus, .focus.btn-tertiary { color: #fff; background-color: #005586; border-color: transparent; } .btn-secondary:active, .btn-tertiary:active, .btn-secondary.active, .active.btn-tertiary, .open > .btn-secondary.dropdown-toggle, .open > .dropdown-toggle.btn-tertiary { color: #fff; background-color: #005586; border-color: transparent; background-image: none; } .btn-secondary:active:hover, .btn-tertiary:active:hover, .btn-secondary:active:focus, .btn-tertiary:active:focus, .btn-secondary:active.focus, .btn-tertiary:active.focus, .btn-secondary.active:hover, .active.btn-tertiary:hover, .btn-secondary.active:focus, .active.btn-tertiary:focus, .btn-secondary.active.focus, .active.focus.btn-tertiary, .open > .btn-secondary.dropdown-toggle:hover, .open > .dropdown-toggle.btn-tertiary:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .dropdown-toggle.btn-tertiary:focus, .open > .btn-secondary.dropdown-toggle.focus, .open > .dropdown-toggle.focus.btn-tertiary { color: #fff; background-color: #005586; border-color: transparent; } .btn-secondary.disabled:focus, .disabled.btn-tertiary:focus, .btn-secondary.disabled.focus, .disabled.focus.btn-tertiary, .btn-secondary:disabled:focus, .btn-tertiary:disabled:focus, .btn-secondary:disabled.focus, .btn-tertiary:disabled.focus { background-color: #005586; border-color: transparent; } .btn-secondary.disabled:hover, .disabled.btn-tertiary:hover, .btn-secondary:disabled:hover, .btn-tertiary:disabled:hover { background-color: #005586; border-color: transparent; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #2aabd2; background-image: none; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus { background-color: #5bc0de; border-color: #5bc0de; } .btn-info.disabled:hover, .btn-info:disabled:hover { background-color: #5bc0de; border-color: #5bc0de; } .btn-success { color: #fff; background-color: #4cbb6c; border-color: #4cbb6c; } .btn-success:hover { color: #fff; background-color: #3a9a56; border-color: #389252; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #3a9a56; border-color: #389252; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #3a9a56; border-color: #389252; background-image: none; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #318047; border-color: #256237; } .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus { background-color: #4cbb6c; border-color: #4cbb6c; } .btn-success.disabled:hover, .btn-success:disabled:hover { background-color: #4cbb6c; border-color: #4cbb6c; } .btn-warning { color: #FFFFFF; background-color: #FF9A52; border-color: #FF9A52; } .btn-warning:hover { color: #FFFFFF; background-color: #ff7c1f; border-color: #ff7615; } .btn-warning:focus, .btn-warning.focus { color: #FFFFFF; background-color: #ff7c1f; border-color: #ff7615; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #FFFFFF; background-color: #ff7c1f; border-color: #ff7615; background-image: none; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #FFFFFF; background-color: #fa6800; border-color: #d25700; } .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus { background-color: #FF9A52; border-color: #FF9A52; } .btn-warning.disabled:hover, .btn-warning:disabled:hover { background-color: #FF9A52; border-color: #FF9A52; } .btn-danger { color: #fff; background-color: #ff4c4c; border-color: #ff4c4c; } .btn-danger:hover { color: #fff; background-color: #ff1919; border-color: #ff0f0f; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #ff1919; border-color: #ff0f0f; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #ff1919; border-color: #ff0f0f; background-image: none; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #f40000; border-color: #cc0000; } .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus { background-color: #ff4c4c; border-color: #ff4c4c; } .btn-danger.disabled:hover, .btn-danger:disabled:hover { background-color: #ff4c4c; border-color: #ff4c4c; } .btn-outline-primary { color: #005586; background-image: none; background-color: transparent; border-color: #005586; } .btn-outline-primary:hover { color: #fff; background-color: #005586; border-color: #005586; } .btn-outline-primary:focus, .btn-outline-primary.focus { color: #fff; background-color: #005586; border-color: #005586; } .btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #005586; border-color: #005586; } .btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus { color: #fff; background-color: #005586; border-color: #175c6a; } .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus { border-color: #83d3e4; } .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover { border-color: #83d3e4; } .btn-outline-secondary { color: transparent; background-image: none; background-color: transparent; border-color: transparent; } .btn-outline-secondary:hover { color: #fff; background-color: transparent; border-color: transparent; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { color: #fff; background-color: transparent; border-color: transparent; } .btn-outline-secondary:active, .btn-outline-secondary.active, .open > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: transparent; border-color: transparent; } .btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus, .open > .btn-outline-secondary.dropdown-toggle:hover, .open > .btn-outline-secondary.dropdown-toggle:focus, .open > .btn-outline-secondary.dropdown-toggle.focus { color: #fff; background-color: transparent; border-color: transparent; } .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus { border-color: rgba(51, 51, 51, 0); } .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover { border-color: rgba(51, 51, 51, 0); } .btn-outline-info { color: #5bc0de; background-image: none; background-color: transparent; border-color: #5bc0de; } .btn-outline-info:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:focus, .btn-outline-info.focus { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:active, .btn-outline-info.active, .open > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus, .open > .btn-outline-info.dropdown-toggle:hover, .open > .btn-outline-info.dropdown-toggle:focus, .open > .btn-outline-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1f7e9a; } .btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus { border-color: #b0e1ef; } .btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover { border-color: #b0e1ef; } .btn-outline-success { color: #4cbb6c; background-image: none; background-color: transparent; border-color: #4cbb6c; } .btn-outline-success:hover { color: #fff; background-color: #4cbb6c; border-color: #4cbb6c; } .btn-outline-success:focus, .btn-outline-success.focus { color: #fff; background-color: #4cbb6c; border-color: #4cbb6c; } .btn-outline-success:active, .btn-outline-success.active, .open > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #4cbb6c; border-color: #4cbb6c; } .btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus, .open > .btn-outline-success.dropdown-toggle:hover, .open > .btn-outline-success.dropdown-toggle:focus, .open > .btn-outline-success.dropdown-toggle.focus { color: #fff; background-color: #318047; border-color: #256237; } .btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus { border-color: #96d7a9; } .btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover { border-color: #96d7a9; } .btn-outline-warning { color: #FF9A52; background-image: none; background-color: transparent; border-color: #FF9A52; } .btn-outline-warning:hover { color: #fff; background-color: #FF9A52; border-color: #FF9A52; } .btn-outline-warning:focus, .btn-outline-warning.focus { color: #fff; background-color: #FF9A52; border-color: #FF9A52; } .btn-outline-warning:active, .btn-outline-warning.active, .open > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #FF9A52; border-color: #FF9A52; } .btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus, .open > .btn-outline-warning.dropdown-toggle:hover, .open > .btn-outline-warning.dropdown-toggle:focus, .open > .btn-outline-warning.dropdown-toggle.focus { color: #fff; background-color: #fa6800; border-color: #d25700; } .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus { border-color: #ffd6b8; } .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover { border-color: #ffd6b8; } .btn-outline-danger { color: #ff4c4c; background-image: none; background-color: transparent; border-color: #ff4c4c; } .btn-outline-danger:hover { color: #fff; background-color: #ff4c4c; border-color: #ff4c4c; } .btn-outline-danger:focus, .btn-outline-danger.focus { color: #fff; background-color: #ff4c4c; border-color: #ff4c4c; } .btn-outline-danger:active, .btn-outline-danger.active, .open > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #ff4c4c; border-color: #ff4c4c; } .btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus, .open > .btn-outline-danger.dropdown-toggle:hover, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle.focus { color: #fff; background-color: #f40000; border-color: #cc0000; } .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus { border-color: #ffb2b2; } .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover { border-color: #ffb2b2; } .btn-link { font-weight: normal; color: #005586; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #005586; text-decoration: underline; background-color: transparent; } .btn-link:disabled:focus, .btn-link:disabled:hover { color: #ebebeb; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.75rem 1.5rem; font-size: 0.9375rem; border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; -moz-border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -khtml-border-radius: 0.2rem; -moz-border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: opacity .15s linear; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -ms-transition: opacity .15s linear; -o-transition: opacity .15s linear; } .fade.in { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: .35s; -webkit-transition-duration: .35s; -moz-transition-duration: .35s; -ms-transition-duration: .35s; -o-transition-duration: .35s; transition-property: height; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 130px; padding: 5px 0; margin: 5px 0 0; color: #000; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: none; box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } .dropdown-divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-item { display: block; width: 100%; padding: 3px 10px; clear: both; font-weight: normal; color: #000; text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #7a7a7a; text-decoration: none; background-color: #f5f5f5; } .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { color: #fff; text-decoration: none; background-color: #005586; outline: 0; } .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { color: #ebebeb; } .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 5px 20px; font-size: 0.875rem; color: #ebebeb; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 0.3em solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -0.5rem; } .btn-toolbar::after { content: ""; display: table; clear: both; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 0.5rem; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn + .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 0.3em 0.3em 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 0.3em 0.3em; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group::after { content: ""; display: table; clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; width: 100%; display: table; border-collapse: separate; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: normal; line-height: 1.25; color: #acaaa6; text-align: center; background-color: #f6f6f6; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -khtml-border-radius: 0.2rem; -moz-border-radius: 0.2rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.75rem 1.5rem; font-size: 0.9375rem; border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; -moz-border-radius: 0.3rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:not(:last-child) { border-right: 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .form-control + .input-group-addon:not(:first-child) { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } .custom-control { position: relative; display: inline; padding-left: 1.5rem; cursor: pointer; } .custom-control + .custom-control { margin-left: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #0074d9; } .custom-control-input:focus ~ .custom-control-indicator { box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; -moz-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; background-color: #84c6ff; } .custom-control-input:disabled ~ .custom-control-indicator { cursor: not-allowed; background-color: #eee; } .custom-control-input:disabled ~ .custom-control-description { color: #767676; cursor: not-allowed; } .custom-control-indicator { position: absolute; top: .0625rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; user-select: none; background-color: #ddd; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-indicator { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { background-color: #0074d9; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-radio .custom-control-indicator { border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-controls-stacked .custom-control { display: inline; } .custom-controls-stacked .custom-control::after { display: block; margin-bottom: 0.25rem; content: ""; } .custom-controls-stacked .custom-control + .custom-control { margin-left: 0; } .custom-select { display: inline-block; max-width: 100%; padding: 0.375rem 1.75rem 0.375rem 0.75rem; padding-right: 0.75rem \9; color: #acaaa6; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-image: none \9; background-size: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -moz-appearance: none; -webkit-appearance: none; } .custom-select:focus { border-color: #51a7e8; outline: none; } .custom-select:focus::-ms-value { color: #acaaa6; background-color: #fff; } .custom-select:disabled { color: #ebebeb; cursor: not-allowed; background-color: #f6f6f6; } .custom-select::-ms-expand { opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .custom-select-sm { padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; cursor: pointer; } .custom-file-input { min-width: 14rem; max-width: 100%; margin: 0; filter: alpha(opacity=0); opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #555; user-select: none; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .custom-file-control:lang(en)::after { content: "Choose file..."; } .custom-file-control::before { position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #555; background-color: #eee; border: 1px solid #ddd; border-radius: 0 0 0 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .custom-file-control:lang(en)::before { content: "Browse"; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: inline-block; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #ebebeb; } .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { color: #ebebeb; cursor: not-allowed; background-color: transparent; } .nav-inline .nav-item { display: inline-block; } .nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link { margin-left: 1rem; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs::after { content: ""; display: table; clear: both; } .nav-tabs .nav-item { float: left; } .nav-tabs .nav-item + .nav-item { margin-left: 0.2rem; } .nav-tabs .nav-link { display: block; padding: 0.5em 1em; border: 1px solid transparent; border-top-right-radius: 0; border-top-left-radius: 0; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #f6f6f6 #f6f6f6 #ddd; } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { color: #ebebeb; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover { color: #acaaa6; border-color:transparent; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .nav-pills::after { content: ""; display: table; clear: both; } .nav-pills .nav-item { float: left; } .nav-pills .nav-item + .nav-item { margin-left: 0.2rem; } .nav-pills .nav-link { display: block; padding: 0.5em 1em; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover { color: #fff; cursor: default; background-color: #005586; } .nav-stacked .nav-item { display: block; float: none; } .nav-stacked .nav-item + .nav-item { margin-top: 0.2rem; margin-left: 0; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } #featureProduct .featured-products, #bestseller .bestseller-products, #newProduct .newproducts { position: relative;} .navbar { position: relative; padding: 0.5rem 1rem; } .navbar::after { content: ""; display: table; clear: both; } .navbar-full { z-index: 1000; } @media (min-width: 544px) { .navbar-full { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } .navbar-fixed-top { top: 0; } .navbar-fixed-bottom { bottom: 0; } .navbar-sticky-top { position: sticky; top: 0; z-index: 1030; width: 100%; } @media (min-width: 544px) { .navbar-sticky-top { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } } .navbar-brand { float: left; padding-top: 0.25rem; padding-bottom: 0.25rem; margin-right: 1rem; font-size: 0.9375rem; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } .navbar-divider { float: left; width: 1px; padding-top: .425rem; padding-bottom: .425rem; margin-right: 1rem; margin-left: 1rem; overflow: hidden; } .navbar-divider::before { content: "\A0"; } .navbar-toggler { padding: .5rem .75rem; font-size: 0.9375rem; line-height: 1; background: none; border: 1px solid transparent; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-nav .nav-item { float: left; } .navbar-nav .nav-link { display: block; padding-top: .425rem; padding-bottom: .425rem; } .navbar-nav .nav-link + .nav-link { margin-left: 1rem; } .navbar-nav .nav-item + .nav-item { margin-left: 1rem; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.6); } .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.open:focus, .navbar-light .navbar-nav .nav-link.open:hover, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.active:focus, .navbar-light .navbar-nav .nav-link.active:hover { color: rgba(0, 0, 0, 0.8); } .navbar-light .navbar-divider { background-color: rgba(0, 0, 0, 0.075); } .navbar-dark .navbar-brand { color: #FFFFFF; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #FFFFFF; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:focus, .navbar-dark .navbar-nav .active > .nav-link:hover, .navbar-dark .navbar-nav .nav-link.open, .navbar-dark .navbar-nav .nav-link.open:focus, .navbar-dark .navbar-nav .nav-link.open:hover, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover { color: #FFFFFF; } .navbar-dark .navbar-divider { background-color: rgba(255, 255, 255, 0.075); } .navbar-toggleable-xs::after { content: ""; display: table; clear: both; } @media (max-width: 543px) { .navbar-toggleable-xs .navbar-nav .nav-item { float: none; margin-left: 0; } } @media (min-width: 544px) { .navbar-toggleable-xs { display: block !important; } } .navbar-toggleable-sm::after { content: ""; display: table; clear: both; } @media (min-width: 768px) { .navbar-toggleable-sm { display: block !important; } } .navbar-toggleable-md::after { content: ""; display: table; clear: both; } @media (min-width: 992px) { .navbar-toggleable-md { display: block !important; } } .card-title.h3{ font-size: 18px; } .card { position: relative; display: block; margin-bottom: 1.75rem; background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #e8e8e8; } .card-block { padding: 1.25rem; /*border-bottom: 1px solid #ddd;*/ } .card-block::after { content: ""; display: table; clear: both; } .card-title { margin-bottom: 20px; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card > .list-group:first-child .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .card-header { padding: 0.75rem 1.25rem; background-color: #f5f5f5; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header::after { content: ""; display: table; clear: both; } .card-header:first-child { border-radius: 0 0 0 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: #f5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer::after { content: ""; display: table; clear: both; } .card-footer:last-child { border-radius: 0 0 0 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-primary { background-color: #005586; border-color: #005586; } .card-primary .card-header, .card-primary .card-footer { background-color: transparent; } .card-success { background-color: #4cbb6c; border-color: #4cbb6c; } .card-success .card-header, .card-success .card-footer { background-color: transparent; } .card-info { background-color: #5bc0de; border-color: #5bc0de; } .card-info .card-header, .card-info .card-footer { background-color: transparent; } .card-warning { background-color: #ff9a52; border-color: #ff9a52; } .card-warning .card-header, .card-warning .card-footer { background-color: transparent; } .card-danger { background-color: #ff4c4c; border-color: #ff4c4c; } .card-danger .card-header, .card-danger .card-footer { background-color: transparent; } .card-outline-primary { background-color: transparent; border-color: #005586; } .card-outline-secondary { background-color: transparent; border-color: transparent; } .card-outline-info { background-color: transparent; border-color: #5bc0de; } .card-outline-success { background-color: transparent; border-color: #4cbb6c; } .card-outline-warning { background-color: transparent; border-color: #FF9A52; } .card-outline-danger { background-color: transparent; border-color: #ff4c4c; } .card-inverse .card-header, .card-inverse .card-footer { border-color: rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-subtitle, .card-inverse .card-blockquote .blockquote-footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img { border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; -moz-border-radius: 0.25rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img-top { border-top-right-radius: 0; border-top-left-radius: 0; } .card-img-bottom { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } @media (min-width: 544px) { .card-deck { display: table; width: 100%; margin-bottom: 0.75rem; table-layout: fixed; border-spacing: 1.25rem 0; } .card-deck .card { display: table-cell; margin-bottom: 0; vertical-align: top; } .card-deck-wrapper { margin-right: -1.25rem; margin-left: -1.25rem; } } @media (min-width: 544px) { .card-group { display: table; width: 100%; table-layout: fixed; } .card-group .card { display: table-cell; vertical-align: top; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } } @media (min-width: 544px) { .card-columns { column-count: 3; column-gap: 1.25rem; } .card-columns .card { width: 100%; } } .breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #005586; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .breadcrumb::after { content: ""; display: table; clear: both; } .breadcrumb-item { float: left; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #ebebeb; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #ebebeb; } #product .breadcrumb .h1{ display: none;} #product #breadcrumb_wrapper{ float: left; left: 15px; text-align: left; } .breadcrumb .h1{ float: left; margin: 0 auto; font-size: 20px; font-weight: 500; color: #fff; text-transform: capitalize; } .h1-main.productpage_title { font-weight: 600; } .pagination { display: inline-block; padding-left: 0; margin-top: 1rem; margin-bottom: 1rem; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .page-item { display: inline; } .page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } .page-item:last-child .page-link { border-bottom-right-radius: 0; border-top-right-radius: 0; } .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { z-index: 2; color: #fff; cursor: default; background-color: #005586; border-color: #005586; } .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { color: #ebebeb; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .page-link { position: relative; float: left; padding: 0.5rem 0.75rem; margin-left: -1px; color: #005586; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { color: #005586; background-color: #f6f6f6; border-color: #ddd; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 0.9375rem; } .pagination-lg .page-item:first-child .page-link { border-bottom-left-radius: 0.3rem; border-top-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-bottom-right-radius: 0.3rem; border-top-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.275rem 0.75rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-bottom-left-radius: 0.2rem; border-top-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-bottom-right-radius: 0.2rem; border-top-right-radius: 0.2rem; } .tag { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .tag:empty { display: none; } .btn .tag { position: relative; top: -1px; } a.tag:focus, a.tag:hover { color: #fff; text-decoration: none; cursor: pointer; } .tag-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; -webkit-border-radius: 10rem; -khtml-border-radius: 10rem; -moz-border-radius: 10rem; } .tag-default { background-color: #ebebeb; } .tag-default[href]:focus, .tag-default[href]:hover { background-color: #d2d2d2; } .tag-primary { background-color: #005586; } .tag-primary[href]:focus, .tag-primary[href]:hover { background-color: #005586; } .tag-success { background-color: #4cbb6c; } .tag-success[href]:focus, .tag-success[href]:hover { background-color: #3a9a56; } .tag-info { background-color: #5bc0de; } .tag-info[href]:focus, .tag-info[href]:hover { background-color: #31b0d5; } .tag-warning { background-color: #ff9a52; } .tag-warning[href]:focus, .tag-warning[href]:hover { background-color: #ff7c1f; } .tag-danger { background-color: #ff4c4c; } .tag-danger[href]:focus, .tag-danger[href]:hover { background-color: #ff1919; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f6f6f6; border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; -moz-border-radius: 0.3rem; } @media (min-width: 544px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-hr { border-top-color: #dddddd; } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .alert { padding: 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible { padding-right: 2rem; } .alert-dismissible .close { position: relative; top: -.125rem; right: -1rem; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c1e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; } .alert-info hr { border-top-color: #a6d5ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: rgba(255, 154, 82, 0.3); border-color: #FF9A52; color: #414141; } .alert-warning hr { border-top-color: #ff8b39; } .alert-warning .alert-link { color: #282828; } .alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442; } .alert-danger hr { border-top-color: #e4b9b9; } .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: block; width: 100%; height: 1rem; margin-bottom: 1rem; } .progress[value] { background-color: #eee; border: 0; appearance: none; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .progress[value]::-ms-fill { background-color: #0074d9; border: 0; } .progress[value]::-moz-progress-bar { background-color: #0074d9; border-bottom-left-radius: 0; border-top-left-radius: 0; } .progress[value]::-webkit-progress-value { background-color: #0074d9; border-bottom-left-radius: 0; border-top-left-radius: 0; } .progress[value="100"]::-moz-progress-bar { border-bottom-right-radius: 0; border-top-right-radius: 0; } .progress[value="100"]::-webkit-progress-value { border-bottom-right-radius: 0; border-top-right-radius: 0; } .progress[value]::-webkit-progress-bar { background-color: #eee; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } base::-moz-progress-bar, .progress[value] { background-color: #eee; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } @media screen and (min-width: 0\0) { .progress { background-color: #eee; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .progress-bar { display: inline-block; height: 1rem; text-indent: -999rem; background-color: #0074d9; border-bottom-left-radius: 0; border-top-left-radius: 0; } .progress[width="100%"] { border-bottom-right-radius: 0; border-top-right-radius: 0; } } .progress-striped[value]::-webkit-progress-value { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-striped[value]::-moz-progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-striped[value]::-ms-fill { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } @media screen and (min-width: 0\0) { .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } } .progress-animated[value]::-webkit-progress-value { animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; } .progress-animated[value]::-moz-progress-bar { animation: progress-bar-stripes 2s linear infinite; -moz-animation:progress-bar-stripes 2s linear infinite; -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; } @media screen and (min-width: 0\0) { .progress-animated .progress-bar-striped { animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -webkit-animation : progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; } } .progress-success[value]::-webkit-progress-value { background-color: #4cbb6c; } .progress-success[value]::-moz-progress-bar { background-color: #4cbb6c; } .progress-success[value]::-ms-fill { background-color: #4cbb6c; } @media screen and (min-width: 0\0) { .progress-success .progress-bar { background-color: #4cbb6c; } } .progress-info[value]::-webkit-progress-value { background-color: #5bc0de; } .progress-info[value]::-moz-progress-bar { background-color: #5bc0de; } .progress-info[value]::-ms-fill { background-color: #5bc0de; } @media screen and (min-width: 0\0) { .progress-info .progress-bar { background-color: #5bc0de; } } .progress-warning[value]::-webkit-progress-value { background-color: #ff9a52; } .progress-warning[value]::-moz-progress-bar { background-color: #ff9a52; } .progress-warning[value]::-ms-fill { background-color: #ff9a52; } @media screen and (min-width: 0\0) { .progress-warning .progress-bar { background-color: #ff9a52; } } .progress-danger[value]::-webkit-progress-value { background-color: #ff4c4c; } .progress-danger[value]::-moz-progress-bar { background-color: #ff4c4c; } .progress-danger[value]::-ms-fill { background-color: #ff4c4c; } @media screen and (min-width: 0\0) { .progress-danger .progress-bar { background-color: #ff4c4c; } } .media, .media-body { overflow: hidden; } .media-body { width: 10000px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right { padding-left: 10px; } .media-left { padding-right: 10px; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 0; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #ebebeb; cursor: not-allowed; background-color: #f6f6f6; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #ebebeb; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; text-decoration: none; background-color: #005586; border-color: #005586; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #d7f1f6; } .list-group-flush .list-group-item { border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .list-group-item-action { width: 100%; color: #555; text-align: inherit; } .list-group-item-action .list-group-item-heading { color: #333; } .list-group-item-action:focus, .list-group-item-action:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9 { padding-bottom: 42.85714%; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .embed-responsive-1by1 { padding-bottom: 100%; } .close { float: right; font-size: 1.5rem; line-height: 1; color: #414141; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; -khtml-opacity: .5; -webkit-opacity: .5; -moz-opacity: .5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10050; display: none; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch; } .modal.fade .modal-dialog { transition: transform .3s ease-out; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out; transform: translate(0, -25%); -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); -moz-transform: translate(0, -25%); } .modal.in .modal-dialog { transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -moz-transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #ddd; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10040; background-color: #000; } .modal-backdrop.fade { opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header::after { content: ""; display: table; clear: both; } .modal-header .close { margin-top: -8px; font-size: 42px; padding: 0px 13px; position: absolute; right: 0; } .modal-title { margin: 0; line-height: 1.5; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer::after { content: ""; display: table; clear: both; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 544px) { .modal-dialog { max-width: 600px; margin: 30px auto; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.875rem; word-wrap: break-word; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; -moz-opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #ff4c4c; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #ff4c4c; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #ff4c4c; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #ff4c4c; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #ff4c4c; border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; padding: 1px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; -moz-border-radius: 0.3rem; } .popover.popover-top, .popover.bs-tether-element-attached-bottom { margin-top: -10px; } .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after { bottom: 1px; margin-left: -10px; content: ""; border-top-color: #fff; border-bottom-width: 0; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after { bottom: -10px; left: 1px; content: ""; border-right-color: #fff; border-left-width: 0; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after { top: 1px; margin-left: -10px; content: ""; border-top-width: 0; border-bottom-color: #fff; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: rgba(0, 0, 0, 0.25); } .popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after { right: 1px; bottom: -10px; content: ""; border-right-width: 0; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 0.2375rem 0.2375rem 0 0; -webkit-border-radius: 0.2375rem 0.2375rem 0 0; -khtml-border-radius: 0.2375rem 0.2375rem 0 0; -moz-border-radius: 0.2375rem 0.2375rem 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover-arrow, .popover-arrow::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover-arrow { border-width: 11px; } .popover-arrow::after { content: ""; border-width: 10px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .carousel-item { position: relative; display: none; transition: .6s ease-in-out left; -webkit-transition: .6s ease-in-out left; -moz-transition: .6s ease-in-out left; -ms-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; } .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .carousel-item { transition: transform .6s ease-in-out; -webkit-transition: transform .6s ease-in-out; -moz-transition: transform .6s ease-in-out; -ms-transition: transform .6s ease-in-out; -o-transition: transform .6s ease-in-out; backface-visibility: hidden; perspective: 1000px; } .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { left: 0; transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); } .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { left: 0; transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); } .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { left: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { right: 0; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; -khtml-opacity: .9; -webkit-opacity: .9; -moz-opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; } .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-prev::before { content: "\2039"; } .carousel-control .icon-next::before { content: "\203A"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: transparent; border: 1px solid #fff; border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media (min-width: 544px) { .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .bg-faded { background-color: #f7f7f9; } .bg-primary { color: #fff !important; background-color: #005586 !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #005586 !important; } .bg-success { color: #fff !important; background-color: #4cbb6c !important; } a.bg-success:focus, a.bg-success:hover { background-color: #3a9a56 !important; } .bg-info { color: #fff !important; background-color: #5bc0de !important; } a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5 !important; } .bg-warning { color: #fff !important; background-color: #ff9a52 !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ff7c1f !important; } .bg-danger { color: #fff !important; background-color: #ff4c4c !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #ff1919 !important; } .bg-inverse { color: #fff !important; background-color: #333 !important; } a.bg-inverse:focus, a.bg-inverse:hover { background-color: #6e6e6e !important; } .clearfix::after { content: ""; display: table; clear: both; } .d-block { display: block !important; } .d-inline-block { display: inline-block !important; } .d-inline { display: inline !important; } .pull-xs-left { float: left !important; } .pull-xs-right { float: right !important; } .pull-xs-none { float: none !important; } @media (min-width: 544px) { .pull-sm-left { float: left !important; } .pull-sm-right { float: right !important; } .pull-sm-none { float: none !important; } } @media (min-width: 768px) { .pull-md-left { float: left !important; } .pull-md-right { float: right !important; } .pull-md-none { float: none !important; } } @media (min-width: 992px) { .pull-lg-left { float: left !important; } .pull-lg-right { float: right !important; } .pull-lg-none { float: none !important; } } @media (min-width: 1200px) { .pull-xl-left { float: left !important; } .pull-xl-right { float: right !important; } .pull-xl-none { float: none !important; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .w-100 { width: 100% !important; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } .m-a-0 { margin: 0 0 !important; } .m-t-0 { margin-top: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0 !important; } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-a-1 { margin: 1rem 1rem !important; } .m-t-1 { margin-top: 1rem !important; } .m-r-1 { margin-right: 1rem !important; } .m-b-1 { margin-bottom: 1rem !important; } .m-l-1 { margin-left: 1rem !important; } .m-x-1 { margin-right: 1rem !important; margin-left: 1rem !important; } .m-y-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-a-2 { margin: 1.5rem 1.5rem !important; } .m-t-2 { margin-top: 1.5rem !important; } .m-r-2 { margin-right: 1.5rem !important; } .m-b-2 { margin-bottom: 1.5rem !important; } .m-l-2 { margin-left: 1.5rem !important; } .m-x-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .m-y-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-a-3 { margin: 3rem 3rem !important; } .m-t-3 { margin-top: 3rem !important; } .m-r-3 { margin-right: 3rem !important; } .m-b-3 { margin-bottom: 3rem !important; } .m-l-3 { margin-left: 3rem !important; } .m-x-3 { margin-right: 3rem !important; margin-left: 3rem !important; } .m-y-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-a-0 { padding: 0 0 !important; } .p-t-0 { padding-top: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-l-0 { padding-left: 0 !important; } .p-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-a-1 { padding: 1rem 1rem !important; } .p-t-1 { padding-top: 1rem !important; } .p-r-1 { padding-right: 1rem !important; } .p-b-1 { padding-bottom: 1rem !important; } .p-l-1 { padding-left: 1rem !important; } .p-x-1 { padding-right: 1rem !important; padding-left: 1rem !important; } .p-y-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-a-2 { padding: 1.5rem 1.5rem !important; } .p-t-2 { padding-top: 1.5rem !important; } .p-r-2 { padding-right: 1.5rem !important; } .p-b-2 { padding-bottom: 1.5rem !important; } .p-l-2 { padding-left: 1.5rem !important; } .p-x-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .p-y-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-a-3 { padding: 3rem 3rem !important; } .p-t-3 { padding-top: 3rem !important; } .p-r-3 { padding-right: 3rem !important; } .p-b-3 { padding-bottom: 3rem !important; } .p-l-3 { padding-left: 3rem !important; } .p-x-3 { padding-right: 3rem !important; padding-left: 3rem !important; } .p-y-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pos-f-t { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-xs-left { text-align: left !important; } .text-xs-right { text-align: right !important; } @media (min-width: 544px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: 600; } .font-italic { font-style: italic; } .text-primary { color: #005586 !important; } a.text-primary:focus, a.text-primary:hover { color: #005586 !important; } .text-success { color: #4cbb6c !important; } a.text-success:focus, a.text-success:hover { color: #3a9a56 !important; } .text-info { color: #5bc0de !important; } a.text-info:focus, a.text-info:hover { color: #31b0d5 !important; } .text-warning { color: #ff9a52 !important; } a.text-warning:focus, a.text-warning:hover { color: #ff7c1f !important; } .text-danger { color: #ff4c4c !important; } a.text-danger:focus, a.text-danger:hover { color: #ff1919 !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 543px) { .hidden-xs-down { display: none !important; } } @media (min-width: 544px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* BEGIN Regular @font-face { font-family: 'Open Sans'; src: url(../css/a35546eef3ea0de0d4735f23b0a0873b.eot); src: url(../css/a35546eef3ea0de0d4735f23b0a0873b.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(../css/ac327c4db6284ef64ebe872b6308f5da.woff) format("woff"), url(../css/cd7296352d159532b66c07d98efb1126.ttf) format("truetype"), url(../css/f641a7d4e80fd6321135b1a2b4ce8bb1.svg#Regular) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url(../css/e487b7cb072550896dde6821d24de2be.eot); src: url(../css/e487b7cb072550896dde6821d24de2be.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(../css/525074686dfb8aa36b1b92e29de467ac.woff) format("woff"), url(../css/9b30f13428e1b4a659aeeab4ac1fff35.ttf) format("truetype"), url(../css/d6671d41dde41d355619fe05b44f4aac.svg#Italic) format("svg"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url(../css/0ea04502930623aa3de110aac9f9e4fd.eot); src: url(../css/0ea04502930623aa3de110aac9f9e4fd.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(../css/9f2144213fad53d4e0fdb26ecf93865f.woff) format("woff"), url(../css/33f225b8f5f7d6b34a0926f58f96c1e9.ttf) format("truetype"), url(../css/bb100c995f1d20b8a96462fe5f528bd4.svg#Semibold) format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url(../css/da061416028fc9a66fbc0b80d33d6e6f.eot); src: url(../css/da061416028fc9a66fbc0b80d33d6e6f.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(../css/ec55f263e2b86bc0f28fff46b873d6df.woff) format("woff"), url(../css/1c0b4eb93fcf561eec03297a24922d6c.ttf) format("truetype"), url(../css/ddc348f204283c4f4090a3ed03853054.svg#SemiboldItalic) format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url(../css/7ae9b8ba7886341831bf7c85a0da40d0.eot); src: url(../css/7ae9b8ba7886341831bf7c85a0da40d0.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(../css/892667349c5cff6fcf7e40439596b97c.woff) format("woff"), url(../css/5a100916f94b0babde0c92aaa8fb80d6.ttf) format("truetype"), url(../css/d6291f88056601e360ce6cea4bf676f4.svg#Bold) format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url(../css/ea07932c5245dd421e3d05f579098bc2.eot); src: url(../css/ea07932c5245dd421e3d05f579098bc2.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(../css/7be88e73fea7b64568a450d7c01346b0.woff) format("woff"), url(../css/c36b5ac7c2dddf6f525c8d161412ef41.ttf) format("truetype"), url(../css/a54aba83b3d5d7702890c07c31c48147.svg#BoldItalic) format("svg"); font-weight: bold; font-style: italic; } */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../css/e79bfd88537def476913f3ed52f4f4b3.eot); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(../css/570eb83859dc23dd0eec423a49e147fe.woff2) format("woff2"), url(../css/012cf6a10129e2275d79d6adac7f3b02.woff) format("woff"), url(../css/a37b0c01c0baf1888ca812cc0508f6e2.ttf) format("truetype"); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; vertical-align: middle; width: 1em; height: 1em; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } .lang-rtl * { direction: rtl !important; } .lang-rtl main { text-align: right !important; } body, html { height: 100%; } body { font-size: 13px; font-family: "Roboto", sans-serif;; color: #636363; font-weight: 400; line-height: 20px; letter-spacing: 1.6px; background: #fff; } ul { list-style: none; padding-left: 0; } a:hover { color: #005586; text-decoration: none; } p { margin: 0 0 10px 0; } .dropdown-item:focus, .dropdown-item:hover { background: none; } .color, .custom-checkbox input[type="checkbox"] + span.color { width: 16px; height: 16px; display: inline-block; margin: 3px; cursor: pointer; background-size: contain; } .color{ border:1px solid #666; } .color.active, .color:hover, .custom-checkbox input[type="checkbox"] + span.color.active, .custom-checkbox input[type="checkbox"] + span.color:hover { border: 2px solid #005586; } .facet-label.active .custom-checkbox span.color, .facet-label:hover .custom-checkbox span.color { border: 2px solid #444444; } .h1, .h2, .h3 { text-transform: uppercase; color: #000; } .h4 { font-weight: 700; color: #000; } .btn-primary, .btn-secondary, .btn-tertiary { text-transform: none; padding: 7px 10px; } .btn-primary .material-icons, .btn-secondary .material-icons, .btn-tertiary .material-icons { margin-right: 5px; margin-top: -2px; } .btn-tertiary { padding: 0.25rem; margin: 0.25rem 0; font-weight: 400; font-size: 0.875rem; } .btn-tertiary .material-icons { font-size: 1rem; } .card { position: relative; } label, .label { color: #636363; font-weight: 400; text-align: right; font-size: 13px; } small.label, small.value { font-size: 0.8125rem; } .form-control-label { padding-top: 4px; } .input-group .form-control:focus { outline: none; } .input-group .input-group-btn > .btn { border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #000000; font-size: 13px; font-weight: 400; margin-left: 0; padding: 7px 12px 5px; text-transform: capitalize; outline: none; } #contact .input-group .input-group-btn > .btn { border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; } #authentication .form-footer.text-xs-center.clearfix,#my-account .text-xs-center{text-align: center;} .form-control-select { height: 2.625rem; -moz-appearance: none; -webkit-appearance: none; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right 0.5rem center/1.25rem 1.25rem; padding-right: 2rem; } .form-control-valign { padding-top: 0.5rem; } .form-control-comment { padding-top: 0.5rem; padding-left:0px; font-size: 12px; } .form-control-submit.disabled { background: #5bc0de; color: #FFFFFF; } .form-group.has-error input, .form-group.has-error select { border-color: #ff4c4c; } .form-group.has-error .help-block { color: #ff4c4c; } .group-span-filestyle label { margin: 0; } .group-span-filestyle .btn-default, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .group-span-filestyle .btn-touchspin { background: #005586; color: #FFFFFF; text-transform: uppercase; border-radius: 0; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; font-size: 0.875rem; padding: 0.5rem 1rem; } .bootstrap-touchspin input:focus { outline: none; } .bootstrap-touchspin input.form-control { border: 1px solid rgba(0, 0, 0, 0.15); } .bootstrap-touchspin .btn-touchspin { background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.15); height: 1.3125rem; } .bootstrap-touchspin .btn-touchspin:hover { background-color: #ebebeb; } .bootstrap-touchspin .input-group-btn-vertical { color: #414141; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; } .bootstrap-touchspin .input-group-btn-vertical .touchspin-up:after { content: "\E5CE"; } .bootstrap-touchspin .input-group-btn-vertical .touchspin-down:after { content: "\E5CF"; } .bootstrap-touchspin .input-group-btn-vertical i { top: 0.0625rem; left: 0.1875rem; font-size: 0.9375rem; } .custom-radio { display: inline-block; position: relative; width: 18px; height: 18px; vertical-align: middle; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border: #acaaa6 1px solid; background: #FFFFFF; margin-right: 1.25rem; } .custom-radio input[type="radio"] { opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; cursor: pointer; } .custom-radio input[type="radio"]:checked + span { display: block; background-color: #005586; width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; position: absolute; left: 3px; top: 3px; } .custom-checkbox { position: relative; } .custom-checkbox input[type="checkbox"] { margin-top: 0.25rem; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; cursor: pointer; position: absolute; } .custom-checkbox input[type="checkbox"] + span { margin-right: 3px; display: inline-block; width: 15px; height: 15px; vertical-align: middle; cursor: pointer; border: 1px solid #666; } .custom-checkbox input[type="checkbox"] + span .checkbox-checked { display: none; margin: -2px 0 0 -1px; font-size: 16px; color: #666; } .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked { display: block; } .custom-checkbox label { text-align: left; } .done { color: #4cbb6c; display: inline-block; padding: 0 0.8125rem; margin-right: 1.5625rem; } .thumb-mask > .mask { position: relative; width: 3.4375rem; height: 3.4375rem; overflow: hidden; border: #ebebeb 1px solid; margin: 0.625rem 0; } .thumb-mask > .mask img { width: 55px; height: 55px; } .definition-list dl { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .definition-list dl dt { font-weight: normal; } .definition-list dl dd, .definition-list dl dt { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 45%; -moz-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; background: #ebebeb; padding: 0.625rem; margin: 0.125rem; } .definition-list dl dd:nth-of-type(even), .definition-list dl dt:nth-of-type(even) { background: #f6f6f6; } .help-block { margin-top: 0.625rem; } .alert-warning .material-icons { color: #FF9A52; font-size: 2rem; margin-right: 0.625rem; padding-top: 0.3125rem; } .alert-warning .alert-text { font-size: 0.9375rem; padding-top: 0.625rem; } .alert-warning .alert-link { border-radius: 2px; -webkit-border-radius:2px; -khtml-border-radius:2px; -moz-border-radius:2px; border-width: 2px; margin-left: 0.625rem; padding: 0.3125rem 1.25rem; font-weight: 600; font-size: 0.8125rem; color: #6C868E; } .alert-warning ul li:last-child .alert-link { color: #FFFFFF; } .alert-warning .warning-buttons { margin-top: 0.3125rem; } .btn-tertiary-outline { color: #6C868E; background-image: none; background-color: transparent; border-color: #6C868E; border: 0.15rem solid #6C868E; } .btn-tertiary-outline:hover { border-color: #BBCDD2; color: #BBCDD2; } .nav-item .nav-link, .nav-item .nav-separtor { font-weight: 600; } .dropdown { color: #acaaa6; } .dropdown:hover .expand-more { color: #005586; } .dropdown .expand-more { color: #000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 15px; } .dropdown .active { max-height: 200px; overflow-y: hidden; visibility: visible; } .dropdown select { -moz-appearance: none; border: 0 none; outline: 0 none; color: #414141; background: #ddd; } .dropdown-item:focus, .dropdown-item:hover { background: none; text-decoration: none; color: #005586; } .search-widget { float: right; position: relative; width: 100%; z-index: 9; } .search-widget form { position: relative; } .search-widget form input[type="text"] { border: 2px solid #005586; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; color: #636363; font-size: 13px; font-weight: 400; height: 40px; letter-spacing: 0.7px; min-width: 250px; outline: 0 none; padding: 9px 100px 9px 16px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; } .search-widget form input[type="text"]:focus { background: #ffffff none repeat scroll 0 0; } .header-nav #links_block_top{ display: none; } .search-widget form button[type="submit"] { background: #005586 url("../img/megnor/search.svg") no-repeat scroll center; border: medium none; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; bottom: 0; color: #000000; background-size: 18px; height: 40px; outline: 0 none; position: absolute; right: 0; text-transform: uppercase; width: 50px; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; } .products .product_list.list .product_item.col-md-4.col-lg-3.col-xs-12 { width: 100%; } a{outline: none;} .search-widget form button[type="submit"] .material-icons { font-size: 34px; font-weight: 400; padding: 1px 2px; position: relative; display: none; } .search-widget form button[type="submit"] span{display: none;} .header-top .search-widget { padding: 0; width: 38.2%; margin-top: -7px; } .header-top .search-widget .searchtoggle { display: block!important; } #search_widget{right: 5%;} .header-top .search-widget form input[type="text"] { min-width: inherit; width: 100%; } #pagenotfound .page-content #search_widget { width: 100%; } /*** Responsive part ***/ .top-menu[data-depth="1"] { margin: 0.625rem; display: flex; } .top-menu a:not([data-depth="0"]) { display: block; padding: 0.625rem; color: #acaaa6; font-weight: 400; } .top-menu a.dropdown-submenu, #header .header-top .menu .more_sub_menu a { color: #000000; font-size: 13px; font-weight: 400; text-transform: capitalize; } #header .header-top .menu .more_sub_menu a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #000000 !important; padding: 0 0 10px; } #header .header-top .menu .more_sub_menu a:hover { color: #005586 !important;} #header .header-top .menu .more_sub_menu .sub-menu { display: none !important; } .top-menu a[data-depth="0"] { padding: 9px 19px 7px; } #header .header-top .menu .sub-menu a { color: #000; text-transform: capitalize; } #header .header-top .menu a, #mobile_top_menu_wrapper .top-menu a, #mobile_top_menu_wrapper .top-menu .sub-menu a { color: #000; } #header .top-menu .sub-menu a:hover, #mobile_top_menu_wrapper .top-menu a:hover, #mobile_top_menu_wrapper .top-menu .sub-menu a:hover, #header .header-top .menu .more_sub_menu a:hover { color: #005586; text-decoration: none; } .top-menu a[data-depth="1"], .top-menu a[data-depth="2"] { padding: 0 0 10px 0; } .top-menu a[data-depth="2"] { font-size: 12px; font-weight: 400; } .top-menu .collapse { display: inherit; } .top-menu .sub-menu { border: none; margin-left: 0px; width: auto; left: auto; right: auto; z-index: 10000; border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; display: none; top: 100% !important; background: #fff; padding: 20px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); transform: translateY(20px); -webkit-transform:translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); -moz-transform: translateY(20px); transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; visibility: hidden; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); min-width: auto; } #_desktop_top_menu #top-menu > li .sub-menu.threecolumn { width: 580px; } #_desktop_top_menu #top-menu > li .sub-menu.twocolumn { width: 400px; } .top-menu .sub-menu .menu-banner{ float: left; } .top-menu .sub-menu .menu-banner img{ max-width: 100%; } #_desktop_top_menu.menu > ul > li:hover .sub-menu { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); visibility: visible; display: block !important; } .top-menu .sub-menu.collapse { display: block !important; } .top-menu .sub-menu ul[data-depth="1"] > li { float: left; min-width: 180px; padding: 0 30px 0 0; position: relative; } .top-menu .sub-menu ul[data-depth="1"] > li:last-child { padding: 0; } .top-menu .popover { max-width: inherit; } .popover.bs-tether-element-attached-top { margin-top: 0; } #_mobile_currency_selector{ float: left; position: relative; } #_mobile_language_selector { float: left; } #_mobile_contact_link{ float: right; position: relative; color: #242424; } #mobile_top_menu_wrapper #top-menu { margin-bottom: 0.625rem; } #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .add { display: none; } #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .remove { display: block; } #mobile_top_menu_wrapper .top-menu .collapse-icons .remove { display: none; } #mobile_top_menu_wrapper .top-menu .navbar-toggler { display: inline-block; padding: 0; } #mobile_top_menu_wrapper .top-menu a[data-depth="0"] { padding: 10px; line-height: 21px; } #mobile_top_menu_wrapper .top-menu .collapse { display: none; } #mobile_top_menu_wrapper .top-menu .collapse.in { display: block; } #mobile_top_menu_wrapper .top-menu .sub-menu { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; z-index: inherit; display: block; position: static; overflow: hidden; margin-left: 0; width: 100%; min-width: 100%; background: #fff; border: 0; padding: 0px; transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; -moz-transform: none; visibility: visible; opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } #mobile_top_menu_wrapper .top-menu .sub-menu.collapse { display: none !important; } #mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in { display: block !important; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="0"] > li { border-bottom: 1px solid #acaaa6; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] { margin: 0; display: block; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li { float: none; margin: 0 0 0 10px; padding: 0; min-width: 100%; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a { text-transform: none; color: #000 !important; border-color: #ddd !important; margin-bottom: 0; font-weight: 400; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"] > li a:hover{ color: #005586 !important;} #mobile_top_menu_wrapper .top-menu .sub-menu ul { padding: 0; } #mobile_top_menu_wrapper .top-menu .sub-menu li > a { padding: 10px; border-bottom: none; } #mobile_top_menu_wrapper .sub-menu .top-menu .category{ margin: 0 0 0 10px !important; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="2"] li a { padding-left: 10px; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="3"] li a { padding-left: 30px; } #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="4"] li a { padding-left: 40px; } #mobile_top_menu_wrapper .top-menu .popover { border-radius: 0; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; } #mobile_top_menu_wrapper .js-top-menu-bottom a { color: #333; } #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper { padding: 0.625rem; } #mobile_top_menu_wrapper .js-top-menu-bottom .language-selector-wrapper .language-selector { display: inline; } #mobile_top_menu_wrapper .js-top-menu-bottom .currency-selector { padding: 0.625rem; float: left; } #mobile_top_menu_wrapper .js-top-menu-bottom #contact-link { padding: 0.625rem; } #mobile_top_menu_wrapper .js-top-menu-bottom .user-info { padding: 0 0.625rem; } #mobile_top_menu_wrapper .js-top-menu-bottom .user-info a { padding: 0.625rem 0; display: block; width: 100%; } body#checkout #header .header-nav { max-height: none; border: none; margin-bottom: 0; } body#checkout #header .header-nav .logo { max-height: 4.375rem; width: auto; } body#checkout [data-action="show-password"] { background: #f5f5f5; } body#checkout [data-action="show-password"]:hover { background-color: #005586; color: #fff; } body#checkout .custom-checkbox { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; } body#checkout .custom-checkbox span { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 15px; -moz-flex: 0 0 15px; -ms-flex: 0 0 15px; flex: 0 0 15px; margin-top: 3px; margin-right: 8px; } body#checkout a:hover { color: #005586; } body#checkout section#content { margin-bottom: 1.5625rem; float: left; width: 81.5%; padding-left: 10px; } body#checkout .container { min-height: 100%; } body#checkout section.checkout-step { background-color: #FFFFFF; border: 1px solid #e8e8e8; padding: 15px; border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; margin-bottom: 10px; } #checkout #delivery textarea#delivery_message { float: right; margin-bottom: 20px; width: 100%; } body#checkout section.checkout-step .step-title { text-transform: capitalize; cursor: pointer; font-size: 16px; margin-bottom: 0; font-weight: 600; } body#checkout section.checkout-step .content { padding: 0 2.3125rem; } body#checkout section.checkout-step .step-edit { text-transform: lowercase; font-weight: 500; } body#checkout section.checkout-step .step-edit .edit { font-size: 1rem; } body#checkout section.checkout-step .not-allowed { cursor: not-allowed; opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; } body#checkout section.checkout-step .content, body#checkout section.checkout-step .done, body#checkout section.checkout-step .step-edit { display: none; } body#checkout section.checkout-step.-current .content { display: block; } body#checkout section.checkout-step.-current.-reachable.-complete .done, body#checkout section.checkout-step.-current.-reachable.-complete .step-edit { display: none; } body#checkout section.checkout-step.-current.-reachable.-complete .step-number { display: inline-block; } body#checkout section.checkout-step.-current.-reachable.-complete .content { display: block; } body#checkout section.checkout-step.-reachable.-complete h1 .done { display: inline-block; } body#checkout section.checkout-step.-reachable.-complete h1 .step-number { display: none; } body#checkout section.checkout-step.-reachable.-complete h1 .step-edit { cursor: pointer; display: block; float: right; margin-right: 0.125rem; text-transform: capitalize; } body#checkout section.checkout-step.-reachable.-complete .content { display: none; } body#checkout section.checkout-step small { color: #acaaa6; } body#checkout section.checkout-step .default-input { min-width: 40%; } body#checkout section.checkout-step .default-input[name=address1], body#checkout section.checkout-step .default-input[name=address2] { min-width: 60%; } body#checkout section.checkout-step .radio-field { margin-top: 1.875rem; } body#checkout section.checkout-step .radio-field label { display: inline; } body#checkout section.checkout-step .checkbox-field div { margin-top: 3.75rem; } body#checkout section.checkout-step .checkbox-field + .checkbox-field div { margin-top: 0; } body#checkout section.checkout-step .select-field div { background: #f6f6f6; padding: 0.625rem 3.125rem; } body#checkout section.checkout-step .form-footer { text-align: right; } body#checkout section.checkout-step #conditions-to-approve { padding-top: 1rem; } body#checkout section.checkout-step .payment-options label { display: inline-block; } body#checkout section.checkout-step .payment-options .custom-radio { margin-right: 15px; } body#checkout section.checkout-step .payment-options .payment-option { margin-bottom: 0.5rem; } body#checkout section.checkout-step .step-number { display: inline-block; padding: 0.625rem; } body#checkout section.checkout-step .address-selector { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: start; -moz-box-align: start; box-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; -ms-flex-align: start; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } body#checkout section.checkout-step .address-item { border: 1px solid #ddd; -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 49%; -moz-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; margin-bottom: 15px; } body#checkout section.checkout-step .address-item .h4{ font-size:14px; line-height: 24px; } body#checkout section.checkout-step .address-item.selected { background: #FFFFFF; border-color: #ddd; } body#checkout section.checkout-step .address-alias { display: inline-block; font-weight: 700; margin-bottom: 0.625rem; } body#checkout section.checkout-step .address { margin-left: 1.5625rem; font-weight: normal; } body#checkout section.checkout-step .radio-block { padding: 20px; text-align: left; } body#checkout section.checkout-step .custom-radio { margin-right: 4px; margin-top: 0; } body#checkout section.checkout-step .address-item .custom-radio{ margin-right: 5px; margin-top: 0px; } body#checkout section.checkout-step .custom-radio input[type="radio"] { height: 1.25rem; width: 1.25rem; } body#checkout section.checkout-step .delete-address, body#checkout section.checkout-step .edit-address { display: inline-block; margin-right:10px; } body#checkout section.checkout-step .delete-address .delete, body#checkout section.checkout-step .delete-address .edit, body#checkout section.checkout-step .edit-address .delete, body#checkout section.checkout-step .edit-address .edit { font-size: 1rem; padding-right: 22px; } body#checkout section.checkout-step hr { margin: 0; } body#checkout section.checkout-step .address-footer { padding: 0 40px 20px; text-align: left; } body#checkout section.checkout-step #delivery-addresses, body#checkout section.checkout-step #invoice-addresses { margin-top: 1.25rem; } body#checkout section.checkout-step .add-address { margin-top: 1.25rem; } body#checkout section.checkout-step .add-address a { color: #414141; } body#checkout section.checkout-step .add-address a i { font-size: 0.9375rem; } body#checkout section.checkout-step .delivery-option { padding: 10px 0; margin: 15px 0; border: 1px solid #ddd; } body#checkout section.checkout-step .delivery-option .custom-radio{ margin-top: 12px; } body#checkout section.checkout-step .delivery-option label { text-align: inherit; } body#checkout section.checkout-step .carrier-delay, body#checkout section.checkout-step .carrier-name { display: inline-block; word-break: break-word; text-align: left; } body#checkout section.checkout-step #customer-form, body#checkout section.checkout-step #delivery-address, body#checkout section.checkout-step #invoice-address, body#checkout section.checkout-step #login-form { margin-left: 0.3125rem; margin-top: 1.5625rem; } body#checkout section.checkout-step #customer-form .form-control-label, body#checkout section.checkout-step #delivery-address .form-control-label, body#checkout section.checkout-step #invoice-address .form-control-label, body#checkout section.checkout-step #login-form .form-control-label { text-align: left; } body#checkout section.checkout-step #customer-form .radio-inline, body#checkout section.checkout-step #delivery-address .radio-inline, body#checkout section.checkout-step #invoice-address .radio-inline, body#checkout section.checkout-step #login-form .radio-inline { padding: 0; } body#checkout section.checkout-step .sign-in { font-size: 0.875rem; } body#checkout section.checkout-step .forgot-password { margin: 0 auto; text-align: center; } body#checkout .additional-information { font-size: 0.875rem; margin-left: 2.875rem; margin-top: 1.25rem; } body#checkout .condition-label { margin-left: 2.5rem; margin-top: 0.625rem; } body#checkout .condition-label label { text-align: inherit; } body#checkout .cancel-address { margin: 0.625rem; display: block; color: #888; text-decoration: underline; } body#checkout .modal-content { padding: 1.25rem; background-color: #ebebeb; } body#checkout #cart-summary-product-list { font-size: 0.875rem; } body#checkout #cart-summary-product-list img { border: #ebebeb 1px solid; width: 3.125rem; } body#checkout #cart-summary-product-list .media-body { vertical-align: middle; } body#checkout #order-summary-content { padding-top: 0.9375rem; } body#checkout #order-summary-content h4.h4 { margin-top: 0.625rem; margin-bottom: 1.25rem; color: #414141; } body#checkout #order-summary-content h4.black { color: #000000; } body#checkout #order-summary-content h4.addresshead { margin-top: 0.1875rem; } body#checkout #order-summary-content .noshadow { box-shadow: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; border-bottom: 0; } body#checkout #order-summary-content #order-items { border-right: 0; } body#checkout #order-summary-content #order-items h3.h3 { color: #414141; margin-top: 1.25rem; } body#checkout #order-summary-content #order-items table tr:first-child td { border-top: 0; } body#checkout #order-summary-content .order-confirmation-table { padding: 1rem; margin-bottom: 2rem; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 0; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; } body#checkout #order-summary-content .summary-selected-carrier { margin-bottom: 0.75rem; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 0; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; padding: 1rem; } body#checkout #order-summary-content .step-edit { display: inline; text-transform: capitalize; } body#checkout #order-summary-content .step-edit:hover { cursor: pointer; } body#checkout #gift_message { max-width: 100%; border-color: #414141; } /**** ORDER CONFIRMATION *****/ #order-details > .card-title { margin-bottom: 1.875rem; } #order-details ul { margin-bottom: 1.25rem; } #order-details ul li { margin-bottom: 0.625rem; } #order-items { border-bottom: 1px solid #e8e8e8; margin-bottom: 10px; } #order-items table { width: 100%; } #order-items table tr { height: 1.875rem; } #order-items table tr td:last-child { text-align: right; } #order-items .order-line { margin-top: 0; padding: 15px 0 0; border-top: 1px solid #e8e8e8; } #order-items .image img { width: 100%; border:1px solid #e8e8e8; margin-bottom: 1rem; } #order-items .details { margin-bottom: 1rem; } #order-items .details .customizations { margin-top: 0.625rem; } #order-items .qty { margin-bottom: 1rem; } #order-confirmation #registration-form { width: 50%; margin: 0 auto 1rem; } @media (max-width: 543px) { body#checkout section.checkout-step .content { padding: 0.9375rem 0; } #payment-confirmation button { font-size: 0.875rem; } #payment-confirmation button.btn { white-space: normal; } } .js-payment-binary { display: none; } .js-payment-binary .accept-cgv { display: none; } .js-payment-binary.disabled { opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; -moz-opacity: 0.6; cursor: not-allowed; } .js-payment-binary.disabled::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .js-payment-binary.disabled .accept-cgv { display: block; } /*** SOME GENERIC STYLES ***/ .table-labeled th { vertical-align: middle; } .table-labeled td { vertical-align: middle; } .table-labeled .label { font-weight: 400; border-radius: 3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; font-size: inherit; padding: 0.25rem 0.375rem; margin: 0.125rem; color: #FFFFFF; white-space: nowrap; } .page-order .table { margin-bottom: 0; } .page-order table th { padding: 0.5rem; } .page-order table td { padding: 0.5rem; } .page-order table thead th { text-align: center; } #identity .radio-inline, #authentication .radio-inline { padding: 0 10px 0 0 !important; } #authentication .tooltip.tooltip-bottom { padding: 0; margin: 0; } #authentication .custom-checkbox { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; line-height: 12px; } #authentication .custom-checkbox span { flex: 0 0 0.9375rem; } #authentication .custom-checkbox label { padding-left: 0.625rem; } #authentication [data-action="show-password"], .input-group .input-group-btn > .btn{ background: #e8e8e8 none repeat scroll 0 0; } #authentication [data-action="show-password"]:hover, .input-group .input-group-btn > .btn:hover{ background: #005586; color: #fff; } #identity .radio-inline, #authentication .radio-inline { padding: 0; } #identity .radio-inline .custom-radio, #authentication .radio-inline .custom-radio { margin-right: 0; margin-top:-3px; } #authentication .register-form em { line-height: 19px; } #identity .custom-checkbox label { display: inline; } #password .col-md-5.email { margin-top: 1px; } .order-message-form .text-xs-center { clear: both; float: none; padding-top: 25px; position: relative; text-align: right !important; width: 100%; } /*** Most of the customer accpunt pages ***/ .page-customer-account #content { background: #FFFFFF; padding: 30px; } .page-customer-account #content .order-actions a { padding: 0 0.125rem; } #history .order-actions a { float: left; text-align: center; width: 100%; } .page-customer-account #content .forgot-password { text-align: center; margin-top: 1rem; padding-bottom: 0.9375rem; } .page-customer-account #content .no-account { text-align: center; font-size: 13px; } /*** Login page ***/ /*** Addresses page ***/ .page-addresses .address { background: #FFFFFF; margin-bottom: 1.875rem; font-size: 0.875rem; color: #000; } .page-addresses .address .address-body { padding: 20px 20px 0px 0; } .page-addresses .address .address-body h4 { font-size: 1rem; font-weight: 600; } .page-addresses .address .address-body address { min-height: 9rem; } .page-addresses .address .address-footer { border-top: 1px solid #ddd; padding: 10px 0; } .page-addresses .address .address-footer a { margin-right: 10px; } .page-addresses .address .address-footer a i { font-size: 1rem; } .page-addresses .address .address-footer a span { font-size: 0.9375rem; vertical-align: middle; } .page-addresses .addresses-footer { margin: 0 0.9375rem; } .page-addresses .addresses-footer a i { font-size: 1rem; } .page-addresses .addresses-footer a span { font-size: 1rem; vertical-align: middle; margin-top: 0.625rem; } /*** Order details page ***/ .page-order-detail { font-size: 0.875rem; color: #000; } .page-order-detail .box { border: 1px solid #ebebeb; background: #FFFFFF; padding: 1rem; margin-bottom: 1rem; } .page-order-detail h3 { font-size: 1rem; font-weight: 700; text-transform: uppercase; color: #000; margin-bottom: 1rem; } .page-order-detail #order-infos ul { margin: 0; } .page-order-detail #order-history .history-lines .history-line { padding: 0.5rem 0; border-bottom: 1px solid #f6f6f6; } .page-order-detail #order-history .history-lines .history-line:last-child { border-bottom: 0; } .page-order-detail #order-history .history-lines .history-line .label { display: inline-block; margin: 0.25rem 0; padding: 0.25rem 0.375rem; color: #FFFFFF; border-radius: 3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; } .page-order-detail .addresses { margin: 0 -0.9375rem; } .page-order-detail .addresses h4 { font-size: 1rem; font-weight: 700; } .page-order-detail #order-products.return { margin-bottom: 1rem; } .page-order-detail #order-products.return th.head-checkbox { width: 30px; } .page-order-detail #order-products.return td { padding: 1.375rem 0.75rem; } .page-order-detail #order-products.return td.qty { min-width: 125px; } .page-order-detail #order-products.return td.qty .current { width: 30%; float: left; text-align: right; padding-right: 0.5rem; } .page-order-detail #order-products.return td.qty .select { width: 70%; float: left; margin: -0.625rem 0; padding-left: 0.25rem; } .page-order-detail #order-products.return td.qty .select select { text-align: center; } .page-order-detail .order-items { padding: 0 !important; } .page-order-detail .order-items .order-item { padding: 1rem 1rem 0; border-bottom: 1px solid #f6f6f6; } .page-order-detail .order-items .order-item .checkbox { width: 30px; float: left; padding: 0 0.9375rem; } .page-order-detail .order-items .order-item .content { width: calc(100% - 30px); float: left; padding: 0 0.9375rem; } .page-order-detail .order-items .order-item .desc { margin-bottom: 1rem; } .page-order-detail .order-items .order-item .desc .name { font-weight: bold; } .page-order-detail .order-items .order-item .qty { margin-bottom: 1rem; } .page-order-detail .order-items .order-item .qty .q { margin-bottom: 0.25rem; } .page-order-detail .order-items .order-item .qty .s { margin-bottom: 0.25rem; } .page-order-detail .messages .message { margin-top: 0.5rem; border-bottom: 1px solid #f6f6f6; } .page-order-detail .messages .message:last-child { border-bottom: 0; } .page-order-detail .messages .message > div { margin-bottom: 0.5rem; } .page-order-detail .customization { margin-top: 0.75rem; } /*** Order return page ***/ #order-return-infos .thead-default th { color: #414141; } #order-return-infos .customization { margin-top: 0.75rem; } /*** My account landing page ***/ .page-my-account #content .links { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } .page-my-account #content .links a { text-align: center; display: inline-block; font-size: 16px; color: #414141; padding: 0 0.9375rem; margin-bottom: 1.875rem; text-decoration: none; } .page-my-account #content .links a span.link-item { display: block; height: 100%; background: #fdfdfd; padding: 20px; border: 1px solid #ddd; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } .page-my-account #content .links a i { display: block; font-size: 40px; width: 100%; color: #414141; padding-bottom: 55px; } .page-my-account #content .links a:hover { color: #005586; } .page-my-account #content .links a:hover span.link-item { border-color: #005586; background: #fff; } .page-my-account #content .links a:hover i { color: #005586; } /*** History page ***/ #history .orders { margin: 0 -1rem; } #history .orders .order { padding: 0.75rem 1rem; border-bottom: 1px solid #f6f6f6; } #history .orders .order a h3 { color: #333; } #history .orders .order .label { display: inline-block; margin: 0.25rem 0; padding: 0.25rem 0.375rem; color: #FFFFFF; border-radius: 3px; -webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; } #history .orders .order:last-child { border-bottom: 0; } /*** FOOTER ***/ .page-footer .account-link { margin-right: 1rem; } .page-footer .account-link i { font-size: 20px; vertical-align: top; } .page-footer .account-link span { vertical-align: middle; } .carousel { margin-bottom: 35px; } .carousel .direction { z-index: auto; } .carousel .carousel-item { height: 100%; } .carousel .carousel-item img { width: 100%; margin-left: 0; } .carousel .carousel-item .caption { position: absolute; bottom: 28px; left: 90px; color: #FFFFFF; max-width: 500px; } .carousel .carousel-item .caption .caption-description p { color: #FFFFFF; } .carousel .carousel-control { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .carousel .carousel-control .icon-next::before, .carousel .carousel-control .icon-prev::before { content: ""; } .carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i { font-size: 3.125rem; color: #FFFFFF; } .carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i { color: #005586; } .carousel .carousel-control .icon-prev { left: 1rem; } .carousel .carousel-control .icon-next { right: 2rem; } .carousel .carousel-control.left, .carousel .carousel-control.right { background: none; } /***** Products Design ****/ .brands.hb-animate-element.top-to-bottom.container.hb-in-viewport .customNavigation{display: none;} .crosssell-products .products, .product-accessories .products{ margin-bottom: 30px;} .productscategory-products .products{ margin-bottom: 5px;} #product .product-tabcontent { float: left; position: relative; width: 100%; margin-bottom: 30px; } /*#products .products, .products .products, .product-accessories .products*/ .products .products{ display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; } #header .header-nav .language-selector img { margin-right: 5px; } #header .header-nav .language-selector .dropdown-item img { margin-right: 8px; margin-top: -3px; } .products .product_list{ width:100%; margin: 0;align-items: stretch; display: flex; flex-wrap: wrap; } @media (max-width: 767px) and (min-width: 480px){ .products .product_list.list li.product_item{ width: 100%; } .products .product_list li.product_item{ width: 50%; float: left; text-align: center; } } @media (min-width: 992px){ .products .product_list li.product_item.col-md-4, .products .product_list li.item.col-md-4, .products .product_list li.product_item.col-md-6{ width: 33.33333%; } #index .products .product_list li.product_item.col-lg-3, #index .products .product_list li.product_item.col-lg-3, #product .products .product_list li.product_item.col-lg-3, #index .products .product_list li.product_item.col-lg-3{ width: 25%; } } @media (min-width: 1200px){ .products .product_list li.product_item.col-lg-3, .products .product_list li.item.col-lg-3{ width: 25%; } #index .products .product_list li.product_item.col-lg-3, #index .products .product_list li.product_item.col-lg-3, #product .products .product_list li.product_item.col-lg-3, #index .products .product_list li.product_item.col-lg-3{ width: 20%; } } .products .product_list li.product_item, .products .product_list li.item{ padding: 10px; } .products .product_list li .quick-view { background: rgba(0, 0, 0, 0) url("../img/megnor/eye-regular.svg") no-repeat scroll center; display: inline-block; height: 34px; position: relative; vertical-align: top; width: 34px; font-size: 0; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; right: 6px; top: 10px; background-size: 15px; } .products .product_list li .quick-view:hover{ background: rgba(0, 0, 0, 0) url("../img/megnor/eye-regular-hover.svg") no-repeat scroll center; background-size: 15px; } .products .product_list li .thumbnail-container .compare:hover, .pro_detail .product-actions .product-add-to-cart .product-quantity .compare:hover, .pro_detail .product-actions-main .product-add-to-cart .product-quantity .compare:hover{ background: rgba(0, 0, 0, 0) url("../img/megnor/compress-alt-solid-hover.svg") no-repeat scroll center; background-size: 15px; } .products .product_list li .thumbnail-container .wishlist:hover, .pro_detail .product-actions .product-add-to-cart .product-quantity .wishlist:hover, .pro_detail .product-actions-main .product-add-to-cart .product-quantity .wishlist:hover{ background: rgba(0, 0, 0, 0) url("../img/megnor/heart-regular-hover.svg") no-repeat scroll center; background-size: 15px; } .tm-hometabcontent .product_list.grid.gridcount li:hover .quick-view{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .special-products .products ul.grid{ margin-bottom: 10px; } li:hover .product-flags{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .products .product_list .quick-view .material-icons{ font-size: 16px; color:#005586; display: none; } .products .product_list li .quick-view:hover .material-icons{ color:#005586;} .productpage_title, .quickview h1.h1{ text-transform: capitalize; font-weight: normal; color: #000; font-weight: 500; } /*.products .product-thumbnail, .product-accessories .product-thumbnail*/ .products .product-thumbnail{ display: block; background: #fff; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; position: relative; border: 1px solid #e8e8e8; width: auto; float: left; } /*.products .product-title a, .product-accessories .product-title a */ .product-title a { color: #636363; float: left; font-size: 13px; font-weight: 400; line-height: 20px; margin-bottom: 4px; text-align: left; text-decoration: none; text-transform: capitalize; width: 100%; letter-spacing: 0.8px; } #products .products .list li.product_item .center-block .product-title a { float: left; text-align: left; } #brand_list li.brand .brand-inner .brand-infos .product-title a { text-align: center; } .product-title a:hover, .product-accessories .product-title a:hover { color: #005586; } #left-column .product-title a { margin: 0; text-align: left; } .products .thumbnail-container, .product-accessories .thumbnail-container { margin-bottom: 15px; text-align: center; overflow: hidden; position: relative; } .quickview .product-add-to-cart .add button.btn.btn-primary.add-to-cart{color: #ffffff;background: #005586;border: 1px solid #005586;} #products .thumbnail-container:hover .highlighted-informations::after, .products .thumbnail-container:hover .highlighted-informations::after, .product-accessories .thumbnail-container:hover .highlighted-informations::after { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .products-section-title { color: #000000; float: left; font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 500; letter-spacing: 0.5px; line-height: 20px; padding: 11px 0; position: relative; text-align: left; text-transform: capitalize !important; margin:0; } .tm-hometabcontent .products-section-title { color: #000000; float: left; font-size: 20px; font-weight: 500; line-height: 20px; margin: 0; position: absolute; } .tab-content .products-section-title{ display:none; } #products .product-title, .products .product-title, .product-accessories .product-title { text-transform: capitalize; } .products .product-price-and-shipping, .product-price { color: #000000; font: 500 14px/22px "Roboto",sans-serif; } .products .product-price-and-shipping .price{ vertical-align: middle;} #cart .cart-overview .product-price { margin: 0; padding: 5px 0; } .products .product-price-and-shipping{ clear: both; width: 100%;} #products .products .list li.product_item .center-block .product-price-and-shipping { margin-bottom: 5px; margin-top: 5px; } /*#products .variant-links, .products .variant-links, .product-accessories .variant-links*/ .products .variant-links{ width: 100%; padding-top: 8px; } /*#products .highlighted-informations, .products .highlighted-informations, .product-accessories .highlighted-informations */ .products .highlighted-informations { display:none; } .products li .product-detail{display:none;} .product-detail{ margin: 10px 0; } /*#products .highlighted-informations .quick-view, .products .highlighted-informations .quick-view, .product-accessories .highlighted-informations .quick-view */ .products .highlighted-informations .quick-view{ color: #333; font-size: 1rem; } /*#products .highlighted-informations .quick-view:hover, .products .highlighted-informations .quick-view:hover, .product-accessories .highlighted-informations .quick-view:hover*/ .products .highlighted-informations .quick-view:hover*{ color: #005586; } #products .product-description, .products .product-description, .product-accessories .product-description { text-align: left; min-height: 145px; } #left-column .right-part .product-description{ min-height: auto; text-align: left;} .products img{ max-width: 100%; position: relative; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; transition: all 500ms ease 0s; } .products .product-miniature{ margin: 0; position: relative; padding: 0; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } .products .product_list li .product-miniature .product-actions, .products .product_list li .product-miniature .product-actions-main { position: relative; text-align: left; width: 100%; display: inline-block; margin: 12px 0 0; } #products .products .list li.product_item .center-block .product-actions, #products .products .list li.product_item .center-block .product-actions-main { position: relative; bottom:0; text-align: left; float: left; display: block; margin-top: 10px;} #products .products .list li:hover .center-block .product-actions, #products .products .list li:hover .center-block .product-actions-main{ bottom:0; } .products .list .product-actions, .products .list .product-actions-main{ margin: 8px 0 0; } .products .grid li .view_detail{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; position: relative; } .products .grid li:hover .view_detail{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .product-miniature .online-only, .product-miniature .product-flags .discount{ display: block; } .product-miniature .online-only{bottom: 8px; top:auto; left: 8px;} .products .product-miniature .product-flags .new, .products .product-miniature .online-only, .products .product-miniature .on-sale, .products .product-miniature .discount /*.products .product-miniature .discount-percentage*/{ display: block; position: absolute; color: #000; text-transform: capitalize; font-size: 13px; padding: 2px 8px; font-weight:400; } .products .product-miniature .product-flags .new{ left: 8px; right:auto; top: 10px; bottom:auto; } .products .product-miniature .on-sale{ left: 8px; right:auto; bottom: 10px; top:auto; } .page-subheading,#cms h2, #cms h3 { color: #fff; } .products .product-miniature .discount{ right: 8px; left:auto; bottom: 30px; top:auto; display: none; } .products .product-miniature .product-flags li{ cursor: pointer;} .products .product-miniature .product-flags li:hover{ color: #005586;} .products .product-miniature .product-flags .new.discount-percentage, .products .product-miniature .online-only.discount-percentage, .products .product-miniature .on-sale.discount-percentage, .products .product-miniature .discount-percentage.discount-percentage, #left-column .sidebar-latest .products .discount-percentage, #cart .cart-grid-body .cart-item .has-discount .discount { background: #005586 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 11px; line-height: 18px; margin: 0 2px; padding:0px 2px; vertical-align: middle; z-index: 2; font-weight: 500; } /*#products .product-miniature .product-flags .new.on-sale, #products .product-miniature .online-only.on-sale, #products .product-miniature .on-sale.on-sale, #products .product-miniature .discount-percentage.on-sale, .products .product-miniature .product-flags .new.on-sale, .products .product-miniature .online-only.on-sale, .products .product-miniature .on-sale.on-sale, .products .product-miniature .discount-percentage.on-sale, .product-accessories .product-miniature .product-flags .new.on-sale, .product-accessories .product-miniature .online-only.on-sale, .product-accessories .product-miniature .on-sale.on-sale, .product-accessories .product-miniature .discount-percentage.on-sale*/ .products .product-miniature .product-flags .new.on-sale, .products .product-miniature .online-only.on-sale, .products .product-miniature .on-sale.on-sale, .products .product-miniature .discount-percentage.on-sale{ /*background: #f39d72;*/ text-align: center; } /*#products .product-miniature .product-flags .new.online-only, #products .product-miniature .online-only.online-only, #products .product-miniature .on-sale.online-only, #products .product-miniature .discount-percentage.online-only, .products .product-miniature .product-flags .new.online-only, .products .product-miniature .online-only.online-only, .products .product-miniature .on-sale.online-only, .products .product-miniature .discount-percentage.online-only, .product-accessories .product-miniature .product-flags .new.online-only, .product-accessories .product-miniature .online-only.online-only, .product-accessories .product-miniature .on-sale.online-only, .product-accessories .product-miniature .discount-percentage.online-only*/ .products .product-miniature .product-flags .new.online-only, .products .product-miniature .online-only.online-only, .products .product-miniature .on-sale.online-only, .products .product-miniature .discount-percentage.online-only{ font-size: 13px; margin-top: 13rem; margin-left: 8.6875rem; right: 10px; left: auto; bottom: 8px; top: auto; display: none; } /*#products .product-miniature .product-flags .new.online-only::before, #products .product-miniature .online-only.online-only::before, #products .product-miniature .on-sale.online-only::before, #products .product-miniature .discount-percentage.online-only::before, .products .product-miniature .product-flags .new.online-only::before, .products .product-miniature .online-only.online-only::before, .products .product-miniature .on-sale.online-only::before, .products .product-miniature .discount-percentage.online-only::before, .product-accessories .product-miniature .product-flags .new.online-only::before, .product-accessories .product-miniature .online-only.online-only::before, .product-accessories .product-miniature .on-sale.online-only::before, .product-accessories .product-miniature .discount-percentage.online-only::before*/ .products .product-miniature .product-flags .new.online-only::before, .products .product-miniature .online-only.online-only::before, .products .product-miniature .on-sale.online-only::before, .products .product-miniature .discount-percentage.online-only::before{ content: "\E30A"; font-family: 'Material Icons'; vertical-align: middle; margin: 0.3125rem; } /*#products .comments_note, .products .comments_note, .product-accessories .comments_note */ .products .comments_note{ text-align: center; color: #333; } /*#products .regular-price, .products .regular-price, .product-accessories .regular-price */ .products .regular-price{ color: #909090; text-decoration: line-through; font-size: 13px; display: inline-block; vertical-align: middle; font-weight: 500; line-height: 18px; } /*#products .count, .products .count, .product-accessories .count*/ .products .count{ color: #333; font-weight: 700; position: relative; bottom: 0.5rem; } /*#products .all-product-link, .products .all-product-link, .product-accessories .all-product-link*/ .products .all-product-link { background-color: #005586; border: 1px solid #005586; clear: both; color: #ffffff; float: none !important; font-size: 13px; font-weight: 400; margin: 0 auto; padding: 7px 12px; position: relative; text-align: center; text-transform: capitalize; width: auto; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; margin: 20px 0; } .products .all-product-link:hover, .products .all-product-link:active, .products .all-product-link:focus{ background-color: #e8e8e8; border-color: #e8e8e8; color: #000; font-weight: 400; } .products .all-product-link .material-icons{ display: none;} .tm-hometabcontent .products ul.grid{ margin-bottom: 20px; } .tm-hometabcontent .products ul.product_list.grid li.product_item { display: none; } .loadmore { display: inline-block; text-align: center; width: 100%; float: none; margin: 20px 0 0; } .loadmore .tm-message { display: none; color: #7c7c7c; font-size: 13px; font-weight: 400; line-height: 30px; cursor: pointer; } .loadmore .tm-message .material-icons{ line-height: 20px; margin-right: 5px;} .loadmore .tm-message:hover { color: #005586;} .loadmore .gridcount { border: none; padding: 10px 20px; font-weight: 500; color: #fff; border-color: #005586; background-color: #005586; } .loadmore .gridcount:hover{ color: #fff; border-color: #000; background-color: #000; } /**** List view ****/ #products .products .product_list.list li.product_item .product-miniature{ background: #fff; padding: 0; } #products .products .list li.product_item .thumbnail-container, #products .products .list li.product_item .thumbnail-container .product-thumbnail{ margin-bottom: 0px; padding:0; width:auto;} #products .products .list li .highlighted-informations{ display: block !important; } #products .products .list li .product-detail{display: block; margin: 0;} #products .products .list li.product_item .center-block{ text-align: left; padding-left: 20px; } #products .products .list li.product_item .variant-links{ padding-top: 0px; } #products .products .list li.product_item .button-container{ margin-top: 5px; } .brands .products .product_list li.item { padding: 10px 15px 10px; } .brands .product-title{ margin-top:15px; } #brand_list li.brand .brand-inner{ border-bottom: 1px solid #ddd; padding: 31px 0 30px 0; } #brand_list li.brand:last-child .brand-inner{ border: none;} #brand_list li.brand .brand-inner .brand-img{ text-align: center; margin-bottom: 10px;} #brand_list li.brand .brand-inner .brand-img img{ max-width: 100%; } #brand_list li.brand .brand-inner .brand-infos{ padding-left: 0;} #brand_list li.brand .brand-inner .brand-products{ border-left: 1px solid #ddd; padding: 0 0 15px 30px; min-height: 108px; } #custom-text{ text-align: left; float: left; position: relative; width: 100%; letter-spacing: 1px; } #tmcmsblock { float: left; position: relative; width: 100%; margin-bottom: 20px; } #tmcmsblock .main-content { float: left; position: relative; width: 32.33%; } #tmcmsblock .main-content .cms_img{ position: relative;cursor: pointer;} #tmcmsblock .main-content .cms_img a::before { background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; position: absolute; right: 100%; top: 0; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } #tmcmsblock .main-content .cms_img a::after { background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; bottom: 0; content: ""; left: 100%; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } #tmcmsblock .main-content .cms_img:hover a::after { left: 50%; opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } #tmcmsblock .main-content .cms_img:hover a::before { opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; right: 50%; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } #tmcmsblock .main-content .cms_img:hover .cms_content{ left: 10%; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; } #tmcmsblock .second-content { margin: 0 18px; } #tmcmsblock .cms_content { left: 0; padding: 35px 0 0 30px; position: absolute; text-align: left; top: 0; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; z-index:1; } #tmcmsblock .cms_content .cms_imgtitle { color: #000000; font-size: 14px; font-weight: 300; line-height: 18px; margin-top: 10px; text-transform: capitalize; letter-spacing: 0.8px; } #tmcmsblock .cms_content .cms_offer { color: #010101; font-size: 20px; font-weight: 600; line-height: 18px; text-transform: capitalize; margin-top: 35px; } #tmcmsblock .cms_content .cms_offer1 { border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; color: #fff; vertical-align: top; float: left; font-size: 12px; font-weight: 400; margin: 0; padding: 2px 4px 2px 6px; text-transform: capitalize; line-height: 16px; } #tmcmsblock .first-content .cms_content .cms_offer1 { background: #005586;} #tmcmsblock .second-content .cms_content .cms_offer1{ margin-left:0; background:#adce86;} #tmcmsblock .third-content .cms_content .cms_offer1{ background:#b0b0b0;} #tmcmsblock .first-content .cms_content .cms_offer,#tmcmsblock .second-content .cms_content .cms_offer { float: left; width: 100%;} #tmcmsblock .third-content .cms_content .cms_imgtitle{ float: left;} #tmcmsblock p{ cursor: pointer; text-transform: uppercase; font-size: 13px; line-height: 23px; margin-bottom: 0;} #tmcmsblock p:hover{ color: #005586;} .first-content{ float: left; position: relative; cursor: pointer; } .third-content{ float: left; position: relative; width: 29%; cursor: pointer; } #custom-text h3, #tmcmsblock h3 { text-transform: uppercase; font-weight: 700; } .page-content.page-cms .page-heading{ margin-bottom:20px; } .page-content.page-cms .page-heading, .page-content.page-cms.page-cms-3 h2, .page-content.page-cms.page-cms-1 h2, .page-content.page-cms.page-cms-5 h2{display: none;} .page-content.page-cms .cms-box img { max-width: 100%; } #products .products { position: relative; margin: 0 0px 15px; } #products .products-select { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; box-align: baseline; -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; -o-align-items: baseline; align-items: baseline; -ms-flex-align: baseline; -webkit-box-pack: justify; -moz-box-pack: justify; box-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } #products .up { margin-bottom: 1rem; } #products .up .btn-secondary, #products .up .btn-tertiary { color: #acaaa6; text-transform: inherit; } #products .up .btn-secondary .material-icons, #products .up .btn-tertiary .material-icons { margin-right: 0; } .block-category { margin-bottom: 25px; background: none; box-shadow: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; border: none; padding: 0; }.block-category #category-description { margin: 0 0 15px 0; font-size: 13px; } .block-category .category-cover { margin: 0 0 20px 0; } .block-category .category-cover img { max-width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } .products-selection .sort-by { padding-top: 0.8rem; white-space: nowrap; margin-right: -0.9375rem; margin-left: 0.9375rem; text-align: right; } .products-selection .total-products { padding-top: 0.625rem; padding-left: 15px; } #products .products-selection{ margin-bottom: 10px;} .products-selection .display { float: left; margin: 0 15px 0 0; } .products-selection .display li{ float: left; text-align: center; padding: 0; } .products-selection .display li a{ color: #929292; font-size: 0px; line-height: 14px; cursor: pointer; } .products-selection .display li#grid a{ background: url(../img/megnor/sprite.png) no-repeat scroll 0px -176px transparent; height: 30px; float: left; width: 30px; } .products-selection .display li#grid:hover a, .products-selection .display li#grid.selected a{ background-position: 0px -141px !important; } .products-selection .display li#list a{ background: url(../img/megnor/sprite.png) no-repeat scroll -34px -176px transparent; height: 30px; width: 30px; float: right; } .products-selection .display li#list:hover a, .products-selection .display li#list.selected a{ background-position:-34px -141px !important; } .products-selection .display li.selected a{cursor: default;} .products-selection h1 { padding-top: 0.625rem; } .products-sort-order { color: #333; padding-right: 13px; } .products-sort-order .select-title { display: inline-block; margin: 3px 0px 0 0; width: 100%; color: #000; background: #FFFFFF; padding: 7px 10px 4px; cursor: pointer; border: 1px solid #e8e8e8; line-height: 23px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; text-align: left; } /*start sub-category*/ #subcategories { border: none; border-top: 1px solid #e8e8e8; padding: 25px 0 0px 0; } #subcategories ul { margin: 0 -20px 0 -20px; } #subcategories ul li { float: left; width: 235px; margin: 0 20px 20px 20px; text-align: center; height: auto; } #subcategories ul li .subcategory-image { padding: 0 0 8px 0; } #subcategories ul li .subcategory-image a { display: block; padding: 0; border: 1px solid #e8e8e8; } #subcategories ul li .subcategory-image a img { max-width: 100%; vertical-align: top; } #subcategories ul li .subcategory-name { font-size: 13px; color: #636363; font-weight: 400; line-height: 24px; } #subcategories .subcategory-heading { font-size: 16px; margin-bottom: 25px; color: #000; font-weight: 500; } #subcategories ul li:hover .subcategory-name { color: #005586; } #subcategories ul li .cat_desc { display: none; } /*end sub-category*/ .blockreassurance_product { float: left; width: 100%; } .products-sort-order .select-title:hover { color: #005586 !important; } .products-sort-order .select-list { display: block; color: #000; padding:5px 15px; } .products-sort-order .select-list:hover { background: #005586; color: #FFFFFF; text-decoration: none; } .products-sort-order .dropdown-menu { left: auto; width: 92%; border: none; background: #fff; margin-top: -1px; padding: 0; } #cart .text-xs-center{text-align: center;float: none;} #search_filters_wrapper .text-uppercase.h6.hidden-sm-down { color: #000; font-size: 16px; font-weight: 500; margin: 0; padding-top: 7px; text-transform: capitalize !important; width: 100%; padding-bottom: 8px; } #search_filters .custom-radio .material-icons.checkbox-checked{ display: none; } #search_filters .facet { padding-top: 0.625rem; } #search_filters .facet .collapse { display: block; } #search_filters .facet .facet-title { color: #636363; font-weight: 400; margin: 5px 0 10px; font-size: 14px; } #left-column .block-categories .block_title.hidden-md-down { margin: 0; text-transform: uppercase; width: 100%; padding-bottom: 8px; } #search_filters .js-search-filters-clear-all{ padding: 5px 0 0; margin: 0px ; font-weight: normal; width: 100%; text-align: left; background: transparent; font-size: 13px; text-transform:uppercase; color: #283346; border: none; } #search_filters .js-search-filters-clear-all i { font-size: 15px; margin: -3px 0 0; } #search_filters .js-search-filters-clear-all:hover{ color: #005586; } .facet ul > li { clear: both; float: left; width: 100%; } #search_filters .facet .facet-label { font-weight: normal; margin-bottom: 0; text-align: left; width: 100%; line-height: 21px; } #search_filters .custom-radio .material-icons.checkbox-checked { display: none; } #search_filters .custom-radio { margin-left: auto; margin-right: 0.15rem; } #search_filters .facet .facet-label a { float: right; width: 90%; } .magnitude { float: right; } .pagination { width: 100%; } .pagination > div:first-child { line-height: 2.5rem; } .pagination .page-list { margin-bottom: 0; float: right; margin-right: -30px; } .pagination .page-list li { background: #FFFFFF; float: left; margin: 0 0 0 5px; padding: 0px; } .pagination a { height: 35px; margin: 0; padding: 6px 5px; width: 35px; color: #000; background: none; border: none; display: block; font-weight:500; border: 1px solid #e8e8e8; text-align: center; line-height: 24px; font-size:14px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; background: #e8e8e8; } .pagination .previous, .pagination .next { font-size:0px; padding: 6px 7px; } .pagination a .material-icons { font-size: 24px; margin-left: -2px; } .pagination .disabled { cursor: not-allowed; } .pagination .current a, .pagination a:hover { color: #FFFFFF; border-color: #005586; background-color: #005586; text-decoration: none; } .active_filters { background: #ececec; padding: 13px 19px 5px; margin-bottom: 10px; } .active_filters .active-filter-title { display: inline; margin-right: 0.625rem; font-weight: 600; } .active_filters ul { display: inline; } .active_filters .filter-block { color: #414141; margin-right: 0.625rem; margin-bottom: 0.625rem; background: #FFFFFF; padding: 0.625rem; display: inline-block; font-size: 0.8125rem; } .active_filters .filter-block .close { color: #414141; font-size: 0.9375rem; opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; margin-top: 0.1875rem; margin-left: 0.3125rem; } #left-column .block , #right-column .block, #left-column .links , #right-column .links { margin-bottom: 30px; background: #FFFFFF; border-bottom: 1px solid #e8e8e8; padding-bottom: 30px; } .footer-container .links .navbar-toggler, .block_newsletter .title .navbar-toggler{color: #000000;} .sidebar-latest{float: left; position: relative; width: 100%; margin-bottom: 30px !important} .sidebar-latest .product-item { float: left; position: relative; display: block; width: 100%; margin-bottom: 5px; } .sidebar-latest .right-part { overflow: hidden; padding-left: 5px; position: relative; } #left-column #categories_blog_menu #categories_blog_toggle{ padding-top: 5px; } #left-column .sidebar-latest #block_latest_toggle { padding-top: 15px; } #left-column{ padding-left:0; clear: both; padding-right: 10px;} #right-column{ padding-right:0; } .layout-left-column #content-wrapper{ padding-right:0px; padding-left:10px; } .layout-right-column #content-wrapper{ padding-left:0px; padding-right:10px;} .block.advertising{ text-align:center; } #left-column .block .block_title, #right-column .block .block_title, #left-column .links .h3, #right-column .links .h3, #left-column .block-categories .block_title a{ padding:0; color:#000; font-size:16px; font-weight:500; text-transform: capitalize; margin-bottom: 0px; clear: both; line-height: 15px; } #left-column .block .block_content, #right-column .block .block_content { background:#FFFFFF; clear: both; text-transform: capitalize; margin: 0; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } #left-column .block .block_content .products, #right-column .block .block_content .products { margin-bottom: 10px; } #categories_blog_menu #categories_blog_toggle ul.tree{ background: #FFFFFF; clear: both; text-transform: capitalize; margin: 0; } #left-column .block .block_content.collapse, #right-column .block .block_content.collapse{ display: inherit; padding-top: 10px; } #left-column .block .block_content ul, #right-column .block .block_content ul{ margin-bottom: 0px; } #left-column a, #right-column a{ color: #636363; font-size: 13px; font-weight: 400; line-height: 26px; } .block-categories .category-sub-menu li:hover a, .block-categories .category-sub-menu li:hover .add, .block-categories .category-sub-menu li:hover .collapse-icons .remove { color: #005586; } #left-column a:hover, #right-column a:hover{ color: #005586; } #left-column .left-part{ float: left; margin-right: 5px;} #left-column .right-part .product-price-and-shipping,#left-column .right-part .product-price-and-shipping .regular-price { position: relative; } #left-column .block_content .left-part a{ margin-bottom: 10px; position: relative; } #left-column .block_content .product-item:hover .right-part .product-title a{ color: #005586; } #left-column .block_content .allproducts, #right-column .block_content .allproducts{ float: right; line-height: 20px; } #left-column .block_content .allproducts:hover, #right-column .block_content .allproducts:hover, #left-column .block_content .allproducts:focus, #right-column .block_content .allproducts:focus, #left-column .block_content .allproducts:active, #right-column .block_content .allproducts:active{ background-color: #005586; color: #fff; } #left-column .links, #right-column .links, #left-column .links .wrapper, #right-column .links .wrapper{ width: 100%; float: none; padding: 0; } #left-column .links .wrapper, #right-column .links .wrapper{ padding: 0px; } .col-md-6.pro_image { width: 40%; } .col-md-6.pro_detail { width: 60%; } .block-categories .category-top-menu{ margin-bottom: 0px; } .block-categories .category-sub-menu { margin-top: 0; } .block-categories .category-sub-menu .category-sub-link { font-size: 0.875rem; } .block-categories .category-sub-menu li { position: relative; padding: 0; line-height: 24px; } .block-categories .category-sub-menu li[data-depth="1"] { margin-left:15px; } #left-column .block-categories .category-sub-menu li[data-depth="1"] > a{ font-size: 12px;} .block-categories .category-sub-menu li[data-depth="0"] > a { width: 100%; display: inline-block; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) { padding-left: 0.3125rem; } .block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before { content: "-"; margin-right: 0.3125rem; } .block-categories .block_content .collapse-icons { position: absolute; right: 0; top: 5px; padding: 0; cursor: pointer; border: 0; } .block-categories .block_content .collapse-icons[aria-expanded="true"] .add { display: none; } .block-categories .block_content .collapse-icons[aria-expanded="true"] .remove { display: block; } .block-categories .block_content .collapse-icons i{ width: 18px; height: 18px; font-size: 13px; } .block-categories .block_content .collapse-icons .add:hover, .block-categories .block_content .collapse-icons .remove:hover { color: #005586; } .block-categories .block_content .collapse-icons .remove { display: none; } .block-categories .block_content .arrows .arrow-right, .block-categories .block_content .arrows .arrow-down { font-size: 0.875rem; cursor: pointer; margin-left: 2px; } .block-categories .block_content .arrows .arrow-right:hover, .block-categories .block_content .arrows .arrow-down:hover { color: #005586; } .block-categories .block_content .arrows .arrow-down { display: none; } .block-categories .block_content .arrows[aria-expanded="true"] .arrow-right { display: none; } .block-categories .block_content .arrows[aria-expanded="true"] .arrow-down { display: inline-block; } .facets-title { color: #414141; } /*** Responsive part ***/ @media (max-width: 543px) { .products-selection .filter-button { padding-left: 0; } } #product #content { position: relative; max-width: 100%; padding: 0; border: none; } #product #content .product-leftside{ position: relative;} .product-price { display: inline-block; } #product-description-short { color: #000; } .product-information #product-description-short-4{ margin: 10px 0 20px;} .product-information .manufacturer-logo { height: 35px; } .input-color { position: absolute; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; cursor: pointer; height: 1.25rem; width: 1.25rem; } .input-container { position: relative; } .input-radio { position: absolute; top: 0; cursor: pointer; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; width: 100%; height: 100%; } .input-color:checked + span, .input-color:hover + span, .input-radio:checked + span, .input-radio:hover + span { border: 2px solid #414141; } .radio-label { box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 11px 0px rgba(0, 0, 0, 0.1); background: #FFFFFF; display: inline-block; padding: 0.125rem 0.625rem; font-weight: 600; border: 2px solid #FFFFFF; } .product-actions .control-label, .product-actions-main .control-label { width: 100%; margin-bottom: 5px; display: block; width: 100%; color: #000; font-weight: 500; } .product-actions .add-to-cart, .product-actions-main .add-to-cart, .products .product_list li .product-miniature .product-actions .view_detail, .products .product_list li .product-miniature .product-actions-main .view_detail { border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #e8e8e8; display: inline-block; vertical-align: middle; background: #e8e8e8; color: #000; } .products .product_list .add-to-cart:hover, .products .product_list li .product-miniature .product-actions .view_detail:hover, .products .product_list li .product-miniature .product-actions-main .view_detail:hover, .products .product_list li:hover .add-to-cart, .products .product_list li:hover .product-miniature .product-actions .view_detail, .products .product_list li:hover .product-miniature .product-actions-main .view_detail{ color: #fff; border-color: #005586; background: #005586; } #product .pro_detail .product-information .product-actions .add-to-cart, #product .pro_detail .product-information .product-actions-main .add-to-cart, #cart .cart-summary .checkout .btn-primary{ color: #fff; border-color: #005586; background: #005586; } #product .pro_detail .product-information .product-actions .add-to-cart:hover{color: #fff; border-color: #005586; background: #005586} #cart .cart-summary .checkout .btn-primary:hover, #cart .cart-summary .checkout .btn-primary:focus, #cart .cart-summary .checkout .btn-primary:active{ background: #000; color: #fff; border: 1px solid #000; } .btn.btn-primary, .loadmore .gridcount { padding:7px 12px; text-align: center; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; position: relative; text-transform: capitalize; font-size: 13px; font-weight: 400; } .product-quantity .qty { float: left; width: 80px; margin-bottom: 0.5rem; } .product-quantity .add { float: left; margin-bottom: 0.5rem; margin-top: 20px; width: 100%; } .product-quantity #quantity_wanted { color: #414141; background-color: #FFFFFF; height: 38px; padding: 5px 10px; width: 3rem; } .product-quantity .input-group-btn-vertical { float: left; } .product-quantity .input-group-btn-vertical .btn { padding: 0 10px 0px; height: 20px; } .product-quantity .input-group-btn-vertical .btn i { font-size: 1rem; top: 0.125rem; left: 0.1875rem; } .product-quantity .btn-touchspin { height: 1.4375rem; } .product-discounts { margin-bottom: 1.5rem; } .product-discounts > .product-discounts-title { font-weight: normal; font-size: 0.875rem; } .product-discounts > .table-product-discounts thead tr th { width: 33%; padding: 0.625rem 1.25rem; background: #FFFFFF; border: 0.3125rem #ebebeb solid; text-align: center; } .product-discounts > .table-product-discounts tbody tr { background: #f6f6f6; } .product-discounts > .table-product-discounts tbody tr:nth-of-type(even) { background: #FFFFFF; } .product-discounts > .table-product-discounts tbody tr td { padding: 0.625rem 1.25rem; text-align: center; border: 0.3125rem #ebebeb solid; } .product-prices { margin-top: 13px; } .product-prices div { margin-bottom: 6px; font-size: 22px; font-weight: 500; display: inline-block; } .product-prices div span { vertical-align: middle; } .product-prices .tax-shipping-delivery-label { font-size: 0.8125rem; color: #fff; background-color: #005586; padding: 2px 5px; } .product-discount { color: #909090; } .product-discount .regular-price { text-decoration: line-through; margin-right: 5px; font-size: 18px; } .has-discount .discount { background: #005586; color: #FFFFFF; font-weight: 700; padding: 5px 10px; font-size: 14px; margin:0 10px 0 5px; text-transform: uppercase; display: inline-block; vertical-align: middle; } #cart .cart-grid-body .cart-item .product-discount .regular-price{ color: #909090; display: inline-block; font-size: 14px; font-weight: 500; text-decoration: line-through; vertical-align: middle; } .product-unit-price { font-size: 0.8125rem; margin-bottom: 0; } .products .product_list li:hover .quick-view{ opacity:1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .products .product_list li .quick-view{ opacity:0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; } #search_filters_wrapper{ float: left; position: relative; width: 100%; clear: both; margin-bottom: 30px !important; } #product .product-actions .control-label, #product .product-actions-main .control-label{ margin-right: 30px; float: left; width: 100px; margin-top: 10px; } /******* Subbanner *******/ #tmsubbanner { float: right; margin-bottom: 18px; position: relative; width: 32.2%; } #tmsubbanner li { float: right; margin-bottom: 20px; overflow: hidden; position: relative; width: 100%; } #tmsubbanner li a{ display: block; } #tmsubbanner li:last-child { float: right; margin: 0; } #tmsubbanner1 { float: left; margin: 0 0 30px; width: 100%; } #tmsubbanner1 li { float: left; position: relative; margin-right: 20px; overflow: hidden; width: 48.8%; } #tmsubbanner1 li a{ display: block; } #tmsubbanner1 li img{ width: 100%; } #tmsubbanner1 li:last-child { float: right; margin: 0; } #tmtestimonialcmsblock .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .header-banner { position: relative; } #tmnavcmsblock { position: relative; width: 100%; } #tmnavcmsblock .nav_image > img { max-width: 100%; } #tmnavcmsblock .full-banner { left: auto; margin: 0 auto; position: absolute; top: 0; z-index: 1; padding: 16px 0 0; } #tmnavcmsblock .navbannercms-content1 { text-align: left; width: 30%; letter-spacing: 1px; } #tmnavcmsblock .navbannercms-content1 .navbanner-text1 { color: #ffffff; float: left; font-size: 18px; letter-spacing: 0.8px; line-height: 18px; margin-bottom: 7px; position: relative; text-transform: capitalize; width: 100%; } #tmnavcmsblock .navbannercms-content1 .navbanner-text2 { color: #ffffff; float: left; font-size: 11px; letter-spacing: 1.2px; line-height: 18px; margin-bottom: 19px; position: relative; width: 100%; } #tmnavcmsblock .full-banner button { position:relative; display: inline-block; background: #fff; color: #000; } .close-btn { cursor: pointer; float: right; position: absolute; right: 10px; top: 15px; } .close-btn::before { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; color: #444444; content: "\f00d"; font-family: "FontAwesome"; font-size: 14px; padding: 5px 6px; } #header .header-nav { height: 45px; clear: both; border-bottom: 1px solid #e8e8e8; background-color: black; } #header .header-nav .container { padding: 0; background: transparent; } #header .header-nav .menu-icon { vertical-align: middle; cursor: pointer; /*margin-left: 1rem; */ margin-top: 10px; } #header .header-nav .menu-icon .material-icons { /* line-height: 45px;*/ color:#000; font-size: 36px; line-height: 36px; cursor: pointer; } #header .header-nav #menu-icon .menu-close, #header .header-nav #menu-icon.active .menu-open { display: none; } #header .header-nav #menu-icon .menu-open, #header .header-nav #menu-icon.active .menu-close { display: block; } #header .header-nav .left-nav { float: left; padding: 12px 0; text-transform: capitalize; } #tmnavcmsblock { float: left; letter-spacing: 1px; position: relative; text-align: left; width: 100%; } #tmnavcmsblock p { line-height: 22px; margin-bottom: 0; font-size: 12px; text-transform: none; color: white; letter-spacing: 0.6px; } #tmnavcmsblock p:hover{ color: #005586;} #_desktop_language_selector { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; float: right; padding: 5px 15px 0 20px; } #_desktop_language_selector img { margin-right: 5px; margin-top: -2px; } #_desktop_currency_selector { float: right; margin: 5px 20px 0; } #_desktop_language_selector .dropdown-menu, #_desktop_currency_selector .dropdown-menu{top:27px;} #header .header-nav .right-nav { float: right; -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -moz-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: end; padding: 8px 0; line-height: 22px; } #_desktop_user_info { float: right; font-size: 13px; margin: 5px 30px 0 25px; font-weight: 400; position: relative; cursor: pointer; } #_desktop_user_info .user_bg, #_mobile_user_info .user_bg{ background: rgba(0, 0, 0, 0) url("../img/megnor/user.svg") no-repeat scroll center; cursor: pointer; height: 20px; margin: 0 6px; padding: 0; position: relative; width: 25px; display: inline-block; outline: none; } span{outline: none;} #_desktop_user_info:hover .user_bg, #_mobile_user_info .user_bg:hover{ background: rgba(0, 0, 0, 0) url("../img/megnor/user-hover.svg") no-repeat scroll center;color: #005586;} #_desktop_user_info .tm_userinfotitle { float: right; position: relative; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; color: #000; } #_desktop_user_info:hover .tm_userinfotitle, .tm_userinfotitle:hover #_desktop_user_info .user_bg { color: #005586; } #_mobile_user_info .tm_userinfotitle{ display: none;} #_desktop_user_info .user-info, #header .header-nav .user-info { background: #ffffff none repeat scroll 0 0; border: medium none; box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); display: none; font-size: 13px; margin: 0; min-width: 230px; padding: 20px; position: absolute; right: 0; text-align: left; top: 50px; z-index: 10; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } #_desktop_user_info > .user-info a, #header .header-nav .user-info a { clear: both; float: left; margin-bottom: 10px; margin-right: 10px; padding: 0; text-transform: capitalize; outline: none; } .language-selector-wrapper, .currency-selector.dropdown.js-dropdown { border-top: 1px solid #f5f5f5; display: inline-block !important; padding-top: 10px; width: 100%; } #_desktop_user_info > .user-info .currency-selector a:hover,#_desktop_user_info > .user-info .currency-selector li.current a, #header .header-nav .user-info a:hover, #header .header-nav .user-info .currency-selector a:hover, #header .header-nav .user-info .currency-selector li.current a{ border-color:#005586;} #_desktop_user_info > .user-info .currency-selector li.current a, #header .header-nav .user-info .currency-selector li.current a, #_desktop_user_info > .user-info .currency-selector li a:hover, #header .header-nav .user-info .currency-selector li a:hover{ color: #005586;} .language-selector .dropdown-menu.hidden-md-down.languages-block_ul { border: medium none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; display: block; padding: 10px 0 0; position: relative; } .language-selector .dropdown-menu.hidden-md-down.languages-block_ul li.current { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .language-selector .dropdown-menu.hidden-md-down.languages-block_ul li { display: inline-block; opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; -moz-opacity: 0.2; } .currency-selector .dropdown-menu.hidden-md-down.currencies_ul { border: medium none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; display: block; padding: 10px 0 0; position: relative; } .currency-selector .dropdown-menu.hidden-md-down.currencies_ul li { display: inline-block; margin-right: 10px; } #_desktop_user_info > .user-info .currency-selector a, #header .header-nav .user-info .currency-selector a { border: 1px solid #d9d9d9; color: #767676; padding: 5px 1px 5px 10px; margin-bottom: 0; border-radius: 5px; } #_desktop_language_selector { display: none; } #_desktop_currency_selector { display: none; } #_desktop_user_info .material-icons, #header .header-nav .user-info .material-icons { font-size: 18px; font-weight: 400; line-height: 16px; } #header .header-nav .user-info .account, #_desktop_user_info > .user-info .account { margin-left: 0; margin-right: 0; } #header .header-nav .user-info .account span{ text-transform: capitalize;} #header .header-nav .user-info .account .material-icons { display: none; } #header .header-nav .language-selector { white-space: nowrap; } #header .logo { max-width: 100%; } #header, #header a, #header .currency-selector .expand-more, #header .language-selector .expand-more { color: #000; line-height: 20px; } #header .language-selector span, #header .currency-selector span{ text-transform: capitalize; font-size: 13px; font-weight: 400; color: #000; } #_desktop_language_selector .dropdown-menu a, #_desktop_currency_selector .dropdown-menu a{ font-size: 13px; } #header a:hover, #header .currency-selector.dropdown:hover .expand-more, #header .language-selector.dropdown:hover .expand-more { text-decoration: none; color: #005586; } #header .header-top { padding: 27px 0 0; position: relative; background: #fff; clear: both; float: left; width: 100%; } #header .header-top > .container { position: relative; } .header_menu_wrapper { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin: 20px 0; padding: 9px 0; float: left; width: 100%; background-color: black; } #header .header-top .menu { padding: 0; } #header .header-top .menu .top-menu { margin: 0px; } #header .header-top .menu > ul > li { float: left; margin: 0 10px; position: relative; } #header .header-top #more_menu { position: relative; } #more_menu #top_moremenu { min-width: auto; width: 150px !important; } #header .header-top .menu > ul > li::after { border-right:1px solid #e8e8e8; content: " "; height: 15px; position: absolute; top: 11px; left: -8px; } #header .header-top .menu > ul > li:first-child::after { display: none; } #header .header-top .menu .sub-menu .category > a.dropdown-submenu { color: #005586; } #header .header-top .menu .sub-menu .category > a.dropdown-submenu:hover { color: #888; } #header .header-top a[data-depth="0"] { font-size: 13px; text-transform: capitalize; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; position: relative; float: left; width: 100%; overflow: hidden; z-index: 1; color: white; } .products .product_list li .thumbnail-container .compare{ background: rgba(0, 0, 0, 0) url("../img/megnor/compress-alt-solid.svg") no-repeat scroll center; display: inline-block; height: 34px; position: relative; background-size: 15px; vertical-align: top; width: 34px; font-size: 0; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; right: 6px; top: 42px; } .pro_detail .product-actions .product-add-to-cart .product-quantity .compare, .pro_detail .product-actions-main .product-add-to-cart .product-quantity .compare{ background: rgba(0, 0, 0, 0) url("../img/megnor/compress-alt-solid.svg") no-repeat scroll center; display: inline-block; height: 34px; position: relative; vertical-align: top; width: 34px; margin: 5px 0px 10px; background-size: 15px; } .products .product_list li:hover .thumbnail-container .compare, .products .product_list li:hover .thumbnail-container .wishlist{ opacity: 1; -khtml-opacity: 1; -webkit-opacity:1; -moz-opacity: 1; } .products .product_list li .thumbnail-container .wishlist{ background: rgba(0, 0, 0, 0) url("../img/megnor/heart-regular.svg") no-repeat scroll center; display: inline-block; height: 34px; position: relative; background-size: 15px; vertical-align: top; width: 34px; font-size: 0; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; right: 6px; top: 78px; } .pro_detail .product-actions .product-add-to-cart .product-quantity .wishlist, .pro_detail .product-actions-main .product-add-to-cart .product-quantity .wishlist{ background: rgba(0, 0, 0, 0) url("../img/megnor/heart-regular.svg") no-repeat scroll center; display: inline-block; height: 34px; position: relative; vertical-align: top; width: 34px; margin: 5px 0px 10px; background-size: 15px; } .comments_note .star_content.clearfix { text-align: left; } .wishlist .st-wishlist-button, .compare .st-compare-button { color: #000; font-size: 0; } #header .header-top a[data-depth="0"]::after { background: #ffffff none repeat scroll 0 0; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; content: ""; height: 100%; left: 0; opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; -moz-opacity: 0.2; position: absolute; top: 0; width: 0; } #header .header-top a[data-depth="0"]:hover::after { transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; width: 100%; } #header .header-top a[data-depth="0"]:hover { background: #005586 none repeat scroll 0 0; color: #ffffff; } #index #header .header-top .menu .top-menu > li:first-child a[data-depth="0"], #header .header-top .menu .top-menu > li.current a[data-depth="0"] { background: #005586 none repeat scroll 0 0; color: #ffffff; } #header .header-top .header_logo { float: left; width: auto; } #header .top-menu-link { margin-left: 1.25rem; } #index #breadcrumb_wrapper{ margin: 0; display: none; } #breadcrumb_wrapper{ float: right; text-align: right; padding: 0; margin: 5px 0 22px; right: 0; width: 76.1%; position: relative; } .cart.material-icons{ display: none; } #header .header-nav .cart-preview .shopping-cart { vertical-align: middle; } #header .header-nav .cart-preview .body { display: none; } #header .header-nav .blockcart { margin-left: 10px; text-align: center; white-space: nowrap; position: relative; } #header .cart_block{ position: absolute; top: 55px; margin: 0; right: 0; z-index: 100; height: auto; background: white; border: none; width: 300px; left: auto; z-index: 9999; box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); } .header-top #_desktop_top_menu { width: 100%; } #tmnavcmsblock:hover #contact_img{ background-color: #f5f5f5; color: #f5f5f5; } .service-content:hover .material-icons{ color: #005586; } .cart_block .cart-item{ margin-bottom: 5px; padding: 10px; overflow: hidden; } .cart_block .cart-item .cart-image{ float: left; margin-right: 12px; text-align: center; margin-bottom: 5px; } .cart_block .cart-item .cart-image img{ width: 100%; border: 1px solid #f5f5f5; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } .cart_block .cart-item .cart-info{ overflow: hidden; position: relative; padding-right: 20px; } .cart_block .cart-item .cart-info .product-quantity{ display: inline-block; text-transform: uppercase; padding-right: 5px; font-weight: 500; } .cart_block .cart-item .cart-info .product-name{ font-size: 14px; line-height: 18px; display: inline-block; } .cart_block .cart-item .cart-info .product-price{ display: block; font-size: 15px; } .cart_block .cart-item .cart-info .remove-from-cart{ position: absolute; right: 0px; top: 4px; } .cart_block .cart-item .cart-info .remove-from-cart .material-icons{ font-size: 20px; color: #242424; line-height: 15px;} .cart_block .cart-item .cart-info .remove-from-cart .material-icons:hover { color: #005586 !important;} .cart_block .cart-item .cart-info .customizations{ padding-bottom: 10px; font-size: 11px; } .cart_block .cart-item .cart-info .product-name a{ color: #7c7c7c !important; } .cart_block .cart-item .cart-info .product-name a:hover{ color: #005586 !important;} .cart_block .cart-summary{ border: 0px; margin: 0px;} .cart_block .block_content .card-block{ padding: 10px 15px 15px; } .cart_block .block_content .checkout.card-block{ text-align: right; padding: 15px; } #header .header-nav .blockcart .header { cursor: pointer; } #header .header-nav #contact-link { padding: 5px 0; color: #fff; line-height: 22px; } #header .header-nav .material-icons { line-height: 16px; font-size: 18px; } #contact-link a::before { border-left: 1px solid white; content: ""; font-family: "FontAwesome"; height: 11px; left: 0; right: 0; top: 12px; width: 100%; padding-right: 10px; } #header .header-nav .material-icons.expand-more { margin-left: -3px; } #links_block_top{ float: left; position: relative; width: 100%; margin: 8px 0 -70px; z-index: 3; } #links_block_top .material-icons{ display: none; } #tm_toplink { float: left; margin: 0; text-transform: capitalize; width: auto; z-index: 9; } #tm_toplink .block_content { float: right; position: relative; white-space: nowrap; margin: 0; } #tm_toplink li{ float: left; position: relative; text-transform: capitalize; } #tm_toplink ul li a { color: #636363; display: block; float: left; font-size: 12px; padding: 5px 15px; line-height: 18px; letter-spacing: 0.6px; color: white; } #tm_toplink ul li:last-child a { padding-right: 0; } #tm_toplink ul li::after { border-left: 1px solid #e8e8e8; content: " "; height: 15px; position: absolute; top: 6px; } #tm_toplink ul li:last-child::after { display: none; } #tm_toplink .cat-title { display: none; } .blockcart{ float: right; position: relative; } /*** WRAPPER ***/ #wrapper { padding: 30px 0; } #index #wrapper { padding: 0; } #wrapper .banner { margin-bottom: 30px; display: block; } .breadcrumb { color: #ffffff; display: inline-block; line-height: 24px; margin: 0; overflow: hidden; padding: 10px 0; position: relative; text-align: center; text-transform: capitalize; width: 100%; z-index: 1; } .breadcrumb .container { padding: 0; } .breadcrumb ol { float: right; margin-bottom: 0; padding-left: 0; text-align: right; } #index .breadcrumb[data-depth="1"] { display: none !important; } .breadcrumb ol { padding-left: 0; margin-bottom: 0; } #product .breadcrumb ol { float: none; text-align: left; } .breadcrumb li { display: inline; } .breadcrumb li::after { content: "/"; color: #fff; } .breadcrumb li:last-child { content: "/"; color: #000; } .breadcrumb li:last-child::after { content: ""; display: none; } .breadcrumb a { color: #fff; text-transform: capitalize; font-size: 14px; } .breadcrumb a:hover { color: #9e9d9d; } .product-accessories.clearfix{ clear: both; position: relative; } .slide.tmleftbanner-container { overflow: hidden; } .slide.tmleftbanner1-container { overflow: hidden; } .tmleftbanner1-container img { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 100%; } .tmleftbanner1-container:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #tmcmsbannerblock .full-banner{ transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; -ms-transition: all 0.9s ease 0s; max-width: none; height: auto; } #tmcmsbannerblock .left_sub_image:hover .full-banner, #tmcmsbannerblock .right_top_image:hover .full-banner{ transform: translate3d(-20px, 0px, 0px); -moz-transform: translate3d(-20px, 0px, 0px); -webkit-transform: translate3d(-20px, 0px, 0px); -o-transform: translate3d(-20px, 0px, 0px); -ms-transform: translate3d(-20px, 0px, 0px); transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; -ms-transition: all 0.9s ease 0s; } #tmlefttestimonial-carousel{ display: block; } #tmtestimonialcmsblock .title_block .material-icons.remove{ display: none; } #tmtestimonialcmsblock .title_block.active .material-icons.add{ display: none; } #tmtestimonialcmsblock .title_block.active .material-icons.remove{ display: block; padding: 0; margin-top: -17px; } #tmtestimonialcmsblock .navbar-toggler.collapse-icons{ padding: 0; } #tmtestimonialcmsblock .pull-xs-right{ display: none; } #tmtestimonialcmsblock .title_block{ font-size: 15px; font-weight: 700; color: #242424; padding: 10px 10px; background: #e4e4e4; margin: 0; cursor: pointer; } #tmtestimonialcmsblock{ float: left; position: relative; width: 100%; border: 1px solid #ddd; margin-bottom: 30px; clear: both; } #tmlefttestimonial-carousel .owl-pagination{ text-align: center; margin: 0 0 10px; } #tmtestimonialcmsblock .owl-controls .owl-page.active { background: #005586; } #tmtestimonialcmsblock .owl-controls .owl-page { background: #666666; border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius:50%; -moz-border-radius: 50%; cursor: pointer; display: inline-block; height: 10px; margin-right: 3px; width: 10px; } .sidebar-bestseller .product-item{ float: left; position: relative; width: 100%; } .sidebar-bestseller .left-part{ float: left; position: relative; } .sidebar-bestseller .right-part{ position: relative; text-align: left; } .sidebar-bestseller .product-description{ text-align: left !important; } #tmleftbanner{ position: relative; width: 100%; clear: both; margin-bottom: 25px; float: left; } #links_block_left{ margin-bottom: 25px !important; cursor: pointer; clear: both; } #tmleftbanner1 { float: left; position: relative; width: 100%; margin-bottom: 25px; } #tmleftbanner1 ul,#left-column #tmleftbanner2 ul, #tmleftbanner ul { margin: 0; } #left-column #tmleftbanner2 { float: left; position: relative; width: 100%; margin-bottom: 25px; } #left-column #tmleftbanner a img{ border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } #left-column #tmleftbanner2 a::before, #left-column #tmleftbanner a::before { background-color: #000; bottom: 0; content: ""; left: 50%; margin: auto; opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; -moz-opacity: 0.1; position: absolute; right: 50%; top: 0; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } #left-column #tmleftbanner2 a::after, #left-column #tmleftbanner a::after { background-color: #000; bottom: 50%; content: ""; left: 0; opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; -moz-opacity: 0.1; position: absolute; right: 0; top: 50%; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } #left-column #tmleftbanner2 a:hover::before, #left-column #tmleftbanner a:hover::before{ left: 0; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; right: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; } #left-column #tmleftbanner2 a:hover::after, #left-column #tmleftbanner a:hover::after { bottom: 0; top: 0; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; } #left-column #tmleftbanner2 a img, #left-column #tmleftbanner a img { width: 100%; max-width: 100%; } #tmsubbanner a::before { background-color: #000; bottom: 0; content: ""; left: 50%; margin: auto; opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; -moz-opacity: 0.1; position: absolute; right: 50%; top: 0; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } #tmsubbanner a::after { background-color: #000; bottom: 50%; content: ""; left: 0; opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; -moz-opacity: 0.1; position: absolute; right: 0; top: 50%; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } #tmsubbanner a:hover::before{ left: 0; right: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; } #tmsubbanner a:hover::after { bottom: 0; top: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; } #tmsubbanner a img { width: auto; } #categories_blog_menu { float: left; position: relative; width: 100%; } #links_block_left .h3 a:hover { color: #333333; } #tm_blocklink li, #categories_blog_menu #categories_blog_toggle ul li a { padding: 0; } #categories_blog_menu #categories_blog_toggle ul li a:hover{ color: #005586;} .sidebar-bestseller.block{ float: left; position: relative; width: 100%; cursor: pointer; clear: both; } .sidebar-bestseller .products.clearfix{ margin-bottom: 0; } .sidebar-bestseller .allproducts{ float: right; text-transform: uppercase; color: #005586 !important; padding: 0 20px; } .sidebar-bestseller .allproducts:hover{ color: #242424 !important; } .header-bg{ height: 51px; position: relative; width: 100%; left: 0; right: 0; bottom: 29px; } #tm_toplink li a:hover{ color: #9e9d9d !important; } .service-content .material-icons{ font-size: 30px; } .service-right .title{ color: #242424 !important; font-weight: 700 !important; text-transform: uppercase; line-height: 16px; } .service-right .sub-title{ color: #808080; } #tm_vertical_menu_top{ float: left; width: 100%; margin-bottom: 30px; z-index: 999; } #tm_vertical_menu_top .menu-title { background: #005586 none repeat scroll 0 0; color: #ffffff; cursor: pointer; font-size: 14px; font-weight: 700; letter-spacing: 0.7px; padding: 18px 21px; text-transform: uppercase; } #tm_vertical_menu_top .menu-title .material-icons { float: right; position: relative; } #tm_vertical_menu_top #top-menu{ border-right: 3px solid #e5e5e5; border-left:3px solid #e5e5e5; border-bottom:3px solid #e5e5e5; border-top: none; background: #fff; width: 100%; margin: 0; } #tm_vertical_menu_top #top-menu li{ margin: 0; position: relative; } .header-after.container{ margin-top: -5px; padding-left: 4px; display: none; } .blockcart{ position: relative; float: right; width: auto; clear: right; } #_desktop_cart { float: right; position: relative; } .header.blockcart-header { z-index: 999; } .service-right { float:left; border-right: 1px solid #ededed; padding-right: 13px; text-align:right; } .service-title { color: #262626; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; text-transform: capitalize; line-height: 21px; cursor: pointer; } .service-title:hover, .fourth-content:hover .service-title, .first-content:hover .service-title, .second-content:hover .service-title{ color: #005586; } .service-desc { color: #939393; font-size: 12px; text-transform: capitalize; } .blockcart-header .hidden-sm-down{ float: left; width: 100%; text-transform: uppercase; font-weight: 700; color: #242424; margin-bottom: -6px; } .blockcart-header a #bgimage { background: rgba(0, 0, 0, 0) url("../img/megnor/shopping.svg") no-repeat scroll center; float: left; height: 35px; left: 0; position: relative; top: -2px; width: 32px; background-size: 22px; outline: none; } #_desktop_cart .blockcart .blockcart-header a:hover #bgimage, #_mobile_cart .blockcart-header:hover a #bgimage{ background: rgba(0, 0, 0, 0) url("../img/megnor/shopping-hover.svg") no-repeat scroll center;background-size: 22px;outline: none;} /*.blockcart-header:hover a #bgimage{ background: url("../img/megnor/cart.png") no-repeat scroll 10px 9px; color: #005586; } */ #links_block_footer { border: navajowhite; float: none; position: relative; width: 100%; padding: 0; text-align: center; margin-bottom: 0; } #tm_footerlink{ margin-bottom: 5px; display:inline; width:auto; } #tm_footerlink li a { line-height: 12px; } #tm_footerlink li { display: inline-block; padding: 0 14px 0 12px; text-transform: capitalize; border-right: 1px solid #4c5565; line-height: 18px; } .footer-container li { margin-bottom: 0.3125rem; } #contact_description{ float: right; margin: 5px 10px 0 0px; line-height: 18px; padding-left: 19px; } #tmnavcmsblock .contact_title{ font-weight: 700; text-transform: uppercase; color: #242424; } .product-actions .add-to-cart .material-icons, .product-actions-main .add-to-cart .material-icons { line-height: inherit; font-size: 20px; } .contact_no{ color: #9f9f9f; } .blockcart .cart-products-count { background: #005586 none repeat scroll 0 0; border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; color: #ffffff !important; font-size: 11px; font-weight: 600; left: 17px; line-height: 13px; padding: 2px 4px 1px 5px; position: absolute; top: -6px; z-index: 1; } .header.blockcart-header .material-icons{ color: #000; line-height: 32px;} #_desktop_cart .blockcart .blockcart-header a:hover .cart-products-count{ background: #000;} #spe_res{ margin: 0 -10px; } #spe_title_bottom { float: left; margin-bottom: 10px; position: relative; width: 100%; padding-bottom: 5px; } .brands .products-section-title{ display: none; } #tmcmsbannerblock{ float: left; position: relative; width: 100%; margin: 0 auto; overflow: hidden; } .cmsbanner { float: left; position: relative; width: 100%; margin: 20px 0 20px; } #tmcmsbannerblock .left_side { float: left; overflow: hidden; position: relative; width: 49.2%; cursor: pointer; } .left_sub_image { position: relative; } .cmsimg { color: #ffffff; } .cmsimg img{ max-width: 100%; } .cms_img img { max-width: 100%; } #tmsubbannercmsblock .left_side img { height: auto; } .full-banner { position: absolute; z-index: 1; } .bannercms-content1 { right: 4.5%; left: auto; text-align: left; top: 32%; width: 40%; } .full-banner .banner-text_title { color: #85d835; font-size: 35px; font-weight: 400; line-height: 28px; text-transform: capitalize; } #tmcmsbannerblock .banner-subtext{ color: #fff; font-size: 12px; line-height: 19px; text-transform: uppercase; background: #fff; padding: 4px 10px 4px; display: inline-block; letter-spacing: 1.4px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } #tmcmsbannerblock .bannercms-content1 .banner-subtext { background: #b6d098; } #tmcmsbannerblock .bannercms-content2 .banner-subtext { background: #ffa5a5; } #tmcmsbannerblock .banner-text1 { color: #000000; display: block; font-size: 28px; letter-spacing: 0; line-height: 27px; margin: 13px 0 6px; text-transform: uppercase; float: left; width: 100%; } #tmcmsbannerblock .banner-subtext1{ font-weight: 300; color:#000; font-size: 30px; text-transform: capitalize; } #tmcmsbannerblock .banner-subtext2{ font-size: 30px; font-weight: 500; text-transform: capitalize; } #tmcmsbannerblock .banner-text3{ color: #000000; display: block; font-size: 15px; font-weight: 300; letter-spacing: 2.8px; line-height: 27px; text-transform: uppercase; } .full-banner button { background: #283346 none repeat scroll 0 0; display: inline-block; margin-top: 0; padding: 8px 28px; } #tmcmsbannerblock .right_side { float: right; overflow: hidden; width: 49.2%; position: relative; cursor: pointer; } .bannercms-content2 { right: 0.5%; left: auto; text-align: left; top: 32%; width: 40% } .hover { border: 0 solid; bottom: 50%; height: 0; left: 50%; position: absolute; right: 50%; top: 50%; transform: scale(0); -webkit-transform: scale(0); -ms-transform:scale(0); -o-transform:scale(0); -moz-transform:scale(0); transform-origin: center center 0; -ms-transform-origin: center center 0; -webkit-transform-origin: center center 0; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; width: 0; } #tmcmsbannerblock .cmsimg:hover .hover { border: 15px solid #283346; bottom: 0; color: #ffffff; height: 100%; left: 0; opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; right: 0; top: 0; transform: scale(1); -webkit-transform: scale(1); -ms-transform:scale(1); -o-transform:scale(1); -moz-transform:scale(1); transform-origin: center center 0; -ms-transform-origin: center center 0; -webkit-transform-origin: center center 0; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; width: 100%; } #tmcmsbannerblock .subbanner1 { float: left; position: relative; overflow: hidden; width: 48.5%; } #tmcmsbannerblock .subbanner1:hover img { -webkit-transform: scale(1.125); -ms-transform: scale(1.125); transform: scale(1.125); -o-transform: scale(1.125); -moz-transform: scale(1.125); } .subbanner2 img, .subbanner1 img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; max-width: 100%; } .text1 { margin-bottom: 8px; } .text1 a { color: #fff; font-size: 30px; font-weight: 500; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; letter-spacing: 3px; line-height: 13px; } .text2 { margin-bottom: 10px; } .text2 a { color: #fff; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; font-size: 16px; text-transform: capitalize; letter-spacing:3px; } .text3 a { background: #005586 none repeat scroll 0 0; display: inline-block; padding: 5px 12px;; color: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-size: 13px; text-transform: uppercase; font-weight: 500; margin-top:13px; } .subbanner2 img, .subbanner1 img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; max-width: 100%; } #tmcmsbannerblock .subbanner2 { float: right; position: relative; overflow: hidden; width: 48.5%; } #tmcmsbannerblock .subbanner2:hover img { -webkit-transform: scale(1.125); -ms-transform: scale(1.125); transform: scale(1.125); -o-transform:scale(1.125); -moz-transform:scale(1.125); } .subbanner2 img, .subbanner1 img { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; max-width: 100%; } .text-block { position: absolute; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .subbanner1 .text-block{ text-align: left; left: 4%; top: 10%; } .subbanner2 .text-block{ right: 2%; bottom: 8%; text-align: right; } #tmcms1block { clear: both; float: none; margin: 0 auto; position: relative; width: 100%; cursor: pointer; } #tmcms1block .cms1banner { float: left; margin: 0 auto; position: relative; width: 100%; } #tmcms1block .bannercms-content { left: 35.5%; margin: 0 auto; right: auto; text-align: left; top: 23.8%; width: 50%; transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -ms-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; } #tmcms1block .cms1banner:hover .bannercms-content{ top: 20%; transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -ms-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; } #tmcms1block .banner-text1 { color: #000000; font-size: 40px; font-weight: 300; letter-spacing: 0; line-height: 30px; margin: 22px 0 21px; text-transform: capitalize; } #tmcms1block .banner-subtext { background: #ffffff none repeat scroll 0 0; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; color: #ffffff; display: inline-block; font-size: 12px; letter-spacing: 1.4px; line-height: 19px; padding: 4px 10px; text-transform: capitalize; background: #005586; } #tmcms1block .banner-text2{ width: 59%; font-weight: 400; color: #636363;} .special-products { clear: both; float: none; margin-bottom: 30px; padding: 35px 0 0; position: relative; width: 100%; } #tmservicecmsblock { clear: both; float: none; margin: 0 auto; position: relative; width: 100%; } #tmservicecmsblock .footer_top_inner .footerblock { display: inline-block; margin: 24px 0 19px; padding: 0; text-align: left; position: relative; width: 24%; outline: none; } #tmservicecmsblock .footer_top_inner .footerblock::after { border-left: 1px solid #dbdbdb; content: ""; height: 35px; position: absolute; right: 30px; top: 10px; } #tmservicecmsblock .footer_top_inner .footerblock:last-child::after { display: none; } #tmservicecmsblock .footer_top_inner .footerblock .image { background-color: #005586; background-repeat: no-repeat; border: 1px solid #005586; border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; float: left; height: 56px; margin: 0 10px 0 0; width: 56px; } #tmservicecmsblock .footer_top_inner .footerblock .image1 { background-image: url("../img/megnor/truck.svg"); background-size: 30px; background-position: center; } #tmservicecmsblock .footer_top_inner .footerblock .image2 { background-image: url("../img/megnor/money-bag.svg"); background-size: 30px; background-position: center; } #tmservicecmsblock .footer_top_inner .footerblock .image3 { background-image: url("../img/megnor/support.svg"); background-size: 30px; background-position: center; } #tmservicecmsblock .footer_top_inner .footerblock .image4 { background-image: url("../img/megnor/reload.svg"); background-size: 30px; background-position: center; } #tmservicecmsblock .footer_top_inner .footerblock:hover .image { transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; -ms-transition-duration: 0.9s; -o-transition-duration: 0.9s; outline: none; } #tmservicecmsblock .footer_top_inner .footerblock .title { color: #000000; cursor: pointer; font-size: 13px; font-weight: 400; letter-spacing: 0.6px; line-height: 22px; margin: 6px 0 0 10px; text-transform: capitalize; } #tmservicecmsblock .footer_top_inner .footerblock .subtitle { color: #636363; font-size: 12px; line-height: 20px; margin: 0px 0 0 10px; text-transform: capitalize; font-weight: 300; } .footer-before .container{ /*background: url("../img/megnor/Bg.png") no-repeat scroll 0 0;*/ height: 90px; padding: 0 15px; } .row.footer { position: relative; } #tmfootercmsblock .footer-desc { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; float: left; margin-right: 45px; padding: 5px 35px; width: 55%; color: #333; line-height: 24px; } #tmpaymentcmsblock { margin: 0; padding: 0; position: relative; text-align: center; } .payment p{ float: none; position: relative; padding-right: 2px; text-align: center; display: inline; } .payment > p:last-child { padding-right: 0; } .copyright{ float: left; position: relative; width: 100%; text-align: center; } .footer-container .row.footer{ margin-bottom: 50px; margin-top: 0px; } #footer .bottom-row-footer { margin-bottom: 30px; padding-top: 0px; border-top: 1px solid #e8e8e8; width: 100%; float: left; background:black; } #tm_vertical_menu_top .top-menu > li > a, #tm_vertical_menu_top .more-view{ transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; color: #000; border-bottom: 1px solid #e3e3e3; width: 100%; white-space: normal; } #tm_vertical_menu_top #top-menu li:first-child > a[data-depth] { padding-top: 20px; } #tm_vertical_menu_top .top-menu > li > a[data-depth="0"]::before, #tm_vertical_menu_top .more-view::before{ content:'\f178'; font-family: "FontAwesome"; font-size: 10px; font-weight: 300; padding-right: 10px; color: #bfbfbf; vertical-align: top; } #tm_vertical_menu_top .tm_sf-menu i { font-size: 17px; line-height: 13px; width: 25px; } #tm_vertical_menu_top .top-menu > li:hover > a , #tm_vertical_menu_top li:hover .more-view { padding-left: 30px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; color: #005586 !important; } #tm_vertical_menu_top .top-menu > li > a:hover, #tm_vertical_menu_top .top-menu > li > a[data-depth="0"]:hover::before { color: #005586; } #tm_vertical_menu_top #top-menu .more-wrap{ margin: 0; font-weight: 600; } .more-wrap{ margin: 10px auto 0; font-weight: 700; cursor: pointer; color: #000; } .more-wrap:hover{ color: grey; } .more-wrap .material-icons{ float: right; right: 0; } .top-menu a.dropdown-item.dropdown-submenu[data-depth="1"] { display: block; font-weight: 500; color: #005586 !important; padding: 5px 0; text-transform: capitalize; font-size: 13px; border-bottom: 1px solid #005586 !important; margin-bottom: 10px; } .top-menu a.dropdown-item.dropdown-submenu[data-depth="1"]:hover{ padding-left: 0 !important; background-color: transparent !important; } .sub-menu .top-menu .category{ margin: 0 !important; } .cms_flexslider{ clear: both; position: relative; z-index: 1; } #tmcmstestimonialblock .block_content{ z-index: 9999; } #tmcmstestimonialblock .block_content{ padding: 10px 10px 15px !important; } .tm-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } #tmcmstestimonialblock .main_content{ float: left; text-align: center; width: 100%; } .main-block .image{ float: left; width: 100%; margin: 10px 0; text-align: center; } .main-block .description{ font-style: italic; text-align: center; width: 100%; float: left; color: gray; margin: 5px 0 10px; } .main-block .title{ color: #0f0f0f; float: left; width: 100%; margin: 0 0 10px; text-transform: uppercase; text-align: center; } #product .tabs { width: 100%; } .tabs { float: right; position: relative; } .tabs .tab-pane { padding: 30px; border: 3px solid #e5e5e5; background: #fff; margin-top: 0px; } .tm-hometabcontent .tabs .tab-pane{ padding: 0px; border: 0px; background: none; } .tm-hometabcontent { clear: both; overflow: hidden; padding:15px 0 0; } .tm-hometabcontent .tabs { right: 60px; top: 11px; } #index .tab-content { clear: both; float: left; width: 100%; } .tab-main-title{ float: left; width: 100%; margin-bottom: 10px; position: relative; text-transform: capitalize; padding-bottom: 5px; } .crosssell-products{ clear: both; position: relative; } /*#index .products{ margin:0 -15px 40px; }*/ .featured-products .products, .newproducts .products, .bestseller-products .products, .special-products .products, .viewed-products .products, .crosssell-products .products, .productscategory-products .products, .product-accessories .products, .brands .products{ float: left; width: 100%; position: relative; text-align: center; } .featured-products .products, .newproducts .products, .bestseller-products .products, .special-products .products{ margin-bottom: 5px;} .tabs .nav-tabs { /* margin-bottom: 20px;*/ border: none; display: inline-block; width: 100%; text-align: center; vertical-align: top; } .tabs .nav-tabs .nav-link { border: 2px solid transparent; border-bottom-color: transparent; color: #808080; cursor: pointer; font-size: 13px; font-weight: 400; line-height: 1.42857; padding: 6px 17px; text-transform: capitalize; } .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover { background: #005586 none repeat scroll 0 0; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; color: #ffffff; } #product .product-tabcontent .tabs .nav-tabs .nav-link { padding: 10px 16px; margin-right: 5px;border-right: none; border-left: none;} #product .product-tabcontent .tabs .nav-tabs .nav-link.active,#product .product-tabcontent .tabs .nav-tabs .nav-link:hover { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; color: #ffffff; } .tabs .nav-tabs .nav-link:hover{ color: #fff; } .tabs .nav-tabs .nav-item { display: inline-block; } #product .productpage_title { margin-bottom: 15px; } .product-cover { border: 1px solid #e8e8e8; margin-bottom: 25px; position: relative; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } .product-cover .layer { position: absolute; bottom: 10px; right: 10px; height: 50px; width: 50px; padding: 14px; cursor: pointer; z-index: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.7s ease-in-out; -moz-transition: opacity 0.7s ease-in-out; -o-transition: opacity 0.7s ease-in-out; transition: opacity 0.7s ease-in-out; } .product-cover img { background: #FFFFFF; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } .product-cover .layer .zoom-in { font-size: 35px; color: #000; position: absolute; bottom: 5px; right: 5px; z-index: 99; cursor: pointer; } .product-cover .layer .zoom-in:hover{ color: #000;} .js-product-images-modal .modal-dialog{ background: #ddd; } @media (max-width: 768px) { } @media (min-width: 544px) { .js-product-images-modal .modal-dialog{ max-width: 800px; } } #product-modal .modal-content { background: transparent; border: none; padding: 0; } #product-modal .modal-content .modal-body { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; margin-left: 0; } #product-modal .modal-content .modal-body figure{ margin-bottom: 0px; width: 80%;} #product-modal .modal-content .modal-body .product-cover-modal { background: #FFFFFF; width: 100%; height: auto; } #product-modal .modal-content .modal-body .image-caption { background: #FFFFFF; padding: 0.625rem 1.25rem; border-top: #ebebeb 1px solid; } #product-modal .modal-content .modal-body .image-caption p { margin-bottom: 0; } #product-modal .modal-content .modal-body .thumbnails { position: relative; width: 20%; } #product-modal .modal-content .modal-body .mask { margin: 6rem 0; max-height: 655px; overflow: hidden; position: relative; z-index: 1; } #product-modal .modal-content .modal-body .mask.nomargin { margin-top: 0; } #product-modal .modal-content .modal-body .product-images { margin-left: 20px; } #product-modal .modal-content .modal-body .product-images img { width: 120px; cursor: pointer; background: #FFFFFF; } #product-modal .modal-content .modal-body .product-images img:hover { border: #005586 3px solid; } #product-modal .modal-content .modal-body .arrows { height: 100%; width: 100%; text-align: center; position: absolute; top: 0; color: #FFFFFF; right: 0; z-index: 0; cursor: pointer; } #product-modal .modal-content .modal-body .arrows .arrow-up { position: absolute; top: -20px; opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; -moz-opacity: 0.2; right: 35px; } #product-modal .modal-content .modal-body .arrows .arrow-down { position: absolute; bottom: -20px; right: 35px; } #product-modal .modal-content .modal-body .arrows i { font-size: 75px; display: inline; } #blockcart-modal .modal-header { color: #4cbb6c; } #blockcart-modal .modal-body { padding: 35px 25px; } #blockcart-modal .modal-body .divide-right span { display: inline-block; margin-bottom: 10px; } #blockcart-modal .modal-dialog { max-width: 1140px; width: 100%; } #blockcart-modal .product-image { width: 240px; border: 1px solid #ddd; } #blockcart-modal .modal-title { font-weight: 500; color: #4cbb6c; font-size: 18px; text-align: left !important; } #blockcart-modal .modal-title i.material-icons { margin-right: 7px; } #blockcart-modal .product-name { font-size: 16px; text-transform: capitalize; font-weight: 500; } .cart-title { color: #000; float: left; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; line-height: 18px !important; margin-top: 7px; position: relative; text-transform: capitalize; } #_desktop_cart .blockcart .blockcart-header a:hover .cart-title, #_desktop_cart .blockcart .blockcart-header a:hover .material-icons, #_mobile_cart .blockcart .blockcart-header a:hover .material-icons{ color: #005586;} #blockcart-modal .cart-products-count { font-size: 18px; color: #000; width: 100%; } #blockcart-modal .cart-content { padding-left: 2.5rem; } #blockcart-modal .cart-content button { margin-right: 0.3125rem; } #blockcart-modal .divide-right { border-right: 1px solid #ddd; } .product-images > li.thumb-container > .thumb, .images-container .product_list .thumb-container .thumb{ border: 1px solid #e8e8e8; cursor: pointer; margin-bottom: 10px; max-width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } .product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover, .images-container .product_list .thumb-container .thumb:hover { border-color: #005586; } .images-container .product-images > li.thumb-container > .thumb { margin-right: 10px; } #main .images-container .js-qv-mask ul, .quickview.modal .images-container .js-qv-mask ul { margin: 0 0 30px; } #main .images-container .js-qv-mask { white-space: nowrap; position: relative; overflow: hidden; margin: 0 auto; } #main .images-container .js-qv-mask.additional_slider{ width: 100%; } #main .images-container .js-qv-mask ul#additional-carousel{ margin:0px 0px; padding: 0 30px; } .thumb-container.item{ padding: 0 10px; } #product #tab-content .tab-pane{ border: 1px solid #e8e8e8; float: left; width: 100%; border-radius: 0px 5px 5px 5px; } #main .images-container .js-qv-mask .customNavigation{ top:50px; } .scroll-box-arrows { display: none; } .scroll-box-arrows.scroll { display: block; } .scroll-box-arrows i { position: absolute; bottom: 50px; cursor: pointer; font-size: 32px; line-height: 32px; background: #fff; color: #ddd; border: 2px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; height: 35px; width: 35px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .scroll-box-arrows i:hover{ border-color: #005586; color: #005586; } .scroll-box-arrows .left { left: 0; } .scroll-box-arrows .right { right: 0; } #product-availability { display: inline-block; font-weight: 700; margin-left: 10px; margin-top: 10px; } #product-availability .material-icons { line-height: inherit; } #product-availability .product-available { color: #4cbb6c; } #product-availability .product-unavailable { color: #ff9a52; } #product-availability .product-last-items { color: #ff9a52; } #product-details .label, .product-features h3 { font-weight: 600; margin-right: 10px; color : #414141; margin-bottom: 12px; } .product-manufacturer { margin-bottom: 15px; } .product-features { margin-top: 5px; margin-left: 0; } .product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name { width: 48%; display: inline-table; font-weight: normal; background: #f5f5f5; padding: 0.625rem; margin-right: 0.625rem; min-height: 2.5rem; word-break: break-all; vertical-align: top; } .product-features > dl.data-sheet dd.value:nth-of-type(even), .product-features > dl.data-sheet dt.name:nth-of-type(even) { background: #f6f6f6; } .product-features > dl.data-sheet dt.name { text-transform: capitalize; } .product-variants > .product-variants-item { margin: 25px 0; } .product-variants > .product-variants-item select { border: 1px solid #ebebeb; height: 30px; width: 100px; padding: 2px 10px; } .product-variants > .product-variants-item ul li { margin-right: 0.625rem; } .product-variants > .product-variants-item ul li { line-height: 9px; float: left; } .product-actions .product-quantity .compare { background: rgba(0, 0, 0, 0) url("../img/megnor/compress-alt-solid.svg") no-repeat scroll center; display: inline-block; height: 34px; position: relative; vertical-align: top; width: 34px; font-size: 0; right: 6px; top: 15px; background-size: 15px; } .product-actions .product-quantity .compare:hover{background: rgba(0, 0, 0, 0) url("../img/megnor/compress-alt-solid-hover.svg") no-repeat scroll center;background-size: 15px;} .product-actions .product-quantity .wishlist{ background:rgba(0, 0, 0, 0) url("../img/megnor/heart-regular.svg") no-repeat scroll center; display: inline-block; height: 34px; position: relative; vertical-align: top; width: 34px; font-size: 0; right: 6px; top: 15px; background-size: 15px; } .product-actions .product-quantity .wishlist:hover{background:rgba(0, 0, 0, 0) url("../img/megnor/heart-regular-hover.svg") no-repeat scroll center; background-size: 15px;} #product .product-variants > .product-variants-item ul li { margin-top: 10px; float: left; } .product-quantity .add { float: left; margin-bottom: 0.5rem; margin-top: 20px; width: auto; } .product-add-to-cart .product-quantity .product-double-quantity { float: left; width: 100%; } .product-variants > .product-variants-item .input-color:checked + span { border: 2px solid #005586; } .product-variants > .product-variants-item .color { margin: 0; width: 20px; height: 20px; border: 1px solid #ddd; } .product-flags { margin:0px; opacity:0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } li.product-flag { display: block; position: absolute; background: transparent !important; padding: 0.3125rem 0.4375rem; text-transform: capitalize; color: #333; z-index: 2; cursor: pointer; font-weight: 600; } .product-flags li.product-flag:hover { color: #005586; } li.product-flag.online-only { bottom: 10.7rem !important; left: 5px; right: auto; } .product-leftside:hover .product-flags { opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } li.product-flag.online-only::before { content: "\E30A"; font-family: 'Material Icons'; vertical-align: middle; margin: 0.3125rem; } li.product-flag.discount { right: 6px; top: 10px; } li.product-flag.on-sale { background: #005586; text-align: center; margin: 0; right: 6px; top: 10px; } li.product-flag.new{ left: 10px; top: 10px !important; } .product-customization { margin: 25px 0; } .product-customization .product-customization-item { margin: 15px 0; } .product-customization .product-message { background: #ebebeb; border: none; width: 100%; height: 3.125rem; resize: none; padding: 0.625rem; } .product-customization .product-message::-webkit-input-placeholder { color: #acaaa6; } .product-customization .product-message::-moz-placeholder { color: #acaaa6; } .product-customization .product-message:-moz-placeholder { color: #acaaa6; } .product-customization .product-message:-ms-input-placeholder { color: #acaaa6; } .product-customization .file-input { width: 100%; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; left: 0; z-index: 1; cursor: pointer; height: 2.625rem; overflow: hidden; position: absolute; } .product-customization .custom-file { position: relative; background: #ebebeb; width: 100%; height: 2.625rem; line-height: 2.625rem; text-indent: 0.625rem; display: block; color: #acaaa6; margin-top: 1.25rem; } .product-customization .custom-file button { z-index: 0; position: absolute; right: 0; top: 0; } .product-customization small { color: #acaaa6; } .product-pack { margin-top: 2.5rem; } .product-pack .pack-product-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; justify-content: space-around; } .product-pack .pack-product-container .pack-product-name { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 50%; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; font-size: 0.875rem; color: #acaaa6; } .product-pack .pack-product-container .pack-product-quantity { border-left: #ebebeb 2px solid; padding-left: 0.625rem; } .product-pack .pack-product-container .pack-product-name, .product-pack .pack-product-container .pack-product-price, .product-pack .pack-product-container .pack-product-quantity { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; align-items: center; } .product-refresh { margin-top: 1.25rem; } .social-sharing { width: 100%; clear: both; margin-top: 15px; /* display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center;*/ } .social-sharing ul { margin: 0; } .social-sharing span{ display: none; } .social-sharing li { height: 40px; width: 40px; border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; background-color: #FFFFFF; background-repeat: no-repeat; background-size: 30px 25px; background-position: 5px 7px; cursor: pointer; margin-right: 4px; border: 1px solid #ddd; float: left; } .social-sharing li a { display: block; width: 100%; height: 100%; white-space: nowrap; text-indent: 100%; overflow: hidden; } .social-sharing li:hover{border-color: transparent;} .social-sharing li a:hover { color: transparent; } .products-selection { margin-bottom: 1.25rem; } .products-selection .title { color: #333; } #blockcart-modal .cart-content .btn { margin-top: 20px; } #blockcart-modal .cart-content a.btn-primary { background: #005586; color: #fff; border-color: #005586; } #blockcart-modal .cart-content a.btn-primary:hover, #blockcart-modal .cart-content a.btn-primary:focus, #blockcart-modal .cart-content a.btn-primary:active{ color: #000; background-color: #e8e8e8; border-color: #e8e8e8; } .cart-grid { margin-bottom: 1rem; } .cart-items { margin-bottom: 0; } li.cart-item:last-child{ border-bottom: 0px; } .cart-item { border-bottom: 1px solid #e8e8e8; padding: 1rem 0; } .cart-summary-line { clear: both; } .cart-summary-line::after { content: ""; display: table; clear: both; } .cart-summary-line .label { padding-left: 0; font-weight: 400; white-space: inherit; float: left; } .products .product-miniature .product-flags li.pack { display: none; } .cart-summary-line .value { color: #636363; float: right !important; } .cart-summary-line.cart-summary-subtotals .label, .cart-summary-line.cart-summary-subtotals .value { font-weight: normal; } /** CART BODY **/ .cart-grid-body { margin-bottom: 0.75rem; } .cart-grid-body a.label:hover { color: #005586; } .cart-grid-body .card-block { padding: 1rem; } #cart .cart-grid-body .card-block { padding: 0; } .cart-grid-body .card-block h1 { margin-bottom: 0; font-size:20px; } .cart-grid-body hr { margin: 0; } .cart-grid-body .cart-overview { padding: 1rem; } #content-wrapper.left-column .label .material-icons { line-height: 23px; } /** CART RIGHT **/ .cart-grid-right hr { margin: 0; } .cart-grid-right .promo-discounts { margin-bottom: 0; } .cart-grid-right .promo-discounts .cart-summary-line .label { color: #333; } .cart-grid-right .promo-discounts .cart-summary-line .label .code { text-decoration: underline; cursor: pointer; } .block-promo .promo-code { padding: 1.60rem; background: #ebebeb; } .block-promo .promo-code .alert-danger { position: relative; margin-top: 1.25rem; background: #ff4c4c; color: #FFFFFF; display: none; } .block-promo .promo-code .alert-danger::after { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ff4c4c; border-width: 10px; margin-left: -10px; } .block-promo .promo-input { color: #414141; border: #acaaa6 1px solid; height: 2.5rem; text-indent: 0.625rem; width: 60%; } .block-promo .promo-input + button { margin-top: -4px; text-transform: capitalize; } .block-promo .cart-summary-line .label, .block-promo .promo-name { color: #ff9a52; font-weight: 600; } .block-promo .cart-summary-line .label a, .block-promo .promo-name a { font-weight: normal; color: #414141; display: inline-block; } .block-promo .promo-code-button { padding-left: 1.25rem; margin-bottom: 1.25rem; display: inline-block; } .block-promo.promo-highlighted { padding: 1.25rem; padding-bottom: 0; margin-bottom: 0; } /** CONTENT LEFT **/ .product-line-grid-left img { max-width: 100%; border: 1px solid #e8e8e8; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } .cart-grid .card.cart-container { border: 1px solid #e8e8e8; } /** CONTENT BODY **/ .product-line-grid-body > .product-line-info > .label { padding: 0; line-height: inherit; text-align: left; white-space: inherit; font-weight: normal; } .product-line-grid-body > .product-line-info > .out-of-stock { color: red; } .product-line-grid-body > .product-line-info > .available { color: #4cbb6c; } .product-line-grid-body > .product-line-info > .unit-price-cart { padding-left: 0.3125rem; font-size: 0.875rem; color: #333; } /** CONTENT LEFT **/ .product-line-grid-right .bootstrap-touchspin { width: 4.25rem; float: left !important; } .product-line-grid-right .bootstrap-touchspin > .form-control, .product-line-grid-right .bootstrap-touchspin > .input-group { color: #000; background-color: #FFFFFF; height: 2.5rem; padding: 0.175rem 0.5rem; width: 3rem; } .product-line-grid-right .bootstrap-touchspin > .input-group-btn-vertical { width: auto; } .product-line-grid-right .cart-line-product-actions, .product-line-grid-right .cart-line-product-actions-main, .product-line-grid-right .product-price { color: #000; line-height: 36px; padding: 0; } .product-line-grid-right .product-price strong{ font-size: 18px; font-weight:600; } .product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .cart-line-product-actions-main .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart { color: #000; display: inline-block; margin-top: 0; } .product-line-grid-right .cart-line-product-actions .remove-from-cart:hover, .product-line-grid-right .cart-line-product-actions-main .remove-from-cart:hover, .product-line-grid-right .product-price .remove-from-cart:hover { color: #005586; } #checkout #content .col-md-8{ float: left; width: 66.66667%; } #checkout #content .col-md-4 { float: left; width: 33.33333%; } #checkout #content #js-checkout-summary{ margin-bottom:30px; margin-top: 0;} #js-checkout-summary .card-block .cart-summary-products a, #conditions-to-approve .condition-label .js-terms a { color: #005586; font-size: 13px; } #js-checkout-summary .card-block .cart-summary-products a:hover, #conditions-to-approve .condition-label .js-terms a:hover { color: #000; } li.online-only { width: auto; bottom: 45px ; left: auto; right:auto; top:auto; margin: 0 !important; } #module-psblog-blog .blog-created .date, #module-psblog-list .blog-created .date{ color: #000; float: none; } /*** Responsive part ***/ @media (max-width: 360px) { .product-line-grid-right .qty { width: 100%; } .product-line-grid-right .price { width: 100%; } } #block-reassurance { border: 1px solid #e8e8e8; background: #FFFFFF; border-radius: 5px; } #block-reassurance img { opacity: .7; -khtml-opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; width: 1.5625rem; margin-right: 10px; float: left; } #block-reassurance li { border-bottom: 1px solid #ddd; } #block-reassurance li:last-child { border: 0; } #block-reassurance li .block-reassurance-item { padding: 1rem 1.5rem; } #product #block-reassurance { display: none; } #block-reassurance ul{ margin-bottom:0px; } #block-reassurance span { font-weight: 400; font-size: 14px; } .quickview .modal-dialog { width: calc(100% - 30px); max-width: 64rem; } .quickview .modal-content { min-height: 28.125rem; } .quickview .modal-header { border: none; padding: 0; position: relative; z-index: 9; } .quickview .modal-header .close{ margin-top:-1px; } .quickview .modal-body { min-height: 23.75rem; padding: 30px 25px 0; } .quickview .modal-footer { border-top: none; padding:15px 0; } .quickview .layer { display: none; } .quickview .product-cover img { width: 95%; } .quickview .images-container { z-index: 1; min-height: 21.875rem; } .quickview .images-container .product-images > li.thumb-container > .thumb { width: 4.9375rem; margin-bottom: 0.8125rem; background: #FFFFFF; } .quickview .mask { position: relative; } .quickview .mask.additional_slider .customNavigation{top: 50px;} .quickview .mask.additional_slider .customNavigation a.prev{ left: 0;} .quickview .mask.additional_slider .customNavigation a.next{ right: 0;} .quickview .arrows { position: absolute; top: 0; height: 22.5rem; right: 5rem; z-index: 0; } .quickview .arrows .arrow-up { margin-top: -3.125rem; cursor: pointer; opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; -moz-opacity: 0.2; } .quickview .arrows .arrow-down { position: absolute; bottom: -1.875rem; cursor: pointer; } .quickview .social-sharing { margin-top: 0; margin-left: 0px; } #stores .page-stores { width: 100%; margin: 0 auto; } #stores .page-stores .store-item { padding-left: 0.75rem; padding-right: 0.75rem; } #stores .page-stores .store-picture img { max-width: 100%; } #stores .page-stores .store-item-container { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; padding: 1.875rem 0; } #stores .page-stores .store-item-container ul { margin-bottom: 0; font-size: 0.9375rem; } #stores .page-stores .store-item-container .divide-left { border-left: #ebebeb 1px solid; } #stores .page-stores .store-item-container .divide-left tr { height: 1.5625rem; } #stores .page-stores .store-item-container .divide-left td { padding-left: 0.375rem; } #stores .page-stores .store-item-container .divide-left th { text-align: right; } #stores .page-stores .store-item-container .store-description { font-size: 1rem; } #stores .page-stores .store-item-footer { margin-top: 0.5rem; padding-top: 0.5rem; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-box-pack: distribute; -moz-box-pack: distribute; box-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; -o-justify-content: space-around; justify-content: space-around; -ms-flex-pack: distribute; } #stores .page-stores .store-item-footer.divide-top { border-top: #ebebeb 1px solid; } #stores .page-stores .store-item-footer div:first-child { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 65%; -moz-flex: 0 0 65%; -ms-flex: 0 0 65%; flex: 0 0 65%; } #stores .page-stores .store-item-footer i.material-icons { margin-right: 0.625rem; color: #acaaa6; font-size: 1rem; } #stores .page-stores .store-item-footer li { margin-bottom: 0.625rem; } /*** Responsive part ***/ @media (max-width: 543px) { #tmservicecmsblock .servicecms.container{ padding: 0; } #stores .page-stores .store-item-container { display: block; } #stores .page-stores .store-item-container .divide-left { border-left: none; } #stores .page-stores .store-item-container .store-description a { margin-bottom: 0.5rem; } #stores .page-stores .store-item-container .store-description address { margin-bottom: 0.5rem; } #stores .page-stores .store-item-footer { display: block; } #stores .page-stores .store-item-footer.divide-top { border-top: #ebebeb 1px solid; } #stores .page-stores .store-item-footer li { margin-bottom: 0.625rem; } #stores .page-stores .store-item-footer .card-block { padding: 0.75rem 0.75rem 0; } } .block_newsletter { padding-left: 0; padding-right: 0; width: 26%; } .block_newsletter form { display: inline-block; position: relative; width: 100%; } .block_newsletter form .col-xs-12 { margin-left: 0; padding: 0; width: 100%; background: #f5f5f5 none repeat scroll 0 0; } .col-xs-12.forcondition { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; clear: both; float: right; margin: 10px 0 !important; padding: 0 !important; width: 100%; } .block_newsletter .col-md-7.col-xs-12 { float: right; position: relative; width: 100%; padding: 0; margin-top: 10px; } #block_email_toggle.collapse { display: block; } .block_newsletter form input[type="text"] { border: medium none; min-width: 255px; padding: 10px; width: 100%; } .block_newsletter form input[type=text]:focus + button .search { color: #005586; } /*.block_newsletter form input[type=text]::-webkit-input-placeholder { color: rgba(172, 170, 166, 0.5); text-indent: 0.625rem; } .block_newsletter form input[type=text]::-moz-placeholder { color: rgba(172, 170, 166, 0.5); text-indent: 0.625rem; } .block_newsletter form input[type=text]:-moz-placeholder { color: rgba(172, 170, 166, 0.5); text-indent: 0.625rem; } .block_newsletter form input[type=text]:-ms-input-placeholder { color: rgba(172, 170, 166, 0.5); text-indent: 0.625rem; } */ .block_newsletter form button[type=submit] { position: absolute; background: none; border: none; bottom: 0.3125rem; right: 0.125rem; color: #333; } .block_newsletter form button[type=submit] .search:hover { color: #005586; } .block_newsletter p { padding: 10px 0 0 0px; margin: 0; font-weight: 300; } .block_newsletter p.title { width: 100%; float: left; position: relative; padding: 0; } .block_newsletter p.alert { padding: 5px; width: 100%; } .block_newsletter form .input-wrapper { overflow: hidden; width: 85%; } .block_newsletter form input[type=text]:focus { outline: 0; } .block_newsletter form input.btn { background: #005586 none repeat scroll 0 0; color: #ffffff; font-size: 14px; font-weight: 600; } .block_newsletter form input { height: 45px; padding: 5px 20px 5px !important; outline: 0; font-weight: 300; font-size: 13px; line-height: 20px; background: #f5f5f5 none repeat scroll 0 0; color: #000000; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; position: relative; } .block_newsletter form input.btn { background: url("../img/megnor/newsletter.png") no-repeat scroll center center; font-size: 0; padding: 0; position: absolute; color:#fff; text-transform: capitalize; height: 15px; width: 15px; right: 15px; border: none; top: 15px; } .block_newsletter .btn:hover { background: url("../img/megnor/newsletter.png") no-repeat scroll center center; color:#ffffff; border: none; } .block-contact { width: 33% !important; } .linklist .blockcms-title a { color: #414141; } .account-list a { color: #acaaa6; } .account-list a:hover { color: #005586; } .blockcms-title, .myaccount-title, .myaccount-title a, .block-contact-title, .footer-container h3.h3 { font-weight: 600; font-size: 18px; margin-bottom: 25px; } .footer-container .footer-after1 { float: left; position: relative; width: 40.5%; } .block-social { float: none; position: relative; text-align: center; margin-top: 0; } .social_block { display: inline-block; padding: 0 14px; position: relative; text-align: center; vertical-align: top; z-index: 9; } .block-social li:last-child { margin-right: 0; } .block-social li { background-color: #e8e8e8; background-position: 8px 9px; background-repeat: no-repeat; background-size: 16px 16px; border: 1px solid #e8e8e8; border-radius: 50%; cursor: pointer; display: inline-block; height: 35px; margin-right: 3px; width: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .block-social li a { display: block; height: 100%; white-space: nowrap; text-indent: 100%; overflow: hidden; font-size: 0 !important; } .block-social ul{ margin: 0; } .block-social li a:hover { color: transparent; } .block-social li.googleplus a, .block-social li.vimeo a{ font-size: 24px;} .facebook{ background-image: url(../css/3935e107ea61866e60d7946dc6a962f2.svg); } .facebook:hover, .twitter:hover, .rss:hover, .googleplus:hover,.pinterest:hover, .instagram:hover, .vimeo:hover,.youtube:hover{ background-color: #005586; border-color: #005586;} .facebook:hover { background-image: url(../css/8b05d51ede908907d65695558974d86f.svg); } .facebook.icon-gray { background-image: url(../css/d3fbae74a276a9f6cf1d6241f29b61a3.svg); } .facebook.icon-gray:hover { background-image: url(../css/8b05d51ede908907d65695558974d86f.svg); background-color: #3b5998; } .twitter { background-image: url(../css/a67175d1ea11389d9107bd8c08f9d7d71.svg); } .twitter:hover{ background-image: url(../css/ffddcb3736980b23405b31142a324b62.svg); } .twitter.icon-gray { background-image: url(../css/d1a435fd2571e67858a31ee954b52278.svg); } .twitter.icon-gray:hover { background-image: url(../css/ffddcb3736980b23405b31142a324b62.svg); background-color: #1dcaff; } .rss { background-image: url(../css/cf2f3c1d5c7cb02c29f61964313148e2.svg); } .rss:hover { background-image: url(../css/cf2f3c1d5c7cb02c29f61964313148e2_hover.svg); } .youtube { background-image: url(../css/22c0528acb6d9cd5bf4c8f96381bc05c.svg); } .youtube:hover { background-image: url(../css/22c0528acb6d9cd5bf4c8f96381bc05c_hover.svg); } .googleplus { background-image: url(../css/36bff72dcba3098b4b70b482b22c29ab1.svg); } .googleplus:hover{ background-image: url(../css/c1a65805f759901a39d10eb854c1dcf2.svg); } .googleplus.icon-gray { background-image: url(../css/7c24d4275efcbe8891f78378b7c808e0.svg); } .googleplus.icon-gray:hover { background-image: url(../css/c1a65805f759901a39d10eb854c1dcf2.svg); background-color: #d34836; } .footer-container .links .h3, .footer-container .links h3, .footer-container .links h3 a, .block_newsletter p.title { color: #fff; font-size: 14px; font-weight: 500; line-height: 26px; margin-bottom: 7px; text-transform: capitalize; } .pinterest { background-image: url(../css/b1db819132e64a3e01911a1413c33acf.svg); } .pinterest::before { content: ""; background-image: url(../css/b1db819132e64a3e01911a1413c33acf.svg); } .pinterest.icon-gray { background-image: url(../css/7988be8b63edf9c4accebf94d5db7927.svg); } .pinterest.icon-gray:hover { background-image: url(../css/b1db819132e64a3e01911a1413c33acf_hover.svg); } .pinterest:hover{ background-image: url(../css/b1db819132e64a3e01911a1413c33acf_hover.svg); } .vimeo { background-image: url(../css/f255af0bbbe837e79f7821827f9c6f10.svg); } .vimeo:hover { background-image: url(../css/f255af0bbbe837e79f7821827f9c6f10_hover.svg); } .instagram { background-image: url(../css/0266b05265f317a7409560b751cd61e8.svg); } .instagram:hover { background-image: url(../css/0266b05265f317a7409560b751cd61e8_hover.svg); } .footer-before{ color: #000; position:relative; display: none; } .footer-container { padding: 0px; clear: both; width: 100%; background: black; } #footer .footer-container .container { padding: 0; } #tmservicecmsblock .servicecms.container { background: #f0f0f0; border-radius: 5px; padding: 0 27px; margin-bottom: 50px; } .col-md-12.forecopyright { vertical-align: top; float: left; padding: 5px 0; text-align: left; width: auto; } .row.footer-after { float: right; margin: 5px 0 0; position: relative; text-align: right; width: auto; } .footer-container li { margin-bottom: 0.3125rem; transition: all 500ms ease 0s; -webkit-transition: all 500ms ease 0s; -moz-transition: all 500ms ease 0s; -ms-transition: all 500ms ease 0s; -o-transition: all 500ms ease 0s; } .footer-container li a { color: #fff; cursor: pointer; font-size: 13px; line-height: 26px; font-weight: 300; text-transform: capitalize; } .footer-container .links li a::before { background: rgba(0, 0, 0, 0) url("../img/megnor/footer-arrow.png") no-repeat scroll 0 4px; content: ""; height: 20px; left: 0; padding-left: 18px; position: relative; top: 0; width: 20px; } .footer-container .links li:hover a::before{ background-position: 0 -27px;} .footer-container li a:hover { color: #9e9d9d; } .footer-container .links .collapse { display: inherit; } .footer-container .block-contact.links li a::before{ content: none; } #block-contact_list { line-height: 20px; color: #fff; font-weight: 300; font-size: 13px; } .block-contact .image { float: left; height: 25px; left: 0; margin: 0 auto; position: relative; right: 0; text-align: center; width: 25px; } .block-contact .address.image{height: 27px;} .block-contact .address { background: rgba(0, 0, 0, 0) url("../img/megnor/placeholder.svg") no-repeat scroll center; background-size: 27px; margin-right: 10px; } .block-contact .contact { background: rgba(0, 0, 0, 0) url("../img/megnor/phone-call.svg") no-repeat scroll center; background-size: 25px; margin-right: 10px; } .block-contact .email { background: rgba(0, 0, 0, 0) url("../img/megnor/mail.svg") no-repeat scroll center; background-size: 25px; margin-right: 10px; } .block-contact #block-contact_list { margin: 0; } #footer .bottom-row-footer .row.footer-after1.hb-animate-element.bottom-to-top{ width: 60%; float: none; vertical-align: top; display: inline-block; } #block-contact_list > li { clear: both; position: relative; width: 100%; float: left; margin-bottom: 20px; } #block-contact_list li .material-icons { float: left; font-size: 17px; line-height: 15px; margin-right: 5px; margin-top: 5px; padding-right: 0; vertical-align: middle; width: 18px; color: #005586; } #block-contact_list li .contactdiv { float: left; } .footer-container .links.links2{ width:50%; } .footer-container .links{ width:20.5%; margin-bottom: 10px;} #search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio{top: 0px !important;} .block-contact.col-md-4.links.wrapper.hb-animate-element.bottom-to-top.hb-in-viewport{padding-left: 15px;} .contact-rich .icon { float: left; width: 45px; } .contact-rich .icon i { font-size: 2rem; cursor: pointer; } .contact-rich .icon i:hover { color: #005586; } .contact-rich .data { width: auto; overflow: hidden; } .contact-form { background: #FFFFFF; padding: 1rem; color: #333; width: 100%; } .contact-form h3 { text-transform: capitalize; color: #000; } #products #main .page-header{ margin: 2rem 0 3rem; } #products #main .page-content, #pagenotfound #main .page-content { margin-bottom: 10rem; } #products .page-not-found, #pagenotfound .page-not-found { background: #FFFFFF; padding: 30px; border:1px solid #ddd; } #products .page-not-found h4, #pagenotfound .page-not-found h4 { margin: 0 0 10px; } #products .page-not-found .search-widget, #pagenotfound .page-not-found .search-widget { bottom: 0; float: none; padding: 0; position: relative; right: 0; } #products .page-not-found .search-widget input, #pagenotfound .page-not-found .search-widget input { width: 100%; } .customization-modal .modal-content { border-radius: 0; -webkit-border-radius:0px; -khtml-border-radius:0px; -moz-border-radius:0px; border: 1px solid #ddd; } .customization-modal .modal-content .modal-body { padding-top: 0; } .customization-modal .modal-content .modal-body .product-customization-line { padding-bottom: 0.9375rem; padding-top: 0.9375rem; border-bottom: 1px solid #ddd; } .customization-modal .modal-content .modal-body .product-customization-line .label { font-weight: bold; text-align: right; } .customization-modal .modal-content .modal-body .product-customization-line:last-child { padding-bottom: 0; border-bottom: 0; } /*** HEADER ***/ .popover { font-family: inherit; } /*** MAIN ***/ /*#main .page-header { margin-bottom: 1.5625rem; }*/ #main > h1, #main h2.h2, #main .page-header h1, .block-category h1{ font-size:22px; color:#414141; text-transform: uppercase; margin-bottom: 25px; } #main .page-content { margin-bottom: 1.5625rem; border:1px solid #e8e8e8; padding: 30px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } #sitemap #main .page-content{padding: 30px 30px 10px 30px;} #main .page-content h6 { margin-bottom: 1.125rem; font-weight: normal; } #main .page-content #notifications { margin-left: -15px; margin-right: -15px; } #main .page-footer { margin-bottom: 0; } #notifications ul { margin-bottom: 0; } /*** FOOTER ***/ #footer .footer-container .row.footer { position: relative; background: black; border-top: 1px solid #e8e8e8; padding-top: 50px; } .top_button { background: url(../img/megnor/back_to_top.png) no-repeat scroll 0 0 transparent; height: 40px; width: 40px; border-radius: 50%; right: 10px; bottom: 10px; display: none; position: fixed; z-index: 95; } /* Flexslider */ #index .spinner { background: url(../img/megnor/loading.gif) no-repeat center center #f5f5f5; width: 100%; min-height: 440px; } .sitemap .tree{ padding-left:25px; } .sitemap .tree li { padding:5px 0; } .sitemap .tree li a:before { content: "\E315"; display: inline-block; font-family: 'Material Icons'; padding-right: 8px; } /* Cloudzooom */ .cloud-zoom-lens {border: 4px solid #888;margin:-4px;background-color:#fff;cursor:move;} .cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;} .cloud-zoom-big {border:4px solid #ccc;overflow:hidden;} .cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;} .zoomPad{ position:relative; float:left; z-index:99; cursor:crosshair; } .zoomPreload{ opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; width:100px; height:49px; } .zoomPup{ overflow:hidden; background-color: #FFF; opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; } .zoomOverlay{ position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5;*/ z-index:5000; width:100%; height:100%; display:none; z-index:101; } .zoomWindow{ position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; } .zoomWrapper{ position:relative; border:1px solid #999; z-index:110; } .zoomWrapperTitle{ display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -khtml-opacity: 0.6; -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); } .zoomWrapperImage{ display:block; position:relative; overflow:hidden; z-index:110; } .zoomWrapperImage img{ border:0px; display:block; position:absolute; z-index:101; } .zoomIframe{ z-index: -1; filter:alpha(opacity=0); opacity: 0.80; -khtml-opacity: 0.80; -webkit-opacity: 0.80; -moz-opacity: 0.80; position:absolute; display:block; } .title .name{ font: 700 14px/19px "Lato", sans-serif; color: #005586; text-transform: uppercase; } .title .subheading{ font: normal 12px/18px "Lato", sans-serif; color: #242424; float: left; width: 100%; text-transform: capitalize; } #tmtestimonialcmsblock .main-block .image img{ border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius:50%; -moz-border-radius: 50%; } .dropdown-item:hover{ color: #005586; } #tmbanner p{ margin: 0; } .quickview .product-actions .control-label, .quickview .product-actions-main .control-label{ float: left; width: 100px; margin-right: 30px; } .quickview .product-quantity .add{ width: auto; margin-top: 15px; } .quickview .product-minimal-quantity { margin: 0; } .countinue-cart.label { border: 1px solid #005586; background: #005586; padding: 10px 15px; color: #fff; text-transform: uppercase; font-weight: 400; } .countinue-cart.label:hover{ background-color: #242424; border-color: #242424; color: #fff !important; } .copyright a { color: white; font-size: 13px; font-weight: 300; line-height: 20px; } .copyright a:hover{ color: #9e9d9d; } #tm_footerlink li:last-child{ border-right: none; } .cart_block_list { max-height: 131px; overflow: auto; } #contact #left-column { width: 23%; margin-top: 0; } #contact #content-wrapper { width: 77%; } .brands { clear: both; float: none; padding: 40px 0 40px 0; position: relative; width: 100%; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-bottom: 40px; } .slide.tmleftbanner1-container img { width: 100%; } .products img.img_1 { left: 0; margin: 0 auto; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -moz-transform: scaleX(0); } .products .secondary_image{ left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; } .product_item:hover img.replace-2x, .products li.item:hover img.replace-2x,.products li.item:hover .secondary_image, .product_item:hover .secondary_image{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -moz-transform: scaleX(1); } #js-checkout-summary { margin-top: 30px; } #tm_footerlink li:first-child {padding-left: 0;} #tmsubbannercmsblock { float: right; margin-bottom: 20px; position: relative; width: 32.2%; } #tmsubbannercmsblock .subbanner1 { float: right; overflow: hidden; position: relative; width: 100%; margin-bottom:18px; cursor: pointer; } #tmsubbannercmsblock .subbanner1 a,#tmsubbannercmsblock .subbanner2 a{display: inline-block;} #tmsubbannercmsblock .subbanner1 .img-banner a::before, #tmsubbannercmsblock .subbanner2 .img-banner a::before{ background-color: #000; bottom: 0; content: ""; left: 50%; margin: auto; opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; -moz-opacity: 0.1; position: absolute; right: 50%; top: 0; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } #tmsubbannercmsblock .subbanner1 .img-banner a:hover::before, #tmsubbannercmsblock .subbanner2 .img-banner a:hover::before{ left: 0; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; right: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; } #tmsubbannercmsblock .subbanner1 .img-banner a::after, #tmsubbannercmsblock .subbanner2 .img-banner a::after{ background-color: #000; bottom: 50%; content: ""; left: 0; opacity: 0.1; -khtml-opacity: 0.1; -webkit-opacity: 0.1; -moz-opacity: 0.1; position: absolute; right: 0; top: 50%; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } #tmsubbannercmsblock .subbanner1 .img-banner:hover a::after, #tmsubbannercmsblock .subbanner2 .img-banner a:hover::after{ bottom: 0; top: 0; opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; transition: all 900ms ease-in-out 0s; -webkit-transition: all 900ms ease-in-out 0s; -moz-transition: all 900ms ease-in-out 0s; -ms-transition: all 900ms ease-in-out 0s; -o-transition: all 900ms ease-in-out 0s; } #tmsubbannercmsblock .subbanner1 .text-block { position: absolute; right: 55%; top: 25%; text-align: left; left: auto; float: left; } #tmsubbannercmsblock .subbanner2 .text-block { position: absolute; right: 15%; top: 25%; text-align: left; left: auto; float: right; } #tmsubbannercmsblock .text1 { font-size: 12px; line-height: 16px; font-weight: 400; color: #005586; margin: 0; padding: 2px 4px 2px 6px; border: 1px solid; border-radius: 5px; text-transform: capitalize; float: left; } #tmsubbannercmsblock .text2 { font-size: 14px; line-height: 18px; color: #000000; margin-top: 35px; font-weight: 300; } #tmsubbannercmsblock .text3{ font-size: 20px; line-height: 18px; font-weight: 500; color: #000000; } #tmsubbannercmsblock .subbanner2 { float: right; overflow: hidden; position: relative; width: 100%; margin-bottom: 0; cursor: pointer; } @media (max-width: 1249px) { #tmcmsblock .second-content { margin: 0 17px; } } @media (max-width: 1199px) { #tmsubbannercmsblock .subbanner1 .text-block{right: 50%;} #tmsubbannercmsblock .subbanner2 .text-block{right: 10%;} #authentication .custom-checkbox label{line-height: 18px;} /* .col-md-3 { float: left; width: 25%; } .col-md-9 { float: left; width: 75%; } */ body#checkout section#content{width: 75%;} .block-categories .block_content .collapse-icons{right: -9px;} #main .images-container .js-qv-mask .customNavigation { top: 35px; } #tmservicecmsblock .footer_top_inner .footerblock::after { right: 10px; } #tmservicecmsblock .footer_top_inner .footerblock{width: 24.6%;} #tmservicecmsblock .servicecms.container{padding: 0 10px;} .top-menu a[data-depth="0"] { padding: 9px 10px 7px; } #search_widget { right: 0%; } #tmcmsblock .second-content { margin: 0 14px; } .close-btn{ top: 10px;} #left-column .product-title a{ letter-spacing: 0.5px;} #tmcmsblock .cms_content{ padding: 15px 0 0 21px;} #tmcmsbannerblock .banner-text1, #tmcmsbannerblock .banner-subtext2{ font-size: 25px;} #tmcmsbannerblock .banner-text3{ letter-spacing: 1px;} #tmcmsblock .main-content .cms_img:hover .cms_content{ left: 20%;} #footer .bottom-row-footer .row.footer-after1.hb-animate-element.bottom-to-top{width: 50%;} #blockcart-modal .product-image{ width: 220px;} #new-products .products-sort-order .select-title{ font-size: 12px;} #contact #left-column #contact-rich .block_title { font-size: 17px; } body{ padding: 0;} .col-md-6.pro_detail{ margin-bottom: 30px; } #contact .form-footer.text-xs-right{ margin-bottom: 20px;} #tm_vertical_menu_top .menu-title{ padding: 20px 10px; } .box-cms-content{ padding: 0 0 0 180px; } #header .header-nav{ padding: 0; } #tmcmsbannerblock .subbanner1{ width: 48%; } #tmcmsbannerblock .subbanner2{ width: 48%; } .box-cms-content { float: left; width: 100%; position: relative; margin-bottom: 30px; padding: 0 0 0 20px; } .service-right{ padding-right: 10px;} .second-content{ float: right; width: auto;} .fourth-content {margin: 0; width: auto;} .first-content{ width:auto;} .service-title{ font-size: 13px; } .block-contact{ width: 37% !important; } .footer-container .links { width: 18%; } #tmfootercmsblock .footer-desc{ width: 48%; } .icon-left1 { margin: 0 10px; } .icon-left2 { margin: 0 5px; } .icon-left3 { margin: 0 0 0 5px; } .service-right .sub-title { font-size: 12px; } #tm_toplink ul li a{ padding: 5px 8px;} #tmsubbanner1 li { width: 48.5% !important; } #tmcms1block .bannercms-content{ top: 15.8%;} #tmcms1block .cms1banner:hover .bannercms-content{ top: 13%;} #tmsubbanner a img { width: 100%; } .block_newsletter .title { font-size: 20px; } .page-customer-account #content{ overflow: auto; } #tmfootercmsblock .footer_logo{ padding: 35px 30px 0 35px;} #search_filters .facet .facet-label a{ font-size: 13px;} #cart .cart-grid .label {font-size: 15px;} #password .btn { margin-top: -2px;} #contact .page-content{ padding:0 15px;} #categories_blog_menu{ margin-bottom: 30px !important;} .banner-text1{ font-size: 35px;} .bannercms-content1, .bannercms-content2{top: 17%;} .products-sort-order .dropdown-menu{width: 89.5%;} #breadcrumb_wrapper{ width: 75.8%;} #tmnavcmsblock p{ letter-spacing: 0.5px;} .top-menu .sub-menu{ min-width:520px;} .top-menu .sub-menu ul[data-depth="1"] > li{ min-width: 160px;} #product .nav-tabs .nav-item { margin-bottom: -1px; } } @media (max-width: 991px) { #tmsubbannercmsblock{width: 31.5%;} #tmsubbannercmsblock .subbanner1 .text-block { right: 40%; } #tmsubbannercmsblock .text3{font-size: 18px;} /* .products .product_list li.product_item, .products .product_list li.item .col-md-6{width: 33.33333%;} */ #search_widget { display: block; float: right; padding: 2px 0 0; margin-right: 10px; position: relative; width: auto; } .header-nav span.search_button { background: url(../img/megnor/search1.svg) no-repeat center; color: #fff; background-size: 20px; cursor: pointer; display: block; font-size: 0; height: 35px; padding: 0; position: relative; text-align: center; width: 35px; z-index: 5; } .header-nav span.search_button.active{ background: url(../img/megnor/close.svg) no-repeat center; background-size: 16px; height: 35px; width: 35px; } .header-nav .searchtoggle { display: none; position: absolute; right: 0; top: 54px; width: 250px; z-index: 9; } .search-widget form input[type="text"]{padding: 10px;} .col-sm-3.col-xs-4.hidden-lg-up.filter-button #search_filter_toggler.btn.btn-primary{ padding: 9px 10px; } #footer .footer-container .container { padding: 0 15px; } #left-column .block, #right-column .block, #left-column .links, #right-column .links{border-bottom: none;} body#checkout section#content { width: 100%; padding-left: 0; } #_desktop_user_info .user-info, #header .header-nav .user-info{top: 44px;} #search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio{margin-left: 5px;} #facet_label_10892 {margin-left: 5px;margin-right: 10px;} #slider-range_10892 {margin-left: 5px;margin-right: 10px;} .block-categories .category-sub-menu{margin-right: 9px;} #product-modal .modal-content .modal-body .product-images { margin-left: 15px; } #product-modal .modal-content .modal-body .thumbnails { width: 100%; float: left; } #product-modal .modal-content .modal-body figure { width: 100%; } .quickview .mask.additional_slider .customNavigation a.prev { left: -6px; } .quickview .mask.additional_slider .customNavigation a.next { right: -6px; } .row.footer-after.hb-animate-element.bottom-to-top { padding-bottom: 10px; } #tmservicecmsblock .footer_top_inner .footerblock::after { right: 20px; } #tmservicecmsblock .footer_top_inner .footerblock { width: 50%; } .footerblock2.footerblock.hb-animate-element.bottom-to-top.hb-in-viewport,.footerblock4.footerblock.hb-animate-element.right-to-left.hb-in-viewport{float: right;} #tmservicecmsblock .servicecms.container{padding: 0 20px;} .footerblock2.footerblock.hb-animate-element.bottom-to-top.hb-in-viewport::after{display: none;} #header .header-nav .menu-icon.active .cat-title.title2 { padding: 10px 0; } #footer .bottom-row-footer .row.footer-after1.hb-animate-element.bottom-to-top { width: 100%; } #footer .bottom-row-footer .row.footer-after1.hb-animate-element.bottom-to-top.hb-in-viewport{width: 100%;} /* .products .product_list li .thumbnail-container .compare{display: none;} .products .product_list li .thumbnail-container .wishlist{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); top: 10px; }*/ #header .header-nav .container .menu-container { padding: 0; } .mobile-menu { float: left; margin-right: 0px; } .menu-icon .title2 { display: none; } .menu-icon.active .title2 { display: block; } .social_block{ text-align: center;padding-bottom: 10px;} #checkout #content #js-checkout-summary{ margin:20px 0 0;} #checkout #content .col-md-4 { width: 100%;} #_mobile_currency_selector .dropdown-menu{ top:32px} #header .currency-selector .expand-more, #header .language-selector .expand-more{ color: #333;} #contact #content-wrapper{ padding:0;} #products .products .list li.product_item .center-block{ padding: 0 20px; width: 58%; } #left-column .block .block_title, #right-column .block .block_title, #left-column .links .h3, #right-column .links .h3, #left-column .block-categories .block_title a{ font-size: 16px;} #index .spinner { min-height: 328px;} #left-column{ margin-top:20px; } .top-menu a.dropdown-item.dropdown-submenu[data-depth="1"]:hover{ padding-left: 10px !important } .col-md-12.forecopyright{ margin-top: 15px;} #tmpaymentcmsblock { top: 0; position: relative; padding: 10px 0; } .block_newsletter .col-md-7.col-xs-12 { float: left; width: 100%; margin: 20px 0; padding:0 5px; } #tm_footerlink li:first-child { padding-left: 12px; } .footer-before .container{ height: auto; } .col-xs-12.forcondition{ right: 0;} .block_newsletter {padding-right: 0; padding-left:0;} .tab-main-title { float: none; width: 100%; margin: 0 auto 5px; position: relative; text-align: center; left: 0; right: 0; display: inline-block; } #header .header-nav .material-icons { line-height: 20px; font-size: 24px; } #header .header-nav #_mobile_cart .cart.material-icons{ display: none !important;} #header .header-nav .material-icons.expand-more{display: inline-block;} .footer-container .col-md-6{ width:100%; } .footer-container .title.hidden-md-up, #search_filters .facet .facet-title.hidden-md-up{display: block !important;} #content-wrapper, .layout-left-column #content-wrapper, .layout-right-column #content-wrapper, #left-column, #right-column{width:100% !important; padding-left:0px; padding-right:0px;} .block-social { text-align: center; clear: both; display: inline-block; width: 100%; } .block-contact { padding-left: 1.5rem; } .footer-container .hidden-sm-down, #search_filters .facet .facet-title.hidden-sm-down {display: none !important;} .footer-container .links:first-child, .footer-container .links{ width:100%; margin:0px; padding:0; } .footer-container .wrapper { padding-left: 0 !important; padding-right: 0 !important; } .footer-container .links .title, .block_newsletter .title { cursor: pointer; } .footer-container .links .title .collapse-icons .remove, .block_newsletter .title .collapse-icons .remove{ display: none; } .footer-container .links .title[aria-expanded="true"] .collapse-icons .add { display: none; } .footer-container .links .title[aria-expanded="true"] .collapse-icons .remove, .block_newsletter .links .title[aria-expanded="true"] .collapse-icons .remove { display: block; color: #005586; } .footer-container .links .navbar-toggler, .block_newsletter .title .navbar-toggler{ display: inline-block; padding: 0; } .footer-container .links .collapse { display: none; } .footer-container .links .collapse.in { display: block; } .block-contact { width: 100% !important; } .footer-container .links ul { margin-bottom: 0; } .footer-container .copyright{ text-align: center;padding-bottom: 15px;} .block_newsletter .title{ margin-bottom: 15px; width: 100%; position: relative; display: block; } .block_newsletter form .col-xs-12{ width: 100% !important; margin-right: 0;} #product-modal .modal-content .modal-body .mask{ margin-top: 20px; } .product-images > li.thumb-container { display: inline-block; } #main .images-container .js-qv-mask .customNavigation{ top: 15px; } .product-cover img { width: 100%; } #product-modal .modal-content .modal-body { -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; margin-left: 0; } #product-modal .modal-content .modal-body img.product-cover-modal { width: 100%; } #product-modal .modal-content .modal-body .arrows { display: none; } #product-modal .modal-content .modal-body .image-caption { width: 100%; } #blockcart-modal .modal-dialog { width: calc(100% - 20px); } #blockcart-modal .modal-body { padding: 1.875rem; } .social-sharing{ text-align: left;} .product-quantity .add{ margin-left:0px; } #left-column .block .block_content.collapse, #right-column .block .block_content.collapse{ display: none; } #left-column .block .block_content.collapse.in, #right-column .block .block_content.collapse.in{ display: block; padding: 0; } #category #left-column #search_filter_controls, #category #right-column #search_filter_controls { text-align: center; margin-bottom: 1rem; margin-top: 1rem; } #category #left-column #search_filter_controls button, #category #right-column #search_filter_controls button { margin: 0 0.5rem; padding: 10px 15px; } #category #left-column #search_filters, #category #right-column #search_filters { margin-bottom: 0; box-shadow: none; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; padding: 0; border-top: none; } #category #left-column #search_filters .facet, #category #right-column #search_filters .facet { padding-top: 0; border-bottom: 1px solid #f6f6f6; } #category #left-column #search_filters .facet .title, #category #right-column #search_filters .facet .title { cursor: pointer; padding: 13px 0px; display: block !important; } #category #left-column #search_filters .facet .title .collapse-icons .remove, #category #right-column #search_filters .facet .title .collapse-icons .remove { display: none; } #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add, #category #right-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .add { display: none; } #category #left-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove, #category #right-column #search_filters .facet .title[aria-expanded="true"] .collapse-icons .remove { display: block; color: #005586; } #category #left-column #search_filters .facet .h6, #category #right-column #search_filters .facet .h6 { margin: 0; padding: 0; display: inline-block; } #category #left-column #search_filters .facet .navbar-toggler, #category #right-column #search_filters .facet .navbar-toggler { padding: 0 0 0 0; float: right; color: #000000; } #category #left-column #search_filters .facet .collapse, #category #right-column #search_filters .facet .collapse { display: none; } #category #left-column #search_filters .facet .collapse.in, #category #right-column #search_filters .facet .collapse.in { display: block; } #category #left-column #search_filters .facet .facet-label a, #category #right-column #search_filters .facet .facet-label a { margin-top: 0; } #category #left-column #search_filters .facet ul, #category #right-column #search_filters .facet ul { margin-bottom: 0; } #category #left-column #search_filters .facet ul li, #category #right-column #search_filters .facet ul li { border-top: 1px solid #f6f6f6; padding: 0.625rem; } .products-selection .col-md-6 { margin: 0; float: left; width: 100%; } .products-selection .sort-by{ margin: 0; text-align: left; width: auto; padding-right: 5px; } .col-md-9.products-sort-order { width: 70%; } #category #search_filter_toggler:hover { background: #005586; border-color: #005586; } .col-sm-3.col-xs-4.hidden-lg-up.filter-button{ float: right; width:auto } .products-selection .showing { padding: 1rem 15px 0;} .products-sort-order .dropdown-menu{ width: 94%;} #left-column .block .block_title .collapse-icons .remove, #right-column .block .block_title .collapse-icons .remove { display: none; } #left-column .block .block_title[aria-expanded="true"] .collapse-icons .add, #right-column .block .block_title[aria-expanded="true"] .collapse-icons .add { display: none; } #left-column .block .block_title[aria-expanded="true"] .collapse-icons .remove, #right-column .block .block_title[aria-expanded="true"] .collapse-icons .remove { display: block; color: #005586; } #left-column .block .block_title .navbar-toggler, #right-column .block .block_title .navbar-toggler { display: inline-block; padding: 0; color: #000; cursor: pointer; } .done { margin: 0; padding: 0; } body#checkout section.checkout-step .address-item { -webkit-flex-grow: 1; -moz-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; } body#checkout section.checkout-step .delivery-option-2 { -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } .delivery-option { display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -js-display: flex; display: flex; margin: auto; } .delivery-option .custom-radio { -webkit-box-flex: 0; -moz-box-flex: 0; box-flex: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .condition-label label[for="conditions_to_approve[terms-and-conditions]"] { text-align: left; } #order-confirmation #registration-form { width: 100%; } .header-top .search-widget { width: 100%; float: right; right: 0px; padding: 0 0 20px; top: 0px; position: relative; margin: 0; } #header .header-top{ padding: 0 !important; } .header-bg{ bottom: 0px !important; } .header-bottom.container { padding-bottom: 20px; padding-top: 10px; display: none; } .header-top .search-widget form { margin: 0 auto; } .header-top .search-widget form input[type="text"] { min-width: inherit; background: #FFFFFF; } #header .header-nav.fixed{ position: fixed; top: 0; z-index: 999; padding: 0; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; width: 100%; background: #fff; } #header .header-nav.fixed .container{ background: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .navbar-toggleable-md .navbar-nav .nav-item { float: none; margin-left: 0; } #header .logo { width: auto; } #products .product-miniature, .products .product-miniature { margin: 0 auto; } .sub-menu { left: 0; min-width: 100%; } #blockcart-modal .product-image { width: 100%; display: block; max-width: 250px; margin: 0 auto 0.9375rem; } #blockcart-modal .cart-content { padding-left: 0; } #blockcart-modal .product-name, #product-availability { margin-top: 0.625rem; } #search_filters .facet .facet-label { text-align: left; } .block-category .category-cover { position: relative; text-align: center; } .block-category { padding-bottom: 0; } #tmtestimonialcmsblock .pull-xs-right{ display: block; height: 10px; } #contact #left-column{ width: 100%; padding: 0; } #block-reassurance{ margin-top: 30px; } #block-contact_list{ line-height: 26px; } #tm_toplink li{ width: 100%; } #breadcrumb_wrapper{ width: 100%; margin: 0 0 25px; } #_mobile_logo{ float: left; margin-top: 5px; } #header .header-nav .menu-icon { margin-right: 15px; margin-top: 3px; } #header .cart_block{ top: 50px; } .cart-products-count{ float: none; } #header .header-nav .blockcart{ text-align: right; width: auto; margin-top: 4px; margin-right: 0; margin-left: 0; } #header .header-nav{ height: auto; } .cart.material-icons{ display: block; display: inline-block; } #links_block_top .material-icons{ display: block; padding-left: 20px; } #tmnavcmsblock{ display: none; } #header .header-nav { position: relative; background: transparent; border-bottom: none; } .top-menu a[data-depth="0"]:hover{background: transparent;} #header .header-nav .container { background: #fff; padding: 15px 0; } .header-top #tm_toplink,.header-nav .right-nav #_desktop_currency_selector, .header-nav .right-nav #_desktop_language_selector{ display: none;} .header-nav #tm_toplink{ display: block;} .header-nav #tm_toplink, .header-nav #tm_toplink.fixed { float: right; margin-top: 0; margin-right: 10px; padding: 0; position: relative; right: 0; text-align: right; top: 4px; width: auto; z-index: 100; } #tm_toplink ul li::after{ display: none;} .header-top #links_block_top{ position: absolute; margin: 0; top: -52px; right: 175px; cursor: pointer; z-index: 9; width: auto; display: none; } #links_block_top { margin: 23px 20px 0 0; z-index: 99; cursor: pointer; } .header-nav #links_block_top{ display: block; } #header .header-nav #menu-icon .nav-menu { float: left; position: relative; padding-right: 5px; text-transform: uppercase; color: #333; margin-top: -1px; font-weight: 600; display: none; } #header .header-nav .menu-icon i:hover,#header .header-nav .menu-icon .nav-menu:hover, #_mobile_user_info a .material-icons:hover{ color: #005586;} #_desktop_user_info{ display: none; } #_desktop_contact_link{ display: none; } #tm_toplink li a{ color: #242424 !important; } #links_block_top .h3{ color: #000; } .icon-left1{ float: none; margin: 0 auto; text-align: center; } .icon-left2{ float: none; margin: 0 auto; text-align: center; } .icon-left3{ float: none; margin: 0 auto; text-align: center; } .service-right{ text-align: center; padding: 10px; } .service-right .sub-title{ line-height: 20px; } #tm_vertical_menu_top{ display: none; } #tmtestimonialcmsblock .block_content{ display: none; } .block_newsletter{ width: 100%; margin-bottom: 25px; float: left; } .block-social ul{ border-left: none; } #tmfootercmsblock{ width: 100%; padding-bottom: 110px; margin-bottom: 30px; } #tmfootercmsblock .footer-desc { width: 64%; margin-right: 0; border-right: none; font-size: 12px; } .footer-container .links{ width: 100%; float:left; } .footer-container .links, .block_newsletter p.title { border-left: medium none; margin-bottom: 0; padding: 0 0 5px; } .footer_logo{ margin: 0 0 18px 0; } .block-social { right: 0;} .product-accessories.clearfix{ margin-bottom: 30px;} .footer-before::before, .footer-before::after{ display: none;} .form-control-comment{ padding-left: 15px;} #checkout #content .col-md-8 { width: 100%;} .top-menu a.dropdown-item.dropdown-submenu[data-depth="1"]{ border: none !important;} li.product-flag.online-only {bottom: 9.4rem !important;} #tm_toplink .cat-title .material-icons, #tm_toplink.fixed .cat-title .material-icons { background: rgba(0, 0, 0, 0) url("../img/megnor/dot.svg") no-repeat scroll center; font-size: 0; height: 22px; width: 10px; background-size: 20px; } #tm_toplink .cat-title .material-icons:hover{ background: rgba(0, 0, 0, 0) url("../img/megnor/dot-hover.svg") no-repeat scroll center; background-size: 20px; } #tm_toplink .cat-title,#tm_toplink.fixed .cat-title { color: #283346; cursor: pointer; display: block; float: right; font-size: 0; padding: 0; } .header-nav #tm_toplink.fixed { position: fixed; top: 27px; z-index: 999; right: 450px; } #tm_toplink.fixed .cat-title { position: fixed; } #tm_toplink .block_content { border: none; box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.12); float: left; display: none; background: #ffffff none repeat scroll 0 0; margin: 0 5px 0 0; padding: 10px; position: absolute; right: 0; top: 44px; white-space: nowrap; width: 170px; z-index: 999; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } #tm_toplink ul li a{ padding: 5px;} #_mobile_user_info { float: right; margin-right: 0px; margin-top: 10px; position: relative; } #header .header-nav .user-info .account{ margin-left: 5px; } #tmsubbanner li{ margin-bottom: 10px;} .banner-text1 { font-size: 34px; } #_mobile_currency_selector .dropdown-menu{ min-width:100px;} #header #_mobile_language_selector .language-selector img { margin-right: 5px; } #links_block_left .block_title a{ border-bottom: none;} #left-column #tmleftbanner2, #tmleftbanner1, #tmleftbanner{ width: auto; display: none;} #left-column .block .block_content, #right-column .block .block_content{ padding: 0;} #left-column .block #tm_blocklink.block_content li:first-child, #categories_blog_menu #categories_blog_toggle > ul > li:first-child { padding-top: 5px; } #tmleftbanner1{ margin-bottom: 15px;} .sidebar-latest{ margin-bottom: 25px !important;} #left-column .block_content .allproducts, #right-column .block_content .allproducts{ margin-bottom: 20px;} #left-column .sidebar-latest #block_latest_toggle .products { padding-top: 15px; } #left-column .sidebar-latest #block_latest_toggle { padding-top: 0; } #left-column #tmleftbanner2{ margin-bottom: 20px;} .block_newsletter form input[type="text"] { min-width: 658px; } .footer-container .links .h3, .footer-container .links h3, .footer-container .links h3 a, .block-contact .title{ margin-bottom: 10px;} #block-contact_list li .material-icons{ margin-top: 8px;} #block-contact_list > li{ margin-bottom:5px; } #block-contact_list li .contactdiv{ float: none;} #left-column #contact_rich_toggle > div:first-child { padding-top: 10px; } #left-column #contact-rich { margin-bottom: 20px; } #product #breadcrumb_wrapper { left: 0; } #header .header-nav .right-nav{ padding: 5px 0 0;} #header .header-nav .material-icons.expand-more { line-height: 30px; } #tm_toplink li a:hover { color: #005586 !important; } #mobile_top_menu_wrapper .js-top-menu.mobile { background: #FFF; } #mobile_top_menu_wrapper .mobile-menu-inner { position: fixed; top: 0px; left: -100%; background: #FFF; z-index: 5; padding: 5px 10px 10px; margin-left: 0px; width: 300px; height: 100%; overflow: auto; z-index: 9999; border: 1px solid #ddd; -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 8px 15px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #mobile_top_menu_wrapper.slide .mobile-menu-inner { left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body.active #page { height: 100%; overflow: hidden; position: relative; width: 100%; } /* #page.active .top-logo { opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }*/ #header .header-nav #menu-icon.active .menu-close { position: absolute; z-index: 10; } #header .header-nav .user-info a span { display: inline-block !important; } .user-info .language-selector .link.hidden-lg-up, .user-info .currency-selector .link.hidden-lg-up { display: none; } .user-info .hidden-md-down { display: block !important; } #tm_toplink ul li a{ font-size: 12px;} #tmcmsblock .second-content { margin: 0 10px; } #tmcmsblock .cms_content { padding: 15px 0 0 15px; } #tmcmsblock .cms_content .cms_imgtitle, #tmcmsblock .cms_content .cms_offer{ font-size: 14px;} #tmcmsblock .cms_content .cms_offer{margin-top: 28px;} #tmcmsblock .cms_content .cms_imgtitle{margin-top: 5px;} #tmcmsblock .main-content .cms_img:hover .cms_content { left: 15%; } #tmcmsbannerblock .banner-text1, #tmcmsbannerblock .banner-subtext2 { font-size: 20px; } #tmcmsbannerblock .banner-text3 { font-size: 12px; letter-spacing: 0.3px; } .bannercms-content1, .bannercms-content2 { top: 15%; } #tmcms1block .banner-text1{ font-size: 25px; margin: 10px auto 5px;} #tmcms1block .cms1banner:hover .bannercms-content { top: 12%; } .brands{ margin: 0 auto 30px;} .footer-container .row.footer { padding-left: 0px; padding-right: 0px; } #block-contact_list > li{ float: none;} .block-contact .image{ margin-top: 3px;} .block-contact .contact{ margin-top: -3px !important;} #block_email_toggle.collapse { display: none; } #block_email_toggle.collapse.in { display: block; } .block_newsletter .col-md-7.col-xs-12{ padding: 0; margin: 0;} .footer-container { padding-bottom: 20px; margin-top: 0; } #index .footer-container { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .row.footer-after, .col-md-12.forecopyright, .footer-container .footer-after1{ width:100%;} .footer-container .footer-after1{ margin: 0;} .copyright, .col-md-12.forecopyright, .row.footer-after{ margin: 0;} #tmpaymentcmsblock{ padding: 5px 0;} .footer-container .pull-xs-right { line-height: 11px !important; } /* #page.active #search_widget { opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }*/ #left-column .block, #right-column .block, #left-column .links, #right-column .links{ margin-bottom: 15px; padding: 0;} .sidebar-latest { margin-bottom: 10px !important; } #categories_blog_menu { margin-bottom: 15px !important; } #left-column #categories_blog_menu #categories_blog_toggle{ padding-top: 0; } .block_newsletter form{ margin-top: 15px; float: left;} .productpage_title, .quickview h1.h1 { font-size: 18px; letter-spacing: 0.5px; } .product-prices div { font-size: 20px; } .product-cover .layer{ z-index: 9;} #tmcms1block .banner-text2{ width: 75%;} #blockcart-modal .cart-content .btn { margin-top: 10px; } } @media (max-width: 767px) { .product-cover .layer { bottom: 0px; right: 0px; height: 100%; width: 100%; } #product-modal .modal-content{ margin: 0 20px; } .zoomContainer{ display: none; } #tmcmsblock{margin-bottom: 0px;} #tmsubbannercmsblock { float: none; margin-bottom: 10px; position: relative; width: 100%; display: inline-block; vertical-align: top; text-align: center; } #tmsubbannercmsblock .subbanner1{margin-bottom: 20px;} #tmsubbannercmsblock .subbanner1 .text-block { right: 55%; } #tmsubbannercmsblock .subbanner2 .text-block { right: 30%; } /* .products .product_list li.product_item, .products .product_list li.item .col-md-6 { width: 50%; } */ #products .product-description, .products .product-description, .product-accessories .product-description{min-height: 100px;} #identity .col-md-3{width: 100%;text-align: left;} #address label.col-md-3.form-control-label{text-align: left;float: left;} #identity label.col-md-3.form-control-label.required{text-align: left;} .header-nav .searchtoggle{top: 53px;} #tmservicecmsblock .footer_top_inner .footerblock .image { float: left; display: inline-block; vertical-align: top; margin: 0; } .services-content { text-align: left; vertical-align: top; display: inline-block; float: left; } #contact .page-content label.col-md-3.form-control-label { text-align: left; } #footer .footer-container .container{padding: 0;} .products .product-thumbnail,.products img{float: none;} #authentication .form-group .col-md-3,#password .form-group .col-md-3{text-align: left;} .products .thumbnail-container, .product-accessories .thumbnail-container{margin-bottom: 0;} .mywishlist-res .wishlist-datecreate, .mywishlist-res .wishlist-numberproduct, .mywishlist-res .view-wishlist, .mywishlist-res .delete-wishlist { width: 100%; display: block; float: left; font-size: 13px; font-weight: 500; line-height: 28px; } .col-md-4.links.block.links.hb-animate-element.top-to-bottom .cms-page-link{padding-left: 5px;} #footer{ padding: 0 20px; } .title.h3.block_title.hidden-lg-up { padding-left: 5px; } .title.clearfix.hidden-md-up { padding-left: 5px; } #tmservicecmsblock .footer_top_inner .footerblock::after { display: none; } #tmservicecmsblock { padding: 0 15px; } .flex-direction-nav .flex-prev,.flex-direction-nav .flex-nav-next{display: none;} #tmcmsblock .main-content { width: auto; float: none; display: inline-block; vertical-align: top; margin: 10px 0; } #tmcmsinfo_block1,.cmsbanner { display: inline-block; vertical-align: top; text-align: center; } #tmcmsbannerblock .left_side,#tmcmsbannerblock .right_side{ width: auto; float: none; display: inline-block; vertical-align: top; margin: 15px 0; } .product-description .comments_note .star_content.clearfix{text-align: center;} .products .list .comments_note .star_content.clearfix{text-align: left;} body#checkout section.checkout-step .delivery-option-2 .row div { width: 100%; } .products .product_list li .thumbnail-container .wishlist{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); top: 5px; } .products .product_list li .thumbnail-container .compare {display: none;} .products .product_list li .quick-view{display: none;} #_mobile_user_info{ margin-right: 0px;} #index .spinner { min-height: 200px;} .tab-main-title{ border-bottom: none;} #product .product-tabcontent{ margin-top: 50px; } #product #product-details { margin-top: 0px; } #products .products .list li.product_item .center-block{ padding: 0; margin-top: 15px; width: 100%; } #products .tabs .tab-pane{ margin-top: 0; } .tabs .tab-pane{ margin-top: 0; } .tm-hometabcontent .products-section-title { float: none; font-size: 20px; margin: 0 auto; position: relative; display: inline-block; text-align: center; } .tm-hometabcontent .tabs { float: none; position: relative; } #home-page-tabs{ padding-bottom: 10px; margin: 0; } .tm-hometabcontent .tabs .nav-tabs .nav-item{ float: none; width: 50%; margin: 0 auto 10px; } .tm-hometabcontent .tabs { right: 0; } .tm-hometabcontent .customNavigation{ width: 100% !important; float: none !important; margin: 0 auto; position: relative; top: -60px !important; } #tm_footerlink{ text-align: center; } .product-features > dl.data-sheet dt.name, .product-features > dl.data-sheet dd.value{ width: 100%; } .col-md-6.pro_image { width: 100%; } .col-md-6.pro_detail { width: 100%; } .product-miniature .product-actions .add-to-cart, .product-miniature .product-actions-main .add-to-cart{ float: none; display: inline-block; } .tm-hometabcontent .product_list.grid.gridcount .quick-view{ float: none; display: inline-block; } #tmfootercmsblock .footer_logo { float: none; margin: 0 auto; width: 100%; text-align: center; left: 0; right: 0; } #tmfootercmsblock .footer-desc { width: 100%; margin: 20px 0; border: none; text-align: center; } #tmcmsbannerblock .subbanner1 { margin-bottom: 20px; } .text1 { margin-bottom: 5px; } .text1 a{ font-size: 16px; } .text2 { margin-bottom: 8px; } .text2 a{ font-size: 12px; } .text3 a{ font-size: 12px; margin-top: 0; } .tab-main-title{ margin: 0 auto 20px; } #tmsubbanner { float: left; margin: 0 auto 20px; width: 100%; text-align: center; clear: both; position: relative; } .page-customer-account #content{ overflow: visible; } #links_block_top{ margin: 23px 10px 0 0; } #block-contact_list { line-height: 30px; } .product-line-grid-body { margin-bottom: 1rem; } #stores .page-stores { width: 100%; } #stores .page-stores .store-item-container { padding: 1rem 0; } #wrapper { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #checkout-cart-summary { float: none; width: 100%; margin-top: 1rem; } #header .header-nav { background: #FFFFFF; color: #414141; } #header .header-nav .top-logo { display: block; float: left; margin-top: 8px; width: 180px; } #header .header-nav .top-logo a img { max-height: 50px; max-width: 100%; } #header .header-nav .right-nav { -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; -ms-flex-direction: column; } #header .header-nav .user-info { text-align: left; margin-left: 0; margin-right: 0px; } #header .header-nav .blockcart.inactive .cart-products-count .value { display: none; } section.checkout-step { width: 100%; } .default-input { min-width: 100%; } label { clear: both; } #products .product-miniature, .products .product-miniature { margin: 0 auto; text-align: center; } .block-contact { padding-left: 0.9375rem; border: none; } .menu, .dropdown-item { padding-left: 0; } .container { max-width: 100%; } #breadcrumb_wrapper{ margin: 0 0 20px;} .footer-before{background-color: #283346 !important;} .products-sort-order .select-title { margin-left: 0; } .products-selection h1 { padding-top: 0; text-align: center; margin-bottom: 1rem; } .products-selection .showing { padding-top: 1rem; clear: both; padding-left:10px; } #prices-drop #content-wrapper, #new-products #content-wrapper, #best-sales #content-wrapper { width: 100%; } #brand_list li.brand .brand-inner{ text-align: center; } #brand_list li.brand .brand-inner .col-xs-12{ padding:0px; } #brand_list li.brand .brand-inner .brand-products{ border-left:0px; padding:0px; } body#checkout section.checkout-step.-reachable.-complete h1 .step-edit { float: none; margin-top: 0.25rem; margin-left: 1.25rem; } body#checkout #header .header-nav { max-height: none; padding: 0; } body#checkout section.checkout-step .content { padding: 0.9375rem; } body#checkout .form-group { margin-bottom: 0.5rem; } #order-items { border-right: 0; margin-bottom: 2.5rem; } #order-items .card-title { border-bottom: 1px solid #ebebeb; margin-bottom: 1rem; padding-bottom: 1rem; } #order-items hr { border-top-color: #ebebeb; } .bold { font-weight: bold; } #order-details { padding-left: 0.9375rem; } #order-details .card-title { border-bottom: 1px solid #ebebeb; margin-bottom: 1rem; padding-bottom: 1rem; } .navbar-toggleable-sm .navbar-nav .nav-item { float: none; margin-left: 0; } #blockcart-modal .divide-right { border-right: none; } #blockcart-modal .modal-body { padding: 1rem; } #product .page-content .product-leftside{ width: 280px; margin: 0 auto 25px; clear: both; overflow: hidden; height: 100%; } .products .grid li .view_detail{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } #category #search_filter_toggler{ margin: 0; } .products .product-miniature .product-actions, .products .product-miniature .product-actions-main{ margin: 8px 0 0; } .special-products li:hover .product-price-and-shipping{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .tm-hometabcontent li:hover .product-price-and-shipping{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .products .grid li:hover .product-price-and-shipping{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .productscategory-products li:hover .product-price-and-shipping{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .product-accessories li:hover .product-price-and-shipping{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } .crosssell-products li:hover .product-price-and-shipping{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } #mobile_top_menu_wrapper{ position: relative; } .quick-view{ display: none !important; } .block_newsletter .title{ margin-bottom: 0; } .block-social{ z-index: 9; } #search_filters .facet .facet-title.hidden-md-up{ padding: 0 10px; } .footer-container .links ul{ padding: 0; } #tm_footerlink{ display: block;} #tmsubbanner li{ width: 48%; margin: 0 auto;} #tmsubbanner li:first-child{ float: left; margin-right: 18px; } #tmsubbanner li:last-child { float: right; } #tmsubbanner a::before, #tmsubbanner a:hover::before, #tmsubbanner a::after, #tmsubbanner a:hover::before{ display: none;} #tmsubbanner1 li{ margin-right: 0px !important; } #tmcmsblock .container { padding: 0; } #password .btn { margin: 20px 0 20px 15px;} .featured-products .customNavigation, .productscategory-products .customNavigation, .product-accessories .customNavigation, .crosssell-products .customNavigation, .homeblog-inner .customNavigation, .newproducts .customNavigation, .bestseller-products .customNavigation, .brands .customNavigation, .special-products .customNavigation{ visibility: visible;} .block_newsletter .title { font-size: 18px} #tmfootercmsblock{ margin-top: 20px;} #tmpaymentcmsblock{ float: none; margin: 0;} .row.footer-after{ width: 100%; float: left;} .col-md-12.forecopyright{ display: inline-block;} .col-sm-3.col-xs-4.hidden-lg-up.filter-button{ margin: -2px 0 0;} .products-sort-order .select-title { margin: 0;} .products-selection .showing{ padding-left: 15px;} .col-md-9.products-sort-order { width: 70%;} .products-sort-order .dropdown-menu { width: 91.1%;} #category .pagination .col-md-8 { float: right; position: absolute; right: 0; top: 0; } #category .pagination { position: relative; display: inline-block;} #main .images-container .js-qv-mask .customNavigation { top: 40px;} .productscategory-products .products-section-title, .crosssell-products .products-section-title, .product-accessories .products-section-title{ font-size: 18px;} .childrens .col-lg-12 { padding: 10px !important;} .product-leftside .product-flags, li .product-flags{ opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } li.product-flag.online-only { bottom: 9.8rem !important; } #order-items .card-title{ border: none;} #header .header-nav .menu-icon { margin-left: 0; margin-right: 15px; } #tm_toplink,#tm_toplink.fixed .cat-title,#tm_toplink.fixed{ right: 223px;} #tm_toplink.fixed .block_content { right: 0; top: 76px; } #tm_toplink{ top: -80px;} .products .product_list li .product-miniature .thumbnail-container .product-actions, .products .product_list li .product-miniature .thumbnail-container .product-actions-main { display: none; } .products .product_list li:hover .product-miniature .product-actions, .products .product_list li:hover .product-miniature .product-actions-main { bottom: 0; } #header .header-nav .blockcart .blockcart-header .cart-products-count .value { display: none; } .online-only{ bottom: 8px; top: auto;} .banner-text1 { font-size: 26px; } #tmcmsbannerblock .cmsimg:hover img{ transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; -moz-transform: none; } #tmcmsbannerblock .cmsimg:hover .hover, .hover{ display: none;} #left-column #tmleftbanner2 a::before, #left-column #tmleftbanner a::before, #left-column #tmleftbanner2 a::after, #left-column #tmleftbanner a::after{ display: none;} .tmleftbanner1-container:hover img{ transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; -moz-transform: none; } .breadcrumb{ display: none !important;} #product .breadcrumb { display: none !important; } #product #breadcrumb_wrapper { margin: 0; } #header .header-nav .user-info .account { margin-left: 0; } .breadcrumb ol{ display: none;} .container{ padding: 0 15px;} #header .header-nav .container{ padding: 15px 15px;} #header .header-top { padding: 0 15px !important; } .tabs .nav-tabs .nav-link{ padding: 5px 16px;} .brands .products { padding: 0 15px; margin: 0 auto; } #tmcmsblock .cms_content { padding: 25px 0 0 50px; } #tmcmsblock .main-content .cms_img:hover .cms_content{ transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; left: 0; } #tmcmsblock .cms_content .cms_offer { margin-top: 10px; } #tmcmsblock .main-content .cms_img a::after, #tmcmsblock .main-content .cms_img:hover a::after, #tmcmsblock .main-content .cms_img a::before{ display: none;} .special-products{ padding: 30px 0; margin-bottom: 0;} /* #page.active .right-nav { opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } */ #tmcmsbannerblock .left_sub_image:hover .full-banner, #tmcmsbannerblock .right_top_image:hover .full-banner { transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none 0s ease 0s; } #tmcmsbannerblock .full-banner { transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none 0s ease 0s ; } #tmcmsbannerblock .banner-text1, #tmcmsbannerblock .banner-subtext2 { font-size: 20px; } #tmcmsbannerblock .banner-text3 { font-size: 11px; letter-spacing: 0; } #tmcmsbannerblock .banner-text1{ margin-bottom: 0;} .bannercms-content1 ,.bannercms-content2{ left: auto; right: 8.7%; width: 41%; } #tmcms1block .cms1banner:hover .bannercms-content { top: 20%; } #tmcms1block .banner-text1 { font-size: 21px; margin: 5px auto 0; } #tmcms1block .bannercms-content { top: 25%; } #tmcms1block .bannercms-content{ transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } #products .products .list li.product_item .center-block .product-actions, #products .products .list li.product_item .center-block .product-actions-main{ margin-bottom: 0;display: none;} .crosssell-products .products, .product-accessories .products { margin-bottom: 0; } #wrapper { padding: 0 0 30px; } .footer-container .row.footer{ padding-left: 10px; padding-right: 8px;} #products .products .list li.product_item .center-block .product-title a{ width: 100%;} .products-selection .showing { padding-left: 15px; } #tmcms1block .banner-text2 { display: none; } .tm-hometabcontent .tabs .nav-tabs .nav-link.active,.tm-hometabcontent .tabs .nav-tabs .nav-link:hover{ border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; } .cmsbanner{ margin: 0 auto 20px;} .brands.container { margin: 0 auto 30px; padding: 10px 0; } #products .products .product_list.list li.product_item .product-miniature{ display: block;} .products .product_list li .product-miniature .product-actions, .products .product_list li .product-miniature .product-actions-main{ display: none; float: left; text-align: center;} #products .product-description, .products .product-description, .product-accessories .product-description{ min-width: 100px;;} #products .product-description, .products .product-description, .product-accessories .product-description { text-align: center; } .product-title a{ text-align: center;} #product_comparison .product-title a{ text-align: left;} } @media (max-width: 479px) { #tmservicecmsblock .footer_top_inner .footerblock { width: 100%; margin: 10px 0; } #tmsubbannercmsblock .subbanner2 .text-block { right: 20%; } #header .header-nav.fixed .top-logo{display: none;} #header .header-nav.fixed .hidden-lg-up.text-xs-center.mobile{padding-top: 0px;} .search-widget form input[type="text"]{min-width: 195px;} .header-nav .searchtoggle{width: 195px;} .mobile-menu{margin: 0;} .hidden-lg-up.text-xs-center.mobile { padding-top: 20px; } #header .header-nav .top-logo { width: 100%; display: inline-block; vertical-align: top; float: none; margin: 0 0 20px; text-align: center; } .header-nav .searchtoggle { top: 46px; } .row.footer-after.hb-animate-element.bottom-to-top { padding-bottom: 30px; } .page-customer-account #content .no-account{padding-bottom: 30px;} #content-wrapper #main .page-content{padding-bottom: 20px;} #products #main .page-content, #pagenotfound #main .page-content{padding-bottom: 20px;} #block-contact_list, .block_content.collapse.in {padding-left: 0px;} #footer .bottom-row-footer { margin: 0; } #main .images-container .js-qv-mask .customNavigation { top: 50px; } #tmservicecmsblock { padding: 0 10px; } .footerblock1.footerblock.hb-animate-element.left-to-right.hb-in-viewport ,.footerblock2.footerblock.hb-animate-element.bottom-to-top.hb-in-viewport, .footerblock3.footerblock.hb-animate-element.top-to-bottom.hb-in-viewport,.footerblock4.footerblock.hb-animate-element.right-to-left.hb-in-viewport{ width: 100%; } #index .spinner { min-height: 120px;} li.product-flag.online-only { bottom: 10.6rem !important;} .product-miniature .product-actions .add-to-cart, .product-miniature .product-actions-main .add-to-cart{ float: none; } .header-nav #tm_toplink, .header-nav #tm_toplink.fixed { margin-right: 12px; margin-top: 2px; } #header .header-nav.fixed .cart_block, #header .cart_block { top: 40px; } .header-nav.fixed #tm_toplink .block_content, #tm_toplink .block_content { top: 36px; } #_desktop_user_info .user-info, #header .header-nav .user-info{ top: 35px;} #tm_toplink .cat-title .material-icons, #tm_toplink.fixed .cat-title .material-icons{ line-height: 24px !important;} #tm_toplink, #tm_toplink.fixed .cat-title, #tm_toplink.fixed { right: 105px; } #tm_toplink { top: -76px; } #_mobile_user_info { margin-right: 0px; margin-top: 12px; } #header .header-nav .menu-icon { margin-right: 0; } #header .header-nav i.material-icons.menu-open{position: absolute; top: 72%;} #header .header-nav.fixed i.material-icons.menu-open{top: 25%;} #header .header-nav .blockcart{margin-left: 0; margin-top: 7px; padding: 0;} #header .header-nav .menu-icon .nav-menu{ margin-top: 0; display: none; } #header .cart_block{ width: 270px; right: 0; } #products .products .list li.product_item .thumbnail-container{ max-width: 290px; margin: 0 auto 10px; } #mobile_top_menu_wrapper{width: 100%; padding: 0; margin: 0;} .products .product_list li.product_item.col-sm-6, .products .product_list li.item.col-sm-6, .products .product_list li.product_item.col-md-6{ width: 50%; } .header-after.container{ display: none; } #header .header-nav .menu-icon .material-icons{ line-height: 26px; } #_mobile_logo{ display: block; } #links_block_top{ margin: 23px 5px 0 0; } #links_block_top.fixed{ top: 78px; } #links_block_top .material-icons{ padding-left: 10px; } .search-widget form button[type="submit"]{ font-size: 12px; } #header .header-nav{ margin-bottom: 0; } #tmsubbanner li{ width: 100% !important; margin-bottom: 20px; } #tmsubbanner1 li{ width: 100%; margin-bottom: 20px; } .block_newsletter form .col-xs-12{ width: 100% !important; } #blockcart-modal .cart-content .btn{ margin-bottom: 10px; } #header .header-nav .material-icons{ line-height: 1; } .flex-direction-nav{ display: none; } .tm-hometabcontent .product_list.grid.gridcount .quick-view{ float: none; margin-left: 0; } .text1 a{ font-size: 18px; } .footer-before .container{ height: 185px; } #tmcmsbannerblock .subbanner1{ width: 100%; } #tmcmsbannerblock .subbanner2{ width: 100%; } #tmfootercmsblock .footer-desc{ padding: 0; } .blog-detail .blog-comment-block #blog-localengine .comment-item .comment-wrap { margin-left: 0 !important; width: 100%; margin-top: 80px; } .product-miniature .online-only, .product-miniature .product-flags .discount, .products .product-miniature .product-flags .on-sale{ display: none !important;} .product_list.list .price { display:inline-block;} .block_newsletter .title { font-size: 14px;} #header .header-nav .user-info{line-height: 20px;} #header .header-nav.fixed{ padding-bottom: 0;} .products-sort-order .dropdown-menu{ top: auto;} .pagination.row {text-align: right; margin-left: 0; margin-right: 0;} #category .pagination .col-md-8{ position: relative; padding-right: 30px; width: 100%; margin-top: 10px;} .pagination > div:first-child{ width: 100%; padding: 0;} .products .product_list .grid{ min-height: 160px;} #history .orders .order .label, .page-order-detail #order-history .history-lines .history-line .label{ text-align: left;} body#checkout section.checkout-step .delivery-option-2 .row div{ width: 100%; padding:0 5px;} #order-items .order-line{ border-top: none; margin-left: 0; margin-right: 0;} #order-infos .box .col-xs-3 { font-size: 12px; padding: 0;} #sitemap .container-fluid{ padding: 0;} #left-column #contact-rich .block_title{ font-size: 18px;} #order-items .order-line .col-sm-2.col-xs-3 { padding: 0;} #order-items .qty{ padding:0;} #products .products { margin: 0 -5px 15px; } .productscategory-products .products-section-title, .crosssell-products .products-section-title, .product-accessories .products-section-title { padding: 10px 0; } #order-confirmation #main .page-content{ padding: 0;} .products .h3.product-title a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .products .product-miniature .product-flags .new.discount-percentage, .products .product-miniature .online-only.discount-percentage, .products .product-miniature .on-sale.discount-percentage, .products .product-miniature .discount-percentage.discount-percentage{ margin: 0;} #products .products .product_list.grid li.product_item{ padding: 11px 5px;} #new-products #js-product-list-top .products-sort-order{ width: 100%;} #header .header-nav #_mobile_cart .blockcart-header > a > .material-icons { display: none; } .blockcart{ padding: 5px 0 3px 0; background: transparent;} .blockcart:hover{ background: transparent;} #header .header-nav .menu-icon .material-icons{font-size: 30px;} .products .product_list li.product_item, .products .product_list li.item { padding: 10px 5px; } #spe_res { margin: 0 -5px; } .bannercms-content1, .bannercms-content2 { top: 20%; } .products .product_list li .add-to-cart, .products .product_list li .product-miniature .product-actions .view_detail, .products .product_list li .product-miniature .product-actions-main .view_detail{ font-size: 13px; letter-spacing: 0;} .products .product_list .add-to-cart:hover, .products .product_list li .product-miniature .product-actions .view_detail:hover, .products .product_list li .product-miniature .product-actions-main .view_detail:hover { background-position: 10px -54px; } .products-section-title{ font-size: 18px;} .special-products{ margin-bottom: 20px; padding: 20px 0;} .footer-container li a,#block-contact_list{ letter-spacing: 0;} #tm_footerlink li:first-child{ padding-left: 10px;} #tm_footerlink li{ padding: 0 10px 0 8px;} #tm_footerlink { padding: 0 5px; } .copyright a{ font-size: 13px} #tm_toplink.fixed .block_content{ top: 76px;} #header .header-nav .cart-preview.active a.remove-from-cart .material-icons { line-height: 20px; } .payment p{padding-right: 5px;} .top_button { bottom: 10px; } .products-sort-order .dropdown-menu { width: 90.5%; } .breadcrumb { display: none !important; } #breadcrumb_wrapper{ margin: 0;} #history .orders .order .label, .page-order-detail #order-history .history-lines .history-line .label{ font-size: 12px; letter-spacing: 0.5px;} #new-products .products-sort-order .dropdown-menu { width: 90.5%; } #products .products .list li.product_item .center-block .product-actions, #products .products .list li.product_item .center-block .product-actions-main{ margin-top: 10px;} .block_newsletter p.title{ line-height: 25px;} #products .page-not-found .search-widget input, #pagenotfound .page-not-found .search-widget input { min-width: 229px; padding: 9px 50px 9px 15px; } body#checkout section.checkout-step .step-title{ font-size: 15px;} #header .header-nav .container { padding: 5px 10px; } #mobile_top_menu_wrapper #_mobile_top_menu{ padding: 10px 0 10px; top: 56px;} #header .header-nav .menu-icon.active .menu-close{ z-index: 10;} /* #page.active #_mobile_user_info { opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } */ #tmcmsblock .cms_content { padding: 27px 0 0 21px; } .loadmore{ margin: 30px 0 0;} #tmcmsbannerblock .banner-text1, #tmcmsbannerblock .banner-subtext2 ,#tmcmsbannerblock .banner-subtext1{ font-size: 16px; margin-bottom: 0; } #tmcmsbannerblock .banner-text3{ font-size: 11px;} .bannercms-content1, .bannercms-content2 { top: 16%; } #tmcms1block .cmsimg img { height: 100px; width: 100%; } .container { padding: 0 10px; } .row { margin-left: -10px; margin-right: -10px; } #spe_title_bottom{ margin-bottom: 5px;} .footer_top_inner.container{ margin-bottom: 20px;} #footer { padding: 0 11px; } .footer-container .row.footer { padding-left: 9px; padding-right: 5px; } .title.clearfix.hidden-md-up { padding-left: 0px; } .title.h3.block_title.hidden-lg-up { padding-left: 0px; } .material-icons.add { padding-right: 0px; } .footer-container{ padding-top: 0px;} #footer .bottom-row-footer{padding-top: 20px;} .block_newsletter{ margin-bottom: 15px;} .block-social{ margin-top: 10px;} .products-sort-order,.products-selection .col-md-6{ padding:0 10px;} .products-selection .filter-button{ padding-right: 10px;} #product .product-tabcontent { margin-top: 30px; } #blockcart-modal .cart-products-count{ font-size: 16px; letter-spacing: 0;} .product-line-grid-right .qty{ padding: 0 10px;} #checkout #delivery-address label { text-align: left; } body#checkout .payment-options .additional-information{ font-size: 12px; letter-spacing: 0;} #payment-confirmation button { font-size: 12px; letter-spacing: 0.2px; } #order-confirmation .h1.card-title { font-size: 18px; } .blockcart-header a #bgimage{ top: -2px;} #header .header-top { padding: 0 10px !important; } .products-sort-order { padding-left: 10px; padding-right: 10px; } #products .products .product_list.list li.product_item .product-miniature{ padding: 0 10px;} body#checkout section.checkout-step .forgot-password{ margin-bottom: 20px;} body#checkout .condition-label label{ letter-spacing: 0;} .products-selection .showing { padding-left: 10px; } #product .product-tabcontent .tabs .nav-tabs .nav-link{ padding: 10px;} #header .header-nav .menu-icon.active .cat-title.title2 { padding: 0; } #tmcms1block .bannercms-content{ left: 30.5%;} #tmcms1block .bannercms-content, #tmcms1block .cms1banner:hover .bannercms-content { top: 24%; } #tmcms1block .banner-subtext{ padding: 4px 5px;} #tmcms1block .banner-text1 { font-size: 14px; font-weight: 500; } .tm-hometabcontent { padding: 10px 0 0; } #products .products .list li.product_item .center-block { margin: 10px 0; } #product .product-tabcontent .tabs .nav-tabs .nav-link{margin-right: 0px;} #stores .page-stores .store-item-container .store-description { font-size: 13px; } .loadmore { margin: 10px 0 0; } } @media (max-width: 543px) { #tmservicecmsblock .servicecms.container{ padding: 0; } } /**** CSS update ***/ .ps-alert-error{margin-bottom:0} .ps-alert-error .item,.ps-alert-success .item{align-items:center;border:2px solid #ff4c4c;-js-display:flex;display:flex;background-color:#ff4c4c;margin-bottom:1rem} .ps-alert-error .item i,.ps-alert-success .item i{border:15px solid #ff4c4c;-js-display:flex;display:flex} .ps-alert-error .item i svg,.ps-alert-success .item i svg{background-color:#ff4c4c;width:24px;height:24px} .ps-alert-error .item p,.ps-alert-success .item p{background-color:#fff;margin:0;padding:18px 20px;width:100%} .ps-alert-success{padding:.25rem .25rem 2.75rem} .ps-alert-success .item{border-color:#4cbb6c;background-color:#4cbb6c} .ps-alert-success .item i{border-color:#4cbb6c} .ps-alert-success .item i svg{background-color:#4cbb6c} body#checkout section.checkout-step .order-options #delivery label { text-align: left; } #delivery textarea { width: 100%; margin: 0 0 20px; } .float-xs-right { float: right; }