Dy-Mark Australia

<!DOCTYPE html> <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" ></script> <meta name="author" content="Dy-Mark Australia http://prontoavenue.biz/" /> <title>Dy-Mark Australia | Home</title> <link rel="shortcut icon" href="/ts1667354852/attachments/CmsSetting/5/Dy-Mark%20Logo.png" type="image/x-icon" /> <meta name="generator" content="Dy-Mark Australia"> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="keywords" content=""/> <meta name="description" content="To supply high quality consumable products to help build, maintain and support industries worldwide." /> <script> window._avTrackedEvents = []; window._avTrackEvent = function(name, args) { window._avTrackedEvents.push([name, args]); }; </script> <script type="application/ld+json" data-avenue-ensure-appended="true">{"@type":"WebSite","@context":"http://schema.org","url":"https://www.dymark.com.au/","name":"Dy-Mark (Aust) Pty Ltd","potentialAction":{"@type":"SearchAction","target":"https://www.dymark.com.au/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script><script type="application/ld+json" data-avenue-ensure-appended="true">{"@type":"Organization","@context":"http://schema.org","url":"https://www.dymark.com.au/","name":"Dy-Mark (Aust) Pty Ltd","address":"30 Bernoulli St, Darra QLD 4076","sameAs":["https://www.linkedin.com/company/dy-mark","https://www.facebook.com/DyMarkAustralia","https://www.facebook.com/DyMarkAustralia"],"logo":"https://www.dymark.com.au/ts1667354851/attachments/CmsSetting/4/Dy-Mark%20Logo.png"}</script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-G9CTEQMC0L"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-G9CTEQMC0L'); </script> <script>window._gaVersion = 'v4';</script> <style> .custom-carousel .carousel-inner .item{ background-repeat: no-repeat; } </style> <link rel="preconnect" href="https://maxcdn.bootstrapcdn.com"> <link rel="preconnect" href="https://code.jquery.com"> <link rel="preconnect" href="https://cdnjs.cloudflare.com"> <link rel="preconnect" href="https://s7.addthis.com"> <link rel="preconnect" href="https://ajax.googleapis.com"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.5/css/bootstrap-select.min.css"> <style type="text/css">@charset "UTF-8"; /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("/ts1678916235/attachments/StyleSheet/64/ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("/ts1678916235/attachments/StyleSheet/64/slick.eot"); src: url("/ts1678916235/attachments/StyleSheet/64/slick.eot?%23iefix") format("embedded-opentype"), url("/ts1678916235/attachments/StyleSheet/64/slick.woff") format("woff"), url("/ts1678916235/attachments/StyleSheet/64/slick.ttf") format("truetype"), url("/ts1678916235/attachments/StyleSheet/64/slick.svg%23slick%22)%20format(%22svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 30px; width: 30px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; border-radius: 100%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled, .slick-next.slick-disabled { box-shadow: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0; } .slick-prev:before, .slick-next:before { font-family: "fontawesome"; font-size: 14px; line-height: 1; color: #000000; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -35px; } [dir="rtl"] .slick-prev { left: auto; right: -35px; } .slick-prev:before { content: "\f053"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -35px; } [dir="rtl"] .slick-next { left: -35px; right: auto; } .slick-next:before { content: "\f054"; margin-left: 3px; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } </style><link rel="stylesheet" type="text/css" href="/ts1678916235/init_style_sheets/slick-carousel.css" media="not all" onload="if(media!='all')media='all'" /> <style type="text/css">@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"); ul { list-style: none; } /* Structure: ------------------------------------------------------ bootstrap-3.3 | Core bootstrap definitions bootstrap-3.3-paper-theme | Paper theme, replaces variables from core bootstrap av-bootstrap | Redefines some of the variables to further customise the layout | Adds some additional classes */ /* Purpose of av-bootstrap is to further theme existing bootstrap components, not to change their fundamental nature. If we are going to re-purpose a bootstrap component slightly e.g. changing margins around it, changing float/display, we should do it in av-foundation */ /*! normalize.css v3.0.3 | 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, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } 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; } .label { 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; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.846; color: #666; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #0093d0; text-decoration: none; } a:hover, a:focus { color: #005d84; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 0; } .img-thumbnail { padding: 4px; line-height: 1.846; background-color: #fff; border: 1px solid #ddd; border-radius: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 25px; margin-bottom: 25px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; 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; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 400; line-height: 1.1; color: #444; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #bbb; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 25px; margin-bottom: 12.5px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 12.5px; margin-bottom: 12.5px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 12.5px; } .lead { margin-bottom: 25px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #feeee3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #bbb; } .text-primary { color: #0093d0; } a.text-primary:hover, a.text-primary:focus { color: #006f9d; } .text-success { color: #53ac80; } a.text-success:hover, a.text-success:focus { color: #428a66; } .text-info { color: #999; } a.text-info:hover, a.text-info:focus { color: gray; } .text-warning { color: #f69352; } a.text-warning:hover, a.text-warning:focus { color: #f47521; } .text-danger { color: #d43319; } a.text-danger:hover, a.text-danger:focus { color: #a62814; } .bg-primary { color: #fff; } .bg-primary { background-color: #0093d0; } a.bg-primary:hover, a.bg-primary:focus { background-color: #006f9d; } .bg-success { background-color: #badecc; } a.bg-success:hover, a.bg-success:focus { background-color: #98cdb3; } .bg-info { background-color: #e6e6e6; } a.bg-info:hover, a.bg-info:focus { background-color: #cccccc; } .bg-warning { background-color: #feeee3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #fbd0b3; } .bg-danger { background-color: #f6b9af; } a.bg-danger:hover, a.bg-danger:focus { background-color: #f09181; } .page-header { padding-bottom: 11.5px; margin: 50px 0 25px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 12.5px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 25px; } dt, dd { line-height: 1.846; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #bbb; } .initialism { font-size: 90%; } blockquote { padding: 12.5px 25px; margin: 0 0 25px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.846; color: #bbb; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 25px; font-style: normal; line-height: 1.846; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 0; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 0; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 12px; margin: 0 0 12.5px; font-size: 13px; line-height: 1.846; word-break: break-all; word-wrap: break-word; color: #212121; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 0; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } @media (min-width: 1600px) { .container { width: 1370px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .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 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .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 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .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 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .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 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } @media (min-width: 1600px) { .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 { float: left; } .col-xl-1 { width: 8.3333333333%; } .col-xl-2 { width: 16.6666666667%; } .col-xl-3 { width: 25%; } .col-xl-4 { width: 33.3333333333%; } .col-xl-5 { width: 41.6666666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.3333333333%; } .col-xl-8 { width: 66.6666666667%; } .col-xl-9 { width: 75%; } .col-xl-10 { width: 83.3333333333%; } .col-xl-11 { width: 91.6666666667%; } .col-xl-12 { width: 100%; } .col-xl-pull-0 { right: auto; } .col-xl-pull-1 { right: 8.3333333333%; } .col-xl-pull-2 { right: 16.6666666667%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-4 { right: 33.3333333333%; } .col-xl-pull-5 { right: 41.6666666667%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-7 { right: 58.3333333333%; } .col-xl-pull-8 { right: 66.6666666667%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-10 { right: 83.3333333333%; } .col-xl-pull-11 { right: 91.6666666667%; } .col-xl-pull-12 { right: 100%; } .col-xl-push-0 { left: auto; } .col-xl-push-1 { left: 8.3333333333%; } .col-xl-push-2 { left: 16.6666666667%; } .col-xl-push-3 { left: 25%; } .col-xl-push-4 { left: 33.3333333333%; } .col-xl-push-5 { left: 41.6666666667%; } .col-xl-push-6 { left: 50%; } .col-xl-push-7 { left: 58.3333333333%; } .col-xl-push-8 { left: 66.6666666667%; } .col-xl-push-9 { left: 75%; } .col-xl-push-10 { left: 83.3333333333%; } .col-xl-push-11 { left: 91.6666666667%; } .col-xl-push-12 { left: 100%; } .col-xl-offset-0 { margin-left: 0%; } .col-xl-offset-1 { margin-left: 8.3333333333%; } .col-xl-offset-2 { margin-left: 16.6666666667%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-4 { margin-left: 33.3333333333%; } .col-xl-offset-5 { margin-left: 41.6666666667%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-7 { margin-left: 58.3333333333%; } .col-xl-offset-8 { margin-left: 66.6666666667%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-10 { margin-left: 83.3333333333%; } .col-xl-offset-11 { margin-left: 91.6666666667%; } .col-xl-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #bbb; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 25px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.846; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #badecc; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #a9d6c0; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #e6e6e6; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #d9d9d9; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #feeee3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #fcdfcb; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f6b9af; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #f3a598; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 18.75px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 25px; font-size: 21px; line-height: inherit; color: #212121; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 6px; font-size: 14px; line-height: 1.846; color: #666; } .form-control { display: block; width: 100%; height: 37px; padding: 5px 15px; font-size: 14px; line-height: 1.846; color: #666; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #bbb; opacity: 1; } .form-control:-ms-input-placeholder { color: #bbb; } .form-control::-webkit-input-placeholder { color: #bbb; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 37px; } input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 25px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 6px; padding-bottom: 6px; margin-bottom: 0; min-height: 39px; } .form-control-static.input-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, .form-control-static.input-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 { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 37px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 43px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 46.25px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 37px; height: 37px; line-height: 37px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #53ac80; } .has-success .form-control { border-color: #53ac80; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #428a66; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #98cdb3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #98cdb3; } .has-success .input-group-addon { color: #53ac80; border-color: #53ac80; background-color: #badecc; } .has-success .form-control-feedback { color: #53ac80; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #f69352; } .has-warning .form-control { border-color: #f69352; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #f47521; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbd0b3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbd0b3; } .has-warning .input-group-addon { color: #f69352; border-color: #f69352; background-color: #feeee3; } .has-warning .form-control-feedback { color: #f69352; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #d43319; } .has-error .form-control { border-color: #d43319; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #a62814; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ed7966; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ed7966; } .has-error .input-group-addon { color: #d43319; border-color: #d43319; background-color: #f6b9af; } .has-error .form-control-feedback { color: #d43319; } .has-feedback label ~ .form-control-feedback { top: 30px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #a6a6a6; } @media (min-width: 768px) { .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 .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 6px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 31px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 6px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 5px 15px; font-size: 14px; line-height: 1.846; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #0093d0; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #0093d0; background-color: #fff; border-color: #0093d0; } .btn-default:focus, .btn-default.focus { color: #0093d0; background-color: #e6e6e6; border-color: #003951; } .btn-default:hover { color: #0093d0; background-color: #e6e6e6; border-color: #006893; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #0093d0; background-color: #e6e6e6; border-color: #006893; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #0093d0; background-color: #d4d4d4; border-color: #003951; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #0093d0; } .btn-default .badge { color: #fff; background-color: #0093d0; } .btn-primary { color: #fff; background-color: #0093d0; border-color: transparent; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #006f9d; border-color: rgba(0, 0, 0, 0); } .btn-primary:hover { color: #fff; background-color: #006f9d; border-color: rgba(0, 0, 0, 0); } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #006f9d; border-color: rgba(0, 0, 0, 0); } .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: #005679; border-color: rgba(0, 0, 0, 0); } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #0093d0; border-color: transparent; } .btn-primary .badge { color: #0093d0; background-color: #fff; } .btn-success { color: #fff; background-color: #53ac80; border-color: transparent; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #428a66; border-color: rgba(0, 0, 0, 0); } .btn-success:hover { color: #fff; background-color: #428a66; border-color: rgba(0, 0, 0, 0); } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #428a66; border-color: rgba(0, 0, 0, 0); } .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: #377254; border-color: rgba(0, 0, 0, 0); } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #53ac80; border-color: transparent; } .btn-success .badge { color: #53ac80; background-color: #fff; } .btn-info { color: #fff; background-color: #999; border-color: transparent; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: gray; border-color: rgba(0, 0, 0, 0); } .btn-info:hover { color: #fff; background-color: gray; border-color: rgba(0, 0, 0, 0); } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: gray; border-color: rgba(0, 0, 0, 0); } .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: #6e6e6e; border-color: rgba(0, 0, 0, 0); } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #999; border-color: transparent; } .btn-info .badge { color: #999; background-color: #fff; } .btn-warning { color: #fff; background-color: #f69352; border-color: transparent; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #f47521; border-color: rgba(0, 0, 0, 0); } .btn-warning:hover { color: #fff; background-color: #f47521; border-color: rgba(0, 0, 0, 0); } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #f47521; border-color: rgba(0, 0, 0, 0); } .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: #fff; background-color: #e6620b; border-color: rgba(0, 0, 0, 0); } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f69352; border-color: transparent; } .btn-warning .badge { color: #f69352; background-color: #fff; } .btn-danger { color: #fff; background-color: #d43319; border-color: transparent; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #a62814; border-color: rgba(0, 0, 0, 0); } .btn-danger:hover { color: #fff; background-color: #a62814; border-color: rgba(0, 0, 0, 0); } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #a62814; border-color: rgba(0, 0, 0, 0); } .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: #862010; border-color: rgba(0, 0, 0, 0); } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d43319; border-color: transparent; } .btn-danger .badge { color: #d43319; background-color: #fff; } .btn-link { color: #0093d0; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #005d84; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #bbb; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 0; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 11.5px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.846; color: #666; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #141414; background-color: #eeeeee; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #0093d0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #bbb; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.846; color: #bbb; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .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:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { 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: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { 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; } .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-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .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:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { 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; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0; border-top-left-radius: 0; 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; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { 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; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [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; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { 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; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 5px 15px; font-size: 14px; font-weight: normal; line-height: 1; color: #666; text-align: center; background-color: transparent; border: 1px solid transparent; border-radius: 0; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 0; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 0; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-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:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #bbb; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #bbb; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #0093d0; } .nav .nav-divider { height: 1px; margin: 11.5px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid transparent; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.846; border: 1px solid transparent; border-radius: 0 0 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee transparent; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #666; background-color: transparent; border: 1px solid transparent; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 0; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #0093d0; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid transparent; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid transparent; border-radius: 0 0 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 25px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 0; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 11.5px 15px; font-size: 18px; line-height: 25px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 5.75px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 25px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 25px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 11.5px; padding-bottom: 11.5px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 6.5px; margin-bottom: 6.5px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 6.5px; margin-bottom: 6.5px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 12.5px; margin-bottom: 12.5px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #222222; border-color: transparent; } .navbar-default .navbar-brand { color: #fff; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #bbb; background-color: transparent; } .navbar-default .navbar-text { color: #bbb; } .navbar-default .navbar-nav > li > a { color: #fff; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #bbb; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #bbb; background-color: #121212; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #666; background-color: transparent; } .navbar-default .navbar-toggle { border-color: transparent; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; } .navbar-default .navbar-toggle .icon-bar { background-color: rgba(0, 0, 0, 0.5); } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #121212; color: #bbb; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #bbb; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #bbb; background-color: #121212; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #666; background-color: transparent; } } .navbar-default .navbar-link { color: #fff; } .navbar-default .navbar-link:hover { color: #bbb; } .navbar-default .btn-link { color: #fff; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #bbb; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #666; } .navbar-inverse { background-color: #000; border-color: transparent; } .navbar-inverse .navbar-brand { color: #bbb; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #bbb; } .navbar-inverse .navbar-nav > li > a { color: #bbb; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: black; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #666; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: transparent; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; } .navbar-inverse .navbar-toggle .icon-bar { background-color: rgba(0, 0, 0, 0.5); } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: black; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: black; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #bbb; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: black; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #666; background-color: transparent; } } .navbar-inverse .navbar-link { color: #bbb; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #bbb; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #666; } .breadcrumb { padding: 8px 15px; margin-bottom: 25px; list-style: none; background-color: transparent; border-radius: 0; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/ "; padding: 0 5px; color: #eeeeee; } .breadcrumb > .active { color: #51ccff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #bbb; } .label-default[href]:hover, .label-default[href]:focus { background-color: #a2a2a2; } .label-primary { background-color: #0093d0; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #006f9d; } .label-success { background-color: #53ac80; } .label-success[href]:hover, .label-success[href]:focus { background-color: #428a66; } .label-info { background-color: #999; } .label-info[href]:hover, .label-info[href]:focus { background-color: gray; } .label-warning { background-color: #f69352; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #f47521; } .label-danger { background-color: #d43319; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #a62814; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: normal; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #bbb; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #0093d0; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .alert { padding: 15px; margin-bottom: 25px; border: 1px solid transparent; border-radius: 0; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #53ac80; border-color: transparent; color: #fff; } .alert-success hr { border-top-color: rgba(0, 0, 0, 0); } .alert-success .alert-link { color: #e6e6e6; } .alert-info { background-color: #999; border-color: transparent; color: #fff; } .alert-info hr { border-top-color: rgba(0, 0, 0, 0); } .alert-info .alert-link { color: #e6e6e6; } .alert-warning { background-color: #f69352; border-color: transparent; color: #fff; } .alert-warning hr { border-top-color: rgba(0, 0, 0, 0); } .alert-warning .alert-link { color: #e6e6e6; } .alert-danger { background-color: #d43319; border-color: transparent; color: #fff; } .alert-danger hr { border-top-color: rgba(0, 0, 0, 0); } .alert-danger .alert-link { color: #e6e6e6; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 25px; margin-bottom: 25px; background-color: #f5f5f5; border-radius: 0; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 25px; color: #fff; text-align: center; background-color: #0093d0; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-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-image: -o-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-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: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #53ac80; } .progress-striped .progress-bar-success { background-image: -webkit-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-image: -o-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-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); } .progress-bar-info { background-color: #999; } .progress-striped .progress-bar-info { background-image: -webkit-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-image: -o-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-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); } .progress-bar-warning { background-color: #f69352; } .progress-striped .progress-bar-warning { background-image: -webkit-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-image: -o-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-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); } .progress-bar-danger { background-color: #d43319; } .progress-striped .progress-bar-danger { background-image: -webkit-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-image: -o-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-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); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; 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; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #bbb; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #bbb; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #0093d0; border-color: #0093d0; } .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: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, .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 { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #9de2ff; } .list-group-item-success { color: #53ac80; background-color: #badecc; } a.list-group-item-success, button.list-group-item-success { color: #53ac80; } 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:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #53ac80; background-color: #a9d6c0; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { color: #fff; background-color: #53ac80; border-color: #53ac80; } .list-group-item-info { color: #999; background-color: #e6e6e6; } a.list-group-item-info, button.list-group-item-info { color: #999; } 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:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #999; background-color: #d9d9d9; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { color: #fff; background-color: #999; border-color: #999; } .list-group-item-warning { color: #f69352; background-color: #feeee3; } a.list-group-item-warning, button.list-group-item-warning { color: #f69352; } 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:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #f69352; background-color: #fcdfcb; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { color: #fff; background-color: #f69352; border-color: #f69352; } .list-group-item-danger { color: #d43319; background-color: #f6b9af; } a.list-group-item-danger, button.list-group-item-danger { color: #d43319; } 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:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #d43319; background-color: #f3a598; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { color: #fff; background-color: #d43319; border-color: #d43319; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: -1; border-top-left-radius: -1; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: -1; border-bottom-left-radius: -1; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: -1; border-top-left-radius: -1; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: -1; border-bottom-left-radius: -1; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: -1; border-top-left-radius: -1; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: -1; border-top-right-radius: -1; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: -1; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: -1; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: -1; border-bottom-left-radius: -1; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: -1; border-bottom-right-radius: -1; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: -1; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: -1; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 25px; } .panel-group .panel { margin-bottom: 0; border-radius: 0; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #212121; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #212121; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #0093d0; } .panel-primary > .panel-heading { color: #fff; background-color: #0093d0; border-color: #0093d0; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #0093d0; } .panel-primary > .panel-heading .badge { color: #0093d0; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #0093d0; } .panel-success { border-color: #a9d6b8; } .panel-success > .panel-heading { color: #fff; background-color: #53ac80; border-color: #a9d6b8; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #a9d6b8; } .panel-success > .panel-heading .badge { color: #53ac80; background-color: #fff; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #a9d6b8; } .panel-info { border-color: #d4d4d4; } .panel-info > .panel-heading { color: #fff; background-color: #999; border-color: #d4d4d4; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d4d4d4; } .panel-info > .panel-heading .badge { color: #999; background-color: #fff; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d4d4d4; } .panel-warning { border-color: #fcd6cb; } .panel-warning > .panel-heading { color: #fff; background-color: #f69352; border-color: #fcd6cb; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #fcd6cb; } .panel-warning > .panel-heading .badge { color: #f69352; background-color: #fff; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #fcd6cb; } .panel-danger { border-color: #f3989b; } .panel-danger > .panel-heading { color: #fff; background-color: #d43319; border-color: #f3989b; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f3989b; } .panel-danger > .panel-heading .badge { color: #d43319; background-color: #fff; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #f3989b; } .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; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 0; } .well-sm { padding: 9px; border-radius: 0; } .close { float: right; font-size: 21px; font-weight: normal; line-height: 1; color: #000; text-shadow: none; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); 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; border: 1px solid #999; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid transparent; } .modal-header:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.846; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid transparent; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.846; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #727272; border-radius: 0; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #727272; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #727272; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #727272; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #727272; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #727272; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #727272; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #727272; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #727272; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.846; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid transparent; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: -1 -1 0 0; } .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 { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: rgba(0, 0, 0, 0); border-top-color: fadein(transparent, 12%); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: rgba(0, 0, 0, 0); border-right-color: fadein(transparent, 12%); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: rgba(0, 0, 0, 0); border-bottom-color: fadein(transparent, 12%); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: rgba(0, 0, 0, 0); border-left-color: fadein(transparent, 12%); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 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; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); 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 { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); 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:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .fa-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .fa-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .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%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; 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 screen and (min-width: 768px) { .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .fa-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .fa-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .visible-lg-inline-block { display: inline-block !important; } } @media (min-width: 1600px) { .visible-xl { display: block !important; } table.visible-xl { display: table !important; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } } @media (min-width: 1600px) { .visible-xl-block { display: block !important; } } @media (min-width: 1600px) { .visible-xl-inline { display: inline !important; } } @media (min-width: 1600px) { .visible-xl-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) and (max-width: 1599px) { .hidden-lg { display: none !important; } } @media (min-width: 1600px) { .hidden-xl { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !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; } } .navbar { border: none; } .navbar-brand { font-size: 24px; } .navbar-inverse .navbar-form input[type=text], .navbar-inverse .navbar-form input[type=password] { color: #fff; -webkit-box-shadow: inset 0 -2px 0 #bbb; box-shadow: inset 0 -2px 0 #bbb; } .navbar-inverse .navbar-form input[type=text]::-moz-placeholder, .navbar-inverse .navbar-form input[type=password]::-moz-placeholder { color: #bbb; opacity: 1; } .navbar-inverse .navbar-form input[type=text]:-ms-input-placeholder, .navbar-inverse .navbar-form input[type=password]:-ms-input-placeholder { color: #bbb; } .navbar-inverse .navbar-form input[type=text]::-webkit-input-placeholder, .navbar-inverse .navbar-form input[type=password]::-webkit-input-placeholder { color: #bbb; } .navbar-inverse .navbar-form input[type=text]:focus, .navbar-inverse .navbar-form input[type=password]:focus { -webkit-box-shadow: inset 0 -2px 0 #fff; box-shadow: inset 0 -2px 0 #fff; } .btn-default:focus { background-color: #fff; } .btn-default:hover, .btn-default:active:hover { background-color: #f0f0f0; } .btn-default:active { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .btn-primary:focus { background-color: #0093d0; } .btn-primary:hover, .btn-primary:active:hover { background-color: #007db1; } .btn-primary:active { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .btn-success:focus { background-color: #53ac80; } .btn-success:hover, .btn-success:active:hover { background-color: #499771; } .btn-success:active { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .btn-info:focus { background-color: #999; } .btn-info:hover, .btn-info:active:hover { background-color: #8a8a8a; } .btn-info:active { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .btn-warning:focus { background-color: #f69352; } .btn-warning:hover, .btn-warning:active:hover { background-color: #f58134; } .btn-warning:active { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .btn-danger:focus { background-color: #d43319; } .btn-danger:hover, .btn-danger:active:hover { background-color: #b92c16; } .btn-danger:active { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .btn-link:focus { background-color: #fff; } .btn-link:hover, .btn-link:active:hover { background-color: #f0f0f0; } .btn-link:active { -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .btn { text-transform: uppercase; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: relative; } .btn:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: -webkit-radial-gradient(circle, #000 10%, transparent 10.01%); background-image: radial-gradient(circle, #000 10%, transparent 10.01%); background-repeat: no-repeat; background-size: 1000% 1000%; background-position: 50%; opacity: 0; pointer-events: none; transition: background .5s, opacity 1s; } .btn:active:after { background-size: 0% 0%; opacity: .2; transition: 0s; } .btn-link { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #0093d0; } .btn-link:hover, .btn-link:focus { -webkit-box-shadow: none; box-shadow: none; color: #0093d0; text-decoration: none; } .btn-link .disabled:hover, .btn-link .disabled:active:hover, .btn-link[disabled]:hover, .btn-link[disabled]:active:hover, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:active:hover { background-color: #fff; color: #0093d0; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default { background-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.4); opacity: 1; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus { background-color: rgba(0, 0, 0, 0.1); } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: 0; } .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: 0; } body { -webkit-font-smoothing: antialiased; letter-spacing: .1px; } p { margin: 0 0 1em; } input, button { -webkit-font-smoothing: antialiased; letter-spacing: .1px; } a { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .table-hover > tbody > tr, .table-hover > tbody > tr > th, .table-hover > tbody > tr > td { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } label { font-weight: normal; } textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control { padding: 0; border: none; border-radius: 0; -webkit-appearance: none; -webkit-box-shadow: inset 0 -2px 0 #ddd; box-shadow: inset 0 -2px 0 #ddd; font-size: 16px; } textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus { -webkit-box-shadow: inset 0 -2px 0 #0093d0; box-shadow: inset 0 -2px 0 #0093d0; } textarea[disabled], textarea[readonly], textarea.form-control[disabled], textarea.form-control[readonly], input.form-control[disabled], input.form-control[readonly], input[type=text][disabled], input[type=text][readonly], input[type=password][disabled], input[type=password][readonly], input[type=email][disabled], input[type=email][readonly], input[type=number][disabled], input[type=number][readonly], [type=text].form-control[disabled], [type=text].form-control[readonly], [type=password].form-control[disabled], [type=password].form-control[readonly], [type=email].form-control[disabled], [type=email].form-control[readonly], [type=tel].form-control[disabled], [type=tel].form-control[readonly], [contenteditable].form-control[disabled], [contenteditable].form-control[readonly] { -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px dotted #ddd; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, textarea.form-control.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > .input-group-btn > textarea.form-control.btn, input.form-control.input-sm, .input-group-sm > input.form-control, .input-group-sm > .input-group-btn > input.form-control.btn, input[type=text].input-sm, .input-group-sm > input[type=text].form-control, .input-group-sm > input[type=text].input-group-addon, .input-group-sm > .input-group-btn > input[type=text].btn, input[type=password].input-sm, .input-group-sm > input[type=password].form-control, .input-group-sm > input[type=password].input-group-addon, .input-group-sm > .input-group-btn > input[type=password].btn, input[type=email].input-sm, .input-group-sm > input[type=email].form-control, .input-group-sm > input[type=email].input-group-addon, .input-group-sm > .input-group-btn > input[type=email].btn, input[type=number].input-sm, .input-group-sm > input[type=number].form-control, .input-group-sm > input[type=number].input-group-addon, .input-group-sm > .input-group-btn > input[type=number].btn, [type=text].form-control.input-sm, .input-group-sm > [type=text].form-control, .input-group-sm > .input-group-btn > [type=text].form-control.btn, [type=password].form-control.input-sm, .input-group-sm > [type=password].form-control, .input-group-sm > .input-group-btn > [type=password].form-control.btn, [type=email].form-control.input-sm, .input-group-sm > [type=email].form-control, .input-group-sm > .input-group-btn > [type=email].form-control.btn, [type=tel].form-control.input-sm, .input-group-sm > [type=tel].form-control, .input-group-sm > .input-group-btn > [type=tel].form-control.btn, [contenteditable].form-control.input-sm, .input-group-sm > [contenteditable].form-control, .input-group-sm > .input-group-btn > [contenteditable].form-control.btn { font-size: 12px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, textarea.form-control.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > .input-group-btn > textarea.form-control.btn, input.form-control.input-lg, .input-group-lg > input.form-control, .input-group-lg > .input-group-btn > input.form-control.btn, input[type=text].input-lg, .input-group-lg > input[type=text].form-control, .input-group-lg > input[type=text].input-group-addon, .input-group-lg > .input-group-btn > input[type=text].btn, input[type=password].input-lg, .input-group-lg > input[type=password].form-control, .input-group-lg > input[type=password].input-group-addon, .input-group-lg > .input-group-btn > input[type=password].btn, input[type=email].input-lg, .input-group-lg > input[type=email].form-control, .input-group-lg > input[type=email].input-group-addon, .input-group-lg > .input-group-btn > input[type=email].btn, input[type=number].input-lg, .input-group-lg > input[type=number].form-control, .input-group-lg > input[type=number].input-group-addon, .input-group-lg > .input-group-btn > input[type=number].btn, [type=text].form-control.input-lg, .input-group-lg > [type=text].form-control, .input-group-lg > .input-group-btn > [type=text].form-control.btn, [type=password].form-control.input-lg, .input-group-lg > [type=password].form-control, .input-group-lg > .input-group-btn > [type=password].form-control.btn, [type=email].form-control.input-lg, .input-group-lg > [type=email].form-control, .input-group-lg > .input-group-btn > [type=email].form-control.btn, [type=tel].form-control.input-lg, .input-group-lg > [type=tel].form-control, .input-group-lg > .input-group-btn > [type=tel].form-control.btn, [contenteditable].form-control.input-lg, .input-group-lg > [contenteditable].form-control, .input-group-lg > .input-group-btn > [contenteditable].form-control.btn { font-size: 18px; } select, select.form-control { border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 0; padding-right: 0\9; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=); background-size: 13px; background-repeat: no-repeat; background-position: right center; -webkit-box-shadow: inset 0 -2px 0 #ddd; box-shadow: inset 0 -2px 0 #ddd; font-size: 16px; line-height: 1.5; background-image: url("/ts1678916177/attachments/StyleSheet/55/chevron-down-solid.svg"); } select::-ms-expand, select.form-control::-ms-expand { display: none; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn, select.form-control.input-sm, .input-group-sm > select.form-control, .input-group-sm > .input-group-btn > select.form-control.btn { font-size: 12px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn, select.form-control.input-lg, .input-group-lg > select.form-control, .input-group-lg > .input-group-btn > select.form-control.btn { font-size: 18px; } select:focus, select.form-control:focus { -webkit-box-shadow: inset 0 -2px 0 #0093d0; box-shadow: inset 0 -2px 0 #0093d0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=); background-image: url("/ts1678916177/attachments/StyleSheet/55/chevron-down-solid.svg"); } select[multiple], select.form-control[multiple] { background: none; } .radio label, .radio-inline label, .checkbox label, .checkbox-inline label { padding-left: 25px; } .radio input[type="radio"], .radio input[type="checkbox"], .radio-inline input[type="radio"], .radio-inline input[type="checkbox"], .checkbox input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="radio"], .checkbox-inline input[type="checkbox"] { margin-left: -25px; } input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: relative; margin-top: 6px; margin-right: 4px; vertical-align: top; border: none; background-color: transparent; -webkit-appearance: none; appearance: none; cursor: pointer; } input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus { outline: none; } input[type="radio"]:before, input[type="radio"]:after, .radio input[type="radio"]:before, .radio input[type="radio"]:after, .radio-inline input[type="radio"]:before, .radio-inline input[type="radio"]:after { content: ""; display: block; width: 18px; height: 18px; border-radius: 50%; -webkit-transition: 240ms; -o-transition: 240ms; transition: 240ms; } input[type="radio"]:before, .radio input[type="radio"]:before, .radio-inline input[type="radio"]:before { position: absolute; left: 0; top: -3px; background-color: #0093d0; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } input[type="radio"]:after, .radio input[type="radio"]:after, .radio-inline input[type="radio"]:after { position: relative; top: -3px; border: 2px solid #666; } input[type="radio"]:checked:before, .radio input[type="radio"]:checked:before, .radio-inline input[type="radio"]:checked:before { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } input[type="radio"]:disabled:checked:before, .radio input[type="radio"]:disabled:checked:before, .radio-inline input[type="radio"]:disabled:checked:before { background-color: #bbb; } input[type="radio"]:checked:after, .radio input[type="radio"]:checked:after, .radio-inline input[type="radio"]:checked:after { border-color: #0093d0; } input[type="radio"]:disabled:after, input[type="radio"]:disabled:checked:after, .radio input[type="radio"]:disabled:after, .radio input[type="radio"]:disabled:checked:after, .radio-inline input[type="radio"]:disabled:after, .radio-inline input[type="radio"]:disabled:checked:after { border-color: #bbb; } input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: relative; border: none; margin-bottom: -4px; -webkit-appearance: none; appearance: none; cursor: pointer; } input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus { outline: none; } input[type="checkbox"]:focus:after, .checkbox input[type="checkbox"]:focus:after, .checkbox-inline input[type="checkbox"]:focus:after { border-color: #0093d0; } input[type="checkbox"]:after, .checkbox input[type="checkbox"]:after, .checkbox-inline input[type="checkbox"]:after { content: ""; display: block; width: 18px; height: 18px; margin-top: -2px; margin-right: 5px; border: 2px solid #666; border-radius: 2px; -webkit-transition: 240ms; -o-transition: 240ms; transition: 240ms; } input[type="checkbox"]:checked:before, .checkbox input[type="checkbox"]:checked:before, .checkbox-inline input[type="checkbox"]:checked:before { content: ""; position: absolute; top: 0; left: 6px; display: table; width: 6px; height: 12px; border: 2px solid #fff; border-top-width: 0; border-left-width: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after { background-color: #0093d0; border-color: #0093d0; } input[type="checkbox"]:disabled:after, .checkbox input[type="checkbox"]:disabled:after, .checkbox-inline input[type="checkbox"]:disabled:after { border-color: #bbb; } input[type="checkbox"]:disabled:checked:after, .checkbox input[type="checkbox"]:disabled:checked:after, .checkbox-inline input[type="checkbox"]:disabled:checked:after { background-color: #bbb; border-color: transparent; } .has-warning input:not([type=checkbox]), .has-warning .form-control, .has-warning input.form-control[readonly], .has-warning input[type=text][readonly], .has-warning [type=text].form-control[readonly], .has-warning input:not([type=checkbox]):focus, .has-warning .form-control:focus { border-bottom: none; -webkit-box-shadow: inset 0 -2px 0 #f69352; box-shadow: inset 0 -2px 0 #f69352; } .has-error input:not([type=checkbox]), .has-error .form-control, .has-error input.form-control[readonly], .has-error input[type=text][readonly], .has-error [type=text].form-control[readonly], .has-error input:not([type=checkbox]):focus, .has-error .form-control:focus { border-bottom: none; -webkit-box-shadow: inset 0 -2px 0 #d43319; box-shadow: inset 0 -2px 0 #d43319; } .has-success input:not([type=checkbox]), .has-success .form-control, .has-success input.form-control[readonly], .has-success input[type=text][readonly], .has-success [type=text].form-control[readonly], .has-success input:not([type=checkbox]):focus, .has-success .form-control:focus { border-bottom: none; -webkit-box-shadow: inset 0 -2px 0 #53ac80; box-shadow: inset 0 -2px 0 #53ac80; } .has-warning .input-group-addon, .has-error .input-group-addon, .has-success .input-group-addon { color: #666; border-color: transparent; background-color: transparent; } .form-group-lg select, .form-group-lg select.form-control { line-height: 1.5; } .nav-tabs > li > a, .nav-tabs > li > a:focus { background-color: transparent; color: #fff; -webkit-box-shadow: inset 0 -2px 0 #ddd; box-shadow: inset 0 -2px 0 #ddd; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus:hover { background-color: transparent; -webkit-box-shadow: inset 0 -2px 0 #0093d0; box-shadow: inset 0 -2px 0 #0093d0; color: #0093d0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus { -webkit-box-shadow: inset 0 -2px 0 #0093d0; box-shadow: inset 0 -2px 0 #0093d0; color: #0093d0; } .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus:hover { color: #0093d0; } .nav-tabs > li.disabled > a { -webkit-box-shadow: inset 0 -2px 0 #ddd; box-shadow: inset 0 -2px 0 #ddd; } .nav-tabs .dropdown-menu { margin-top: 0; } .dropdown-menu { margin-top: 0; border: none; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .alert { border: none; color: #fff; } .alert-success { background-color: #53ac80; } .alert-info { background-color: #999; } .alert-warning { background-color: #f69352; } .alert-danger { background-color: #d43319; } .alert a:not(.close):not(.btn), .alert .alert-link { color: #fff; font-weight: bold; } .alert .close { color: #fff; } .badge { padding: 4px 6px 4px; } .progress { position: relative; z-index: 1; height: 6px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .progress-bar { -webkit-box-shadow: none; box-shadow: none; } .progress-bar:last-child { border-radius: 0 3px 3px 0; } .progress-bar:last-child:before { display: block; content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; z-index: -1; background-color: #84dbff; } .progress-bar-success:last-child.progress-bar:before { background-color: #cbe6d9; } .progress-bar-info:last-child.progress-bar:before { background-color: white; } .progress-bar-warning:last-child.progress-bar:before { background-color: #fffdfc; } .progress-bar-danger:last-child.progress-bar:before { background-color: #f08d7d; } .close { font-size: 34px; font-weight: 300; line-height: 24px; opacity: 0.6; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .close:hover { opacity: 1; } .list-group-item { padding: 15px; } .list-group-item-text { color: #bbb; } .well { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .panel { border: none; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border: 1px solid #ddd; } .panel-heading { border-bottom: none; } .panel-footer { border-top: none; } .popover { border: none; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); } .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 { color: inherit; } .btn-group > .btn:not(:last-of-type) { border-right-width: 0; } .btn-group-vertical > .btn:not(:last-of-type) { border-bottom-width: 0; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -1px; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .dropdown-submenu > .dropdown-menu::before { display: none; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left .pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown-submenu:hover .dropdown-menu { display: block; } .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .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 { padding-left: 7px; padding-right: 7px; } @media (min-width: 768px) { .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 { padding-left: 15px; padding-right: 15px; } } .media-responsive > .pull-left { padding-right: 0; padding-bottom: 10px; width: 100%; } @media (min-width: 480px) { .media-responsive > .pull-left { padding-right: 10px; padding-bottom: 0; max-width: 20%; } } .small { line-height: 14px; } .navbar { margin-bottom: 0; } .table > tbody > tr > td { vertical-align: middle; } .modal-header { background: #0093d0; color: #fff; } .modal-title { color: #fff; } .list-group { margin-bottom: 0; } .breadcrumb { margin-bottom: 0; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: 0; } .label { padding: 5px 12px 3px; font-size: 90%; border-radius: 12px; background-color: #fff; border: 1px solid #75bd99; color: #000; text-transform: uppercase; font-weight: normal; } .label-primary { border-color: #04b5ff; color: #04b5ff; } .label-success { border-color: #75bd99; color: #75bd99; } .label-warning { border-color: #f9b182; color: #f9b182; } .label-danger { border-color: #e85138; color: #e85138; } .label-info { border-color: #b3b3b3; color: #b3b3b3; } .dropdown-menu { padding-top: 0; padding-bottom: 0; } .dropdown-menu::before { content: ""; display: block; width: 100%; height: 4px; background-color: #0093d0; } .dropdown-menu > li > a { border-bottom: 1px solid #eeeeee; } .alert { margin-bottom: 0; } .modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog { position: fixed; margin: auto; width: 90%; max-width: 320px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .modal.modal-left .modal-content, .modal.modal-right .modal-content { height: 100%; overflow-y: auto; border-width: 0; } .modal.modal-right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.modal-right.fade.in .modal-dialog { right: 0; } .modal.modal-left.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } .modal.modal-left.fade.in .modal-dialog { left: 0; } .modal-vertical-alignment-helper { display: table; height: 100%; width: 100%; pointer-events: none; } .modal-vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; -webkit-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .modal-horizontal-align-center { width: inherit; height: inherit; margin: 0 auto; pointer-events: all; } .panel-heading.panel-no-padding, .panel-body.panel-no-padding { padding: 0; } .form-horizontal-text { padding-top: 6px; } @media (min-width: 768px) { .block-search.collapse { display: block !important; } } @media (max-width: 767px) { .block-search #algolia-searchbox .magnifying-glass { right: 10px !important; } } .av-img-placeholder-wrap { background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(/ts1504056399/attachments/CmsSetting/16/placeholder-box.svg); position: relative; } .av-img-placeholder-img { width: 100%; height: auto; position: absolute !important; top: 0; left: 0; } .fa-chevron-left:before, .fa-chevron-right:before { content: "" !important; } .carousel-control .fa-chevron-left, .carousel-control .icon-prev { margin-left: 15px; margin-top: -21px; background: url(/ts1717710297/images/png/StyleSheet/50/fancy_nav_left.png) no-repeat; width: 22px; height: 42px; } .carousel-control .fa-chevron-right, .carousel-control .icon-next { margin-right: 15px; margin-top: -21px; background: url(/ts1717710297/images/png/StyleSheet/50/fancy_nav_right.png) no-repeat; width: 22px; height: 42px; } .av-img-placeholder-wrap .av-navbar-xs { /* height: $xs-navbar-height; min-height: $xs-navbar-height; line-height: $xs-navbar-height; */ min-height: initial; border-width: 0; } .av-img-placeholder-wrap .av-navbar-xs .av-icon-nav > li > a { /* color: $navbar-default-link-color; */ color: #bbb; /* height: $xs-navbar-height; */ font-size: 12px; } .av-img-placeholder-wrap .av-navbar-xs .av-icon-nav > li > a:focus, .av-img-placeholder-wrap .av-navbar-xs .av-icon-nav > li > a:active, .av-img-placeholder-wrap .av-navbar-xs .av-icon-nav > li > a:hover { /* color: $navbar-default-link-hover-color; */ color: #fff; } .av-icon-nav > li:first-child { padding-left: 0; } .av-icon-nav > li:last-child { padding-right: 0; } .av-table-left > tbody > tr:first-child > td { border-top-width: 0; } .av-table-left > tbody > tr > th { border-top-width: 0; border-right: 2px solid #ddd; text-align: right; background-color: #fff; } @media (min-width: 768px) { .av-table-left > tbody > tr > th { width: 210px; } } .av-table-not-ruled { margin-bottom: 0; } .av-table-not-ruled > tbody > tr > td { border-top-width: 0; vertical-align: middle; } .av-btn-muted { color: #666; } .av-btn-muted:active, .av-btn-muted:focus, .av-btn-muted:hover { color: #212121; } .av-heading { margin-top: 0; } .av-info-box { background: #f5f5f5; padding: 15px; margin-bottom: 30px; } .av-info-wrap { padding: 15px; } .av-info-wrap-lg { padding: 15px; } @media (min-width: 992px) { .av-info-wrap-lg { padding: 30px; } } .av-dropdown-menu-right { left: auto; right: 0; } .pop-code { font-size: 10px; } .nav-tabs > li > a, .nav-tabs > li > a:focus { color: #666; -webkit-box-shadow: inset 0 -2px 0 #666; box-shadow: inset 0 -2px 0 #666; } iframe { border-width: 0px; width: 100%; } .anchor-text { display: none; } .country-name { max-width: 125px; background-color: #f4f4f4; color: #000000; border-radius: 10px; padding: 0 10px; background-size: 13px; background-repeat: no-repeat; background-position: right center; -webkit-box-shadow: inset 0 -2px 0 #ddd; box-shadow: inset 0 -2px 0 #ddd; font-size: 15px; line-height: 40px; font-weight: 500; height: 38px; } .box_image { height: 400px; background-size: 100%; background-repeat: no-repeat; border-radius: 15px; } @media (max-width: 450px) { .box_image { height: 200px; } } .signup-btn { background: #0093d0 !important; border: #0093d0 !important; } .signup-btn:hover { background: #00567D !important; } .margin-0 { margin: 0px !important; } @media only screen and (max-width: 767px) { .header-content-links > li { display: none !important; } } .categories-list .category-item { width: 32.3% !important; margin-right: 1.5% !important; } @media only screen and (max-width: 767px) { .categories-list .category-item { width: 100% !important; margin-right: 1.5% !important; } } .categories-list .category-item:nth-of-type(3n) { margin-right: 0 !important; } .categories-list .category-image { min-height: 220px !important; } .inc_size_quantity { min-width: 35px !important; height: 33px !important; line-height: 33px !important; margin: 8px; } .inc_size_input { width: 80px !important; } .h-35 { height: 35px !important; } .av-page-title { background-color: #0093d0; color: #eeeeee; /* padding: 20px 8px; */ padding: 15px; } .av-page-title > .breadcrumb { padding: 0; text-align: center; } .av-page-title > .breadcrumb > li > a { color: #fff; } .av-page-title > .breadcrumb > li > a:active, .av-page-title > .breadcrumb > li > a:hover, .av-page-title > .breadcrumb > li > a:focus { color: #eeeeee; } .av-page-title-blank { padding: 4px; } .av-page-title-heading { margin: 0; color: inherit; text-transform: uppercase; text-align: center; } @media (min-width: 768px) { .av-page-title > .breadcrumb { /* padding: 12px 5px 0 5px; */ text-align: right; line-height: 39px; } .av-page-title-blank { padding: 0 10px 0 10px; } .av-page-title-heading { text-align: left; } } .av-two-column { display: block; width: 100%; } .av-two-column-small { display: block; } .av-two-column-big { display: none; max-width: 280px; margin: 0px auto 0 0; } .av-two-column-left, .av-two-column-right { display: block; vertical-align: top; width: 100%; } @media (min-width: 768px) { .av-two-column-right { padding: 0 15px; } } @media (min-width: 992px) { .av-two-column { display: table; table-layout: fixed; } .av-two-column-small { display: none; } .av-two-column-big { display: block; } .av-two-column-collapsible { display: block !important; } .av-two-column-left { display: table-cell; width: 26.66%; } .av-two-column-right { display: table-cell; width: 73.33%; } .av-column-content { max-width: 1200px; } } @media (min-width: 1200px) { .av-two-column { table-layout: auto; } .av-two-column-left { width: 26.6666666667%; width: calc(321px - 1px); } .av-two-column-right { width: 73.3333333333%; width: calc(100% - 320px); } } .av-site-container { min-height: 100%; position: relative; } .av-micro-footer { height: auto; background-color: #000; color: #bbb; text-align: center; padding: 15px 0; } .av-micro-footer-branding { display: block; padding: 10px 0; color: #000; } .av-micro-footer-branding a { color: #000; } @media (min-width: 768px) { .av-micro-footer { position: absolute; bottom: 0; width: 100%; padding: 0; } .av-micro-footer-left { float: left; } .av-micro-footer-right { float: right; } .av-micro-footer-branding { display: inline-block; padding: 0; } } .av-modal-close { margin-right: 15px; margin-top: 10px; color: #bbb; } .av-modal-close-title { display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 22px; margin-top: 1px; } .av-modal-close-icon { font-size: 22px; margin-left: 6px; vertical-align: middle; } .av-modal-menu-wrap { padding: 30px; } .av-ajax-message-dialog-loading { display: none; } .av-loading .av-ajax-message-dialog-loading { display: block; padding: 30px 0; text-align: center; } .av-dialog-lines-wrap { padding: 15px 10px; } /* .av-container-content { margin: 10px 0; } */ @media (min-width: 768px) { .av-container-content { margin: 40px 0; } .av-cart-line .av-cart-uom, .av-cart-line .av-cart-qty, .av-cart-line .av-cart-unit-price, .av-cart-line .av-cart-gst { text-align: center; } } .av-header-logo-wrap { line-height: 41px; padding: 15px 0; text-align: center; } .av-header-logo { max-width: 100%; } .av-header-nav { text-align: center; line-height: 41px; font-size: 240%; background-color: #fff; padding: 15px 0; } .av-header-nav .av-icon-nav > li > a { color: #000; } .av-header-nav .av-icon-nav > li > a:focus, .av-header-nav .av-icon-nav > li > a:active, .av-header-nav .av-icon-nav > li > a:hover { color: #333; } .av-header-nav .av-badged .av-top-right-badge { background-color: #fff; border-color: #000; color: #000; } .av-header-nav .av-badged:hover .av-top-right-badge { border-color: #333; color: #333; } .av-search-box-wrap { display: none !important; } @media (max-width: 767px) { .av-icon-nav.show-search > li { display: none !important; } .av-icon-nav.show-search > .av-search-box-wrap { display: inline-block !important; } } .av-search-input { border: 0; outline: none; border-bottom: 2px solid #000; background: 0; padding: 0 10px; height: 41px; vertical-align: top; color: #666; -webkit-transition: width .3s; transition: width .3s; box-shadow: none; } .av-search-btn { background: none; background: none; border: none; padding: 0; color: #0093d0; } @media (min-width: 768px) { .av-search-box-wrap { display: inline-block !important; } .av-search-toggle-wrap { display: none !important; } .av-search-input { width: 150px; } .av-search-btn { color: #0093d0; } .av-search-btn:hover { color: #005d84; } .av-header-nav { text-align: right; background-color: transparent; padding-top: 0; padding-bottom: 0; } .av-header-nav .av-icon-nav > li > a { color: #0093d0; } .av-header-nav .av-icon-nav > li > a:focus, .av-header-nav .av-icon-nav > li > a:active, .av-header-nav .av-icon-nav > li > a:hover { color: #005d84; } .av-header-nav .av-badged .av-top-right-badge { background-color: #fff; border-color: #0093d0; color: #0093d0; } .av-header-nav .av-badged:hover .av-top-right-badge { border-color: #005d84; color: #005d84; } .av-header { padding: 15px 0; } .av-header-logo-wrap { padding: 0 15px; text-align: left; } } @media (min-width: 992px) { .av-search-input:hover, .av-search-input:focus, .av-search-box:hover .av-search-input { background: none; width: 200px; } } [data-avenue-reload] { transition: opacity 0.2s ease 0.2s; } .av-reload-loading { opacity: 0.7; position: relative; } .av-reload-loading .load_animation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/ajax.gif) center center no-repeat; } .av-reload-loading .load_animation > img { display: none; } [data-avenue-load-more="scroll"] { float: left; width: 100%; text-align: center; } [data-avenue-load-more="scroll"] > img { display: none; margin: 0 auto; } [data-avenue-load-more="scroll"].av-loading > img { display: block; } .av-loading .av-loading-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .remove-favourite { display: none; } .avenue-favourite > .add-favourite { display: none; } .avenue-favourite > .remove-favourite { display: block; } .collapsed-only-inline-block, .collapsed-only-block, .collapsed .uncollapsed-only-inline-block, .collapsed .uncollapsed-only-block { display: none; } .uncollapsed-only-block, .collapsed .collapsed-only-block { display: block; } .uncollapsed-only-inline-block, .collapsed .collapsed-only-inline-block { display: inline-block; } .no-js-hide { display: none; } .unlike-blog-post { display: none; } .avenue-blogpost-like > .like-blog-post { display: none; } .avenue-blogpost-like > .unlike-blog-post { display: block; } html:not(.wf-fontawesome-n4-active) .no-fa-hide { display: none; } html.js .av-result { visibility: hidden; } .parallax { background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; background-size: cover; } ul { list-style: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { transition: background-color 9999s ease-in-out 0s; } .av-facet-module { padding: 20px 10px; border-bottom: 1px solid #f1f1f1; position: relative; } .av-facet-module:last-child { border-bottom-width: 0; } .av-facet-title { font-size: 15px; text-transform: uppercase; color: #666; position: relative; font-weight: 500; margin-bottom: 10px; } .av-facet-collapse-icon-in, .av-facet-collapse-icon-out { position: absolute; top: 16px; right: 5px; color: #bbb; line-height: 28.75px; font-size: 12px; pointer-events: none; } .av-facet-collapse-icon-out { display: none !important; } .av-facet-collapsible.in ~ .av-facet-collapse-icon-in { display: none !important; } .av-facet-collapsible.in ~ .av-facet-collapse-icon-out { display: block !important; } .av-facet-row-after20, .av-facet-showless, .av-facet-showall .av-facet-showmore { display: none !important; } .av-facet-showall .av-facet-row-after20, .av-facet-showall .av-facet-showless { display: block !important; } .av-facet-list { width: 100%; text-align: left; padding-left: 0; list-style: none; margin-bottom: 0; } .av-facet-list > li { display: block; } .av-facet-list > li > a { color: #666; display: block; text-decoration: none !important; background-color: transparent !important; padding: 2px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-right: 30px; } .av-facet-list > li > a > .av-facet-row-icon { color: #bbb; margin-right: 4px; } .av-facet-list > li > a:hover { color: #bbb; } .av-facet-list > li > a > .av-facet-row-count { color: #bbb; position: absolute; top: 0; right: 0; } .av-facet-after20 { text-align: center; text-transform: uppercase; } .av-facet-after20 > a { color: #666; } .av-slider { margin-bottom: 8px; } .av-facet-slider .av-slider { margin: 20px auto; } .av-slider-value { margin-bottom: 0; text-align: left; margin-top: 18px; font-weight: bold; color: #bbb; } .ui-slider { position: relative; font-size: 1.1em; } .ui-slider.ui-slider-horizontal { height: 3px; border-width: 0 !important; background: #bbb; } .ui-slider > .ui-slider-range { border-width: 0; background: #666; } .ui-slider > .ui-slider-handle { position: absolute; border-radius: 50%; border: 3px solid #666 !important; background: #eeeeee; top: -8px !important; height: 20px !important; width: 20px !important; margin-left: -.6em; } .ui-slider > .ui-slider-handle:hover, .ui-slider > .ui-slider-handle:focus, .ui-slider > .ui-slider-handle:active { border-color: #0093d0 !important; border-width: 3px !important; } .av-result { padding: 0; } .av-result-img { background-color: #fff; } .av-result-img > .av-overlay { padding: 0; background-color: rgba(255, 255, 255, 0.8); } .av-result-title { text-decoration: none !important; } .av-result-description { max-height: 120px; overflow: hidden; position: relative; margin-bottom: 12px; } .list > .av-result { width: 100%; padding: 4px 0; } .list .av-result-img { float: left; width: 100%; margin-bottom: 10px; } .list .av-result-img > .av-overlay { display: none; } .list .av-result-description { max-height: 80px; } .add-to-cart-form { float: right; } .grid > .av-result { padding: 5px; border: 1px solid transparent; } .grid > .av-result:hover { border: 1px solid #eeeeee; } @media (min-width: 500px) { .list .av-result-img { width: 40%; max-width: 240px; margin-right: 15px; } } @media (min-width: 768px) { .list .list-show { float: right; } .list .list-show .more-info-btn { float: right; margin: 5px 0; } .list .add-to-cart-form { clear: both; } } @media (min-width: 992px) { .list .av-result-img { width: 30%; margin-right: 15px; margin-bottom: 0; } .grid > .av-result { padding: 15px; } } .av-result-stars { display: inline-block; } .av-fade-bottom::after { content: ""; height: 20px; width: 100%; position: absolute; left: 0; top: calc(100% - 20px); background: linear-gradient(to bottom, transparent, #fff); } .list .grid-show { display: none !important; } .grid .list-show { display: none !important; } .av-hover-cart-form { float: left; width: 55%; } .av-hover-cart-form > .form-control { float: left; width: 30%; background-color: #fff; text-align: center; height: 51px; } .av-hover-cart-form > .av-result-overlay-btn { float: left; width: 70%; } .av-quick-view-btn { float: left; width: 45%; display: inline-block; } .av-favs { position: absolute; right: 0; top: 3%; font-size: 24px; } .av-favs .favourite-description { display: none; } .av-discount { position: absolute; left: 0; /* top: 3%; */ top: 0; padding-top: 11px; padding-left: 11px; pointer-events: none; } .av-store-locator { width: 100%; height: 100%; position: relative; border-bottom: 2px solid #ccc; } .av-store-locator-search { padding: 30px; background-color: #eeeeee; top: 20px !important; } .av-store-locator-results { padding: 10px; } .av-store-locator-map { width: 100%; height: 446px; position: absolute; top: 100px; right: 0; left: 0; } @media (min-width: 992px) { .av-store-locator-results { overflow-y: auto; } .av-store-locator-form { margin-bottom: 0; } } .av-store-locator-img { max-width: 280px; position: relative; } .av-store-locator-img-marker { width: 36px; height: auto; position: absolute; bottom: 25%; right: 12%; } .av-store-locator-img-marker-path { fill: #0093d0; } .av-store-locator-result { padding: 12px; } .store-location-brief { position: relative; } .store-location-brief .store-number { position: absolute; top: 2px; left: 2px; width: 30px; height: 30px; line-height: 26px; border: 2px solid #3e3f3e; background-color: #3e3f3e; color: #ffffff; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; font-size: 14px; text-align: center; font-family: 'Gotham-Light'; } .store-location-selectable.selected .store-location-brief .store-number { background-color: #EFEFEF; color: #3e3f3e; } .store-location-details { margin-top: 6px; position: relative; min-height: 160px; } .store-location-details-link { text-decoration: underline !important; font-size: 75%; color: #ff0000; line-height: 100%; text-align: right; } .store-location-distance { font-size: 85%; line-height: 100%; } .store-location-image-detail { position: absolute; top: 4px; left: 4px; } .store-location-address-detail { margin-left: 156px; } .store-selector-modal .modal-content { background-color: transparent; } .store-selector-body { position: relative; padding: 0; background: none; height: 600px; } .store-selector-row { margin-left: 0; margin-right: 0; height: 100%; } .store-selector-button { background-color: #FFF; border-width: 0; padding: 6px 12px; border-bottom: 1px solid darkgray; border-right: 1px solid darkgray; } .store-selector-close { position: absolute; top: 8px; right: 20px; background-color: #3e3f3e; z-index: 999; min-width: 80px; } .store-selector-this-location { bottom: 10px; left: 350px; } .store-location-template { display: none; } .store-selector-list { display: inline-block; height: 100%; background-color: #ECEFEC; border-radius: 6px; overflow-y: auto; } .store-selector-map { display: none; height: 100%; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .store-selector-my-location { width: 60%; text-align: left; cursor: pointer; line-height: auto; line-height: initial; position: relative; } .store-selector-my-location .my-location-icon { position: absolute; right: 8px; top: 6px; } .store-selector-submit { margin-top: 15px; margin-bottom: 15px; width: 100%; cursor: pointer; -webkit-transition: background-color .12s ease; transition: background-color .12s ease; } .store-selector-submit[disabled] { -webkit-box-shadow: inset 0px 0px 0px 0px #3e3f3e; box-shadow: inset 0px 0px 0px 0px #3e3f3e; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EFEFEF), color-stop(1, #EFEFEF)); background: -moz-linear-gradient(center top, #EFEFEF 5%, #EFEFEF 100%); background-color: #EFEFEF !important; color: #989A98 !important; border-color: #989A98 !important; } .store-selector-my-location:active, .store-selector-my-location:hover, .store-selector-my-location:focus { background-color: #fff; } .store-selector-my-location:focus { border: 1px solid #66afe9; } .store-selector-results { list-style-type: none; margin: 10px 0 0 0; padding: 0; } .store-selector-results .store-location { padding: 6px; background-color: #fff; border: 2px solid #ccc; border-bottom-width: 0; list-style: none; } .store-location-noresults { list-style: none; } .store-selector-results .store-location:nth-of-type(3) { border-top-left-radius: 4px; border-top-right-radius: 4px; } .store-selector-results .store-location:last-child { border-bottom-width: 2px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .store-location-selectable { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .store-selector-query { border-radius: 0; border-color: #3e3f3e; } .store-selector-submit-query { background-color: #E0E4DA; border: 1px solid #3e3f3e; color: #3e3f3e; border-radius: 0; } .store-selector-submit-query:hover, .store-selector-submit-query:active, .store-selector-submit-query:focus { background-color: #E0E4DA; border: 1px solid #3e3f3e; color: #3e3f3e; border-radius: 0; } .store-location-details { background-color: #ECEFEC; border: 1px solid #ccc; padding: 3px; margin-bottom: 6px; } .store-location-selectable:hover, .store-location-selectable:active, .store-location-selectable:focus { background-color: #ECEFEC; } .store-location-selectable.selected { border-left-color: #ECEFEC; border-right-color: #ECEFEC; background-color: #E0E4DA; } .store-location-selectable.selected:hover, .store-location-selectable.selected:active, .store-location-selectable.selected:focus { background-color: #E0E4DA; } .store-location-selectable.selected:nth-of-type(3) { border-top-color: #ECEFEC; } .store-location-selectable.selected:last-child { border-bottom-color: #ECEFEC; } .store-selector-loading { text-align: center; } .store-selector-list h2 { margin-top: 12px; font-size: 140%; text-align: center; font-weight: bold; margin-bottom: 14px; } [data-avdata-text='stock'] { display: none; } @media (min-width: 768px) { .store-selector-button { position: absolute; } .store-selector-close { top: 10px; right: 10px; } .store-selector-modal .modal-dialog { width: 90%; max-width: 1000px; } .store-selector-list { border-top-right-radius: 0; border-bottom-right-radius: 0; } .store-selector-map { display: block; } .store-location-details { min-height: 110px; } .store-location-image-detail img { width: 100px; } .store-location-address-detail { margin-left: 106px; } } @media (max-width: 450px) { .store-location-details { min-height: 110px; } .store-location-image-detail img { width: 100px; } .store-location-address-detail { margin-left: 106px; } } .avenue-template { display: none; } .store-selector-choose-address .store-selector-title { font-size: 12px; font-weight: 500; } @media (min-width: 1200px) { .store-selector-choose-address .store-selector-title { font-size: 14px; } } .store-selector-choose-address .stock-status { margin-top: 4px; margin-bottom: 4px; display: inline-block; border-radius: 4px; padding: 4px 6px 1px; color: #2F2F2F; font-weight: 500; background-color: #C9DFAF; font-size: 12px; } .store-selector-choose-address .stock-status.out-of-stock { color: #666; background-color: #eee; } .store-selector-choose-address .store-image { position: absolute; top: 4px; right: 4px; } .store-selector-choose-address a.store-selector-choose-store { line-height: normal; width: auto; color: #fff; margin-top: 4px; } .store-selector-choose-address a.store-selector-choose-store:hover, .store-selector-choose-address a.store-selector-choose-store:active, .store-selector-choose-address a.store-selector-choose-store:focus { color: #fff; } table.existing-address-table td.store-selector-choose-address { position: relative; padding-left: 120px; padding-bottom: 40px; min-height: 11px; } #express-paypal-wrap { width: 100%; margin: 10px 5px 0 5px; display: block; float: left; cursor: pointer; background: #ffc438; border-radius: 50px; padding: 8px 0; text-align: center; line-height: 24px; color: #000; } #express-paypal-wrap span { font-family: "verdana"; font-size: 18px; font-weight: bold; font-style: italic; } #express-paypal-wrap .paypal-blue { color: #1f3d7c; } #express-paypal-wrap .paypal-purple { color: #0c9ad6; } #btnPaypalGC { display: none; } .paypal-btn { padding: 0px; margin: 0px; /* width:148px; */ border: 0px; cursor: pointer; background: none; } .panel-primary > .panel-heading { color: #404040; background-color: #f5f5f5; border-color: #f5f5f5; } .how-to-page { margin-top: 30px; } .how-to-page .title-section { margin-bottom: 20px; } @media (min-width: 768px) { .how-to-page .title-section { margin-bottom: 20px; } } .how-to-page .video-block-section { margin-bottom: 20px; } @media (min-width: 768px) { .how-to-page .video-block-section { margin-bottom: 50px; } } @font-face { font-family: 'HelveticaNeueW01-Thin'; src: url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW01-Thin.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW01-Thin.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW01-Thin.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd-UltLt'; src: url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueLTStd-UltLt.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueLTStd-UltLt.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueLTStd-UltLt.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueLTStd-UltLt.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueLTStd-Blk'; src: url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueLTStd-Blk.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueLTStd-Blk.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueLTStd-Blk.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueLTStd-Blk.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueW01-45Light'; src: url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW01-45Light.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW01-45Light.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW01-45Light.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueW02-75Bold'; src: url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW02-75Bold.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW02-75Bold.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW02-75Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueW02-65Medium'; src: url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW02-65Medium.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW02-65Medium.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW02-65Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueW02-55Roman'; src: url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW02-55Roman.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW02-55Roman.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/HelveticaNeueW02-55Roman.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-Black'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Black.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Black.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Black.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Black.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-BlackIt'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BlackIt.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BlackIt.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BlackIt.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BlackIt.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-Bold'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Bold.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Bold.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Bold.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-BoldCond'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldCond.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldCond.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldCond.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldCond.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-SemiboldIt'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-SemiboldIt.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-SemiboldIt.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-SemiboldIt.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-SemiboldIt.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-Semibold'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Semibold.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Semibold.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Semibold.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Semibold.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-Regular'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Regular.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Regular.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Regular.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-LightIt'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-LightIt.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-LightIt.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-LightIt.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-LightIt.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-Light'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Light.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Light.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Light.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Light.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-It'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-It.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-It.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-It.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-It.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-CondIt'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-CondIt.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-CondIt.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-CondIt.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-CondIt.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-Cond'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Cond.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Cond.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Cond.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-Cond.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-BoldIt'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldIt.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldIt.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldIt.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldIt.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-BoldCondIt'; src: url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldCondIt.eot?%23iefix") format("embedded-opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldCondIt.otf") format("opentype"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldCondIt.woff") format("woff"), url("/ts1678916223/attachments/StyleSheet/59/MyriadPro-BoldCondIt.ttf") format("truetype"); font-weight: normal; font-style: normal; } h1, .h1 { font-family: 'MyriadPro-Bold'; } h2, .h2 { font-family: 'MyriadPro-Bold'; } h3, .h3 { font-family: 'MyriadPro-Light'; } h4, .h4 { font-family: 'MyriadPro-Regular'; } p { font-family: 'MyriadPro-Regular'; } footer { font-family: 'MyriadPro-Light'; } .header.logout-user .shopping-block li.user-icon a { display: flex; padding: 0; } .header.logout-user .shopping-block li.user-icon a i { margin: auto; } @media (min-width: 768px) { .header:not(.login-page-wrapper) .navbar-fixed-top { margin-left: 60px; } } @media (min-width: 1200px) { .header:not(.login-page-wrapper) .navbar-fixed-top { margin-left: 206px; } } .header .navbar-fixed-top { background: #0093d0; } @media (min-width: 768px) { .header .navbar-fixed-top { border-bottom: 0.5px solid #f1f1f1; } } .header .navbar-collapse { align-items: stretch; /*border-left: 1px solid $border-color;*/ } @media (max-width: 767px) { .header .navbar-collapse { position: absolute; background: #f8f8f9; width: 100%; order: 12; top: 100%; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } } @media (min-width: 768px) { .header .navbar-collapse { display: flex !important; flex-grow: 1; } } .header .nav > li > a { padding-top: 0; padding-bottom: 0; color: #aaaaaa; } .header .navbar-brand { padding: 0 10px; height: auto; flex-direction: column; } @media (min-width: 992px) { .header .navbar-brand { padding: 0 15px 0 20px; } } .header .navbar-header { order: 4; } @media (max-width: 767px) { .header .navbar-header { text-align: right; border-left: 1px solid #f1f1f1; height: 50px; } } .header .navbar-toggle { margin: 0; padding: 17px 10px; } @media (max-width: 374px) { .header .navbar-toggle { padding: 17px 8px; } } .header .navbar-form { order: -1; flex-grow: 1; position: relative; max-width: 135px; } @media (max-width: 767px) { .header .navbar-form { background: #f4f4f4; margin: 8px 0px 8px 10px; padding: 0; } } @media (min-width: 768px) { .header .navbar-form { margin: 0; max-width: 140px; border-right: 1px solid #f1f1f1; } } @media (min-width: 992px) { .header .navbar-form { max-width: 200px; } } @media (min-width: 1200px) { .header .navbar-form { max-width: 300px; } } .header .navbar-form:after { content: "\f002"; font-family: fontawesome; position: absolute; top: -2px; color: #aaaaaa; left: 8px; font-size: 14px; } @media (max-width: 767px) { .header .navbar-form:after { line-height: 36px; } } @media (min-width: 768px) { .header .navbar-form:after { left: 12px; font-size: 14px; } } @media (min-width: 992px) { .header .navbar-form:after { left: 20px; font-size: 18px; } } .header .navbar-form input.form-control { border-bottom: none; box-shadow: none; width: 100%; padding: 4px 8px 4px 24px; height: auto; font-size: 12px; } @media (min-width: 768px) { .header .navbar-form input.form-control { padding: 0px 0px 0px 14px; font-size: 12px; } } @media (min-width: 992px) { .header .navbar-form input.form-control { padding: 0px 20px 0px 30px; font-size: 14px; } } @media (min-width: 1200px) { .header .navbar-form input.form-control { font-size: 16px; } } .header .shopping-block { order: 2; display: flex; align-items: center; flex-grow: 1; } @media (max-width: 767px) { .header .shopping-block { margin: 0; justify-content: space-between; flex-grow: initial; } } @media (max-width: 767px) { .header .shopping-block li { padding-right: 15px; } } @media (max-width: 374px) { .header .shopping-block li { padding-right: 8px; } } @media (min-width: 768px) { .header .shopping-block li:not(.user-icon):first-child a { margin-left: 0; } } .header .shopping-block li:not(.user-icon) a { padding: 0; position: relative; } @media (min-width: 768px) { .header .shopping-block li:not(.user-icon) a { margin: 0 0px 0 10px; } } @media (min-width: 992px) { .header .shopping-block li:not(.user-icon) a { margin: 0 0 0 20px; } } @media (min-width: 1600px) { .header .shopping-block li:not(.user-icon) a { margin: 0 0px 0 50px; } } .header .shopping-block li:not(.user-icon) a.active { background: #0093d0; } .header .shopping-block li:not(.user-icon) a.active i { color: #ffffff; } .header .shopping-block li:not(.user-icon) a.active .badge { display: none; } .header .shopping-block li:not(.user-icon) a .badge { position: absolute; width: 18px; height: 18px; font-size: 10px; line-height: 20px; padding: 0; right: -10px; top: -4px; background: #0093d0; } @media (min-width: 992px) { .header .shopping-block li:not(.user-icon) a .badge { width: 22px; height: 22px; line-height: 24px; right: -14px; font-size: 10px; } } @media (min-width: 1600px) { .header .shopping-block li.user-icon { margin-left: auto; } } .header .shopping-block li.user-icon img { max-width: 100%; } .header .shopping-block li.user-icon .current-user-details { line-height: 1; color: #404040; } .header .shopping-block li.user-icon .current-user-details h5 { line-height: 1.8; font-size: 15px; } @media (min-width: 1600px) { .header .shopping-block li.user-icon .current-user-details h5 { font-size: 16px; } } .header .shopping-block li.user-icon .active img { border: 1px solid transparent; } @media (max-width: 767px) { .header .shopping-block li.user-icon a { padding: 0; position: relative; } } @media (min-width: 992px) { .header .shopping-block li.user-icon a { margin-left: 20px; padding: 0 10px; } } @media (min-width: 1600px) { .header .shopping-block li.user-icon a { margin-left: 30px; padding: 0 15px; } } @media (min-width: 1600px) { .header .shopping-block li.user-icon a { margin-right: 40px; margin-left: 40px; } } .header .shopping-block li.user-icon a:hover, .header .shopping-block li.user-icon a:focus, .header .shopping-block li.user-icon a:active { background-color: transparent; } .header .shopping-block li.user-icon .current-user-details { display: none; } @media (min-width: 1200px) { .header .shopping-block li.user-icon .current-user-details { display: block; } } .header .primary-menu { order: 0; flex-grow: 1; padding: 0px; justify-content: center; display: flex; } @media (max-width: 767px) { .header .primary-menu { display: flex; justify-content: space-between; } } @media (min-width: 1900px) { .header .primary-menu { margin: 0 20px; } } .header .primary-menu li > a { text-transform: uppercase; line-height: 42px; padding-left: 10px; padding-right: 10px; font-weight: 500; font-size: 12px; white-space: nowrap; } @media (min-width: 768px) { .header .primary-menu li > a { line-height: 60px; padding-left: 7px; padding-right: 7px; font-size: 11px; } } @media (min-width: 992px) { .header .primary-menu li > a { padding-left: 15px; padding-right: 15px; font-size: 12px; } } @media (min-width: 1200px) { .header .primary-menu li > a { font-size: 14px; } } @media (min-width: 1600px) { .header .primary-menu li > a { font-size: 16px; padding: 0 35px; } } .header .primary-menu li > a:hover, .header .primary-menu li > a:focus { background-color: transparent; } .header .primary-menu li > a:last-child a { padding-right: 0; } .header .primary-menu li.active a { color: #00608a; } .header .primary-menu li:nth-of-type(1n+6) { display: none; } @media (min-width: 1200px) { .header .primary-menu li:nth-of-type(1n+6) { display: block; } } .header .customer-selected-btn { order: 10; flex-grow: 1; width: 100%; padding: 5px 10px; border-top: 1px solid #f1f1f1; align-items: center; display: flex; /*anchor tag is closed*/ } @media (min-width: 768px) { .header .customer-selected-btn { max-width: 130px; border-left: 1px solid #f1f1f1; border-top: none; padding: 0px 10px; height: 60px; } } @media (min-width: 992px) { .header .customer-selected-btn { max-width: 180px; padding: 0px 15px; } } @media (min-width: 1200px) { .header .customer-selected-btn { max-width: 200px; } } @media (min-width: 1600px) { .header .customer-selected-btn { max-width: 230px; padding: 0px 20px; } } @media (min-width: 1900px) { .header .customer-selected-btn { max-width: 260px; } } .header .customer-selected-btn a { display: flex; align-items: center; line-height: 1.8; color: #404040; flex-grow: 1; font-size: 12px; } @media (min-width: 1200px) { .header .customer-selected-btn a { font-size: 15px; } } .header .customer-selected-btn a > span { flex-grow: 1; } @media (max-width: 992px) { .header .customer-selected-btn a > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: calc(100% - 45px); } } @media (min-width: 768px) and (max-width: 992px) { .header .customer-selected-btn a > span { max-width: 85px; } } @media (min-width: 768px) { .header .customer-selected-btn a > span.customer-selected-btn { max-width: 110px; } } @media (min-width: 992px) { .header .customer-selected-btn a > span.customer-selected-btn { max-width: 150px; } } .header .customer-selected-btn a > span .pvt-ltd { font-weight: 500; line-height: 1; } @media (min-width: 768px) { .header .customer-selected-btn a > span .pvt-ltd { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 108px; } } @media (min-width: 1200px) { .header .customer-selected-btn a > span .pvt-ltd { max-width: 135px; } } @media (min-width: 1900px) { .header .customer-selected-btn a > span .pvt-ltd { max-width: 180px; } } .header .customer-selected-btn a > span:last-child { order: -1; } @media (max-width: 767px) { .header .customer-selected-btn a > span:last-child { margin-right: 5px; width: 20px; height: 20px; max-width: 20px; line-height: 1.6; min-width: 20px; } } @media (max-width: 767px) { .header .customer-selected-btn a > span:last-child i { font-size: 10px; line-height: 20px; } } @media (min-width: 768px) { .header .customer-selected-btn a > span:last-child { order: 1; } } .header .customer-selected-btn a.active .bg-light-gray { background: #0093d0; } .header .customer-selected-btn a.active .bg-light-gray i { color: #ffffff; } .navbar-toggle .icon-bar { background-color: #404040; margin-left: auto; } /*header is ends*/ .notification-widget { position: absolute; top: 51px; width: 100%; right: 0px; line-height: normal; z-index: 10; } @media (min-width: 768px) { .notification-widget { right: 30px; max-width: 500px; top: 61px; } } @media (min-width: 1200px) { .notification-widget { right: 300px; max-width: 600px; } } .notification-widget .notification-header { background: #f8f8fa; padding: 10px 30px; line-height: 1; margin: 0 -30px 20px; } .notification-widget .notifications-items-list { max-height: 360px; } .notification-widget .notification-item { border-bottom: 1px solid #f1f1f1; margin-bottom: 15px; } .notification-widget .notification-item:last-child { border-bottom: none; margin-bottom: 0; } .notification-widget [class^='btn'].btn:hover { background-color: #0093d0; color: #ffffff; } .loginUser-widget { position: absolute; top: 51px; width: 100%; right: 0px; line-height: normal; z-index: 10; } @media (min-width: 768px) { .loginUser-widget { max-width: 500px; top: 61px; } } @media (min-width: 1200px) { .loginUser-widget { max-width: 600px; } } .search-widget { padding: 0 15px; } .mobile-search { margin-left: 10px; margin-right: auto; } @media (min-width: 992px) { .mobile-search { margin-left: 10px; margin-right: 10px; } } @media (min-width: 1200px) { .mobile-search { margin-left: 32px; margin-right: 10px; height: 60px; display: flex; align-items: center; } } @media (min-width: 1900px) { .mobile-search { margin-left: 62px; } } .mobile-search > a.circle-icon { text-decoration: none; background-color: #eeeeee; } @media (max-width: 767px) { .mobile-search > a.circle-icon { position: relative; } } .mobile-search > a.circle-icon.active { background: #0093d0; } .mobile-search > a.circle-icon.active i { color: #ffffff; } .mobile-search div#searchCollapse, .mobile-search #sc-searchCollapse { position: absolute; width: 100%; left: 0; right: 0; background: #ffffff; top: 61px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); } @media (max-width: 767px) { .mobile-search div#searchCollapse, .mobile-search #sc-searchCollapse { z-index: 9; top: 0px; } } .mobile-search .search-detail-container { padding: 70px 20px 20px; line-height: normal; } @media (min-width: 768px) { .mobile-search .search-detail-container { max-width: 90%; padding: 30px 20px; } } @media (min-width: 992px) { .mobile-search .search-detail-container { padding: 70px 50px; } } .mobile-search .search-detail-container .close-icon { position: absolute; top: 15px; right: 20px; } @media (min-width: 768px) { .mobile-search .search-detail-container .close-icon { top: 20px; right: 30px; } } .mobile-search .search-detail-container .title { line-height: 1; font-size: 16px; font-weight: 500; margin-top: 3px; } .mobile-search .search-detail-container .main-search-block input[type=text] { font-size: 14px; box-shadow: none; } @media (min-width: 768px) { .mobile-search .search-detail-container .main-search-block input[type=text] { margin-left: 40px; font-size: 24px; } } .mobile-search .search-detail-container .main-search-block + .panel .panel-body { display: flex; padding: 10px 15px; } @media (max-width: 767px) { .mobile-search .search-detail-container .main-search-block .panel-body { padding: 8px 8px 8px 15px; } } @media (max-width: 767px) { .mobile-search .search-detail-container .main-search-block .panel-body .btn-primary { padding: 5px 10px; font-size: 12px; line-height: 1.5; } } @media (max-width: 767px) { .mobile-search .search-detail-container .main-search-block .panel-body .form-control { height: 30px; } } .mobile-search .search-detail-container .search-result ul { display: flex; margin-bottom: 0; margin-left: auto; } @media (max-width: 767px) { .mobile-search .search-detail-container .search-result ul { flex-wrap: wrap; padding-left: 10px; } } .mobile-search .search-detail-container .search-result ul li { margin-left: 20px; line-height: 24px; } @media (max-width: 767px) { .mobile-search .search-detail-container .search-result ul li { margin-bottom: 10px; } } .mobile-search .search-detail-container .search-result ul li a { background: #f4f4f4; padding: 6px 12px 4px; border-radius: 20px; font-size: 12px; color: #000000; font-weight: 500; text-decoration: none; } .mobile-search .search-detail-container .search-result ul li a.active { background: #dddddd; color: #ffffff; } .mobile-search .bootstrap-select:not(.input-group-btn) { line-height: 1; } @media (max-width: 767px) { .mobile-search .bootstrap-select:not(.input-group-btn) { position: absolute; top: 10px; left: 20px; max-width: 170px; } } .mobile-search .bootstrap-select > .dropdown-toggle { border-color: #f4f4f4; box-shadow: none; background-color: #f4f4f4; border-radius: 10px; color: #000000; outline: none; } .mobile-search .bootstrap-select .dropdown-toggle .filter-option-inner-inner { text-transform: initial; } .search-backdrop .mobile-search:before { content: ''; background: rgba(204, 204, 204, 0.5); position: fixed; width: 100%; height: 100%; left: 0; top: 0; } @media (min-width: 768px) { .search-backdrop .mobile-search:before { top: 61px; } } .navbar-brand { position: relative; } .navbar-brand span#onchange-sitename { position: relative; top: 6px; font-size: 14px; color: #0093d0; font-weight: 500; white-space: nowrap; line-height: 1; margin-left: auto; } @media (max-width: 767px) { .navbar-brand span#onchange-sitename { font-size: 10px; } } .logo-dropdown .dropdown-toggle { line-height: 0px; position: relative; left: -5px; } @media (min-width: 992px) { .logo-dropdown .dropdown-toggle { left: -10px; } } .logo-dropdown .dropdown-toggle i { font-size: 16px; } .logo-dropdown .dropdown-menu { left: 6px; border-radius: 10px; padding: 20px 15px 0; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); } .logo-dropdown .dropdown-menu > li > a { background-color: #f4f4f4; margin: 30px 0; border-radius: 10px; display: flex; align-items: center; font-size: 16px; line-height: 30px; color: #808080; padding: 3px 10px; } .logo-dropdown .dropdown-menu > li > a:hover, .logo-dropdown .dropdown-menu > li > a.active, .logo-dropdown .dropdown-menu > li > a:focus { background-color: #0093d0; color: #ffffff; } .logo-dropdown .dropdown-menu > li > a > span { padding-top: 5px; font-weight: 500; } .logo-dropdown .dropdown-menu > li > a i { display: block; font-size: 18px; width: 30px; max-width: 30px; min-width: 30px; height: 30px; line-height: 30px; border-radius: 100%; text-align: center; /*border: 1px solid $border-color;*/ } .logo-dropdown .dropdown-menu > li > a.disabled { cursor: not-allowed; color: #aaaaaa; } .logo-dropdown .dropdown-menu > li > a.disabled:hover, .logo-dropdown .dropdown-menu > li > a.disabled.active, .logo-dropdown .dropdown-menu > li > a.disabled:focus { background-color: #f4f4f4; } .logo-dropdown .close-dropdown { position: absolute; width: 26px; height: 26px; background: #ffffff; border-radius: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); text-align: center; right: 20px; top: 10px; cursor: pointer; } .logo-dropdown .close-dropdown i { font-size: 18px; line-height: 26px; display: block; } .brand-img { max-width: 120px; width: 100%; } @media (max-width: 991px) { .brand-img { max-width: 90px; } } nav#sidebar { width: 60px; border-right: 0.5px solid #f1f1f1; background-color: white; position: fixed; z-index: 9999; left: 0; top: 0px; height: calc(100vh) !important; } @media (max-width: 767px) { nav#sidebar { width: 100%; height: calc(100vh - 128px) !important; top: 80px; opacity: 0; min-height: 500px; z-index: 100; } } @media (min-width: 768px) { nav#sidebar { padding: 0 10px; } } @media (min-width: 1200px) { nav#sidebar { width: 206px; background-color: #ffffff; padding: 0 15px; } } @media (max-width: 767px) { nav#sidebar.ms-navbar-collapse.collapse.in { opacity: 1; top: 128px; transition: top,opacity 0.5s ease-in-out; } } nav#sidebar .brand-logo { height: 60px; display: flex; align-items: center; } nav#sidebar .brand-logo .logo { display: none; } @media (min-width: 1200px) { nav#sidebar .brand-logo .logo { display: block; outline: none; position: relative; margin-left: auto; } } nav#sidebar .brand-logo .logo span#onchange-sitename { position: absolute; right: 0; color: #0093d0; font-weight: 500; } nav#sidebar .brand-logo .dropdown-toggle { display: none; height: 20px; margin-left: 5px; } @media (min-width: 1200px) { nav#sidebar .brand-logo .dropdown-toggle { display: block; margin-right: auto; } } nav#sidebar .brand-logo .dropdown-toggle i { font-size: 16px; } nav#sidebar .brand-logo .custom-side-menu-icon { width: 22px; margin: auto; } @media (min-width: 1200px) { nav#sidebar .brand-logo .custom-side-menu-icon { display: none; } } nav#sidebar .brand-logo .custom-side-menu-icon span { background: #404040; height: 3px; position: relative; display: block; } nav#sidebar .brand-logo .custom-side-menu-icon span:after { content: ''; position: absolute; top: 8px; width: 100%; height: 3px; background: #404040; left: 0; } nav#sidebar .brand-logo .dropdown-menu { border-radius: 10px; padding: 20px 15px 0; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); min-width: 200px; } nav#sidebar .brand-logo .dropdown-menu > li > a { background-color: #f4f4f4; } nav#sidebar .brand-logo .dropdown-menu > li > a:hover, nav#sidebar .brand-logo .dropdown-menu > li > a.active, nav#sidebar .brand-logo .dropdown-menu > li > a:focus { background-color: #0093d0; color: #ffffff; } nav#sidebar .brand-logo .dropdown-menu > li > a.disabled { cursor: not-allowed; color: #aaaaaa; } nav#sidebar .brand-logo .dropdown-menu > li > a.disabled:hover, nav#sidebar .brand-logo .dropdown-menu > li > a.disabled.active, nav#sidebar .brand-logo .dropdown-menu > li > a.disabled:focus { background-color: #f4f4f4; } nav#sidebar .brand-logo .close-dropdown { position: absolute; width: 26px; height: 26px; background: #ffffff; border-radius: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); text-align: center; right: 20px; top: 10px; cursor: pointer; } nav#sidebar .brand-logo .close-dropdown i { font-size: 18px; line-height: 26px; } nav#sidebar ul { padding-left: 0; } @media (max-width: 767px) { nav#sidebar ul { display: flex; align-items: center; flex-wrap: wrap; margin-top: 20px; } } @media (min-width: 1200px) { nav#sidebar ul { height: calc(100vh - 60px); } } @media (max-width: 767px) { nav#sidebar ul li { width: 50%; } } nav#sidebar ul li a { text-align: center; display: flex; align-items: center; margin: 15px; font-size: 14px; color: #808080; text-decoration: none; font-weight: 500; } @media (max-width: 767px) { nav#sidebar ul li a { background: #f4f4f4; padding: 10px; border-radius: 10px; } } @media (min-width: 768px) { nav#sidebar ul li a { margin: 45px auto; } } @media (min-width: 1200px) { nav#sidebar ul li a { padding: 3px 5px; border-radius: 10px; font-size: 16px; width: 100%; height: 46px; line-height: 46px; margin: 30px auto; } } nav#sidebar ul li a.active, nav#sidebar ul li a:hover, nav#sidebar ul li a:active { color: #0093d0; } @media (min-width: 768px) { nav#sidebar ul li a.active, nav#sidebar ul li a:hover, nav#sidebar ul li a:active { color: #ffffff; } } @media (min-width: 1200px) { nav#sidebar ul li a.active, nav#sidebar ul li a:hover, nav#sidebar ul li a:active { background: #0093d0; } } @media (min-width: 768px) { nav#sidebar ul li a.active i, nav#sidebar ul li a:hover i, nav#sidebar ul li a:active i { background: #0093d0; } } @media (min-width: 1200px) { nav#sidebar ul li a.active i, nav#sidebar ul li a:hover i, nav#sidebar ul li a:active i { background: transparent; } } nav#sidebar ul li a i { display: block; font-size: 18px; width: 30px; max-width: 30px; min-width: 30px; height: 30px; line-height: 30px; border-radius: 100%; text-align: center; /*border: 1px solid $border-color;*/ } @media (min-width: 768px) { nav#sidebar ul li a i { margin: auto; } } @media (min-width: 1200px) { nav#sidebar ul li a i { margin: initial; } } nav#sidebar ul li a span { display: table-cell; text-align: left; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ /*max-width: 90px;*/ max-width: calc(100% - 30px); margin-top: 5px; line-height: 1; margin-left: 2px; } nav#sidebar .switch-debtors-wrapper a.dropdown-toggle { margin-left: -15px; margin-right: -15px; background: #e12f70; display: flex; padding: 10px 15px; color: #fff; font-weight: 600; align-items: center; } @media (min-width: 768px) and (max-width: 1200px) { nav#sidebar .switch-debtors-wrapper a.dropdown-toggle { padding: 10px; margin-left: -10px; margin-right: -10px; } } nav#sidebar .switch-debtors-wrapper a.dropdown-toggle .dropdown-dynamic-text { white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; } body { font-family: MyriadPro-Regular; color: #404040; } .material-icons { font-size: 16px; } @media (min-width: 1200px) { .material-icons { font-size: 22px; } } img { max-width: 100%; display: block; } .circle-icon { text-align: center; border-radius: 100%; width: 26px; max-width: 26px; min-width: 26px; height: 26px; line-height: 26px; } @media (min-width: 375px) { .circle-icon { width: 30px; max-width: 30px; min-width: 30px; height: 30px; line-height: 30px; } } @media (min-width: 1200px) { .circle-icon { width: 34px; max-width: 34px; min-width: 34px; height: 34px; line-height: 34px; } } .circle-icon img { border-radius: 100%; } .circle-icon i { color: #aaaaaa; line-height: 28px; font-size: 14px; } @media (min-width: 1200px) { .circle-icon i { line-height: 34px; font-size: 18px; } } .outline-circle { width: 26px; max-width: 26px; min-width: 26px; height: 26px; line-height: 26px; border: 1px solid #eee; display: block; border-radius: 100%; } .outline-circle .material-icons { font-size: 18px; display: block; text-align: center; line-height: 1.4; } .outline-circle.medium-circle { border-width: 3px; width: 36px; max-width: 36px; min-width: 36px; height: 36px; line-height: 36px; } @media (min-width: 768px) { .outline-circle.medium-circle { border-width: 5px; width: 44px; max-width: 44px; min-width: 44px; height: 44px; line-height: 44px; } } .light-gray-circle { width: 26px; max-width: 26px; min-width: 26px; height: 26px; line-height: 26px; background-color: #f4f4f4; display: inline-block; border-radius: 100%; text-align: center; color: #404040; overflow: hidden; /*box-shadow: 0 0 3px rgba(0,0,0,0.3);*/ } @media (min-width: 768px) { .light-gray-circle { width: 30px; max-width: 30px; min-width: 30px; height: 30px; line-height: 30px; } } .light-gray-circle.small-circle { width: 20px; max-width: 20px; min-width: 20px; height: 20px; line-height: 20px; font-size: 12px; } .light-gray-circle.medium-circle { width: 50px; max-width: 50px; min-width: 50px; height: 50px; line-height: 50px; } @media (min-width: 768px) { .light-gray-circle.medium-circle { width: 63px; max-width: 63px; min-width: 63px; height: 63px; line-height: 63px; } } .light-gray-circle.large-circle { width: 63px; max-width: 63px; min-width: 63px; height: 63px; line-height: 63px; } @media (min-width: 1200px) { .light-gray-circle.large-circle { width: 85px; max-width: 85px; min-width: 85px; height: 85px; line-height: 85px; } } .light-gray-circle.circle-label { text-decoration: none; } @media (min-width: 1200px) { .light-gray-circle.circle-label { width: auto; border-radius: 15px; padding: 0 10px; display: flex; align-items: center; max-width: initial; } } .light-gray-circle.circle-label span { display: none; } @media (min-width: 1200px) { .light-gray-circle.circle-label span { display: inline-block; margin-top: 5px; } } .light-gray-circle.no-action { color: #c3c3c3; cursor: no-drop; } .light-gray-circle.d-label { width: auto; border-radius: 15px; padding: 2px 10px 0; max-width: initial; } .light-gray-circle .material-icons { line-height: unset; width: 100%; font-size: 18px; } a[href], a[data-avenue-url], button { cursor: pointer; } a[href].light-gray-circle:hover, a[href].light-gray-circle:focus, a[href].light-gray-circle:active, a[data-avenue-url].light-gray-circle:hover, a[data-avenue-url].light-gray-circle:focus, a[data-avenue-url].light-gray-circle:active, button.light-gray-circle:hover, button.light-gray-circle:focus, button.light-gray-circle:active { background: #0093d0; color: #fff !important; text-decoration: none; } a[href]:hover > .light-gray-circle, a[href]:focus > .light-gray-circle, a[href]:active > .light-gray-circle, a[data-avenue-url]:hover > .light-gray-circle, a[data-avenue-url]:focus > .light-gray-circle, a[data-avenue-url]:active > .light-gray-circle, button:hover > .light-gray-circle, button:focus > .light-gray-circle, button:active > .light-gray-circle { background: #0093d0; color: #fff !important; } .row.gutter-5 { margin-left: -5px; margin-right: -5px; } .row.gutter-5 > [class^="col-"] { padding-left: 5px; padding-right: 5px; } .row.gutter-10 { margin-left: -10px; margin-right: -10px; } .row.gutter-10 > [class^="col-"] { padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .row.gutter-sm-10 { margin-left: -10px; margin-right: -10px; } .row.gutter-sm-10 > [class^="col-"] { padding-left: 10px; padding-right: 10px; } .row.gutter-sm-5 { margin-left: -5px; margin-right: -5px; } .row.gutter-sm-5 > [class^="col-"] { padding-left: 5px; padding-right: 5px; } } @media (min-width: 1200px) { .row.gutter-xl-20 { margin-left: -20px; margin-right: -20px; } .row.gutter-xl-20 > [class^="col-"] { padding-left: 20px; padding-right: 20px; } } .ms-jq-collapse i:first-child { display: none; } .ms-jq-collapse.collapsed i:last-child { display: none; } .ms-jq-collapse.collapsed i:first-child { display: inline-block; } .quality-label { position: relative; } .quality-label .label { position: absolute; right: 10px; top: 9px; font-size: 10px; font-weight: 600; padding: 5px 12px; border: none; line-height: 1; color: #ffffff; background-color: transparent; } .quality-label textarea + .label { color: #FFFDF7; } .icon-with-label > *:first-child { margin-right: 5px; } @media (max-width: 767px) { .row { margin-left: -10px; margin-right: -10px; } .row > [class^="col-"] { padding-left: 10px; padding-right: 10px; } } .panel { border: 1px solid #f1f1f1; box-shadow: none; } .panel.panel-default.pad-20-30 > .panel-body { padding: 20px 30px; } .dynamic-content-block { background: #f8f8f9; padding: 10px 10px 10px 10px; height: calc(100vh - 80px); overflow-y: auto; transition: all 0.3s ease; } @media (min-width: 768px) { .dynamic-content-block { width: calc(100% - 60px); margin-left: 60px; padding: 30px 30px 20px; height: calc(100vh - 60px); } } @media (min-width: 1200px) { .dynamic-content-block { width: calc(100% - 206px); margin-left: 206px; } } .dynamic-content-block .thumbnail-img { width: 40px; border-radius: 5px; overflow: hidden; min-width: 40px; } .dynamic-content-block.ecom-account-dynamic-content-block { height: calc(100vh - 110px); } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block.ecom-account-logout-user { width: 100%; margin-left: 0px; } } @media (min-width: 1200px) { .dynamic-content-block.ecom-account-dynamic-content-block.ecom-account-logout-user { width: 100%; margin-left: 0px; } } @media (min-width: 1900px) { .dynamic-content-block.ecom-account-dynamic-content-block { padding: 50px 100px; } } .dynamic-content-block.ecom-account-dynamic-content-block .panel-body:not(.normal) { padding: 20px; } .dynamic-content-block.ecom-account-dynamic-content-block [class^='btn'].btn { padding-bottom: 2px; } .dynamic-content-block.ecom-account-dynamic-content-block [class^='btn'].btn-lg, .dynamic-content-block.ecom-account-dynamic-content-block .btn-group-lg > [class^='btn'].btn { padding: 12px 16px 8px; } .dynamic-content-block.ecom-account-dynamic-content-block input[type='text'] { height: 55px; font-size: 18px; } .dynamic-content-block.ecom-account-dynamic-content-block select { height: 55px; font-size: 18px; } .dynamic-content-block label, .dynamic-content-block .modal-content label { font-size: 12px; font-weight: 500; } .dynamic-content-block input:not([type='checkbox']):not([type='radio']):not([class='no-bordered']), .dynamic-content-block input.form-control:not([type='checkbox']):not([type='radio']):not([class='no-bordered']), .dynamic-content-block .modal-content input:not([type='checkbox']):not([type='radio']):not([class='no-bordered']), .dynamic-content-block .modal-content input.form-control:not([type='checkbox']):not([type='radio']):not([class='no-bordered']) { outline: none; box-shadow: none; padding: 0 14px; border-radius: 10px; border: 1px solid #f1f1f1; } .dynamic-content-block input.no-bordered, .dynamic-content-block input.form-control.no-bordered, .dynamic-content-block .modal-content input.no-bordered, .dynamic-content-block .modal-content input.form-control.no-bordered { border: none; outline: none; box-shadow: none !important; } .dynamic-content-block select, .dynamic-content-block select.form-control, .dynamic-content-block .modal-content select, .dynamic-content-block .modal-content select.form-control { outline: none; box-shadow: none; padding: 0 14px; border-radius: 10px; background-color: #f4f4f4; background-position: 96% 50%; border: none; } .dynamic-content-block select.bg-none, .dynamic-content-block select.form-control.bg-none, .dynamic-content-block .modal-content select.bg-none, .dynamic-content-block .modal-content select.form-control.bg-none { background-color: transparent; border: 1px solid #f1f1f1; } .dynamic-content-block select.no-bordered, .dynamic-content-block select.form-control.no-bordered, .dynamic-content-block .modal-content select.no-bordered, .dynamic-content-block .modal-content select.form-control.no-bordered { border: none; } .dynamic-content-block textarea, .dynamic-content-block .modal-content textarea { background: #FFFDF7; border: 1px solid #f1f1f1; padding: 0 8px; border-radius: 10px; } .dynamic-content-block table input:not([type='checkbox']):not([type='radio']), .dynamic-content-block table input.form-control:not([type='checkbox']):not([type='radio']), .dynamic-content-block table select:not([type='checkbox']):not([type='radio']), .dynamic-content-block table select.form-control:not([type='checkbox']):not([type='radio']), .dynamic-content-block .modal-content table input:not([type='checkbox']):not([type='radio']), .dynamic-content-block .modal-content table input.form-control:not([type='checkbox']):not([type='radio']), .dynamic-content-block .modal-content table select:not([type='checkbox']):not([type='radio']), .dynamic-content-block .modal-content table select.form-control:not([type='checkbox']):not([type='radio']) { height: 37px; font-size: 16px; } .dynamic-content-block .full-width-border, .dynamic-content-block .modal-content .full-width-border { margin-left: -30px; margin-right: -30px; margin-top: 5px; } .dynamic-content-block .radio + .radio, .dynamic-content-block .modal-content .radio + .radio { margin-top: 10px; } .dynamic-content-block .input-group .form-control:not(:first-child):not(:last-child), .dynamic-content-block .modal-content .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 10px; } .checkbox input[type="checkbox"]:checked:after { background-color: #0093d0; border-color: #0093d0; } .checkbox input[type="checkbox"]:after { border: 1px solid #f1f1f1; } .path-image { position: absolute; bottom: 0; left: 0; width: 100%; z-index: -1; } @media (min-width: 768px) { .path-image { display: none; } } .search-result-action-btns { border-top: 1px solid #f1f1f1; padding-top: 25px; padding-bottom: 20px; display: flex; } .search-result-action-btns ul { padding-left: 0; display: flex; margin: auto; } .search-result-action-btns ul li:not(:first-child) { margin-left: 20px; } .search-result-action-btns ul li a { padding: 8px 10px 5px; background: #f4f4f4; border-radius: 30px; font-weight: 500; font-size: 12px; color: #000000; text-decoration: none; } .search-result-action-btns ul li.active a, .search-result-action-btns ul li:active a, .search-result-action-btns ul li:focus a, .search-result-action-btns ul li:hover a { background: #aaaaaa; color: #ffffff; } .help-block.validation_error { color: #d43319; } @media (min-width: 576px) { .generic-search-objects { display: flex; align-items: center; } } .generic-search-objects .search-objects-radio-button-label { padding: 7px 8px 5px; cursor: pointer; color: #000000; font-weight: 500; background: #f4f4f4; border-radius: 20px; line-height: 1; display: inline-block; margin-right: 8px; font-size: 12px; } @media (min-width: 768px) { .generic-search-objects .search-objects-radio-button-label { margin-left: 15px; margin-right: 0px; padding: 9px 12px 6px; font-size: 14px; } } .generic-search-objects .search-objects-radio-button-label:hover { background: #aaaaaa; color: #ffffff; } .generic-search-objects .search-objects-radio-btn:checked + .search-objects-radio-button-label { background: #aaaaaa; color: #ffffff; } .generic-search-objects .gs-result-indicators { padding-top: 10px; } @media (min-width: 768px) { .generic-search-objects .gs-result-indicators { margin-left: 30px; padding-top: 5px; } } .dynamic-content-block input[type="radio"], .dynamic-content-block input[type="checkbox"] { padding: 0; } .dynamic-content-block input[type="radio"]:checked:before { background-color: transparent; content: "done"; color: #0093d0; font-size: 12px; font-family: "material icons"; transform: scale(1); top: 0px; left: 3px; } .dynamic-content-block input[type="radio"]:before { background-color: #0093d0; } .dynamic-content-block input[type="radio"]:checked:after { border-color: #0093d0; } .modal-content input[type="radio"], .modal-content input[type="checkbox"] { padding: 0; } .modal-content input[type="radio"]:checked:before { background-color: transparent; content: "done"; color: #0093d0; font-size: 12px; font-family: "material icons"; transform: scale(1); top: 0px; left: 3px; } .modal-content input[type="radio"]:before { background-color: #0093d0; } .modal-content input[type="radio"]:checked:after { border-color: #0093d0; } .nlp-color { color: #ffffff; } .nlp-color.quality-10, .nlp-color.quality-9, .nlp-color.quality-8 { background-color: #5CBF8E !important; } .nlp-color.quality-7 { background-color: #82BF5C !important; } .nlp-color.quality-6 { background-color: #AFBC4E !important; } .nlp-color.quality-5 { background-color: #D8C55B !important; } .nlp-color.quality-4 { background-color: #FFB53E !important; } .nlp-color.quality-3 { background-color: #FF973E !important; } .nlp-color.quality-2 { background-color: #FF793E !important; } .nlp-color.quality-1 { background-color: #EC4E63 !important; } .nlp-color.quality-0 { background-color: #DCDCDC !important; } .nlp-color.quality-text-10, .nlp-color.quality-text-9, .nlp-color.quality-text-8 { color: #5CBF8E !important; } .nlp-color.quality-text-7 { color: #82BF5C !important; } .nlp-color.quality-text-6 { color: #AFBC4E !important; } .nlp-color.quality-text-5 { color: #D8C55B !important; } .nlp-color.quality-text-4 { color: #FFB53E !important; } .nlp-color.quality-text-3 { color: #FF973E !important; } .nlp-color.quality-text-2 { color: #FF793E !important; } .nlp-color.quality-text-1 { color: #EC4E63 !important; } .nlp-color.quality-text-0 { color: gray !important; } .nlp-color .sentiment-icon { font-size: 18px; width: 18px; } .stock-avalible .label-success { border-color: transparent; color: #ffffff; background: #5CBF8E; } .stock-avalible .label-info { color: #666; background-color: #ddd; border-color: #ddd; } .stock-avalible .label-warning { color: #fff; background-color: #f9b182; border-color: #f9b182; } .ms-crm-load-more .icons { font-size: 0; width: 6px; height: 6px; background: #ccc; border-radius: 100%; position: relative; display: block; margin-right: 10px; margin-left: 10px; } .ms-crm-load-more .icons:before, .ms-crm-load-more .icons:after { content: ""; width: 6px; height: 6px; background: #cccccc; display: block; border-radius: 100%; position: absolute; } .ms-crm-load-more .icons:before { left: -10px; } .ms-crm-load-more .icons:after { right: -10px; } .add-items-btn .material-icons { line-height: 0.5; } input.btn-circle { height: 37px; border-radius: 20px; } .line-height-1 { line-height: 1; } .dropdown-menu::before { height: 0; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #000000; background-color: #eee; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus, .btn:hover, .btn:focus, .btn.focus { color: #000000; border-color: #f4f4f4; } .tooltip.top .tooltip-arrow { border-top-color: #909090; bottom: -1px; border-width: 6px 6px 0; } .tooltip-inner { color: #000000; background-color: #ffffff; border-radius: 6px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); word-break: break-word; } input[type="checkbox"]:focus:after, .checkbox input[type="checkbox"]:focus:after, .checkbox-inline input[type="checkbox"]:focus:after { border-color: #ccc; } .popover { border-radius: 10px; } .popover.top > .arrow:after { border-top-color: #cccccc; } .popover.right > .arrow:after { border-right-color: #cccccc; } .submit-text { display: inline-block; padding-top: 3px; } textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus, select:focus, select.form-control:focus { box-shadow: inset 0 -2px 0 #0093d0; } .validation-error { border-color: #D41010 !important; } .btnCollapsed.collapsed i:last-child { display: none; } .btnCollapsed.collapsed i:first-child { display: inline-block; } .btnCollapsed i:first-child { display: none; } .btnCollapsed i:last-child { display: inline-block; } .back-drop { position: relative; } .warning-for-inactive-leads { display: none; position: absolute; z-index: 14; background-color: #ffffff; padding: 10px; border-radius: 10px; top: 4%; margin: 18px; } .back-drop:hover .warning-for-inactive-leads { display: block; } .box-title { position: relative; z-index: 11; } .back-drop:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(230, 230, 230, 0.6); left: 0; top: 0; z-index: 10; } .back-drop .item-details { z-index: 11; position: relative; } .row:before { display: none; } .ms-customer-menu-Account.Overview i:before, .ms-customer-menu-Account.overview i:before { content: "person"; } .ms-customer-menu-Account.Switch i:before, .ms-customer-menu-Account.switch i:before { content: "sync"; } .ms-customer-menu-My.Orders i:before, .ms-customer-menu-My.orders i:before { content: "ballot"; } .ms-customer-menu-My.Balance i:before, .ms-customer-menu-My.balance i:before { content: "account_balance"; } .ms-customer-menu-My.Wish.List i:before, .ms-customer-menu-My.wish.list i:before { content: "favorite"; } .ms-customer-menu-My.Addresses i:before, .ms-customer-menu-My.addresses i:before { content: "place"; } .ms-customer-menu-My.Template.Orders i:before, .ms-customer-menu-My.template.orders i:before { content: "chrome_reader_mode"; } .ms-customer-menu-Logout i:before { content: "input"; } .ms-customer-menu-Orders.Pending.Approval i:before, .ms-customer-menu-Orders.pending.approval i:before { content: "hourglass_empty"; } .ms-customer-menu-My.Invoices i:before, .ms-customer-menu-My.invoices i:before { content: "monetization_on"; } .ms-customer-menu-Fast.order i:before, .ms-customer-menu-Fast.Order i:before { content: "history"; } .ms-customer-menu-Settings i:before { content: "settings"; } .ms-customer-menu-My.Activities i:before { content: "date_range"; } .ms-customer-menu-Dashboard a i:before { content: "developer_board"; } .ms-customer-menu-Service.Call a i:before { content: "settings_applications"; } .ms-customer-menu-Reports a i:before { content: "timeline"; } .ms-customer-menu-Knowledge.Base a i:before { content: "flare"; } .ms-customer-menu-Users a i:before { content: "people"; } .filter-section { display: flex; align-items: center; flex-wrap: wrap; padding-bottom: 15px; } .filter-section .create-btn { color: #404040; text-transform: uppercase; font-weight: 500; } .filter-section .create-btn span { margin-top: 4px; margin-left: 5px; } .filter-section.filter-active:after { content: ''; position: fixed; background: rgba(204, 204, 204, 0.4); left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } a.decoration-none { text-decoration: none; cursor: pointer; } .in-progress { position: relative; } .in-progress:before { content: ''; position: fixed; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); z-index: 10; color: #fff; font-size: 100px; left: 0; top: 0; border-radius: 10px; } .in-progress:after { content: 'Under development'; position: absolute; left: 0; right: 0; top: 150px; z-index: 200; margin: auto; color: red; font-size: 50px; width: 500px; height: 90px; border: 3px dashed red; text-align: center; } .left-result-block { display: flex; align-items: center; flex-grow: 1; position: relative; /*max-width: 400px;*/ } .left-result-block > h4 { margin-top: 0; margin-bottom: 0; flex-grow: 1; text-transform: uppercase; font-size: 16px; color: #404040; } .left-result-block .filter-btn { position: relative; z-index: 1; color: #000000; font-weight: 500; padding-bottom: 2px; } .left-result-block .filter-btn.btn { text-transform: capitalize; font-size: 14px; box-shadow: none; } .left-result-block .filter-btn i { font-size: 18px; margin-right: 5px; } .left-result-block .page-filter-form { position: absolute; right: 0; left: initial; top: 40px; z-index: 20; background: #ffffff; border-radius: 15px; box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); width: 90%; font-weight: 500; } @media (min-width: 768px) { .left-result-block .page-filter-form { width: 400px; } } .left-result-block .page-filter-form form { padding: 20px; } .left-result-block .page-filter-form form .filter-close i { line-height: unset; } [class^='btn'].btn { outline: none; text-transform: uppercase; font-weight: 500; } .btn-white { background-color: #ffffff; color: #000000; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16); outline: none; } .btn-circle, .border-50 { border-radius: 50px; } .btn-primary { background-color: #0093d0; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #00608a; color: #fff !important; border-color: transparent !important; } .btn-primary:active:hover, .btn-primary:active:focus { background-color: #00608a; } .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active { background-color: #00608a !important; } .btn-gray { background-color: #eeeeee; color: #404040; } .btn-trasparent { background-color: transparent; } .bg-light-yellow { background-color: #FFFDF7; } .dynamic-content-block.ecom-account-dynamic-content-block .my-orders-page.details-container .panel-body { padding-top: 0; padding-bottom: 0; } div.product_label span { width: 66px; height: 66px; display: block; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #fff; padding: 7px 0 0 1px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); position: relative; text-align: center; } span.featured:before, div.product_label .featured:before { content: ""; position: absolute; top: 0; left: 0; border-bottom: 65px solid transparent; border-left: 65px solid #0093d0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); z-index: -1; } .vertical-section-enable { padding: 75px 0; } .vertical-section-enable .vertical-description { line-height: 1.6; } .vertical-section-enable .vertical-cards-block { margin-top: 50px; border-radius: 10px; } .vertical-section-enable .vertical-cards-block .vertical-name { margin-top: 5px; font-weight: 400; } .vertical-section-enable .vertical-cards-block .panel:hover { transition: all 0.3s ease-in-out; transform: scale(1.05); box-shadow: 0px 0px 10px rgba(225, 47, 112, 0.5) !important; } .vertical-section-enable .carousel-inner > .item { padding: 40px; } @media (min-width: 768px) { .vertical-section-enable .carousel-inner > .item { padding: 40px 60px; } } .vertical-section-enable .carousel-control { width: 30px; height: 30px; border-radius: 50%; background: #0093d0; opacity: 1; } .vertical-section-enable .carousel-control-block { width: 66px; position: absolute; bottom: 70px; right: 40px; } @media (min-width: 768px) { .vertical-section-enable .carousel-control-block { right: 60px; } } .vertical-section-enable .carousel-control-block .material-icons { font-size: 28px; } .custom-switch { position: relative; display: inline-block; width: 40px; height: 24px; margin-top: 19px; margin-left: 10px; } .custom-switch input { opacity: 0; width: 0; height: 0; } .custom-switch input:checked + .slider { background-color: #0093d0; } .custom-switch input:checked + .slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); } .custom-switch input:focus + .slider { box-shadow: 0 0 1px #0093d0; } .custom-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cccccc; -webkit-transition: .4s; transition: .4s; } .custom-switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .custom-switch .slider.round { border-radius: 34px; } .custom-switch .slider.round:before { border-radius: 50%; } .slick-prev, .slick-next { z-index: 10; } .inner-page-details-section { width: 100%; } @media (min-width: 768px) { .inner-page-details-section { display: flex; } } @media (min-width: 992px) { .inner-page-details-section { width: 330px; display: block; } } @media (min-width: 1400px) { .inner-page-details-section { width: 397px; } } .inner-page-details-section .ms-account-icon-section { display: none; } @media (min-width: 768px) { .inner-page-details-section .ms-account-icon-section { display: flex; } } @media (min-width: 768px) { .inner-page-details-section .account-primary-menu-tabs { width: 50%; margin-left: 8px; } } @media (min-width: 992px) { .inner-page-details-section .account-primary-menu-tabs { width: 100%; margin-left: 0px; } } @media (min-width: 768px) { .inner-page-details-section .inner-page-details { width: 50%; margin-right: 8px; } } @media (min-width: 992px) { .inner-page-details-section .inner-page-details { width: 100%; margin-right: 0px; } } .inner-page-details-section .inner-page-details.active .ms-account-icon-section { display: flex; } .inner-page-details-section .inner-page-details.active .account-user-details-block { margin-bottom: 20px; } .inner-page-details-section .inner-page-details.active .account-user-details-block h5 { display: block; } .inner-page-details-section .inner-page-details.active .account-user-details-block a.ms-jq-collapse { margin-left: auto; } .inner-page-details-section .inner-page-details.active .account-user-details-block a.ms-jq-collapse .material-icons { font-size: 22px; } .inner-page-details-section .inner-page-details.active .account-user-details-block .account-user-info { order: 2; align-items: flex-start; margin-top: 15px; } .inner-page-details-section .inner-page-details.active .account-user-details-block .account-user-info .full-address { display: block; line-height: 1.4; } @media (min-width: 1200px) { .inner-page-details-section .inner-page-details.active .account-user-details-block .account-user-info .full-address { font-size: 16px; } } .inner-page-details-section .inner-page-details.active .account-user-details-block .account-user-info .light-gray-circle { width: 71px; height: 71px; min-width: 71px; line-height: 77px; } .inner-page-details-section .inner-page-details .account-user-details-block { width: 100%; } .inner-page-details-section .inner-page-details .account-user-details-block h5 { display: none; } @media (min-width: 768px) { .inner-page-details-section .inner-page-details .account-user-details-block h5 { display: block; order: 0; } } .inner-page-details-section .inner-page-details .account-user-details-block a.ms-jq-collapse { order: 1; } @media (min-width: 768px) { .inner-page-details-section .inner-page-details .account-user-details-block a.ms-jq-collapse { margin-left: 20px; } } .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info { order: -1; width: calc(100% - 30px); align-items: center; margin-top: 0; } @media (min-width: 768px) { .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info { order: 2; width: 100%; margin-bottom: 20px; } } @media (min-width: 1200px) { .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info h4 { font-size: 21px; } } @media (max-width: 767px) { .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info h4 { margin: 0; } } .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info .full-address { display: none; } @media (min-width: 768px) { .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info .full-address { display: block; } } .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info .light-gray-circle { width: 36px; height: 36px; min-width: 36px; line-height: 42px; position: relative; } .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info .light-gray-circle img { width: 100%; } @media (min-width: 768px) { .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info .light-gray-circle { width: 71px; height: 71px; min-width: 71px; line-height: 77px; } } @media (min-width: 1200px) { .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info .light-gray-circle { width: 86px; height: 86px; min-width: 86px; line-height: 92px; } } .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info .light-gray-circle.no-link:before { display: none; } .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info .light-gray-circle:before { font-family: "Material Icons"; content: "cloud_upload"; position: absolute; left: 0; top: 0; z-index: 10; background: rgba(204, 204, 204, 0.5); width: 100%; height: 100%; color: #ffffff; font-size: 24px; opacity: 0; transition: all 0.3s ease; } .inner-page-details-section .inner-page-details .account-user-details-block .account-user-info .light-gray-circle:hover:before { opacity: 1; } .login-page { background-color: #F8F8FA; } .login-page .mt-60 { margin-top: 60px; } .login-page .form-horizontal .label-style { text-align: left; font-size: 18px; font-weight: bold; } .login-page .btn-blue { background-color: #3B5998; color: white; border-color: #3B5998; } .login-page .btn-blue:hover { border-color: #3B5998; } .login-page .form-input-style { outline: none; box-shadow: none; padding: 14px 20px; border-radius: 10px; border: 1px solid #f1f1f1; height: auto; } @media (min-width: 1600px) { .login-page .form-input-style { font-size: 20px; padding: 14px 20px; } } .login-page .radius-25 { border-radius: 25px; } .login-page .f-20 { font-size: 20px; } .login-page .f-30 { font-size: 30px; } .login-page .f-16 { font-size: 16px; } .login-page .underline { text-decoration: underline; } .login-page .facebook-btn { text-align: left; padding: 12px 30px 8px 30px; font-size: 18px; } .login-page .facebook-btn i { float: right; font-size: 25px; margin-top: 4px; } .login-page .pl-5 { padding-left: 5px; } .login-page .facebook-btn:hover, .login-page .facebook-btn:focus { color: white; opacity: 0.8; } .login-page .text-justify { text-align: justify; } .login-page .create-account a, .login-page .forgot-password a { color: #404040; } .login-page .create-account a:hover, .login-page .create-account a:focus, .login-page .create-account a:active, .login-page .forgot-password a:hover, .login-page .forgot-password a:focus, .login-page .forgot-password a:active { color: #404040; text-decoration: underline; } @media (max-width: 767px) { .login-page .sign-in .sign-in-icon { top: 30px; } } @media (max-width: 767px) { .login-page .f-20 { font-size: 14px; } .login-page .f-30 { font-size: 24px; } .login-page .facebook-btn { font-size: 16px; } .login-page .facebook-btn i { font-size: 20px; margin-top: 3px; } .login-page .sign-in .sign-in-icon { top: 14px; left: 24px; } .login-page .sign-in .sign-in-icon i { top: 9px; font-size: 23px; left: 9px; } } .login-page #login { min-height: calc(100vh - 70px); max-width: 346px; padding: 0px; background-color: #F8F8FA; } .login-page #login:before, .login-page #login:after { content: ''; display: table; } @media (min-width: 767px) { .login-page #login { max-width: 398px; } } @media (min-width: 1600px) { .login-page #login { max-width: 488px; } } @media (max-width: 767px) { .login-page #login .panel-body { left: 27px; } } @media (min-width: 768px) { .login-page #login .panel-body { padding: 20px; } } @media (min-width: 1600px) { .login-page #login .panel-body { left: 27px; padding: 15px; } } .login-page #login .panel-body h2 { font-size: 30px; margin: 8px 0px; } @media (min-width: 768px) { .login-page #login .panel-body h2 { margin: 10px 0px 8px 0px; } } @media (min-width: 1600px) { .login-page #login .panel-body h2 { font-size: 36px; margin: 10px 0px 0px 14px; } } .login-page #login .sign-in { border-radius: 25px; } @media (min-width: 767px) { .login-page #login .sign-in { background-color: #F4F4F4; } } @media (min-width: 1600px) { .login-page #login .sign-in { background-color: unset; } } @media (max-width: 767px) { .login-page #login .sign-in { overflow-x: hidden; } } .login-page #login .sign-in.mt-70 { margin-top: 38px; } @media (min-width: 768px) { .login-page #login .sign-in.mt-70 { margin-top: 70px; } } .login-page #login .sign-in.mb-30 { margin-bottom: 22px; } @media (min-width: 768px) { .login-page #login .sign-in.mb-30 { margin-bottom: 30px; } } @media (min-width: 1600px) { .login-page #login .sign-in.mb-30 { margin-bottom: 38px; } } .login-page #login .sign-in .sign-in-icon { top: 20px; width: 50px; height: 50px; max-width: 50px; left: 31px; background-color: #E5E5E5; display: flex; align-items: center; } @media (max-width: 767px) { .login-page #login .sign-in .sign-in-icon { top: 12px; left: 70px; } } @media (min-width: 1600px) { .login-page #login .sign-in .sign-in-icon { top: 12px; width: 62px; height: 62px; max-width: 62px; left: 122px; } } .login-page #login .sign-in .sign-in-icon i { top: 8px; position: absolute; font-size: 26px; left: 8px; } .login-page #login .sign-in .sign-in-icon img { vertical-align: middle; vertical-align: -webkit-baseline-middle; height: 22px; margin: auto; } @media (min-width: 767px) { .login-page #login .sign-in .sign-in-icon img { height: 20px; } } @media (min-width: 1600px) { .login-page #login .sign-in .sign-in-icon img { height: 25px; } } .login-page #login .panel { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); border: 1px solid #ececec; } .login-page #login .panel .p-30 { padding: 28px 12px 16px; } @media (min-width: 768px) { .login-page #login .panel .p-30 { padding: 28px 25px; } } @media (min-width: 1600px) { .login-page #login .panel .p-30 { padding: 34px 30px; } } @media (max-width: 767px) { .login-page #login .login-form .mt-30 { margin-top: 20px; } } @media (max-width: 767px) { .login-page #login .login-form .form-group { margin-left: 0px; margin-right: 0px; } } @media (max-width: 767px) { .login-page #login .login-form .login-redir { margin-left: 0px; margin-right: 0px; } } .login-page #login .login-form .signin-btn { height: 54px; width: 260px; font-size: 18px; margin-top: 30px; margin-bottom: 16px; display: inline-block; } @media (min-width: 1600px) { .login-page #login .login-form .signin-btn { height: 66px; width: 318px; font-size: 22px; display: inline-block; } } .login-page #login .login-form .password-circle-style { width: 28px; height: 28px; cursor: pointer; background-color: white; border: 1px solid #ececec; border-radius: 50%; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); display: none; } @media (min-width: 1600px) { .login-page #login .login-form .password-circle-style { display: none; } } .login-page #login .login-form .password-circle-style .fa-chevron-right { position: absolute; top: 6px; left: 9px; } @media (min-width: 1600px) { .login-page #login .facebook-btn { display: inline-block; height: 66px; width: 385px; font-size: 22px; padding: 16px 26px 20px 22px; } } table.table { border-collapse: separate; border-spacing: 0 5px; margin-bottom: 0px; } table.table .head { background-color: #f8f8f9; text-transform: uppercase; } .table > thead > tr > th { border-bottom: none; font-weight: 500; text-transform: uppercase; padding: 8px 8px 0px; } @media (min-width: 768px) { .table > thead > tr > th { padding: 6px 16px 0px; } } @media (min-width: 1200px) { .table > thead > tr > th { padding: 6px 20px 0px; } } @media (min-width: 1600px) { .table > thead > tr > th { padding: 10px 20px 0px; } } @media (max-width: 767px) { .table > thead > tr > th { font-size: 12px; } } @media (max-width: 767px) { .table-responsive { border: none; } } .load-more-page .table-responsive { margin-top: -24px; } @media (min-width: 768px) { .load-more-page .table-responsive { margin-top: -5px; } } .table > tbody > tr { background-color: white; } .table > tbody > tr > td { border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; } @media (min-width: 768px) { .table > tbody > tr > td { padding: 6px 16px; } } @media (min-width: 1200px) { .table > tbody > tr > td { padding: 6px 20px; } } @media (min-width: 1600px) { .table > tbody > tr > td { padding: 10px 20px; } } @media (max-width: 767px) { .table > tbody > tr > td { font-size: 12px; } } .table > tbody > tr > td:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-left: 1px solid #f1f1f1; } .table > tbody > tr > th { border: none; font-weight: 500; } .table > tbody > tr > td:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-right: 1px solid #f1f1f1; } @media screen and (max-width: 767px) { .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; font-size: 12px; } } .modal-content { border-radius: 15px; border: 1px solid #f1f1f1; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .modal-content .av-modal-close { background: #eeeeee; color: #404040; width: 26px; height: 26px; text-align: center; line-height: 32px; border-radius: 100%; margin-top: 20px; } .modal-content .modal-title { position: absolute; top: -25px; width: calc(100% - 80px); left: 30px; } .modal-content .modal-title h4 { margin: 0; } .modal-content .modal-title h4 .light-gray-circle { width: 26px; height: 26px; line-height: 26px; } .modal-content .modal-title h4 .light-gray-circle .material-icons { font-size: 14px; } .modal-content .secondary-title { color: #00608a; font-size: 18px; } .modal-content .debtor-account-input-group .search-icon { position: absolute; top: 38px; left: 10px; font-size: 19px; color: #AAAAAA; } .modal-content .debtor-account-input-group input.form-control { padding-left: 30px; } .modal-content .title { font-size: 16px; font-weight: 500; } .modal-content label { font-weight: 500; } .modal-body { padding: 30px 30px; } .modal-body .more-details-section h4 .material-icons { margin-top: 3px; } .modal-body .activity.ms-details-page-activity-form .activity-description { background-color: #ffffff; } .modal-backdrop.in { opacity: 1; background: rgba(204, 204, 204, 0.5); } .av-modal-close .av-modal-close-title { display: none; } .av-modal-close .fa { font-size: 14px; margin-left: 0; display: inherit; } .ms-update-contact-with-img { padding-bottom: 20px; margin-bottom: 20px; } .ms-update-contact-with-img .btn, .ms-update-contact-with-img input[type="file"] { height: 37px; } .ms-update-contact-with-img .input-group-btn:last-child > .btn { border-radius: 10px; } .activity-event-modal-block .account-user-details-block .account-user-info { font-size: 16px; } .activity-event-modal-block .account-user-details-block .account-user-info h4 { font-size: 20px; } .activity-event-modal-block .activity-event-info { line-height: 1; } .activity-event-modal-block .activity-event-info i { font-size: 20px; } .activity-event-modal-block .activity-event-description { font-size: 14px; } .activity-event-modal-block .activity-event-description p { color: #999; } #myModal .modal-body { padding: 30px 30px 25px; } @media (min-width: 768px) { #myModal .modal-body { padding: 15px 30px 25px; } } #myModal .modal-vertical-alignment-helper { height: calc(100vh - 80px); width: 100%; } @media (min-width: 768px) { #myModal .modal-vertical-alignment-helper { width: calc(100% - 60px); margin-left: 60px; } } @media (min-width: 1200px) { #myModal .modal-vertical-alignment-helper { width: calc(100% - 206px); margin-left: 206px; } } @media (min-width: 768px) { .view-all-reviews-modal .modal-dialog { width: 646px; } } .view-all-reviews-modal .modal-dialog .modal-content .av-modal-close { margin-right: 20px; } .av-product-review-rating-input { color: #EEEEEE; /* Ratings widget */ /* Hide radio */ /* Order correctly by floating highest to the right */ /* The star of the show */ /* Zero stars rating */ /* Half star trick */ /* Click + hover color */ /* color previous stars on hover */ /* Hover highlights */ } .av-product-review-rating-input .rate { display: inline-block; border: 0; } .av-product-review-rating-input .rate > input { display: none; } .av-product-review-rating-input .rate > label { float: right; position: relative; } .av-product-review-rating-input .rate > label:before { display: inline-block; font-size: 38px; padding: 0px 8px; margin: 0; cursor: pointer; font-family: FontAwesome; content: "\f005 "; /* full star */ } .av-product-review-rating-input .rate > label:last-child:before { content: "\f006 "; /* empty star outline */ } .av-product-review-rating-input .rate .half:before { content: "\f089 "; /* half star no outline */ position: absolute; padding-right: 0; } .av-product-review-rating-input input:checked ~ label, .av-product-review-rating-input label:hover, .av-product-review-rating-input label:hover ~ label { color: #0093d0; } .av-product-review-rating-input input:checked + label:hover, .av-product-review-rating-input input:checked ~ label:hover, .av-product-review-rating-input input:checked ~ label:hover ~ label, .av-product-review-rating-input label:hover ~ input:checked ~ label { color: #00608a; } .product-review-modal { padding: 0px 15px 15px; color: #333333; margin-top: -15px; } @media (min-width: 768px) { .product-review-modal { padding: 0px 60px 30px 40px; } } .product-review-modal .product-title { color: #808080; margin-bottom: 15px; } @media (min-width: 768px) { .product-review-modal .product-title { margin-bottom: 33px; } } .product-review-modal .nav.nav-tabs { padding: 0px 25px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .product-review-modal .nav.nav-tabs li > a .material-icons { font-size: 11px; } .product-review-modal .nav.nav-tabs li.active > a, .product-review-modal .nav.nav-tabs > li.active > a:focus { box-shadow: inset 0 -2px 0 #0093d0; color: #0093d0; } .product-review-modal .nav.nav-tabs li > a, .product-review-modal .nav.nav-tabs li > a:focus { color: #000; box-shadow: none; } .product-review-modal .nav.nav-tabs li > a:hover { border-color: transparent; color: #0093d0; } .product-review-modal .nav.nav-tabs li > a { margin-right: 20px; padding: 18px 0px 18px; } .product-review-modal .nav.nav-tabs li > a .review-count { margin-left: 5px; } .product-review-modal .nav.nav-tabs li:first-child a { margin-right: 35px; } .product-review-modal .nav.nav-tabs li:last-child a { margin-right: 0px; } .product-review-modal .review-section { margin-top: 30px; } @media (min-width: 768px) { .product-review-modal .review-section { margin-top: 60px; } } .product-review-modal .review-section .review-stars .material-icons { font-size: 17px; color: #E5E5E5; } .product-review-modal .review-section .review-stars .material-icons.active { color: #0093d0; } .product-review-modal .review-section .light-gray-circle.medium-circle { width: 50px; min-width: 50px; height: 50px; line-height: 50px; position: relative; overflow: initial; } .product-review-modal .review-section .light-gray-circle.medium-circle:after { content: 'done'; position: absolute; font-family: "Material Icons"; bottom: 0; right: 0px; line-height: 14px; z-index: 10; background: #5CBF8E; color: #fff; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #fff; font-size: 10px; } .product-review-modal .review-section .review { margin-bottom: 40px; } @media (min-width: 768px) { .product-review-modal .review-section .review { font-size: 15px; margin-bottom: 80px; } } @media (min-width: 768px) { .product-review-modal .review-section .review-title-description { font-size: 18px; } } .product-review-modal .review-section .review-title-description::first-letter { text-transform: uppercase; } .product-review-modal .review-section .review-title-description .review-content { line-height: 25px; font-weight: 300; } .title-section { display: flex; align-items: center; margin-bottom: 20px; flex-wrap: wrap; overflow: hidden; padding: 2px; } @media (min-width: 768px) { .title-section { margin-bottom: 40px; margin-top: 20px; } } @media (max-width: 767px) { .title-section.history-back .btn-circle { height: 40px; } } @media (min-width: 768px) { .title-section.history-back { margin-bottom: 20px; } } .title-section .page-title { flex-grow: 1; display: flex; align-items: center; } .title-section .page-title h2 { margin: 0px 0 0; font-size: 20px; font-weight: 400; } @media (min-width: 768px) { .title-section .page-title h2 { font-size: 25px; font-weight: 500; } } .title-section .page-title h2 .material-icons { font-size: 30px; margin-top: -5px; margin-right: 5px; } @media (min-width: 992px) { .title-section .page-title h2 .material-icons { margin-right: 15px; } } .title-section .page-title h3 { margin: 0; font-size: 20px; } .title-section .page-title .sub-title { font-size: 80%; color: #808080; font-weight: 300; margin-left: 3px; } .title-section .nav-pills { margin-left: 30px; } .title-section .nav-pills li a { padding: 0; border-radius: 100%; height: 34px; width: 34px; line-height: 34px; text-align: center; margin-right: 10px; background-color: #ffffff; border: 1px solid #f1f1f1; } .title-section .nav-pills li a i { font-size: 18px; line-height: unset; } .title-section .nav-pills li.active a { background-color: #0093d0; border-color: transparent; } .ms-left-action-btn { display: flex; align-items: center; } .ms-left-action-btn .btn { font-size: 12px; color: #000000; height: 37px; min-width: 37px; outline: none !important; line-height: 31px; overflow: hidden; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16) !important; } @media (max-width: 767px) { .ms-left-action-btn .btn { line-height: 37px; padding: 0 5px; max-width: 37px; } } @media (min-width: 1900px) { .ms-left-action-btn .btn { height: 50px; min-width: 50px; line-height: 50px; } } .ms-left-action-btn .btn:active, .ms-left-action-btn .btn.active, .ms-left-action-btn .btn:hover { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); color: #0093d0; } .ms-left-action-btn .btn i { color: #0093d0; font-size: 16px; } .ms-left-action-btn > a .material-icons + span { margin-top: 3px; } .expand-collapse-btn { width: 37px; padding: 0; } @media (min-width: 1920px) { .expand-collapse-btn { width: 45px; } } .expand-collapse-btn .fa-stack [class^="fa"]:first-child { font-size: 20px; color: #000000; line-height: 20px; } @media (min-width: 1920px) { .expand-collapse-btn .fa-stack [class^="fa"]:first-child { font-size: 24px; } } .expand-collapse-btn .fa-stack [class^="fa"]:last-child { position: absolute; background-color: #ffffff; bottom: -4px; right: -2px; padding: 1px; } .expand-collapse-btn > span.material-icons { font-size: 24px; line-height: 36px; } @media (min-width: 1920px) { .expand-collapse-btn > span.material-icons { font-size: 30px; line-height: 50px; } } .expand-collapse-btn > span.material-icons:first-child { color: #cccccc; } .expanded-conetent-block .more-action-btns { opacity: 0; right: 10px; transform: scale(0.1) translate3d(100%, 0, 0); transition: all 0.3s ease; position: absolute; } .expanded-conetent-block .more-action-btns .btn { margin-right: 6px; } @media (min-width: 768px) { .expanded-conetent-block .more-action-btns .btn { margin-right: 15px; } } .expanded-conetent-block .more-action-btns .btn .material-icons { font-size: 16px; } @media (max-width: 767px) { .expanded-conetent-block .more-action-btns .btn .material-icons { width: 36px; } } .expanded-conetent-block .more-action-btns .btn span { display: none; } @media (min-width: 992px) { .expanded-conetent-block .more-action-btns .btn span { display: inline; margin-top: 5px; margin-left: 2px; line-height: 1; } } .expanded-conetent-block .more-action-btns .btn.active, .expanded-conetent-block .more-action-btns .btn:focus, .expanded-conetent-block .more-action-btns .btn:active { box-shadow: none; color: #0093d0; } .expanded-conetent-block.active .more-action-btns { opacity: 1; transform: scale(1) translate3d(0, 0, 0); right: 38px; z-index: 10; } @media (min-width: 768px) { .expanded-conetent-block.active .more-action-btns { right: 45px; } } @media (min-width: 1920px) { .dynamic-content-block.hide-scroller .details-container:after { content: ''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(204, 204, 204, 0.3); z-index: 40; } } .dynamic-content-block.no-window-history .history-back { display: none; } @media (min-width: 992px) { .dynamic-content-block.no-window-history .ms-details-page-activity-form .ms-left-action-btn { top: 12px; } } @media (min-width: 1920px) { .dynamic-content-block.no-window-history .ms-details-page-activity-form .ms-left-action-btn { top: 5px; } } .dynamic-content-block.no-window-history .ms-details-page-activity-form .ms-details-page-form-container { top: 60px; } .dtp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 2000; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dtp > .dtp-content { background: #ffffff; max-width: 300px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); position: relative; left: 50%; border-radius: 15px; padding: 15px; } .dtp-content .ms-set-time-title { font-size: 16px; text-transform: uppercase; font-weight: 600; color: #0093d0; } .dtp-content .dtp-header { margin-bottom: 20px; } .dtp div.dtp-date, .dtp div.dtp-time { text-align: center; } .dtp div.dtp-actual-month { font-size: 2em; line-height: 0.8; color: #000000; } .dtp div.dtp-actual-num { font-size: 3.6em; line-height: 0.9; font-weight: 500; color: #0093d0; } .dtp div.dtp-actual-maxtime { font-size: 3em; line-height: 0.9; } .dtp div.dtp-actual-year { padding: 3px 10px 0; line-height: 1.8; } .dtp div.dtp-picker { text-align: center; } .dtp div.dtp-picker-month, .dtp div.dtp-actual-time { font-weight: 500; text-align: center; } .dtp div.dtp-picker-month { padding-bottom: 20px !important; text-transform: uppercase !important; } .dtp .dtp-close { position: absolute; top: 15px; right: 15px; } .dtp .dtp-close > a { width: 26px; height: 26px; display: inline-block; background: #eeeeee; text-align: center; border-radius: 100%; } .dtp .dtp-close > a > i { font-size: 12px; line-height: 26px; } .dtp table.dtp-picker-days { margin: 0; min-height: 251px; } .dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr > td { border: none; } .dtp table.dtp-picker-days tr > td { font-weight: 700; font-size: 0.9em; text-align: center; padding: 0.5em 0.3em; } .dtp table.dtp-picker-days tr > td > span.dtp-select-day { color: #BDBDBD !important; padding: 0.4em 0.5em 0.5em 0.6em; } .dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { color: #212121; text-decoration: none; padding: 0.5em 0.5em 0.4em 0.5em; border-radius: 50% !important; } .dtp table.dtp-picker-days tr > td > a.selected { background: #0093d0; color: #ffffff; } .dtp table.dtp-picker-days tr > th { color: #757575; text-align: center; font-weight: 400; padding: 0.4em 0.3em; } .dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm { position: relative; top: 10px; color: #212121; font-weight: 500; padding: 0.5em 0.5em 0.1em; border-radius: 50% !important; text-decoration: none; background: #eee; font-size: 1em; display: inline-block; } .dtp .dtp-actual-meridien a.selected { background: #0093d0; color: #ffffff; } .dtp .dtp-picker-time > .dtp-select-hour { cursor: pointer; } .dtp .dtp-picker-time > .dtp-select-minute { cursor: pointer; } .dtp .dtp-buttons { text-align: right; background: #ffffff; } .dtp .dtp-buttons .btn + .btn { margin-left: 3px; padding: 5px 15px 2px; line-height: 1.646; } .dtp.hidden, .dtp .hidden { display: none; } .dtp .invisible { visibility: hidden; } [class^="dtp-select-month-"] { display: inline-block; width: 24px; height: 24px; border-radius: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); text-align: center; } [class^="dtp-select-month-"] i { line-height: 24px; font-size: 12px; } .dtp-actual-meridien { display: flex; align-items: center; margin-bottom: 20px; } .dtp-actual-meridien .dtp-actual-time.p60 { flex-grow: 1; } .dtp .center { text-align: center; } .dtp-actual-day { font-size: 18px; font-weight: 400; color: #000000; } .dtp-picker-year { margin-bottom: 1px; } .year-picker-item { text-align: center; padding-top: 5px; font-size: large; cursor: pointer; margin: 0 auto; } .dtp-actual-year:hover { cursor: pointer; } .dtp-actual-year.disabled:hover { cursor: inherit; } .year-picker-item:hover { color: #0093d0; } .year-picker-item.active { color: #0093d0; font-weight: bold; } .dtp-select-year-range { display: inline-block; text-align: center; width: 100%; } .ms-datetime-primary-block { display: flex; width: 100%; align-items: center; margin-bottom: 12px; } .ms-datetime-primary-block .ms-date-content { flex-grow: 1; } .ms-dateyear-select-block { display: inline-flex; align-items: center; border-radius: 30PX; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); padding: 0 8px; margin-bottom: 20px; } .ms-dateyear-select-block [class^="dtp-select-year-"] { display: flex; } .ms-dateyear-select-block [class^="dtp-select-year-"] i { font-size: 10px; } .clockpicker .input-group-addon { cursor: pointer; } .clockpicker-moving { cursor: move; } .clockpicker-align-left.popover > .arrow { left: 25px; } .clockpicker-align-top.popover > .arrow { top: 17px; } .clockpicker-align-right.popover > .arrow { left: auto; right: 25px; } .clockpicker-align-bottom.popover > .arrow { top: auto; bottom: 6px; } .clockpicker-popover .popover-title { background-color: #fff; color: #999; font-size: 3.6rem; margin-top: 10px; line-height: 30px; text-align: center; border: none; padding-bottom: 0; } .clockpicker-popover .popover-title span { cursor: pointer; } .clockpicker-span-am-pm { margin-left: 5px; } .clockpicker-popover .popover-content { padding: 10px 10px 15px; } .popover-content:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .clockpicker-plate { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; width: 200px; height: 200px; overflow: visible; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .clockpicker-canvas, .clockpicker-dial { width: 200px; height: 200px; position: absolute; left: -1px; top: -1px; } .clockpicker-minutes { visibility: hidden; } .clockpicker-tick { border-radius: 50%; color: #666; line-height: 26px; text-align: center; width: 26px; height: 26px; position: absolute; cursor: pointer; } .clockpicker-tick.active, .clockpicker-tick:hover { background-color: #c0e5f7; background-color: rgba(0, 149, 221, 0.25); } .clockpicker-dial { -webkit-transition: -webkit-transform 350ms, opacity 350ms; -moz-transition: -moz-transform 350ms, opacity 350ms; -ms-transition: -ms-transform 350ms, opacity 350ms; -o-transition: -o-transform 350ms, opacity 350ms; transition: transform 350ms, opacity 350ms; } .clockpicker-dial-out { opacity: 0; } .clockpicker-hours.clockpicker-dial-out { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .clockpicker-minutes.clockpicker-dial-out { -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } .clockpicker-canvas { -webkit-transition: opacity 175ms; -moz-transition: opacity 175ms; -ms-transition: opacity 175ms; -o-transition: opacity 175ms; transition: opacity 175ms; } .clockpicker-canvas-out { opacity: 0.25; } .clockpicker-canvas-bearing, .clockpicker-canvas-fg { stroke: none; fill: #0095dd; } .clockpicker-canvas-bg { stroke: none; fill: #c0e5f7; } .clockpicker-canvas-bg-trans { fill: rgba(0, 149, 221, 0.25); } .clockpicker-canvas line { stroke: #0095dd; stroke-width: 1; stroke-linecap: round; } .clockpicker-button.am-button, .clockpicker-button.pm-button { padding: 7px 5px 7px 5px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 20px; width: 30px; text-align: center; height: 30px; } .clockpicker-button.am-button.active, .clockpicker-button.pm-button.active { background-color: #0093d0; } .custom-clockpicker { top: 0; left: 0; right: 0px; bottom: 0px; position: absolute; z-index: 1070; max-width: 276px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); border-radius: 10px; display: inline-table; margin: auto; } .custom-clockpicker .clockpicker-inner-wrapper { padding: 10px; border-radius: 10px; background: #fff; } .custom-clockpicker:before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; top: 0; left: 0; position: fixed; } .custom-datetime-input { position: absolute; top: 0; right: 0; display: flex; width: 40px; height: 36px; align-items: center; border-left: 1px solid #f1f1f1; background: #f8f8f9; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .custom-datetime-input > input.editable-input { position: absolute; max-width: 40px; right: 0; z-index: 10; opacity: 0; cursor: pointer; } .custom-datetime-input i.material-icons { margin: auto; color: #404040; } .text-center { text-align: center; } .white-space-pre-line { white-space: pre-line; } .bg-light-gray { background: #f4f4f4; } .bg-transparent { background: transparent; } .gst { font-size: 11px; text-transform: initial; } .bg-primary { background-color: #0093d0; } .bg-primary a { color: #ffffff; } .bg-primary:hover { background-color: #00608a; } .bg-primary:hover a { color: #ffffff; } .bg-white { background-color: #ffffff; } .sent, .Sent { color: #5CBF8E; font-weight: 500; } .Quotation { color: #a2003c; font-weight: 500; } .Entered.hold, .Entered.Hold, .Entered.Being { color: #0093d0; font-weight: 500; } .Ready.Picking { color: #ffb94a; font-weight: 500; } .Credit.hold, .Credit.Hold { color: #e22f70; font-weight: 500; } .font-weight-bold { font-weight: 600 !important; } .font-weight-medium { font-weight: 500 !important; } .font-weight-normal { font-weight: normal !important; } .font-weight-light { font-weight: 300 !important; } .text-brand { color: #0093d0 !important; } .text-white { color: #ffffff; } .text-success { color: #5cbf8e; } .text-light-gray { color: #808080; } .text-gray { color: #444; } .text-teal { color: #5CBBBF; } .text-primary { color: #0093d0; } .text-orange { color: #f37521; } .text-medium-gray { color: #666666; } .text-high { color: #FF793E; } .text-low { color: #5CBF8E; } .text-urgent { color: #E12F70; } .text-medium { color: #FFB53E; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } @media (min-width: 768px) { .d-sm-flex { display: flex; } } .d-block { display: block; } .d-table { display: table; } .d-table-cell { display: table-cell !important; } .visible-hidden { visibility: hidden; } .vertical-middle { vertical-align: middle; } .align-top, .align-items-top { align-items: flex-start; } .align-center, .align-items-center { align-items: center; } .align-bottom, .align-items-bottom { align-items: flex-end; } .align-self-normal { align-self: normal; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .row-reverse { flex-direction: row-reverse; } .direction-column { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .grow-1, .flex-grow-1 { flex-grow: 1; } .justify-content-between { justify-content: space-between; } @media (min-width: 768px) { .flex-sm-wrap { flex-wrap: wrap; } .no-sm-wrap { flex-wrap: nowrap !important; } } .mx-auto { margin-left: auto; margin-right: auto; } .my-0 { margin-top: 0; margin-bottom: 0; } .ml-auto { margin-left: auto; } .ml-0 { margin-left: 0px; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-30 { margin-left: 30px; } .ml-40 { margin-left: 40px; } .mr-auto { margin-right: auto; } .mr-0 { margin-right: 0px; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-30 { margin-right: 30px; } .mr-40 { margin-right: 40px; } .mb-auto { margin-bottom: auto; } .mb-0 { margin-bottom: 0px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mt-auto { margin-top: auto; } .mt-0 { margin-top: 0px; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .p-0 { padding: 0; } .p-10 { padding: 10px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .pl-30 { padding-left: 30px; } .pr-5 { padding-right: 5px; } .pb-10 { padding-bottom: 10px; } .px-10 { padding-right: 10px; padding-left: 10px; } .py-10 { padding-top: 10px; padding-bottom: 10px; } .px-30 { padding-right: 30px; padding-left: 30px; } .py-30 { padding-top: 30px; padding-bottom: 30px; } .pt-0 { padding-top: 0; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pb-0 { padding-bottom: 0; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px !important; } .pl-0 { padding-left: 0; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pr-0 { padding-right: 0; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .w-100 { width: 100%; } .w-75 { width: 75%; } .w-50 { width: 50%; } .w-40 { width: 40%; } .w-25 { width: 25%; } .w-20 { width: 20%; } @media (min-width: 1200px) { .w-lg-100 { width: 100%; } .w-lg-75 { width: 75%; } .w-lg-50 { width: 50%; } .w-lg-25 { width: 25%; } .w-lg-20 { width: 20%; } } .h-100 { height: 100%; } .h-75 { height: 75%; } .h-50 { height: 50%; } .h-25 { height: 25%; } .visible-xs-hidden-all { display: inline; } @media (min-width: 768px) { .visible-xs-hidden-all { display: none; } } .visible-xs-flex-hidden-all { display: flex; } @media (min-width: 768px) { .visible-xs-flex-hidden-all { display: none; } } .border-none { border: none; } .border-bottom { border-bottom: 1px solid #f1f1f1; } .radius-10 { border-radius: 10px; } .radius-15 { border-radius: 15px; } a { color: #404040; } .box-shadow-none { box-shadow: none !important; } .box-shadow-1 { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3) !important; } .box-shadow-2 { box-shadow: 0px 0px 16px rgba(204, 204, 204, 0.5) !important; } .overflow-none { overflow: initial !important; } .carousel { position: relative; z-index: 1; } .outline-gray-circle { width: 44px; min-width: 44px; height: 44px; line-height: 44px; box-shadow: 0 0 10px #cccccc; display: inline-block; border-radius: 100%; text-align: center; } @media (min-width: 768px) { .outline-gray-circle { width: 60px; min-width: 60px; height: 60px; line-height: 60px; } } .outline-gray-circle i { line-height: 44px; } @media (min-width: 768px) { .outline-gray-circle i { line-height: 60px; font-size: 30px; } } .label-light { padding: 8px; background-color: #eeeeee; border-radius: 6px; color: #aaaaaa; } .section-title { font-size: 40px; font-weight: 300; line-height: 65px; } @media (min-width: 1200px) { .section-title { font-size: 50px; } } .section-title .view-all-posts { font-size: 15px; font-weight: 500; margin-left: 22px; } @media (min-width: 768px) { .section-title .view-all-posts { font-size: 20px; margin-left: 53px; } } .justify-end { justify-content: flex-end; } .section-sub-title { font-size: 18px; font-weight: 500; } @media (min-width: 1200px) { .section-sub-title { font-size: 25px; } } .by-gray-30 { background-color: #eeeeee; } .radius-20 { border-radius: 20px; } .page-title { font-size: 20px; font-weight: 300; } @media (min-width: 992px) { .page-title { font-size: 30px; } } @media (min-width: 1200px) { .page-title { font-size: 35px; } } .bg-f4color { background-color: #f4f4f4; } .click-collect-widget .btn-xs, .click-collect-widget .btn-group-xs > .btn { font-size: 10px; } .click-collect-widget [class^='btn'].btn.btn-xs, .click-collect-widget .btn-group-xs > [class^='btn'].btn { padding-top: 2.5px; } @media (min-width: 768px) { .click-collect-widget [class^='btn'].btn.btn-xs, .click-collect-widget .btn-group-xs > [class^='btn'].btn { padding-top: 4px; } } .click-collect-widget .store-selector-choose-store { height: 20px; } @media (min-width: 768px) { .click-collect-widget .store-selector-choose-store { height: 22px; } } @media (min-width: 1600px) { .click-collect-widget .store-selector-choose-store { height: 30px; font-size: 14px; padding: 4px 17px !important; } } .click-collect-widget .store-details-collapse-btn { height: 20px; width: 20px; line-height: 20px; min-width: 20px; margin-left: 12px; } @media (min-width: 768px) { .click-collect-widget .store-details-collapse-btn { height: 22px; width: 22px; line-height: 22px; min-width: 22px; margin-left: 14px; } } @media (min-width: 1600px) { .click-collect-widget .store-details-collapse-btn { height: 30px; width: 30px; line-height: 30px; min-width: 30px; margin-left: 22px; } } .click-collect-widget .store-details-collapse-btn.collapsed i:first-child { display: inline-block; } .click-collect-widget .store-details-collapse-btn.collapsed i:last-child { display: none; } .click-collect-widget .store-details-collapse-btn .material-icons { font-size: 17px; } @media (min-width: 768px) { .click-collect-widget .store-details-collapse-btn .material-icons { font-size: 19px; } } @media (min-width: 1600px) { .click-collect-widget .store-details-collapse-btn .material-icons { font-size: 26px; } } .click-collect-widget .store-details-collapse-btn .material-icons:first-child { display: none; } .click-collect-widget .store-details-collapse-btn .material-icons:last-child { display: inline-block; } .border-top { border-top: 1px solid #f1f1f1; } @media (min-width: 992px) { .pull-right-md { float: right; } } .blog-post-content .blog-content-title { font-size: 22px; } @media (min-width: 768px) { .blog-post-content .blog-content-title { font-size: 25px; } } @media (min-width: 1600px) { .blog-post-content .blog-content-title { font-size: 30px; } } .blog-post-content blockquote { font-size: 22px; border-color: transparent; padding-left: 40px; padding-top: 15px; position: relative; } @media (min-width: 768px) { .blog-post-content blockquote { font-size: 25px; } } @media (min-width: 1600px) { .blog-post-content blockquote { font-size: 30px; } } .blog-post-content blockquote:before { content: "\f10d"; font-family: fontawesome; position: absolute; left: 0; font-size: 30px; top: 0; } #store-details-collapse .store-selector-choose-address { width: 65%; } #store-details-collapse .view-map { align-self: flex-end; } #store-details-collapse .view-map i { font-size: 20px; } @media (min-width: 768px) { #store-details-collapse .view-map i { font-size: 24px; } } @media (min-width: 1600px) { #store-details-collapse .view-map i { font-size: 26px; } } .widget-type-image { margin-top: 50px; margin-bottom: 50px; } @media (min-width: 1600px) { .widget-type-image { margin-top: 100px; margin-bottom: 100px; } } @media (min-width: 1600px) { .col-custom-2 { width: 20%; } } .title-section { display: flex; align-items: center; margin-bottom: 20px; flex-wrap: wrap; overflow: hidden; padding: 2px; } @media (min-width: 768px) { .title-section { margin-bottom: 40px; } } .title-section .page-title { flex-grow: 1; display: flex; align-items: center; } .title-section .page-title h2 { margin: 0px 0 0; font-size: 20px; font-weight: 400; } @media (min-width: 768px) { .title-section .page-title h2 { font-size: 25px; font-weight: 500; } } .title-section .page-title h2 .material-icons { font-size: 30px; margin-top: -5px; margin-right: 5px; } @media (min-width: 992px) { .title-section .page-title h2 .material-icons { margin-right: 15px; } } .title-section .page-title h3 { margin: 0; font-size: 20px; } .title-section .page-title .sub-title { font-size: 80%; color: #808080; font-weight: 300; margin-left: 3px; } .sort-by-btn .text { text-transform: initial; font-size: 13px; } @media (min-width: 576px) { .header-zip { width: 491px; } } .remove-card { cursor: pointer; padding: 3px 15px 0px; border-radius: 30px; margin-bottom: 10px; } @media (min-width: 1600px) { .remove-card { padding: 6px 15px 0px; } } .remove-card:hover { background: #0093d0; color: #ffffff; } .av-content-wrapper { min-height: calc(100vh - 473px); } @media (min-width: 768px) { .av-content-wrapper { min-height: calc(100vh - 389px); } } @media (min-width: 1200px) { .av-content-wrapper { min-height: calc(100vh - 434px); } } footer .footer-top { padding: 46px 0; border-top: 1px solid #f1f1f1; font-size: 15px; } @media (min-width: 768px) { footer .footer-top { padding: 85px 0; font-size: 17px; } } @media (min-width: 1200px) { footer .footer-top { padding: 100px 0; font-size: 20px; } } footer .footer-top .content-wrapper { display: flex; align-items: center; clear: both; } @media (max-width: 767px) { footer .footer-top .content-wrapper { flex-wrap: wrap; } } footer .footer-top .footer-social-links { display: flex; align-items: center; flex-wrap: wrap; flex-grow: 1; } @media (min-width: 992px) { footer .footer-top .footer-social-links { padding: 8px 0; } } @media (min-width: 1200px) { footer .footer-top .footer-social-links { padding: 19px 0; } } footer .footer-top .footer-social-links .footer-logo { width: 100%; } @media (min-width: 768px) { footer .footer-top .footer-social-links .footer-logo { width: initial; } } footer .footer-top .footer-social-links .footer-logo img { height: 18px; } @media (max-width: 767px) { footer .footer-top .footer-social-links .footer-logo img { margin: auto; } } @media (min-width: 992px) { footer .footer-top .footer-social-links .footer-logo img { height: 25px; } } @media (min-width: 1200px) { footer .footer-top .footer-social-links .footer-logo img { height: 30px; } } footer .footer-top .footer-social-links .social-links { display: flex; align-self: flex-end; } @media (max-width: 767px) { footer .footer-top .footer-social-links .social-links { order: 1; width: 100%; margin-bottom: 20px; } } footer .footer-top .footer-social-links .social-links ul { display: flex; align-items: center; margin: auto; font-size: 16px; line-height: 1; } @media (max-width: 767px) { footer .footer-top .footer-social-links .social-links ul { padding: 0; } } @media (min-width: 768px) { footer .footer-top .footer-social-links .social-links ul { font-size: 20px; margin: 0; } } @media (min-width: 1200px) { footer .footer-top .footer-social-links .social-links ul { font-size: 24px; } } footer .footer-top .footer-social-links .social-links ul li { margin-left: 20px; } @media (max-width: 767px) { footer .footer-top .footer-social-links .social-links ul li { margin: 0 10px; } } footer .footer-top .footer-social-links .social-links ul li a { color: #000000; } footer .footer-top .footer-social-links .address-info { width: 100%; font-weight: 500; line-height: 1; margin-top: 20px; } @media (max-width: 767px) { footer .footer-top .footer-social-links .address-info { font-size: 12px; text-align: center; margin-bottom: 10px; } } footer .footer-top .footer-top-links { /*align-self: normal;*/ font-weight: 300; } @media (max-width: 767px) { footer .footer-top .footer-top-links { width: 100%; } } footer .footer-top .footer-top-links ul { display: flex; align-items: center; padding: 0; margin: 0; height: 100%; } footer .footer-top .footer-top-links ul li { min-width: 33%; position: relative; align-self: normal; display: flex; border-left: 1px solid #f1f1f1; padding: 0 20px; } @media (min-width: 768px) { footer .footer-top .footer-top-links ul li { min-width: initial; padding: 0 30px; white-space: nowrap; } } @media (min-width: 992px) { footer .footer-top .footer-top-links ul li { padding: 0 50px; } } @media (max-width: 767px) { footer .footer-top .footer-top-links ul li:first-child { border-left: none; } } @media (min-width: 768px) { footer .footer-top .footer-top-links ul li:last-child { padding-right: 0; } } footer .footer-top .footer-top-links ul li .links { margin-left: auto; margin-right: auto; } footer .footer-top .footer-top-links ul li .links a { display: block; } footer .footer-copy-rights { background-color: #333; color: #ffffff; line-height: 65px; } footer .footer-copy-rights .left-content { display: flex; align-items: center; flex-grow: 1; } @media (max-width: 767px) { footer .footer-copy-rights .left-content { order: 2; width: 100%; } } @media (max-width: 767px) { footer .footer-copy-rights .left-content > span { margin: auto; } } footer .footer-copy-rights .left-content ul li { padding-left: 30px; } @media (min-width: 1200px) { footer .footer-copy-rights .left-content ul li { padding-left: 40px; } } footer .footer-copy-rights .left-content ul li a { color: #ffffff; } @media (max-width: 767px) { footer .footer-copy-rights .payment-icons-block { padding-top: 25px; margin: auto; } } @media (max-width: 767px) { footer .payment-icons-block ul { padding: 0; } } footer .payment-icons-block ul li { padding-left: 25px; } @media (min-width: 992px) { footer .payment-icons-block ul li { padding-left: 45px; } } footer .payment-icons-block ul li:first-child { padding-left: 0px; } @media (max-width: 991px) { footer .payment-icons-block ul li .visa-card img { height: 10px; } } @media (max-width: 767px) { footer .payment-icons-block ul li .visa-card img { height: 8px; } } @media (max-width: 991px) { footer .payment-icons-block ul li .master-card img { height: 18px; } } @media (max-width: 767px) { footer .payment-icons-block ul li .master-card img { height: 16px; } } @media (max-width: 991px) { footer .payment-icons-block ul li .paypal img { height: 11px; } } @media (max-width: 767px) { footer .payment-icons-block ul li .paypal img { height: 9px; } } .account-footer { position: fixed; bottom: 0px; height: 40px; line-height: 40px; width: 100%; } @media (min-width: 768px) { .account-footer { height: 50px; line-height: 50px; width: calc(100% - 60px); margin-left: 60px; } } @media (min-width: 1200px) { .account-footer { width: calc(100% - 206px); margin-left: 206px; } } .account-footer p { font-size: 12px; } @media (min-width: 768px) { .account-footer p { font-size: 14px; } } #stay-panel { float: left; width: 100%; background: #e2e2e2; padding: 25px 0; margin: 25px 0; } @media (min-width: 1200px) { #stay-panel .container { width: 1170px; } } #stay-panel .stay-connected-title { font-size: 30px; line-height: 36px; color: #444; text-transform: uppercase; padding-top: 5px; } @media (min-width: 1200px) { #stay-panel .col-lg-9 { width: 75%; } } #stay-panel .w-100 .form-group { margin-bottom: 0; vertical-align: middle; } #stay-panel input { width: 100%; border-radius: 0; height: 43px; color: #444; border: 0px solid #b6b6b6 !important; box-shadow: none; background-color: #ffffff; padding: 6px 12px; } #stay-panel input::placeholder { color: #444; } #stay-panel input:-ms-input-placeholder { color: #444; } #stay-panel input::-ms-input-placeholder { color: #444; } #stay-panel button.btn.btn-dark { font-size: 14px; line-height: 20px; text-transform: uppercase; border-radius: 0; background: #444; padding: 10px 20px; color: #fff; } #hero-carousel { border-bottom: 1px solid rgba(241, 241, 241, 0.5); } #hero-carousel.custom-carousel .custom-carousel-indicators { position: absolute; right: 20px; display: flex; flex-direction: column; color: #0093d0; bottom: 50%; z-index: 15; align-items: center; font-weight: 600; } @media (min-width: 768px) { #hero-carousel.custom-carousel .custom-carousel-indicators { bottom: initial; top: 40%; right: 50px; } } @media (min-width: 1600px) { #hero-carousel.custom-carousel .custom-carousel-indicators { top: 20%; } } #hero-carousel.custom-carousel .carousel-indicators { bottom: initial; width: auto; left: inherit; display: flex; flex-direction: column; margin: 0 0 5px; position: relative; } #hero-carousel.custom-carousel .carousel-indicators li { opacity: 0.4; } #hero-carousel.custom-carousel .carousel-indicators li, #hero-carousel.custom-carousel .carousel-indicators li.active { width: 2px; height: 33.5px; margin: 0; border: none; background-color: #f1f1f1; } #hero-carousel.custom-carousel .carousel-indicators li.active { opacity: 1; } #hero-carousel.custom-carousel .carousel-inner .item { background-repeat: no-repeat; height: calc(100vh - 80px); padding-top: 30px; background-size: 80%; background-position: -20px 60%; min-height: 500px; } @media (min-width: 768px) { #hero-carousel.custom-carousel .carousel-inner .item { padding-top: 45px; background-size: 45%; background-position: center left; height: auto; } } @media (min-width: 1200px) { #hero-carousel.custom-carousel .carousel-inner .item { height: calc(100vh - 80px); min-height: 600px; } } @media (min-width: 1200px) { #hero-carousel.custom-carousel .carousel-inner .item { /*background-position: center left;*/ background-size: 50%; padding-top: 140px; } } #hero-carousel.custom-carousel .carousel-inner .item > img { display: none; } #hero-carousel.custom-carousel.logout-user .carousel-inner .item { height: calc(100vh - 60px); } @media (min-width: 1200px) { #hero-carousel.custom-carousel.logout-user .carousel-inner .item { min-height: 600px; } } @media (max-width: 767px) { #hero-carousel .carousel-details-block .slider-info { padding: 5px 15px; background-color: rgba(255, 255, 255, 0.5); } } @media (min-width: 768px) { #hero-carousel .carousel-details-block .slider-info { max-width: 50%; margin-left: auto; padding: 0; } } @media (min-width: 1200px) { #hero-carousel .carousel-details-block .slider-info { max-width: 45%; } } #hero-carousel .carousel-details-block .slider-info .label-light { font-size: 9px; margin-top: 3px; font-weight: 500; } @media (min-width: 768px) { #hero-carousel .carousel-details-block .slider-info .label-light { font-size: 13px; } } #hero-carousel .carousel-details-block .slider-info .title { font-size: 25px; font-weight: 500; margin-top: 12px; } @media (max-width: 767px) { #hero-carousel .carousel-details-block .slider-info .title { margin-bottom: 5px; } } @media (min-width: 768px) { #hero-carousel .carousel-details-block .slider-info .title { font-size: 35px; margin-top: 22px; max-width: 600px; } } @media (min-width: 1200px) { #hero-carousel .carousel-details-block .slider-info .title { font-size: 75px; } } #hero-carousel .carousel-details-block .slider-info .description { font-size: 13px; font-weight: 300; line-height: 1.1; margin-bottom: 10px; max-width: 90%; } @media (min-width: 768px) { #hero-carousel .carousel-details-block .slider-info .description { font-size: 18px; max-width: 406px; } } #hero-carousel .carousel-details-block .slider-info > a { font-size: 14px; font-weight: 500; } @media (min-width: 768px) { #hero-carousel .carousel-details-block .slider-info > a { font-size: 18px; } } #hero-carousel .carousel-details-block .product-details-block { padding: 40px 33px; background-color: rgba(255, 255, 255, 0.6); font-size: 15px; font-weight: 300; position: absolute; width: 100%; bottom: 0; right: 0; max-width: 860px; } @media (max-width: 767px) { #hero-carousel .carousel-details-block .product-details-block { padding: 20px 20px 0; width: calc(100% - 30px); margin: 0 15px; bottom: 15px; } } @media (min-width: 1200px) { #hero-carousel .carousel-details-block .product-details-block { max-width: 70%; } } #hero-carousel .carousel-details-block .product-details-block:before { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(204, 204, 204, 0.8); top: 0; left: 0; z-index: -1; filter: blur(2px); opacity: 0.8; } #hero-carousel .carousel-details-block .product-details-block .detail-img1 { width: 100%; background-color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 4px; height: 62px; } @media (max-width: 767px) { #hero-carousel .carousel-details-block .product-details-block .detail-img1 { margin-bottom: 5px; } } @media (min-width: 768px) { #hero-carousel .carousel-details-block .product-details-block .detail-img1 { width: 283px; height: 200px; border-radius: 10px; } } #hero-carousel .carousel-details-block .product-details-block .title { font-size: 23px; font-weight: 500; margin-top: 0; } #hero-carousel .carousel-details-block .product-details-block .sub-title { margin-top: 0; font-size: 15px; font-weight: 500; } @media (max-width: 767px) { #hero-carousel .carousel-details-block .product-details-block .sub-title { margin-bottom: 0; } } @media (min-width: 768px) { #hero-carousel .carousel-details-block .product-details-block .product-images-block { display: flex; } } #hero-carousel .carousel-details-block .product-details-block .product-images-block img { max-height: 100%; margin-left: auto; margin-right: auto; } #hero-carousel .carousel-details-block .product-details-block .detail-small-imgs { width: 100%; background-color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 4px; height: 62px; } @media (max-width: 767px) { #hero-carousel .carousel-details-block .product-details-block .detail-small-imgs { margin-bottom: 5px; } } @media (min-width: 768px) { #hero-carousel .carousel-details-block .product-details-block .detail-small-imgs { width: 130px; margin-left: 10px; justify-content: space-between; display: flex; flex-direction: column; height: 92px; border-radius: 10px; } } @media (max-width: 767px) { #hero-carousel .carousel-details-block .product-details-block .detail-small-imgs img { margin-bottom: 5px; } } .best-sellers-widget { padding: 75px 0px; font-size: 15px; font-weight: 300; line-height: 20px; } @media (min-width: 1200px) { .best-sellers-widget { font-size: 18px; line-height: 23px; } } .best-sellers-widget .section-title { margin-bottom: 52px; } .best-sellers-widget .best-sellers-description { margin-bottom: 25px; } @media (min-width: 768px) { .best-sellers-widget .best-sellers-description { margin-bottom: 0; } } .best-sellers-widget .icon-placeholder { position: absolute; right: 10px; bottom: 10px; } .best-sellers-widget .icon-placeholder i { font-size: 18px; } [class^='card-widget-'] .image-placeholder, [class*='card-widget-'] .image-placeholder { overflow: hidden; margin-bottom: 15px; position: relative; background: #ffffff; } @media (min-width: 1200px) { [class^='card-widget-'] .image-placeholder, [class*='card-widget-'] .image-placeholder { margin-bottom: 20px; } } [class^='card-widget-'] .image-placeholder button.light-gray-circle:hover, [class*='card-widget-'] .image-placeholder button.light-gray-circle:hover { background-color: #0093d0; color: #ffffff; } @media (min-width: 992px) { .top-categories-responsive .av-list-item-card { min-height: 350px; } } .top-categories-responsive .av-list-item-card .av-img-placeholder-wrap { background-size: 100%; min-height: 200px; } .top-categories-responsive .av-list-item-card .av-img-placeholder-wrap img { display: none; } .top-categories-responsive .slick-prev { left: 0; z-index: 10; } .top-categories-responsive .slick-next { right: 0; } .top-categories-responsive .slick-prev, .top-categories-responsive .slick-next { background-color: #f8f8f9; } .mountain-bike-section { font-size: 15px; font-weight: 300; line-height: 20px; padding-bottom: 50px; } @media (min-width: 768px) { .mountain-bike-section { padding-top: 50px; } } @media (min-width: 1200px) { .mountain-bike-section { font-size: 18px; line-height: 23px; } } @media (max-width: 767px) { .mountain-bike-section .card-widget-1 .image-placeholder { border-radius: 0; margin-left: -15px; margin-right: -15px; } } .mountain-bike-section .card-widget-1 .image-placeholder img { width: 100%; } .mountain-bike-section .card-widget-1 .image-placeholder .overlay-content { position: absolute; left: 15px; top: 25%; } @media (min-width: 768px) { .mountain-bike-section .card-widget-1 .image-placeholder .overlay-content { left: 8%; bottom: 6%; top: initial; } } .mountain-bike-section .card-widget-1 .image-placeholder .overlay-content .overlay-label { font-size: 21px; } @media (min-width: 992px) { .mountain-bike-section .card-widget-1 .image-placeholder .overlay-content .overlay-label { font-size: 23px; } } .mountain-bike-section .card-widget-1 .image-placeholder .overlay-content .overlay-title { font-size: 40px; } @media (min-width: 768px) { .mountain-bike-section .card-widget-1 .image-placeholder .overlay-content .overlay-title { font-size: 64px; } } @media (min-width: 992px) { .mountain-bike-section .card-widget-1 .image-placeholder .overlay-content .overlay-title { font-size: 70px; } } @media (max-width: 767px) { .mountain-bike-section .card-widget-2 { margin-top: -100px; } } @media (max-width: 767px) { .mountain-bike-section .card-widget-2 .image-placeholder { right: 10px; margin-left: auto; } } @media (max-width: 767px) { .mountain-bike-section .card-widget-2 .image-placeholder img { max-width: 183px; } } @media (min-width: 1200px) { .mountain-bike-section .card-widget-2 .image-placeholder img { max-width: 388px; } } .instagram-feed-widget { padding: 40px 0 30px; } @media (min-width: 768px) { .instagram-feed-widget { padding: 60px 0 100px; } } .instagram-feed-widget .section-title .sub-title { font-size: 15px; } @media (min-width: 768px) { .instagram-feed-widget .section-title .sub-title { font-size: 30px; } } .instagram-feed-widget .eui-slider-arrow { opacity: 0.2; visibility: visible; pointer-events: none; } .instagram-feed-widget .eui-slider-arrow-enabled { pointer-events: all; opacity: 0.85; } .av-store-locator .store-locator-card .light-gray-circle { background-color: #eee; } .av-store-locator .jq-nice-scroller { max-height: calc(100vh - 220px); overflow: auto; } @media (min-width: 576px) { .av-store-locator .jq-nice-scroller { margin-top: 390px; } } @media (min-width: 992px) { .av-store-locator .jq-nice-scroller { margin-top: 0px; } } .av-store-locator { min-height: calc(100vh - 60px); } @media (max-width: 575px) { .av-store-locator-form { padding-top: 446px; } } .av-store-locator-form .result-count, .av-store-locator-form .avenue-store-filter { padding: 0 42px; height: 50px; line-height: 50px; border-bottom: 1px solid #f1f1f1; font-size: 15px; font-weight: 500; } .av-store-locator-form .avenue-store-filter h3 { font-size: 25px; } .av-store-locator-search { padding: 8px; background-color: #ffffff; z-index: 1; border-radius: 10px; margin-left: 15px; margin-right: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); margin-top: 20px; } @media (max-width: 575px) { .av-store-locator-search { position: absolute; width: calc(100% - 30px); top: 40px; } } @media (min-width: 576px) { .av-store-locator-search { padding: 15px; border-radius: 20px; position: relative; top: 80px; margin-top: 0px; } } .av-store-locator-search select { background-position: calc(100% - 8px) center; background-size: 10px; outline: none; box-shadow: none; } .av-store-locator-search input[type=text] { box-shadow: none; padding: 0 10px; font-size: 15px; font-weight: 300; padding-top: 5px; } @media (min-width: 576px) { .av-store-locator-search input[type=text] { font-size: 25px; } } @media (max-width: 575px) { .av-store-locator-search input[type=submit].btn { font-size: 12px; padding: 5px 10px; height: 30px; } } .av-store-locator-results { padding: 15px; } @media (min-width: 992px) { .av-store-locator-results { padding: 30px 42px; } } .av-store-locator-results [class^='btn'].btn { padding-top: 8px; } .av-store-locator-result.list-group-item { position: relative; display: block; padding: 20px 17px; margin-bottom: 0px; background-color: #f8f8f9; margin-bottom: 20px; border-radius: 10px; font-size: 18px; border: none; } .av-store_locations-details .av-info-box { padding: 30px; border-radius: 15px; background: #f8f8fa; } .av-store_locations-details .av-info-box .light-gray-circle { background: #eeeeee; } .av-store_locations-details .av-store_locations-title-section { margin-bottom: 50px; } .av-store_locations-details .av-store_locations-title-section .image-placeholder { max-width: 100px; overflow: hidden; } .av-store_locations-details .av-store_locations-title-section .av-heading { font-size: 40px; font-weight: 300; } .av-store_locations-details .av-store_locations-title-section .store_locations-details-sub-title { font-size: 20px; } .locator-directions { padding-left: 10px; } .locator-directions .material-icons { font-size: 18px; } .locator-directions a { font-size: 14px; padding-left: 2px; } .on-map-hide { display: none; } .av-store-locator-result .on-map-hide { display: block; } .store-location-brief.store-marker-detail-inside-map .store-location-address-detail { margin-left: 0; line-height: 1.4; } .store-location-selectable .store-location-brief.store-marker-detail-inside-map .on-map-hide { display: block; } .product-item-block .panel { flex-grow: 1; } .product-item-block .product-img-title, .product-item-block .product-info, .product-item-block .product-amount-quantity { position: relative; } @media (min-width: 768px) { .product-item-block .product-img-title, .product-item-block .product-info, .product-item-block .product-amount-quantity { padding-right: 15px; margin-right: 15px; } } .product-item-block .product-img-title::after, .product-item-block .product-info::after, .product-item-block .product-amount-quantity::after { content: ''; height: 100%; width: 1px; background: #f1f1f1; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto; } @media (min-width: 768px) { .product-item-block .product-img-title::after, .product-item-block .product-info::after, .product-item-block .product-amount-quantity::after { height: 80px; } } .product-item-block .product-img-title select, .product-item-block .product-info select, .product-item-block .product-amount-quantity select { box-shadow: none; background-color: #f1f1f1; border-radius: 10px; padding: 0px 22px 0px 10px; width: 86px; font-size: 12px; background-size: 10px; background-position: 90% center; } .product-item-block .product-img-title .override-price, .product-item-block .product-info .override-price, .product-item-block .product-amount-quantity .override-price { font-size: 14px; color: #999; } @media (max-width: 767px) { .product-item-block .product-img-title { padding-right: 0; margin-right: 0; flex-grow: 1; width: 100%; margin-bottom: 8px; /*border-bottom: 1px solid $border-color;*/ padding-bottom: 8px; } .product-item-block .product-img-title:after { display: none; } } @media (min-width: 768px) { .product-item-block .product-img-title { width: 40%; } } .product-item-block .product-img-title .image-placeholder { background-size: 100%; width: 56px; height: 56px; min-width: 56px; background-repeat: no-repeat; border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); background-position: center center; margin-right: 10px; } @media (min-width: 768px) { .product-item-block .product-img-title .image-placeholder { width: 76px; height: 76px; min-width: 76px; margin-right: 20px; } } .product-item-block .product-img-title .image-placeholder img { display: none; } .product-item-block .product-img-title .title { font-size: 14px; } @media (max-width: 767px) { .product-item-block .product-img-title .title { margin-top: 0; margin-bottom: 5px; } } @media (min-width: 768px) { .product-item-block .product-img-title .title { font-weight: 300; font-size: 18px; } } @media (min-width: 1200px) { .product-item-block .product-img-title .title { font-size: 20px; } } @media (max-width: 767px) { .product-item-block .product-img-title .title + p { font-size: 12px; line-height: 1; } } @media (max-width: 767px) { .product-item-block .product-img-title .product-properties { margin-bottom: 0; } } .product-item-block .product-info { display: none; line-height: 1.4; font-size: 15px; } @media (min-width: 768px) { .product-item-block .product-info { width: 26%; display: block; } } @media (min-width: 768px) { .product-item-block .product-info { width: 20%; } } .product-item-block .product-info span { font-weight: 300; } .product-item-block .product-amount-quantity { position: relative; } @media (max-width: 767px) { .product-item-block .product-amount-quantity.product-amount-quantity-without-override { width: 100%; } } .product-item-block .product-amount-quantity.product-amount-quantity-without-override::after { height: 0px; } @media (max-width: 767px) { .product-item-block .product-amount-quantity { align-self: normal; justify-content: space-between; width: 50%; padding-right: 20px; } } @media (min-width: 768px) { .product-item-block .product-amount-quantity { width: 32%; align-items: center; } } .product-item-block .product-amount-quantity .quantity .light-gray-circle:hover .material-icons { color: #ffffff; } .product-item-block .product-amount-quantity .move-wishlist { font-size: 12px; } .product-item-block .product-amount-quantity .move-wishlist .light-gray-circle .material-icons { color: #0093d0; } .product-item-block .product-amount-quantity .move-wishlist .light-gray-circle:hover .material-icons, .product-item-block .product-amount-quantity .move-wishlist .light-gray-circle:focus .material-icons { color: #ffffff; } .product-item-block .product-amount-quantity input { width: 40px; text-align: center; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; font-size: 18px; } .product-item-block .product-amount-quantity input::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; } @media (min-width: 768px) { .product-item-block .product-amount-quantity input { font-size: 20px; width: 70px; } } .product-item-block .product-amount-quantity .product-price { font-size: 13px; margin-left: auto; } @media (min-width: 768px) { .product-item-block .product-amount-quantity .product-price { font-size: 20px; line-height: 1.2; } } @media (max-width: 767px) { .product-item-block .product-override-price { width: 50%; padding-left: 20px; } } .product-item-block .product-override-price input { max-width: 100%; font-weight: 500; /*box-shadow: none;*/ outline: none; border: 2px solid #f1f1f1; border-radius: 6px; padding: 0 8px; } @media (min-width: 768px) { .product-item-block .product-override-price input { max-width: 100px; } } .product-item-block .material-icons { font-size: 13px; color: #808080; } @media (min-width: 768px) { .product-item-block .material-icons { font-size: 16px; } } @media (max-width: 767px) { .product-item-block .product-item-imain-wrapper { flex-wrap: wrap; } } .cart-items-list-block { margin-bottom: 40px; } @media (min-width: 768px) { .cart-items-list-block { margin-bottom: 80px; } } .save-order-form .order-name input[type=text] { margin-bottom: 0px; width: 100%; max-width: 300px; } @media (min-width: 1200px) { .save-order-form .order-name input[type=text] { min-width: 300px; } } .av-cart-customer-ref input[type=text] { background: #fff; border: 1px solid #f1f1f1; box-shadow: none; border-radius: 10px; height: 54px; padding: 0 23px !important; max-width: 300px; font-size: 18px; margin-bottom: 24px; } .av-cart-customer-ref .policies { font-size: 12px; padding-bottom: 8px; } @media (min-width: 768px) { .av-cart-customer-ref .policies { font-size: 15px; } } .av-cart-customer-ref .keep-shopping { font-size: 18px; padding: 10px 13px; line-height: 1; text-transform: initial; margin-top: 28px; } @media (max-width: 575px) { .av-cart-customer-ref .keep-shopping { width: 100%; margin-bottom: 30px; height: 46px; } } @media (min-width: 768px) { .av-cart-customer-ref .keep-shopping { margin-top: 22px; } } @media (min-width: 1200px) { .av-cart-customer-ref .keep-shopping { margin-top: 28px; } } .av-cart-customer-ref .light-gray-circle { background: #E5E5E5; } .av-cart-add-coupon .input-group { border: 1px solid #f1f1f1; border-radius: 10px; height: 54px; } .av-cart-add-coupon .input-group input { background: transparent; box-shadow: none; font-size: 18px; margin: 7px 0; padding: 0px 14px 0px 24px; } .av-cart-add-coupon .input-group .input-group-btn .btn { background: transparent; color: #0093d0; font-size: 15px; font-weight: 500; box-shadow: none; padding-bottom: 0; } .av-cart-add-coupon .input-group .input-group-btn:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; height: 80%; width: 1px; background-color: #f1f1f1; margin: auto; } .item-code { font-size: 16px; } .av-product-price { position: relative; } .av-product-price .item-price { font-size: 45px; font-weight: 500; } .av-product-price .av-inc-or-ex { font-size: 16px; color: #666666; } .av-product-price .light-gray-circle { width: 55px; height: 55px; line-height: 55px; min-width: 55px; font-size: 24px; } .av-product-price .light-gray-circle .favourite-description { display: none; } .av-product-price .light-gray-circle [class$="-favourite"] .fa-stack { margin-top: 3px; } .av-product-right .av-qty { min-width: 80px; background: transparent; box-shadow: none; font-size: 24px; text-align: center; } .av-product-right .av-uoms { display: flex; align-items: center; } .av-product-right .av-uoms select { min-width: 100px; background-color: #eee; border-color: transparent; border-radius: 10px; padding: 0 10px; } @media (min-width: 768px) { .av-product-right .av-uoms select { min-width: 110px; } } div.product_label { display: inline-block; position: absolute; z-index: 2; left: 0; top: -1px; } div.product_label span { width: 66px; height: 66px; display: block; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #fff; padding: 7px 0 0 1px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); position: relative; text-align: center; } span.featured:before, div.product_label .featured:before { content: ""; position: absolute; top: 0; left: 0; border-bottom: 65px solid transparent; border-left: 65px solid #0093d0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); z-index: -1; } .av-product-details .bootstrap-select .btn-default { color: #000000; background-color: #f4f4f4; border-color: transparent; border-radius: 10px; max-width: 186px; } .av-product-details .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { max-width: 90%; } #SCS .bootstrap-select { box-shadow: none; } #SCS .bootstrap-select .btn-default { color: #000000; background-color: #f4f4f4; border-color: transparent; border-radius: 10px; } .product-grid-list-filter .btn { height: 36px; color: #404040; } .product-grid-list-filter .btn:hover, .product-grid-list-filter .btn.active { color: #0093d0; background-color: #f0f0f0; } .slick-carousel-widget { padding: 35px 0 80px; } .slick-carousel-widget .recently-viewed-title { border-bottom: 1px solid #f1f1f1; padding-bottom: 30px; margin-bottom: 50px; } .slick-carousel-widget .recently-viewed-title .title { margin: 0px; } .slick-carousel-widget .recently-viewed-title .clear-recently-viewed { font-size: 12px; } @media (min-width: 768px) { .slick-carousel-widget .recently-viewed-title .clear-recently-viewed { font-size: 18px; } } .slick-carousel-widget .panel { margin-bottom: 0px; } .slick-carousel-widget .slick-carousel-item { padding: 0 8px; } .slick-carousel-widget .slick-carousel-item .recently-view-img { background-color: #ffffff; background-size: cover; height: 134px; background-repeat: no-repeat; background-position: center center; } @media (min-width: 1200px) { .slick-carousel-widget .slick-carousel-item .recently-view-img { height: 204px; } } .slick-carousel-widget .slick-carousel-item .recently-view-img img { display: none; } .slick-carousel-widget .slick-carousel-item .card-body { padding: 20px 10px 25px 10px; background: #f8f8f9; } .slick-carousel-widget .slick-carousel-item .card-body h5 { margin: 0; font-size: 14px; min-height: 30px; } .slick-carousel-widget .slick-carousel-item .view-details { display: table; margin-left: auto; line-height: 0; height: 20px; width: 20px; background: #0093d0; border-radius: 100%; padding: 2px; text-align: center; color: #fff; } .slick-carousel-widget .slick-carousel-item .view-details .material-icons { font-size: 16px; display: inline-block; vertical-align: middle; } .slick-carousel-widget .slick-prev { left: 0; } .slick-carousel-widget .slick-next { right: 0; } .recently-view-item { overflow: hidden; } .slick-track { margin-left: initial; } .product-title-wrap { height: 46px; margin-bottom: 10px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } @media (max-width: 575px) { .product-title-wrap { margin-bottom: 0px !important; height: auto; } } .customer-review-widget { margin-top: 65px; margin-bottom: 80px; } .customer-review-widget .customer-review-title { border-bottom: 1px solid #f1f1f1; padding-bottom: 28px; margin-bottom: 42px; } .customer-review-widget .customer-review-title h3 { font-size: 25px; padding-top: 7px; } .customer-review-widget .customer-review-title .material-icons { font-size: 24px; } @media (min-width: 768px) { .customer-review-widget .customer-review-title .material-icons { font-size: 30px; } } .customer-review-widget .customer-review-info-block button[class^='btn'].btn { padding-top: 15px; } .customer-review-widget .customers-review-rating { font-size: 22px; margin-top: 35px; margin-bottom: 15px; } @media (min-width: 768px) { .customer-review-widget .customers-review-rating { font-size: 25px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; } } .total-star-review-rating-data { line-height: 1; } .total-star-review-rating-data .stars-block .material-icons { color: #E5E5E5; } .total-star-review-rating-data .stars-block .material-icons.active { color: #0093d0; } .total-star-review-rating-data .review-count { margin-left: 15px; } .total-star-review-rating-data .review-progress-bar { background: #eee; width: 100px; height: 7px; border-radius: 20px; margin-left: 15px; } .total-star-review-rating-data .review-progress-bar .progress-bar-bg { background: #808080; width: 0px; height: 7px; border-radius: 20px; } .customer-no-reviews-block h3 { font-size: 16px; } @media (min-width: 768px) { .customer-no-reviews-block h3 { font-size: 20px; } } @media (min-width: 1200px) { .customer-no-reviews-block h3 { font-size: 24px; } } .customer-no-reviews-block p { font-size: 12px; } @media (min-width: 768px) { .customer-no-reviews-block p { font-size: 14px; } } @media (min-width: 1200px) { .customer-no-reviews-block p { font-size: 16px; } } .customer-review-comments-block { margin-bottom: 36px; margin-top: 60px; } @media (min-width: 768px) { .customer-review-comments-block { margin-bottom: 60px; margin-top: 50px; } } @media (min-width: 1200px) { .customer-review-comments-block { margin-bottom: 80px; margin-top: 60px; } } .customer-review-comments-block .comment-section-title { border-bottom: 1px solid #f1f1f1; margin-bottom: 50px; } .customer-review-comments-block .comment-section-title .title { font-size: 20px; border-bottom: 3px solid #404040; padding-bottom: 6px; margin-bottom: 20px; } .customer-review-comments-block .comment-section-title .view-all-comments { font-size: 18px; } .customer-review-comments-block .light-gray-circle.medium-circle { width: 50px; min-width: 50px; height: 50px; line-height: 50px; position: relative; overflow: initial; } .customer-review-comments-block .light-gray-circle.medium-circle:after { content: 'done'; position: absolute; font-family: "Material Icons"; bottom: 0; right: 0px; line-height: 14px; z-index: 10; background: #5CBF8E; color: #fff; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #fff; font-size: 10px; } @media (min-width: 768px) { .customer-review-comments-block .review { font-size: 15px; } } .customer-review-comments-block .review .review-date { min-width: 80px; } @media (min-width: 768px) { .customer-review-comments-block .review-title-description { font-size: 18px; } } .customer-review-comments-block .review-title-description::first-letter { text-transform: uppercase; } .customer-review-comments-block .review-title-description .review-content { line-height: 25px; font-weight: 300; } .av-product-info { margin-bottom: 66px; } @media (min-width: 992px) { .av-product-info { display: flex; align-items: flex-start; border-bottom: 1px solid #f1f1f1; } } .av-product-info .av-product-left #multiple-images .bx-wrapper { margin: 30px auto; } @media (min-width: 768px) { .av-product-info .av-product-left #multiple-images .bx-wrapper { margin: 67px auto; } } .av-product-info .av-product-left #multiple-images .av-product-carousel li .av-img-placeholder { padding: 3px; } @media (min-width: 768px) { .av-product-info .av-product-left #multiple-images .av-product-carousel li .av-img-placeholder { padding: 8px; } } .av-product-info .av-product-left #multiple-images .av-product-carousel li .av-img-placeholder .av-img-placeholder-wrap { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden; } @media (min-width: 768px) { .av-product-info .av-product-left #multiple-images .av-product-carousel li .av-img-placeholder .av-img-placeholder-wrap { border-radius: 15px; } } .av-product-info .av-product-right { align-self: normal; display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 768px) { .av-product-info .av-product-right { border-left: 1px solid #f1f1f1; } } .av-product-details { padding: 30px 0px 10px 0px; } @media (min-width: 768px) { .av-product-details { padding: 30px 0px 10px 20px; } } .av-product-details .product-description { font-size: 15px; font-weight: 300; margin-bottom: 20px; } .av-product-details .av-product-stars { margin-bottom: 40px; font-size: 16px; line-height: 1; cursor: pointer; } .av-product-details .av-product-stars .material-icons { font-size: 18px; } .product-add-to-cart { margin-left: -15px; margin-right: -15px; padding: 0px 15px; } @media (min-width: 768px) { .product-add-to-cart { padding: 15px; background: #F8F8F9; } } .product-add-to-cart .av-uoms select { padding: 0 22px 0 12px; background-position: 90% 50%; background-color: #eeeeee; } .product-add-to-cart .light-gray-circle { background-color: #eeeeee; } @media (max-width: 767px) { .product-add-to-cart button { width: 100%; height: 45px; font-size: 18px; } } .product-section .av-product-info { margin-bottom: 20px; } @media (min-width: 768px) { .product-section .av-product-info { margin-bottom: 66px; } } .av-product-description-and-specifics { margin-bottom: 158px; } .av-product-description-and-specifics .av-product-info-content { font-size: 16px; } .av-product-description-and-specifics .av-product-info-content .av-product-full-details { border-bottom: 1px solid #f1f1f1; margin-top: 26px; padding-bottom: 30px; } @media (min-width: 992px) { .av-product-description-and-specifics .av-product-info-content .av-product-full-details .table { max-width: 80%; margin: auto; font-size: 18px; } } .av-product-description-and-specifics .av-product-info-content .av-product-full-details .table > tbody > tr > td { border-radius: 0; border: none; border-bottom: 1px solid #f1f1f1; } .av-product-description-and-specifics .av-product-info-content .av-product-full-details .table > tbody > tr > td:first-child { font-weight: 500; } .av-product-description-and-specifics .av-product-info-content .av-product-full-details .table > tbody > tr > td:last-child { text-align: right; } .av-product-description-and-specifics .av-product-info-content .av-product-full-details .table > tbody > tr:last-child > td { border: none; } .av-product-title-section { border-bottom: 1px solid #f1f1f1; } .av-product-title-section .title { padding: 23px 0; margin: 0; font-size: 25px; } .av-related-products { margin-left: -10px; margin-right: -10px; padding-top: 26px; } .av-related-products [class^="col-"] { padding-left: 10px; padding-right: 10px; } @media (max-width: 575px) { .av-related-products .col-custome { width: 50%; } } .av-related-products .related-product { margin-bottom: 20px; border-radius: 20px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.25); overflow: hidden; } @media (min-width: 576px) { .av-related-products .related-product { width: 159px; } } @media (min-width: 768px) { .av-related-products .related-product { width: 138px; } } @media (min-width: 1600px) { .av-related-products .related-product { width: 159px; } } .av-related-products .related-product .img-placeholder { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 227px; } .av-related-products .related-product .img-placeholder img { display: none; } .av-related-products .related-product .av-related-items-description { background-color: #f8f8f9; padding: 15px; line-height: 1.2; font-size: 13px; min-height: 90px; } @media (min-width: 768px) { .av-related-products .related-product .av-related-items-description { min-height: 120px; } } @media (min-width: 1600px) { .av-related-products .related-product .av-related-items-description { min-height: 90px; } } .av-related-products .related-product .av-related-items-description h4 { font-size: 20px; font-weight: 600; margin: 0; } .av-related-products .related-product .av-related-items-description h4.offer-price { color: #0093d0; font-style: italic; } .av-related-products .related-product .av-related-items-description .small-circle .material-icons { font-size: 16px; } select.select-color-size { outline: none; box-shadow: none; padding: 0 14px; border-radius: 10px; background-color: #f4f4f4; background-position: 96% 50%; border: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=); } select.select-color-size:focus { box-shadow: none; -webkit-box-shadow: none; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=); } .av-product-key-features-section { background-color: #404040; color: #ffffff; padding-bottom: 132px; } .av-product-key-features-section h2, .av-product-key-features-section h3, .av-product-key-features-section h4, .av-product-key-features-section h5, .av-product-key-features-section h6 { color: #ffffff; } .av-product-key-features-section .title-section { color: #ffffff; font-size: 24px; margin-top: 40px; } @media (min-width: 768px) { .av-product-key-features-section .title-section { font-size: 30px; } } @media (min-width: 1600px) { .av-product-key-features-section .title-section { font-size: 40px; } } .av-product-key-features-section .av-product-key-features-left-side { align-self: flex-start; background-color: rgba(255, 255, 255, 0.09); border-radius: 20px; padding: 12px 23px; flex-grow: 1; max-width: 375px; font-size: 20px; } @media (max-width: 991px) { .av-product-key-features-section .av-product-key-features-left-side { margin-bottom: 30px; } } @media (min-width: 1600px) { .av-product-key-features-section .av-product-key-features-left-side { max-width: 486px; font-size: 24px; } } .av-product-key-features-section .av-product-key-features-left-side .table > tbody > tr { background-color: transparent; } @media (min-width: 1600px) { .av-product-key-features-section .av-product-key-features-left-side .table > tbody > tr { height: 80px; } } .av-product-key-features-section .av-product-key-features-left-side .table > tbody > tr > td { border-radius: 0; border: none; border-bottom: 1px solid #777; padding-left: 0; padding-right: 0; } .av-product-key-features-section .av-product-key-features-left-side .table > tbody > tr > td:first-child { font-weight: 500; } .av-product-key-features-section .av-product-key-features-left-side .table > tbody > tr > td:last-child { text-align: right; } .av-product-key-features-section .av-product-key-features-left-side .table > tbody > tr:last-child > td { border: none; } .av-product-key-features-section .key-features-description { margin-top: 50px; margin-bottom: 50px; } @media (min-width: 1600px) { .av-product-key-features-section .key-features-description { margin-top: 120px; margin-bottom: 120px; } } .av-product-key-features-section .av-product-key-features-details { width: 100%; justify-content: space-between; } @media (min-width: 992px) { .av-product-key-features-section .av-product-key-features-details { margin-left: auto; width: auto; justify-content: initial; } } .av-product-key-features-section .av-product-key-features-details .key-features-component { max-width: 178px; } @media (min-width: 992px) { .av-product-key-features-section .av-product-key-features-details .key-features-component { margin-left: 53px; } } .av-product-key-features-section .av-product-key-features-details .key-features-component .image-block { max-width: 94px; margin-bottom: 40px; } .av-product-key-features-section .av-product-key-features-details .key-features-component p { line-height: 1.2; } .av-product-key-features-section .av-product-key-features-video-block { position: relative; } .av-product-key-features-section .av-product-key-features-video-block .key-features-video { width: 100%; padding-bottom: 56.25%; border-radius: 25px; } @media (min-width: 992px) { .av-product-key-features-section .av-product-key-features-video-block .key-features-video { padding-bottom: 36.25%; } } .av-product-key-features-section .av-product-key-features-video-block .key-features-video:after { height: 100%; content: ""; position: absolute; width: 100%; cursor: pointer; } .av-product-key-features-section .av-product-key-features-video-block .key-features-video.jq-video-play:after { display: none; } .av-product-key-features-section .av-product-key-features-video-block .key-features-video.jq-video-play + .key-features-video-details { display: none; } .av-product-key-features-section .av-product-key-features-video-block .key-features-video-details { max-width: 288px; background-color: rgba(0, 0, 0, 0.6); padding: 35px 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; position: absolute; right: 0; top: 0; bottom: 0; } @media (min-width: 992px) { .av-product-key-features-section .av-product-key-features-video-block .key-features-video-details { max-width: 338px; padding: 55px 45px 75px; } } .av-list-item-card { display: flex; flex-direction: column; cursor: pointer; } @media (min-width: 768px) { .av-list-item-card { min-height: 466px; } } .av-list-item-card:hover { box-shadow: 0px 0px 10px rgba(0, 147, 208, 0.5); } @media (min-width: 768px) { .av-list-item-card .av-result-img { height: 235px; } } .av-list-item-card .av-result-img img { margin: auto; display: block; } .av-list-item-card .av-result-img .av-favs .light-gray-circle { width: 40px; min-width: 40px; height: 40px; line-height: 40px; } .av-list-item-card .av-result-img .av-favs .light-gray-circle i { color: #0093d0; font-size: 20px; } .av-list-item-card .av-result-img .av-favs .light-gray-circle:hover i, .av-list-item-card .av-result-img .av-favs .light-gray-circle:focus i, .av-list-item-card .av-result-img .av-favs .light-gray-circle:active i { color: #ffffff; } .av-list-item-card .av-result-img .av-img-placeholder { margin: auto; } .av-list-item-card .av-result-details .av-result-price { font-size: 20px; color: #404040; font-weight: 500; line-height: 1; } .av-list-item-card .av-result-details .av-result-price .av-inc-or-ex { font-size: 11px; color: #666666; } .av-list-item-card .av-result-details .av-product-avail .label { border: none; padding: 0; font-size: 11px; font-weight: 600; background-color: transparent; } .av-list-item-card .av-result-details .av-product-avail .label.label-success { color: #68c397; } .av-list-item-card .btn-sm, .av-list-item-card .btn-group-sm > .btn { padding: 5px 10px 2px; font-size: 14px; } .av-list-item-card .material-icons { font-size: 16px; } .av-list-item-card .av-list-item-details { margin: 0 -15px -15px; padding: 15px; background-color: #f8f8f9; flex-grow: 1; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .av-list-item-card .quantity .light-gray-circle { background-color: #eee; } .av-list-item-card .quantity input[type="text"] { text-align: center; box-shadow: none; line-height: 1; } .fs-heading-cart .light-gray-circle { color: #0093d0; font-size: 50px; line-height: 1.4; } .search-results [class*="col-"] { float: none; display: inline-block; margin: 0 -2px; } .search-result-articles-block ul:not(.list) .av-list-item-card { min-height: initial; position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 30px; font-size: 12px; } @media (min-width: 1200px) { .search-result-articles-block ul:not(.list) .av-list-item-card { margin-bottom: 65px; } } .search-result-articles-block ul:not(.list) .av-list-item-card .av-result-img { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 306px; } .search-result-articles-block ul:not(.list) .av-list-item-card .av-result-img img { display: none; } .search-result-articles-block ul:not(.list) .av-list-item-card .card-details { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.8); color: #ffffff; padding: 15px 15px 10px; width: 100%; } .search-result-articles-block ul:not(.list) .av-list-item-card .card-details-description { line-height: 1.4; } .search-result-articles-block .list li { padding: 10px 15px; background: #fff; border-radius: 15px; margin-bottom: 25px; } @media (min-width: 768px) { .list .av-list-item-card { flex-direction: row; min-height: initial; align-items: center; } .list .av-list-item-card .av-result-img { height: auto; max-width: 120px; } .list .av-list-item-card .av-list-item-details { margin: 0; padding: 0; background-color: transparent; display: flex; align-items: flex-start; flex-wrap: wrap; flex-direction: row; } .list .av-list-item-card .product-info .av-result-title h5 { margin-bottom: 0; } .list .av-list-item-card .product-info .av-product-avail { margin-left: 10px; } .list .av-list-item-card .av-overlay { margin-left: auto; flex-direction: column; display: flex; } .list .av-list-item-card .av-overlay .quick-view-icon { margin-left: auto; } .list .av-list-item-card .av-overlay .quick-view-icon i { padding-bottom: 2px; } .list .av-list-item-card .av-overlay .quantity { margin-right: 10px; } .list .card-details-title { color: #404040; } } .category-main-banner { margin-bottom: 30px; } @media (min-width: 1600px) { .category-main-banner { margin-bottom: 50px; } } .product-listing-page-banner { background-repeat: no-repeat; background-position: center right; /*background-size: 50%;*/ padding: 60px 0px; background-size: 800px; } @media (min-width: 768px) { .product-listing-page-banner .category-product-details { max-width: 40%; } } .product-listing-page-banner .title { font-size: 35px; margin-top: 0; } @media (max-width: 768px) { .product-listing-page-banner .title { background: rgba(255, 255, 255, 0.8); padding: 15px; border-radius: 15px; } } @media (min-width: 768px) { .product-listing-page-banner .title { font-size: 65px; line-height: 1; } } @media (min-width: 1600px) { .product-listing-page-banner .title { font-size: 65px; } } .product-listing-page-banner .description { font-size: 18px; display: none; line-height: 1.4; } @media (min-width: 768px) { .product-listing-page-banner .description { display: block; } } .categorypage { margin-bottom: 100px; } .categorypage .section-title { margin: 20px 0 45px; } @media (min-width: 768px) { .categorypage .section-title { margin: 40px 0 70px; } } @media (min-width: 1600px) { .categorypage .section-title { margin: 70px 0 100px; } } @media (min-width: 1600px) { .categorypage .panel { max-width: 268px; margin: 0 auto 70px; } } .categorypage .panel .av-list-item-card { padding: 0; } @media (min-width: 768px) { .categorypage .panel .av-list-item-card { min-height: 337px; } } .categorypage .panel .av-list-item-card .av-list-item-details { margin: 0; } @media (max-width: 767px) { .categorypage .panel .av-list-item-card .av-list-item-details { font-size: 12px; } } @media (max-width: 767px) { .categorypage .panel .av-list-item-card .av-list-item-details .title { font-size: 14px; margin-bottom: 5px; } } .categorypage .panel .av-img-placeholder-wrap { min-height: 142px; background-size: cover; background-repeat: no-repeat; border-top-left-radius: 15px; border-top-right-radius: 15px; } @media (min-width: 768px) { .categorypage .panel .av-img-placeholder-wrap { min-height: 240px; } } .categorypage .panel .av-img-placeholder-wrap img { display: none; } @media (min-width: 768px) { .ecom-blog-component { padding-top: 45px; } } .ecom-blog-component .ecom-blog-main-post { margin-bottom: 30px; } @media (min-width: 1600px) { .ecom-blog-component .ecom-blog-main-post { margin-bottom: 190px; } } .ecom-blog-component .ecom-blog-main-post .av-blog-post-image-primary { max-width: 780px; margin-left: auto; border-radius: 20px; overflow: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); } @media (max-width: 767px) { .ecom-blog-component .ecom-blog-main-post .av-blog-post-image-primary { margin-bottom: 30px; border-radius: 0px; margin-left: -15px; margin-right: -15px; } } .ecom-blog-component .ecom-blog-main-post .blog-main-title { font-size: 41px; } @media (min-width: 768px) { .ecom-blog-component .ecom-blog-main-post .blog-main-title { font-size: 74px; } } .ecom-blog-component .ecom-blog-main-post .blog-sub-heading { font-size: 16px; line-height: 1.4; } @media (min-width: 768px) { .ecom-blog-component .ecom-blog-main-post .blog-sub-heading { font-size: 18px; } } .ecom-blog-component .blog-post-content { font-size: 18px; line-height: 1.4; margin-bottom: 60px; } @media (min-width: 768px) { .ecom-blog-component .blog-post-content { font-size: 23px; margin-bottom: 145px; } } .ecom-blog-component .blog-page-views-likes { font-size: 17px; font-weight: 500; } .ecom-blog-component .blog-page-views-likes .light-gray-circle { width: 47px; height: 47px; line-height: 47px; min-width: 47px; color: #404040; } @media (max-width: 767px) { .ecom-blog-component .blog-page-views-likes .light-gray-circle { width: 36px; min-width: 36px; height: 36px; line-height: 36px; } } @media (max-width: 767px) { .ecom-blog-component .blog-page-views-likes .light-gray-circle .material-icons { font-size: 22px; } } .ecom-blog-component .blog-page-views-likes .blog-post-view-like-item { margin-left: 20px; } @media (min-width: 768px) { .ecom-blog-component .blog-page-views-likes .blog-post-view-like-item { margin-left: 30px; } } .ecom-blog-component .blog-page-views-likes .blog-post-view-like-item:first-child { margin-left: 0px; } @media (max-width: 767px) { .ecom-blog-component .widget-type-image img { margin-bottom: 20px; } } .news-section .avenue-news-content .blog-page-views-likes .blog-post-view-like-item { margin-left: 20px; } @media (min-width: 992px) { .news-section .avenue-news-content .blog-page-views-likes .blog-post-view-like-item { margin-left: 30px; } } .news-section .avenue-news-content .blog-page-views-likes .blog-post-view-like-item:first-child { margin-left: 0px; } @media (max-width: 767px) { .news-section .avenue-news-content .blog-page-views-likes .blog-post-view-like-item .light-gray-circle { width: 28px; min-width: 28px; height: 28px; line-height: 28px; } } @media (max-width: 767px) { .news-section .avenue-news-content .blog-page-views-likes .blog-post-view-like-item .light-gray-circle .material-icons { font-size: 16px; } } .news-form { background: #F8F8F9; } .news-form .news-form-content { padding-top: 52px; padding-bottom: 44px; } @media (min-width: 1200px) { .news-form .news-form-content { padding-top: 89px; padding-bottom: 63px; } } @media (min-width: 1600px) { .news-form .news-form-content { padding-top: 79px; padding-bottom: 73px; } } .news-form .news-form-content h2 { font-size: 25px; margin-bottom: 48px; } @media (min-width: 768px) { .news-form .news-form-content h2 { font-size: 26px; margin-bottom: 47px; } } @media (min-width: 1200px) { .news-form .news-form-content h2 { font-size: 30px; margin-bottom: 42px; } } .news-form .news-form-content .view-more h4 { margin-top: 48px; } @media (min-width: 768px) { .news-form .news-form-content .view-more h4 { margin-top: 36px; } } .news-form .news-form-content .view-more .show-all { text-decoration: none; } .news-form .news-form-content .view-more .show-all i { margin-left: 50px; } .news-form .news-form-content .view-more .comment-list-item { padding: 10px 15px; border: 1px solid #f1f1f1; border-radius: 15px; background: white; margin-bottom: 15px; } .news-form .news-form-content .news-form-section .form-group { margin-bottom: 19px; } @media (min-width: 768px) { .news-form .news-form-content .news-form-section .form-group { margin-bottom: 31px; } } .news-form .news-form-content .news-form-section .d-flex { display: block; } @media (min-width: 992px) { .news-form .news-form-content .news-form-section .d-flex { display: flex; } } .news-form .news-form-content .news-form-section input { height: 55px; } .news-form .news-form-content .news-form-section input, .news-form .news-form-content .news-form-section textarea { padding-left: 14px; padding-right: 14px; box-shadow: none; border-radius: 10px; background: white; border: 1px solid #f1f1f1; } @media (min-width: 768px) { .news-form .news-form-content .news-form-section input, .news-form .news-form-content .news-form-section textarea { padding-left: 16px; padding-right: 16px; } } @media (min-width: 1200px) { .news-form .news-form-content .news-form-section input, .news-form .news-form-content .news-form-section textarea { border-radius: 15px; } } .news-form .news-form-content .news-form-section textarea { line-height: 1.85; resize: none; padding: 12px 14px; } @media (min-width: 768px) { .news-form .news-form-content .news-form-section textarea { padding: 11px 16px; } } .news-form .news-form-content .news-form-section .btn-primary { border-radius: 10px; width: 100%; height: 55px; margin-top: 14px; } @media (min-width: 1200px) { .news-form .news-form-content .news-form-section .btn-primary { border-radius: 15px; } } .news-form .news-form-content .news-form-section label { padding-left: 14px; } @media (min-width: 768px) { .news-form .news-form-content .news-form-section label { padding-left: 16px; } } .latest-news-wrapper { margin-top: 100px; margin-bottom: 100px; } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(1) { grid-column-end: 4; grid-row-end: 3; } } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(1) .image-placeholder { min-height: 485px; } } .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(1) .card-details .card-details-description { display: block; } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(2) { grid-row-start: 1; grid-row-end: 3; grid-column-start: 4; grid-column-end: 6; } } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(2) .image-placeholder { min-height: 356px; } } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(3) { grid-row-start: 1; grid-column-start: 6; grid-column-end: 10; } } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(3) .image-placeholder { min-height: 230px; } } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(4) { grid-row-start: 1; grid-row-end: 2; grid-column-start: 6; grid-column-end: 8; } } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(4) .image-placeholder { min-height: 230px; } } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(5) { grid-row-start: 1; grid-row-end: 3; grid-column-start: 10; grid-column-end: 13; } } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(5) .image-placeholder { min-height: 370px; } } @media (min-width: 1600px) { .latest-news-wrapper .custom-masonry-grid .custom-masonry-card:nth-child(6) { grid-row-start: 1; grid-row-end: 2; grid-column-start: 8; grid-column-end: 10; } } .latest-news-wrapper .load-more-page .custom-masonry-grid { margin-top: 30px; } @media (min-width: 1600px) { .latest-news-wrapper .load-more-page .custom-masonry-grid { margin-top: 100px; } } .load-more-latest-news { color: #000; text-transform: capitalize; font-size: 20px; padding-right: 30px; position: static; border: none; right: 0; bottom: -30px; text-transform: unset !important; } @media (min-width: 768px) { .load-more-latest-news { bottom: 670px; } } @media (min-width: 992px) { .load-more-latest-news { font-size: 24px; padding-right: 50px; } } @media (min-width: 1600px) { .load-more-latest-news { bottom: 457px; } } .load-more-latest-news:hover, .load-more-latest-news:focus { border: transparent; background-color: transparent; } .load-more-latest-news .custom-arrow:before { content: ''; width: 75px; height: 1px; position: absolute; background: #000; bottom: 8px; right: 0; } .load-more-latest-news .custom-arrow:after { content: ''; position: absolute; border-left: 8px solid #000; border-bottom: 8px solid transparent; border-top: 8px solid transparent; right: 0; bottom: 0; } .custom-masonry-block .title-section { font-size: 20px; } @media (min-width: 992px) { .custom-masonry-block .title-section { font-size: 40px; } } .custom-masonry-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 20px; align-items: end; } .custom-masonry-grid .custom-masonry-card { background: #f8f8f9; border-radius: 20px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); position: relative; } .custom-masonry-grid .custom-masonry-card .image-placeholder { min-height: 160px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 20px; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card .image-placeholder { min-height: 219px; } } .custom-masonry-grid .custom-masonry-card .image-placeholder img { display: none; } .custom-masonry-grid .custom-masonry-card .card-details { position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); color: #fff; padding: 0 20px 10px; width: 100%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .custom-masonry-grid .custom-masonry-card .card-details .card-details-title { color: #ffffff; font-size: 12px; margin-bottom: 5px; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card .card-details .card-details-title { font-size: 18px; } } .custom-masonry-grid .custom-masonry-card .card-details .read-more-section .view-icon { color: #fff; background: #e12f70; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; } .custom-masonry-grid .custom-masonry-card .card-details .read-more-section .view-icon i { font-size: 12px; } .custom-masonry-grid .custom-masonry-card .card-details .card-details-description { display: none; font-size: 10px; line-height: 1.4; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card .card-details .card-details-description { font-size: 16px; } } .custom-masonry-grid .custom-masonry-card .card-details .card-created-date-icon { font-size: 10px; font-weight: 500; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card .card-details .card-created-date-icon { font-size: 12px; } } .custom-masonry-grid .custom-masonry-card .card-details .card-created-date-icon a { font-size: 12px; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card .card-details .card-created-date-icon a { font-size: 14px; } } .custom-masonry-grid .custom-masonry-card .card-details a { color: #0093d0; } .custom-masonry-grid .custom-masonry-card:first-child { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 13; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:first-child { grid-column-end: 5; grid-row-end: 3; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:first-child { grid-column-end: 4; grid-row-end: 2; } } @media (max-width: 1599px) { .custom-masonry-grid .custom-masonry-card:first-child .image-placeholder { min-height: 460px; } } @media (max-width: 767px) { .custom-masonry-grid .custom-masonry-card:first-child .image-placeholder { min-height: 345px; } } .custom-masonry-grid .custom-masonry-card:first-child .card-details .read-more-section .view-icon { display: none; } .custom-masonry-grid .custom-masonry-card:first-child .card-details .card-details-description { display: block; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:first-child .card-details .card-details-description { display: block; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:first-child .card-details .card-details-description { display: none; } } .custom-masonry-grid .custom-masonry-card:nth-child(3) { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 7; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(3) { grid-row-start: 1; grid-column-start: 5; grid-column-end: 8; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(3) { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 3; } } .custom-masonry-grid .custom-masonry-card:nth-child(3) .image-placeholder { min-height: 240px; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(3) .image-placeholder { min-height: 330px; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(3) .image-placeholder { min-height: 219px; } } .custom-masonry-grid .custom-masonry-card:nth-child(3) .card-details .read-more-section .read-more { display: none; } .custom-masonry-grid .custom-masonry-card:nth-child(2) { grid-row-start: 2; grid-row-end: 3; grid-column-start: 7; grid-column-end: 13; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(2) { grid-row-start: 1; grid-column-start: 8; grid-column-end: 13; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(2) { grid-column-start: 4; grid-column-end: 7; } } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(2) .image-placeholder { min-height: 220px; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(2) .image-placeholder { min-height: 462px; } } .custom-masonry-grid .custom-masonry-card:nth-child(2) .card-details .read-more-section .view-icon { display: flex; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(2) .card-details .read-more-section .view-icon { display: none; } } .custom-masonry-grid .custom-masonry-card:nth-child(2) .card-details .read-more-section .read-more { display: none; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(2) .card-details .read-more-section .read-more { display: flex; } } .custom-masonry-grid .custom-masonry-card:nth-child(2) .card-details .card-details-description { display: none; } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(2) .card-details .card-details-description { display: block; } } .custom-masonry-grid .custom-masonry-card:nth-child(4) { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 7; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(4) { grid-row-start: 1; grid-row-end: 2; grid-column-start: 8; grid-column-end: 11; } .custom-masonry-grid .custom-masonry-card:nth-child(4) .image-placeholder { min-height: 220px; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(4) { grid-row-start: 1; grid-row-end: 3; grid-column-start: 7; grid-column-end: 9; } } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(4) .image-placeholder { min-height: 220px; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(4) .image-placeholder { min-height: 352px; } } .custom-masonry-grid .custom-masonry-card:nth-child(4) .card-details .read-more-section .read-more { display: none; } .custom-masonry-grid .custom-masonry-card:nth-child(5) { grid-row-start: 3; grid-row-end: 4; grid-column-start: 7; grid-column-end: 13; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(5) { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 7; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(5) { grid-row-start: 1; grid-row-end: 3; grid-column-start: 9; grid-column-end: 13; } } @media (max-width: 767px) { .custom-masonry-grid .custom-masonry-card:nth-child(5) .image-placeholder { min-height: 240px; } } .custom-masonry-grid .custom-masonry-card:nth-child(5) .card-details .read-more-section .view-icon { display: flex; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(5) .card-details .read-more-section .view-icon { display: none; } } .custom-masonry-grid .custom-masonry-card:nth-child(5) .card-details .read-more-section .read-more { display: none; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(5) .card-details .read-more-section .read-more { display: flex; } } .custom-masonry-grid .custom-masonry-card:nth-child(6) { grid-row-start: 4; grid-row-end: 5; grid-column-start: 1; grid-column-end: 13; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(6) { grid-row-start: 3; grid-row-end: 4; grid-column-start: 7; grid-column-end: 13; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(6) { grid-row-start: 1; grid-row-end: 2; grid-column-start: 11; grid-column-end: 13; } } .custom-masonry-grid .custom-masonry-card:nth-child(6) .card-details .read-more-section .read-more { display: flex; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(6) .card-details .read-more-section .read-more { display: flex; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(6) .card-details .read-more-section .read-more { display: none; } } .custom-masonry-grid .custom-masonry-card:nth-child(6) .card-details .read-more-section .view-icon { display: none; } @media (min-width: 768px) { .custom-masonry-grid .custom-masonry-card:nth-child(6) .card-details .read-more-section .view-icon { display: none; } } @media (min-width: 1600px) { .custom-masonry-grid .custom-masonry-card:nth-child(6) .card-details .read-more-section .view-icon { display: flex; } } .store-locator-component .store-title-section { font-size: 40px; font-weight: 300; } .store-locator-component .custom-masonry-grid .custom-masonry-card .image-placeholder { min-height: 170px; } @media (min-width: 1600px) { .store-locator-component .custom-masonry-grid .custom-masonry-card:first-child { grid-column-end: 3; grid-row-end: 3; } .store-locator-component .custom-masonry-grid .custom-masonry-card:first-child .image-placeholder { min-height: 350px; } } @media (min-width: 1600px) { .store-locator-component .custom-masonry-grid .custom-masonry-card:nth-child(2) { grid-row-start: 1; grid-row-end: 3; grid-column-start: 3; grid-column-end: 7; } .store-locator-component .custom-masonry-grid .custom-masonry-card:nth-child(2) .image-placeholder { min-height: 170px; } } @media (min-width: 1600px) { .store-locator-component .custom-masonry-grid .custom-masonry-card:nth-child(3) { grid-row-start: 1; grid-row-end: 3; grid-column-start: 3; grid-column-end: 7; } .store-locator-component .custom-masonry-grid .custom-masonry-card:nth-child(3) .image-placeholder { min-height: 170px; } } @media (min-width: 1600px) { .store-locator-component .custom-masonry-grid .custom-masonry-card:nth-child(4) { grid-row-start: 1; grid-row-end: 2; grid-column-start: 5; grid-column-end: 7; } .store-locator-component .custom-masonry-grid .custom-masonry-card:nth-child(4) .image-placeholder { min-height: 170px; } } @media (min-width: 1600px) { .store-locator-component .custom-masonry-grid .custom-masonry-card:nth-child(5) { grid-row-start: 1; grid-row-end: 3; grid-column-start: 7; grid-column-end: 9; } .store-locator-component .custom-masonry-grid .custom-masonry-card:nth-child(5) .image-placeholder { min-height: 170px; } } @media (min-width: 1600px) { .store-locator-component .custom-masonry-grid .custom-masonry-card:nth-child(6) { grid-row-start: 1; grid-row-end: 2; grid-column-start: 9; grid-column-end: 11; } .store-locator-component .custom-masonry-grid .custom-masonry-card:nth-child(6) .image-placeholder { min-height: 350px; } } .cart-finalise-wrapper { margin-top: 30px; } @media (min-width: 768px) { .cart-finalise-wrapper { margin-top: 46px; } } @media (min-width: 1600px) { .cart-finalise-wrapper { margin-top: 78px; } } .cart-finalise-wrapper .tab-content input[type="radio"]:after { width: 30px; height: 30px; border-color: #f1f1f1; } .cart-finalise-wrapper .tab-content input[type="radio"]:checked:after { border-color: #0093d0; } .cart-finalise-wrapper .tab-content input[type="radio"]:checked:before { background-color: transparent; content: "done"; color: #0093d0; font-size: 24px; font-family: "material icons"; transform: scale(1); top: 0px; left: 3px; } .cart-finalise-wrapper .tab-content .checkbox { font-size: 16px; } @media (min-width: 768px) { .cart-finalise-wrapper .tab-content .checkbox { font-size: 18px; } } .cart-finalise-wrapper .tab-content input[type="checkbox"]:after { width: 25px; height: 25px; } .cart-finalise-wrapper .tab-content input[type="checkbox"]:before { top: 2px; left: 9px; width: 7px; height: 14px; } .cart-finalise-wrapper .tab-content input[type="checkbox"]:focus:after { border-color: #0093d0; } .cart-finalise-wrapper .tab-content input[type="text"], .cart-finalise-wrapper .tab-content input[type="mail"], .cart-finalise-wrapper .tab-content input[type="password"], .cart-finalise-wrapper .tab-content input[type="number"], .cart-finalise-wrapper .tab-content select { border: 1px solid #f1f1f1; background-color: #ffffff; border-radius: 15px; padding: 6px 15px 0; height: 55px; /*box-shadow: none;*/ background-position: 96% 50%; } .cart-finalise-wrapper .tab-content .add-new-address-link:focus, .cart-finalise-wrapper .tab-content .add-new-address-link:hover { text-decoration: none; color: #0093d0; } .cart-finalise-wrapper .tab-content .create_new_address .main-panel { margin-bottom: 28px; } .cart-finalise-wrapper .tab-content .create_new_address .av-new-shipping-address-header button { padding: 4px 0px; background: #eeeeee; width: 77px; height: 26px; box-shadow: none; } @media (min-width: 768px) { .cart-finalise-wrapper .tab-content .create_new_address .av-new-shipping-address-header button { padding: 6px 0px; height: 30px; } } .cart-finalise-wrapper .tab-content .create_new_address .av-new-shipping-address-header button:hover, .cart-finalise-wrapper .tab-content .create_new_address .av-new-shipping-address-header button:active { background: #0093d0; color: #ffffff; } .cart-finalise-wrapper .tab-content .create_new_address .av-new-shipping-address-header .material-icons { font-size: 16px; } .payment-option-component.panel { margin-bottom: 30px; } .payment-option-component + .checkbox { margin-bottom: 40px; } .gift-vaucher-panel.panel { margin-bottom: 30px; } .gift-vaucher-panel.panel .cart_step_voucher input[type=text] { padding: 5px 15px 0; font-size: 18px; border: none; height: auto; } .pay-by-account-form .custom-radio-large label { line-height: 1; margin: 6px 0 0 6px; font-size: 16px; } .tab-content .cart-payment-panel .panel-heading { border-top-right-radius: 15px; border-top-left-radius: 15px; } .tab-content .cart-payment-panel .panel-body { padding: 32px 35px; } .tab-content .cart-payment-panel .panel-body .my-custom-radio-large label { line-height: 1; margin: 5px 0 0 5px; font-size: 18px; } .tab-content .cart-payment-panel .panel-body .card-tabs { justify-content: center; margin-bottom: 30px; } .tab-content .cart-payment-panel .panel-body .card-tabs > a { margin: 0 10px; font-size: 20px; } .tab-content .cart-payment-panel .panel-body .card-tabs > a.light-gray-circle.d-label { padding: 2px 15px 0; } .tab-content .cart-payment-panel .panel-body .card-tabs .credit-card .my-custom-radio-large label { padding: 10px 20px 6px; border-radius: 30px; cursor: pointer; } .tab-content .cart-payment-panel .panel-body .card-tabs .credit-card .my-custom-radio-large input { position: absolute; opacity: 0; } .tab-content .cart-payment-panel .panel-body .card-tabs .credit-card .my-custom-radio-large input:checked + label { background: #eee; } .tab-content .cart-payment-panel .panel-body .btn-circle { height: 46px; border-radius: 30px; width: 100%; max-width: 350px; } .cart-order-summary-block { color: #404040; } @media (min-width: 768px) { .cart-order-summary-block > .panel-body { padding: 22px; } } @media (min-width: 1600px) { .cart-order-summary-block > .panel-body { padding: 37px; } } .cart-order-summary-block .product-item-block .product-img-title { width: 100%; } .cart-order-summary-block .product-item-block .product-price { width: 130px; } .order-summary { font-size: 15px; } @media (min-width: 768px) { .order-summary { font-size: 20px; } } .order-summary .table > thead > tr > th, .order-summary .table > tbody > tr > th, .order-summary .table > tfoot > tr > th { padding-left: 0; border-top: none; } .order-summary .table > thead > tr > td, .order-summary .table > tbody > tr > td, .order-summary .table > tfoot > tr > td { border: none; padding-right: 0; } .payment-option-component input[type=text].form-control, .payment-option-component select.form-control { border: 1px solid #f1f1f1; padding: 0px 12px; border-radius: 15px; /*box-shadow: none;*/ background-position: calc(100% - 15px) center; } .ll-direct-ship-settings { padding: 20px 30px; border: 1px solid #f1f1f1; border-radius: 20px; } .ll-direct-ship-settings .av-cart-customer-ref label { color: #808080; font-size: 12px; line-height: 1; } .ll-direct-ship-settings .av-cart-customer-ref input[type=text] { max-width: initial; margin-bottom: 48px; border-radius: 20px; } .ll-direct-ship-settings .cart-edit-address-form .saved-addresses { margin-left: 15px; margin-bottom: 22px; } .ll-direct-ship-settings .cart-edit-address-form .saved-addresses input, .ll-direct-ship-settings .cart-edit-address-form .saved-addresses select { height: 45px; padding-top: 0px; } .ll-direct-ship-settings .cart-edit-address-form .saved-addresses .btn-section { margin: 15px 0px 10px; } @media (min-width: 768px) { .ll-direct-ship-settings .cart-edit-address-form .saved-addresses .btn-section { margin: 30px 0px 15px; } } .ll-direct-ship-settings .cart-edit-address-form .saved-addresses .btn-section .submit-btn { margin-top: 10px; } @media (min-width: 768px) { .ll-direct-ship-settings .cart-edit-address-form .saved-addresses .btn-section .submit-btn { margin-top: 0px; margin-left: 20px; } } .ll-direct-ship-settings .cart-edit-address-form .saved-addresses .btn-section button { height: 36px; max-width: 100px; } .ll-direct-ship-settings .saved-address .address-card .address-card-details { margin-left: 15px; line-height: 1.6; width: 100%; border: 1px solid #f1f1f1; border-radius: 20px; padding: 10px 15px; margin-bottom: 15px; font-size: 16px; } @media (min-width: 768px) { .ll-direct-ship-settings .saved-address .address-card .address-card-details { padding: 15px 20px; margin-bottom: 22px; } } @media (min-width: 1600px) { .ll-direct-ship-settings .saved-address .address-card .address-card-details { padding: 20px 30px; } } .ll-direct-ship-settings .saved-address .address-card .address-card-details .light-gray-circle { width: 24px; height: 24px; line-height: 24px; min-width: 24px; } .ll-direct-ship-settings .saved-address .address-card .address-card-details .light-gray-circle .material-icons { font-size: 14px; } .ll-direct-ship-settings .saved-address button { height: 46px; width: 100%; max-width: 350px; } .ll-direct-ship-settings .add-delivery-note textarea { border: 1px solid #f1f1f1; border-radius: 10px; padding: 10px 15px; } /************** cart login ******************/ .cart-finalise-wrapper .nav-tabs { border-bottom: 1px solid #f1f1f1; } .cart-finalise-wrapper .nav-tabs > li > a { color: #808080; box-shadow: none; font-weight: 500; font-size: 18px; margin-right: 0px; border-radius: 20px 20px 0 0px; padding: 15px 24px 7px; } .cart-finalise-wrapper .nav-tabs > li > a:hover { box-shadow: none; color: #0093d0; } .cart-finalise-wrapper .nav-tabs > li.active > a { box-shadow: none; cursor: default; background-color: #fff; border: 1px solid #f1f1f1; border-bottom-color: transparent; } .cart-finalise-wrapper .nav-tabs > li.active > a, .cart-finalise-wrapper .nav-tabs > li.active > a:focus:hover, .cart-finalise-wrapper .nav-tabs > li.active > a:hover { color: #0093d0; } .cart-finalise-wrapper .nav-tabs > li.active:not(:first-child) > a:before { content: ""; background-image: url(/ts1717724343/attachments/StyleSheet/57/curve.jpg); width: 24px; height: 100%; position: absolute; background-repeat: no-repeat; top: 14px; background-size: contain; z-index: 10; right: 100%; transform: rotateZ(0deg) rotateY(180deg); } .cart-finalise-wrapper .nav-tabs > li.active > a:after { content: ""; background-image: url(/ts1717724343/attachments/StyleSheet/57/curve.jpg); width: 24px; height: 100%; position: absolute; background-repeat: no-repeat; top: 14px; background-size: contain; left: 100%; z-index: 10; } .cart-sign-form-block .cart-user-sign-form.panel { margin-bottom: 40px; } .cart-sign-form-block .cart-user-sign-form.panel .panel-body { padding: 26px 30px; } .cart-sign-form-block .btn { min-width: 226px; } .credit-card-types-block .av-label-block-content img { max-height: 30px; } .save-your-odr .save-template { padding: 0px; } .save-your-odr .terms-text { font-size: 12px; } @media (min-width: 768px) { .save-your-odr .terms-text { font-size: 14px; } } @media (min-width: 1200px) { .save-your-odr .terms-text { font-size: 16px; } } .save-your-odr h4 { font-size: 12px; } @media (min-width: 768px) { .save-your-odr h4 { font-size: 14px; } } @media (min-width: 1600px) { .save-your-odr h4 { font-size: 16px; } } .save-your-odr h4 .material-icons { font-size: 17px; } @media (min-width: 768px) { .save-your-odr h4 .material-icons { font-size: 18px; } } .save-your-odr .order-name { width: auto; } @media (min-width: 768px) { .save-your-odr .order-name { width: 300px; } } .save-your-odr .order-name input { height: 54px; font-size: 18px; padding: 0px 23px; box-shadow: none; border: 1px solid #f1f1f1; border-radius: 10px; } @media (min-width: 768px) { .save-your-odr .order-name input { max-width: 100%; } } .save-your-odr .save-order { margin-left: 10px; } @media (min-width: 768px) { .save-your-odr .save-order { margin-left: 30px; } } .save-you .save-icon { color: #000; } .save-you .save-order-txt { line-height: 1.4; padding-left: 10px; } .save-you button { border: none; } .save-you button:focus { outline: none; } .avenue-blogpost-like { background: #0093d0; color: #fff !important; } .cursor-no-drop { cursor: no-drop; } .light-gray-circle.no-action { color: #c3c3c3 !important; cursor: no-drop; } .avenue-news h1 { font-size: 41px; } @media (min-width: 768px) { .avenue-news h1 { font-size: 61px; } } @media (min-width: 1200px) { .avenue-news h1 { font-size: 74px; } } .avenue-news h2 { font-size: 30px; } @media (min-width: 768px) { .avenue-news h2 { font-size: 41px; } } @media (min-width: 1200px) { .avenue-news h2 { font-size: 50px; } } .avenue-news .news-section { margin-top: 24px; margin-bottom: 60px; } @media (min-width: 768px) { .avenue-news .news-section { margin-top: 100px; margin-bottom: 184px; } } .avenue-news .news-section h2 { margin-bottom: 24px; } @media (min-width: 768px) { .avenue-news .news-section h2 { margin-bottom: 40px; } } @media (min-width: 1200px) { .avenue-news .news-section h2 { margin-bottom: 47px; } } @media (min-width: 1900px) { .avenue-news .news-section h2 { margin-bottom: 90px; } } @media (max-width: 767px) { .avenue-news .img-block { padding-left: 0px; margin-left: -5px; margin-right: -5px; padding-right: 0px; } } .avenue-news .av-blog-post-image-primary { margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .avenue-news .av-blog-post-image-primary { margin-left: auto; margin-right: 0px; } } .avenue-news .av-blog-post-image-primary, .avenue-news .av-blog-post-image-primary img { width: auto; height: auto; overflow: hidden; position: relative; } @media (min-width: 768px) { .avenue-news .av-blog-post-image-primary, .avenue-news .av-blog-post-image-primary img { border-radius: 25px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); } } @media (min-width: 992px) { .avenue-news .av-blog-post-image-primary, .avenue-news .av-blog-post-image-primary img { width: 459px; height: 459px; } } @media (min-width: 1200px) { .avenue-news .av-blog-post-image-primary, .avenue-news .av-blog-post-image-primary img { width: 563px; height: 563px; } } @media (min-width: 1900px) { .avenue-news .av-blog-post-image-primary, .avenue-news .av-blog-post-image-primary img { width: 664px; height: 664px; } } @media (min-width: 768px) { .avenue-news .av-blog-post-image-primary img { border-radius: 25px; border: 1px solid #f1f1f1; } } @media (max-width: 767px) { .avenue-news .avenue-news-content { margin-top: 36px; } } .avenue-news .avenue-news-content .label-default { padding: 5px 14px; font-size: 10px; } @media (min-width: 1200px) { .avenue-news .avenue-news-content .label-default { font-size: 13px; } } @media (min-width: 1900px) { .avenue-news .avenue-news-content .label-default { font-size: 14px; } } .avenue-news .avenue-news-content .read-post { padding-bottom: 2px; } @media (min-width: 1200px) { .avenue-news .avenue-news-content .read-post { font-size: 18px; padding: 10px 26px 6px; } } @media (min-width: 1900px) { .avenue-news .avenue-news-content .read-post { font-size: 21px; padding: 10px 30px 6px; } } .avenue-news .avenue-news-content .bottom-content { margin-top: 28px; } @media (min-width: 768px) { .avenue-news .avenue-news-content .bottom-content { margin-top: 44px; } } @media (min-width: 1200px) { .avenue-news .avenue-news-content .bottom-content { margin-top: 56px; } } @media (min-width: 1900px) { .avenue-news .avenue-news-content .bottom-content { margin-top: 75px; } } @media (max-width: 767px) { .avenue-news .avenue-news-content .blog-page-views-likes .ml-30 { margin-left: 23px; } } @media (max-width: 767px) { .avenue-news .avenue-news-content .blog-page-views-likes .ml-15 { margin-left: 8px; } } @media (min-width: 1200px) { .avenue-news .avenue-news-content .blog-page-views-likes .light-gray-circle { width: 40px; height: 40px; line-height: 40px; min-width: 40px; } } @media (min-width: 1600px) { .avenue-news .avenue-news-content .blog-page-views-likes .light-gray-circle { width: 47px; height: 47px; line-height: 47px; min-width: 47px; } } @media (min-width: 1200px) { .avenue-news .avenue-news-content .blog-page-views-likes .light-gray-circle i { font-size: 20px; } } @media (min-width: 1600px) { .avenue-news .avenue-news-content .blog-page-views-likes .light-gray-circle i { font-size: 22px; } } .avenue-news .latest-post-section .filter-dropdown { display: block; } @media (min-width: 768px) { .avenue-news .latest-post-section .filter-dropdown { display: none; } } .avenue-news .latest-post-section .filter-dropdown ul li input { background: transparent; border: none; padding: 5px 15px; outline: none; } .avenue-news .latest-post-section .filter-dropdown ul li.active { background: #eee; } .avenue-news .latest-post-section .filter-dropdown .btn { text-transform: inherit; font-size: 13px; box-shadow: none; font-weight: 500; padding: 4px 12px 6px 8px; } .avenue-news .latest-post-section .filter-dropdown .btn i { font-size: 20px; margin-right: 11px; } .avenue-news .latest-post-section .filter-dropdown .btn span { margin-top: 3px; } .avenue-news .latest-post-section .filter-section { margin-bottom: 40px; } @media (min-width: 768px) { .avenue-news .latest-post-section .filter-section { margin-bottom: 92px; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .filter-section { margin-bottom: 71px; } } @media (min-width: 1600px) { .avenue-news .latest-post-section .filter-section { margin-bottom: 125px; } } .avenue-news .latest-post-section .filters { padding: 11px 4px 11px 4px; background: #F4F4F4; font-weight: 500; border-radius: 15px; } .avenue-news .latest-post-section .filters li { padding: 0px 18px; cursor: pointer; border-right: 1px solid #ccc; } .avenue-news .latest-post-section .filters li.active { color: #0093d0; } .avenue-news .latest-post-section .filters li:hover, .avenue-news .latest-post-section .filters li:focus { color: #0093d0; } .avenue-news .latest-post-section .filters li input { background: transparent; border: none; padding: 0px; outline: none; } .avenue-news .latest-post-section .filters li:first-child { padding: 0px 30px 0px 20px; } .avenue-news .latest-post-section .filters li:last-child { border: none; } .avenue-news .latest-post-section .latest-post-grid-container { display: grid; grid-gap: 20px; grid-template-columns: 1fr 1fr; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .latest-post-grid-container { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } @media (min-width: 1600px) { .avenue-news .latest-post-section .latest-post-grid-container { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } .avenue-news .latest-post-section .latest-post-grid-container .grid-item { background-position: center; border-radius: 20px; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); position: relative; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item .card-details { position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); color: #fff; padding: 10px 20px 14px; width: 100%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item .card-details .card-created-date a { text-decoration: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item .card-details .card-created-date .view-icon { color: #fff; background: #0093d0; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item .card-details .card-created-date .view-icon i { font-size: 12px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item .card-details h4 { color: #fff; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:first-child { grid-row-start: 1; grid-row-end: 8; grid-column-start: 1; grid-column-end: 3; height: 345px; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:first-child { grid-row-start: 1; grid-row-end: 5; grid-column-start: 1; grid-column-end: 3; height: 462px; max-width: 462px; } } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(2) { grid-row-start: 8; grid-row-end: 13; grid-column-start: 1; grid-column-end: 2; height: 241px; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(2) { grid-row-start: 2; grid-row-end: 5; grid-column-start: 3; grid-column-end: 4; height: 342px; max-width: 233px; } } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(2) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(2) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(2) .card-details .card-created-date .read-more { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(3) { grid-row-start: 10; grid-row-end: 13; grid-column-start: 2; grid-column-end: 3; height: 155px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(3) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(3) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(3) .card-details .card-created-date .read-more { display: none; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(3) { grid-row-start: 3; grid-row-end: 5; grid-column-start: 4; grid-column-end: 5; height: 219px; max-width: 462px; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(3) { grid-row-start: 3; grid-row-end: 5; grid-column-start: 4; grid-column-end: 6; height: 223px; max-width: 488px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(3) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(3) .card-details .card-created-date .view-icon { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(3) .card-details .card-created-date .read-more { display: flex; } } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(4) { grid-row-start: 13; grid-row-end: 20; grid-column-start: 1; grid-column-end: 3; height: 345px; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(4) { grid-row-start: 5; grid-row-end: 7; grid-column-start: 1; grid-column-end: 3; height: 219px; max-width: 462px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(4) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(4) .card-details .card-created-date .view-icon { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(4) .card-details .card-created-date .read-more { display: flex; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(4) { grid-row-start: 1; grid-row-end: 3; grid-column-start: 5; grid-column-end: 6; height: 219px; max-width: 233px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(4) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(4) .card-details .card-created-date .read-more { display: none; } } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) { grid-row-start: 20; grid-row-end: 25; grid-column-start: 1; grid-column-end: 2; height: 241px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) .card-details .card-created-date .read-more { display: none; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) { grid-row-start: 5; grid-row-end: 9; grid-column-start: 3; grid-column-end: 5; height: 462px; max-width: 462px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) .card-details .card-details-description { display: block; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) .card-details .card-created-date .view-icon { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) .card-details .card-created-date .read-more { display: flex; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) { grid-row-start: 5; grid-row-end: 7; grid-column-start: 1; grid-column-end: 3; height: 219px; max-width: 462px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) .card-details .card-details-description { display: none; } } @media (min-width: 1600px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) { grid-row-start: 1; grid-row-end: 5; grid-column-start: 6; grid-column-end: 8; height: 462px; max-width: 462px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(5) .card-details .card-details-description { display: block; } } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) { grid-row-start: 22; grid-row-end: 25; grid-column-start: 2; grid-column-end: 3; height: 155px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) .card-details .card-created-date .read-more { display: none; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) { grid-row-start: 7; grid-row-end: 9; grid-column-start: 1; grid-column-end: 3; height: 222px; max-width: 219px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) .card-details .card-created-date .read-more { display: none; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) { grid-row-start: 5; grid-row-end: 9; grid-column-start: 3; grid-column-end: 5; height: 462px; max-width: 462px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) .card-details .card-details-description { display: block; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) .card-details .card-created-date .view-icon { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) .card-details .card-created-date .read-more { display: flex; } } @media (min-width: 1600px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) { grid-row-start: 5; grid-row-end: 7; grid-column-start: 1; grid-column-end: 3; height: 219px; max-width: 462px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(6) .card-details .card-details-description { display: none; } } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) { grid-row-start: 25; grid-row-end: 32; grid-column-start: 1; grid-column-end: 3; height: 345px; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) { grid-row-start: 9; grid-row-end: 13; grid-column-start: 1; grid-column-end: 3; height: 462px; max-width: 462px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) .card-details .card-details-description { display: block; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) .card-details .card-created-date .view-icon { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) .card-details .card-created-date .read-more { display: flex; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) { grid-row-start: 7; grid-row-end: 9; grid-column-start: 1; grid-column-end: 2; height: 223px; max-width: 222px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) .card-details .card-created-date .read-more { display: none; } } @media (min-width: 1600px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) { height: 223px; max-width: 222px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(7) .card-details .card-created-date .read-more { display: none; } } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) { grid-row-start: 32; grid-row-end: 37; grid-column-start: 1; grid-column-end: 2; height: 241px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) .card-details .card-created-date .read-more { display: none; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) { grid-row-start: 10; grid-row-end: 13; grid-column-start: 3; grid-column-end: 4; height: 352px; max-width: 233px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) .card-details .card-created-date .read-more { display: none; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) { grid-row-start: 6; grid-row-end: 9; grid-column-start: 5; grid-column-end: 6; height: 342px; max-width: 462px; } } @media (min-width: 1600px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) { grid-row-start: 5; grid-row-end: 9; grid-column-start: 3; grid-column-end: 5; height: 462px; max-width: 462px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) .card-details .card-details-description { display: block; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) .card-details .card-created-date .view-icon { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(8) .card-details .card-created-date .read-more { display: flex; } } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) { grid-row-start: 34; grid-row-end: 37; grid-column-start: 2; grid-column-end: 3; height: 155px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) .card-details .card-created-date .read-more { display: none; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) { grid-row-start: 11; grid-row-end: 13; grid-column-start: 4; grid-column-end: 5; height: 219px; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) { grid-row-start: 9; grid-row-end: 13; grid-column-start: 1; grid-column-end: 3; height: 219px; max-width: 462px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) .card-details .card-created-date .view-icon { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) .card-details .card-created-date .read-more { display: flex; } } @media (min-width: 1600px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) { grid-row-start: 5; grid-row-end: 9; grid-column-start: 5; grid-column-end: 7; height: 462px; max-width: 462px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) .card-details .card-details-description { display: block; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) .card-details .card-created-date .view-icon { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(9) .card-details .card-created-date .read-more { display: flex; } } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(10) { grid-row-start: 37; grid-row-end: 43; grid-column-start: 1; grid-column-end: 3; height: 345px; } @media (min-width: 768px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(10) { grid-row-start: 13; grid-row-end: 17; grid-column-start: 1; grid-column-end: 3; height: 462px; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(10) { grid-row-start: 9; grid-row-end: 13; grid-column-start: 3; grid-column-end: 5; height: 462px; max-width: 462px; } } @media (min-width: 1600px) { .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(10) { grid-row-start: 6; grid-row-end: 9; grid-column-start: 7; grid-column-end: 8; height: 342px; max-width: 254px; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(10) .card-details .card-details-description { display: none; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(10) .card-details .card-created-date .view-icon { display: flex; } .avenue-news .latest-post-section .latest-post-grid-container .grid-item:nth-child(10) .card-details .card-created-date .read-more { display: none; } } .avenue-news .latest-post-section .view-more-btn { margin-top: 75px; margin-bottom: 75px; } @media (min-width: 768px) { .avenue-news .latest-post-section .view-more-btn { margin-top: 100px; margin-bottom: 93px; } } @media (min-width: 1200px) { .avenue-news .latest-post-section .view-more-btn { margin-top: 72px; margin-bottom: 104px; } } @media (min-width: 1600px) { .avenue-news .latest-post-section .view-more-btn { margin-top: 137px; margin-bottom: 127px; } } .avenue-news .latest-post-section .view-more-btn .btn { padding: 10px 18px 10px 13px; font-weight: 400; font-size: 18px; text-transform: INHERIT; border-radius: 27px; background: #f4f4f4; box-shadow: none; } .avenue-news .latest-post-section .view-more-btn .btn .icon { background: #E5E5E5; width: 30px; height: 30px; line-height: 45px; border-radius: 50%; margin-right: 12px; } @media (min-width: 1200px) { .avenue-news .latest-post-section .view-more-btn .btn .icon { line-height: 48px; } } .avenue-news .latest-post-section .view-more-btn .btn .icon i { font-size: 22px; } @media (min-width: 1600px) { .avenue-news .latest-post-section .view-more-btn .btn .icon i { font-size: 25px; } } .store-selector-modal { z-index: 1111; } .store-selector-modal .modal-dialog { width: calc(100% - 50px); } @media (min-width: 768px) { .store-selector-modal .modal-dialog { width: 85%; max-width: 1120px; } } .store-selector-modal .modal-dialog .modal-content { background-color: white; } .store-selector-modal .modal-dialog .modal-content .modal-body { padding: 0px; } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body { height: 800px; } } .store-selector-modal .modal-dialog .modal-content .modal-body .preferred-store .store-hours table > tbody > tr { line-height: 37px; border-bottom: 1px solid #f1f1f1; } .store-selector-modal .modal-dialog .modal-content .modal-body .preferred-store .store-hours table > tbody > tr td:first-child { width: 40%; } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-row { height: 100%; } @media (max-width: 767px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-row.d-flex { display: block; } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-map { display: block; } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-map { order: 2; } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list { background-color: white; height: auto; width: 100%; } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list { width: 320px; order: 1; } } @media (min-width: 1200px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list { width: 400px; } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section { padding: 15px; } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section { padding: 22px 20px 20px; } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-selector-results { padding-left: 0px; } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-selector-results { max-height: 608px; overflow: auto; } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-selector-results .store-location { padding: 8px 14px; border-radius: 10px; border: none; background: #F8F8F9; margin-bottom: 15px; } @media (min-width: 1200px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-selector-results .store-location { padding: 15px 28px; margin-bottom: 22px; } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-selector-results .store-location.selected { background: gainsboro; } @media (min-width: 1200px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-selector-results .btn-section .btn { padding: 6px 14px; } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .image-place-holder { padding: 5px; border: 1px solid #f1f1f1; border-radius: 6px; } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-location-brief { padding-left: 0px; } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-location-brief .icon-section a .material-icons { font-size: 17px; } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-location-brief .icon-section a .material-icons { font-size: 19px; } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-location-brief .light-gray-circle { background-color: #eee; } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-results-section .store-location-brief .store-location-address-detail { margin-left: 0px; } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .store-selector-submit { background-color: #0093d0 !important; box-shadow: none; background: none; color: white !important; border: none; } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store { z-index: 2; margin: 15px; border: 1px solid #f1f1f1; margin: 0px; position: absolute; top: 60px; border: none; right: 15px; width: calc(100% - 30px); } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store { right: 30px; width: calc(100% - 380px); } } @media (min-width: 1200px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store { width: calc(100% - 460px); } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store select { max-width: 98px; background-color: #f4f4f4; color: #000000; border-radius: 10px; box-shadow: none; padding: 0 28px 0px 10px; background-position: calc(100% - 10px) center; } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store select { max-width: 125px; } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store input { margin: 0px 5px; } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store .store-selector-query { border: none; font-size: 16px; } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store .store-selector-query { font-size: 18px; } } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store .store-selector-query { font-size: 20px; } } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store .store-selector-submit-query { border: none; color: white; } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-list .find-store .store-selector-submit-query:hover { border-radius: 50px; border: none; } .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-map { width: auto; height: 400px; } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-map { width: calc(100% - 320px); height: auto; } } @media (min-width: 1200px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-selector-map { width: calc(100% - 400px); } } .store-selector-modal .modal-dialog .modal-content .modal-body .avenue-store-filter { padding: 20px 30px 0px 20px; /*border-top: 1px solid $border-color;*/ border-bottom: 1px solid #f1f1f1; } .store-selector-modal .modal-dialog .modal-content .modal-body .avenue-store-filter .filter { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .store-selector-modal .modal-dialog .modal-content .modal-body .avenue-store-filter h3 { font-size: 20px; } .store-selector-modal .modal-dialog .modal-content .modal-body .store-close-btn { position: absolute; top: 0px; right: -35px; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); } @media (min-width: 768px) { .store-selector-modal .modal-dialog .modal-content .modal-body .store-close-btn { right: -50px; } } .store-hr { margin-top: 10px; margin-bottom: 10px; border-top: none; } .av-social-share-component { left: 0px; bottom: 0px; display: flex; align-items: center; background: rgba(0, 0, 0, 0); } .av-social-share-component.left { position: absolute; width: 100%; padding: 20px; transition: all 0.5s ease; } .av-social-share-component.left.active { background: rgba(0, 0, 0, 0.5); } .av-social-share-component.left.active .social-share-widget { left: 90px; opacity: 1; transform: scale(1); } .av-social-share-component .ecom-blog-share { z-index: 10; } .av-social-share-component .ecom-blog-share .material-icons:last-child { display: none; } .av-social-share-component.active .ecom-blog-share { z-index: 10; } .av-social-share-component.active .ecom-blog-share .material-icons:first-child { display: none; } .av-social-share-component.active .ecom-blog-share .material-icons:last-child { display: block; } .av-social-share-component.overlay-bottom .social-share-widget { top: initial; left: auto; background: #f1f1f1; right: -40px; bottom: 20px; font-size: 14px; padding: 6px 6px; border-radius: 20px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .av-social-share-component.overlay-bottom .social-share-widget ul li a { width: 30px; min-width: 30px; height: 30px; line-height: 30px; } .av-social-share-component.overlay-bottom .social-share-widget:before { content: ''; position: absolute; border-bottom: 10px solid #f1f1f1; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -9px; right: 20px; } .av-social-share-component.active.overlay-bottom .social-share-widget { opacity: 1; transform: scale(1); bottom: -40px; right: 0; } .social-share-widget { position: absolute; bottom: 0; top: 0; margin: auto; display: table; font-size: 18px; line-height: 1; transition: all 0.5s ease; left: -120px; transform: scale(0); opacity: 0; } .social-share-widget ul li { line-height: 0; margin-right: 5px; } .social-share-widget ul li a { width: 43px; min-width: 43px; height: 43px; line-height: 43px; background: #0093d0; color: #ffffff; display: inline-block; border-radius: 100%; text-align: center; } .social-share-widget ul li a i { line-height: inherit; } .social-share-widget ul li a:hover { background-color: #00608a; } .author-details-block .img-responsive { max-width: 90px; align-self: baseline; } .payment-card-component { border: 1px solid #f1f1f1; border-radius: 20px; padding: 30px; background: linear-gradient(120deg, #7c7c7c, #353535); color: #ffffff; max-width: 400px; margin: 0 auto 20px; } .payment-card-component .card-image { width: 50px; margin-bottom: 30px; } .payment-card-component .card-number { font-size: 30px; } .payment-card-component .card-menu i { color: #ffffff; width: 30px; height: 30px; border-radius: 100%; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); line-height: 30px; margin: 1px 1px 0 0; } .payment-card-component .carousel-control { background-image: none; font-size: 14px; width: 26px; height: 26px; top: 50%; background: #ffffff; text-align: center; border-radius: 100%; opacity: 1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .payment-card-component .carousel-control.left { left: -30px; } .payment-card-component .carousel-control.right { right: -30px; } .payment-card-component [class*="fa-chevron-"], .payment-card-component i { background-image: none; font-size: 22px; line-height: 26px; height: auto; position: static; color: #333; margin: 0; } .payment-card-component .card-section .card-section-col + div { font-size: 16px; font-weight: 500; } .comments-section-wrapper { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 768px) { .comments-section-wrapper { margin-top: 80px; margin-bottom: 80px; } } .comments-section-wrapper .comment-list-item .img-placeholder { max-width: 50px; } @media (min-width: 1600px) { .account-overview-page .panel .panel-body:not(.normal), .account-switch-page .panel .panel-body:not(.normal) { padding: 30px 35px; } } .account-overview-page .panel .panel-body.normal, .account-switch-page .panel .panel-body.normal { padding: 10px 15px; } @media (min-width: 1600px) { .account-overview-page .row, .account-switch-page .row { margin-left: -20px; margin-right: -20px; } } @media (min-width: 1600px) { .account-overview-page .row [class^='col-'], .account-switch-page .row [class^='col-'] { padding-left: 20px; padding-right: 20px; } } .dynamic-content-block.ecom-account-dynamic-content-block .fast-order input[type=number]::-webkit-inner-spin-button, .dynamic-content-block.ecom-account-dynamic-content-block .fast-order input[type=number]::-webkit-outer-spin-button, .dynamic-content-block.ecom-account-dynamic-content-block .my-template-orders input[type=number]::-webkit-inner-spin-button, .dynamic-content-block.ecom-account-dynamic-content-block .my-template-orders input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .dynamic-content-block.ecom-account-dynamic-content-block .fast-order input[type=number], .dynamic-content-block.ecom-account-dynamic-content-block .my-template-orders input[type=number] { -webkit-appearance: textfield; } .dynamic-content-block.ecom-account-dynamic-content-block .fast-order input[type=number]:focus, .dynamic-content-block.ecom-account-dynamic-content-block .my-template-orders input[type=number]:focus { -webkit-appearance: number-input; } .dynamic-content-block.ecom-account-dynamic-content-block .mb-40 { margin-bottom: 20px; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .mb-40 { margin-bottom: 30px; } } @media (min-width: 1200px) { .dynamic-content-block.ecom-account-dynamic-content-block .mb-40 { margin-bottom: 40px; } } .dynamic-content-block.ecom-account-dynamic-content-block .f-25 { font-size: 16px; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .f-25 { font-size: 20px; } } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .f-25 { font-size: 25px; } } @media (max-width: 767px) { nav#sidebar.ecom-account-sidebar.ms-navbar-collapse.collapse.in { top: 137px; } } @media (min-width: 1200px) { nav#sidebar.ecom-account-sidebar { width: 206px; } } .fw-500 { font-weight: 500; } .fw-400 { font-weight: 400; } .fw-300 { font-weight: 300; } .account-footer { position: fixed; bottom: 0px; height: 40px; width: 100%; justify-content: center; align-items: center; } @media (min-width: 768px) { .account-footer { height: 50px; width: calc(100% - 60px); margin-left: 60px; } } @media (min-width: 1200px) { .account-footer { width: calc(100% - 206px); margin-left: 206px; } } @media (max-width: 767px) { .dynamic-content-block.ecom-account-dynamic-content-block input, .dynamic-content-bloc.ecom-account-dynamic-content-blockk input.form-control, .modal-content input, .modal-content input.form-control { padding: 0px 8px; } } .text-style { border-radius: 10px; padding: 4px 25px; } @media (min-width: 768px) { .text-style { border-radius: 15px; } } .panel.pad-10-15 .panel-body { padding: 10px 15px; } .btn-md { padding: 2px 10px; font-size: 12px; } @media (min-width: 992px) { .btn-md { padding: 2px 16px; font-size: inherit; } } .panel.pad-15-15-5-20 .panel-body { padding: 15px 15px 5px 20px; } .pl-20 { padding-left: 20px; } .text-btn { background-color: #EEEEEE; border-radius: 15px; padding: 2px 9px; font-weight: 500; text-decoration: none; cursor: pointer; } .text-btn:hover { text-decoration: none; background: #0093d0; color: #fff; } .justify-center { justify-content: center; } .box-shadow { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } h4, .h4 { font-size: 14px; } @media (min-width: 768px) { h4, .h4 { font-size: 16px; } } @media (min-width: 1200px) { h4, .h4 { font-size: 18px; } } .panel-footer { padding: 15px; background-color: white; } .material-icons { font-size: 17px; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 16px; line-height: 1.3333333; } @media (min-width: 768px) { .btn-lg, .btn-group-lg > .btn { font-size: 18px; } } @media (min-width: 768px) { .my-balances .form-group { margin-bottom: 23px; } } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -webkit-appearance: textfield; } input[type=number]:focus { -webkit-appearance: number-input; } .av-input-xs { width: 6em; min-width: 6em; } @media (min-width: 768px) { .av-input-xs { width: 10em; min-width: 10em; } } @media (min-width: 992px) { .av-input-xs { width: 12em; min-width: 12em; } } @media (min-width: 1200px) { .av-input-xs { width: 13em; min-width: 13em; } } @media (min-width: 1600px) { .av-input-xs { width: 16em; min-width: 16em; } } .av-input-sm { width: 9em; min-width: 9em; } @media (min-width: 768px) { .av-input-sm { width: 11em; min-width: 11em; } } @media (min-width: 992px) { .av-input-sm { width: 14em; min-width: 14em; } } @media (min-width: 1200px) { .av-input-sm { width: 18em; min-width: 18em; } } @media (min-width: 1600px) { .av-input-sm { width: 20em; min-width: 20em; } } @media (min-width: 768px) { .av-qty { width: calc(100% - 50px) !important; width: -webit-calc(100% - 50px) !important; } } @media (min-width: 767px) { .fast-order { margin-bottom: 66px; margin-top: 26px; } } .gt-price { font-size: 18px; } @media (min-width: 768px) { .gt-price { font-size: 20px; } } @media (min-width: 1200px) { .gt-price { font-size: 25px; } } .instructions-section { font-weight: 300; } .instructions-section ul.dashed { list-style-type: none; font-weight: normal; } .instructions-section ul.dashed > li { text-indent: -8px; } .instructions-section ul.dashed > li:before { content: "-"; text-indent: -5px; margin-right: 4px; } @media (min-width: 768px) { .fast-order-table .quantity { width: calc(100% - 50px) !important; width: -webit-calc(100% - 50px) !important; } } .instructions-close-btn .material-icons { font-size: 17px; } @media (min-width: 768px) { .table.fast-order-table > thead > tr > td, .table.fast-order-table > tbody > tr > th, .table.fast-order-table > tbody > tr > td, .table.template-table > tbody > tr > td { padding: 6px 16px; } } @media (min-width: 1200px) { .table.fast-order-table > thead > tr > td, .table.fast-order-table > tbody > tr > th, .table.fast-order-table > tbody > tr > td, .table.template-table > tbody > tr > td { padding: 6px 20px; } } @media (min-width: 1600px) { .table.fast-order-table > thead > tr > td, .table.fast-order-table > tbody > tr > th, .table.fast-order-table > tbody > tr > td, .table.template-table > tbody > tr > td { padding: 10px 20px; } } @media (min-width: 768px) { .table.fast-order-table > thead > tr > th, .table.template-table > thead > tr > th { padding: 0px 16px; } } @media (min-width: 1200px) { .table.fast-order-table > thead > tr > th, .table.template-table > thead > tr > th { padding: 0px 20px; } } @media (max-width: 767px) { .mb-border { padding-left: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-left: 1px solid #f1f1f1; } } .circle-small { width: 20px; height: 20px; line-height: 20px; min-width: 20px; } @media (min-width: 1200px) { .circle-small { width: 25px; height: 25px; line-height: 25px; min-width: 25px; } } .circle-small i { font-size: 16px; } @media (max-width: 767px) { .dynamic-content-block.ecom-account-dynamic-content-block .address-page-title .btn { padding: 3px 14px 2px; font-size: 12px; } } .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .material-icons { font-size: 17px; } .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .panel { margin-top: 20px; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .panel:first-child { margin-top: 0px; } } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .panel { margin-top: 38px; } } .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .panel .d-flex .text-btn { background-color: #EEEEEE; border-radius: 15px; padding: 0px 12px; font-weight: 500; text-decoration: none; cursor: pointer; height: auto; font-size: 14px; } .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .panel .d-flex .text-btn:hover { text-decoration: none; background: #0093d0; color: #fff; } .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .panel .d-flex .ml-30 { margin-left: 15px; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .panel .d-flex .ml-30 { margin-left: 30px; } } @media (max-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses input { padding: 26px 14px; } } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses input { padding: 26px 14px; border-radius: 15px; border: 1px solid #f1f1f1; } } .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .addresses { margin-top: 26px; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .addresses { margin-top: 30px; } } @media (min-width: 1200px) { .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .addresses { margin-right: 142px; } } .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .addresses label { font-size: 12px; margin-left: 10px; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .addresses label { margin-left: 20px; } } .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .sm-circle { width: 12px; display: inline-block; height: 12px; border-radius: 50%; background-color: #0093d0; margin-top: -2px; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .sm-circle { width: 14px; height: 14px; } } @media (min-width: 1200px) { .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .sm-circle { width: 16px; height: 16px; } } .dynamic-content-block.ecom-account-dynamic-content-block .saved-addresses .input-edit { position: absolute; top: 30%; right: 12px; color: #AAAAAA; font-size: 17px; } .tempate-order-list .list-group-item { border-radius: 10px; border: 1px solid #f1f1f1; margin-bottom: 5px; } .ecom-account-dynamic-content-block .template-table .uom select.form-control { box-shadow: none; background-color: #f1f1f1; border-radius: 10px; padding: 0px 22px 0px 10px; width: 90px; background-size: 10px; background-position: 90% center; } .ecom-account-dynamic-content-block .save-template { margin-top: 20px; } @media (min-width: 768px) { .ecom-account-dynamic-content-block .save-template { margin-top: 40px; } } @media (min-width: 1200px) { .ecom-account-dynamic-content-block .save-template { margin-top: 56px; } } .ecom-account-dynamic-content-block .save-template.pad-10-15 .panel-body { height: 56px; } .ecom-account-dynamic-content-block .save-template.pad-10-15 .panel-body button { text-transform: inherit; font-size: 12px; box-shadow: none; font-weight: 500; } @media (min-width: 768px) { .ecom-account-dynamic-content-block .save-template.pad-10-15 .panel-body button { font-size: 14px; } } .ecom-account-dynamic-content-block .save-template.pad-10-15 .panel-body button span { margin: 0px 0px 0px 7px; } @media (min-width: 768px) { .ecom-account-dynamic-content-block .save-template.pad-10-15 .panel-body button span { margin: 2px 0px 0px 7px; } } .ecom-account-dynamic-content-block .save-template.pad-10-15 .panel-body.pl-20 { padding-left: 20px; } .ecom-account-dynamic-content-block form.add-lines-form .panel { margin-bottom: 10px; /*box-shadow: 0px 0px 6px rgba(0,0,0,0.2);*/ width: 100%; } @media (min-width: 768px) { .ecom-account-dynamic-content-block form.add-lines-form .panel { width: 250px; min-width: 250px; margin-bottom: 0px; } } @media (min-width: 992px) { .ecom-account-dynamic-content-block form.add-lines-form .panel { width: 300px; } } @media (min-width: 1200px) { .ecom-account-dynamic-content-block form.add-lines-form .panel { width: 336px; } } @media (min-width: 1600px) { .ecom-account-dynamic-content-block form.add-lines-form .panel { width: 400px; } } @media (max-width: 767px) { .ecom-account-dynamic-content-block form.add-lines-form .panel.pad-10-15 .panel-body { padding: 5px 10px; } } @media (max-width: 767px) { .ecom-account-dynamic-content-block form.add-lines-form .panel.ml-30 { margin-left: 0px; } } @media (max-width: 767px) { .ecom-account-dynamic-content-block form.add-lines-form .btn.ml-20 { margin-left: 0px; } } .ecom-account-dynamic-content-block form.add-lines-form input { border: none; border-radius: unset; font-size: 16px; padding-left: 5px; } @media (min-width: 768px) { .ecom-account-dynamic-content-block form.add-lines-form input { font-size: 20px; } } @media (min-width: 768px) { .table.template-table { margin-top: 15px; margin-bottom: 87px; } } @media (max-width: 767px) { .table.template-table .override input { width: 80px; } } .table.template-table .additional-line-row .item input { width: 100%; } @media (min-width: 768px) { .table.template-table .w-180 { max-width: 152px; } } @media (min-width: 992px) { .table.template-table .w-180 { max-width: 182px; } } @media (min-width: 1200px) { .table.template-table .w-180 { max-width: 300px; } } @media (max-width: 767px) { .mb-w-100 { width: 100px; } } @media (max-width: 767px) { .mb-w-120 { width: 120px; } } @media (max-width: 767px) { .mb-w-70 { width: 70px; } } .add-lines { max-width: 400px; margin-bottom: 56px; } .add-lines input[type="number"] { height: 55px; width: 100% !important; } .add-lines .add-lines-btn { position: absolute; top: 10px; right: 10px; } .template-table input[type=number]::-webkit-inner-spin-button, .template-table input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .template-table input[type=number] { -webkit-appearance: textfield; } .template-table input[type=number]:focus { -webkit-appearance: number-input; } .delete-template-section { display: table; margin-left: auto; } @media (min-width: 768px) { .delete-template-section { position: relative; margin-left: 0; top: -66px; } } .ecom-account-dynamic-content-block .my-wishlist .sort-section { margin-top: 30px; margin-bottom: 45px; } @media (min-width: 768px) { .ecom-account-dynamic-content-block .my-wishlist .sort-section { margin-top: 60px; } } .ecom-account-dynamic-content-block .my-wishlist .sort-section .panel-body { display: flex; align-items: center; flex-grow: 1; position: relative; } .ecom-account-dynamic-content-block .my-wishlist .sort-section .panel-body.pl-20 { padding-left: 20px; } .ecom-account-dynamic-content-block .my-wishlist .sort-section .panel-body .sortby-btn { text-transform: inherit; font-size: 14px; box-shadow: none; font-weight: 500; } .ecom-account-dynamic-content-block .my-wishlist .sort-section .panel-body .sortby-btn i { font-size: 18px; margin-right: 5px; } .ecom-account-dynamic-content-block .my-wishlist [class^='col-'], .ecom-account-dynamic-content-block .my-wishlist [class*='col-'] { float: none; margin: 0 -2px; display: inline-block; } @media (min-width: 1200px) { .ecom-account-dynamic-content-block .my-wishlist .av-wishlist-wrap #results.row { margin-right: -30px; } } @media (min-width: 1600px) { .ecom-account-dynamic-content-block .my-wishlist .av-wishlist-wrap #results.row { margin-right: -15px; } } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item { margin-bottom: 10px; } @media (min-width: 1200px) { .ecom-account-dynamic-content-block .my-wishlist .wishlist-item.col-xs-12 { padding-right: 45px; } } @media (min-width: 1600px) { .ecom-account-dynamic-content-block .my-wishlist .wishlist-item.col-xs-12 { padding-right: 15px; } } @media (min-width: 768px) { .ecom-account-dynamic-content-block .my-wishlist .wishlist-item { margin-bottom: 20px; } } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .btn-md { padding: 2px 8px; font-size: 10px; } @media (min-width: 992px) { .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .btn-md { padding: 2px 16px 1px; font-size: inherit; } } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .item-info { width: 60%; } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .item-info .ml-10 { padding-right: 10px; } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .item-info .product-description { line-height: 1.3; } @media (max-width: 767px) { .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .item-info .product-description { font-size: 10px; } } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .item-info h4 { min-height: 35px; } @media (min-width: 768px) { .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .item-info h4 { min-height: 44px; } } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .price-info { border-left: 1px solid #f1f1f1; width: 40%; position: relative; } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .add-to-cart-form { position: absolute; bottom: 0px; right: 0px; } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .panel { width: 100%; border-radius: 25px; border: 1px solid #f1f1f1; } @media (max-width: 767px) { .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .panel .pl-20 { padding-left: 15px; } } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .panel .panel-footer { padding: 5px 15px; border-top: 1px solid #f1f1f1; border-radius: 0px 0px 25px 25px; } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .wishlist-img { min-width: 54px; height: 54px; } @media (min-width: 768px) { .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .wishlist-img { min-width: 76px; height: 76px; } } .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .wishlist-img img { border-radius: 15px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); min-width: 54px; height: 54px; } @media (min-width: 768px) { .ecom-account-dynamic-content-block .my-wishlist .wishlist-item .wishlist-img img { min-width: 76px; height: 76px; } } .av-favs.wishlist-av-favs { position: unset; font-size: 16px; } .av-favs.wishlist-av-favs a { text-decoration: none; } @media (max-width: 767px) { .av-favs.wishlist-av-favs .add-favourite .fa-stack { width: 24px; height: 24px; line-height: 24px; } } .av-favs.wishlist-av-favs .remove-favourite .fa-stack { border-radius: 50%; background-color: #eee; display: flex; align-items: center; color: #808080; } .av-favs.wishlist-av-favs .remove-favourite .fa-stack:hover { background: #0093d0; color: #fff; } @media (max-width: 767px) { .av-favs.wishlist-av-favs .remove-favourite .fa-stack { width: 24px; height: 24px; line-height: 24px; } } .av-favs.wishlist-av-favs .remove-favourite .fa-stack i { font-size: 16px; } @media (min-width: 767px) { .av-favs.wishlist-av-favs .remove-favourite .fa-stack i { font-size: 17px; } } .my-orders-page .refine-orders { max-width: 400px; margin-bottom: 40px; } @media (min-width: 768px) { .my-orders-page .refine-orders { margin-bottom: 56px; } } .my-orders-page .refine-orders .refine-btn { position: absolute; top: 10px; right: 10px; } .my-orders-page .table > tbody > tr > th { font-size: 12px; padding: 6px 20px 0px; } .my-orders-page .table > tbody > tr > td { padding: 6px 20px 3px; line-height: 1; font-size: 15px; } .my-orders-page label { font-size: 14px; } .bg-circle-white { background-color: white; } .dynamic-content-block.ecom-account-dynamic-content-block .my-orders-page .mb-42 { margin-bottom: 42px; } .dynamic-content-block.ecom-account-dynamic-content-block .my-orders-page .pad-10-15 .panel-body { display: flex; align-items: center; flex-grow: 1; position: relative; } .dynamic-content-block.ecom-account-dynamic-content-block .my-orders-page .pad-10-15 .panel-body.pl-20 { padding-left: 20px; } .dynamic-content-block.ecom-account-dynamic-content-block .my-orders-page .pad-10-15 .panel-body .sortby-btn { text-transform: inherit; font-size: 12px; box-shadow: none; font-weight: 500; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .my-orders-page .pad-10-15 .panel-body .sortby-btn { font-size: 14px; } } @media (max-width: 767px) { .dynamic-content-block.ecom-account-dynamic-content-block .my-orders-page .pad-10-15 .panel-body .sortby-btn { padding: 4px 8px; } } .dynamic-content-block.ecom-account-dynamic-content-block .my-orders-page .pad-10-15 .panel-body .sortby-btn i { font-size: 18px; margin-right: 5px; } .dynamic-content-block.ecom-account-dynamic-content-block .order-details .order-no { margin-left: 20px; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .order-details .order-no { margin-left: 30px; } } @media (min-width: 1200px) { .dynamic-content-block.ecom-account-dynamic-content-block .order-details .order-no { margin-left: 46px; } } .dynamic-content-block.ecom-account-dynamic-content-block .order-details .des-textarea { width: 56%; } @media (min-width: 1200px) { .dynamic-content-block.ecom-account-dynamic-content-block .order-details .des-textarea { width: 65%; } } .dynamic-content-block.ecom-account-dynamic-content-block .order-details .title { margin-bottom: 42px; } @media (min-width: 1200px) { .dynamic-content-block.ecom-account-dynamic-content-block .order-details .title { margin-bottom: 54px; } } .dynamic-content-block.ecom-account-dynamic-content-block .order-details .title a { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); margin-top: -2px; margin-right: 16px; text-decoration: none; cursor: pointer; } .dynamic-content-block.ecom-account-dynamic-content-block .order-details .title a i { font-size: 22px; color: #000; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .order-details .title a i { font-size: 28px; } } .dynamic-content-block.ecom-account-dynamic-content-block .order-details .panel .order-details-section { padding: 10px; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .order-details .panel .order-details-section { padding: 15px 36px 20px; } } @media (max-width: 767px) { .dynamic-content-block.ecom-account-dynamic-content-block .order-details .panel .order-details-section .note-table-section { margin: 30px 0px 35px; } } .dynamic-content-block.ecom-account-dynamic-content-block .order-details .panel .form-group .content { font-size: 16px; line-height: 1.35; } @media (min-width: 768px) { .dynamic-content-block.ecom-account-dynamic-content-block .order-details .panel .form-group .content { font-size: 18px; } } .table.note-table textarea { width: 100%; resize: none; vertical-align: middle; background: #FFFDF7; border: 1px solid #f1f1f1; padding: 0 8px; box-shadow: none; border-radius: 10px; line-height: 1.5; } .table.note-table > tfoot > tr > td { padding: 0px 8px; } @media (min-width: 768px) { .table.note-table > tfoot > tr > td { padding: 0px 16px; } } @media (min-width: 1200px) { .table.note-table > tfoot > tr > td { padding: 0px 20px; } } @media (min-width: 1600px) { .table.note-table > tfoot > tr > td { padding: 0px 20px; } } @media (max-width: 767px) { .table.note-table > tfoot > tr > td { font-size: 12px; } } .table.note-table > tfoot > tr > td:first-child { padding-left: 0px; } .table.note-table > tfoot > tr > td { border-top: none; } .table.order-table .w-120, .table.note-table .w-120 { width: 100px; } @media (min-width: 768px) { .table.order-table .w-120, .table.note-table .w-120 { width: 120px; } } .table.note-table { margin-bottom: 0px; } .table.note-table .grand-total > td { font-size: 16px; } @media (min-width: 768px) { .table.note-table .grand-total > td { font-size: 20px; } } .table.order-table > tbody > tr > td:first-child { padding: 6px 0px 6px 6px; width: 43px; } .table.order-table > thead > tr > th { font-weight: normal; } .table.order-table > thead > tr > th:nth-child(2) { padding-left: 12px; } @media (min-width: 1600px) { .table.order-table > thead > tr > th:nth-child(2) { padding-left: 20px; } } .table.order-table > tbody > tr > td:nth-child(2) { padding-left: 12px; } @media (min-width: 1600px) { .table.order-table > tbody > tr > td:nth-child(2) { padding-left: 20px; } } .table.order-table { padding-top: 15px; border-top: 1px solid #f1f1f1; } @media (min-width: 768px) { .table.order-table { padding-top: 25px; margin-bottom: 46px; } } .table.order-table .shipping-icon .material-icons { font-size: 17px; } @media (min-width: 768px) { .table.order-table .shipping-icon .material-icons { font-size: 22px; } } .table.order-table .w-50 { width: 50px; } @media (min-width: 1600px) { .table.order-table .w-50 { width: 150px; } } .table.order-table .product-img { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); border-radius: 7px; } .table.order-table .empty-row { height: 22px; } .table.order-table > tbody > tr > td { line-height: 1.2; } .mb-textarea textarea { width: 100%; resize: none; vertical-align: middle; background: #FFFDF7; border: 1px solid #f1f1f1; padding: 0 8px; box-shadow: none; border-radius: 10px; } .my-orders-row { display: flex; flex-wrap: wrap; background: #ffffff; border: 1px solid #f1f1f1; border-radius: 15px; margin-bottom: 5px; padding: 10px; } .my-orders-row .my-orders-column { min-width: 66px; width: calc(100% / 4); } @media (min-width: 576px) { .my-orders-row .my-orders-column { min-width: 80px; width: calc(100% / 7); } } @media (min-width: 992px) { .my-orders-row .my-orders-column { width: calc(100% / 9); } } .my-orders-row .yellow { color: #FFB53E; font-weight: 500; } .my-orders-row .red { color: #BA255C; font-weight: 500; } .my-orders-row .green { color: #5CBF8E; font-weight: 500; } .account-switch .header-section h4 { font-size: 18px; } .account-switch .header-section p { font-size: 15px; } @media (max-width: 767px) { .account-switch .change-account-form .d-flex { display: block; } } .account-switch .change-account-form .change-account-btn { margin-top: 20px; } @media (min-width: 768px) { .account-switch .change-account-form .change-account-btn { margin-top: 0px; margin-left: 30px; } } @media (min-width: 768px) { .account-switch .acoounts-list.row { margin-right: -32px; } } @media (min-width: 1200px) { .account-switch .acoounts-list.row { margin-right: -76px; } } @media (min-width: 1600px) { .account-switch .acoounts-list.row { margin-right: -93px; } } @media (min-width: 768px) { .account-switch .acoounts-list.row .col-sm-12 { padding-right: 32px; } } @media (min-width: 1200px) { .account-switch .acoounts-list.row .col-sm-12 { padding-right: 76px; } } @media (min-width: 1600px) { .account-switch .acoounts-list.row .col-sm-12 { padding-right: 108px; } } .account-switch .acoounts-list .panel { border: 1px solid #f1f1f1; } .account-switch .acoounts-list .panel .panel-body { padding: 14px 12px 12px 18px; } .account-switch .acoounts-list .panel .selected-btn { background-color: #A2003C; cursor: no-drop; } .account-switch .acoounts-list .panel .select-btn { height: 30px; padding: 2px 14px; } .contact-us h1 { font-size: 30px; padding-top: 100px; color: #ffffff; } @media (min-width: 768px) { .contact-us h1 { font-size: 45px; padding-top: 140px; } } @media (min-width: 1200px) { .contact-us h1 { font-size: 65px; padding-top: 120px; } } .contact-us .company-details address { margin-bottom: 52px; } @media (min-width: 768px) { .contact-us .company-details address { margin-bottom: 104px; } } @media (min-width: 1200px) { .contact-us .company-details address .light-gray-circle { width: 34px; height: 34px; line-height: 34px; min-width: 34px; } } .contact-us .company-details address .material-icons { font-size: 17px; } @media (min-width: 768px) { .contact-us .company-details address .material-icons { font-size: 19px; } } @media (min-width: 1200px) { .contact-us .company-details address .material-icons { font-size: 22px; } } @media (max-width: 767px) { .contact-us .company-details address .d-flex.address { display: block; } } @media (min-width: 768px) { .contact-us .company-details address .company-address-section { width: 36%; } } @media (min-width: 992px) { .contact-us .company-details address .company-address-section { width: 42%; } } @media (min-width: 1200px) { .contact-us .company-details address .company-address-section { width: 32%; } } .contact-us .company-details address .company-address-section .company-address { font-size: 16px; } @media (min-width: 768px) { .contact-us .company-details address .company-address-section .company-address { font-size: 18px; } } @media (min-width: 1200px) { .contact-us .company-details address .company-address-section .company-address { font-size: 20px; } } .contact-us .company-details address .company-contact-info, .contact-us .company-details address .company-site { font-size: 16px; font-weight: 500; } @media (min-width: 768px) { .contact-us .company-details address .company-contact-info, .contact-us .company-details address .company-site { font-size: 16px; } } @media (min-width: 1200px) { .contact-us .company-details address .company-contact-info, .contact-us .company-details address .company-site { font-size: 18px; } } .contact-us .company-details address .company-contact-info { margin-top: 50px; } @media (min-width: 768px) { .contact-us .company-details address .company-contact-info { width: 38%; margin-top: 0px; display: flex; align-items: center; justify-content: flex-end; border-left: 1px solid #f1f1f1; } } @media (min-width: 992px) { .contact-us .company-details address .company-contact-info { width: 32%; } } @media (min-width: 1200px) { .contact-us .company-details address .company-contact-info { width: 28%; } } .contact-us .company-details address .company-contact-info .mt-30 { margin-top: 20px; } @media (min-width: 768px) { .contact-us .company-details address .company-contact-info .mt-30 { margin-top: 20px; } } .contact-us .company-details address .company-site { margin-top: 20px; } @media (min-width: 768px) { .contact-us .company-details address .company-site { width: 26%; display: flex; justify-content: flex-end; margin-top: 41px; } } @media (min-width: 992px) { .contact-us .company-details address .company-site { margin-top: 27px; } } .contact-us h2 { font-size: 35px; } @media (min-width: 768px) { .contact-us h2 { font-size: 42px; } } @media (min-width: 1200px) { .contact-us h2 { font-size: 50px; } } .contact-us .company-title { padding-top: 670px; padding-bottom: 50px; } @media (min-width: 768px) { .contact-us .company-title { padding-top: 306px; padding-bottom: 104px; } } @media (min-width: 1200px) { .contact-us .company-title { padding-top: 200px; padding-bottom: 130px; } } .contact-us h4 { font-size: 20px; } @media (min-width: 768px) { .contact-us h4 { font-size: 25px; } } .contact-us .hero-section { height: 350px; background-repeat: no-repeat; background-size: cover; background-position: 43%; } @media (min-width: 768px) { .contact-us .hero-section { height: 350px; } } @media (max-width: 767px) { .contact-us .hero-section .contact-section.d-flex { display: block; } } .contact_form { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); width: 100%; border-radius: 15px; background-color: white; margin-top: 90px; } @media (min-width: 768px) { .contact_form { width: 546px; margin-top: 58px; } } .contact_form .recaptcha { float: right; margin-top: 20px; margin-bottom: 13px; } @media (min-width: 768px) { .contact_form .recaptcha { margin-top: 40px; margin-bottom: 33px; } } .contact_form form { padding: 36px 25px 15px; } .contact_form form .mt-35 { margin-top: 22px; } @media (min-width: 768px) { .contact_form form .mt-35 { margin-top: 35px; } } .contact_form form .phn-number input { padding: 26px 16px 26px 46px !important; } .contact_form form .phn-number .light-gray-circle { position: absolute; top: 14px; left: 12px; color: #808080; } @media (min-width: 768px) { .contact_form form .phn-number .light-gray-circle { top: 12px; } } .contact_form form h4 { font-size: 18px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; } @media (min-width: 768px) { .contact_form form h4 { font-size: 25px; } } .contact_form form button { width: 100%; font-size: 18px; } .contact_form form input { padding: 26px 16px !important; border-radius: 15px !important; border: 1px solid #f1f1f1 !important; box-shadow: none !important; } .contact_form form label { font-size: 12px; margin-left: 16px; } .contact_form form textarea { width: 100%; resize: none; vertical-align: middle; border: 1px solid #f1f1f1; padding: 16px; box-shadow: none; border-radius: 15px; line-height: 1.63; } .justify-between { justify-content: space-between; } @media (max-width: 992px) { .cart-summary .row { display: flex; flex-direction: column; } } @media (max-width: 767px) { .cart-summary .row { margin-left: -15px; margin-right: -15px; } } @media (max-width: 767px) { .cart-summary .row .xs-o-1 { order: 1; } } @media (max-width: 767px) { .cart-summary .row .xs-o-2 { order: 2; } } @media (max-width: 767px) { .cart-summary .row .xs-o-3 { order: 3; } } @media (max-width: 767px) { .cart-summary .row [class^='col-'] { padding-left: 15px; padding-right: 15px; } } @media (max-width: 767px) { .cart-summary .payment-section { background: #F8F8F9; } } @media (min-width: 768px) { .cart-summary .payment-section { margin-top: 35px; } } @media (min-width: 992px) { .cart-summary .payment-section { margin-top: 0px; } } .cart-summary .page-title .title { color: #5CBF8E; font-weight: normal; font-size: 25px; } @media (min-width: 1200px) { .cart-summary .page-title .title { font-size: 35px; } } .cart-summary .page-title .title .material-icons { font-size: 36px; } @media (min-width: 768px) { .cart-summary .page-title .title .material-icons { font-size: 46px; } } @media (min-width: 992px) { .cart-summary .products-list-section { float: right; } } @media (max-width: 767px) { .cart-summary .order-confirmation { margin-bottom: 35px; } } @media (min-width: 1200px) { .cart-summary .order-confirmation { margin-right: 90px; } } .cart-summary .order-confirmation .h4, .cart-summary .order-confirmation h4 { font-size: 20px; } .cart-summary .order-confirmation .card-image { width: 34px; height: 22px; } .cart-summary .order-confirmation .btn-txt { text-transform: initial; margin-top: 5px; margin-left: auto; margin-right: auto; } .cart-summary .order-confirmation .btn-gray { background-color: #F4F4F4; box-shadow: none; } .cart-summary .order-confirmation .btn-gray:hover, .cart-summary .order-confirmation .btn-gray:focus { background-color: #EEEEEE; border-color: transparent !important; } .cart-summary .order-confirmation .btns-section { margin-top: 35px; } .cart-summary .order-confirmation .btns-section .btn { font-size: 18px; padding: 10px 13px; line-height: 1; } .cart-summary .order-confirmation .btns-section .view-order { padding: 19px 13px 8px; } @media (max-width: 767px) { .cart-summary .order-confirmation .btns-section { display: block; } } @media (min-width: 768px) { .cart-summary .order-confirmation .btns-section { margin-top: 64px; } } .cart-summary .order-confirmation .btns-section .btn-gray { width: 100%; } @media (min-width: 768px) { .cart-summary .order-confirmation .btns-section .btn-gray { width: 40%; } } @media (min-width: 1200px) { .cart-summary .order-confirmation .btns-section .btn-gray { width: 34%; } } .cart-summary .order-confirmation .btns-section .btn-primary { width: 100%; } @media (max-width: 767px) { .cart-summary .order-confirmation .btns-section .btn-primary { margin-top: 35px; } } @media (min-width: 768px) { .cart-summary .order-confirmation .btns-section .btn-primary { width: 40%; } } @media (min-width: 1200px) { .cart-summary .order-confirmation .btns-section .btn-primary { width: 52%; } } .cart-summary .order-confirmation .text-center { margin-bottom: 30px; } .cart-summary .order-confirmation .title { color: #5CBF8E; font-weight: normal; font-size: 20px; } @media (min-width: 768px) { .cart-summary .order-confirmation .title { font-size: 25px; } } @media (min-width: 1200px) { .cart-summary .order-confirmation .title { font-size: 35px; } } .cart-summary .order-confirmation .title .material-icons { font-size: 22px; } @media (min-width: 768px) { .cart-summary .order-confirmation .title .material-icons { font-size: 46px; } } .cart-summary .order-confirmation .panel { box-shadow: none; border: 1px solid #f1f1f1; margin-bottom: 8px; } .cart-summary .order-confirmation .panel h5 { font-size: 14px; } @media (min-width: 767px) { .cart-summary .order-confirmation .panel h5 { font-size: 15px; } } .cart-summary .order-confirmation .panel .border-bottom { border-bottom: 1px solid #eee; padding-bottom: 16px; } .clear-both { clear: both; } @media (max-width: 767px) { .p-xs-0 { padding: 0px; } } select.select-custom { outline: none; box-shadow: none; padding: 0 14px; border-radius: 10px; border: 1px solid #f1f1f1; background-position: 84% 50%; } .about-us h1, .about-us .h1 { font-size: 45px; } @media (min-width: 768px) { .about-us h1, .about-us .h1 { font-size: 52px; } } @media (min-width: 992px) { .about-us h1, .about-us .h1 { font-size: 60px; } } @media (min-width: 1200px) { .about-us h1, .about-us .h1 { font-size: 75px; } } .about-us h2, .about-us .h2 { font-size: 30px; font-weight: 300; } @media (min-width: 768px) { .about-us h2, .about-us .h2 { font-size: 35px; } } @media (min-width: 992px) { .about-us h2, .about-us .h2 { font-size: 40px; } } @media (min-width: 1200px) { .about-us h2, .about-us .h2 { font-size: 50px; } } .about-us p { font-size: 16px; line-height: 1.3; font-weight: 300; } @media (min-width: 768px) { .about-us p { font-size: 17px; } } @media (min-width: 992px) { .about-us p { font-size: 18px; } } @media (min-width: 1200px) { .about-us p { font-size: 20px; } } .about-us .hero-section { height: 518px; background-repeat: no-repeat; background-size: cover; background-position: 42%; color: #fff; } @media (min-width: 768px) { .about-us .hero-section { height: 551px; } } @media (min-width: 1200px) { .about-us .hero-section { background-position: unset; } } .about-us .hero-section .hero-content { margin-top: 144px; margin-left: 15px; margin-right: 20px; } @media (min-width: 768px) { .about-us .hero-section .hero-content { margin-top: 128px; width: 487px; margin-left: 30px; } } @media (min-width: 992px) { .about-us .hero-section .hero-content { margin-left: 42px; } } .about-us .hero-section .hero-content h1 { color: #fff; } .about-us .hero-section .hero-content p { font-size: 15px; font-weight: 300; line-height: 1.5; } @media (min-width: 768px) { .about-us .hero-section .hero-content p { font-size: 18px; } } .about-us .section-1 { background-color: #F4F4F4; height: 560px; margin-bottom: 330px; } @media (min-width: 768px) { .about-us .section-1 { height: 540px; margin-top: 69px; margin-bottom: 300px; } } @media (min-width: 992px) { .about-us .section-1 { height: 592px; margin-bottom: 200px; } } @media (min-width: 1200px) { .about-us .section-1 { height: 690px; } } @media (max-width: 991px) { .about-us .section-1 .d-flex { display: block; } } .about-us .section-1 .section-1-content { margin-top: 90px; } @media (min-width: 768px) { .about-us .section-1 .section-1-content { margin-top: 50px; } } @media (min-width: 992px) { .about-us .section-1 .section-1-content { width: 372px; margin-top: 74px; } } @media (min-width: 1200px) { .about-us .section-1 .section-1-content { width: 473px; margin-top: 90px; } } @media (min-width: 1600px) { .about-us .section-1 .section-1-content { width: 600px; } } .about-us .section-1 .section-1-content .para-1 { margin-top: 18px; } @media (min-width: 768px) { .about-us .section-1 .section-1-content .para-1 { margin-top: 18px; } } @media (min-width: 1200px) { .about-us .section-1 .section-1-content .para-1 { margin-top: 40px; } } .about-us .section-1 .section-1-content .para-2 { margin-top: 28px; } .about-us .section-1 .sec-1-img { margin-top: 40px; } @media (min-width: 768px) { .about-us .section-1 .sec-1-img { margin-top: 40px; } } @media (min-width: 992px) { .about-us .section-1 .sec-1-img { margin-top: 198px; } } @media (min-width: 1200px) { .about-us .section-1 .sec-1-img { margin-top: 198px; } } .about-us .section-1 .sec-1-img img { border-radius: 16px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); width: 340px; height: 340px; margin: 0 auto; } @media (min-width: 768px) { .about-us .section-1 .sec-1-img img { width: 440px; height: 440px; } } @media (min-width: 992px) { .about-us .section-1 .sec-1-img img { width: 500px; height: 500px; margin: 0px; } } @media (min-width: 1200px) { .about-us .section-1 .sec-1-img img { width: 605px; height: 605px; } } .about-us .section-2 { margin-bottom: 50px; } @media (min-width: 768px) { .about-us .section-2 { margin-bottom: 100px; } } @media (min-width: 992px) { .about-us .section-2 { margin-bottom: 180px; } } .about-us .section-2 .grid-container1, .about-us .section-2 .grid-container2 { display: grid; grid-gap: 20px; height: 163px; } @media (min-width: 768px) { .about-us .section-2 .grid-container1, .about-us .section-2 .grid-container2 { height: 280px; } } @media (min-width: 992px) { .about-us .section-2 .grid-container1, .about-us .section-2 .grid-container2 { height: 360px; } } @media (min-width: 1200px) { .about-us .section-2 .grid-container1, .about-us .section-2 .grid-container2 { height: 457px; } } @media (min-width: 1600px) { .about-us .section-2 .grid-container1, .about-us .section-2 .grid-container2 { height: 360px; } } .about-us .section-2 .grid-container1 { margin-top: 30px; } @media (min-width: 768px) { .about-us .section-2 .grid-container1 { margin-top: 56px; } } @media (min-width: 1200px) { .about-us .section-2 .grid-container1 { margin-top: 66px; } } .about-us .section-2 .grid-container1 .item1 { grid-row-start: 1; grid-row-end: 5; grid-column-start: 1; grid-column-end: 3; } .about-us .section-2 .grid-container1 .item2 { grid-row-start: 2; grid-row-end: 5; grid-column-start: 4; grid-column-end: 5; } @media (min-width: 768px) { .about-us .section-2 .grid-container1 .item2 { grid-row-start: 2; grid-row-end: 5; grid-column-start: 3; grid-column-end: 4; } } .about-us .section-2 .grid-container1 .item3 { grid-row-start: 3; grid-row-end: 5; grid-column-start: 4; grid-column-end: 6; } .about-us .section-2 .grid-container1 .item4 { grid-row-start: 1; grid-row-end: 3; grid-column-start: 5; } .about-us .section-2 .grid-container1 .item9 { grid-row-start: 1; grid-row-end: 5; grid-column-start: 6; grid-column-end: 8; } .about-us .section-2 .grid-container2 { margin-top: 20px; } .about-us .section-2 .grid-container2 .item5 { grid-row-start: 1; grid-row-end: 3; grid-column-start: 1; grid-column-end: 3; } .about-us .section-2 .grid-container2 .item6 { grid-row-start: 3; grid-row-end: 5; grid-column-start: 1; grid-column-end: 2; } .about-us .section-2 .grid-container2 .item7 { grid-row-start: 1; grid-row-end: 5; grid-column-start: 3; grid-column-end: 5; } .about-us .section-2 .grid-container2 .item8 { grid-row-start: 2; grid-row-end: 5; grid-column-start: 5; } .about-us .section-2 .grid-container2 .item10 { grid-row-start: 1; grid-row-end: 3; grid-column-start: 6; grid-column-end: 7; } .about-us .section-2 .grid-container2 .item11 { grid-row-start: 3; grid-row-end: 5; grid-column-start: 6; grid-column-end: 8; } .about-us .section-2 .grid-container1 > div, .about-us .section-2 .grid-container2 > div { background-repeat: no-repeat; background-size: cover; background-position: 60%; border-radius: 10px; } @media (min-width: 768px) { .about-us .section-2 .grid-container1 > div, .about-us .section-2 .grid-container2 > div { border-radius: 20px; } } @media (max-width: 1599px) { .about-us .section-2 .grid-container .item9, .about-us .section-2 .grid-container .item10, .about-us .section-2 .grid-container .item11 { display: none; } } .about-us .section-3 { height: 742px; background-repeat: no-repeat; background-size: cover; background-position: 30%; margin-bottom: 620px; } .about-us .section-3 h2 { color: #fff; } @media (min-width: 768px) { .about-us .section-3 { margin-bottom: 700px; } } @media (min-width: 992px) { .about-us .section-3 { margin-bottom: 360px; } } @media (max-width: 991px) { .about-us .section-3 .d-flex { display: block; } } .about-us .section-3 .section-3-left-content { color: #fff; } @media (min-width: 992px) { .about-us .section-3 .section-3-left-content { width: 275px; } } @media (min-width: 1200px) { .about-us .section-3 .section-3-left-content { width: 492px; } } @media (min-width: 768px) { .about-us .section-3 .section-3-left-content .key-stages { display: flex; justify-content: space-evenly; margin-top: 70px; } } @media (min-width: 992px) { .about-us .section-3 .section-3-left-content .key-stages { justify-content: space-between; margin-top: 104px; } } @media (min-width: 768px) { .about-us .section-3 .section-3-left-content .key-stages .key-stage-component h4 { font-size: 14px; } } @media (min-width: 1200px) { .about-us .section-3 .section-3-left-content .key-stages .key-stage-component h4 { font-size: 18px; } } @media (min-width: 768px) { .about-us .section-3 .section-3-left-content .key-stages .key-stage-component .image-block { max-width: 66px; } } @media (min-width: 1200px) { .about-us .section-3 .section-3-left-content .key-stages .key-stage-component .image-block { max-width: 94px; } } .about-us .section-3 .section-3-left-content h2 { margin-top: 130px; } @media (min-width: 768px) { .about-us .section-3 .section-3-left-content h2 { margin-top: 32px; margin-bottom: 32px; } } @media (min-width: 992px) { .about-us .section-3 .section-3-left-content h2 { margin-top: 64px; margin-bottom: 64px; } } .about-us .section-3 .section-3-form .contact_form { margin-top: 70px; width: auto; } @media (min-width: 992px) { .about-us .section-3 .section-3-form .contact_form { width: 612px; margin-top: 170px; } } .about-us .section-4 { margin-bottom: 50px; } @media (min-width: 768px) { .about-us .section-4 { margin-bottom: 100px; } } .about-us .section-4 .material-icons { transform: rotate(180deg); height: 30px; font-size: 30px; } @media (min-width: 768px) { .about-us .section-4 .material-icons { font-size: 40px; height: 40px; } } .about-us .section-4 span { position: relative; top: 6px; font-size: 20px; } @media (min-width: 768px) { .about-us .section-4 span { width: 402px; font-size: 30px; line-height: 40px; top: 15px; } } @media (min-width: 1200px) { .about-us .section-4 span { width: 458px; } } .brand-label { padding: 6.5px 17px; color: #0093d0; background: white; text-transform: uppercase; border-radius: 6px; font-weight: 500; font-size: 13px; } .product-carousel .av-product-imgs .av-img-placeholder { margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .product-carousel .av-product-imgs .col-xs-2 { padding: 0px; } } .product-carousel .av-product-main-img-wrap { float: right; margin-top: 20px; margin-bottom: 20px; } @media (min-width: 768px) { .product-carousel .av-product-main-img-wrap { margin-top: 42px; margin-bottom: 42px; } } .product-carousel .bx-wrapper .bx-prev, .product-carousel .bx-wrapper .bx-next { position: absolute; left: 27%; border-radius: 50%; text-align: center; width: 24px; height: 24px; line-height: 24px; text-decoration: none !important; } @media (min-width: 768px) { .product-carousel .bx-wrapper .bx-prev, .product-carousel .bx-wrapper .bx-next { left: 37%; width: 30px; height: 30px; line-height: 30px; } } @media (min-width: 992px) { .product-carousel .bx-wrapper .bx-prev, .product-carousel .bx-wrapper .bx-next { left: 31%; } } .product-carousel .bx-wrapper .bx-prev:hover, .product-carousel .bx-wrapper .bx-prev:focus, .product-carousel .bx-wrapper .bx-next:hover, .product-carousel .bx-wrapper .bx-next:focus { background-color: #0093d0; color: #fff; } .product-carousel .bx-wrapper .bx-prev { top: -32px; } @media (min-width: 768px) { .product-carousel .bx-wrapper .bx-prev { top: -37px; } } .product-carousel .bx-wrapper .bx-next { bottom: -32px; top: auto; } @media (min-width: 768px) { .product-carousel .bx-wrapper .bx-next { bottom: -37px; } } .product-carousel .bx-wrapper .bx-prev::before { content: 'chevron_left'; font-family: "Material Icons"; transform: rotate(90deg); position: absolute; bottom: 22px; left: 59%; font-size: 20px; } @media (min-width: 768px) { .product-carousel .bx-wrapper .bx-prev::before { font-size: 24px; } } .product-carousel .bx-wrapper .bx-next::before { content: 'chevron_left'; font-family: "Material Icons"; transform: rotate(270deg); position: absolute; bottom: 15px; left: -40%; font-size: 20px; } @media (min-width: 768px) { .product-carousel .bx-wrapper .bx-next::before { font-size: 24px; } } .product-carousel .av-product-info .av-product-left #multiple-images .bx-wrapper { margin-top: 20px; } @media (min-width: 768px) { .product-carousel .av-product-info .av-product-left #multiple-images .bx-wrapper { margin-top: 67px; } } .product-carousel .av-product-carousel li .av-img-placeholder .av-img-placeholder-wrap { margin: 0 auto; } @media (min-width: 1200px) { .carousel-size-1 .bx-clone, .carousel-size-2 .bx-clone, .carousel-size-3 .bx-clone { visibility: hidden; } .carousel-size-1 .bx-wrapper, .carousel-size-2 .bx-wrapper, .carousel-size-3 .bx-wrapper { margin: 0px auto; } .product-carousel#image-box .bx-wrapper .bx-prev, .product-carousel#image-box .bx-wrapper .bx-next { width: 30px; position: absolute; left: 24px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; } .product-carousel#image-box .bx-wrapper .bx-prev { top: -37px; } .product-carousel#image-box .bx-wrapper .bx-next { bottom: -37px; top: auto; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-color: #ddd; } .product-carousel#image-box .bx-wrapper .bx-prev::before { content: 'chevron_left'; font-family: "Material Icons"; transform: rotate(90deg); position: absolute; font-size: 24px; } .product-carousel#image-box .bx-wrapper .bx-next::before { content: 'chevron_left'; font-family: "Material Icons"; transform: rotate(270deg); position: absolute; font-size: 24px; } } @media (min-width: 1600px) { .product-carousel#image-box .bx-wrapper .bx-prev, .product-carousel#image-box .bx-wrapper .bx-next { left: 39%; } } @media (min-width: 768px) { .write-review-modal .modal-dialog { width: 465px; } } .write-review-modal .modal-dialog .modal-content .av-modal-close { margin-right: 20px; } @media (min-width: 768px) { .view-all-reviews-modal .modal-dialog { width: 646px; } } .view-all-reviews-modal .modal-dialog .modal-content .av-modal-close { margin-right: 20px; } .customer-review-modal { color: #808080; padding: 0px 15px 15px; margin-top: -15px; } @media (min-width: 768px) { .customer-review-modal { padding: 0px 25px 27px 39px; } } .customer-review-modal .product-title { color: #808080; margin-bottom: 20px; } @media (min-width: 768px) { .customer-review-modal .product-title { margin-bottom: 40px; } } @media (min-width: 768px) { .customer-review-modal .av-product-review-rating-input input[type="radio"] { margin-right: 12px; } } .customer-review-modal .av-product-review-rating-input input[type="radio"]:checked:after { color: #0093d0; } .customer-review-modal .av-product-review-rating-input input[type="radio"]:after { color: #EEEEEE; } @media (min-width: 768px) { .customer-review-modal .av-product-review-rating-input input[type="radio"]:after { font-size: 42px; } } .customer-review-modal .light-gray-circle.medium-circle { width: 50px; min-width: 50px; height: 50px; line-height: 50px; position: relative; overflow: initial; } .customer-review-modal .light-gray-circle.medium-circle:after { content: 'done'; position: absolute; font-family: "Material Icons"; bottom: 0; right: 0px; line-height: 14px; z-index: 10; background: #5CBF8E; color: #fff; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #fff; font-size: 10px; } .customer-review-modal .review-section { color: #404040; margin-bottom: 20px; } @media (min-width: 768px) { .customer-review-modal .review-section { margin-bottom: 34px; } } .customer-review-modal .description-section { margin-bottom: 20px; } @media (min-width: 768px) { .customer-review-modal .description-section { margin-bottom: 31px; } } .customer-review-modal .description-section input { background: #fff; } .customer-review-modal .description-section textarea { box-shadow: none; background: #fff; padding: 4px 11px; } .customer-review-modal .btn-section .btn { padding: 2px 20px; height: 29px; } .ml-25 { margin-left: 25px; } @media (min-width: 768px) { .add-cart h4 { font-size: 17px; } } @media (min-width: 1200px) { .add-cart h4 { font-size: 18px; } } .add-cart .cart-panel { padding: 6px 10px; border-radius: 12px; border: 1px solid #f1f1f1; } @media (min-width: 768px) { .add-cart .cart-panel { padding: 10px 15px; } } .add-cart .product-details { width: 70%; } @media (min-width: 768px) { .add-cart .product-details { width: 80%; } } .add-cart .product-details .product-info { display: flex; flex-direction: column; justify-content: space-between; } .add-cart .product-details .pop-code { font-size: inherit; } .add-cart .product-details .cart-img img { box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); border-radius: 5px; height: 40px; width: 40px; margin-right: 12px; } @media (min-width: 768px) { .add-cart .product-details .cart-img img { border-radius: 15px; height: 65px; width: 65px; } } .add-cart .price-info { width: 30%; display: flex; flex-direction: column; justify-content: space-between; } .add-cart .modal-body { padding: 15px; } @media (min-width: 768px) { .add-cart .modal-body { padding: 30px 20px 30px 30px; } } .add-cart .modal-footer { padding: 5px 15px 15px; } @media (min-width: 768px) { .add-cart .modal-footer { padding: 0px 20px 30px 30px; } } .add-cart .modal-footer .checkout { border-radius: 20px; } .modal-backdrop.selected { z-index: 1038; } .product-quick-view-modal { overflow-y: auto !important; } .product-quick-view-modal.selected { z-index: 1039; } @media (min-width: 992px) { .product-quick-view-modal .modal-dialog { width: 900px; } } .product-quick-view-modal .modal-dialog .modal-content { border: none; } @media (min-width: 992px) { .product-quick-view-modal .modal-dialog .av-product-info { border: none; align-items: normal; } } .product-quick-view-modal .modal-dialog .av-product-info #product-images { margin-top: 30px; } @media (min-width: 1200px) { .product-quick-view-modal .modal-dialog { width: 1015px; } } @media (min-width: 992px) { .product-quick-view-modal .modal-dialog .product-carousel .av-product-main-img-wrap { margin-top: 0px; margin-bottom: 0px; } } @media (min-width: 992px) { .product-quick-view-modal .modal-dialog .cart-info { padding: 28px 50px 28px 38px; background-color: #FAFAFB; } } @media (min-width: 1200px) { .product-quick-view-modal .modal-dialog .cart-info { padding: 28px 30px 28px 38px; } } .product-quick-view-modal .modal-dialog .add-to-cart-btn { width: 100%; } @media (min-width: 768px) { .product-quick-view-modal .modal-dialog .add-to-cart-btn { width: auto; } } @media (min-width: 992px) { .product-quick-view-modal .modal-dialog .add-to-cart-btn { padding: 34px 12px 30px 18px; border-radius: 0px; border-bottom-right-radius: 15px; } } .product-quick-view-modal .modal-dialog .product-items-increase .av-qty { border: none; padding: 0px; text-align: center; margin: 0px 5px 0px; min-width: 18px; font-size: 21px; } @media (min-width: 992px) { .product-quick-view-modal .modal-dialog #multiple-images { padding-top: 46px; } } @media (min-width: 992px) { .product-quick-view-modal .modal-dialog #SCS { padding: 0px 20px; } } .product-quick-view-modal .modal-dialog .add-to-cart-section { padding: 20px; background-color: #FAFAFB; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } @media (min-width: 768px) { .product-quick-view-modal .modal-dialog .add-to-cart-section { padding: 30px; } } @media (min-width: 992px) { .product-quick-view-modal .modal-dialog .add-to-cart-section { padding: 0px; } } @media (min-width: 992px) { .product-quick-view-modal .modal-dialog .av-modal-close { position: absolute; right: 10px; z-index: 11; margin-top: 15px; } } .product-quick-view-modal .modal-dialog .av-product-details { padding: 30px 20px 10px 20px; } @media (min-width: 768px) { .product-quick-view-modal .modal-dialog .av-product-details { padding: 30px 30px 10px 30px; } } @media (min-width: 992px) { .product-quick-view-modal .modal-dialog .av-product-details { padding: 46px 37px 20px 38px; } } .product-quick-view-modal .modal-dialog .av-product-info { margin-bottom: 0px; } @media (min-width: 768px) { .product-quick-view-modal .modal-dialog .av-product-info #info-box .section-title { font-size: 40px; line-height: 1.1; } } .product-quick-view-modal .modal-dialog .av-product-price .light-gray-circle { width: 42px; height: 42px; line-height: 42px; min-width: 42px; font-size: 18px; } .product-quick-view-modal .modal-dialog .av-product-price .item-price .price { font-size: 35px; color: #404040; } .product-quick-view-modal .modal-dialog #cat_topright table > tbody > tr > td { width: 33.33%; } .product-quick-view-modal .modal-dialog #cat_topright table > tbody > tr > td > a > img { width: 100px !important; height: 100px !important; } .avenue-faq h2 { font-size: 20px; } @media (min-width: 768px) { .avenue-faq h2 { font-size: 25px; } } @media (min-width: 1200px) { .avenue-faq h2 { font-size: 30px; } } @media (min-width: 1600px) { .avenue-faq h2 { font-size: 35px; } } .avenue-faq h5 { font-size: 14px; } @media (min-width: 768px) { .avenue-faq h5 { font-size: 16px; } } @media (min-width: 1200px) { .avenue-faq h5 { font-size: 18px; } } @media (min-width: 1600px) { .avenue-faq h5 { font-size: 20px; } } .avenue-faq .hero-section { height: 361px; background-repeat: no-repeat; background-size: cover; background-position: 60%; margin-bottom: 30px; } @media (min-width: 768px) { .avenue-faq .hero-section { height: 337px; background-position: 82%; margin-bottom: 50px; } } @media (min-width: 1200px) { .avenue-faq .hero-section { background-position: unset; margin-bottom: 60px; } } .avenue-faq .hero-section .hero-content { margin-top: 110px; width: 100%; } @media (min-width: 768px) { .avenue-faq .hero-section .hero-content { width: 522px; margin-top: 49px; } } @media (min-width: 1600px) { .avenue-faq .hero-section .hero-content { width: 532px; } } .avenue-faq .hero-section .hero-content h1 { font-weight: 400; color: #fff; font-size: 36px; margin-bottom: 40px; width: 240px; } @media (min-width: 768px) { .avenue-faq .hero-section .hero-content h1 { font-size: 50px; margin-bottom: 47px; width: auto; } } @media (min-width: 1200px) { .avenue-faq .hero-section .hero-content h1 { font-size: 60px; } } @media (min-width: 1600px) { .avenue-faq .hero-section .hero-content h1 { font-size: 65px; margin-bottom: 30px; } } .avenue-faq .hero-section .hero-content .search-help { width: 87%; background: #fff; padding: 7px 10px 7px 16px; border-radius: 10px; } @media (min-width: 768px) { .avenue-faq .hero-section .hero-content .search-help { width: 400px; padding: 13px 13px 13px 27px; } } @media (max-width: 767px) { .avenue-faq .hero-section .hero-content .search-help .btn { padding: 4px 10px; font-size: 10px; } } .avenue-faq .hero-section .hero-content .search-help input { border: none; box-shadow: none; font-size: 14px; margin-right: 5px; } @media (min-width: 768px) { .avenue-faq .hero-section .hero-content .search-help input { font-size: 18px; } } @media (min-width: 1200px) { .avenue-faq .hero-section .hero-content .search-help input { font-size: 20px; } } .avenue-faq .featured-topics-title { margin-bottom: 30px; } @media (min-width: 768px) { .avenue-faq .featured-topics-title { margin-bottom: 60px; } } .avenue-faq .featured-topics-component { margin-bottom: 60px; } @media (min-width: 768px) { .avenue-faq .featured-topics-component { margin-bottom: 80px; } } @media (min-width: 1200px) { .avenue-faq .featured-topics-component { margin-bottom: 120px; } } .avenue-faq .featured-topics-component .image-block { margin-bottom: 30px; } .avenue-faq .common-questions-section { margin-bottom: 100px; } @media (min-width: 768px) { .avenue-faq .common-questions-section { margin-bottom: 162px; } } .avenue-faq .common-questions-section .title { margin-bottom: 22px; } @media (min-width: 768px) { .avenue-faq .common-questions-section .title { margin-bottom: 30px; } } @media (min-width: 1200px) { .avenue-faq .common-questions-section .title { margin-bottom: 42px; } } .avenue-faq .search-results-title-section { padding-bottom: 20px; padding-top: 30px; border-bottom: 1px solid #f1f1f1; } @media (min-width: 768px) { .avenue-faq .search-results-title-section { padding-bottom: 30px; padding-top: 40px; } } @media (min-width: 1200px) { .avenue-faq .search-results-title-section { padding-bottom: 40px; padding-top: 50px; } } @media (max-width: 767px) { .avenue-faq .search-results-title-section .search-results-title div { margin-bottom: 10px; } } .avenue-faq .search-results-title-section .search-results-title .result-count { margin-left: 15px; } @media (min-width: 768px) { .avenue-faq .search-results-title-section .search-results-title .result-count { margin-left: 20px; } } @media (min-width: 1200px) { .avenue-faq .search-results-title-section .search-results-title .result-count { margin-left: 30px; } } @media (min-width: 1600px) { .avenue-faq .search-results-title-section .search-results-title .result-count { margin-left: 37px; } } .avenue-faq .search-results-title-section .search-results-title .title .search-title i { margin-top: -5px; font-size: 20px; } @media (min-width: 768px) { .avenue-faq .search-results-title-section .search-results-title .title .search-title i { font-size: 25px; } } @media (min-width: 1200px) { .avenue-faq .search-results-title-section .search-results-title .title .search-title i { font-size: 30px; } } @media (min-width: 1600px) { .avenue-faq .search-results-title-section .search-results-title .title .search-title i { font-size: 35px; } } .avenue-faq .search-results-title-section .search-results-title .title .fw-300 { margin-left: 27px; } .avenue-faq .seach-results-section { margin-top: 50px; margin-bottom: 100px; } @media (min-width: 768px) { .avenue-faq .seach-results-section { margin-top: 60px; margin-bottom: 130px; } } @media (min-width: 768px) { .avenue-faq .seach-results-section { margin-top: 74px; margin-bottom: 155px; } } .avenue-faq .seach-results-section .title { margin-bottom: 22px; } @media (min-width: 768px) { .avenue-faq .seach-results-section .title { margin-bottom: 30px; } } @media (min-width: 1200px) { .avenue-faq .seach-results-section .title { margin-bottom: 42px; } } .av-faq-questions-section .av-faq-title-section { border-bottom: 1px solid #f1f1f1; } .av-faq-questions-section .av-faq-title-section .plus-minus-collapse { flex-grow: 1; } .av-faq-questions-section .av-faq-title-section .title { padding: 18px 0; margin: 0; font-size: 15px; } @media (min-width: 768px) { .av-faq-questions-section .av-faq-title-section .title { padding: 20px 0; margin: 0; font-size: 20px; } } @media (min-width: 1200px) { .av-faq-questions-section .av-faq-title-section .title { padding: 23px 0; margin: 0; font-size: 25px; } } .av-faq-questions-section .av-faq-title-section .title .plus-minus-collapse.collapsed i:first-child { display: inline-block; } .av-faq-questions-section .av-faq-title-section .title .plus-minus-collapse i:first-child { display: none; } .av-faq-questions-section .av-faq-title-section .title .plus-minus-collapse.collapsed i:last-child { display: none; } .av-faq-questions-section .av-faq-title-section .title .title-content { margin-left: 24px; padding-top: 5px; } @media (min-width: 768px) { .av-faq-questions-section .av-faq-title-section .title .title-content { padding-top: 6px; } } @media (min-width: 1200px) { .av-faq-questions-section .av-faq-title-section .title .title-content { margin-left: 25px; padding-top: 8px; } } .av-faq-questions-section .av-faq-title-section .title .circle-icon { width: 26px; height: 26px; line-height: 26px; min-width: 26px; background: #f4f4f4; display: inline-block; border-radius: 100%; text-align: center; color: #000; overflow: hidden; } @media (min-width: 768px) { .av-faq-questions-section .av-faq-title-section .title .circle-icon { width: 30px; height: 30px; line-height: 30px; min-width: 30px; } } @media (min-width: 1200px) { .av-faq-questions-section .av-faq-title-section .title .circle-icon { width: 40px; height: 40px; line-height: 52px; min-width: 40px; } } @media (min-width: 1200px) { .av-faq-questions-section .av-faq-title-section .title .circle-icon i { font-size: 22px; } } @media (min-width: 1200px) { .av-faq-questions-section .av-faq-title-section .title .light-gray-circle { width: 40px; height: 40px; line-height: 40px; min-width: 40px; } } @media (min-width: 1200px) { .av-faq-questions-section .av-faq-title-section .title .light-gray-circle i { font-size: 26px; } } .av-faq-questions-section .av-faq-ans-content { font-size: 15px; } @media (min-width: 768px) { .av-faq-questions-section .av-faq-ans-content { font-size: 16px; } } @media (min-width: 1200px) { .av-faq-questions-section .av-faq-ans-content { font-size: 18px; } } .av-faq-questions-section .av-faq-ans-content .av-faq-ans-details { margin-top: 28px; padding-bottom: 28px; border-bottom: 1px solid #f1f1f1; padding-left: 30px; padding-right: 15px; } @media (min-width: 768px) { .av-faq-questions-section .av-faq-ans-content .av-faq-ans-details { margin-top: 30px; padding-bottom: 26px; padding-left: 56px; padding-right: 0px; } } @media (min-width: 1200px) { .av-faq-questions-section .av-faq-ans-content .av-faq-ans-details { margin-top: 45px; padding-bottom: 38px; padding-left: 70px; } } .avenue-privacy-policy h1 { font-weight: 400; color: #fff; font-size: 36px; margin-top: 100px; width: 240px; } @media (min-width: 768px) { .avenue-privacy-policy h1 { font-size: 50px; width: auto; } } @media (min-width: 1200px) { .avenue-privacy-policy h1 { font-size: 60px; margin-top: 100px; } } .avenue-privacy-policy h2 { font-size: 20px; } @media (min-width: 768px) { .avenue-privacy-policy h2 { font-size: 25px; } } @media (min-width: 1200px) { .avenue-privacy-policy h2 { font-size: 30px; } } .avenue-privacy-policy h4 { font-size: 16px; } @media (min-width: 768px) { .avenue-privacy-policy h4 { font-size: 18px; } } @media (min-width: 1200px) { .avenue-privacy-policy h4 { font-size: 20px; } } .avenue-privacy-policy h5 { font-size: 14px; } @media (min-width: 768px) { .avenue-privacy-policy h5 { font-size: 16px; } } @media (min-width: 1200px) { .avenue-privacy-policy h5 { font-size: 18px; } } .avenue-privacy-policy .hero-section { height: 361px; background-repeat: no-repeat; background-size: cover; background-position: 60%; } @media (min-width: 768px) { .avenue-privacy-policy .hero-section { height: 337px; background-position: 82%; } } @media (min-width: 1200px) { .avenue-privacy-policy .hero-section { background-position: unset; } } .avenue-privacy-policy .page-title-section { margin-top: 40px; margin-bottom: 30px; } @media (min-width: 768px) { .avenue-privacy-policy .page-title-section { margin-top: 50px; margin-bottom: 40px; } } @media (min-width: 1200px) { .avenue-privacy-policy .page-title-section { margin-top: 60px; margin-bottom: 50px; } } @media (min-width: 768px) { .avenue-privacy-policy .av-faq-questions-section .av-faq-ans-content .av-faq-ans-details { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1200px) { .avenue-privacy-policy .av-faq-questions-section .av-faq-ans-content .av-faq-ans-details { padding-left: 46px; padding-right: 40px; } } .avenue-privacy-policy .av-faq-questions-section .av-faq-ans-content .av-faq-ans-details ul { list-style-type: disc; padding-left: 20px; margin-bottom: 0px; font-size: 20px; } .avenue-privacy-policy .av-faq-questions-section .av-faq-ans-content .av-faq-ans-details ul li span { font-size: 15px; } @media (min-width: 768px) { .avenue-privacy-policy .av-faq-questions-section .av-faq-ans-content .av-faq-ans-details ul li span { font-size: 16px; } } @media (min-width: 1200px) { .avenue-privacy-policy .av-faq-questions-section .av-faq-ans-content .av-faq-ans-details ul li span { font-size: 18px; } } .avenue-privacy-policy .return-exchanges { margin-top: 70px; margin-bottom: 80px; } @media (min-width: 768px) { .avenue-privacy-policy .return-exchanges { margin-top: 80px; margin-bottom: 90px; } } @media (min-width: 1200px) { .avenue-privacy-policy .return-exchanges { margin-top: 90px; margin-bottom: 100px; } } .avenue-privacy-policy .para-section { margin-left: 10px; margin-top: 20px; margin-right: 0px; } @media (min-width: 768px) { .avenue-privacy-policy .para-section { margin-left: 30px; margin-right: 30px; margin-top: 35px; font-size: 18px; } } @media (min-width: 1200px) { .avenue-privacy-policy .para-section { margin-left: 46px; margin-top: 58px; font-size: 20px; margin-right: 46px; } } .avenue-privacy-policy .terms-conditions .para-section { counter-reset: section; margin-bottom: 70px; } @media (min-width: 768px) { .avenue-privacy-policy .terms-conditions .para-section { margin-bottom: 100px; } } @media (min-width: 1200px) { .avenue-privacy-policy .terms-conditions .para-section { margin-bottom: 150px; } } .avenue-privacy-policy .terms-conditions .para-section p { margin-bottom: 0.6em; } .avenue-privacy-policy .terms-conditions .para-section p::before { counter-increment: section; content: "" counter(section) ". "; font-weight: 500; font-size: 16px; } @media (min-width: 768px) { .avenue-privacy-policy .terms-conditions .para-section p::before { font-size: 20px; } } @media (min-width: 1200px) { .avenue-privacy-policy .terms-conditions .para-section p::before { font-size: 25px; } } /** * bxSlider v4.2.5 * Copyright 2013-2015 Steven Wanderski * Written while drinking Belgian ales and listening to jazz * Licensed under MIT (http://opensource.org/licenses/MIT) */ /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; padding: 0; margin: 22px auto; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url("//cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.5/images/bx_loader.gif") center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-prev, .bx-wrapper .bx-next { height: 100%; background-color: #eee; position: absolute; left: 0; width: 17px; text-align: center; color: #aaa; text-decoration: none !important; } .bx-wrapper .bx-prev { top: 0; left: -22px; } .bx-wrapper .bx-next { top: 0; left: auto; right: -22px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-color: #ddd; } .bx-wrapper .bx-prev::before { content: "\f053"; font-family: "FontAwesome"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .bx-wrapper .bx-next::before { content: "\f054"; font-family: "FontAwesome"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } @media only screen and (min-width: 1200px) { .bx-wrapper { margin: 22px auto; } .carousel-size-1 .bx-clone, .carousel-size-2 .bx-clone, .carousel-size-3 .bx-clone { visibility: hidden; } .carousel-size-1 .bx-wrapper, .carousel-size-2 .bx-wrapper, .carousel-size-3 .bx-wrapper { margin: 0px auto; } #image-box .bx-wrapper .bx-prev, #image-box .bx-wrapper .bx-next { width: 100%; position: absolute; left: 0; height: 17px; text-align: center; line-height: 17px; } #image-box .bx-wrapper .bx-prev { top: -22px; } #image-box .bx-wrapper .bx-next { bottom: -22px; top: auto; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-color: #ddd; } #image-box .bx-wrapper .bx-prev::before { content: "\f077"; font-family: "FontAwesome"; } #image-box .bx-wrapper .bx-next::before { content: "\f078"; font-family: "FontAwesome"; } } /*! * jQuery UI Stars v3.0.1 * http://plugins.jquery.com/project/Star_Rating_widget * * Copyright (c) 2010 Marek "Orkan" Zajac (orkans@gmail.com) * Dual licensed under the MIT and GPL licenses. * http://docs.jquery.com/License * * $Rev: 164 $ * $Date:: 2010-05-01 #$ * $Build: 35 (2010-05-01) * */ .ui-stars-star, .ui-stars-cancel { float: left; display: block; overflow: hidden; text-indent: -999em; cursor: pointer; } .ui-stars-star a, .ui-stars-cancel a { width: 16px; height: 15px; display: block; background: url(/admin/images/jquery.ui.stars.gif) no-repeat 0 0; } .ui-stars-star a { background-position: 0 -32px; } .ui-stars-star-on a { background-position: 0 -48px; } .ui-stars-star-hover a { background-position: 0 -64px; } .ui-stars-cancel-hover a { background-position: 0 -16px; } .ui-stars-star-disabled, .ui-stars-star-disabled a, .ui-stars-cancel-disabled a { cursor: default !important; } .stars-off, .stars-on { position: relative; height: 16px; background: url(/admin/images/jquery.ui.stars.gif) repeat-x 0 -32px; } .stars-on { position: absolute; background-position: 0 -48px; } .ecom-site-wrapper .container { width: 100%; } @media (min-width: 1400px) { .ecom-site-wrapper .container { width: 90%; } } .ecom-site-wrapper .label-default { border: none; background-color: #f4f4f4; border-radius: 6px; padding: 8px 10px 5px; } .ecom-site-wrapper .title-section { overflow: initial; } @media (max-width: 767px) { .eCommerce-header.header .navbar-header { margin-left: 0px; } } @media (max-width: 767px) { .eCommerce-header.header .navbar-toggle { margin: 0; } } .eCommerce-header.header:not(.ecom-account-header) .navbar-fixed-top { margin-left: 0px; border-bottom: 0.5px solid #f1f1f1; } @media (min-width: 768px) { .eCommerce-header.header:not(.ecom-account-header) .navbar-fixed-top { /*background: rgba(248, 248, 249, 1);*/ } } @media (max-width: 767px) { .eCommerce-header.header:not(.ecom-account-header) .navbar-brand { padding-left: 0; } } .eCommerce-header.header:not(.ecom-account-header) .dropdown-menu { left: 0; } @media (min-width: 768px) { .eCommerce-header.header:not(.ecom-account-header) .logo-dropdown { height: 60px; } } @media (min-width: 768px) { .eCommerce-header.header.ecom-account-header .navbar-fixed-top.ecom-account-logout-user { margin-left: 0px; padding: 0px 30px; } } @media (min-width: 1200px) { .eCommerce-header.header.ecom-account-header .navbar-fixed-top.ecom-account-logout-user { margin-left: 0px; } } @media (min-width: 1900px) { .eCommerce-header.header.ecom-account-header .navbar-fixed-top.ecom-account-logout-user { padding: 0px 100px; } } .eCommerce-header.header.ecom-account-header .customer-selected-btn { padding-right: 10px; } @media (max-width: 767px) { .eCommerce-header.header.ecom-account-header .customer-selected-btn { padding-right: 15px; padding-left: 25px; } } @media (min-width: 992px) { .eCommerce-header.header.ecom-account-header .customer-selected-btn { padding-right: 20px; } } @media (max-width: 767px) { .eCommerce-header.header.ecom-account-header .mobile-search { margin-left: 10px; } } @media (min-width: 768px) { .eCommerce-header.header .navbar-brand { padding: 0 15px 0 15px; } } .eCommerce-header.header #sidebar { display: none !important; } @media (max-width: 767px) { .eCommerce-header.header #sidebar.in { display: block !important; } } .eCommerce-header.header #set-store-selected-store { margin-top: 5px; } .eCommerce-header.header #set-store-selected-store .store-title { margin-left: 10px; margin-right: 10px; } .eCommerce-header.header #set-store-selected-store .store-title .title { font-weight: 500; margin-top: 2px; } .eCommerce-header.header #set-store-selected-store .store-hours table > tbody > tr { line-height: 37px; border-bottom: 1px solid #f1f1f1; } .eCommerce-header.header #set-store-selected-store .store-hours table > tbody > tr td:first-child { width: 40%; } .eCommerce-header.header #set-store-selected-store .fa-store-alt { font-size: 20px; color: #de2f6f; margin-right: 10px; } .eCommerce-header.header #set-store-selected-store #set-store-edit-store { cursor: pointer; } .eCommerce-header.header #set-store-selected-store .store-address { color: #00000078; } .eCommerce-header.header #set-store-selected-store .store-view > a { color: white; } .eCommerce-header.header .shopping-block { flex-grow: initial; } .eCommerce-header.header .shopping-block .setstore-widget { position: absolute; top: 60px; width: calc(100% - 30px); right: 15px; line-height: normal; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } @media (max-width: 767px) { .eCommerce-header.header .shopping-block .setstore-widget { overflow: auto; max-height: calc(100vh - 70px); } } @media (min-width: 768px) { .eCommerce-header.header .shopping-block .setstore-widget { right: 10px; top: 61px; width: 376px; } } @media (min-width: 1200px) { .eCommerce-header.header .shopping-block .setstore-widget { right: 50px; } } @media (min-width: 1366px) { .eCommerce-header.header .shopping-block .setstore-widget { right: 140px; } } @media (min-width: 1600px) { .eCommerce-header.header .shopping-block .setstore-widget { right: 146px; } } @media (min-width: 768px) { .eCommerce-header.header .shopping-block .setstore-widget.login-user { right: 56px; } } @media (min-width: 992px) { .eCommerce-header.header .shopping-block .setstore-widget.login-user { right: 96px; } } @media (min-width: 1200px) { .eCommerce-header.header .shopping-block .setstore-widget.login-user { right: 242px; } } @media (min-width: 1366px) { .eCommerce-header.header .shopping-block .setstore-widget.login-user { right: 292px; } } @media (min-width: 1600px) { .eCommerce-header.header .shopping-block .setstore-widget.login-user { right: 372px; } } .eCommerce-header.header .shopping-block .setstore-widget [class^='btn'].btn { padding-top: 8px; } .eCommerce-header.header .shopping-block .setstore-widget .store-close-btn i { font-size: 20px; } .eCommerce-header.header .shopping-block .setstore-widget .store-form { margin-bottom: 32px; } .eCommerce-header.header .shopping-block .setstore-widget .list-group .av-store-locator-result.list-group-item { margin-bottom: 15px; position: relative; display: block; padding: 15px 13px 20px; background-color: #f8f8f9; border-radius: 10px; font-size: 18px; border: none; } @media (min-width: 768px) { .eCommerce-header.header .shopping-block .setstore-widget .list-group .av-store-locator-result.list-group-item { padding: 20px 17px; } } .eCommerce-header.header .shopping-block .setstore-widget .list-group .av-store-locator-result.list-group-item:last-child { margin-bottom: 30px; } .eCommerce-header.header .shopping-block .setstore-widget .list-group .av-store-locator-result.list-group-item .store-locator-card .distance { margin-left: -3px; margin-bottom: 18px; } .eCommerce-header.header .shopping-block .setstore-widget .list-group .av-store-locator-result.list-group-item .store-locator-card .distance i { font-size: 20px; } .eCommerce-header.header .shopping-block .setstore-widget .list-group .av-store-locator-result.list-group-item .store-locator-card .distance .store-distance { font-size: 14px; margin-top: 3px; } @media (min-width: 768px) { .eCommerce-header.header .shopping-block .setstore-widget .list-group .av-store-locator-result.list-group-item .store-locator-card .distance .store-distance { font-size: 15px; } } .eCommerce-header.header .shopping-block .setstore-widget .panel.main-panel .panel-body { padding: 14px 10px 25px; } @media (min-width: 768px) { .eCommerce-header.header .shopping-block .setstore-widget .panel.main-panel .panel-body { padding: 14px 22px 32px; } } .eCommerce-header.header .shopping-block .setstore-widget .view-all-stores { font-weight: 500; font-size: 18px; display: flex; } @media (min-width: 768px) { .eCommerce-header.header .shopping-block .setstore-widget .view-all-stores { font-size: 18px; } } .eCommerce-header.header .shopping-block .setstore-widget .store-details { padding: 12px 17px 20px; background: #F8F8F9; } .eCommerce-header.header .shopping-block .setstore-widget .store-details .btn-section { margin-top: 18px; } .eCommerce-header.header .shopping-block .setstore-widget .store-form { padding: 12px 10px 12px 16px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } .eCommerce-header.header .shopping-block .setstore-widget .store-form input { box-shadow: none; padding-right: 8px; height: 30px; padding-right: 85px; } @media (min-width: 768px) { .eCommerce-header.header .shopping-block .setstore-widget .store-form input { height: 37px; } } .eCommerce-header.header .shopping-block .setstore-widget .store-form input.btn { padding: 4px 10px; height: 30px; font-size: 12px; position: absolute; right: 15px; } .eCommerce-header.header .shopping-block li a { margin-left: 5px; margin-right: 0px; padding: 0; } @media (min-width: 1200px) { .eCommerce-header.header .shopping-block li a { margin-left: 10px; margin-right: 10px; } } @media (min-width: 1600px) { .eCommerce-header.header .shopping-block li a { margin-left: 15px; margin-right: 15px; } } .eCommerce-header.header .shopping-block li a:hover { background-color: #eeeeee; } .eCommerce-header.header .shopping-block li.set-store a:hover { background: #0093d0; color: white; } .eCommerce-header.header .shopping-block li.set-store a:focus { background: #f8f8f9; color: #aaa; } .eCommerce-header.header .shopping-block li.set-store a.active { background: #0093d0; color: white; } .eCommerce-header.header .shopping-block li.set-store a #av-set-store { display: none; } @media (min-width: 1366px) { .eCommerce-header.header .shopping-block li.set-store a #av-set-store { display: block; } } .eCommerce-header.header .shopping-block li.set-store .content { margin-right: 8px; margin-left: 8px; font-size: 12px; } .eCommerce-header.header .shopping-block li.set-store .content i { line-height: 30px; font-size: 14px; } @media (min-width: 768px) { .eCommerce-header.header .shopping-block li.set-store .content i { line-height: 34px; font-size: 18px; } } .eCommerce-header.header .shopping-block.logout-user .user-icon { margin-right: 15px; } @media (min-width: 768px) and (max-width: 991px) { .eCommerce-header.header .primary-menu li { max-width: calc(100% / 5); } } @media (min-width: 768px) and (max-width: 991px) { .eCommerce-header.header .primary-menu li > a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } @media (min-width: 1200px) { .eCommerce-header.header .primary-menu li > a { padding: 0 15px; } } @media (min-width: 1600px) { .eCommerce-header.header .primary-menu li > a { padding: 0 20px; } } @media (min-width: 1900px) { .eCommerce-header.header .primary-menu li > a { padding: 0 35px; } } @media (max-width: 767px) { .eCommerce-header.header .primary-menu li:nth-of-type(1n+5) { display: none; } } .eCommerce-header.header .navbar-collapse { max-height: initial; } @media (max-width: 767px) { .eCommerce-header.header .mobile-search { margin-right: auto; margin-left: 0px; } } @media (min-width: 768px) { .eCommerce-header.header .mobile-search { margin-left: 10px; margin-right: 10px; } } @media (min-width: 1200px) { .eCommerce-header.header .mobile-search { margin-left: 32px; margin-right: 10px; } } @media (max-width: 767px) { .eCommerce-header.header .customer-selected-btn { margin-left: -15px; margin-right: -15px; padding: 5px 15px; } } @media (min-width: 768px) { .eCommerce-header.header .customer-selected-btn { padding-left: 10px; padding-right: 0; margin-left: 10px; flex-grow: initial; width: auto; } } @media (min-width: 992px) { .eCommerce-header.header .customer-selected-btn { max-width: 180px; flex-grow: 1; width: 100%; } } @media (min-width: 1200px) { .eCommerce-header.header .customer-selected-btn { max-width: 190px; } } @media (min-width: 1600px) { .eCommerce-header.header .customer-selected-btn { max-width: 230px; padding-left: 20px; } } @media (min-width: 768px) { .eCommerce-header.header .customer-selected-btn a { font-size: 14px; } } @media (min-width: 1600px) { .eCommerce-header.header .customer-selected-btn a { font-size: 15px; } } @media (max-width: 992px) and (min-width: 768px) { .eCommerce-header.header .customer-selected-btn a > span { max-width: 74px; } } @media (max-width: 1200px) and (min-width: 768px) { .eCommerce-header.header .customer-selected-btn a > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } @media (min-width: 1200px) { .eCommerce-header.header .customer-selected-btn a > span .pvt-ltd { max-width: 120px; } } @media (min-width: 1600px) { .eCommerce-header.header .customer-selected-btn a > span .pvt-ltd { max-width: 160px; } } @media (min-width: 768px) { .eCommerce-header.header .customer-selected-btn a > span.current-user-name { display: none; } } @media (min-width: 992px) { .eCommerce-header.header .customer-selected-btn a > span.current-user-name { display: block; } } .eCommerce-header .humbarger-logo .brand-img { height: 7.5px; } .eCommerce-header .cart-info { position: absolute; top: 61px; width: 400px; background: white; border-radius: 15px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); } .eCommerce-header .cart-info .add-cart .modal-footer .checkout { box-shadow: none; } .mobile-search div#searchCollapse { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); max-width: 832px; /*632*/ } @media (min-width: 768px) { .mobile-search div#searchCollapse { top: 64px; border-radius: 16px; left: 4px; } } @media (min-width: 768px) { .mobile-search .search-detail-container { max-width: 92%; padding: 20px 20px; } } .mobile-search .search-detail-container .close-icon { position: absolute; top: 12px; right: 20px; } @media (min-width: 768px) { .mobile-search .search-detail-container .close-icon { top: 35px; } } @media (max-width: 767px) { .mobile-search .search-detail-container .close-icon .material-icons { font-size: 17px; } } @media (min-width: 768px) { .mobile-search .search-detail-container .main-search-block #gem_list { margin-right: 40px; } } .mobile-search .search-detail-container .main-search-block input[type=text] { font-size: 14px; box-shadow: none; } @media (min-width: 768px) { .mobile-search .search-detail-container .main-search-block input[type=text] { font-size: 18px; margin-left: 0px; } } .mobile-search .search-detail-container .main-search-block .panel-body { padding: 10px 15px; } .mobile-search .search-detail-container .search-result { color: #808080; } .mobile-search .search-detail-container .search-result ul li a { color: #808080; } .mobile-search .bootstrap-select:not(.input-group-btn) { width: 180px !important; /*130*/ } @media (min-width: 768px) and (max-width: 1024px) { .logo-mobile { margin-top: 35px !important; margin-bottom: 20px !important; margin-left: 60px !important; } } @media (min-width: 768px) and (max-width: 1024px) { .icons-mobile { top: 42px !important; margin-top: 0px !important; } } .navbar { z-index: 1000; position: relative; } .nav_links { display: none; } .heading a:nth-child(2) { color: white; text-decoration: none; font-size: 20px; display: block; padding: 7px; margin-left: 150px; } .heading a i { color: white; padding: 10px; display: block; position: absolute; left: 0; top: 0; } .nav_links { background-color: #0093d0; } .nav_links a { color: white !important; padding: 5px 16px; text-decoration: none; font-size: 17px; display: block; text-align: center; border-bottom: 1px solid white; } .nav_links a:hover { background-color: white; color: #0093d0; } #gritter-notice-wrapper { position: fixed; top: 20px; right: 20px; width: 301px; z-index: 9999; } #gritter-notice-wrapper a { text-decoration: underline; } #gritter-notice-wrapper.top-left { left: 20px; right: auto; } #gritter-notice-wrapper.bottom-right { top: auto; left: auto; bottom: 20px; right: 20px; } #gritter-notice-wrapper.bottom-left { top: auto; right: auto; bottom: 20px; left: 20px; } .gritter-item-wrapper { position: relative; margin: 0 0 10px; background: url("/ts1678916224/attachments/StyleSheet/60/ie-spacer.gif"); } .gritter-top { background: url("/ts1678916224/attachments/StyleSheet/60/gritter.png") left -30px no-repeat; height: 10px; } .hover .gritter-top { background-position: right -30px; } .gritter-bottom { background: url("/ts1678916224/attachments/StyleSheet/60/gritter.png") left bottom no-repeat; height: 8px; margin: 0; } .hover .gritter-bottom { background-position: bottom right; } .gritter-item { display: block; color: #000000; padding: 2px 11px 6px; font-size: 14px; filter: inherit; } .gritter-item.gritter-css2 { background: url("/ts1678916224/attachments/StyleSheet/60/gritter.png") left -40px no-repeat; } .gritter-item.gritter-css3 { background: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding-top: 12px; padding-bottom: 3px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .gritter-item p { padding: 0; margin: 0; } .hover .gritter-item.gritter-css2 { background-position: right -40px; } .hover .gritter-item.gritter-css3 { padding: 10px 9px 1px; border: 2px solid #b6b6b6; } .gritter-close { display: none; position: absolute; top: 5px; right: 3px; cursor: pointer; width: 30px; height: 30px; filter: inherit; } .gritter-css2 .gritter-close { background: url("/ts1678916224/attachments/StyleSheet/60/gritter.png") left top no-repeat; } .gritter-css3 .gritter-close { background: url("/ts1678916224/attachments/StyleSheet/60/gritter-close.png") no-repeat; } .gritter-title { font-size: 16px; font-weight: 500; display: block; } .gritter-image { width: 48px; height: 48px; float: left; } .gritter-with-image, .gritter-without-image { padding: 0 0 5px; } .gritter-with-image { width: 220px; float: right; } </style><link rel="stylesheet" type="text/css" href="/ts1717724374/init_style_sheets/av-aggregated-css.css" media="not all" onload="if(media!='all')media='all'" /> <link type="text/css" rel="stylesheet" href="/ts1678916156/style_sheets/Jcrop-css.css" /> <noscript> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> </noscript> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/magnific-popup.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/magnific-animation.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/calendar.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/flickity.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/styles-m.min.css"> <link rel="stylesheet" type="text/css" media="all" href="https://www.eckersleys.com.au/static/version1664248420/frontend/Jasco/base/en_AU/Magestore_Megamenu/css/megamenulibrary.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="https://www.eckersleys.com.au/static/version1664248420/frontend/Jasco/base/en_AU/Magestore_Megamenu/css/megamenu.min.css" /> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/owl.carousel.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/sociallogin.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/mobilesociallogin.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/megamenulibrary.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/megamenu.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/styles.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/opentip.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/calendar.min(1).css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/swiper.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/swatches.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/zipmoney.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/chosen.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/algoliasearch2.min.css"> <link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="/ts1698615496/attachments/PageLayout/92/styles-l.min.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/styles__ltr.css"> <link rel="stylesheet" type="text/css" media="all" href="/ts1698615496/attachments/PageLayout/92/css"> <style> .block-search { width: 40%; padding-top: 20px; } @media (min-width: 768px) and (max-width: 1024px){ .block-search { width: 100%; } } @media only screen and (max-width: 767px) { .block-search { width: 100%; } } .header-content-links>li a::before { height: 0px; content: attr(value); } .header-content-links>li span::before { height: 0px; content: ''; } @media only screen and (max-width: 767px){ body { overflow: scroll; } } @media (min-width: 1025px){ .navigation{ max-width: 1480px; } .page-main{ max-width: 1480px !important; padding: 0px; } .footer-inner .column.left:after { height: calc(1*(100% + 40px + 100px)); } } .ms-topmenu { border-radius: 0px !mportant; border-top-left-radius: 0px !mportant; border-bottom-left-radius: 0px !mportant; border-top-right-radius: 0px !mportant; border-bottom-right-radius: 0px !mportant; } </style> <link rel="canonical" href="/" /> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">  <script>document.documentElement.classList = 'js';</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.nicescroll/3.7.6/jquery.nicescroll.min.js"></script> <script type='text/javascript'> (function (d, t) { var bh = d.createElement(t), s = d.getElementsByTagName(t)[0]; bh.type = 'text/javascript'; bh.src = 'https://www.bugherd.com/sidebarv2.js?apikey=akfx7upgsqa4sjxmymmidq'; s.parentNode.insertBefore(bh, s); })(document, 'script'); </script>  <script> jQuery(function($) { $("#megasearch .form-control").keyup(function() { var $form = $('#megasearch'); $form.popover({content: '', placement: 'bottom', html: true, trigger: 'manual', animation: true}); $.get('/search/_part/megasearch?per_page=5&' + $form.serialize(),function(d) { $form.data('bs.popover').options.content = d; $form.popover('show'); }); }); }); </script> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '673267850646808'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src=https://www.facebook.com/tr?id=673267850646808&ev=PageView&noscript=1/></noscript>  </head> <body> <script> $(function () { $.widget("custom.jqCombobox", { options: { niceScroll: null }, _create: function () { this.wrapper = $("<span>") .addClass("jq-combobox-component") .insertAfter(this.element); this.actionWrapper = $("<span>") .addClass("jq-combobox-action-wrapper") .appendTo(this.wrapper); this.element.hide(); this._createAutocomplete(); this._createClearALLButton(); this._createShowAllButton(); this._initNiceScroll(); }, _createAutocomplete: function () { var selected = this.element.children(":selected"), value = selected.val() ? selected.text() : ""; this.input = $("<input>") .appendTo(this.wrapper) .val(value) .addClass("jq-combobox-input ui-widget ui-widget-content form-control") .autocomplete({ delay: 0, minLength: 0, source: $.proxy(this, "_source") }) this._on(this.input, { autocompleteselect: function (event, ui) { ui.item.option.selected = true; this._trigger("select", event, { item: ui.item.option }); }, autocompletechange: "_removeIfInvalid" }); }, _createShowAllButton: function () { var input = this.input, wasOpen = false; $("<i>") .attr("class", 'material-icons') .appendTo(this.actionWrapper) .addClass("jq-combobox-toggle") .html("keyboard_arrow_down") .on("mousedown", function () { wasOpen = input.autocomplete("widget").is(":visible"); }) .on("click", function () { input.trigger("focus"); // Close if already visible if (wasOpen) { return; } // Pass empty string as value to search for, displaying all results input.autocomplete("search", ""); }); }, _createClearALLButton: function () { var input = this.input; $("<i>") .attr("class", 'material-icons') .appendTo(this.actionWrapper) .addClass("jq-combobox-close") .html("close") .on("click", function () { input.trigger("focus"); input.val(''); // Pass empty string as value to search for, displaying all results input.autocomplete("search", ""); }); }, _initNiceScroll: function () { if ($().niceScroll) { if (this.options.niceScroll != null) { $menu = this.input.data('ui-autocomplete').menu.element if ($menu != null) $menu.niceScroll(this.options.niceScroll); } } }, _source: function (request, response) { var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i"); response(this.element.children("option").map(function () { var text = $(this).text(); if (this.value && (!request.term || matcher.test(text))) return { label: text, value: text, option: this }; })); }, _removeIfInvalid: function (event, ui) { // Selected an item, nothing to do if (ui.item) { return; } // Search for a match (case-insensitive) var value = this.input.val(), valueLowerCase = value.toLowerCase(), valid = false; var $prevoiusSelectedOption; this.element.children("option").each(function () { if (this.selected) { $prevoiusSelectedOption = $(this) } if ($(this).text().toLowerCase() === valueLowerCase) { this.selected = valid = true; return false; } }); // Found a match, nothing to do if (valid) { this._trigger("change", event, { value: this.element.val() }); return; } if ($prevoiusSelectedOption != null) { this.input.val($prevoiusSelectedOption.text()); } }, _destroy: function () { this.wrapper.remove(); this.element.show(); } }); }); </script> <div class="av-site-container"> <style> .dropbtn { // background-color: #04AA6D; color: white; padding: 16px; font-size: 16px; border: none; } .dropdown { position: relative; display: inline-block; } .dropdown-content { top: 55px; display: none; text-align: left; width: max-content; position: absolute; background-color: #00567D; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: #fff !important; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #fff !important; color: #00567D !important;} .dropdown:hover .dropdown-content {display: block;} .dropdown:hover .dropbtn {background-color: #0093d0;} </style> <div class="page-wrapper"> <div class="sticky-header"> <header class="page-headerx"> <div class="header content zoomLevel0"> <div class="visible-xs"> <div class="navbar"> <div class="heading" style="display: flex;justify-content: space-between;"> <a data-toggle="av-modal" data-av-modal-class="modal-left" data-avenue-part="modal-site-menu" data-avenue-base-url="/" href="#"> <i class="fa fa-bars" style="color: #00567D; background-color:black;"></i> </a> <a class="logo logo-mobile" id="logo-mobile-view" href="/"> <img src="/ts1667354851/attachments/CmsSetting/4/Dy-Mark%20Logo.png" alt="Dymark" width="30%" style="margin-left: 25%"> </a> <a href="/login" style=" float: right; right: 5px; font-size: 25px; color: black; "> <i style="left: unset;color: #000;" class="material-icons">person</i> </a> <a href="/cart" style=" float: right; right: 5px; font-size: 25px; color: black; "> <i style="left: unset;color: #000;" class="material-icons">shopping_cart</i> </a> <a style="float: right; margin-right: 35px; font-size: 25px; color: black;" data-toggle="collapse" href="#sc-searchCollapse" aria-expanded="false" aria-controls="sc-searchCollapse"><i style="left: unset;color: #000;" class="material-icons ">search</i></a> </div> <div class="nav_links dropdown" id="nav_links" style="display:none;"> <a href="/about" class="dropbtn"> ABOUT US </a> <a href="/categories" class="dropbtn"> PRODUCTS </a> <a href="/store-locator" class="dropbtn"> FIND STOCKISTS </a> <a href="/contact-us" class="dropbtn"> CONTACT </a> <a href="http://www.dymarkglobal.com" class="dropbtn"> Dy-Mark Global </a> </div> </div> </div> <script> function NavMenu() { const navlink = document.getElementById('nav_links'); if (navlink.style.display === "none") { navlink.style.display = "block"; } else { navlink.style.display = "none"; } } </script> <span data-action="nav-sticky" class="sticky-nav"> </span> <a class="logo logo-mobile" id="logo-desktop-view" href="/"> <img src="/ts1667354851/attachments/CmsSetting/4/Dy-Mark%20Logo.png" alt="Dymark" width="70%"> </a> <div class="block block-search collapse" id="sc-searchCollapse"> <span class="toogle-search"> </span> <div class="block block-title"><strong>Enter a search term</strong></div> <form id="search_mini_form" action="/search" method="get"> <div id="algolia-searchbox" style="margin-right:15px"> <label for="search">Enter a search term</label> <span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;" id="algolia-autocomplete-tt"> <span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;" id="algolia-autocomplete-tt"> <span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;" id="algolia-autocomplete-tt"> <input id="search" type="text" name="q" class="input-text algolia-search-input aa-input" autocomplete="off" spellcheck="false" autocorrect="off" autocapitalize="off" placeholder="Enter a search term" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-labelledby="search" aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="position: relative; vertical-align: top;" onclick="str = document.getElementById('search').value; str.replace('&', 'and'); document.getElementById('search').value = str "> </span> <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"> </pre> </span> <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"> </pre> </span> <span class="clear-cross clear-query-autocomplete"></span> <button type="submit" id="algolia-glass" class="magnifying-glass" style=" border-style: none; width: 60px"></button> </div> </form> </div> <div class="header-content-links icons-mobile" style=" position: relative; top: 29px; "> <li class="links"> <a class="action subscribe gold signup-btn" data-toggle="av-modal" data-av-modal-class="modal-center" data-avenue-url="/login/_part/register" href="javascript:void(0)"><span>Sign Up Here</span></a> </li> <li class="authorization-link" data-label="or"> <a class="desktop-menu" href="/login"> Login </a> <a class="mb-menu" href="/login"> Login </a> </li> <div id="algolia-autocomplete-container" style="position: relative;" class="reverse"><span class="aa-dropdown-menu" role="listbox" id="algolia-autocomplete-listbox-0" style="position: absolute; top: -67px; left: 636px; z-index: 100; display: none; right: 0px;"> <div class="autocomplete-wrapper"> <div class="row"> <div class="col"> <h3>Products</h3>  <div class="aa-dataset-products"></div> </div> <div class="col">  <div class="aa-dataset-blog_posts"></div> </div> </div> <div class="row _bottom"> <div class="col">   <div class="aa-dataset-0"></div> </div> <div class="col">  <div class="aa-dataset-1 _pages-search"></div> </div> </div> </div> </span><span class="aa-dropdown-menu" role="listbox" id="algolia-autocomplete-listbox-0" style="position: absolute; top: -67px; left: 636px; z-index: 100; display: none; right: 0px;"> <div class="autocomplete-wrapper"> <div class="row"> <div class="col"> <h3>Products</h3>  <div class="aa-dataset-products"></div> </div> <div class="col">  <div class="aa-dataset-blog_posts"></div> </div> </div> <div class="row _bottom"> <div class="col">   <div class="aa-dataset-0"></div> </div> <div class="col">  <div class="aa-dataset-1 _pages-search"></div> </div> </div> </div> </span><span class="aa-dropdown-menu" role="listbox" id="algolia-autocomplete-listbox-0" style="position: absolute; top: -67px; left: 636px; z-index: 100; display: none; right: 0px;"> <div class="autocomplete-wrapper"> <div class="row"> <div class="col"> <h3>Products</h3>  <div class="aa-dataset-products"></div> </div> <div class="col">  <div class="aa-dataset-blog_posts"></div> </div> </div> <div class="row _bottom"> <div class="col">   <div class="aa-dataset-0"></div> </div> <div class="col">  <div class="aa-dataset-1 _pages-search"></div> </div> </div> </div> </span></div></div></header> <div class="mobile-search-tabs" id="mobile-search-tabs"> <h3 class="tab-product" data-tab="product">Products</h3> <h3 class="tab-post" data-tab="post">Inspiration & Pages</h3> </div> <script type="text/javascript"> $(document).ready(function(){ $('#mobile-search-tabs h3').click(function(){ $('body').removeClass('algolia-tab-product'); $('body').removeClass('algolia-tab-post'); $('body').addClass('algolia-tab-'+$(this).data('tab')); }) }); </script> <div class="sections nav-sections"> <div class="section-items nav-sections-items" role="tablist"> <div class="section-item-title nav-sections-item-title active" data-role="collapsible" role="tab" data-collapsible="true" aria-controls="store.menu" aria-selected="false" aria-expanded="true" tabindex="0"> <a class="nav-sections-item-switch" data-toggle="switch" href="/search">Shop</a> </div> <div class="section-item-content nav-sections-item-content" id="store.menu" data-role="content" role="tabpanel" aria-hidden="false"><style> /* ------ Top menu -----------*/ .ms-megamenu .ms-topmenu{text-align:left; border-radius: 0px;} .ms-topmenu .ms-label{ float:left; } .ms-topmenu .ms-level0{float: left;} .ms-megamenu .ms-topmenu{ background: #FFFFFF; } .ms-topmenu .ms-label{ font-size:20px; text-transform:uppercase; color:#3B3E43; padding:12.5px 15px; } .ms-topmenu .ms-label:after{ background:#FFFFFF; } .ms-topmenu .ms-label .ms-iconmega{ height:20px; top:5px; } .ms-topmenu .ms-level0.active .ms-label, .ms-topmenu .ms-level0:hover .ms-label, .ms-topmenu .ms-level0:active .ms-label, .ms-topmenu .ms-level0:focus .ms-label{ color:#FFFFFF; } .ms-megamenu .ms-submenu{ border-top-color:#FFFFFF; } .ms-topmenu .ms-level0.active .ms-label, .ms-topmenu .ms-level0:hover .ms-label, .ms-topmenu .ms-level0:active .ms-label, .ms-topmenu .ms-level0:focus .ms-label{ background-color:#00567D; } .ms-topmenu .ms-submenu,.ms-topmenu .col-sub{ background-color:#FFFFFF; color:#000000; } .ms-topmenu .ms-submenu a{ color:#000000; } .ms-topmenu .ms-boxtitle{ color:#B70050; } /* ---- Mobile version ---------*/ @media (min-width: 800px){ .ms-topmenu .mb-submenu{display: none !important;} } @media (max-width: 799px){ .ms-megamenu .ms-topmenu{background-color:transparent;display:block; } .ms-topmenu .ms-label::after{display:none;} .ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{ display: block !important; } .ms-topmenu .ms-level0{ float:left; width: 100%; position: relative; } .ms-topmenu .ms-level0.first{ border-top: 1px solid #ddd; } .ms-topmenu.active .ms-level0{ display: block; } .ms-topmenu .ms-label{ padding: 12px 15px 8px !important; background: #FFFFFF; border: 1px solid #ddd; border-top: 0; color: #2f2f2f; text-decoration: none; outline: none; width: 100%; float:left; min-height:43px; } .ms-topmenu .ms-submenu{display: none !important;} .ms-topmenu .mbactive .mb-submenu.slide{ z-index: 201; display: inline; } .ms-level0 .ms-label, .ms-megamenu .mb-label{ font-size:15px; text-transform:none; background-color:#FFFFFF; color:#000000; } .ms-topmenu .ms-level0.active .ms-label, .ms-topmenu .ms-level0:hover .ms-label, .ms-topmenu .ms-level0:active .ms-label, .ms-topmenu .ms-level0:focus .ms-label, .ms-topmenu .ms-level0:hover .mb-label, .ms-topmenu .ms-level0:active .mb-label, .ms-topmenu .ms-level0:focus .mb-label, .ms-megamenu .mbactive .ms-label, .ms-megamenu .mbactive .mb-return, .ms-megamenu .mbactive .mb-label{ background-color:#FFFFFF; color:#000000; } .ms-megamenu .anchor_mbmenu{ background-color:#074666; } .ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{ color:#FFFFFF; } .ms-megamenu .mb-submenu{ background-color:#FFFFFF; color:#000000; } .ms-megamenu .ms-boxtitle{ color:#636363; } .ms-megamenu .mb-submenu a{ color:#000000; } } @media (max-width: 768px) { #logo-mobile-view{ display: contents; } #logo-desktop-view{ display: none; } } </style> <nav class="navigation ms-megamenu" role="navigation" style="height: inherit; padding-left: 0px; padding-right: 0px;"> <ul id="ms-topmenu" class="ms-topmenu ui-menu ui-widget ui-widget-content ui-corner-all" style="padding-right: 73px; background-color:#00567D !important" role="menu" tabindex="0" aria-activedescendant="ui-id-2"> <li class=" dropdown ms-level0 painting nav-2 first ui-menu-item" id="nav-2" role="presentation" style="background: #00567D"> <a class=" ms-label ui-corner-all dropbtn" href="/about" id="ui-id-2" tabindex="-1" role="menuitem"> ABOUT US </a> <div class="dropdown-content"> <a href="/about" style="padding: 5px;">About Us</a> <a href="/about/vision-mission-values" style="padding: 5px;">Vision, Mission & Values</a> <a href="https://www.dymark.com.au/about/ISO-Certification" style="padding: 5px;">ISO Certification</a> <a href="/faq" style="padding: 5px;">FAQs</a> <a href="/about/privacy-policy" style="padding: 5px;">Privacy Policy</a> <a href="/about/terms-of-use" style="padding: 5px;">Website Terms of Use</a> <a href="/about/terms-conditions" style="padding: 5px;">Terms & Conditions</a> </div> <span class="mb-label label-arrow-right"> </span> </li> <li class=" dropdown ms-level0 painting nav-2 first ui-menu-item" id="nav-2" role="presentation" style="background: #00567D"> <a class=" ms-label ui-corner-all dropbtn" href="/categories" id="ui-id-2" tabindex="-1" role="menuitem"> PRODUCTS </a> <div class="dropdown-content"> <a href="/categories/marking-products" style="padding: 5px;">Marking Products</a> <a href="/categories/metal-protection" style="padding: 5px;">Metal Protection</a> <a href="/categories/decorative-coatings" style="padding: 5px;">Decorative Coating</a> <a href="/categories/cleaners-lubricants" style="padding: 5px;">Cleaners & Lubricants</a> <a href="/categories/industrial-packaging-products" style="padding: 5px;">Industrial Packaging Products</a> <a href="/categories/personal-insect-repellent" style="padding: 5px;">Personal Insect Repellent</a> <a href="/categories/autotech-australia" style="padding: 5px;">AutoTech Australia</a> </div> <span class="mb-label label-arrow-right"> </span> </li> <li class=" dropdown ms-level0 painting nav-2 first ui-menu-item" id="nav-2" role="presentation" style="background: #00567D"> <a class=" ms-label ui-corner-all dropbtn" href="/store-locator" id="ui-id-2" tabindex="-1" role="menuitem"> FIND STOCKISTS </a> <span class="mb-label label-arrow-right"> </span> </li> <li class=" dropdown ms-level0 painting nav-2 first ui-menu-item" id="nav-2" role="presentation" style="background: #00567D"> <a class=" ms-label ui-corner-all dropbtn" href="/contact-us" id="ui-id-2" tabindex="-1" role="menuitem"> CONTACT </a> <span class="mb-label label-arrow-right"> </span> </li> <li class=" dropdown ms-level0 painting nav-2 first ui-menu-item" id="nav-2" role="presentation" style="background: #00567D"> <a class=" ms-label ui-corner-all dropbtn" href="http://www.dymarkglobal.com" id="ui-id-2" tabindex="-1" role="menuitem"> Dy-Mark Global </a> <span class="mb-label label-arrow-right"> </span> </li> <li class="ms-level0 Sale nav-12 ui-menu-item" id="nav-12" style="display: none; padding-left: 16.0781px; padding-right: 16.0781px; background: #00567D;" role="presentation"> <a class="ms-label ui-corner-all" href="/sale" id="ui-id-12" tabindex="-1" role="menuitem"> Sale </a> <span class="mb-label label-arrow-right"> </span> </li> </ul> </nav> </div> </div> </div></div> <div class="page-main" > <div id="myCarousel" class="carousel slide home-page" data-ride="carousel" data-interval="15000">  <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> <li data-target="#myCarousel" data-slide-to="4"></li> </ol>  <div class="carousel-inner"> <div class="item active"> <a href="/categories/marking-products/aerosol-paints/spray-mark"> <img src="/ts1730432506/attachments/Page/146/S&M_Website-Banners.jpg" alt="Dymark" title="Dymark" style="width: 100%"></a> </div> <div class="item "> <a href="/categories/marking-products"> <img src="/ts1730432506/attachments/Page/146/Markings_Website-Banners.jpg" alt="Dymark" title="Dymark" style="width: 100%"></a> </div> <div class="item "> <a href="/search?q=mine+marking"> <img src="/ts1730432506/attachments/Page/146/MM_Website-Banners.jpg" alt="Dymark" title="Dymark" style="width: 100%"></a> </div> <div class="item "> <a href="/search?q=zinc+guard"> <img src="/ts1730432506/attachments/Page/146/ZG_Website-Banners.jpg" alt="Dymark" title="Dymark" style="width: 100%"></a> </div> <div class="item "> <a href="/categories/cleaners-lubricants/aerosol-cleaners-lubricants"> <img src="/ts1730432506/attachments/Page/146/PT_Website-Banners.jpg" alt="Dymark" title="Dymark" style="width: 100%"></a> </div> <div class="item "> <a href="/categories/marking-products/markers-crayons/paint-marker-range"> <img src="/ts1730432506/attachments/Page/146/paint-marker_Website-Banners.jpg" alt="Dymark" title="Dymark" style="width: 100%"></a> </div> </div>  <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="fa fa-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="fa fa-chevron-right"></span> <span class="sr-only">Next</span> </a> </div> <main id="maincontent" class="page-main"><div data-bind="scope: 'messages'"> </div> <a id="contentarea" tabindex="-1"></a> <div class="widget block categories-list"> <h2>Our Products</h2> <div style="display: inline"> <div class="category-item"> <a class="category-image" href="/categories/marking-products" style="background-image: url('/ts1730432506/attachments/Page/146/marking-cat.jpg')"></a> </div> <div class="category-item"> <a class="category-image" href="/categories//metal-protection" style="background-image: url('/ts1730432506/attachments/Page/146/metal-protection-cat.jpg')"></a> </div> <div class="category-item"> <a class="category-image" href="/categories/cleaners-lubricants" style="background-image: url('/ts1730432506/attachments/Page/146/cleaners-cat.jpg')"></a> </div> <div class="category-item"> <a class="category-image" href="/categories/decorative-coatings" style="background-image: url('/ts1730432506/attachments/Page/146/decorative-cat.jpg')"></a> </div> <div class="category-item"> <a class="category-image" href="/categories/industrial-packaging-products" style="background-image: url('/ts1730432506/attachments/Page/146/packaging-cat.jpg')"></a> </div> <div class="category-item"> <a class="category-image" href="/categories/personal-insect-repellent" style="background-image: url('/ts1730432506/attachments/Page/146/insect-repellent-cat.jpg')"></a> </div> <div class="category-item"> <a class="category-image" href="/categories/autotech-australia" style="background-image: url('/ts1730432506/attachments/Page/146/AutoTech-cat.png')"></a> </div> </div> </div> <p> </p> </main> <script> $('.load-more-latest-news').on('click',function(){ if($('.latest-news-section').hasClass('even')){ $('.latest-news-section').addClass('odd').removeClass('even'); }else{ $('.latest-news-section').addClass('even').removeClass('odd'); } }); </script> <style> .contact-info { background-color: #0093d0; color: white; padding-left: 5px; padding-top: 5px; } </style> </div> <p style="background-color:#00567D"><a title="Dy-Mark Product Guide" href="https://www.dymark.com.au/ts1724292243/attachments/Page/146/dymark_product_catalogue_%202024_digital.pdf" target="_blank" rel="noopener"><img style="display: block; margin-left: auto; margin-right: auto;" src="https://www.dymark.com.au/ts1669872290/attachments/Page/146/product-guide.png" alt="product guide" width="615" height="270" /></a></p> <footer class="page-footer"><div class="footer-inner"><div class="column left"><span data-action="toggle-nav" class="action nav-toggle"> <span></span> <span></span> <span></span> <span></span> </span> <span data-action="nav-sticky" class="sticky-nav"> <span></span> <span></span> <span></span> <span></span> </span> <a class="logo " href="/"> <img src="/ts1667354851/attachments/CmsSetting/4/Dy-Mark%20Logo.png" width="220" height="54"> </a> <p style="padding-left: 20px;">An Australian owned & <br>operated company </p></div><div class="column right"> <div class="section first"> <p class="title">CATEGORIES</p> <ul class="links" >   <li> <a href="/categories/marking-products/aerosol-paints">Marking Paints</a> </li>  <li> <a href="/categories/metal-protection">Metal Protection</a> </li>  <li> <a href="/categories/decorative-coatings">Decorative Coatings</a> </li>  <li> <a href="/categories/cleaners-lubricants">Cleaners & Lubricants</a> </li>  <li> <a href="/categories/industrial-packaging-products">Industrial Packaging</a> </li>  <li> <a href="/categories/personal-insect-repellent">Personal Insect Repellent</a> </li>  <li> <a href="/categories/autotech-australia">AutoTech Australia</a> </li> </ul> </div> <div class="section second"> <p class="title">BRANDS</p> <ul class="links" style="">   <li> <a href="/categories/marking-products/aerosol-paints/spray-mark">Spray & Mark</a> </li>  <li> <a href="/categories/marking-products/aerosol-paints/mine-marking">Mine Marking</a> </li>  <li> <a href="/search?q=zinc+guard">Zinc Guard</a> </li>  <li> <a href="/search?q=metalpro">Metal Pro</a> </li>  <li> <a href="/search?q=Protech">Protech</a> </li>  <li> <a href="/Brands">View All Brands</a> </li> </ul> </div> <div class="section third"> <p class="title">COMPANY</p> <ul class="links" style="">   <li> <a href="/about">About Us</a> </li>  <li> <a href="/about/vision-mission-values">Vision, Mission & Values</a> </li>  <li> <a href="/about/terms-of-use">Website Terms of Use</a> </li>  <li> <a href="/about/privacy-policy">Privacy Policy</a> </li>  <li> <a href="/about/terms-conditions">Terms & Conditions</a> </li>  <li> <a href="https://www.dymark.com.au/ts1685317511/attachments/Page/146/Dy-Mark%20Annual%20Report%20and%20Action%20Plan%202023.pdf">APCO Report</a> </li>  <li> <a href="https://www.dymark.com.au/ts1680047586/attachments/Page/146/20230201-OHSE%20Policy%20(DA-QD-PP-020-02)-C.pdf">QHSE Policy</a> </li>  <li> <a href="https://www.seek.com.au/Dy+Mark-jobs/at-this-company">Careers</a> </li> </ul> </div> <div class="section fourth"> <p class="title">SUPPORT</p> <ul class="links" style="">   <li> <a href="/contact-us">Contact Us</a> </li>  <li> <a href="/faq">FAQs</a> </li>  <li> <a href="ts1724292243/attachments/Page/146/dymark_product_catalogue_%202024_digital.pdf">Download Product Guide</a> </li>  <li> <a href="/store-locator">Stockists</a> </li>  <li> <a href="http://dymark.applyeasy.com.au/credit">Credit Application</a> </li>  <li> <a href="/Storage">Dy-Mark Product Shelf Life & Storage</a> </li>  <li> <a href="https://dymark.formstack.com/forms/customer_satisfaction_survey">Customer Satisfaction Survey</a> </li> </ul> </div> </div> </div> </footer> <script> function footerDropdown(x) { if (x.matches) { var a = document.getElementsByClassName("section first")[0] var b = document.getElementsByClassName("section second")[0] var c = document.getElementsByClassName("section third")[0] var d = document.getElementsByClassName("section fourth")[0] a.addEventListener("click", function(){ b.childNodes[3].style.display="none" c.childNodes[3].style.display="none" d.childNodes[3].style.display="none" dropdown(a); }); b.addEventListener("click", function(){ a.childNodes[3].style.display="none" c.childNodes[3].style.display="none" d.childNodes[3].style.display="none" dropdown(b); }); c.addEventListener("click",function(){ a.childNodes[3].style.display="none" b.childNodes[3].style.display="none" d.childNodes[3].style.display="none" dropdown(c); }); d.addEventListener("click",function(){ a.childNodes[3].style.display="none" b.childNodes[3].style.display="none" c.childNodes[3].style.display="none" dropdown(d); }); } } var x = window.matchMedia("(max-width: 700px)") footerDropdown(x) x.addListener(footerDropdown) function dropdown(element){ if(element.childNodes[3].style.display == "block") { element.childNodes[3].style.display="none" } else { element.childNodes[3].style.display="block" } } </script> </div> </div> <div class="zip-spinner" style="position: absolute;top: 50%;left: 50%; display:none;"><img class="Processing" src="/ajax.gif" alt="Processing"></div> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.min.js" type="text/javascript"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous" type="text/javascript"></script> <script src="/ts1698615496/attachments/PageLayout/92/bootstrap-select.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script> <script> WebFontConfig = { custom: { families: [ 'FontAwesome' ], urls: [ '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' ] } }; (function(d) { var wf = d.createElement('script'), s = d.scripts[0]; wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js'; wf.async = true; s.parentNode.insertBefore(wf, s); })(document); </script> <script type="text/javascript" src="/ts1723392400/cms_javascripts/av-aggregated-js.js"></script> <script> //= require gritter CustomJS = { startup: function($html) { $html.find("button.save_button").click(function(event) { event.preventDefault(); if ($(this).data('av-submitted')) return; var form = $(this).closest('form'); if (form != undefined && validateForm(form) == true) { $(form).submit(); $(this).data('av-submitted', true); } }) var validateForm = function (form) { form.find('input, select, textarea').trigger('custom-js.validate'); var validation_pending = form.find('.validation-pending:visible'); if(validation_pending.length){ return } var validation_errors = form.find('.validation-error, .validation-pending'); if (validation_errors.length) { flashValidationError(validation_errors); return false; } $html.find(".attribute-no-select").each(function(i, el) { var $el = $(el); if (!$el.val()) { $el.attr('disabled', 'disabled'); } }); return true; } var addValidationError = function($el, text) { $el.addClass('validation-error'); $.gritter.add({image:'/ts2023-03-16 07:35:33 +1000/attachments/SnippetVersion/113/alert-image.png',time:3000,title:'Warning',text: text}); }; var removeValidationError = function($el) { $el.removeClass('validation-error'); }; var flashValidationError = function($el) { var backgroundColor = $el.css('background-color') $el.css('background-color', 'rgba(247, 208, 208, 1)'); $el.animate({'background-color': backgroundColor}, 400); }; $html.on('click','.confirm-selection-button',function(){ if($("input[name=selected_delivery_address]:checked").val()){ removeValidationError($(this)); } else{ addValidationError($(this), "Please Select any Address to continue"); } }); // Payment Gateway validations $html.find('input[name="EPS_CARDNUMBER"]').on('custom-js.validate', function() { if (!$(this).val().trim().match(/^[0-9]{16}$/)) { addValidationError($(this), "Enter 16 digit credit card number."); } else { removeValidationError($(this)); } }); $html.find('select[name="EPS_EXPIRYMONTH"]').on(' custom-js.validate', function(){ var selectedMonth = parseInt($('#payment_data_credit_card_month').val()); var selectedYear = parseInt($('#payment_data_credit_card_year').val()); var currentDate = new Date(); if ($(this).val().trim() == '') { addValidationError($(this), "Expire Month cannot be blank."); } else if (selectedMonth && selectedYear && selectedYear <= currentDate.getFullYear() && selectedMonth < currentDate.getMonth() + 1) { addValidationError($(this), "Invalid Expire Month."); } else { removeValidationError($(this)); } }); $html.find('select[name="EPS_EXPIRYYEAR"]').on(' custom-js.validate', function(){ var selectedMonth = parseInt($('#payment_data_credit_card_month').val()); var selectedYear = parseInt($('#payment_data_credit_card_year').val()); var currentDate = new Date(); if ($(this).val().trim() == '') { addValidationError($(this), "Expire Year cannot be blank."); }else if (selectedMonth && selectedYear && selectedYear < currentDate.getFullYear() && selectedMonth < currentDate.getMonth() + 1) { addValidationError($('#payment_data_credit_card_month'), "Invalid Expire Month."); }else { removeValidationError($(this)); } }); $html.find('input[name="EPS_CCV"]').on(' custom-js.validate', function() { if($(this).val().trim() == ""){ addValidationError($(this), "CVV cannot be blank."); } else if (!$(this).val().trim().match(/^[0-9]{3,4}$/g)) { addValidationError($(this), "Enter valid CVV details."); } else { removeValidationError($(this)); } }); $html.find('input[name="payment_data[credit_card][first_name]"]').on(' custom-js.validate', function() { if($(this).val().trim() == ""){ addValidationError($(this), "Card Holder name cannot be blank."); } else { removeValidationError($(this)); } }); CustomJS.validateForm = validateForm; CustomJS.addValidationError = addValidationError; CustomJS.removeValidationError = removeValidationError; } } </script> <script> Avenue.settings.init_functions.push(function($html) { CustomJS.startup($html); }); </script> <script type="text/javascript" src=""></script> <script type="text/javascript" src="/ts1723392400/cms_javascripts/moment-with-locales-min.js"></script> <script type="text/javascript" src=""></script> <script type="text/javascript" src="/ts1723392400/cms_javascripts/eCom-Javascript.js"></script> <script type="text/javascript" src="/ts1723392400/cms_javascripts/Jcrop.js"></script> <script type="text/javascript" src="/ts1723392400/cms_javascripts/clock-picker-custom.js"></script> <script> $('.invoice-bs-select select').selectpicker(); </script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <script> loadCSS("//code.jquery.com/ui/1.12.1/themes/blitzer/jquery-ui.min.css"); loadCSS("//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"); </script> <script type="text/javascript" src="/ts1723392400/cms_javascripts/av-avenue-scripts.min.js"></script> <script> </script> <script type="text/javascript"> jQuery(function($) { $('input.payment_toggle').change(function() { var selected_payment_amount = 0; var no_of_check_boxes = $('input.payment_toggle').length; var no_of_selected_check_boxes = $('input.payment_toggle:checked').length; $('input.payment_toggle:checked').each(function(i, element) { selected_payment_amount += (parseFloat($(element).siblings('input.invoice_amount').val()) - parseFloat($(element).siblings('input.invoice_disc_amount').val()) ); }); $('#total_payable').html("$" + selected_payment_amount.toFixed(2));//.formatCurrency(); if($('input.all_invoice_payments').prop('checked') == true) { $("input.all_invoice_payments").prop("checked",false); } if(no_of_check_boxes == no_of_selected_check_boxes) { $("input.all_invoice_payments").prop("checked",true); } }); $('input.all_invoice_payments').change(function() { var selected_payment_amount = 0; $("input.payment_toggle").prop("checked",$(this).prop("checked")); if(this.checked == true) { $('input.payment_toggle').each(function(i, element) { selected_payment_amount += (parseFloat($(element).siblings('input.invoice_amount').val()) - parseFloat($(element).siblings('input.invoice_disc_amount').val()) ); }); $('#total_payable').html("$" + selected_payment_amount.toFixed(2));//.formatCurrency(); } else { $('#total_payable').html("$" + selected_payment_amount.toFixed(2));//.formatCurrency(); } }); }); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'G-G9CTEQMC0L']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script type="text/javascript">var addthis_config = {"data_track_addressbar":false};</script> <script id="addthis_plugin" type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52a7e34a0c49e3ce" async></script> <script> $('.main-search-block select').selectpicker(); $('.slick-responsive').slick({ infinite: false, speed: 300, slidesToShow: 7, slidesToScroll: 7, responsive: [ { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); $('.top-categories-responsive').slick({ infinite: true, speed: 300, slidesToShow: 5, slidesToScroll: 5, responsive: [ { breakpoint: 1920, settings: { slidesToShow: 5, slidesToScroll: 5 } }, { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 3 } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); if($(window).width() > 1200){ $('nav#sidebar ul').niceScroll({railalign: 'right',railpadding: { top: 0, right: -15, left: 0, bottom: 0 },cursorcolor: "#c1c1c1"}); } </script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> <script> Cookies.set('browser_timezone', (new Date()).getTimezoneOffset() * (-60)); </script> <div class="modal store-selector-modal" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body store-selector-body"> <div class="store-selector-row d-flex"> <div class="store-selector-map"></div> <div class="store-selector-list"> <div class="avenue-store-filter d-flex align-items-top"> <div> <h3 class="text-brand font-weight-medium mt-0 mb-0">Click & Collect Availability</h3> </div> </div> <div class="panel panel-default radius-20 find-store border-none"> <div class="panel-body"> <div class="input-group d-flex align-center"> <select id="radiusSelect" class="country-name w-100 hidden-xs" name="radius"><option value="15" selected="selected">15 km</option><option value="25">25 km</option><option value="100">100 km</option><option value="150">150 km</option><option value="200">200 km</option><option value="500">500 km</option><option value="1000">1000 km</option><option value="8000">8000 km</option></select> <input name="query" class="form-control store-selector-query" type="text" placeholder="Enter your Suburb or Postcode"> <button class="btn btn-default btn-primary btn-circle store-selector-submit-query" type="button">Search</button> </div> </div> </div> <div class="store-selector-results-section"> <div class="store-selector-loading hidden"> <img src="/ajax.gif" alt="Loading Results..."> </div> <ul class="store-selector-results jq-nice-scroller"> <li class="store-location-template store-location-selectable"> <div class="store-location-brief store-marker-detail-inside-map"> <h4 class="mt-0"> <div class="store-location-title" data-avdata-text="title"></div> </h4> <div data-avdata-text="stock"></div> <div class="store-location-address-detail"> <span data-avdata-text="address"></span> <br> <span data-avdata-text="address2"></span> <span data-avdata-text="address3"></span> <span data-avdata-text="suburb"></span> <span data-avdata-text="state"></span> <span data-avdata-text="postcode"></span> <span data-avdata-text="phone"></span> <br> </div> <div class="d-flex align-center mb-20 mt-10 icon-section"> <a href="tel:replace-av-data-phone" class="light-gray-circle" data-toggle="popover" data-content="" data-placement="top" data-original-title="" title=""><i class="material-icons">phone</i></a> <a href="mailto:replace-av-data-email" class="light-gray-circle ml-25" data-toggle="tooltip" data-placement="top" title="" data-original-title=""><i class="material-icons">mail</i></a> <span class="ml-auto"> <span class="stock-status label label-success" data-avdata-instock>IN STOCK</span> <span class="stock-status label label-info" data-avdata-outofstock>OUT OF STOCK</span> </span> </div> <div class="d-flex align-center btn-section"> <a class="btn btn-sm btn-primary btn-circle" href="/store_locations/replace-av-data-slug"><span class="anchor-text"></span>STORE DETAILS</a> <a class="btn btn-sm btn-primary btn-circle ml-auto set-store-location-and-submit on-map-hide" avenue-store-location-id="replace-av-data-id">Set Store</a> <a class="btn btn-sm btn-primary disabled btn-circle ml-auto hidden selected-store-location"> <span class="d-flex align-items-center "><i class="material-icons" style="font-size: 16px;">check_circle_outline</i> <span style="line-height: 0.8;margin-left: 3px;"> SELECTED </span> </span> </a> </div> </div> </li> <li class="store-location-noresults "> No results found </li> </ul> <div class="text-center"> <button class="store-selector-submit btn btn-primary btn-circle mb-0 fw-500 hidden" disabled="disabled"> Select this Store </button> </div> </div> </div> </div> <a href="javascript:void(0)" class="align-center d-flex justify-center light-gray-circle bg-white store-close-btn" data-dismiss="modal" aria-label="Close"> <i class="fa fa-times"></i></a> <button type="button" class="store-selector-button store-selector-this-location hidden">Use This Location</button> </div> </div> </div> </div> <script data-avenue-ensure-appended="true"> $('.store-selector-results.jq-nice-scroller').niceScroll({ cursorcolor: "#bbbbbb", cursorwidth: "5px", cursorborderradius: "5px", scrollspeed: 60, railpadding: { top: 0, right: -15, left: 0, bottom: 0 }, autohidemode: false }); </script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>  <link rel='stylesheet' id='ls-google-fonts-css' href='https://fonts.googleapis.com/css?family=Lato:100,300,regular,700,900,400%7COpen+Sans:300,400%7CIndie+Flower:regular%7COswald:300,regular,700%7CPoppins:300,regular,500,600,700%7CYanone+Kaffeesatz:300%7CMontserrat:regular,700,900,100,200,300%7CRoboto+Slab:100,300,regular,700%7CLibre+Baskerville:regular,italic,700%7CRoboto:regular%7CRoboto+Condensed:300,regular,700:400%7CDancing+Script:regular,700%7CNunito:300,regular,200,600%7CHandlee:regular%7CPacifico:regular%7CRaleway:100,200,300,500%7CHoltwood+One+SC:regular%7CMarko+One:regular%7CCaveat:regular%7CCuprum:regular%7CSlabo+27px:regular:400%7CVarela+Round:regular%7CShadows+Into+Light+Two:regular%7CPlayfair+Display:regular,italic%7CTitillium+Web:900%7CQuicksand:300,regular&subset=latin%2Clatin-ext' type='text/css' media='all' /> <link rel='stylesheet' id='layerslider-css' href='https://cdn6.kreaturamedia.com/wp-content/plugins/LayerSlider/static/layerslider/css/layerslider.css?ver=6.5.0' type='text/css' media='all' /> <script type='text/javascript' data-cfasync="false" src='https://cdn2.kreaturamedia.com/wp-content/plugins/LayerSlider/static/layerslider/js/greensock.js?ver=1.19.0'></script> <script type='text/javascript' data-cfasync="false" src='https://cdn2.kreaturamedia.com/wp-content/plugins/LayerSlider/static/layerslider/js/layerslider.kreaturamedia.jquery.js?ver=6.5.0'></script> <script type='text/javascript' data-cfasync="false" src='https://cdn2.kreaturamedia.com/wp-content/plugins/LayerSlider/static/layerslider/js/layerslider.transitions.js?ver=6.5.0'></script> <script data-cfasync="false" type="text/javascript"> var lsjQuery = jQuery; </script> <script data-cfasync="false" type="text/javascript"> /*<![CDATA[*/ lsjQuery(document).ready(function() { if (typeof lsjQuery.fn.layerSlider == "undefined") { if (window._layerSlider && window._layerSlider.showNotice) { window._layerSlider.showNotice('layerslider_11', 'jquery'); } } else { lsjQuery("#layerslider_11").layerSlider({ sliderVersion: '6.0.0', type: 'fullwidth', responsiveUnder: 1200, hideUnder: 0, hideOver: 100000, skin: 'roundedflat', globalBGColor: '#ffffff', globalBGSize: 'auto', navStartStop: false, skinsPath: 'https://layerslider.kreaturamedia.com/wp-content/plugins/LayerSlider/static/layerslider/skins/' }); } }); /*]]>*/ </script> <script type="text/javascript"> //script to make option selected in dropdown active $(document).ready(function(){ var available_verticals = ["mobile_sales", "invoice_pay", "service_connect"]; var isEcom = true; available_verticals.forEach(function (verticals){ if(window.location.href.includes(verticals)){ $('.jq_'+verticals+'_active').addClass('active'); isEcom = false; } }); if(isEcom){ $('.jq_ecommerce_active').addClass('active'); } }); </script> </body> </html>

CINXE.COM

Dy-Mark Australia | Home