@charset "UTF-8"; /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { - -blue: #007bff; - -indigo: #6610f2; - -purple: #6f42c1; - -pink: #e83e8c; - -red: #dc3545; - -orange: #fd7e14; - -yellow: #ffc107; - -green: #28a745; - -teal: #20c997; - -cyan: #17a2b8; - -white: #fff; - -gray: #6c757d; - -gray-dark: #343a40; - -primary: #007bff; - -secondary: #6c757d; - -success: #28a745; - -info: #17a2b8; - -warning: #ffc107; - -danger: #dc3545; - -light: #f8f9fa; - -dark: #343a40; - -breakpoint-xs: 0; - -breakpoint-sm: 576px; - -breakpoint-md: 768px; - -breakpoint-lg: 992px; - -breakpoint-xl: 1200px; - -font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - -font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, ::after, ::before { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } @ -ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0056b3; text-decoration: underline; } a:not ([href] ):not ([tabindex] ) { color: inherit; text-decoration: none; } a:not ([href] ):not ([tabindex] ):focus, a:not ([href] ):not ([tabindex] ):hover { color: inherit; text-decoration: none; } a:not ([href] ):not ([tabindex] ):focus { outline: 0; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not (:root ) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } .h1, h1 { font-size: 2.5rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.5rem; } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .small, small { font-size: 80%; font-weight: 400; } .mark, mark { padding: .2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not (:last-child ) { margin-right: .5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: .5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a>code { color: inherit; } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media ( min-width : 576px) { .container { max-width: 540px; } } @media ( min-width : 768px) { .container { max-width: 720px; } } @media ( min-width : 992px) { .container { max-width: 960px; } } @media ( min-width : 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -5px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media ( min-width : 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media ( min-width : 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media ( min-width : 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media ( min-width : 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody+tbody { border-top: 2px solid #dee2e6; } .table .table { background-color: #fff; } .table-sm td, .table-sm th { padding: .3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6; } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary>td, .table-primary>th { background-color: #b8daff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #9fcdff; } .table-secondary, .table-secondary>td, .table-secondary>th { background-color: #d6d8db; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #c8cbcf; } .table-success, .table-success>td, .table-success>th { background-color: #c3e6cb; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #b1dfbb; } .table-info, .table-info>td, .table-info>th { background-color: #bee5eb; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #abdde5; } .table-warning, .table-warning>td, .table-warning>th { background-color: #ffeeba; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #ffe8a1; } .table-danger, .table-danger>td, .table-danger>th { background-color: #f5c6cb; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #f1b0b7; } .table-light, .table-light>td, .table-light>th { background-color: #fdfdfe; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover>td, .table-hover .table-light:hover>th { background-color: #ececf6; } .table-dark, .table-dark>td, .table-dark>th { background-color: #c6c8ca; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #b9bbbe; } .table-active, .table-active>td, .table-active>th { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark td, .table-dark th, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media ( max-width : 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm>.table-bordered { border: 0; } } @media ( max-width : 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md>.table-bordered { border: 0; } } @media ( max-width : 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg>.table-bordered { border: 0; } } @media ( max-width : 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl>.table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive>.table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not ([size] ):not ([multiple] ) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg>.form-control-plaintext.form-control, .input-group-lg>.input-group-append>.form-control-plaintext.btn, .input-group-lg>.input-group-append>.form-control-plaintext.input-group-text, .input-group-lg>.input-group-prepend>.form-control-plaintext.btn, .input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text, .input-group-sm>.form-control-plaintext.form-control, .input-group-sm>.input-group-append>.form-control-plaintext.btn, .input-group-sm>.input-group-append>.form-control-plaintext.input-group-text, .input-group-sm>.input-group-prepend>.form-control-plaintext.btn, .input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; } .input-group-sm>.input-group-append>select.btn:not ([size] ):not ([multiple] ), .input-group-sm>.input-group-append>select.input-group-text:not ([size] ):not ([multiple] ), .input-group-sm>.input-group-prepend>select.btn:not ([size] ):not ([multiple] ), .input-group-sm>.input-group-prepend>select.input-group-text:not ([size] ):not ([multiple] ), .input-group-sm>select.form-control:not ([size] ):not ([multiple] ), select.form-control-sm:not ([size] ):not ([multiple] ) { height: calc(1.8125rem + 2px); } .form-control-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } .input-group-lg>.input-group-append>select.btn:not ([size] ):not ([multiple] ), .input-group-lg>.input-group-append>select.input-group-text:not ([size] ):not ([multiple] ), .input-group-lg>.input-group-prepend>select.btn:not ([size] ):not ([multiple] ), .input-group-lg>.input-group-prepend>select.input-group-text:not ([size] ):not ([multiple] ), .input-group-lg>select.form-control:not ([size] ):not ([multiple] ), select.form-control-lg:not ([size] ):not ([multiple] ) { height: calc(2.875rem + 2px); } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: .25rem; } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row>.col, .form-row>[class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(40, 167, 69, 0.8); border-radius: .2rem; } .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: #28a745; } .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block; } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #28a745; } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block; } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #28a745; } .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: #71dd8a; } .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block; } .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: #34ce57; } .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #28a745; } .custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before { border-color: inherit; } .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block; } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, 0.8); border-radius: .2rem; } .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border-color: #dc3545; } .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block; } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545; } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block; } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #dc3545; } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: #efa2a9; } .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block; } .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { background-color: #e4606d; } .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #dc3545; } .custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before { border-color: inherit; } .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block; } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media ( min-width : 576px) { .form-inline label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: .25rem; margin-left: 0; } .form-inline .custom-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .btn:focus, .btn:hover { text-decoration: none; } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: .65; } .btn:not (:disabled ):not (.disabled ) { cursor: pointer; } .btn:not (:disabled ):not (.disabled ).active, .btn:not (:disabled ):not (.disabled ):active { background-image: none; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not (:disabled ):not (.disabled ).active, .btn-primary:not (:disabled ):not (.disabled ):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not (:disabled ):not (.disabled ).active:focus, .btn-primary:not (:disabled ):not (.disabled ):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not (:disabled ):not (.disabled ).active, .btn-secondary:not (:disabled ):not (.disabled ):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not (:disabled ):not (.disabled ).active:focus, .btn-secondary:not (:disabled ):not (.disabled ):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success.focus, .btn-success:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not (:disabled ):not (.disabled ).active, .btn-success:not (:disabled ):not (.disabled ):active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not (:disabled ):not (.disabled ).active:focus, .btn-success:not (:disabled ):not (.disabled ):active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info.focus, .btn-info:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not (:disabled ):not (.disabled ).active, .btn-info:not (:disabled ):not (.disabled ):active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not (:disabled ):not (.disabled ).active:focus, .btn-info:not (:disabled ):not (.disabled ):active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning.focus, .btn-warning:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not (:disabled ):not (.disabled ).active, .btn-warning:not (:disabled ):not (.disabled ):active, .show>.btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not (:disabled ):not (.disabled ).active:focus, .btn-warning:not (:disabled ):not (.disabled ):active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger.focus, .btn-danger:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not (:disabled ):not (.disabled ).active, .btn-danger:not (:disabled ):not (.disabled ):active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not (:disabled ):not (.disabled ).active:focus, .btn-danger:not (:disabled ):not (.disabled ):active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light.focus, .btn-light:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not (:disabled ):not (.disabled ).active, .btn-light:not (:disabled ):not (.disabled ):active, .show>.btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not (:disabled ):not (.disabled ).active:focus, .btn-light:not (:disabled ):not (.disabled ):active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark.focus, .btn-dark:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not (:disabled ):not (.disabled ).active, .btn-dark:not (:disabled ):not (.disabled ):active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not (:disabled ):not (.disabled ).active:focus, .btn-dark:not (:disabled ):not (.disabled ):active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent; } .btn-outline-primary:not (:disabled ):not (.disabled ).active, .btn-outline-primary:not (:disabled ):not (.disabled ):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not (:disabled ):not (.disabled ).active:focus, .btn-outline-primary:not (:disabled ):not (.disabled ):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not (:disabled ):not (.disabled ).active, .btn-outline-secondary:not (:disabled ):not (.disabled ):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not (:disabled ):not (.disabled ).active:focus, .btn-outline-secondary:not (:disabled ):not (.disabled ):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not (:disabled ):not (.disabled ).active, .btn-outline-success:not (:disabled ):not (.disabled ):active, .show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not (:disabled ):not (.disabled ).active:focus, .btn-outline-success:not (:disabled ):not (.disabled ):active:focus, .show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not (:disabled ):not (.disabled ).active, .btn-outline-info:not (:disabled ):not (.disabled ):active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not (:disabled ):not (.disabled ).active:focus, .btn-outline-info:not (:disabled ):not (.disabled ):active:focus, .show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not (:disabled ):not (.disabled ).active, .btn-outline-warning:not (:disabled ):not (.disabled ):active, .show>.btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not (:disabled ):not (.disabled ).active:focus, .btn-outline-warning:not (:disabled ):not (.disabled ):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not (:disabled ):not (.disabled ).active, .btn-outline-danger:not (:disabled ):not (.disabled ):active, .show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not (:disabled ):not (.disabled ).active:focus, .btn-outline-danger:not (:disabled ):not (.disabled ):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not (:disabled ):not (.disabled ).active, .btn-outline-light:not (:disabled ):not (.disabled ):active, .show>.btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not (:disabled ):not (.disabled ).active:focus, .btn-outline-light:not (:disabled ):not (.disabled ):active:focus, .show>.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not (:disabled ):not (.disabled ).active, .btn-outline-dark:not (:disabled ):not (.disabled ):active, .show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not (:disabled ):not (.disabled ).active:focus, .btn-outline-dark:not (:disabled ):not (.disabled ):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; background-color: transparent; } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent; } .btn-link.focus, .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none; } .btn-link.disabled, .btn-link:disabled { color: #6c757d; } .btn-group-lg>.btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } .btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; } .btn-block { display: block; width: 100%; } .btn-block+.btn-block { margin-top: .5rem; } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity .15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease; } .dropdown, .dropup { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: .25rem; } .dropup .dropdown-menu { margin-top: 0; margin-bottom: .125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { margin-top: 0; margin-left: .125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-bottom: .3em solid transparent; border-left: .3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { margin-top: 0; margin-right: .125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .btn-group-vertical>.btn:hover, .btn-group>.btn:hover { z-index: 1; } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus { z-index: 1; } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group, .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-left: -1px; } .btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group>.btn:first-child { margin-left: 0; } .btn-group>.btn-group:not (:last-child ) >.btn, .btn-group>.btn:not (:last-child ):not (.dropdown-toggle ) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn-group:not (:first-child ) >.btn, .btn-group>.btn:not (:first-child ) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem; } .dropdown-toggle-split::after { margin-left: 0; } .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem; } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .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-group:not (:last-child ) >.btn, .btn-group-vertical>.btn:not (:last-child ):not (.dropdown-toggle ) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn-group:not (:first-child ) >.btn, .btn-group-vertical>.btn:not (:first-child ) { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn { margin-bottom: 0; } .btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group>.custom-file:focus, .input-group>.custom-select:focus, .input-group>.form-control:focus { z-index: 3; } .input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control { margin-left: -1px; } .input-group>.custom-select:not (:last-child ), .input-group>.form-control:not (:last-child ) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group>.custom-select:not (:first-child ), .input-group>.form-control:not (:first-child ) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group>.custom-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-group>.custom-file:not (:last-child ) .custom-file-label, .input-group>.custom-file:not (:last-child ) .custom-file-label::before { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group>.custom-file:not (:first-child ) .custom-file-label, .input-group>.custom-file:not (:first-child ) .custom-file-label::before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-append, .input-group-prepend { display: -webkit-box; display: -ms-flexbox; display: flex; } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2; } .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; } .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0; } .input-group>.input-group-append:last-child>.btn:not (:last-child ):not (.dropdown-toggle ), .input-group>.input-group-append:last-child>.input-group-text:not (:last-child ), .input-group>.input-group-append:not (:last-child ) >.btn, .input-group>.input-group-append:not (:last-child ) >.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not (:first-child ), .input-group>.input-group-prepend:first-child>.input-group-text:not (:first-child ), .input-group>.input-group-prepend:not (:first-child ) >.btn, .input-group>.input-group-prepend:not (:first-child ) >.input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { margin-bottom: 0; } .custom-control-label::before { position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6; } .custom-control-label::after { position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: .25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not ([size="1"] ) { height: auto; padding-right: .75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 75%; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 125%; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-control { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:focus ~ .custom-file-control::before { border-color: #80bdff; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: .375rem .75rem; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(calc(2.25rem + 2px)- 1px* 2); padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 .25rem .25rem 0; } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: .5rem 1rem; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #6c757d; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: .25rem; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem; } .navbar>.container, .navbar>.container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:not (:disabled ):not (.disabled ) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media ( max-width : 575.98px) { .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid { padding-right: 0; padding-left: 0; } } @media ( min-width : 576px) { .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media ( max-width : 767.98px) { .navbar-expand-md>.container, .navbar-expand-md>.container-fluid { padding-right: 0; padding-left: 0; } } @media ( min-width : 768px) { .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-md>.container, .navbar-expand-md>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media ( max-width : 991.98px) { .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { padding-right: 0; padding-left: 0; } } @media ( min-width : 992px) { .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100%; } } @media ( max-width : 1199.98px) { .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid { padding-right: 0; padding-left: 0; } } @media ( min-width : 1200px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100%; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand>.container, .navbar-expand>.container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto; } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand>.container, .navbar-expand>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100%; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff; } .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: .25rem; } .card>hr { margin-right: 0; margin-left: 0; } .card>.list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .card>.list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: .75rem; } .card-subtitle { margin-top: -.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link+.card-link { margin-left: 1.25rem; } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } .card-header+.list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); } .card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0; } .card-header-pills { margin-right: -.625rem; margin-left: -.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px); } .card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media ( min-width : 576px) { .card-deck { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-group>.card { margin-bottom: 15px; } @media ( min-width : 576px) { .card-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group>.card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group>.card+.card { margin-left: 0; border-left: 0; } .card-group>.card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group>.card:first-child .card-header, .card-group>.card:first-child .card-img-top { border-top-right-radius: 0; } .card-group>.card:first-child .card-footer, .card-group>.card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group>.card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group>.card:last-child .card-header, .card-group>.card:last-child .card-img-top { border-top-left-radius: 0; } .card-group>.card:last-child .card-footer, .card-group>.card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group>.card:only-child { border-radius: .25rem; } .card-group>.card:only-child .card-header, .card-group>.card:only-child .card-img-top { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .card-group>.card:only-child .card-footer, .card-group>.card:only-child .card-img-bottom { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .card-group>.card:not (:first-child ):not (:last-child ):not (:only-child ) { border-radius: 0; } .card-group>.card:not (:first-child ):not (:last-child ):not (:only-child ) .card-footer, .card-group>.card:not (:first-child ):not (:last-child ):not (:only-child ) .card-header, .card-group>.card:not (:first-child ):not (:last-child ):not (:only-child ) .card-img-bottom, .card-group>.card:not (:first-child ):not (:last-child ):not (:only-child ) .card-img-top { border-radius: 0; } } .card-columns .card { margin-bottom: .75rem; } @media ( min-width : 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem; } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; padding-left: .5rem; color: #6c757d; content: "/"; } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-link:not (:disabled ):not (.disabled ) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem; } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } .badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #0062cc; } .badge-secondary { color: #fff; background-color: #6c757d; } .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #545b62; } .badge-success { color: #fff; background-color: #28a745; } .badge-success[href]:focus, .badge-success[href]:hover { color: #fff; text-decoration: none; background-color: #1e7e34; } .badge-info { color: #fff; background-color: #17a2b8; } .badge-info[href]:focus, .badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #117a8b; } .badge-warning { color: #212529; background-color: #ffc107; } .badge-warning[href]:focus, .badge-warning[href]:hover { color: #212529; text-decoration: none; background-color: #d39e00; } .badge-danger { color: #fff; background-color: #dc3545; } .badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #bd2130; } .badge-light { color: #212529; background-color: #f8f9fa; } .badge-light[href]:focus, .badge-light[href]:hover { color: #212529; text-decoration: none; background-color: #dae0e5; } .badge-dark { color: #fff; background-color: #343a40; } .badge-dark[href]:focus, .badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #1d2124; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem; } @media ( min-width : 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @ -webkit-keyframes progress-bar-stripes {from { background-position:1rem0; } to { background-position: 0 0; } } @ keyframes progress-bar-stripes {from { background-position:1rem0; } to { background-position: 0 0; } } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; } .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #007bff; transition: width .6s ease; } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:focus, .close:hover { color: #000; text-decoration: none; opacity: .75; } .close:not (:disabled ):not (.disabled ) { cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - ( .5rem * 2)); } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; 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; } .modal-backdrop.show { opacity: .5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: .3rem; border-top-right-radius: .3rem; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer>:not (:first-child ) { margin-left: .25rem; } .modal-footer>:not (:last-child ) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media ( min-width : 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - ( 1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media ( min-width : 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: .9; } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0; } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0; } .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000; } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem; } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem; } .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000; } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0; } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0; } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000; } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem; } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem; } .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: .3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem; } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem; } .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow { bottom: calc(( .5rem + 1px)* -1); } .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { border-width: .5rem .5rem 0; } .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem; } .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow { left: calc(( .5rem + 1px)* -1); width: .5rem; height: 1rem; margin: .3rem 0; } .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { border-width: .5rem .5rem .5rem 0; } .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem; } .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow { top: calc(( .5rem + 1px)* -1); } .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { border-width: 0 .5rem .5rem .5rem; } .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem; } .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow { right: calc(( .5rem + 1px)* -1); width: .5rem; height: 1rem; margin: .3rem 0; } .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { border-width: .5rem 0 .5rem .5rem; } .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: .5rem .75rem; color: #212529; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0); } @ supports (-webkit-transform-style: preserve-3d ) or (transform-style: preserve-3d ) { .carousel-item-next .carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform:translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .active.carousel-item-right, .carousel-item-next { -webkit-transform: translateX(100%); transform: translateX(100%); } @ supports (-webkit-transform-style: preserve-3d ) or (transform-style: preserve-3d ) { .active .carousel-item-right, .carousel-item-next { -webkit-transform:translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .active.carousel-item-left, .carousel-item-prev { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @ supports (-webkit-transform-style: preserve-3d ) or (transform-style: preserve-3d ) { .active .carousel-item-left, .carousel-item-prev { -webkit-transform:translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media ( min-width : 769px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media ( min-width : 769px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media ( min-width : 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media ( min-width : 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media ( min-width : 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media ( min-width : 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media ( min-width : 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media ( min-width : 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media ( min-width : 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media ( min-width : 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media ( min-width : 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media ( min-width : 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @ supports (position: -webkit-sticky ) or (position: sticky ) { .sticky-top { position:-webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media ( min-width : 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media ( min-width : 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media ( min-width : 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media ( min-width : 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media ( min-width : 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media ( min-width : 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media ( min-width : 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media ( min-width : 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:focus, a.text-primary:hover { color: #0062cc !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:focus, a.text-secondary:hover { color: #545b62 !important; } .text-success { color: #28a745 !important; } a.text-success:focus, a.text-success:hover { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:focus, a.text-info:hover { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:focus, a.text-warning:hover { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:focus, a.text-danger:hover { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:focus, a.text-light:hover { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:focus, a.text-dark:hover { color: #1d2124 !important; } .text-muted { color: #6c757d !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important; } a:not (.btn ) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } /*# sourceMappingURL=bootstrap.min.css.map */ /*! * Bootstrap-select v1.13.5 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2018 SnapAppointments, LLC * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */ .bootstrap-select>select.bs-select-hidden, select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px\0; vertical-align: middle; } .bootstrap-select>.dropdown-toggle { position: relative; width: 100%; z-index: 1; text-align: right; white-space: nowrap; } .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { color: #999; } .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover { color: rgba(255, 255, 255, 0.5); } .bootstrap-select>select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select>select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle { border-color: #b94a48; } .bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle { border-color: #28a745; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not ([class*=col-] ):not ([class*=form-control] ):not (.input-group-btn ) { width: 220px; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { outline: thin dotted #333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } :not (.input-group ) >.bootstrap-select.form-control:not ([class*=col-] ) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.form-control.input-group-btn:not (:first-child ):not (:last-child ) >.btn { border-radius: 0; } .bootstrap-select:not (.input-group-btn ), .bootstrap-select[class*=col-] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right { float: right; } .form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select { margin-bottom: 0; } .form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0; } .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle { font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle { padding: .25rem .5rem; } .bootstrap-select.form-control-lg .dropdown-toggle { padding: .5rem 1rem; } .form-inline .bootstrap-select .form-control { width: 100%; } .bootstrap-select.disabled, .bootstrap-select>.disabled { cursor: not-allowed; } .bootstrap-select.disabled:focus, .bootstrap-select>.disabled:focus { outline: 0 !important; } .bootstrap-select.bs-container { position: absolute; top: 0; left: 0; height: 0 !important; padding: 0 !important; } .bootstrap-select.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select .dropdown-toggle:before { content: ''; display: inline-block; } .bootstrap-select .dropdown-toggle .filter-option { position: absolute; top: 0; left: 0; padding-top: inherit; padding-right: inherit; padding-bottom: inherit; padding-left: inherit; height: 100%; width: 100%; text-align: left; } .bootstrap-select .dropdown-toggle .filter-option-inner { padding-right: inherit; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden; } .bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .input-group .bootstrap-select.form-control .dropdown-toggle { border-radius: inherit; } .bootstrap-select[class*=col-] .dropdown-toggle { width: 100%; } .bootstrap-select .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select .dropdown-menu>.inner:focus { outline: 0 !important; } .bootstrap-select .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select .dropdown-menu li { position: relative; } .bootstrap-select .dropdown-menu li.active small { color: rgba(255, 255, 255, 0.5) !important; } .bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select .dropdown-menu li small { padding-left: .5em; } .bootstrap-select .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -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); pointer-events: none; opacity: .9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.fit-width .dropdown-toggle .filter-option { position: static; display: inline; padding: 0; } .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { display: inline; } .bootstrap-select.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; right: 15px; top: 5px; } .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select .bs-ok-default:after { content: ''; display: block; width: .5em; height: 1em; border-style: solid; border-width: 0 .26em .26em 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { bottom: auto; top: -4px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { bottom: auto; top: -4px; border-top: 6px solid #fff; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before { display: block; } .bs-actionsbox, .bs-donebutton, .bs-searchbox { padding: 4px 8px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox+.bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *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 ===================================*/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url("assets/images/bx_loader.gif") center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url("assets/images/controls.png") no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url("assets/images/controls.png") no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("assets/images/controls.png") -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("assets/images/controls.png") -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../../assets/images/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("../../assets/images/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../../assets/images/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../../assets/images/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and (min--moz-device-pixel-ratio: 1.5) , only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../../assets/images/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("../../assets/images/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); background: #323232; background: -moz-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #343434), color-stop(50%, #292929), color-stop(100%, #333333)); background: -webkit-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%); background: -o-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%); background: -ms-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%); background: linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222', GradientType=0); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url("../images/fancybox_buttons.png"); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px; } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity: 0.4; cursor: default; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside>.mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl>.mCSB_inside>.mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside+.mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; margin-right: 0px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100%; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper>.mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { margin-right: 0px; background: none; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #ababab; background-color: rgba(171, 171, 171, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #ababab; background-color: #ababab; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { margin-right: 0px; background-color: #ababab; background-color: #ababab; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* ---------------------------------------- */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @ keyframes fadeOut { 0% { opacity: 1; } 100% { opacity : 0; } } .owl-height { transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; } .owl-carousel .owl-item .owl-lazy:not ([src] ), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } @ -webkit-keyframes ui-spinner-rotate-right { /* line 58, ../../scss/_ui-spinner.scss */ 0% { -webkit-transform: rotate(0deg); } /* line 59, ../../scss/_ui-spinner.scss */ 25% { -webkit-transform : rotate (180deg); } /* line 60, ../../scss/_ui-spinner.scss */ 50% { -webkit-transform : rotate (180deg); } /* line 61, ../../scss/_ui-spinner.scss */ 75% { -webkit-transform : rotate (360deg); } /* line 62, ../../scss/_ui-spinner.scss */ 100% { -webkit-transform : rotate (360deg); } } @ -webkit-keyframes ui-spinner-rotate-left { /* line 66, ../../scss/_ui-spinner.scss */ 0% { -webkit-transform: rotate(0deg); } /* line 67, ../../scss/_ui-spinner.scss */ 25% { -webkit-transform : rotate (0deg); } /* line 68, ../../scss/_ui-spinner.scss */ 50% { -webkit-transform : rotate (180deg); } /* line 69, ../../scss/_ui-spinner.scss */ 75% { -webkit-transform : rotate (180deg); } /* line 70, ../../scss/_ui-spinner.scss */ 100% { -webkit-transform : rotate (360deg); } } @ -moz-keyframes ui-spinner-rotate-right { /* line 74, ../../scss/_ui-spinner.scss */ 0% { -moz-transform: rotate(0deg); } /* line 75, ../../scss/_ui-spinner.scss */ 25% { -moz-transform : rotate (180deg); } /* line 76, ../../scss/_ui-spinner.scss */ 50% { -moz-transform : rotate (180deg); } /* line 77, ../../scss/_ui-spinner.scss */ 75% { -moz-transform : rotate (360deg); } /* line 78, ../../scss/_ui-spinner.scss */ 100% { -moz-transform : rotate (360deg); } } @ -moz-keyframes ui-spinner-rotate-left { /* line 82, ../../scss/_ui-spinner.scss */ 0% { -moz-transform: rotate(0deg); } /* line 83, ../../scss/_ui-spinner.scss */ 25% { -moz-transform : rotate (0deg); } /* line 84, ../../scss/_ui-spinner.scss */ 50% { -moz-transform : rotate (180deg); } /* line 85, ../../scss/_ui-spinner.scss */ 75% { -moz-transform : rotate (180deg); } /* line 86, ../../scss/_ui-spinner.scss */ 100% { -moz-transform : rotate (360deg); } } @ keyframes ui-spinner-rotate-right { /* line 90, ../../scss/_ui-spinner.scss */ 0% { transform: rotate(0deg); } /* line 91, ../../scss/_ui-spinner.scss */ 25% { transform : rotate (180deg); } /* line 92, ../../scss/_ui-spinner.scss */ 50% { transform : rotate (180deg); } /* line 93, ../../scss/_ui-spinner.scss */ 75% { transform : rotate (360deg); } /* line 94, ../../scss/_ui-spinner.scss */ 100% { transform : rotate (360deg); } } @ keyframes ui-spinner-rotate-left { /* line 98, ../../scss/_ui-spinner.scss */ 0% { transform: rotate(0deg); } /* line 99, ../../scss/_ui-spinner.scss */ 25% { transform : rotate (0deg); } /* line 100, ../../scss/_ui-spinner.scss */ 50% { transform : rotate (180deg); } /* line 101, ../../scss/_ui-spinner.scss */ 75% { transform : rotate (180deg); } /* line 102, ../../scss/_ui-spinner.scss */ 100% { transform : rotate (360deg); } } /* line 110, ../../scss/_ui-spinner.scss */ .ui-spinner { position: relative; border-radius: 100%; } /* line 114, ../../scss/_ui-spinner.scss */ .ui-spinner .side { width: 50%; height: 100%; overflow: hidden; position: absolute; } /* line 120, ../../scss/_ui-spinner.scss */ .ui-spinner .side .fill { border-radius: 999px; position: absolute; width: 100%; height: 100%; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } /* line 130, ../../scss/_ui-spinner.scss */ .ui-spinner .side-left { left: 0; } /* line 133, ../../scss/_ui-spinner.scss */ .ui-spinner .side-left .fill { left: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-animation-name: ui-spinner-rotate-left; -moz-animation-name: ui-spinner-rotate-left; -ms-animation-name: ui-spinner-rotate-left; -o-animation-name: ui-spinner-rotate-left; animation-name: ui-spinner-rotate-left; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; } /* line 142, ../../scss/_ui-spinner.scss */ .ui-spinner .side-right { left: 50%; } /* line 145, ../../scss/_ui-spinner.scss */ .ui-spinner .side-right .fill { left: -100%; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-animation-name: ui-spinner-rotate-right; -moz-animation-name: ui-spinner-rotate-right; -ms-animation-name: ui-spinner-rotate-right; -o-animation-name: ui-spinner-rotate-right; animation-name: ui-spinner-rotate-right; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } /* * Symbolset * www.symbolset.com * Copyright © 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ /* This triggers a redraw in IE to Fix IE8's :before content rendering. */ /* line 25, ../../scss/_webfont.scss */ html:hover [class^="ss-"] { -ms-zoom: 1; } /* line 31, ../../scss/_webfont.scss */ .ss-icon, .ss-icon.ss-pika, [class^="ss-"]:before, [class*=" ss-"]:before, [class^="ss-"].ss-pika:before, [class*=" ss-"].ss-pika:before, [class^="ss-"].right:after, [class*=" ss-"].right:after, [class^="ss-"].ss-pika.right:after, [class*=" ss-"].ss-pika.right:after { font-family: "SSPika"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } /* line 48, ../../scss/_webfont.scss */ [class^="ss-"].right:before, [class*=" ss-"].right:before { display: none; content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-cursor:before, .ss-cursor.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-crosshair:before, .ss-crosshair.right:after { content: '⌖'; } /* line 50, ../../scss/_webfont.scss */ .ss-search:before, .ss-search.right:after { content: '🔎'; } /* line 50, ../../scss/_webfont.scss */ .ss-zoomin:before, .ss-zoomin.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-zoomout:before, .ss-zoomout.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-screenshot:before, .ss-screenshot.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-binoculars:before, .ss-binoculars.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-view:before, .ss-view.right:after { content: '👀'; } /* line 50, ../../scss/_webfont.scss */ .ss-attach:before, .ss-attach.right:after { content: '📎'; } /* line 50, ../../scss/_webfont.scss */ .ss-link:before, .ss-link.right:after { content: '🔗'; } /* line 50, ../../scss/_webfont.scss */ .ss-move:before, .ss-move.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-write:before, .ss-write.right:after { content: '✎'; } /* line 50, ../../scss/_webfont.scss */ .ss-writingdisabled:before, .ss-writingdisabled.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-erase:before, .ss-erase.right:after { content: '✐'; } /* line 50, ../../scss/_webfont.scss */ .ss-compose:before, .ss-compose.right:after { content: '📝'; } /* line 50, ../../scss/_webfont.scss */ .ss-draw:before, .ss-draw.right:after { content: '✏'; } /* line 50, ../../scss/_webfont.scss */ .ss-lock:before, .ss-lock.right:after { content: '🔒'; } /* line 50, ../../scss/_webfont.scss */ .ss-unlock:before, .ss-unlock.right:after { content: '🔓'; } /* line 50, ../../scss/_webfont.scss */ .ss-key:before, .ss-key.right:after { content: '🔑'; } /* line 50, ../../scss/_webfont.scss */ .ss-backspace:before, .ss-backspace.right:after { content: '⌫'; } /* line 50, ../../scss/_webfont.scss */ .ss-ban:before, .ss-ban.right:after { content: '🚫'; } /* line 50, ../../scss/_webfont.scss */ .ss-nosmoking:before, .ss-nosmoking.right:after { content: '🚭'; } /* line 50, ../../scss/_webfont.scss */ .ss-trash:before, .ss-trash.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-target:before, .ss-target.right:after { content: 'â—Ž'; } /* line 50, ../../scss/_webfont.scss */ .ss-new:before, .ss-new.right:after { content: '🆕'; } /* line 50, ../../scss/_webfont.scss */ .ss-tag:before, .ss-tag.right:after { content: 'î„€'; } /* line 50, ../../scss/_webfont.scss */ .ss-pricetag:before, .ss-pricetag.right:after { content: 'î„‚'; } /* line 50, ../../scss/_webfont.scss */ .ss-flowertag:before, .ss-flowertag.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-bookmark:before, .ss-bookmark.right:after { content: '🔖'; } /* line 50, ../../scss/_webfont.scss */ .ss-flag:before, .ss-flag.right:after { content: 'âš‘'; } /* line 50, ../../scss/_webfont.scss */ .ss-like:before, .ss-like.right:after { content: '👍'; } /* line 50, ../../scss/_webfont.scss */ .ss-dislike:before, .ss-dislike.right:after { content: '👎'; } /* line 50, ../../scss/_webfont.scss */ .ss-heart:before, .ss-heart.right:after { content: '♥'; } /* line 50, ../../scss/_webfont.scss */ .ss-halfheart:before, .ss-halfheart.right:after { content: 'î† '; } /* line 50, ../../scss/_webfont.scss */ .ss-emptyheart:before, .ss-emptyheart.right:after { content: '♡'; } /* line 50, ../../scss/_webfont.scss */ .ss-star:before, .ss-star.right:after { content: '⋆'; } /* line 50, ../../scss/_webfont.scss */ .ss-halfstar:before, .ss-halfstar.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-medal:before, .ss-medal.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-ribbon:before, .ss-ribbon.right:after { content: '🎀'; } /* line 50, ../../scss/_webfont.scss */ .ss-bullseye:before, .ss-bullseye.right:after { content: '🎯'; } /* line 50, ../../scss/_webfont.scss */ .ss-sample:before, .ss-sample.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-crop:before, .ss-crop.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-layers:before, .ss-layers.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-gridlines:before, .ss-gridlines.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-pen:before, .ss-pen.right:after { content: '✒'; } /* line 50, ../../scss/_webfont.scss */ .ss-feather:before, .ss-feather.right:after { content: 'îˆ '; } /* line 50, ../../scss/_webfont.scss */ .ss-rubbereraser:before, .ss-rubbereraser.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-paintroller:before, .ss-paintroller.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-rubberstamp:before, .ss-rubberstamp.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-checkclipboard:before, .ss-checkclipboard.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-linechartclipboard:before, .ss-linechartclipboard.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-clockwise:before, .ss-clockwise.right:after { content: '⥁'; } /* line 50, ../../scss/_webfont.scss */ .ss-phone:before, .ss-phone.right:after { content: '📞'; } /* line 50, ../../scss/_webfont.scss */ .ss-phonedisabled:before, .ss-phonedisabled.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-headset:before, .ss-headset.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-megaphone:before, .ss-megaphone.right:after { content: '📢'; } /* line 50, ../../scss/_webfont.scss */ .ss-rss:before, .ss-rss.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-facetime:before, .ss-facetime.right:after { content: 'îŒ '; } /* line 50, ../../scss/_webfont.scss */ .ss-reply:before, .ss-reply.right:after { content: '↩'; } /* line 50, ../../scss/_webfont.scss */ .ss-send:before, .ss-send.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-mail:before, .ss-mail.right:after { content: '✉'; } /* line 50, ../../scss/_webfont.scss */ .ss-inbox:before, .ss-inbox.right:after { content: '📥'; } /* line 50, ../../scss/_webfont.scss */ .ss-outbox:before, .ss-outbox.right:after { content: '📤'; } /* line 50, ../../scss/_webfont.scss */ .ss-wifimail:before, .ss-wifimail.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-chat:before, .ss-chat.right:after { content: '💬'; } /* line 50, ../../scss/_webfont.scss */ .ss-user:before, .ss-user.right:after { content: '👤'; } /* line 50, ../../scss/_webfont.scss */ .ss-femaleuser:before, .ss-femaleuser.right:after { content: '👧'; } /* line 50, ../../scss/_webfont.scss */ .ss-users:before, .ss-users.right:after { content: '👥'; } /* line 50, ../../scss/_webfont.scss */ .ss-usergroup:before, .ss-usergroup.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-adduser:before, .ss-adduser.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-removeuser:before, .ss-removeuser.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-deleteuser:before, .ss-deleteuser.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-userprofile:before, .ss-userprofile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-businessuser:before, .ss-businessuser.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-cart:before, .ss-cart.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-addcart:before, .ss-addcart.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-removecart:before, .ss-removecart.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-deletecart:before, .ss-deletecart.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-downloadcart:before, .ss-downloadcart.right:after { content: 'î”…'; } /* line 50, ../../scss/_webfont.scss */ .ss-emptycart:before, .ss-emptycart.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-basket:before, .ss-basket.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-gift:before, .ss-gift.right:after { content: '🎁'; } /* line 50, ../../scss/_webfont.scss */ .ss-apple:before, .ss-apple.right:after { content: '🍏'; } /* line 50, ../../scss/_webfont.scss */ .ss-cashregister:before, .ss-cashregister.right:after { content: 'î”°'; } /* line 50, ../../scss/_webfont.scss */ .ss-store:before, .ss-store.right:after { content: '🏬'; } /* line 50, ../../scss/_webfont.scss */ .ss-searchbarcode:before, .ss-searchbarcode.right:after { content: 'î”±'; } /* line 50, ../../scss/_webfont.scss */ .ss-notepad:before, .ss-notepad.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-creditcard:before, .ss-creditcard.right:after { content: '💳'; } /* line 50, ../../scss/_webfont.scss */ .ss-safe:before, .ss-safe.right:after { content: 'î•€'; } /* line 50, ../../scss/_webfont.scss */ .ss-digitalsafe:before, .ss-digitalsafe.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-atm:before, .ss-atm.right:after { content: '🏧'; } /* line 50, ../../scss/_webfont.scss */ .ss-dispensecash:before, .ss-dispensecash.right:after { content: 'î•‚'; } /* line 50, ../../scss/_webfont.scss */ .ss-banknote:before, .ss-banknote.right:after { content: '💵'; } /* line 50, ../../scss/_webfont.scss */ .ss-coins:before, .ss-coins.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-bankcheck:before, .ss-bankcheck.right:after { content: 'î•„'; } /* line 50, ../../scss/_webfont.scss */ .ss-piggybank:before, .ss-piggybank.right:after { content: 'î•…'; } /* line 50, ../../scss/_webfont.scss */ .ss-moneybag:before, .ss-moneybag.right:after { content: '💰'; } /* line 50, ../../scss/_webfont.scss */ .ss-tip:before, .ss-tip.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-calculator:before, .ss-calculator.right:after { content: 'î•‘'; } /* line 50, ../../scss/_webfont.scss */ .ss-percent:before, .ss-percent.right:after { content: '%'; } /* line 50, ../../scss/_webfont.scss */ .ss-bank:before, .ss-bank.right:after { content: '🏦'; } /* line 50, ../../scss/_webfont.scss */ .ss-scales:before, .ss-scales.right:after { content: 'âš–'; } /* line 50, ../../scss/_webfont.scss */ .ss-piechart:before, .ss-piechart.right:after { content: 'î•°'; } /* line 50, ../../scss/_webfont.scss */ .ss-piechartthirds:before, .ss-piechartthirds.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-barchart:before, .ss-barchart.right:after { content: '📊'; } /* line 50, ../../scss/_webfont.scss */ .ss-upwardsbarchart:before, .ss-upwardsbarchart.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-downwardsbarchart:before, .ss-downwardsbarchart.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-horizontalbarchart:before, .ss-horizontalbarchart.right:after { content: 'î•´'; } /* line 50, ../../scss/_webfont.scss */ .ss-analytics:before, .ss-analytics.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-upwardslinechart:before, .ss-upwardslinechart.right:after { content: '📈'; } /* line 50, ../../scss/_webfont.scss */ .ss-downwardslinechart:before, .ss-downwardslinechart.right:after { content: '📉'; } /* line 50, ../../scss/_webfont.scss */ .ss-linecharts:before, .ss-linecharts.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-scatterchart:before, .ss-scatterchart.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-stock:before, .ss-stock.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-form:before, .ss-form.right:after { content: 'î–‚'; } /* line 50, ../../scss/_webfont.scss */ .ss-box:before, .ss-box.right:after { content: '📦'; } /* line 50, ../../scss/_webfont.scss */ .ss-crate:before, .ss-crate.right:after { content: 'î—˜'; } /* line 50, ../../scss/_webfont.scss */ .ss-deliveryvan:before, .ss-deliveryvan.right:after { content: 'î— '; } /* line 50, ../../scss/_webfont.scss */ .ss-deliverytruck:before, .ss-deliverytruck.right:after { content: 'î—¡'; } /* line 50, ../../scss/_webfont.scss */ .ss-forklift:before, .ss-forklift.right:after { content: 'î—¢'; } /* line 50, ../../scss/_webfont.scss */ .ss-cargoship:before, .ss-cargoship.right:after { content: 'î—£'; } /* line 50, ../../scss/_webfont.scss */ .ss-hook:before, .ss-hook.right:after { content: 'î—¤'; } /* line 50, ../../scss/_webfont.scss */ .ss-weight:before, .ss-weight.right:after { content: 'î—¥'; } /* line 50, ../../scss/_webfont.scss */ .ss-containers:before, .ss-containers.right:after { content: 'î—¦'; } /* line 50, ../../scss/_webfont.scss */ .ss-fragile:before, .ss-fragile.right:after { content: 'î—§'; } /* line 50, ../../scss/_webfont.scss */ .ss-thissideup:before, .ss-thissideup.right:after { content: 'î—¨'; } /* line 50, ../../scss/_webfont.scss */ .ss-home:before, .ss-home.right:after { content: '⌂'; } /* line 50, ../../scss/_webfont.scss */ .ss-building:before, .ss-building.right:after { content: '🏢'; } /* line 50, ../../scss/_webfont.scss */ .ss-lodging:before, .ss-lodging.right:after { content: '🏨'; } /* line 50, ../../scss/_webfont.scss */ .ss-earth:before, .ss-earth.right:after { content: '🌎'; } /* line 50, ../../scss/_webfont.scss */ .ss-globe:before, .ss-globe.right:after { content: '🌐'; } /* line 50, ../../scss/_webfont.scss */ .ss-garage:before, .ss-garage.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-warehouse:before, .ss-warehouse.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-floorplan:before, .ss-floorplan.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-address:before, .ss-address.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-searchhouse:before, .ss-searchhouse.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-housesale:before, .ss-housesale.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-navigate:before, .ss-navigate.right:after { content: 'î™°'; } /* line 50, ../../scss/_webfont.scss */ .ss-compass:before, .ss-compass.right:after { content: 'î™±'; } /* line 50, ../../scss/_webfont.scss */ .ss-signpost:before, .ss-signpost.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-map:before, .ss-map.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-gps:before, .ss-gps.right:after { content: 'î™´'; } /* line 50, ../../scss/_webfont.scss */ .ss-compassnavigate:before, .ss-compassnavigate.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-compassarrow:before, .ss-compassarrow.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-location:before, .ss-location.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-pin:before, .ss-pin.right:after { content: '📍'; } /* line 50, ../../scss/_webfont.scss */ .ss-pushpin:before, .ss-pushpin.right:after { content: '📌'; } /* line 50, ../../scss/_webfont.scss */ .ss-maplocation:before, .ss-maplocation.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-globelocation:before, .ss-globelocation.right:after { content: 'î›’'; } /* line 50, ../../scss/_webfont.scss */ .ss-puzzle:before, .ss-puzzle.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-floppydisk:before, .ss-floppydisk.right:after { content: '💾'; } /* line 50, ../../scss/_webfont.scss */ .ss-firewall:before, .ss-firewall.right:after { content: 'îœ '; } /* line 50, ../../scss/_webfont.scss */ .ss-database:before, .ss-database.right:after { content: 'îž '; } /* line 50, ../../scss/_webfont.scss */ .ss-hdd:before, .ss-hdd.right:after { content: 'îž°'; } /* line 50, ../../scss/_webfont.scss */ .ss-music:before, .ss-music.right:after { content: '♫'; } /* line 50, ../../scss/_webfont.scss */ .ss-eighthnote:before, .ss-eighthnote.right:after { content: '♪'; } /* line 50, ../../scss/_webfont.scss */ .ss-mic:before, .ss-mic.right:after { content: '🎤'; } /* line 50, ../../scss/_webfont.scss */ .ss-volume:before, .ss-volume.right:after { content: '🔈'; } /* line 50, ../../scss/_webfont.scss */ .ss-lowvolume:before, .ss-lowvolume.right:after { content: '🔉'; } /* line 50, ../../scss/_webfont.scss */ .ss-highvolume:before, .ss-highvolume.right:after { content: '🔊'; } /* line 50, ../../scss/_webfont.scss */ .ss-radio:before, .ss-radio.right:after { content: '📻'; } /* line 50, ../../scss/_webfont.scss */ .ss-stereo:before, .ss-stereo.right:after { content: 'î '; } /* line 50, ../../scss/_webfont.scss */ .ss-airplay:before, .ss-airplay.right:after { content: 'î €'; } /* line 50, ../../scss/_webfont.scss */ .ss-vinylrecord:before, .ss-vinylrecord.right:after { content: 'î '; } /* line 50, ../../scss/_webfont.scss */ .ss-disc:before, .ss-disc.right:after { content: '💿'; } /* line 50, ../../scss/_webfont.scss */ .ss-camera:before, .ss-camera.right:after { content: '📷'; } /* line 50, ../../scss/_webfont.scss */ .ss-picture:before, .ss-picture.right:after { content: '🌄'; } /* line 50, ../../scss/_webfont.scss */ .ss-video:before, .ss-video.right:after { content: '📹'; } /* line 50, ../../scss/_webfont.scss */ .ss-playvideo:before, .ss-playvideo.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-play:before, .ss-play.right:after { content: 'â–¶'; } /* line 50, ../../scss/_webfont.scss */ .ss-pause:before, .ss-pause.right:after { content: 'î¢ '; } /* line 50, ../../scss/_webfont.scss */ .ss-stop:before, .ss-stop.right:after { content: 'â– '; } /* line 50, ../../scss/_webfont.scss */ .ss-record:before, .ss-record.right:after { content: '●'; } /* line 50, ../../scss/_webfont.scss */ .ss-rewind:before, .ss-rewind.right:after { content: '⏪'; } /* line 50, ../../scss/_webfont.scss */ .ss-fastforward:before, .ss-fastforward.right:after { content: '⏩'; } /* line 50, ../../scss/_webfont.scss */ .ss-skipback:before, .ss-skipback.right:after { content: '⏮'; } /* line 50, ../../scss/_webfont.scss */ .ss-skipforward:before, .ss-skipforward.right:after { content: '⏭'; } /* line 50, ../../scss/_webfont.scss */ .ss-eject:before, .ss-eject.right:after { content: '⏏'; } /* line 50, ../../scss/_webfont.scss */ .ss-repeat:before, .ss-repeat.right:after { content: '🔁'; } /* line 50, ../../scss/_webfont.scss */ .ss-replay:before, .ss-replay.right:after { content: '↺'; } /* line 50, ../../scss/_webfont.scss */ .ss-shuffle:before, .ss-shuffle.right:after { content: '🔀'; } /* line 50, ../../scss/_webfont.scss */ .ss-index:before, .ss-index.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-page:before, .ss-page.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-book:before, .ss-book.right:after { content: '📕'; } /* line 50, ../../scss/_webfont.scss */ .ss-books:before, .ss-books.right:after { content: '📚'; } /* line 50, ../../scss/_webfont.scss */ .ss-openbook:before, .ss-openbook.right:after { content: '📖'; } /* line 50, ../../scss/_webfont.scss */ .ss-heartbook:before, .ss-heartbook.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-downloadbook:before, .ss-downloadbook.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-musicopenbook:before, .ss-musicopenbook.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-searchbook:before, .ss-searchbook.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-notebook:before, .ss-notebook.right:after { content: '📓'; } /* line 50, ../../scss/_webfont.scss */ .ss-newspaper:before, .ss-newspaper.right:after { content: '📰'; } /* line 50, ../../scss/_webfont.scss */ .ss-notice:before, .ss-notice.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-rows:before, .ss-rows.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-columns:before, .ss-columns.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-thumbnails:before, .ss-thumbnails.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-pagecurl:before, .ss-pagecurl.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-desktop:before, .ss-desktop.right:after { content: '💻'; } /* line 50, ../../scss/_webfont.scss */ .ss-laptop:before, .ss-laptop.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-tablet:before, .ss-tablet.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-smartphone:before, .ss-smartphone.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-cell:before, .ss-cell.right:after { content: '📱'; } /* line 50, ../../scss/_webfont.scss */ .ss-walkytalky:before, .ss-walkytalky.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-ereader:before, .ss-ereader.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-ebook:before, .ss-ebook.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-wifibook:before, .ss-wifibook.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-wifiopenbook:before, .ss-wifiopenbook.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-battery:before, .ss-battery.right:after { content: '🔋'; } /* line 50, ../../scss/_webfont.scss */ .ss-highbattery:before, .ss-highbattery.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-mediumbattery:before, .ss-mediumbattery.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-lowbattery:before, .ss-lowbattery.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-emptybattery:before, .ss-emptybattery.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-chargingbattery:before, .ss-chargingbattery.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-heartmobile:before, .ss-heartmobile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-phonemobile:before, .ss-phonemobile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-lockmobile:before, .ss-lockmobile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-textmobile:before, .ss-textmobile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-dollarmobile:before, .ss-dollarmobile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-euromobile:before, .ss-euromobile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-rssmobile:before, .ss-rssmobile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-navigationmobile:before, .ss-navigationmobile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-batterymobile:before, .ss-batterymobile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-powermobile:before, .ss-powermobile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-browseonline:before, .ss-browseonline.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-shoponline:before, .ss-shoponline.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-bankonline:before, .ss-bankonline.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-realtyonline:before, .ss-realtyonline.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-readonline:before, .ss-readonline.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-weatheronline:before, .ss-weatheronline.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-lightbulb:before, .ss-lightbulb.right:after { content: '💡'; } /* line 50, ../../scss/_webfont.scss */ .ss-lightbulbon:before, .ss-lightbulbon.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-cfl:before, .ss-cfl.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-hairdryer:before, .ss-hairdryer.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-picnictable:before, .ss-picnictable.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-flame:before, .ss-flame.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-campfire:before, .ss-campfire.right:after { content: '🔥'; } /* line 50, ../../scss/_webfont.scss */ .ss-bonfire:before, .ss-bonfire.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-balloon:before, .ss-balloon.right:after { content: '🎈'; } /* line 50, ../../scss/_webfont.scss */ .ss-christmastree:before, .ss-christmastree.right:after { content: '🎄'; } /* line 50, ../../scss/_webfont.scss */ .ss-sweep:before, .ss-sweep.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-chess:before, .ss-chess.right:after { content: '♞'; } /* line 50, ../../scss/_webfont.scss */ .ss-onedie:before, .ss-onedie.right:after { content: '⚀'; } /* line 50, ../../scss/_webfont.scss */ .ss-twodie:before, .ss-twodie.right:after { content: '⚁'; } /* line 50, ../../scss/_webfont.scss */ .ss-threedie:before, .ss-threedie.right:after { content: 'âš‚'; } /* line 50, ../../scss/_webfont.scss */ .ss-fourdie:before, .ss-fourdie.right:after { content: '⚃'; } /* line 50, ../../scss/_webfont.scss */ .ss-fivedie:before, .ss-fivedie.right:after { content: 'âš„'; } /* line 50, ../../scss/_webfont.scss */ .ss-sixdie:before, .ss-sixdie.right:after { content: 'âš…'; } /* line 50, ../../scss/_webfont.scss */ .ss-downloadcloud:before, .ss-downloadcloud.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-download:before, .ss-download.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-downloadbox:before, .ss-downloadbox.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-downloadcrate:before, .ss-downloadcrate.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-uploadcloud:before, .ss-uploadcloud.right:after { content: 'î­€'; } /* line 50, ../../scss/_webfont.scss */ .ss-upload:before, .ss-upload.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-uploadbox:before, .ss-uploadbox.right:after { content: 'î­‚'; } /* line 50, ../../scss/_webfont.scss */ .ss-uploadcrate:before, .ss-uploadcrate.right:after { content: 'î­ƒ'; } /* line 50, ../../scss/_webfont.scss */ .ss-fork:before, .ss-fork.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-merge:before, .ss-merge.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-refresh:before, .ss-refresh.right:after { content: '↻'; } /* line 50, ../../scss/_webfont.scss */ .ss-sync:before, .ss-sync.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-loading:before, .ss-loading.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-wifi:before, .ss-wifi.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-connection:before, .ss-connection.right:after { content: 'î®…'; } /* line 50, ../../scss/_webfont.scss */ .ss-reload:before, .ss-reload.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-file:before, .ss-file.right:after { content: '📄'; } /* line 50, ../../scss/_webfont.scss */ .ss-addfile:before, .ss-addfile.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-removefile:before, .ss-removefile.right:after { content: 'î°‚'; } /* line 50, ../../scss/_webfont.scss */ .ss-deletefile:before, .ss-deletefile.right:after { content: 'î°„'; } /* line 50, ../../scss/_webfont.scss */ .ss-downloadfile:before, .ss-downloadfile.right:after { content: 'î°†'; } /* line 50, ../../scss/_webfont.scss */ .ss-uploadfile:before, .ss-uploadfile.right:after { content: 'î°‡'; } /* line 50, ../../scss/_webfont.scss */ .ss-importfile:before, .ss-importfile.right:after { content: 'î°ˆ'; } /* line 50, ../../scss/_webfont.scss */ .ss-exportfile:before, .ss-exportfile.right:after { content: 'î°‰'; } /* line 50, ../../scss/_webfont.scss */ .ss-settingsfile:before, .ss-settingsfile.right:after { content: 'î°Š'; } /* line 50, ../../scss/_webfont.scss */ .ss-lockfile:before, .ss-lockfile.right:after { content: 'î°‘'; } /* line 50, ../../scss/_webfont.scss */ .ss-userfile:before, .ss-userfile.right:after { content: 'î°•'; } /* line 50, ../../scss/_webfont.scss */ .ss-picturefile:before, .ss-picturefile.right:after { content: 'î°—'; } /* line 50, ../../scss/_webfont.scss */ .ss-textfile:before, .ss-textfile.right:after { content: 'î°™'; } /* line 50, ../../scss/_webfont.scss */ .ss-exe:before, .ss-exe.right:after { content: 'î°°'; } /* line 50, ../../scss/_webfont.scss */ .ss-zip:before, .ss-zip.right:after { content: 'î°±'; } /* line 50, ../../scss/_webfont.scss */ .ss-doc:before, .ss-doc.right:after { content: 'î°²'; } /* line 50, ../../scss/_webfont.scss */ .ss-ppt:before, .ss-ppt.right:after { content: 'î°³'; } /* line 50, ../../scss/_webfont.scss */ .ss-pdf:before, .ss-pdf.right:after { content: 'î°´'; } /* line 50, ../../scss/_webfont.scss */ .ss-jpg:before, .ss-jpg.right:after { content: 'î°µ'; } /* line 50, ../../scss/_webfont.scss */ .ss-png:before, .ss-png.right:after { content: 'î°¶'; } /* line 50, ../../scss/_webfont.scss */ .ss-folder:before, .ss-folder.right:after { content: '📁'; } /* line 50, ../../scss/_webfont.scss */ .ss-openfolder:before, .ss-openfolder.right:after { content: '📂'; } /* line 50, ../../scss/_webfont.scss */ .ss-downloadfolder:before, .ss-downloadfolder.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-uploadfolder:before, .ss-uploadfolder.right:after { content: 'î±·'; } /* line 50, ../../scss/_webfont.scss */ .ss-cloudfolder:before, .ss-cloudfolder.right:after { content: 'î²€'; } /* line 50, ../../scss/_webfont.scss */ .ss-lockfolder:before, .ss-lockfolder.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-securefolder:before, .ss-securefolder.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-picturefolder:before, .ss-picturefolder.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-moviefolder:before, .ss-moviefolder.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-quote:before, .ss-quote.right:after { content: '“'; } /* line 50, ../../scss/_webfont.scss */ .ss-text:before, .ss-text.right:after { content: 'î´€'; } /* line 50, ../../scss/_webfont.scss */ .ss-font:before, .ss-font.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-highlight:before, .ss-highlight.right:after { content: 'î´‘'; } /* line 50, ../../scss/_webfont.scss */ .ss-print:before, .ss-print.right:after { content: '⎙'; } /* line 50, ../../scss/_webfont.scss */ .ss-fax:before, .ss-fax.right:after { content: '📠'; } /* line 50, ../../scss/_webfont.scss */ .ss-list:before, .ss-list.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-layout:before, .ss-layout.right:after { content: 'î¶ '; } /* line 50, ../../scss/_webfont.scss */ .ss-action:before, .ss-action.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-redirect:before, .ss-redirect.right:after { content: '↪'; } /* line 50, ../../scss/_webfont.scss */ .ss-expand:before, .ss-expand.right:after { content: '⤢'; } /* line 50, ../../scss/_webfont.scss */ .ss-contract:before, .ss-contract.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-help:before, .ss-help.right:after { content: '❓'; } /* line 50, ../../scss/_webfont.scss */ .ss-info:before, .ss-info.right:after { content: 'ℹ'; } /* line 50, ../../scss/_webfont.scss */ .ss-alert:before, .ss-alert.right:after { content: 'âš '; } /* line 50, ../../scss/_webfont.scss */ .ss-caution:before, .ss-caution.right:after { content: 'â›”'; } /* line 50, ../../scss/_webfont.scss */ .ss-logout:before, .ss-logout.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-login:before, .ss-login.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-scaleup:before, .ss-scaleup.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-scaledown:before, .ss-scaledown.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-plus:before, .ss-plus.right:after { content: '+'; } /* line 50, ../../scss/_webfont.scss */ .ss-hyphen:before, .ss-hyphen.right:after { content: '-'; } /* line 50, ../../scss/_webfont.scss */ .ss-check:before, .ss-check.right:after { content: '✓'; } /* line 50, ../../scss/_webfont.scss */ .ss-delete:before, .ss-delete.right:after { content: '␡'; } /* line 50, ../../scss/_webfont.scss */ .ss-bearface:before, .ss-bearface.right:after { content: '🐻'; } /* line 50, ../../scss/_webfont.scss */ .ss-bird:before, .ss-bird.right:after { content: '🐦'; } /* line 50, ../../scss/_webfont.scss */ .ss-fishes:before, .ss-fishes.right:after { content: 'î¼ '; } /* line 50, ../../scss/_webfont.scss */ .ss-tropicalfish:before, .ss-tropicalfish.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-tree:before, .ss-tree.right:after { content: '🌳'; } /* line 50, ../../scss/_webfont.scss */ .ss-evergreen:before, .ss-evergreen.right:after { content: '🌲'; } /* line 50, ../../scss/_webfont.scss */ .ss-palmtree:before, .ss-palmtree.right:after { content: '🌴'; } /* line 50, ../../scss/_webfont.scss */ .ss-leaf:before, .ss-leaf.right:after { content: '🍂'; } /* line 50, ../../scss/_webfont.scss */ .ss-seedling:before, .ss-seedling.right:after { content: '🌱'; } /* line 50, ../../scss/_webfont.scss */ .ss-grass:before, .ss-grass.right:after { content: 'î½°'; } /* line 50, ../../scss/_webfont.scss */ .ss-settings:before, .ss-settings.right:after { content: 'âš™'; } /* line 50, ../../scss/_webfont.scss */ .ss-dashboard:before, .ss-dashboard.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-dial:before, .ss-dial.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-notifications:before, .ss-notifications.right:after { content: '🔔'; } /* line 50, ../../scss/_webfont.scss */ .ss-notificationsdisabled:before, .ss-notificationsdisabled.right:after { content: '🔕'; } /* line 50, ../../scss/_webfont.scss */ .ss-flash:before, .ss-flash.right:after { content: '⌁'; } /* line 50, ../../scss/_webfont.scss */ .ss-wrench:before, .ss-wrench.right:after { content: '🔧'; } /* line 50, ../../scss/_webfont.scss */ .ss-tapemeasure:before, .ss-tapemeasure.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-clock:before, .ss-clock.right:after { content: '⏲'; } /* line 50, ../../scss/_webfont.scss */ .ss-watch:before, .ss-watch.right:after { content: '⌚'; } /* line 50, ../../scss/_webfont.scss */ .ss-stopwatch:before, .ss-stopwatch.right:after { content: '⏱'; } /* line 50, ../../scss/_webfont.scss */ .ss-alarmclock:before, .ss-alarmclock.right:after { content: '⏰'; } /* line 50, ../../scss/_webfont.scss */ .ss-calendar:before, .ss-calendar.right:after { content: '📅'; } /* line 50, ../../scss/_webfont.scss */ .ss-addcalendar:before, .ss-addcalendar.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-removecalendar:before, .ss-removecalendar.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-checkcalendar:before, .ss-checkcalendar.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-deletecalendar:before, .ss-deletecalendar.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-sausage:before, .ss-sausage.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-burger:before, .ss-burger.right:after { content: '🍔'; } /* line 50, ../../scss/_webfont.scss */ .ss-pizza:before, .ss-pizza.right:after { content: '🍕'; } /* line 50, ../../scss/_webfont.scss */ .ss-fish:before, .ss-fish.right:after { content: '🐟'; } /* line 50, ../../scss/_webfont.scss */ .ss-shrimp:before, .ss-shrimp.right:after { content: '🍤'; } /* line 50, ../../scss/_webfont.scss */ .ss-turkey:before, .ss-turkey.right:after { content: 'ï„…'; } /* line 50, ../../scss/_webfont.scss */ .ss-steak:before, .ss-steak.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-sidedish:before, .ss-sidedish.right:after { content: '🍚'; } /* line 50, ../../scss/_webfont.scss */ .ss-noodles:before, .ss-noodles.right:after { content: '🍜'; } /* line 50, ../../scss/_webfont.scss */ .ss-spaghetti:before, .ss-spaghetti.right:after { content: '🍝'; } /* line 50, ../../scss/_webfont.scss */ .ss-corn:before, .ss-corn.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-carrot:before, .ss-carrot.right:after { content: 'ï„‘'; } /* line 50, ../../scss/_webfont.scss */ .ss-icecream:before, .ss-icecream.right:after { content: '🍨'; } /* line 50, ../../scss/_webfont.scss */ .ss-mug:before, .ss-mug.right:after { content: '☕'; } /* line 50, ../../scss/_webfont.scss */ .ss-beer:before, .ss-beer.right:after { content: '🍺'; } /* line 50, ../../scss/_webfont.scss */ .ss-bottle:before, .ss-bottle.right:after { content: 'ï„¢'; } /* line 50, ../../scss/_webfont.scss */ .ss-wineglass:before, .ss-wineglass.right:after { content: '🍷'; } /* line 50, ../../scss/_webfont.scss */ .ss-cocktail:before, .ss-cocktail.right:after { content: '🍸'; } /* line 50, ../../scss/_webfont.scss */ .ss-tea:before, .ss-tea.right:after { content: '🍵'; } /* line 50, ../../scss/_webfont.scss */ .ss-teapot:before, .ss-teapot.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-waterbottle:before, .ss-waterbottle.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-wineglasssparkle:before, .ss-wineglasssparkle.right:after { content: 'ï„©'; } /* line 50, ../../scss/_webfont.scss */ .ss-salt:before, .ss-salt.right:after { content: 'ï„°'; } /* line 50, ../../scss/_webfont.scss */ .ss-pepper:before, .ss-pepper.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-oliveoil:before, .ss-oliveoil.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-hotsauce:before, .ss-hotsauce.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-coal:before, .ss-coal.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-oven:before, .ss-oven.right:after { content: 'ï…€'; } /* line 50, ../../scss/_webfont.scss */ .ss-stove:before, .ss-stove.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-cook:before, .ss-cook.right:after { content: '🍳'; } /* line 50, ../../scss/_webfont.scss */ .ss-bbq:before, .ss-bbq.right:after { content: 'ï…‚'; } /* line 50, ../../scss/_webfont.scss */ .ss-utensils:before, .ss-utensils.right:after { content: '🍴'; } /* line 50, ../../scss/_webfont.scss */ .ss-spoonfork:before, .ss-spoonfork.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-knife:before, .ss-knife.right:after { content: '🔪'; } /* line 50, ../../scss/_webfont.scss */ .ss-cookingutensils:before, .ss-cookingutensils.right:after { content: 'ï…‘'; } /* line 50, ../../scss/_webfont.scss */ .ss-measuringcup:before, .ss-measuringcup.right:after { content: 'ï…¢'; } /* line 50, ../../scss/_webfont.scss */ .ss-colander:before, .ss-colander.right:after { content: 'ï…£'; } /* line 50, ../../scss/_webfont.scss */ .ss-scale:before, .ss-scale.right:after { content: 'ï…¤'; } /* line 50, ../../scss/_webfont.scss */ .ss-eggtimer:before, .ss-eggtimer.right:after { content: 'ï…¥'; } /* line 50, ../../scss/_webfont.scss */ .ss-platter:before, .ss-platter.right:after { content: 'ï…¦'; } /* line 50, ../../scss/_webfont.scss */ .ss-apron:before, .ss-apron.right:after { content: 'ï…°'; } /* line 50, ../../scss/_webfont.scss */ .ss-bbqapron:before, .ss-bbqapron.right:after { content: 'ï…±'; } /* line 50, ../../scss/_webfont.scss */ .ss-chef:before, .ss-chef.right:after { content: 'ï…²'; } /* line 50, ../../scss/_webfont.scss */ .ss-handbag:before, .ss-handbag.right:after { content: '👜'; } /* line 50, ../../scss/_webfont.scss */ .ss-briefcase:before, .ss-briefcase.right:after { content: '💼'; } /* line 50, ../../scss/_webfont.scss */ .ss-hanger:before, .ss-hanger.right:after { content: 'ï† '; } /* line 50, ../../scss/_webfont.scss */ .ss-weathervane:before, .ss-weathervane.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-thermometer:before, .ss-thermometer.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-weather:before, .ss-weather.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-cloud:before, .ss-cloud.right:after { content: '☁'; } /* line 50, ../../scss/_webfont.scss */ .ss-droplet:before, .ss-droplet.right:after { content: '💧'; } /* line 50, ../../scss/_webfont.scss */ .ss-sun:before, .ss-sun.right:after { content: '☀'; } /* line 50, ../../scss/_webfont.scss */ .ss-partlycloudy:before, .ss-partlycloudy.right:after { content: 'â›…'; } /* line 50, ../../scss/_webfont.scss */ .ss-rain:before, .ss-rain.right:after { content: '☔'; } /* line 50, ../../scss/_webfont.scss */ .ss-thunderstorm:before, .ss-thunderstorm.right:after { content: '⛈'; } /* line 50, ../../scss/_webfont.scss */ .ss-umbrella:before, .ss-umbrella.right:after { content: '☂'; } /* line 50, ../../scss/_webfont.scss */ .ss-rainbow:before, .ss-rainbow.right:after { content: '🌈'; } /* line 50, ../../scss/_webfont.scss */ .ss-fog:before, .ss-fog.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-wind:before, .ss-wind.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-tornado:before, .ss-tornado.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-snowflake:before, .ss-snowflake.right:after { content: '❄'; } /* line 50, ../../scss/_webfont.scss */ .ss-fan:before, .ss-fan.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-solarpanel:before, .ss-solarpanel.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-plug:before, .ss-plug.right:after { content: '🔌'; } /* line 50, ../../scss/_webfont.scss */ .ss-outlet:before, .ss-outlet.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-car:before, .ss-car.right:after { content: '🚘'; } /* line 50, ../../scss/_webfont.scss */ .ss-taxi:before, .ss-taxi.right:after { content: '🚖'; } /* line 50, ../../scss/_webfont.scss */ .ss-locomotive:before, .ss-locomotive.right:after { content: '🚂'; } /* line 50, ../../scss/_webfont.scss */ .ss-train:before, .ss-train.right:after { content: '🚆'; } /* line 50, ../../scss/_webfont.scss */ .ss-traintunnel:before, .ss-traintunnel.right:after { content: '🚇'; } /* line 50, ../../scss/_webfont.scss */ .ss-bus:before, .ss-bus.right:after { content: '🚍'; } /* line 50, ../../scss/_webfont.scss */ .ss-truck:before, .ss-truck.right:after { content: '🚚'; } /* line 50, ../../scss/_webfont.scss */ .ss-caravan:before, .ss-caravan.right:after { content: '🚐'; } /* line 50, ../../scss/_webfont.scss */ .ss-tractor:before, .ss-tractor.right:after { content: '🚜'; } /* line 50, ../../scss/_webfont.scss */ .ss-tunnel:before, .ss-tunnel.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-plane:before, .ss-plane.right:after { content: '✈'; } /* line 50, ../../scss/_webfont.scss */ .ss-arrival:before, .ss-arrival.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-departure:before, .ss-departure.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-helicopter:before, .ss-helicopter.right:after { content: '🚁'; } /* line 50, ../../scss/_webfont.scss */ .ss-bike:before, .ss-bike.right:after { content: '🚲'; } /* line 50, ../../scss/_webfont.scss */ .ss-motorcycle:before, .ss-motorcycle.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-boat:before, .ss-boat.right:after { content: '🚢'; } /* line 50, ../../scss/_webfont.scss */ .ss-sailboat:before, .ss-sailboat.right:after { content: '⛵'; } /* line 50, ../../scss/_webfont.scss */ .ss-schooner:before, .ss-schooner.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-skylift:before, .ss-skylift.right:after { content: '🚡'; } /* line 50, ../../scss/_webfont.scss */ .ss-rocket:before, .ss-rocket.right:after { content: '🚀'; } /* line 50, ../../scss/_webfont.scss */ .ss-steeringwheel:before, .ss-steeringwheel.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-trafficcamera:before, .ss-trafficcamera.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-fuel:before, .ss-fuel.right:after { content: '⛽'; } /* line 50, ../../scss/_webfont.scss */ .ss-jerrycan:before, .ss-jerrycan.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-passport:before, .ss-passport.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-trafficlight:before, .ss-trafficlight.right:after { content: '🚦'; } /* line 50, ../../scss/_webfont.scss */ .ss-highway:before, .ss-highway.right:after { content: 'ïŒ '; } /* line 50, ../../scss/_webfont.scss */ .ss-road:before, .ss-road.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-intersection:before, .ss-intersection.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-wheelchair:before, .ss-wheelchair.right:after { content: '♿'; } /* line 50, ../../scss/_webfont.scss */ .ss-elevator:before, .ss-elevator.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-golf:before, .ss-golf.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-hockey:before, .ss-hockey.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-iceskate:before, .ss-iceskate.right:after { content: '⛸'; } /* line 50, ../../scss/_webfont.scss */ .ss-billiards:before, .ss-billiards.right:after { content: '🎱'; } /* line 50, ../../scss/_webfont.scss */ .ss-baseballglove:before, .ss-baseballglove.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-tennis:before, .ss-tennis.right:after { content: '🎾'; } /* line 50, ../../scss/_webfont.scss */ .ss-tabletennis:before, .ss-tabletennis.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-badminton:before, .ss-badminton.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-boxing:before, .ss-boxing.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-bowling:before, .ss-bowling.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-football:before, .ss-football.right:after { content: '🏈'; } /* line 50, ../../scss/_webfont.scss */ .ss-soccer:before, .ss-soccer.right:after { content: 'âš½'; } /* line 50, ../../scss/_webfont.scss */ .ss-hiker:before, .ss-hiker.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-pool:before, .ss-pool.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-shower:before, .ss-shower.right:after { content: '🚿'; } /* line 50, ../../scss/_webfont.scss */ .ss-exercise:before, .ss-exercise.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-exercisebike:before, .ss-exercisebike.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-dumbbell:before, .ss-dumbbell.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-jumprope:before, .ss-jumprope.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-yoga:before, .ss-yoga.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-suitcase:before, .ss-suitcase.right:after { content: 'î '; } /* line 50, ../../scss/_webfont.scss */ .ss-luggage:before, .ss-luggage.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-donotdisturb:before, .ss-donotdisturb.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-sunscreen:before, .ss-sunscreen.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-callbell:before, .ss-callbell.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-hospital:before, .ss-hospital.right:after { content: '⛨'; } /* line 50, ../../scss/_webfont.scss */ .ss-medicalcross:before, .ss-medicalcross.right:after { content: 'ï’°'; } /* line 50, ../../scss/_webfont.scss */ .ss-ambulance:before, .ss-ambulance.right:after { content: '🚑'; } /* line 50, ../../scss/_webfont.scss */ .ss-bandage:before, .ss-bandage.right:after { content: 'ï’²'; } /* line 50, ../../scss/_webfont.scss */ .ss-medicalthermometer:before, .ss-medicalthermometer.right:after { content: 'ï’³'; } /* line 50, ../../scss/_webfont.scss */ .ss-stethoscope:before, .ss-stethoscope.right:after { content: 'ï’´'; } /* line 50, ../../scss/_webfont.scss */ .ss-syringe:before, .ss-syringe.right:after { content: '💉'; } /* line 50, ../../scss/_webfont.scss */ .ss-pill:before, .ss-pill.right:after { content: '💊'; } /* line 50, ../../scss/_webfont.scss */ .ss-pillbottle:before, .ss-pillbottle.right:after { content: 'ï’µ'; } /* line 50, ../../scss/_webfont.scss */ .ss-supplements:before, .ss-supplements.right:after { content: 'ï’¶'; } /* line 50, ../../scss/_webfont.scss */ .ss-bathroomscale:before, .ss-bathroomscale.right:after { content: 'ï’·'; } /* line 50, ../../scss/_webfont.scss */ .ss-dna:before, .ss-dna.right:after { content: 'ï“‚'; } /* line 50, ../../scss/_webfont.scss */ .ss-anatomicalheart:before, .ss-anatomicalheart.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-checkheart:before, .ss-checkheart.right:after { content: 'ï“‘'; } /* line 50, ../../scss/_webfont.scss */ .ss-eyesurgery:before, .ss-eyesurgery.right:after { content: 'ï“ '; } /* line 50, ../../scss/_webfont.scss */ .ss-brokenbone:before, .ss-brokenbone.right:after { content: 'ï“¡'; } /* line 50, ../../scss/_webfont.scss */ .ss-up:before, .ss-up.right:after { content: '⬆'; } /* line 50, ../../scss/_webfont.scss */ .ss-upright:before, .ss-upright.right:after { content: '⬈'; } /* line 50, ../../scss/_webfont.scss */ .ss-right:before, .ss-right.right:after { content: 'âž¡'; } /* line 50, ../../scss/_webfont.scss */ .ss-downright:before, .ss-downright.right:after { content: '⬊'; } /* line 50, ../../scss/_webfont.scss */ .ss-down:before, .ss-down.right:after { content: '⬇'; } /* line 50, ../../scss/_webfont.scss */ .ss-downleft:before, .ss-downleft.right:after { content: '⬋'; } /* line 50, ../../scss/_webfont.scss */ .ss-left:before, .ss-left.right:after { content: '⬅'; } /* line 50, ../../scss/_webfont.scss */ .ss-upleft:before, .ss-upleft.right:after { content: '⬉'; } /* line 50, ../../scss/_webfont.scss */ .ss-navigateup:before, .ss-navigateup.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-navigateright:before, .ss-navigateright.right:after { content: 'â–»'; } /* line 50, ../../scss/_webfont.scss */ .ss-navigatedown:before, .ss-navigatedown.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-navigateleft:before, .ss-navigateleft.right:after { content: 'â—…'; } /* line 50, ../../scss/_webfont.scss */ .ss-directup:before, .ss-directup.right:after { content: 'â–´'; } /* line 50, ../../scss/_webfont.scss */ .ss-directright:before, .ss-directright.right:after { content: 'â–¹'; } /* line 50, ../../scss/_webfont.scss */ .ss-dropdown:before, .ss-dropdown.right:after { content: 'â–¾'; } /* line 50, ../../scss/_webfont.scss */ .ss-directleft:before, .ss-directleft.right:after { content: 'â—ƒ'; } /* line 50, ../../scss/_webfont.scss */ .ss-leftright:before, .ss-leftright.right:after { content: '⬌'; } /* line 50, ../../scss/_webfont.scss */ .ss-rightward:before, .ss-rightward.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-leftward:before, .ss-leftward.right:after { content: 'ï”…'; } /* line 50, ../../scss/_webfont.scss */ .ss-previouspage:before, .ss-previouspage.right:after { content: '⎗'; } /* line 50, ../../scss/_webfont.scss */ .ss-nextpage:before, .ss-nextpage.right:after { content: '⎘'; } /* line 50, ../../scss/_webfont.scss */ .ss-retweet:before, .ss-retweet.right:after { content: ''; } /* line 50, ../../scss/_webfont.scss */ .ss-share:before, .ss-share.right:after { content: ''; } /* line 1, ../../scss/_ui.scss */ .ui { width: 100%; position: relative; margin: 30px 0 0 0; } /* line 6, ../../scss/_ui.scss */ .ui .next { font-size: 2.0em; position: absolute; display: inline-block; color: #CDD3D1; cursor: pointer; right: 0px; } /* line 14, ../../scss/_ui.scss */ .ui .prev { font-size: 2.0em; position: absolute; display: inline-block; color: #CDD3D1; cursor: pointer; left: 0px; } /* line 26, ../../scss/_ui-spinner.scss */ .ui-spinner { width: 46px; height: 46px; background: #dddddd; } /* line 31, ../../scss/_ui-spinner.scss */ .ui-spinner .side .fill { background: #3c76ca; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; opacity: 0.8; } /* line 39, ../../scss/_ui-spinner.scss */ .ui-spinner:after { content: ""; background: transparent; position: absolute; width: 28px; height: 28px; border-radius: 50%; top: 9px; left: 9px; display: block; } .exterior_threesixty img.threesixty-frame { width: 100%; cursor: pointer; } .interior_threesixty img.threesixty-frame { width: 100%; cursor: pointer; } /** Ion.RangeSlider, 2.3.0 © Denis Ineshin, 2010 - 2018, IonDen.com Build date: 2018-12-12 00:07:25 */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity = 0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle>i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; } .irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child { background-color: #a43540; } .irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; } .irs--big { height: 55px; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, 0.5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, 0.45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern { height: 55px; } .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, 0.5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle>i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg); } .irs--modern .irs-handle>i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle>i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); } .irs--modern .irs-handle.state_hover>i:nth-child(1), .irs--modern .irs-handle:hover>i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover>i:nth-child(3), .irs--modern .irs-handle:hover>i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, 0.5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle>i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover>i:first-child, .irs--sharp .irs-handle:hover>i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: 0.4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, 0.5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, 0.1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; } /* Media queries Breakpoints */ /* Renovate America Primary Colours */ /* Sprite Icons */ /*Maruti Sass color variables*/ /*Maruti Sass Fonts Variable*/ /*Font family maruti*/ /* This mixin is for theme generation */ /********************* BREAKPOINTS *********************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; display: block; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { font-family: "Fira Sans", sans-serif; font-size: 16px; font-weight: 300; background-color: #FFFFFF; transform: none; color: #000000; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } input, select, textarea, .form-control { font-family: "Fira Sans", sans-serif; font-size: 12px; border: 2px solid #00b4e4; } p { font-size: 16px; line-height: 24px; margin-bottom: 20px; font-weight: 300; color: #000000; } p:last-child { margin-bottom: 0; } .right { float: right; } .left { float: left; } h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; font-weight: 300; } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .text-uppercase { text-transform: uppercase; } .btn-small { font-family: "Fira Sans", sans-serif; font-size: 12px !important; } a.login-text { text-decoration: none; } /* Sitecore define - padding spacing class*/ .padding-0 { padding-top: 0; padding-bottom: 0; } .padding-20 { padding-top: 20px; padding-bottom: 20px; } .padding-40 { padding-top: 40px; padding-bottom: 40px; } .padding-75 { padding-top: 75px; padding-bottom: 75px; } .clear-top { padding-top: 0; margin-top: 0; } .clear-bottom { padding-bottom: 0; margin-bottom: 0; } .clear-top-bottom { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } .btn-dark { background-color: #000000; border-color: #000000; } .btn+.btn { margin-left: 11px; } h1, h2, h3, h4, h5, h6 { font-family: "Fira Sans", sans-serif; } @ -webkit-keyframes slideInLeft {from { -webkit-transform:translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @ keyframes slideInLeft {from { -webkit-transform:translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @ -webkit-keyframes slideOutLeft {from { -webkit-transform:translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } } @ keyframes slideOutLeft {from { -webkit-transform:translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @ -webkit-keyframes slideOutRight {from { -webkit-transform:translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } } @ keyframes slideOutRight {from { -webkit-transform:translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @ -webkit-keyframes slideInRight {from { -webkit-transform:translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @ keyframes slideInRight {from { -webkit-transform:translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @ -webkit-keyframes slideInUp {from { -webkit-transform:translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @ keyframes slideInUp {from { -webkit-transform:translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @ keyframes fadeInUp {from { opacity:0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .ra-rotate-45 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /* Function to change px to rem unit */ header { float: left; width: 100%; box-shadow: 0 0 10px #f2f2f2; } .topheader { float: left; width: 100%; padding: 10px 0; background: #f2f2f2; } .topheader ul { text-align: right; font-size: 0px; padding: 0px; margin: 0px; } .topheader ul li { padding: 0 10px; display: inline-block; vertical-align: middle; height: 20px; border-right: 1px solid #8b8b8b; } @media ( max-width : 992px) { .topheader ul li { display: none; } } .topheader ul li:last-child { padding: 0 0 0 10px; border-right: 0; } @media ( max-width : 992px) { .topheader ul li:last-child { display: inline-block; } } .topheader ul li .fa-phone { font-size: 0.875rem; color: #000000; transform: rotate(180deg); -webkit-transform: rotate(180deg); } .topheader ul li .fa-user { font-size: 0.875rem; color: #000000; } .topheader ul li select { padding: 0 15px 0 0; font-size: 0.875rem; line-height: 1.25rem; border: 0px; appearance: none; -webkit-appearance: none; text-transform: uppercase; background: url(../images/header/drop-arrow.png) no-repeat 99% center; font-weight: 500; outline: none; } .topheader ul li select option { outline: none; } .selectcitybox { display: none; padding: 0 10px 0 0px; line-height: 26px; } .selectcitybox select { padding: 0 15px 0 0; font-size: 1rem; line-height: 1.25rem; border: 0px; text-transform: uppercase; background: url(../images/header/drop-arrow.png) no-repeat 99% center; font-weight: 500; appearance: none; -webkit-appearance: none; } @media ( max-width : 992px) { .selectcitybox { display: inline-block; vertical-align: middle; } } @media ( max-width : 320px) { .selectcitybox { padding: 0 5px 0 0px; } } .userloginbox { display: none; padding: 0px; } .userloginbox .fa-user { font-size: 0.875rem; color: #000000; } @media ( max-width : 992px) { .userloginbox { display: inline-block; vertical-align: middle; } } .topheader2 { background: #FFFFFF; float: left; width: 100%; padding: 0px; position: relative; } .topheader2.stick { position: fixed; z-index: 90; box-shadow: 0 3px 5px rgba(113, 100, 100, 0.6); } .logo { float: left; margin: 18px 0; } .rightmenubox { float: right; padding: 0px 0; } @media ( max-width : 992px) { .rightmenubox { padding: 15px 0; } } .menubox { display: inline-block; vertical-align: middle; } @media ( max-width : 992px) { .menubox { display: none; } } .menubox ul { padding: 0px; margin: 0; font-size: 0px; } .menubox ul li { font-size: 0.875rem; line-height: 1.25rem; display: inline-block; padding: 20px 0; vertical-align: middle; font-weight: 500; } @media ( max-width : 1200px) { .menubox ul li { font-size: 0.8125rem; } } .menubox ul li a { color: #000000; text-transform: uppercase; text-decoration: none; border-right: 1px solid #8b8b8b; padding: 0 15px; display: block; } @media ( max-width : 1200px) { .menubox ul li a { padding: 0 10px; } } .menubox ul li a span { width: 9px; height: 5px; position: relative; top: -2px; right: -2px; display: inline-block; background: url(../images/header/drop-arrow.png) no-repeat 99% center; } .searchbox { display: inline-block; vertical-align: middle; padding: 0px 0 0 10px; position: relative; appearance: none; -webkit-appearance: none; } @media ( max-width : 992px) { .searchbox { padding: 0px 0 0 5px; } } @media ( max-width : 992px) { .searchbox { display: none; } } .searchbtn { cursor: pointer; position: relative; width: 15px; height: 15px; background: url(../images/header/search-icon.png) no-repeat center; } .searchbtn.active { background: url(../images/close-icon.png) no-repeat center; z-index: 10; right: 5px; } .inrsearchbox { position: absolute; top: -22.5px; width: 0px; right: 0; transition-duration: .5s; -webkit-transition-duration: .5s; display: none; } .inrsearchbox input { background: #fff url(../images/header/search-icon.png) no-repeat 5px center; width: 0%; height: 60px; border: 1px solid #b5b5b5; padding: 0 0px; font-size: 14px; font-weight: 500; } .inrsearchbox.active { width: 940px; display: block; animation: searchanim; animation-duration: .5s; transition-duration: .5s; -webkit-transition-duration: .5s; } .inrsearchbox.active input { width: 100%; padding: 0 30px; } @ keyframes "searchanim " { 0% { width: 0; } 100% { width : 940 px ; } } @ -webkit-keyframes "searchanim " { 0% { width: 0; } 100% { width : 940 px ; } } .bootstrap-select { width: auto !important; padding: 0; border-radius: 0; background: inherit; } .bootstrap-select .dropdown-menu { min-width: 200px; left: -110px !important; padding: 0; border-radius: 0; border: 1px solid #000000; } @media ( max-width : 992px) { .bootstrap-select .dropdown-menu { left: -60px !important; } } @media ( max-width : 767px) { .bootstrap-select .dropdown-menu { left: -35px !important; top: 5px !important; min-width: 150px; } } .bootstrap-select .dropdown-menu .bs-searchbox { padding: 0; border-bottom: 1px solid #000000; } .bootstrap-select .dropdown-menu .bs-searchbox input { border: 0 !important; background: #fff url(../images/header/search-icon.png) no-repeat 96% center; text-transform: uppercase; font-size: 0.875rem; line-height: 1.25rem; border-radius: 0; background-size: 12px; color: #000000; } @media ( max-width : 767px) { .bootstrap-select .dropdown-menu .dropdown-menu { left: auto !important; } } .bootstrap-select .dropdown-menu .dropdown-menu.inner { width: auto; padding: 0; } .bootstrap-select .dropdown-menu .dropdown-menu li { display: block; text-align: left; padding: 0 10px 0; height: auto; color: #000000; text-transform: uppercase; font-weight: 500; font-size: 0.875rem; line-height: 1.25rem; border-right: 0px; margin: 0; } .bootstrap-select .dropdown-menu .dropdown-menu li:last-child { padding: 0 10px 0; border-bottom: 0; } .bootstrap-select .dropdown-menu .dropdown-menu li:last-child a { border-bottom: 0; } .bootstrap-select .dropdown-menu .dropdown-menu li a { display: block; background: url(../images/address.jpg) no-repeat 2px center; font-size: 0.875rem; line-height: 1.25rem; border-bottom: 1px solid #2e3d52; color: #000000; padding: 10px 0 10px 15px; outline: none; } .bootstrap-select select { padding: 0 15px 0 0 !important; font-size: 0.875rem; line-height: 1.25rem; border: 0; text-transform: uppercase; background: url(../images/header/drop-arrow.png) no-repeat 99% center; font-weight: 500; appearance: none; -webkit-appearance: none; } .bootstrap-select .btn { border: 0; outline: none; background: inherit; } .bootstrap-select .btn .filter-option { position: relative; padding: 0 15px 0 0; } .bootstrap-select .btn.dropdown-toggle { padding: 0px; background: inherit; border: 0; } .bootstrap-select .btn.dropdown-toggle:before { display: none; } .bootstrap-select .btn.dropdown-toggle:after { background: url(../images/header/drop-arrow.png) no-repeat 99% center; width: 20px; right: 0; top: 5px; border: 0 !important; height: 10px; position: absolute; } .bootstrap-select .btn-light:not (:disabled ):not (.disabled ).active, .bootstrap-select .btn-light:not (:disabled ):not (.disabled ):active, .bootstrap-select .show>.btn-light.dropdown-toggle { background: inherit; border: 0; outline: none !important; box-shadow: 0; } .bootstrap-select .filter-option-inner { padding: 0 !important; text-transform: uppercase; font-weight: 500; } .bootstrap-select .filter-option-inner .filter-option-inner-inner { font-size: 0.875rem; line-height: 1.25rem; } .bootstrap-select .btn.dropdown-toggle { outline: none !important; } header { box-shadow: 0 0 10px grey; } .menubox ul li.submenu:hover .submenubox { display: block; } .menubox ul li.submenu:hover a:before { content: ''; position: absolute; width: 0; height: 0; left: 0; right: 0; margin: 0 auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000000; bottom: -25px; z-index: 101; } .menubox ul li.submenu .suzukibuttons a:after { display: none; } .menubox ul li.submenu .suzukibuttons a:before { display: none; } .menubox ul li a { position: relative; } .menubox ul li:hover a:after { position: absolute; bottom: -20px; width: 100%; height: 2px; background: #000000; left: 0; content: ''; z-index: 101; } .secondlevel { display: none; } .secondlevel.active { display: block; } .submenubox { display: none; position: absolute; left: 0; top: 100%; width: 100%; padding: 5px 0 0; box-shadow: inset 0 10px 5px -5px #d5d5d5; z-index: 100; background: #FFFFFF; } .submenubox.active { display: block; } .servicebox { text-align: center; float: left; width: 100%; } .servicebox .inrservicebox { width: 70%; display: table; margin: 0 auto; } @media ( max-width : 1200px) { .servicebox .inrservicebox { width: 75%; } } .servicebox .inrservicebox>div { display: table-cell; } .servicebox .inrservicebox>div:hover { background: #f6f6f6; } .servicebox .inrservicebox .box1 { padding: 10px 0; margin: 0 5%; width: 90%; text-align: left; } .servicebox .inrservicebox .box1 h4 { margin: 0 0 10px; font-size: 0.875rem; padding: 15px 40px; border-bottom: 1px dashed #b5b5b5; text-transform: uppercase; font-weight: 700; } @media ( max-width : 1200px) { .servicebox .inrservicebox .box1 h4 { font-size: 0.75rem; padding: 10px 20px; } } .servicebox .inrservicebox .box1 ul li { margin: 0px; font-size: 0.875rem; padding: 10px 40px; display: block; text-transform: uppercase; font-weight: 400; } @media ( max-width : 1200px) { .servicebox .inrservicebox .box1 ul li { font-size: 0.75rem; padding: 8px 20px; } } .servicebox .inrservicebox .box1 ul li a { padding: 0; border-right: 0; font-weight: 500; color: #000000; text-decoration: none; position: relative; display: inline-block; } .servicebox .inrservicebox .box1 ul li a:hover:after { width: 100%; transition-duration: .5s; -webkit-transition-duration: .5s; } .servicebox .inrservicebox .box1 ul li a:after { background: #000; height: 1px; width: 0%; left: 0; right: 0; bottom: -2px; position: absolute; content: ''; transition-duration: .5s; -webkit-transition-duration: .5s; } .suzukiconnectbox { float: left; width: 100%; border-top: 1px dashed #cecece; padding: 20px 0; } @media ( max-width : 1200px) { .suzukiconnectbox { padding: 15px 0; } } .suzukiconnectbox .connectlogo { vertical-align: top; display: inline-block; margin: 0 30px 0 0; } @media ( max-width : 1200px) { .suzukiconnectbox .connectlogo { margin: 0 40px 0 0; } } .suzukiconnectbox .suzukicontentbox { vertical-align: top; display: inline-block; margin: 0 30px 0 0; } .suzukiconnectbox .suzukicontentbox h4 { margin: 0 0 5px; text-transform: uppercase; text-align: left; color: #000000; font-size: 0.875rem; font-weight: 700; } @media ( max-width : 1200px) { .suzukiconnectbox .suzukicontentbox h4 { font-size: 0.75rem; } } .suzukiconnectbox .suzukicontentbox p { margin: 0px; text-align: left; color: #000000; font-size: 0.875rem; font-weight: 400; } @media ( max-width : 1200px) { .suzukiconnectbox .suzukicontentbox p { font-size: 0.75rem; } } .suzukiconnectbox .suzukibuttons { vertical-align: top; display: inline-block; } .suzukiconnectbox .suzukibuttons ul { padding: 0px; margin: 20px 0 0; font-size: 0px; } .suzukiconnectbox .suzukibuttons ul li { margin: 0 10px 0 0; display: inline-block; } .suzukiconnectbox .suzukibuttons ul li:last-child { margin: 0px; } .suzukiconnectbox .suzukibuttons ul li a { color: #FFFFFF; font-size: 0.875rem; border: 1px solid #000000; font-weight: 400; background: #000000; text-decoration: none; padding: 10px 20px; display: block; text-transform: uppercase; } @media ( max-width : 1200px) { .suzukiconnectbox .suzukibuttons ul li a { font-size: 0.75rem; } } .suzukiconnectbox .suzukibuttons ul li a:hover { color: #000000; background: #FFFFFF; } .inrsecondlevel { font-size: 0px; display: block; text-align: center; float: left; width: 100%; } .inrsecondlevel .philosophybox { width: 35%; padding: 30px; text-align: left; display: inline-block; vertical-align: top; margin: 0 auto; } @media ( max-width : 1200px) { .inrsecondlevel .philosophybox { width: 40%; } } .inrsecondlevel .philosophybox:hover { background: #f6f6f6; } .inrsecondlevel .philosophybox img { width: 100%; } .inrsecondlevel .philosophybox h4 { font-size: 0.875rem; margin: 20px 0 10px; text-transform: uppercase; font-weight: 700; } @media ( max-width : 1200px) { .inrsecondlevel .philosophybox h4 { font-size: 0.75rem; } } .inrsecondlevel .philosophybox p { font-size: 0.875rem; margin: 0 0 10px 0; font-weight: 400; } @media ( max-width : 1200px) { .inrsecondlevel .philosophybox p { font-size: 0.75rem; } } .inrsecondlevel .philosophybox a { font-size: 0.875rem; text-transform: uppercase; color: #000000; font-weight: 500; text-decoration: none; position: relative; display: inline-block; } @media ( max-width : 1200px) { .inrsecondlevel .philosophybox a { font-size: 0.75rem; } } .inrsecondlevel .philosophybox a:hover:after { width: 100%; transition-duration: .5s; -webkit-transition-duration: .5s; } .inrsecondlevel .philosophybox a:after { background: #000; height: 1px; width: 0%; left: 0; right: 0; bottom: -2px; position: absolute; content: ''; transition-duration: .5s; -webkit-transition-duration: .5s; } .inrsecondlevel .nexacars { display: inline-block; vertical-align: top; padding: 20px 15px; width: 20%; } @media ( max-width : 1200px) { .inrsecondlevel .nexacars { padding: 20px 10px; } } .inrsecondlevel .nexacars:hover { background: #f6f6f6; } .inrsecondlevel .nexacars:hover ul li { opacity: 1; } .inrsecondlevel .nexacars figure { margin: 0px; text-align: center; display: table; height: 110px; } .inrsecondlevel .nexacars figurecaption { display: table-cell; vertical-align: middle; height: 100%; } .inrsecondlevel .nexacars p { margin: 0px; text-align: left; color: #000000; font-size: 0.875rem; font-weight: 500; } @media ( max-width : 1200px) { .inrsecondlevel .nexacars p { font-size: 0.75rem; } } .inrsecondlevel .nexacars label { margin: 0 0 10px 0; height: 40px; display: block; width: 100%; } @media ( max-width : 1200px) { .inrsecondlevel .nexacars label { margin: 0; } } .inrsecondlevel .nexacars ul { padding: 0px; margin: 15px 0 0; text-align: left; } .inrsecondlevel .nexacars ul li { opacity: 0; display: inline-block; border-right: 1px solid #000000; font-size: 0.875rem; } @media ( max-width : 1200px) { .inrsecondlevel .nexacars ul li { font-size: 0.75rem; } } .inrsecondlevel .nexacars ul li:last-child { padding: 0 0 0 15px; display: inline-block; border-right: 0; } .inrsecondlevel .nexacars ul li:first-child { padding: 0 15px 0 0; } .inrsecondlevel .nexacars ul li a { padding: 0px; color: #000000; font-size: 0.875rem; font-weight: 600; border: 0px; text-decoration: none; text-transform: uppercase; position: relative; display: inline-block; } @media ( max-width : 1200px) { .inrsecondlevel .nexacars ul li a { font-size: 0.75rem; } } .inrsecondlevel .nexacars ul li a:hover:after { width: 100%; transition-duration: .5s; -webkit-transition-duration: .5s; } .inrsecondlevel .nexacars ul li a:after { background: #000; height: 1px; width: 0%; left: 0; right: 0; bottom: -2px; position: absolute; content: ''; transition-duration: .5s; -webkit-transition-duration: .5s; } .homebanner { float: left; width: 100%; position: relative; } @media ( max-width : 767px) { .homebanner .carousel-item { padding: 0 0 60px; background: #000; } } .homebanner .desktopimage { display: block; } @media ( max-width : 767px) { .homebanner .desktopimage { display: none; } } .homebanner .mobileimage { display: none; } @media ( max-width : 767px) { .homebanner .mobileimage { display: block; } } @media ( max-width : 767px) { .homebanner .carbrandlogo { float: left; width: 50%; } .homebanner .carbrandlogo img { max-width: 125px; } } @media ( max-width : 767px) { .homebanner .carbrandprice { float: right; width: 50%; } .homebanner .carbrandprice h3 { text-align: right; } .homebanner .carbrandprice h3 span { display: block; } } .homebanner .bannercontent { position: absolute; top: 15%; left: 9%; text-align: left; } @media ( max-width : 1200px) { .homebanner .bannercontent { left: 5%; } } @media ( max-width : 767px) { .homebanner .bannercontent { left: 0; right: 0; width: 100%; float: left; top: 0; padding: 20px; height: 100%; } } .homebanner .bannercontent h3 { margin: 15px 0; color: #FFFFFF; font-size: 1.5rem; font-weight: bold; } @media ( max-width : 767px) { .homebanner .bannercontent h3 { margin: 0px; font-weight: 400; font-size: 1.25rem; } } .homebanner .bannercontent h3 span { color: #9699a0; font-size: 1rem; font-weight: 600; } @media ( max-width : 767px) { .homebanner .bannercontent h3 span { margin: 5px 0 0 0px; font-weight: 400; font-size: 0.875rem; } } .homebanner .bannercontent ul { padding: 0px; margin: 0px 0 0; } @media ( max-width : 767px) { .homebanner .bannercontent ul { float: left; width: 100%; position: absolute; bottom: 0px; left: 0; padding: 0 15px; } } .homebanner .bannercontent ul li { display: inline-block; margin: 0 10px 0 0; } @media ( max-width : 767px) { .homebanner .bannercontent ul li { width: 48%; margin: 0 1%; text-align: center; } } .homebanner .bannercontent ul li:last-child { margin: 0; } .homebanner .bannercontent ul li a { background: #000000; font-size: 0.9375rem; color: #FFFFFF; display: block; text-transform: uppercase; font-weight: 500; padding: 10px 13px; transition-duration: 1s; -webkit-transition-duration: 1s; text-decoration: none; border: 1px solid #000000; } @media ( max-width : 1200px) { .homebanner .bannercontent ul li a { padding: 12px 10px; font-size: 0.75rem; } } @media ( max-width : 767px) { .homebanner .bannercontent ul li a { background: #FFFFFF; color: #000000; padding: 12px 0px; font-size: 0.875rem; font-weight: 500; } } .homebanner .bannercontent ul li a:hover { background: #FFFFFF; border: 1px solid #FFFFFF; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .homebanner .create_inspire { position: absolute; bottom: 40px; left: 9%; text-align: left; } @media ( max-width : 1200px) { .homebanner .create_inspire { left: 5%; bottom: 20px; } } @media ( max-width : 767px) { .homebanner .create_inspire { left: 0; float: left; width: 100%; padding: 0 15px; bottom: 25%; } } .homebanner .carousel .carousel-indicators { right: 10%; bottom: 40px; left: auto; margin: 0px; } @media ( max-width : 1200px) { .homebanner .carousel .carousel-indicators { right: 5%; bottom: 20px; } } @media ( max-width : 767px) { .homebanner .carousel .carousel-indicators { left: 0; right: 0; text-align: center; bottom: 15%; } } .homebanner .carousel .carousel-indicators li { height: 15px; width: 15px; margin: 0 4px; background-color: #000000; border-radius: 0%; cursor: pointer; border: 1px solid #000000; } .homebanner .carousel .carousel-indicators li:hover { box-shadow: 0 0 10px #000000; } @media ( max-width : 767px) { .homebanner .carousel .carousel-indicators li { border: 1px solid #FFFFFF; height: 12px; width: 12px; } } .homebanner .carousel .carousel-indicators li.active { background-color: #FFFFFF; border: 1px solid #000000; } .homebanner .carousel .carousel-indicators li.active:hover { box-shadow: none; } @media ( max-width : 767px) { .homebanner .carousel .carousel-indicators li.active { border: 1px solid #FFFFFF; } } .fullbanner { width: 100%; } .exploremorebox { padding: 15px; background: #000000; float: left; width: 100%; display: none; } @media ( max-width : 767px) { .exploremorebox { display: block; } } .exploremorebox ul { padding: 0px; text-align: center; margin: 0px 0 0; } .exploremorebox ul li { display: inline-block; margin: 0 10px 0 0; } .exploremorebox ul li:last-child { margin: 0; } .exploremorebox ul li a { background: #fff; font-size: 15px; color: #000000; display: block; text-transform: uppercase; font-weight: 500; padding: 12px 20px; transition-duration: 1s; -webkit-transition-duration: 1s; text-decoration: none; border: 1px solid #fff; } .exploremorebox ul li a:hover { background: inherit; color: #FFFFFF; transition-duration: 1s; -webkit-transition-duration: 1s; } .exploremorebox h5 { text-align: center; margin: 0px 0 0; } .exploremorebox h5 label { display: block; font-size: 21px; color: #FFFFFF; font-weight: 400; margin: 15px 0; } .exploremorebox h5 img { -webkit-animation: comeout 1.5s linear infinite; -moz-animation: comeout 1.5s linear infinite; -o-animation: comeout 1.5s linear infinite; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); position: relative; } @ keyframes comeout { 0% { top: -10px; width: 20px; margin: 0 auto; } 100% { top : 0 px ; width : 20 px ; margin : 0 auto ; } } .services_homebox { float: left; width: 100%; margin: 50px 0 0; } @media ( max-width : 992px) { .services_homebox { margin: 40px 0 0; } } @media ( max-width : 767px) { .services_homebox { display: none; } } .services_homebox ul { font-size: 0px; margin: 0px; padding: 20px 0px; border: 1px solid #b7b7b7; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2); } @media ( max-width : 992px) { .services_homebox ul { padding: 15px 0; } } .services_homebox ul li { display: inline-block; text-align: center; width: 20%; padding: 20px 0; border-right: 1px solid #cccccc; } @media ( max-width : 992px) { .services_homebox ul li { padding: 15px 0; } } .services_homebox ul li:last-child { border-right: 0; } .services_homebox ul li span { text-align: center; } .services_homebox ul li span img { margin: 0 auto; display: block; transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; -webkit-transition-duration: 1s; } .services_homebox ul li:hover span img { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; -webkit-transition-duration: 1s; } .services_homebox ul li label { color: #000000; font-size: 0.9375rem; font-weight: 500; margin: 10px 0 0; text-transform: uppercase; } @media ( max-width : 1200px) { .services_homebox ul li label { font-size: 0.8125rem; } } @media ( max-width : 992px) { .services_homebox ul li label { font-size: 0.6875rem; } } .nexacarbox { float: left; width: 100%; margin: 50px 0 0; } @media ( max-width : 992px) { .nexacarbox { margin: 40px 0 0; } } @media ( max-width : 767px) { .nexacarbox { padding: 30px 0 0; margin: 0px; background: #fff; } } .nexacarbox h3 { text-align: center; text-transform: uppercase; font-size: 1.5rem; color: #000000; font-weight: bold; margin: 0 0 30px; } @media ( max-width : 992px) { .nexacarbox h3 { margin: 0 0 20px; } } @media ( max-width : 767px) { .nexacarbox h3 { display: none; } } .inrnexacarbox { float: left; width: 100%; padding: 0 0 20px 0; border-bottom: 1px solid #b5b5b5; } @media ( max-width : 992px) { .inrnexacarbox { padding: 0 0 10px 0; } } @media ( max-width : 767px) { .inrnexacarbox { padding: 0; border-bottom: 0px; } } .cardetailbox { float: left; width: 100%; margin: 0 0 30px; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2); } .carimagebox { position: relative; overflow: hidden; float: left; width: 100%; } .carimagebox img { transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; transition-duration: 1s; width: 100%; } .carimagebox img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; transition-duration: 1s; } .carimagebox h5 { margin: 0px; position: absolute; left: 15px; top: 15px; font-weight: 500; font-size: 1.125rem; color: #000000; } @media ( max-width : 767px) { .carimagebox h5 { left: auto; right: 15px; } } .carimagebox h5 span { display: block; font-size: 12px; color: #979797; } .carcontentbox { float: left; width: 100%; padding: 20px; } @media ( max-width : 767px) { .carcontentbox { padding: 15px; } } .carcontentbox .brandlogo { height: 32px; float: left; } .carcontentbox .brandlogo span { height: 32px; display: table-cell; vertical-align: middle; } .carcontentbox .downloadbtn { float: right; } .carcontentbox .downloadbtn a { display: block; float: right; font-weight: 500; text-decoration: none; color: #000000; font-size: 14px; line-height: 16px; position: relative; transition-duration: .5s; -webkit-transition-duration: .5s; } .carcontentbox .downloadbtn a:before { content: ''; width: 16px; height: 24px; position: absolute; left: -24px; top: 4px; background: url(../images/download-icon.png) no-repeat center; transition-duration: .5s; -webkit-transition-duration: .5s; } .carcontentbox .downloadbtn a:hover:before { top: -4px; transition-duration: .5s; -webkit-transition-duration: .5s; } .carcontentbox ul { float: left; width: 100%; text-align: center; padding: 0px; margin: 20px 0 0; font-size: 0px; } .carcontentbox ul li { width: 48%; display: inline-block; } .carcontentbox ul li a { text-decoration: none; font-weight: 500; font-size: 0.875rem; color: #000000; padding: 10px 0; border: 1px solid #000000; text-transform: uppercase; display: block; transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 992px) { .carcontentbox ul li a { font-size: 0.75rem; } } @media ( max-width : 767px) { .carcontentbox ul li a { font-size: 0.875rem; padding: 12px 0; } } .carcontentbox ul li:first-child { float: left; } .carcontentbox ul li:first-child a:hover { background: #000000; color: #FFFFFF; transition-duration: 1s; -webkit-transition-duration: 1s; } .carcontentbox ul li:last-child { float: right; } .carcontentbox ul li:last-child a { background: #000000; color: #FFFFFF; } .carcontentbox ul li:last-child a:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .nexaworld { float: left; width: 100%; margin: 50px 0 0; } @media ( max-width : 992px) { .nexaworld { margin: 40px 0 0; } } @media ( max-width : 767px) { .nexaworld { margin: 20px 0 0; } } .worldtitlebox { float: left; width: 100%; margin: 0; } .worldtitlebox h3 { text-align: center; text-transform: uppercase; font-size: 1.5rem; color: #000000; font-weight: bold; margin: 0 0 10px; } @media ( max-width : 767px) { .worldtitlebox h3 { font-size: 1.3125rem; } } .worldtitlebox h5 { text-align: center; font-size: 1.125rem; color: #000000; font-weight: 500; padding: 0 0 10px; margin: 0 0 15px; position: relative; } .worldtitlebox h5:after { position: absolute; width: 100px; height: 2px; margin: 0 auto; content: ''; background: #000000; bottom: 0; left: 0; right: 0; } @media ( max-width : 767px) { .worldtitlebox h5 { font-size: 1rem; } } .worldtitlebox p { text-align: center; font-size: 1rem; color: #000000; font-weight: 400; line-height: 1.375rem; padding: 0px 30px 0; margin: 0; position: relative; } @media ( max-width : 1200px) { .worldtitlebox p { padding: 0 20px; font-size: 0.875rem; line-height: 1.25rem; } } @media ( max-width : 992px) { .worldtitlebox p { padding: 0; } } @media ( max-width : 767px) { .worldtitlebox p { text-align: justify; } } .worldtitlebox ul { float: left; width: 100%; text-align: center; padding: 0px; margin: 20px 0 0; font-size: 0px; } .worldtitlebox ul li { margin: 0 10px 0 0; display: inline-block; } @media ( max-width : 767px) { .worldtitlebox ul li { margin: 0px; } .worldtitlebox ul li:first-child { width: 48%; margin: 0 2% 0 0%; } .worldtitlebox ul li:last-child { width: 48%; margin: 0 0 0 2%; } } .worldtitlebox ul li a { text-decoration: none; font-weight: 400; font-size: 0.9375rem; color: #FFFFFF; padding: 10px 13px; background: #000000; border: 1px solid #000000; text-transform: uppercase; display: block; transition-duration: 1s; -webkit-transition-duration: 1s; border: 1px solid #000000; } .worldtitlebox ul li a:hover { color: #000000; background: inherit; transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 767px) { .worldtitlebox ul li a { padding: 12px 0; } } .inrnexaworld { padding: 40px 0 50px; border-bottom: 1px solid #b5b5b5; float: left; width: 100%; } @media ( max-width : 992px) { .inrnexaworld { padding: 30px 0; } } @media ( max-width : 767px) { .inrnexaworld { padding: 30px 0 10px; border-bottom: 0; } } .leftnexablogpost { background: #000000; float: left; width: 100%; height: 100%; } @media ( max-width : 992px) { .leftnexablogpost { height: auto; } } .nexablogimage { position: relative; float: left; width: 100%; overflow: hidden; height: 70%; } @media ( max-width : 992px) { .nexablogimage { height: auto; } } .nexablogimage img { transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; transition-duration: 1s; height: 100%; width: 100%; } .nexablogimage img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; transition-duration: 1s; } .playiconbx { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .nexablogcontent { padding: 20px; float: left; width: 100%; height: 30%; position: relative; } @media ( max-width : 992px) { .nexablogcontent { height: auto; } } @media ( max-width : 767px) { .nexablogcontent { padding: 15px; } } .nexablogcontent h4 { font-size: 1.125rem; line-height: 1.375rem; color: #FFFFFF; margin: 0 0 10px; font-weight: 400; text-transform: uppercase; } @media ( max-width : 1200px) { .nexablogcontent h4 { font-size: 1rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .nexablogcontent h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 200px; } } .nexablogcontent p { font-size: 1rem; line-height: 1.25rem; color: #FFFFFF; margin: 0 0 10px; font-weight: 400; } @media ( max-width : 1200px) { .nexablogcontent p { font-size: 0.875rem; line-height: 1rem; } } @media ( max-width : 767px) { .nexablogcontent p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .nexablogcontent a { margin: 2px 0 0; font-size: 0.9375rem; color: #000000; background: #FFFFFF; font-weight: 500; padding: 10px 13px; display: inline-block; text-decoration: none; text-transform: uppercase; border: 1px solid transparent; transition-duration: 1s; -webkit-transition-duration: 1s; } .nexablogcontent a:hover { border: 1px solid #FFFFFF; color: #FFFFFF; background: none; } .nexablogcontent .postsharebox { position: absolute; top: 10px; right: 10px; } .nexablogcontent .postsharebox ul { margin: 0px; padding: 0px; font-size: 0px; } .nexablogcontent .postsharebox ul li { max-width: 25px; display: inline-block; } .nexablogcontent .postsharebox ul li img { transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; -webkit-transition-duration: 1s; } .nexablogcontent .postsharebox ul li:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); transition-duration: 1s; -webkit-transition-duration: 1s; } .nexablogcontent .postsharebox ul li a { margin: 0px; border: 0px; background: none; padding: 0px; } .rightnexablogpost { float: left; width: 100%; height: 100%; } @media ( max-width : 992px) { .rightnexablogpost { margin: 30px 0 0; } } .rightnexablogpost .row { padding: 0 0 25px; margin: 0 0 10px; } @media ( max-width : 992px) { .rightnexablogpost .row { margin: 0px; padding: 0 0 30px; } } .rightnexablogpost .row:last-child { padding: 0 0 0px; margin: 0px; } .rightnexablogpost .row .col-7 { padding: 0 0 0 10px; } @media ( max-width : 767px) { .rightnexablogpost .row .col-7 { padding: 0 0 0 5px; } } .rightnexablogpost .row .col-5 { padding: 0 10px 0 0; } @media ( max-width : 767px) { .rightnexablogpost .row .col-5 { padding: 0 5px 0 0; } } .rightnexablogpost .nexablogimage { height: 100%; } .rightnexablogpost .nexablogimage img { height: 100%; } .rightnexablogpost .nexablogcontent { padding: 0px; float: left; width: 100%; height: 100%; } .rightnexablogpost .nexablogcontent h4 { font-size: 1.125rem; line-height: 1.375rem; color: #000000; margin: 0 0 10px; font-weight: 400; text-transform: uppercase; } @media ( max-width : 1200px) { .rightnexablogpost .nexablogcontent h4 { font-size: 1rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .rightnexablogpost .nexablogcontent h4 { width: 170px; } } .rightnexablogpost .nexablogcontent p { font-size: 1rem; line-height: 1.125rem; color: #000000; margin: 0 0 10px; font-weight: 400; } @media ( max-width : 1200px) { .rightnexablogpost .nexablogcontent p { font-size: 0.875rem; line-height: 1rem; } } @media ( max-width : 767px) { .rightnexablogpost .nexablogcontent p { width: 150px; } } .rightnexablogpost .nexablogcontent ul { margin: 0px; padding: 0px; } @media ( max-width : 767px) { .rightnexablogpost .nexablogcontent ul { font-size: 0px; } } .rightnexablogpost .nexablogcontent ul li { background: #000000; vertical-align: middle; display: inline-block; margin: 0 5px 0 0; height: 35px; } @media ( max-width : 767px) { .rightnexablogpost .nexablogcontent ul li:last-child { display: none; } } @media ( max-width : 369px) { .rightnexablogpost .nexablogcontent ul li { margin: 0 2px 0 0; } } .rightnexablogpost .nexablogcontent ul li a { margin: 0px; font-size: 0.9375rem; color: #FFFFFF; background: #000000; font-weight: 400; padding: 0; display: inline-block; text-decoration: none; text-transform: uppercase; border: 0; transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 767px) { .rightnexablogpost .nexablogcontent ul li a { font-size: 0.8125rem; } } .rightnexablogpost .nexablogcontent ul li a.knowmorebtn { height: 35px; padding: 10px 10px; border: 1px solid #000000; } @media ( max-width : 767px) { .rightnexablogpost .nexablogcontent ul li a.knowmorebtn { padding: 10px; border: 0; } } @media ( max-width : 369px) { .rightnexablogpost .nexablogcontent ul li a.knowmorebtn { padding: 10px 6px; } } .rightnexablogpost .nexablogcontent ul li img { display: block; transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; -webkit-transition-duration: 1s; } .rightnexablogpost .nexablogcontent ul li:hover img { transform: scale(0.8); -webkit-transform: scale(0.8); transition-duration: 1s; -webkit-transition-duration: 1s; } .rightnexablogpost .nexablogcontent ul li:hover a.knowmorebtn { color: #000000; background: #FFFFFF; } @media ( max-width : 767px) { .playiconbx img { max-width: 65px; } } .nexatwobox { float: left; width: 100%; margin: 50px 0 0; } @media ( max-width : 992px) { .nexatwobox { margin: 40px 0 0; } } @media ( max-width : 992px) { .nexatwobox { margin: 50px 0 0; } } .inrnexatwobox { float: left; width: 100%; border-bottom: 1px solid #b5b5b5; padding: 0 0 30px; } @media ( max-width : 767px) { .inrnexatwobox { border-bottom: 0px; padding: 0 0 20px; } } .nexatitlebox { float: left; width: 100%; } .nexatitlebox h3 { text-align: center; text-transform: uppercase; font-size: 1.5rem; color: #000000; font-weight: bold; margin: 0 0 30px; } @media ( max-width : 992px) { .nexatitlebox h3 { margin: 0 0 20px; } } @media ( max-width : 767px) { .nexatitlebox h3 { font-size: 1.3125rem; margin: 0 0 20px; } } .nexatwopostbox { position: relative; float: left; width: 100%; } .nexatwopostimage { position: relative; float: left; width: 100%; overflow: hidden; } .nexatwopostimage img { transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; transition-duration: 1s; } .nexatwopostimage img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; transition-duration: 1s; } .nexatwopostimage h6 { position: absolute; z-index: 1; bottom: 10px; color: #FFFFFF; margin: 0px; text-transform: uppercase; font-size: 0.9375rem; text-align: center; width: 100%; font-weight: 400; } .twopostcontentbox { padding: 20px 0; position: relative; float: left; width: 100%; } .twopostcontentbox h4 { font-size: 1.125rem; line-height: 1.375rem; color: #000000; margin: 0 0 10px; font-weight: 500; text-transform: uppercase; } @media ( max-width : 1200px) { .twopostcontentbox h4 { font-size: 1rem; line-height: 1.25rem; } } .twopostcontentbox p { font-size: 1rem; line-height: 1.125rem; color: #000000; margin: 0 0 15px; font-weight: 400; } @media ( max-width : 1200px) { .twopostcontentbox p { font-size: 0.875rem; line-height: 1rem; } } .twopostcontentbox a { margin: 0px; font-size: 0.9375rem; color: #FFFFFF; background: #000000; font-weight: 400; padding: 0; display: inline-block; text-decoration: none; text-transform: uppercase; border: 0; transition-duration: 1s; border: 1px solid #000; -webkit-transition-duration: 1s; padding: 10px 13px; } .twopostcontentbox a:hover { background: inherit; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .testimonialbox { float: left; width: 100%; } @media ( max-width : 767px) { .testimonialbox { background: #e6e6e6; } } .testimonialbox h3 { text-align: center; text-transform: uppercase; font-size: 1.5rem; color: #000000; font-weight: bold; margin: 0 0 25px; } @media ( max-width : 767px) { .testimonialbox h3 { margin: 0 0 15px; } } .testimonialbox .owl-dots { right: 0; top: 0px; position: absolute; text-align: center; left: 0; margin: 0px; } .testimonialbox .owl-dots .owl-dot { outline: none; } .testimonialbox .owl-dots .owl-dot span { display: block; height: 15px; width: 15px; margin: 0 4px; background-color: #000000; border-radius: 0%; cursor: pointer; border: 1px solid #000000; outline: none; } @media ( max-width : 767px) { .testimonialbox .owl-dots .owl-dot span { height: 12px; width: 12px; margin: 0 2px; } } .testimonialbox .owl-dots .owl-dot.active span { background-color: #FFFFFF; border: 1px solid #000000; } .inrtestimonialbox { float: left; width: 100%; border-bottom: 1px solid #b5b5b5; padding: 50px 0; } @media ( max-width : 992px) { .inrtestimonialbox { padding: 40px 0; } } @media ( max-width : 767px) { .inrtestimonialbox { padding: 40px 0; border-bottom: 0px; } } .testimonial_slider { float: left; width: 100%; padding: 40px 0 0; } .testimonialimagebox { float: left; width: 100%; position: relative; overflow: hidden; } .testimonialimagebox img { transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; transition-duration: 1s; } .testimonialimagebox img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; transition-duration: 1s; } .testimonialcontentbox { margin: 20px 0 0; float: left; width: 100%; position: relative; } @media ( max-width : 767px) { .testimonialcontentbox { margin: 20px 0 0; } } .testimonialcontentbox h4 { font-size: 1.125rem; line-height: 1.375rem; color: #000000; margin: 0 0 5px; font-weight: 500; text-transform: uppercase; } @media ( max-width : 767px) { .testimonialcontentbox h4 { font-size: 1rem; line-height: 1.25rem; } } .testimonialcontentbox p { font-size: 1rem; line-height: 1.375rem; color: #000000; margin: 0 0 15px; font-weight: 400; } @media ( max-width : 767px) { .testimonialcontentbox p { font-size: 0.875rem; line-height: 1.25rem; } } .testimonialcontentbox a { margin: 0px; font-size: 0.875rem; color: #FFFFFF; background: #000000; font-weight: 400; padding: 0; display: inline-block; text-decoration: none; text-transform: uppercase; border: 0; transition-duration: 1s; border: 1px solid #000000; -webkit-transition-duration: 1s; padding: 10px 13px; } .testimonialcontentbox a:hover { background: inherit; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .nexasocialbox { float: left; width: 100%; margin: 50px 0 0px; } @media ( max-width : 992px) { .nexasocialbox { margin: 40px 0 0px; } } @media ( max-width : 767px) { .nexasocialbox { margin: 40px 0 0px; } } .inrnexasocialbox { float: left; width: 100%; } .inrnexasocialbox h3 { font-size: 1.5rem; color: #000000; font-weight: 700; text-transform: uppercase; text-align: center; margin: 0 0 20px; } @media ( max-width : 767px) { .social_slider .item { padding: 5px; float: left; width: 100%; } } .nexasocialtabs { float: left; width: 100%; border-bottom: 1px solid #b5b5b5; } .nexasocialtabs .nav-tabs { display: block; width: 100%; float: left; text-align: center; border-bottom: 0px; } .nexasocialtabs .nav-tabs .nav-link { border: 0px; position: relative; color: #898989; font-size: 1rem; text-transform: uppercase; font-weight: 500; display: inline-block; padding: 0 10px; background: none; } @media ( max-width : 767px) { .nexasocialtabs .nav-tabs .nav-link { padding: 0 6px; font-size: 0.875rem; } } .nexasocialtabs .nav-tabs .nav-link .fa { position: absolute; bottom: -15px; left: 0; right: 0; display: none; } .nexasocialtabs .nav-tabs .nav-link.active { color: #000000; } .nexasocialtabs .nav-tabs .nav-link.active .fa { display: block; } .nexasocialtabs .tab-content { float: left; width: 100%; padding: 40px 0; } @media ( max-width : 767px) { .nexasocialtabs .tab-content { padding: 30px 0; } } .tab-content .socialpost { float: left; width: 100%; padding: 10px; } @media ( max-width : 767px) { .tab-content .socialpost { box-shadow: 0 0 10px 1px rgba(128, 128, 128, 0.5); padding: 10px; } } .tab-content .socialpost .socialheader { margin: 0 0 20px; float: left; width: 100%; position: relative; } @media ( max-width : 767px) { .tab-content .socialpost .socialheader { margin: 0 0 15px; } } .tab-content .socialpost .socialheader .socialicon { position: absolute; float: left; } .tab-content .socialpost .socialheader .socialdate { position: absolute; right: 0; bottom: 0; color: #898989; font-size: 0.875rem; } @media ( max-width : 767px) { .tab-content .socialpost .socialheader .socialdate { font-size: 0.75rem; } } .tab-content .socialpost .socialheader h5 { font-size: 1.125rem; line-height: 1.25rem; float: right; width: calc(100% - 50px); padding: 0px 0 0 10px; margin: 0px; font-weight: 500; } .tab-content .socialpost .socialheader h5 span { display: block; font-size: 0.875rem; } .tab-content .socialpost .socialheader h5 span a { color: #2c2b2b; } @media ( max-width : 369px) { .tab-content .socialpost .socialheader h5 { padding: 0px 0 0 0px; font-size: 0.875rem; line-height: 1.125rem; } } .tab-content .socialpost .socialcontent { float: left; width: 100%; padding: 15px 0 0; border-top: 1px solid #ebebeb; } .tab-content .socialpost .socialcontent p { color: #000000; font-size: 0.9375rem; font-weight: 400; margin: 0px; height: 100px; overflow: hidden; } .tab-content .socialpost .socialcontent p span { color: #00b9e4; } @media ( max-width : 767px) { .tab-content .socialpost .socialcontent p { margin: 0px; font-size: 0.875rem; line-height: 1.125rem; } } .tab-content .socialpost .socialshare { float: left; width: 100%; padding: 10px 0; } .tab-content .socialpost .socialshare ul { padding: 0; margin: 0px; font-size: 0px; } .tab-content .socialpost .socialshare ul li { display: inline-block; width: 20%; font-size: 0.9375rem; color: #606770; } .tab-content .socialpost .socialshare ul li:nth-child(3) { width: 30%; } .tab-content .socialpost .socialshare ul li:nth-child(4) { width: 30%; } .tab-content .socialpost .socialshare ul li i { margin: 0 5px 0 0; } .tab-content .socialpost .youtubedetailbox { float: left; width: 100%; } .tab-content .socialpost .youtubedetailbox .youtubethumb { width: 38%; float: left; padding: 0; margin: 0 2% 0 0; overflow: hidden; } .tab-content .socialpost .youtubedetailbox .youtubethumb img { transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; -webkit-transition-duration: 1s; } .tab-content .socialpost .youtubedetailbox .youtubethumb img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; -webkit-transition-duration: 1s; } .tab-content .socialpost .youtubedetailbox .youtubecontent { width: 60%; float: right; padding: 0 0 0 5px; } .tab-content .socialpost .youtubedetailbox .youtubecontent p { line-height: 1.125rem; } @media ( max-width : 767px) { .tab-content .socialpost .youtubedetailbox .youtubecontent p { margin: 0px; font-size: 0.75rem; line-height: 0.875rem; } } .tab-content .socialpost .youtubedetailbox .youtubecontent p strong { font-weight: 600; } footer { background: #000000; padding: 50px 0 0; float: left; width: 100%; } @media ( max-width : 767px) { footer { padding: 10px 0 65px; } } @media ( max-width : 369px) { footer { padding: 10px 0 60px; } } .foot1 { width: 20%; padding: 0 15px 0 0; float: left; } @media ( max-width : 992px) { .foot1 { width: 25%; } .foot1:last-child { width: 100%; padding: 0; font-size: 0px; margin: 30px 0 0; } .foot1 .innerfooter { width: 33.3%; display: inline-block; vertical-align: top; } .foot1 .innerfooter ul li { display: inline-block; padding: 0 10px 0 0; } } @media ( max-width : 767px) { .foot1 { display: none; } } /* .foot1 h5 { font-size: 1.125rem; color: #FFFFFF; font-weight: 500; text-transform: uppercase; margin: 0 0 15px; } */ /* @media ( max-width : 1200px) { .foot1 h5 { font-size: 1rem; } } */ .foot1 h5.marginbox { margin: 20px 0 15px; } @media ( max-width : 992px) { .foot1 h5.marginbox { margin: 0px 0 15px; } } .foot1 ul { padding: 0px; margin: 0px; } .foot1 ul li { font-size: 0.875rem; line-height: 1.125rem; font-weight: 400; margin: 0 0 10px; color: #FFFFFF; } @media ( max-width : 1200px) { .foot1 ul li { font-size: 0.75rem; } } .foot1 ul li a { color: #FFFFFF; text-decoration: none; display: inline; position: relative; } .foot1 ul li a:after { left: 0; bottom: -2px; position: absolute; width: 0%; margin: 0 auto; height: 1px; background: #FFFFFF; content: ''; position: absolute; } .foot1 ul li a:hover:after { width: 100%; transition-duration: 1s; -webkit-transition-duration: 1s; } .foot1 ul.footsocialbx { margin: 0 0 20px 0; } .foot1 ul.footsocialbx li { background: unset; height: 30px; line-height: 1.875rem; text-align: center; width: 30px; border-radius: 50%; font-size: 0.875rem; display: inline-block; margin: 0 5px 0 0; padding: 0; } .foot1 ul.footsocialbx li i { color: #000000; text-align: center; font-size: 1rem; font-weight: 700; line-height: 1.875rem; } .subscribebox { width: 100%; padding: 15px 0 0; float: left; float: left; width: 100%; } .subscribebox form { position: relative; float: left; width: 95%; } .subscribebox input { width: 100%; border: 1px solid #727272; background: inherit; height: 40px; color: #FFFFFF; font-size: 12px; padding: 0 45px 0 10px; } .subscribebox input::-webkit-input-placeholder { color: #727272; } .subscribebox input:-moz-placeholder { /* Firefox 18- */ color: #727272; } .subscribebox input::-moz-placeholder { /* Firefox 19+ */ color: #727272; } .subscribebox input:-ms-input-placeholder { color: #727272; } .subscribebox input.subscribebtn { width: 40px; background: #000 url(../images/arrow.png) no-repeat center; padding: 0px; font-size: .1px; position: absolute; right: 0; top: 0; } .copyrightbox { border-top: 1px solid #1c1c1c; float: left; margin: 50px 0 0; padding: 25px 0; width: 100%; } @media ( max-width : 992px) { .copyrightbox { margin: 10px 0 0; padding: 20px 0; } } @media ( max-width : 767px) { .copyrightbox { border-top: 0px; margin: 0px; padding: 15px 0; } } @media ( max-width : 369px) { .copyrightbox { padding: 10px 0; } } .leftfooter { float: left; width: 50%; } @media ( max-width : 767px) { .leftfooter { width: 100%; } } .leftfooter ul { padding: 0; margin: 0px; } @media ( max-width : 767px) { .leftfooter ul { text-align: center; margin: 0 0 10px; } } .leftfooter ul li { padding: 0 10px; font-size: 0.875rem; line-height: 1rem; display: inline-block; border-right: 1px solid #727272; } .leftfooter ul li:last-child { border-right: 0; } .leftfooter ul li a { text-decoration: none; color: #727272; } .leftfooter ul li:hover a { color: #FFFFFF; } @media ( max-width : 369px) { .leftfooter ul li { padding: 0 5px; font-size: 0.8125rem; font-weight: 500; } } .rightfooter { float: left; width: 50%; text-align: right; } @media ( max-width : 767px) { .rightfooter { width: 100%; text-align: center; } } .rightfooter p { margin: 0px; color: #727272; font-size: 0.875rem; } @media ( max-width : 369px) { .rightfooter p { font-size: 0.8125rem; font-weight: 500; } } .mobilefooter { float: left; display: block; padding: 25px 0px 10px; width: 100%; display: none; } @media ( max-width : 767px) { .mobilefooter { display: block; } } .mob_footer { float: left; padding: 0 0 30px 0; width: 100%; } .mob_footer img { width: 100%; max-width: 400px; margin: 0 auto; display: block; } .mob_footer:last-child { float: left; padding: 0px; width: 100%; } .mob_footer.tollfreemobile { text-align: center; } @media ( max-width : 767px) { .mob_footer.tollfreemobile h4 { display: inline-block; font-size: 1rem; text-transform: uppercase; font-weight: 600; margin: 0 10px 0 0; } .mob_footer.tollfreemobile ul { display: inline-block; } .mob_footer.tollfreemobile ul li { padding: 0 10px; font-weight: 600; font-size: 1rem; } .mob_footer.tollfreemobile ul li:last-child { padding: 0 0 0 10px; } .mob_footer.tollfreemobile ul li:first-child { padding: 0 10px 0 0; } } @media ( max-width : 369px) { .mob_footer.tollfreemobile h4 { font-size: 0.875rem; } .mob_footer.tollfreemobile ul li { font-size: 0.875rem; } } .mob_footer h4 { font-size: 1.5rem; text-align: center; color: #fff; font-weight: 400; margin: 0 0 15px; } @media ( max-width : 369px) { .mob_footer h4 { font-size: 1.3125rem; } } .mob_footer form { position: relative; margin: 0 auto; width: 100%; max-width: 360px; } .mob_footer input { width: 100%; border: 1px solid #858585; background: inherit; height: 45px; color: #fff; font-size: 1rem; padding: 0 50px 0 10px; } .mob_footer input::-webkit-input-placeholder { color: #858585; opacity: 1; } .mob_footer input:-moz-placeholder { color: #858585; opacity: 1; } .mob_footer input::-moz-placeholder { color: #858585; opacity: 1; } .mob_footer input:-ms-input-placeholder { color: #858585; opacity: 1; } .mob_footer input.subscribebtn { width: 45px; background: #000 url(../images/arrow1.png) no-repeat center; background-size: 15px auto; padding: 0px; font-size: .1px; position: absolute; right: 0; top: 0; } .mob_footer ul.footsocialbx { padding: 0px; margin: 0; text-align: center; } .mob_footer ul.footsocialbx li { background: #fff; height: 40px; line-height: 40px; text-align: center; width: 40px; border-radius: 50%; display: inline-block; margin: 0 5px 0 0; } .mob_footer ul.footsocialbx li i { color: #000; text-align: center; font-size: 21px; font-weight: 700; line-height: 40px; } .mob_footer ul.tollfreebx { padding: 0px; margin: 0; text-align: center; font-size: 0px; } .mob_footer ul.tollfreebx li { display: inline-block; color: #fff; margin: 0; border-right: 1px solid #fff; } .mob_footer ul.tollfreebx li:last-child { border-right: 0; } .mobile-visible { display: none; } .downloadapplogo { font-size: 0px; } .downloadapplogo li { width: 50%; display: inline-block; } .downloadapplogo li:first-child { padding: 0 5px 0 0; } .downloadapplogo li:last-child { padding: 0 0 0 5px; } .mobfixedfooter { overflow: hidden; display: none; position: fixed; bottom: 0; padding: 0px; background: #ffffff; z-index: 99; float: left; width: 100%; border-top: 1px solid #d4d4d4; height: 70px; } @media ( max-width : 767px) { .mobfixedfooter { display: block; } } @media ( max-width : 369px) { .mobfixedfooter { height: 60px; } } .mobfixedfooter ul { font-size: 0px; padding: 0px; margin: 0px; height: 100%; } .mobfixedfooter ul li { display: inline-block; width: 20%; height: 100%; position: relative; vertical-align: middle; text-align: center; } .mobfixedfooter ul li .verticalcenter { display: table; width: 100%; height: 100%; } .mobfixedfooter ul li .verticalcenter a { display: table-cell; vertical-align: middle; height: 100%; width: 100%; text-decoration: none; } .mobfixedfooter ul li .verticalcenter div { z-index: 2; position: relative; height: 100%; display: table-cell; vertical-align: middle; } .mobfixedfooter ul li:nth-child(3) { padding: 0 3px; } .mobfixedfooter ul li:nth-child(3) img { max-width: 70px; width: 100%; } @media ( max-width : 369px) { .mobfixedfooter ul li:nth-child(3) img { max-width: 60px; } } .mobfixedfooter ul li label { font-size: 0.8125rem; line-height: 1rem; margin: 5px 0 0; font-weight: 500; color: #000000; text-transform: uppercase; display: block; } @media ( max-width : 369px) { .mobfixedfooter ul li label { font-size: 0.6875rem; } } .mobfixedfooter ul li .footmenu { background: #000; position: absolute; left: 0; height: 70px; width: 100%; top: -38px; } .mobfixedfooter ul li .footmenu label { color: #FFFFFF; } .mobfixedfooter ul li .footmenu span img { width: 100%; } .mobfixedfooter ul li #foot-menu { width: 30px; margin: 0px 0 0; background: url(../images/menu-icon.png) no-repeat center/100%; display: inline-block; height: 30px; position: relative; } .mobfixedfooter ul li img { max-width: 30px; margin: 0 auto; } .mobfixedfooter ul li.menuactive #foot-menu { background: url(../images/menu-icon-hover.png) no-repeat center/100%; } .mobfixedfooter ul li.menuactive label { color: #FFFFFF; } .mobfixedfooter ul li.menuactive:after { color: #FFFFFF; } .footermenubox { display: block; padding: 0 0 70px; background: #fff; position: fixed; overflow-y: auto; bottom: -100%; transition-duration: 1s; left: 0; width: 100%; height: 100%; z-index: 98; } .footermenubox.active { bottom: 0; transition-duration: 1s; } .inrfooterbox { padding: 30px 20px; height: 100%; } .inrfooterbox .serachbox { float: left; width: 100%; margin: 0 0 20px; } .inrfooterbox .serachbox form { border: 1px solid rgba(0, 0, 0, 0.4); position: relative; } .inrfooterbox .serachbox input { height: 45px; font-size: 16px; width: 100%; border: 0px; padding: 0 50px 0 10px; background: #e9ebec; } .inrfooterbox .serachbox input.searchbtn { height: 45px; width: 40px; font-size: .1px; padding: 0px; background: url(../images/footsearch.png) no-repeat center; background-size: 30px; position: absolute; right: 0; top: 0; } .inrfooterbox nav { float: left; width: 100%; position: relative; } .inrfooterbox nav ul { padding: 0px; margin: 0px; } .inrfooterbox nav ul li { display: block; padding: 12px 0; border-bottom: 1px solid #c9c9c9; font-size: 16px; } .inrfooterbox nav ul li:last-child { border-bottom: 0; } .inrfooterbox nav ul li a { text-decoration: none; color: #000000; } .inrfooterbox nav ul li label { display: block; margin: 0px; } .inrfooterbox nav ul li label i { float: right; font-size: 21px; margin: -2px 5px 0; } .inrfooterbox nav ul li span { width: 35px; float: right; text-align: center; } .menu { position: absolute; top: 0; left: 0; background: #fff; width: 100%; height: 100%; transform: translate3d(120%, 0, 0); transition: transform 1s; } .menu label.menu-toggle { position: relative; right: 0px; width: 100%; height: auto; line-height: inherit; display: block; padding: 10px 0; margin: 0px; } .menu label.menu-toggle span { float: none; } .menu label.menu-toggle span img { max-width: 25px; margin: 0 5px 0 0; display: inline-block; position: relative; top: 4px; } .menu-checkbox { display: none; } .menu-checkbox:checked+.menu { transform: translate3d(0, 0, 0); } .menuactive { background: #000; } .menuactive:after { content: ''; height: 100%; width: 100%; z-index: 1; background: #000; bottom: 0%; left: 0; position: absolute; } .menuactive:before { content: ''; height: 100%; width: 100%; z-index: 1; background: #000; top: 0%; left: 0; position: absolute; } .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #dedede; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 100px; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:focus:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 100px; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 100px; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } footer.voicefooter { padding: 0 0 135px; } .voicesearchbox { float: left; display: none; width: 100%; padding: 15px 0; margin: -65px 0 0; background: #fff; position: fixed; bottom: 0; z-index: 99; } .voicesearchbox .voicesearchimage { background: url(../images/speak-icon.png) no-repeat center/auto 100%; height: 70px; position: relative; } .voicesearchbox .voicesearchimage.listening { background: url(../images/listening.png) no-repeat center 10px/70px auto; } .voicesearchbox .voicesearchimage.listening P { display: block; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; font-weight: 500; } .voicesearchbox .voicesearchimage P { display: none; } .voicesearchbox h5 { font-size: 1.125rem; color: #000000; margin: 15px 0 0; font-weight: 500; text-align: center; } .otpTxt input { animation-name: blink; animation-duration: 2s; animation-iteration-count: 3; transition-duration: 1s; -webkit-transition-duration: 1s; opacity: 1; } @ keyframes blink {from { opacity:1; } to { opacity: 0.5; } } @ -webkit-keyframes blink {from { opacity:1; } to { opacity: 0.5; } } .mainregisterInterest { float: left; width: 100%; position: fixed; z-index: 99; bottom: -1px; } .mainregisterInterest .registerInterest { float: left; width: 100%; transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 992px) { .mainregisterInterest .registerInterest { display: none; } } .mainregisterInterest .registerInterest.active { opacity: 1; bottom: 0px; transition-duration: 1s; box-shadow: 0 0 10px grey; background: #FFFFFF; -webkit-transition-duration: 1s; } .mainregisterInterest .container { position: relative; } .registerFormBox { float: left; opacity: 0; width: 100%; position: relative; padding: 20px 0 40px; margin-bottom: -180px; transition-duration: 1s; -webkit-transition-duration: 1s; } .registerFormBox.active { opacity: 1; margin-bottom: 0; position: relative; background: #FFFFFF; transition-duration: 1s; -webkit-transition-duration: 1s; } .registerFormBox h2 { font-size: 1.125rem; color: #000000; float: left; width: 20%; margin: 0px; padding-top: 7px; font-weight: 500; } @media ( max-width : 1200px) { .registerFormBox h2 { font-size: 1rem; } } .registerFormBox .stepformBox { float: left; width: 80%; padding: 0 25px 0 0; font-size: 0px; text-align: center; } .registerFormBox .stepOneBox { float: left; width: 100%; font-size: 0px; text-align: center; } .registerFormBox .stepOneBox .inputField { vertical-align: top; width: 22%; padding-left: 1%; padding-right: 1%; margin-top: 0; display: inline-block; } .registerFormBox .stepOneBox .inputField:last-child { width: 12%; float: right; } .registerFormBox .stepOneBox .inputField:last-child input { float: right; } .registerFormBox .stepOneBox .inputField input { float: left; border: 0px; border-bottom: #8f8f8f solid 1px; width: 100%; height: 30px; outline: 0px; font-size: 0.875rem; border-radius: 0px; padding: 0px; } .registerFormBox .stepOneBox .inputField .registersubmitbtn { border: 0px; cursor: pointer; display: inline-block; background: #000000; color: #FFFFFF; padding: 8px 13px; height: 30px; width: auto; text-decoration: none; vertical-align: top; border: 1px solid #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .registerFormBox .stepOneBox .inputField .registersubmitbtn:hover { background: inherit; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .registerFormBox .stepOneBox .inputField select { float: left; border: 0px; border-bottom: #8f8f8f solid 1px; width: 100%; outline: 0px; height: 30px; font-size: 0.875rem; -webkit-appearance: none; background: url(../images/down-arrow.png) right center no-repeat; } .registerFormBox .submitSec { float: right; width: 30px; text-align: right; position: absolute; padding: 0; right: 0; } .registerFormBox .submitSec a.submitCross { background: #FFFFFF; padding: 8px 0px 0; position: absolute; right: 0px; } .registerFormBox .submitSec a.submitCross img { float: left; } .disclaimerTxt { font-size: 0.75rem; color: #7f7f7f; float: left; width: 100%; margin-top: 0; position: absolute; bottom: 10px; left: 0; text-align: left; font-weight: 400; } .disclaimerTxt strong { font-weight: 500; } .disclaimerTxt input[type="checkbox"] { width: 15px; height: 15px; float: left; margin-top: 0; position: relative; top: -2px; margin-right: 5px; } .poup_form { width: 900px; height: 400px; display: none; } .poup_form iframe { width: 100%; height: 100%; } @media ( max-width : 767px) { .poup_form { width: 100%; height: 300px; } } .fancybox-skin { padding: 5px !important; } .registerexplore { position: absolute; z-index: 99; bottom: -100px; right: 0; opacity: 0; transition-duration: 1s; -webkit-transition-duration: 1s; } .registerexplore p { cursor: pointer; margin: 0px; display: block; background: #000000; color: #FFFFFF; font-size: 0.875rem; line-height: 1.25rem; padding: 10px 15px; display: inline-block; float: right; margin: 0px; } .registerexplore p span { line-height: 0.75rem; font-size: 1.625rem; display: inline-block; position: relative; top: 5px; } .registerexplore.active { opacity: 1; bottom: -1px; transition-duration: 1s; -webkit-transition-duration: 1s; } .registerstepform { display: none; } .registerstepform.stepform1 { display: block; } .stepformthankyou { display: none; } .stepformthankyou p { font-size: 0.875rem; line-height: 1rem; margin: 10px 0 0; color: #000000; } .stepformthankyou p strong { font-weight: 500; } .error { float: left; display: block; text-align: left; margin: 5px 0 0; font-size: 0.6875rem; color: #f00; } .loginBoxContainer { width: 100%; float: left; } .userloginpopup { background: rgba(14, 14, 14, 0.41); } .userloginpopup .loginmodal { margin: 0px; transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; left: 50%; top: 50%; } @media ( max-width : 767px) { .userloginpopup .loginmodal { width: 90%; margin: 10% auto; transform: inherit !important; -webkit-transform: inherit !important; left: inherit; top: 0%; } } .userloginpopup .close { color: #000; font-size: 32px; position: absolute; right: 5px; font-weight: 400; opacity: 1; padding: 0px; line-height: inherit; line-height: 20px; top: 5px; outline: none; } .loginSignUpBox { width: 100%; background: #fff; float: left; padding: 50px 30px; } @media ( max-width : 992px) { .loginSignUpBox { padding: 30px; } } @media ( max-width : 767px) { .loginSignUpBox { padding: 20px; } } .loginLeftBox { width: 100%; float: left; position: relative; padding: 0 30px; /*&:after { content: ""; width: 1px; background: #959595; position: absolute; top: 0%; right: 0px; height: 100%; @include breakpoint(mobile){ @media (orientation: portrait) { display: none; } @media (orientation: landscape) { display: block; } } }*/ } @media ( max-width : 992px) { .loginLeftBox { padding: 0 20px; } } @media ( max-width : 767px) { .loginLeftBox { width: 100%; padding: 0px; } } .loginLeftBox h2 { width: 100%; float: left; font-size: 1.125rem; color: #000000; font-weight: bold; text-align: center; margin-bottom: 15px; } .loginLeftBox input { width: 100%; float: left; outline: none; font-size: 0.875rem; color: #000000; text-align: left; border: 0px; border-bottom: #8f8f8f solid 1px; padding: 10px 0; font-weight: 400; margin-bottom: 10px; } @media ( max-width : 767px) { .loginLeftBox input { padding: 10px 0; margin-bottom: 10px; } } .loginSubmitBox { float: left; width: 100%; padding-top: 10px; } .loginSubmitBox .sbmt-btn { display: inline-block; background: #000000; border: 1px solid #000000; color: #FFFFFF; padding: 8px 15px; text-decoration: none; vertical-align: top; text-transform: uppercase; width: auto; margin: 0px; cursor: pointer; font-size: 0.9375rem; } .loginSubmitBox .sbmt-btn:hover { background: #FFFFFF; color: #000000; } @media ( max-width : 992px) { .loginSubmitBox .sbmt-btn { width: 100%; text-align: center; } } .loginSubmitBox a.needHelpTxt { font-weight: 500; color: #000000; background: none; font-size: 0.875rem; float: right; padding: 18px 0 0; text-transform: capitalize; text-decoration: none; } .loginSubmitBox a.needHelpTxt:hover { text-decoration: underline; } .loginUsingTxt { float: left; width: 100%; text-align: center; font-size: 1.125rem; color: #000000; font-weight: bold; text-transform: uppercase; padding-top: 60px; } .loginSocial { float: left; width: 100%; text-align: center; padding-top: 10px; font-size: 0px; } .loginSocial a { display: inline-block; padding-left: 6px; padding-right: 6px; } .signupRightBox { width: 50%; float: left; padding: 30px 50px; position: relative; } @media ( max-width : 992px) { .signupRightBox { padding: 15px 20px; } } @media ( max-width : 767px) { .signupRightBox { padding: 10px; } } @media ( max-width : 767px) and (orientation: portrait) { .signupRightBox { width: 100%; padding: 10px; } } @media ( max-width : 767px) and (orientation: landscape) { .signupRightBox { width: 50%; padding: 20px 15px; } } .signupRightBox h2 { width: 100%; float: left; font-size: 1.125rem; color: #000000; font-weight: bold; text-align: center; margin-bottom: 0px; } .socialSignUpMain { width: 100%; float: left; text-align: center; padding-top: 25px; } @media ( max-width : 992px) { .socialSignUpMain { padding-top: 15px; } } .socialSignUp { width: 100%; display: block; } .socialSignUp a { display: inline-block; width: 49%; border: #000000 solid 1px; text-decoration: none; line-height: 35px; padding-left: 45px; font-size: 0.875rem; color: #000000; font-weight: 500; position: relative; margin-bottom: 15px; text-align: left; } @media ( max-width : 992px) { .socialSignUp a { width: 100%; } } .socialSignUp a:hover { background: #000000; color: #FFFFFF; } .socialSignUp a img { position: absolute; top: 0px; left: 0px; } a.signUpRegister { display: block; background: #000000; width: 100%; color: #FFFFFF; margin: 4px 0 0; padding: 10px 15px; text-decoration: none; text-transform: uppercase; font-size: 0.9375rem; line-height: inherit; font-weight: normal; float: left; text-align: center; border: 1px solid #000000; margin: 0px; } a.signUpRegister:hover { background: #FFFFFF; color: #000000; } .skipbtn { color: #000000; padding: 8px 0 0; font-weight: 500; float: right; display: block; font-size: 0.75rem; border: 0; text-align: right; } .skipbtn:hover { color: #000000; text-decoration: underline; } @media ( min-width : 1023px) { .Aos { opacity: 0; transition: all 600ms cubic-bezier(0.31, 0.72, 0.43, 1) 0s; } .Aos--fadeUp { transform: translateY(20%); } .inview { opacity: 1; } .inview.Aos--fadeUp { transform: translateY(0px); } } .callpopupbox { background: rgba(14, 14, 14, 0.4); } .callpopupbox .modal-sm { margin: 0px; transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; left: 50%; top: 50%; } @media ( max-width : 767px) { .callpopupbox .modal-sm { width: 90%; margin: 10% auto; transform: inherit !important; -webkit-transform: inherit !important; left: inherit; top: 0%; } } .callpopupbox .close { color: #000; font-size: 32px; position: absolute; right: 5px; font-weight: 400; opacity: 1; padding: 0px; line-height: inherit; line-height: 20px; top: 5px; outline: none; } .modal-content { border: 0px; border-radius: 0px; box-shadow: inherit; } .inrcallpopup { float: left; width: 100%; padding: 20px; } .inrcallpopup .close { color: #000; font-size: 32px; position: absolute; right: 5px; font-weight: 400; opacity: 1; padding: 0px; line-height: inherit; line-height: 20px; top: 2px; outline: none; } .inrcallpopup ul { margin: 0px; padding: 0px; position: relative; } .inrcallpopup ul .callimagebox { position: absolute; height: 100%; padding: 15px; background: #FFFFFF; border: 1px solid #c2c2c2; } .inrcallpopup ul li { display: block; border-bottom: 1px solid #c2c2c2; padding: 10px 0 10px 90px; font-size: 18px; font-weight: 500; } .inrcallpopup ul li:last-child { border-bottom: 0; } .inrcallpopup ul li a { color: #000000; text-decoration: none; } .nostrudbox { float: left; width: 100%; margin: 50px 0; } @media ( max-width : 992px) { .nostrudbox { margin: 40px 0; } } @media ( max-width : 767px) { .nostrudbox { margin: 30px 0; } } .nostrudbox .inrnostrudbox { float: left; width: 100%; text-align: center; } .nostrudbox .inrnostrudbox h3 { text-align: center; text-transform: uppercase; font-size: 1.5rem; color: #000000; font-weight: bold; margin: 0 0 20px; } @media ( max-width : 767px) { .nostrudbox .inrnostrudbox h3 { font-size: 1.25rem; margin: 0 0 15px; } } .nostrudbox .inrnostrudbox h5 { text-align: center; font-size: 1.125rem; color: #000000; font-weight: 400; padding: 0 0 15px; margin: 0 0 15px; position: relative; } .nostrudbox .inrnostrudbox h5:after { position: absolute; width: 100px; height: 1px; margin: 0 auto; content: ''; background: #000000; bottom: 0; left: 0; right: 0; } @media ( max-width : 767px) { .nostrudbox .inrnostrudbox h5 { font-size: 1rem; } } .nostrudbox .inrnostrudbox p { text-align: center; font-size: 1rem; color: #000000; font-weight: 400; line-height: 1.375rem; padding: 0px 30px 0; margin: 0px; position: relative; } @media ( max-width : 1200px) { .nostrudbox .inrnostrudbox p { padding: 0 20px; font-size: 0.875rem; line-height: 1.25rem; } } @media ( max-width : 992px) { .nostrudbox .inrnostrudbox p { padding: 0; } } @media ( max-width : 767px) { .nostrudbox .inrnostrudbox p { text-align: justify; margin: 0 0px; } } .nostrudbox .inrnostrudbox a { cursor: pointer; text-decoration: none; font-weight: 400; font-size: 0.9375rem; color: #FFFFFF; padding: 10px 13px; background: #000000; border: 1px solid #000000; text-transform: uppercase; display: block; margin: 20px auto 0; transition-duration: 1s; -webkit-transition-duration: 1s; border: 1px solid #000000; width: 115px; text-align: center; } .nostrudbox .inrnostrudbox a:hover { color: #000000; background: inherit; transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 767px) { .nostrudbox .inrnostrudbox a { padding: 12px 13px; font-size: 0.875rem; } } .nostrudbox .morecontent span { display: none; } .nostrudbox .morelink { display: block; } @ -o-keyframes $name {from { -webkit-transform:scale(1); } to { -webkit-transform: scale(2); } } @ -moz-keyframes $name {from { -webkit-transform:scale(1); } to { -webkit-transform: scale(2); } } @ -webkit-keyframes $name {from { -webkit-transform:scale(1); } to { -webkit-transform: scale(2); } } @ -keyframes $name {from { -webkit-transform:scale(1); } to { -webkit-transform: scale(2); } } @ -o-keyframes $name {from { opacity:0.5; } to { opacity: 1; } } @ -moz-keyframes $name {from { opacity:0.5; } to { opacity: 1; } } @ -webkit-keyframes $name {from { opacity:0.5; } to { opacity: 1; } } @ -keyframes $name {from { opacity:0.5; } to { opacity: 1; } } .hero-banner { width: 100%; float: left; position: relative; height: 380px; background: #FFFFFF; } @media ( max-width : 992px) { .hero-banner { height: 400px; } } @media ( max-width : 767px) { .hero-banner { height: 500px; margin-bottom: 10px; background: -moz-linear-gradient(top, white 0%, white 46%, black 100%); background: -webkit-linear-gradient(top, white 0%, white 46%, black 100%); background: linear-gradient(to bottom, white 0%, white 46%, black 100%); } } .hero-banner .desktop-banner { min-height: 380px; max-height: 380px; } .hero-banner .overlay-box { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; } .hero-banner .price-check-mobile { position: absolute; width: 40%; top: 2%; right: 5%; } .hero-banner .price-check-mobile .price { font-size: 1.25rem; font-weight: bold; } .hero-banner .price-check-mobile .price i { font-size: 1rem; } .hero-banner .price-check-mobile .ex-showroom { font-size: 0.75rem; color: #6d6e70; } .hero-banner .price-check-mobile .form-group { margin-bottom: 0 !important; } .hero-banner .price-check-mobile .form-control { border: none; border-radius: 0; padding-left: 0; font-size: 0.9375rem; } .hero-banner .price-check-mobile .form-control:focus { outline: 0; box-shadow: none; } .hero-banner .price-check-mobile select { outline: 0; height: 30px; -webkit-appearance: none; background: transparent url("../images/down-arrow.png") right center no-repeat; } .hero-banner .bannercontent { position: absolute; top: 33px; left: 0; text-align: left; } @media ( max-width : 767px) { .hero-banner .bannercontent { top: 38px; left: 5%; } } .hero-banner .bannercontent ul { padding: 0px; margin: 20px 0 0; } .hero-banner .bannercontent ul li { display: inline-block; margin: 0 10px 0 0; } .hero-banner .bannercontent ul li:last-child { margin: 0; } .hero-banner .bannercontent ul li a { background: #000000; color: #FFFFFF; border-radius: 0; border: 1px solid #000000; padding: 9px 13px; line-height: 1; font-size: 0.9375rem; transition-duration: 1s; text-transform: uppercase; text-decoration: none; } .hero-banner .bannercontent ul li a:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; } .hero-banner .dynamic-car { position: absolute; width: 50%; top: 47px; left: 30%; } @media ( max-width : 992px) { .hero-banner .dynamic-car { top: 130px; } } @media ( max-width : 767px) { .hero-banner .dynamic-car { width: 90%; left: 5%; top: 115px; } } .hero-banner .dynamic-car .dc__container { text-align: center; } .hero-banner .dynamic-car .dc__container .mySlides { display: none; } .hero-banner .dynamic-car .dc__container .mySlides img { display: inline-block; } .hero-banner .dynamic-car .dc__container .mySlides.active { display: block; } .hero-banner .dynamic-car .dc__picker { margin: 15px 0; padding: 0; display: block; text-align: center; } @media ( max-width : 767px) { .hero-banner .dynamic-car .dc__picker { margin: 24px 0 20px; } } .hero-banner .dynamic-car .dc__picker li { width: 36px; text-align: center; position: relative; display: inline-block; cursor: pointer; } .hero-banner .dynamic-car .dc__picker li .color-dot { display: inline-block; width: 30px; height: 30px; background-color: #FFFFFF; vertical-align: top; -moz-transition: background-image 0.4s ease-in-out; -o-transition: background-image 0.4s ease-in-out; -webkit-transition: background-image 0.4s ease-in-out; transition: background-image 0.4s ease-in-out; } .hero-banner .dynamic-car .dc__picker li .color-dot.clr1 { background-color: #183f66; } .hero-banner .dynamic-car .dc__picker li .color-dot.clr2 { background-color: #86654f; } .hero-banner .dynamic-car .dc__picker li .color-dot.clr3 { background-color: #231f20; } .hero-banner .dynamic-car .dc__picker li .color-dot.clr4 { background-color: #72716b; } .hero-banner .dynamic-car .dc__picker li .color-dot.clr5 { background-color: #dbdbdb; } .hero-banner .dynamic-car .dc__picker li .color-dot.clr6 { background-color: #6c1e31; } .hero-banner .dynamic-car .dc__picker li .color-dot.clr7 { background-color: #dedede; } .hero-banner .dynamic-car .dc__picker li .color-text { display: none; margin: 0; padding: 0; font-size: 12px; position: absolute; top: 38px; width: 100px; text-align: center; height: 1.875rem; line-height: 1rem; margin-left: -36px; } .hero-banner .dynamic-car .dc__picker li.active { border: 1px solid #d1d9e0; padding: 2px; } .hero-banner .dynamic-car .dc__picker li.active .color-dot { background-image: url("../images/brands/check-icon.png"); background-repeat: no-repeat; background-position: center center; } .hero-banner .dynamic-car .dc__picker li.active .color-text { display: block; } .hero-banner .create_inspire { position: absolute; top: 260px; left: 0; text-align: left; } @media ( max-width : 767px) { .hero-banner .create_inspire { top: 268px; left: 5%; } } @media ( max-width : 992px) { .hero-banner .create_inspire img { max-width: 220px; } } @media ( max-width : 767px) { .hero-banner .create_inspire img { max-width: 180px; } } .hero-banner .brand-logo-icon { max-width: 130px; } .hero-banner .hero__mobile { position: absolute; width: 90%; left: 5%; text-align: center; } @media ( max-width : 767px) { .hero-banner .hero__mobile { top: 377px; } } .hero-banner .hero__mobile .btn { color: #000000; font-weight: 500; border-radius: 0; margin-left: 5px; margin-right: 5px; font-size: 0.875rem; line-height: 1rem; } @media ( max-width : 767px) { .hero-banner .hero__mobile .btn { width: 46%; } } .hero-banner .hero__mobile .go-next-section { color: #FFFFFF; font-size: 1rem; margin-top: 20px; margin-bottom: 10px; display: inline-block; text-transform: uppercase; } .hero-banner .hero__mobile .go-next-section:hover { text-decoration: none; } .hero-banner .hero__mobile .go-next-section-icon { display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url("../images/brands/go-next-arrow.png") no-repeat center center; background-size: 24px 24px; -o-animation-name: grow, fadeIn; -moz-animation-name: grow, fadeIn; -webkit-animation-name: grow, fadeIn; animation-name: grow, fadeIn; -o-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -o-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -o-animation-direction: alternate; -moz-animation-direction: alternate; -webkit-animation-direction: alternate; animation-direction: alternate; } .price-check { width: 100%; float: left; padding-bottom: 25px; position: relative; background: #FFFFFF; } .price-check .price-block { padding: 0 10px 0; } .price-check .ex-showroom { font-size: 1rem; color: #9699a0; font-weight: 600; } .price-check .form-control { border: none; border-bottom: 1px solid #000000; border-radius: 0; padding-left: 0; font-size: 0.9rem; color: #000000; font-weight: 500; } .price-check .form-control:focus { outline: 0; box-shadow: none; } .price-check select { border-bottom: #8f8f8f solid 1px; width: 100%; outline: 0; height: 30px; font-weight: 500; appearance: none; -webkit-appearance: none; text-transform: uppercase; -webkit-appearance: none; background: url("../images/down-arrow.png") right center no-repeat; } .price-check select.brand-model { min-width: 235px; } @media ( max-width : 992px) { .price-check select.brand-model { min-width: 140px; max-width: 200px; } } .price-check select.brand-location { min-width: 140px; } .price-check .btn { background: #000000; color: #FFFFFF; border-radius: 0; border: 1px solid #000000; padding: 9px 13px; line-height: 1; font-size: 0.9375rem; transition-duration: 1s; text-transform: uppercase; } .price-check .btn:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; } .price-check .bootstrap-select .btn { color: #000000; box-shadow: none; } .price-check .bootstrap-select .btn .filter-option { position: relative; padding: 0 15px 0 0; border-bottom: 1px solid #000000; height: 20px; line-height: 1.5; margin-top: 10px; min-width: 120px; padding-bottom: 27px; } .price-check .bootstrap-select .btn.dropdown-toggle:after { top: 14px; } .price-check .price-block { font-size: 0.875rem; font-weight: bold; } .price-check .price-block i { font-size: 1.375rem; } .price-check .price-block .price { font-size: 1.5rem; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { outline: none !important; } .brandservicebox.services_homebox { margin: 10px 0 40px; } @media ( max-width : 1200px) { .brandservicebox.services_homebox { margin: 0 0 20px; } } .brandservicebox.services_homebox ul li { padding: 15px 0; } .brandservicebox.services_homebox ul li span { height: 38px; display: block; position: relative; } .brandservicebox.services_homebox ul li span img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; margin: auto; } .sticky-navigation { width: 100%; float: left; border: 1px solid #c8c8c8; } @media ( max-width : 992px) { .sticky-navigation { border: none; border-bottom: 1px solid #c8c8c8; } } .sticky-navigation.sticked { position: fixed; left: 0; top: 0; right: 0; z-index: 99; } @media ( max-width : 992px) { .sticky-navigation .row.justify-content-center { -webkit-box-pack: initial !important; -ms-flex-pack: initial !important; justify-content: initial !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: block; } } .sticky-navigation .navbar { padding: 0; background: #FFFFFF; } @media ( max-width : 992px) { .sticky-navigation .navbar { display: block; } } .sticky-navigation .navbar-brand { padding: 0 3rem; margin-right: 0; } @media ( max-width : 1200px) { .sticky-navigation .navbar-brand { padding: 0 1rem; } } @media ( max-width : 992px) { .sticky-navigation .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; } } .sticky-navigation .navbar-nav .nav-item { background: #FFFFFF; position: relative; } @media ( max-width : 992px) { .sticky-navigation .navbar-nav .nav-item { flex: 10 0 auto; } } .sticky-navigation .navbar-nav .nav-item .nav-link { font-size: 0.875rem; padding: 1.4rem 0.8rem 1.4rem 1.1rem; vertical-align: middle; color: #000000; font-weight: bold; text-transform: uppercase; } @media ( max-width : 1200px) { .sticky-navigation .navbar-nav .nav-item .nav-link { font-size: 0.75rem; padding: 1.4rem 0.5rem 1.4rem .8rem; } } @media ( max-width : 767px) { .sticky-navigation .navbar-nav .nav-item .nav-link { font-weight: 400; font-size: 0.875rem; padding: 1rem; } } .sticky-navigation .navbar-nav .nav-item::after { content: "|"; color: #c8c8c8; position: absolute; top: 50%; margin-top: -15px; right: -3px; font-size: 1.125rem; line-height: 1.875rem; } @media ( max-width : 992px) { .sticky-navigation .navbar-nav .nav-item::after { display: none; } } .sticky-navigation .navbar-nav .nav-item:last-child::after { display: none; } .sticky-navigation .navbar-nav .nav-item.active, .sticky-navigation .navbar-nav .nav-item:hover { background: #000000; transition-duration: 1s; } @media ( max-width : 992px) { .sticky-navigation .navbar-nav .nav-item.active, .sticky-navigation .navbar-nav .nav-item:hover { background: #FFFFFF; border-bottom: 2px solid #000000; } } .sticky-navigation .navbar-nav .nav-item.active .nav-link, .sticky-navigation .navbar-nav .nav-item:hover .nav-link { color: #FFFFFF; font-weight: bold; } @media ( max-width : 992px) { .sticky-navigation .navbar-nav .nav-item.active .nav-link, .sticky-navigation .navbar-nav .nav-item:hover .nav-link { color: #000000; } } .highlights-section { width: 100%; float: left; position: relative; padding-top: 50px; padding-bottom: 50px; background: #FFFFFF; } @media ( max-width : 767px) { .highlights-section { padding-top: 30px; padding-bottom: 30px; } } .highlights-section .heading { font-size: 1.5rem; } @media ( max-width : 992px) { .highlights-section .heading { font-size: 1.3125rem; } } @media ( max-width : 992px) { .highlights-section .hightlightscar { margin: 40px 0 0; } } @media ( max-width : 992px) { .highlights-section .nav-tabs { overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; } } .highlights-section .nav-tabs.highlights__nav { border-bottom: none; } .highlights-section .nav-tabs.highlights__nav .nav-item { position: relative; border-right: 1px solid #000000; } .highlights-section .nav-tabs.highlights__nav .nav-item:last-child { border-right: none; } .highlights-section .nav-tabs.highlights__nav .nav-link { color: #9a9a9a; font-weight: 400; border-top-left-radius: .25rem; border-top-right-radius: .25rem; font-size: 1rem; padding-top: 0; padding-bottom: 0; } .highlights-section .nav-tabs.highlights__nav .nav-link.active { color: #000000; background-color: #fff; border-color: transparent; } .highlights-section .nav-tabs.highlights__nav .nav-link:focus, .highlights-section .nav-tabs.highlights__nav .nav-link:hover { border-color: transparent; } .highlights-section .nav-tabs.highlights_subtab { border: 1px solid #cecece; background: #f8f8f8; bottom: 0; position: absolute; } @media ( max-width : 992px) { .highlights-section .nav-tabs.highlights_subtab { position: relative; bottom: auto; margin-top: 20px; margin-right: -15px; border-right: none; } } .highlights-section .nav-tabs.highlights_subtab .nav-item { margin-bottom: 0; text-align: center; } @media ( max-width : 992px) { .highlights-section .nav-tabs.highlights_subtab .nav-item { min-width: 180px; font-size: 0.875rem; } } .highlights-section .nav-tabs.highlights_subtab .nav-item:last-child .nav-link { border-right: none; } .highlights-section .nav-tabs.highlights_subtab .nav-link { padding: .5rem 1.2rem; background: #f8f8f8; border-top-left-radius: 0; border-top-right-radius: 0; color: #808080; font-weight: 400; line-height: 18px; border-right: 1px solid #ccc; } @media ( max-width : 1200px) { .highlights-section .nav-tabs.highlights_subtab .nav-link { padding: .5rem 1rem; font-size: 0.875rem; } } .highlights-section .nav-tabs.highlights_subtab .nav-link.active { background: #e1e1e1; color: #000000; font-weight: 500; border-bottom: 1px solid #e1e1e1; } .highlights-section .highlights__tcontent { padding-top: 50px; } @media ( max-width : 767px) { .highlights-section .highlights__tcontent { padding-top: 30px; } } @media ( max-width : 767px) { .highlights-section .highlights__tcontent .tab-pane { padding-left: 0; padding-right: 0; } } .highlights-section .highlights__tcontent .card { border-radius: 0; box-shadow: 0px 0px 10px 8px #ebebeb; } .highlights-section .highlights__tcontent .card-body { padding: 2.1rem 1.25rem; } @media ( max-width : 767px) { .highlights-section .highlights__tcontent .card-body { padding: 20px; } } .highlights-section .highlights__tcontent .card-text { font-weight: 400; } @media ( max-width : 767px) { .highlights-section .highlights__tcontent .card-text { font-size: 0.875rem; } } .highlights-section .carousel-control-next, .highlights-section .carousel-control-prev { width: auto; opacity: 1; } .highlights-section .carousel-control-next-icon, .highlights-section .carousel-control-prev-icon { width: 34px; height: 34px; color: #000000; background-color: #fdfffe; background-repeat: no-repeat; background-position: center center; background-size: auto; } .highlights-section .carousel-control-prev-icon { background-image: url("../images/brands/highlights/highlights_arrow_left.png"); } .highlights-section .carousel-control-next-icon { background-image: url("../images/brands/highlights/highlights_arrow_right.png"); } .design360 { width: 100%; float: left; position: relative; background: #FFFFFF; } @media ( max-width : 767px) { .design360 { margin-top: 100px; padding-bottom: 20px; } } .design360 .icon { display: inline-block; vertical-align: middle; } .design360 .download-wallpaper-icon { width: 16px; height: 24px; background: url("../images/brands/highlights/download-icon.png") no-repeat 0 0; } @media ( max-width : 767px) { .design360 .download-wallpaper-icon { background: url("../images/brands/highlights/download-icon-black.png") no-repeat 0 0; } } .design360 .share-icon { width: 19px; height: 30px; background: url("../images/brands/highlights/share-icon.png") no-repeat center center; } @media ( max-width : 767px) { .design360 .share-icon { background: url("../images/brands/highlights/share-icon-black.png") no-repeat center center; } } .design360 .whatsapp-icon { width: 21px; height: 38px; background: url("../images/brands/highlights/whatsapp-icon.png") no-repeat center center; } .design360 .facebook-icon { width: 10px; height: 38px; background: url("../images/brands/highlights/facebook-icon.png") no-repeat center center; } .design360 .share-pop-box { position: absolute; bottom: 0; left: 0; width: 38px; display: none; } .design360 .share-pop-box.active { display: block; bottom: 30px; left: 10px; } .design360 .share-pop-box ul { border: 1px solid #000000; } .design360 .share-pop-box ul li { border-bottom: 1px solid #000000; text-align: center; padding: 0; line-height: 38px; height: 38px; background: #e5e5e6; } .design360 .share-pop-box ul li .icon { display: block; margin: 0 auto; } .design360 .share-pop-box ul li a { vertical-align: middle; } .design360 .share-pop-box ul li:last-child { border-bottom: none; } .design360 .visible { display: block; } .design360 .heading { font-size: 1.5rem; color: #FFFFFF; } @media ( max-width : 767px) { .design360 .heading { font-size: 1.3125rem; margin-bottom: 15px; } } .design360 .subheading { font-size: 1rem; color: #FFFFFF; } @media ( max-width : 767px) { .design360 .subheading { font-size: 0.875rem; margin-bottom: 15px; line-height: 1.25rem; } } .design360 .btn { background: #000000; color: #FFFFFF; border-radius: 0; border: 1px solid #000000; padding: 9px 13px; line-height: 1; font-size: 0.9375rem; transition-duration: 1s; text-transform: uppercase; } .design360 .btn:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; } .design360 .design360__content { position: absolute; top: 50px; width: 60%; left: 20%; text-align: left; } @media ( max-width : 992px) { .design360 .design360__content { top: 20px; } } @media ( max-width : 767px) { .design360 .design360__content { top: -100px; width: 90%; left: 5%; } } @media ( max-width : 767px) { .design360 .design360__content .heading { color: #000000; } } @media ( max-width : 767px) { .design360 .design360__content .subheading { color: #000000; } } .design360 .design360__footer { position: absolute; width: 90%; bottom: 20px; left: 5%; } @media ( max-width : 767px) { .design360 .design360__footer { position: relative; padding: 10px 0; bottom: 0; } } .design360 .design360__footer .btn { background: #000000; color: #FFFFFF; border-radius: 0; border: 1px solid #000000; padding: 9px 13px; line-height: 1; font-size: 0.9375rem; transition-duration: 1s; text-transform: uppercase; } .design360 .design360__footer .btn:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; } @media ( max-width : 767px) { .design360 .design360__footer .btn { position: absolute; bottom: 0; left: 50%; margin-left: -102px; } } .design360 .design360__footer .nav-tabs { border-bottom: none; margin-top: 11px; } @media ( max-width : 767px) { .design360 .design360__footer .nav-tabs { margin-bottom: 55px; } } .design360 .design360__footer .nav-tabs .nav-item { position: relative; border: 0; border-radius: 0; color: #FFFFFF; } .design360 .design360__footer .nav-tabs .nav-item.nav-link { color: #FFFFFF; padding-top: 0; padding-bottom: 0; line-height: 1; font-weight: 400; border-right: 1px solid #FFFFFF; text-transform: uppercase; position: relative; } @media ( max-width : 767px) { .design360 .design360__footer .nav-tabs .nav-item.nav-link { color: #000000; border-right: 1px solid #000000; } } .design360 .design360__footer .nav-tabs .nav-item.nav-link.active { background: transparent; font-weight: 500; } .design360 .design360__footer .nav-tabs .nav-item.nav-link.active::before { content: url("../images/brands/highlights/highlights_arrow_up.png"); color: #000000; position: absolute; top: -26px; margin-top: 0; margin-left: 30%; font-size: 1.125rem; line-height: 1.875rem; } @media ( max-width : 767px) { .design360 .design360__footer .nav-tabs .nav-item.nav-link.active::before { content: url("../images/brands/highlights/highlights_arrow_up_black.png"); } } .design360 .design360__footer .nav-tabs .nav-item.nav-link:last-child { border-right: none; } .design360 .design360__footer .nav.share { border-bottom: none; } .design360 .design360__footer .nav.share .nav-item { position: relative; border-right: 1px solid #FFFFFF; } .design360 .design360__footer .nav.share .nav-item .nav-link { color: #FFFFFF; border-top-left-radius: .25rem; border-top-right-radius: .25rem; padding-top: 0; padding-bottom: 0; line-height: 1; font-size: 0.875rem; font-weight: 400; } .design360 .design360__footer .nav.share .nav-item .nav-link i { float: left; margin-right: 10px; } .design360 .design360__footer .nav.share .nav-item .nav-link span { float: left; } .design360 .design360__footer .nav.share .nav-item .nav-link:focus, .design360 .design360__footer .nav.share .nav-item .nav-link:hover { border-color: transparent; } .design360 .design360__footer .nav.share .nav-item:last-child { border-right: none; } .design360 .design360__view { position: absolute; top: 28px; left: 5%; text-align: left; } @media ( max-width : 992px) { .design360 .design360__view { top: 20px; left: 5%; } } @media ( max-width : 767px) { .design360 .design360__view { top: 10px; } } .register-for-interest { width: 100%; float: left; padding-bottom: 50px; position: relative; background: #FFFFFF; } @media ( max-width : 767px) { .register-for-interest { padding: 30px 0; } } .register-for-interest .heading { font-size: 1.5rem; margin-bottom: 12px; } @media ( max-width : 767px) { .register-for-interest .heading { font-size: 1.3125rem; margin: 0 0 10px; } } @media ( max-width : 767px) { .register-for-interest P { font-size: 0.875rem; line-height: 1.25rem; margin: 0 0 10px; } .register-for-interest P br { display: none; } } .register-for-interest .hrline { margin-top: 30px; } .register-for-interest .rfi__form { margin-top: 20px; } .register-for-interest .rfi__form .form-group { padding: 0 10px; } @media ( max-width : 767px) { .register-for-interest .rfi__form .form-group { padding: 0px; } } @media ( max-width : 767px) { .register-for-interest .rfi__form { margin-top: 10px; } } .register-for-interest .rfi__form .rfi__form_disclaimer { margin-top: 30px; } @media ( max-width : 767px) { .register-for-interest .rfi__form .rfi__form_disclaimer { margin-top: 0px; } } .register-for-interest .subheading { font-size: 1.125rem; color: #000000; font-weight: 500; padding: 0 0 15px; margin: 0 0 12px; position: relative; } @media ( max-width : 767px) { .register-for-interest .subheading { font-size: 1rem; padding: 0 0 10px; margin: 0 0 10px; } } .register-for-interest .subheading:after { position: absolute; width: 100px; height: 1px; margin: 0 auto; content: ''; background: #000000; bottom: 0; left: 0; right: 0; } .register-for-interest .button-block { text-align: right; } @media ( max-width : 767px) { .register-for-interest .button-block { text-align: center; margin-bottom: 0px; } } .register-for-interest .btn { background: #000000; color: #FFFFFF; border-radius: 0; border: 1px solid #000000; padding: 9px 13px; line-height: 1; font-size: 0.9375rem; transition-duration: 1s; text-transform: uppercase; } .register-for-interest .btn:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; } @media ( max-width : 767px) { .register-for-interest .btn { text-align: center; padding-left: 35px; padding-right: 35px; } } .register-for-interest .custom-control-label { font-size: 0.8rem; padding-top: 3px; } @media ( max-width : 767px) { .register-for-interest .custom-control-label { padding-top: 0px; line-height: 1rem; } } .register-for-interest .custom-control-label::before { background: #FFFFFF; border: 1px solid #000000; border-radius: 0; } .register-for-interest .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #FFFFFF; border: 1px solid #000000; } .register-for-interest .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("../images/brands/checked.png"); } .register-for-interest .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none !important; } .register-for-interest input, .register-for-interest select, .register-for-interest textarea, .register-for-interest .form-control { border: none; border-bottom: 1px solid #000000; border-radius: 0; padding-left: 0; font-size: 0.9rem; } .register-for-interest input:focus, .register-for-interest select:focus, .register-for-interest textarea:focus, .register-for-interest .form-control:focus { outline: 0; box-shadow: none; } .register-for-interest .btn { border-radius: 0; } .hrline { border-bottom: 1px solid #000000; margin-top: 50px; } @media ( max-width : 767px) { .hrline { margin-top: 30px; } } .reviews-section { width: 100%; float: left; padding-top: 50px; padding-bottom: 50px; position: relative; background: #FFFFFF; } @media ( max-width : 767px) { .reviews-section { padding: 0px; } } .reviews-section .heading { font-size: 1.5rem; } @media ( max-width : 767px) { .reviews-section .heading { font-size: 1.3125rem; } } @media ( max-width : 767px) { .reviews-section p { font-size: 0.875rem; line-height: 1.25rem; text-align: justify !important; } } .reviews-section .btn { background: #000000; color: #FFFFFF; border-radius: 0; border: 1px solid #000000; padding: 9px 13px; line-height: 1; font-size: 0.9375rem; transition-duration: 1s; text-transform: uppercase; } .reviews-section .btn:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; } .reviews-section .nav-tabs.reviews__nav { border-bottom: none; position: relative; margin-bottom: 30px; } .reviews-section .nav-tabs.reviews__nav:after { position: absolute; width: 100px; height: 1px; margin: 0 auto; content: ''; background: #000000; bottom: -16px; left: 0; right: 0; } .reviews-section .nav-tabs.reviews__nav .nav-item { position: relative; border-right: 1px solid #000000; } .reviews-section .nav-tabs.reviews__nav .nav-item:last-child { border-right: none; } .reviews-section .nav-tabs.reviews__nav .nav-link { color: #9a9a9a; font-weight: 400; border-top-left-radius: .25rem; border-top-right-radius: .25rem; font-size: 1rem; padding-top: 0; padding-bottom: 0; } .reviews-section .nav-tabs.reviews__nav .nav-link.active { color: #000000; background-color: #fff; border-color: transparent; } .reviews-section .nav-tabs.reviews__nav .nav-link:focus, .reviews-section .nav-tabs.reviews__nav .nav-link:hover { border-color: transparent; } .reviews-section .reviews__tcontent { padding-top: 0; margin-bottom: 96px; } @media ( max-width : 767px) { .reviews-section .reviews__tcontent { margin-bottom: 80px; } } .reviews-section .owl-dots { right: 0; position: absolute; text-align: center; left: 0; margin: 30px 0 0; } @media ( max-width : 767px) { .reviews-section .owl-dots { margin: 20px 0 0; } } .reviews-section .owl-dots .owl-dot { outline: none; } .reviews-section .owl-dots .owl-dot span { display: block; height: 15px; width: 15px; margin: 0 4px; background-color: #000000; border-radius: 0%; cursor: pointer; border: 1px solid #000000; outline: none; } @media ( max-width : 767px) { .reviews-section .owl-dots .owl-dot span { height: 12px; width: 12px; margin: 0 2px; } } .reviews-section .owl-dots .owl-dot.active span { background-color: #FFFFFF; border: 1px solid #000000; } .reviews-section .reviews_slider, .reviews-section .reviews_slider_expert { margin-top: 30px; } @media ( max-width : 767px) { .reviews-section .reviews_slider, .reviews-section .reviews_slider_expert { margin-right: 0px; width: auto; } } .reviews-section .reviews_slider .card, .reviews-section .reviews_slider_expert .card { padding: 20px; background: #f6f6f6; border-radius: 0; border-color: #dedede; } .reviews-section .reviews_slider .card .reviews-main-img, .reviews-section .reviews_slider_expert .card .reviews-main-img { position: relative; } .reviews-section .reviews_slider .card .reviews-main-img .playiconbx, .reviews-section .reviews_slider_expert .card .reviews-main-img .playiconbx { left: 25px; top: auto; bottom: -10px; } .reviews-section .reviews_slider .card .reviews-main-content, .reviews-section .reviews_slider_expert .card .reviews-main-content { padding-top: 30px; padding-left: 0; } @media ( max-width : 767px) { .reviews-section .reviews_slider .card .reviews-main-content, .reviews-section .reviews_slider_expert .card .reviews-main-content { padding: 0; } } .reviews-section .reviews_slider .card .reviews-main-content .reviews__name, .reviews-section .reviews_slider_expert .card .reviews-main-content .reviews__name { font-size: 1rem; line-height: 1.3125rem; font-weight: 400; margin-bottom: 10px; } .reviews-section .reviews_slider .card .reviews-main-content .reviews__count, .reviews-section .reviews_slider_expert .card .reviews-main-content .reviews__count { font-size: 0.875rem; line-height: 1.125rem; } .reviews-section .reviews_slider .card .reviews-main-content .reviews__date, .reviews-section .reviews_slider_expert .card .reviews-main-content .reviews__date { font-size: 0.875rem; line-height: 1.125rem; } .reviews-section .reviews_slider .card .card-body, .reviews-section .reviews_slider_expert .card .card-body { padding-left: 0; padding-right: 0; padding-bottom: 0; } .reviews-section .reviews_slider .card .card-title, .reviews-section .reviews_slider_expert .card .card-title { font-size: 1rem; font-weight: 400; margin-bottom: 10px; } .card-img-top { border-top-left-radius: 0; border-top-right-radius: 0; } .card-main-img { position: relative; float: left; width: 100%; overflow: hidden; } .card-main-img img { transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; transition-duration: 1s; } .card-main-img img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; } .card-main-img .hover-text { position: absolute; z-index: 1; bottom: 10px; color: #FFFFFF; margin: 0px; text-transform: uppercase; font-size: 0.9375rem; text-align: center; width: 100%; font-weight: 400; } .owners-section { width: 100%; float: left; padding-bottom: 50px; position: relative; background: #FFFFFF; } @media ( max-width : 767px) { .owners-section { padding-bottom: 30px; } } .owners-section .heading { font-size: 1.5rem; margin-bottom: 30px; } @media ( max-width : 767px) { .owners-section .heading { font-size: 1.3125rem; margin-bottom: 20px; } } .owners-section .card { border: none; } @media ( max-width : 767px) { .owners-section .card-text { font-size: 0.875rem; line-height: 1.25rem; } } .owners-section .card-title { font-size: 1.125rem; line-height: 1.375rem; color: #000000; margin: 0 0 10px; font-weight: 400; } @media ( max-width : 767px) { .owners-section .card-title { font-size: 1rem; line-height: 1.25rem; } } .owners-section .card-body { padding-left: 0; padding-right: 0; padding-bottom: 0; } .owners-section .btn { background: #000000; color: #FFFFFF; border-radius: 0; border: 1px solid #000000; padding: 9px 13px; line-height: 1; font-size: 0.9375rem; transition-duration: 1s; text-transform: uppercase; } .owners-section .btn:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; } .articles-section { width: 100%; float: left; padding-bottom: 50px; position: relative; background: #FFFFFF; } @media ( max-width : 767px) { .articles-section { padding-bottom: 30px; } } @media ( max-width : 767px) { .articles-section p { font-size: 0.875rem; line-height: 1.25rem; text-align: justify !important; } .articles-section p br { display: none; } } .articles-section .heading { font-size: 1.5rem; margin-bottom: 12px; } @media ( max-width : 767px) { .articles-section .heading { font-size: 1.25rem; line-height: 1.5rem; margin-bottom: 10px; } } .articles-section .subheading { font-size: 1.125rem; color: #000000; font-weight: 500; padding: 0 0 15px; margin: 0 0 12px; position: relative; } @media ( max-width : 767px) { .articles-section .subheading { font-size: 1rem; padding: 0 0 10px; margin: 0 0 10px; } } .articles-section .subheading:after { position: absolute; width: 100px; height: 1px; margin: 0 auto; content: ''; background: #000000; bottom: 0; left: 0; right: 0; } .articles-section .card { border: none; } .articles-section .card-title { font-size: 1.125rem; line-height: 1.375rem; color: #000000; margin: 0 0 10px; font-weight: 400; } .articles-section .card-body { padding-left: 0; padding-right: 0; padding-bottom: 0; } .articles-section .btn { background: #000000; color: #FFFFFF; border-radius: 0; border: 1px solid #000000; padding: 9px 13px; line-height: 1; font-size: 0.9375rem; transition-duration: 1s; text-transform: uppercase; } .articles-section .btn:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; } @media ( max-width : 767px) { .col-sm-4 .card { margin: 0 0 30px; } } .articles-section+.nostrudbox { margin: 0 0 50px; } @media ( max-width : 767px) { .articles-section+.nostrudbox { margin: 0 0 30px; } } .no-padding { padding: 0px !important; } .designpagebox { float: left; width: 100%; } @media ( max-width : 767px) { .designpagebox { padding: 0 0 20px 0; } } .designpagebox .designhide { display: none; } .designpagebox .engineMain .tab_mainheading p { margin: 0; } .firstcolumn_design { float: left; width: 100%; } .firstcolumn_design .row { margin: 0px; } .firstcolumn_design .leftfirstcolumn { float: left; width: 100%; height: 100%; } .firstcolumn_design .rightfirstcolumn { float: left; width: 100%; height: 100%; } .designbox1 { float: left; width: 100%; height: 100%; } .leftdesignbox1 { position: relative; overflow: hidden; float: left; width: 100%; height: 50%; } @media ( max-width : 992px) { .leftdesignbox1 { width: 100%; } } @media ( max-width : 1200px) { .leftdesignbox1 { height: 100%; } } @media ( max-width : 1200px) { .inrleftdesignbox1 { height: 100%; } } .inrleftdesignbox1 img { float: left; width: 100%; transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 1200px) { .inrleftdesignbox1 img { height: 100%; } } .inrleftdesignbox1:hover img { transition-duration: 1s; -webkit-transition-duration: 1s; transform: scale(1.1); -webkit-transform: scale(1.1); } .rghtdesignbox1 { background: #e0e0e0; float: left; width: 100%; height: 50%; display: table; } @media ( max-width : 992px) { .rghtdesignbox1 { display: none; } } .inrrghtdesignbox1 { padding: 0 50px; width: 100%; height: 100%; display: table-cell; vertical-align: middle; } @media ( max-width : 1200px) { .inrrghtdesignbox1 { padding: 20px; height: inherit; } } h4.headingtitle { margin: 0 0 15px; display: inline-block; padding: 0 0 15px; position: relative; color: #000000; font-size: 1.75rem; text-transform: uppercase; font-weight: 500; } h4.headingtitle:after { width: 100%; height: 1px; content: ''; bottom: 0; background: #000000; left: 0; position: absolute; } p.contentheading { color: #000000; font-size: 1rem; font-weight: 400; } @media ( max-width : 1200px) { p.contentheading br { display: none; } } .designbox2 { float: left; width: 100%; height: 50%; background: #dadada; } .leftdesignbox2 { float: left; width: 50%; height: 100%; display: table; } @media ( max-width : 992px) { .leftdesignbox2 { display: none; } } .inrleftdesignbox2 { padding: 50px; width: 100%; height: 100%; display: table-cell; vertical-align: middle; } @media ( max-width : 1200px) { .inrleftdesignbox2 { padding: 20px; } } .rightdesignbox2 { position: relative; float: left; width: 50%; height: 100%; display: table; } @media ( max-width : 992px) { .rightdesignbox2 { width: 100%; } } .inrightdesignbox2 { vertical-align: middle; height: 100%; display: table-cell; } .inrightdesignbox2 img { margin: 0 auto; display: block; transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 1200px) { .inrightdesignbox2 img { height: 70%; } } @media ( max-width : 767px) { .inrightdesignbox2 img { height: auto; width: 100%; } } .inrightdesignbox2:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 992px) { .inrightdesignbox2 { overflow: hidden; } } .designbox3 { position: relative; float: left; width: 100%; height: 100%; overflow: hidden; position: relative; } .inrleftdesignbox3 { position: absolute; top: 20px; z-index: 2; left: 30px; } @media ( max-width : 1200px) { .inrleftdesignbox3 { width: 50%; } } @media ( max-width : 992px) { .inrleftdesignbox3 { display: none; } } .inrdesignbox3 { float: left; width: 100%; } .inrdesignbox3 img { float: left; width: 100%; transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; -webkit-transition-duration: 1s; } .inrdesignbox3:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; -webkit-transition-duration: 1s; } .secondcolumn_design { float: left; width: 100%; } .secondcolumn_design .row { margin: 0px; } .leftsecondcolumn { position: relative; float: left; width: 100%; height: 100%; } .leftdesign4 { float: left; overflow: hidden; width: 100%; height: 100%; display: table; } .leftdesign4 img { transition-duration: 1s; -webkit-transition-duration: 1s; transform: scale(1); -webkit-transform: scale(1); float: left; width: 100%; height: 100%; } .leftdesign4:hover img { transition-duration: 1s; -webkit-transition-duration: 1s; transform: scale(1.1); -webkit-transform: scale(1.1); } .rightsecondcolumn { float: left; width: 100%; height: 100%; display: table; } @media ( max-width : 992px) { .rightsecondcolumn { display: none; } } .rightdesign4 { background: #FFFFFF; padding: 50px; vertical-align: middle; width: 100%; height: 100%; display: table-cell; } @media ( max-width : 1200px) { .rightdesign4 { padding: 20px; } } .thirdcolumn_design { float: left; width: 100%; } .thirdcolumn_design .row { margin: 0px; } @media ( max-width : 767px) { .thirdcolumn_design { margin-top: -2px; } } .designbox5 { float: left; width: 100%; height: 100%; } .leftdesignbox5 { position: relative; float: left; width: 50%; height: 100%; display: table; vertical-align: middle; } @media ( max-width : 1200px) { .leftdesignbox5 { width: 53%; } } @media ( max-width : 992px) { .leftdesignbox5 { width: 100%; } } .inrleftdesignbox5 { width: 100%; height: 100%; overflow: hidden; display: table-cell; vertical-align: middle; } .inrleftdesignbox5 img { transition-duration: 1s; -webkit-transition-duration: 1s; transform: scale(1); -webkit-transform: scale(1); float: left; width: 100%; } .inrleftdesignbox5:hover img { transition-duration: 1s; -webkit-transition-duration: 1s; transform: scale(1.1); -webkit-transform: scale(1.1); } .rightdesignbox5 { float: left; width: 50%; height: 100%; display: table; } @media ( max-width : 1200px) { .rightdesignbox5 { width: 47%; } } @media ( max-width : 992px) { .rightdesignbox5 { display: none; } } .inrightdesignbox5 { padding: 50px; width: 100%; height: 100%; display: table-cell; vertical-align: middle; } @media ( max-width : 1200px) { .inrightdesignbox5 { padding: 20px; } } .designbox6 { background: #dadada; float: left; width: 100%; height: 100%; } .leftdesignbox6 { float: left; width: 50%; height: 100%; display: table; vertical-align: middle; } @media ( max-width : 992px) { .leftdesignbox6 { width: 100%; } } .inrleftdesignbox6 { width: 100%; height: 100%; display: table-cell; vertical-align: middle; } .inrleftdesignbox6 img { transition-duration: 1s; -webkit-transition-duration: 1s; transform: scale(1); -webkit-transform: scale(1); } .inrleftdesignbox6:hover img { transition-duration: 1s; -webkit-transition-duration: 1s; transform: scale(1.1); -webkit-transform: scale(1.1); } @media ( max-width : 992px) { .inrleftdesignbox6 { overflow: hidden; } } .rightdesignbox6 { position: relative; float: left; width: 50%; height: 100%; display: table; } @media ( max-width : 992px) { .rightdesignbox6 { display: none; } } .inrightdesignbox6 { padding: 50px; width: 100%; height: 100%; display: table-cell; vertical-align: middle; } @media ( max-width : 1200px) { .inrightdesignbox6 { padding: 20px; } } .designfullview { z-index: 1; padding: 10px; background: #a8a9ab; position: absolute; right: 0; } .designfullview img { width: auto; } .seemore_btn { margin: 20px 0; float: left; width: 100%; text-align: center; } @media ( max-width : 767px) { .seemore_btn { margin: 0 0 30px 0; } } .seemore_btn a { padding: 15px 0; display: block; background: #000000; color: #FFFFFF; border: 2px solid #000000; font-size: 1rem; font-weight: 400; text-decoration: none; text-transform: uppercase; transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 767px) { .seemore_btn a { padding: 10px 0; } } .seemore_btn a:hover { background: #FFFFFF; color: #000000; } /*Brand Engine*/ .engineMain { float: left; width: 100%; margin: 50px 0; } @media ( max-width : 992px) { .engineMain { margin: 40px 0; } } @media ( max-width : 767px) { .engineMain { margin: 30px 0; } } .engineMain .tab_mainheading p { font-weight: 500; font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 30px; } @media ( max-width : 767px) { .engineMain .tab_mainheading p { margin-bottom: 15px; font-size: 0.875rem; line-height: 1.25rem; } } .engineMain .petrolEng { position: relative; padding: 0 15px; float: left; width: 100%; } @media ( max-width : 767px) { .engineMain .petrolEng { box-shadow: 0px 0px 15px #aaaaaa; padding: 10px; } } .engineMain .petrolEng p { float: left; width: 100%; font-weight: 400; font-size: 1rem; line-height: 1.375rem; } @media ( max-width : 767px) { .engineMain .petrolEng p { font-size: 0.875rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .engineMain .petrolEng .center img { margin: auto; } } .engineMain .petrolEng h4 { font-size: 18px; } @media ( max-width : 767px) { .engineMain .petrolEng h4 { margin-bottom: 10px; } } .engineMain .petrolEng h4 span { display: block; padding-top: 20px; font-weight: 500; } @media ( max-width : 767px) { .engineMain .petrolEng h4 span { font-size: 1rem; padding-top: 20px; font-weight: 500; } } .engineMain .petrolEng .headingSec { position: relative; width: 100%; float: left; } .engineMain .petrolEng .headingSec img { width: auto !important; } .engineMain .petrolEng .videoIcon { position: absolute; right: 0; top: 10px; text-align: center; } .engineMain .petrolEng .videoIcon a { color: #000000; text-decoration: none; transition: all 0.4s; } @media ( max-width : 767px) { .engineMain .petrolEng .videoIcon a i { display: inline-block; float: right; } } .engineMain .petrolEng .videoIcon a span { display: block; padding-top: 8px; } @media ( max-width : 767px) { .engineMain .petrolEng .videoIcon a span { display: inline-block; font-weight: 500; margin-right: 5px; } } .engineMain .petrolEng:after { content: ''; position: absolute; top: 0; right: -12px; width: 1px; height: 100%; } .engineMain .petrolEng.fullView:after { display: none; } .engineMain .col-lg-6:after { content: ''; position: absolute; top: 0; right: 0px; width: 1px; height: 100%; border-left: 1px solid #d9d9d9; } @media ( max-width : 767px) { .engineMain .col-lg-6:after { display: none; } } .engineMain .col-lg-6:last-child:after { display: none; } .engineMain .col-lg-6:last-child .techBoxRpt:after { display: none; } @media ( max-width : 767px) { .engineslider .item { padding: 10px; } } .videoIcon a { color: #000000; text-decoration: none; transition: all 0.4s; } .videoIcon a i { font-size: 1.75rem; line-height: 1.75rem; padding: 0; } .videoIcon a:hover i { opacity: 0.6; } .videoIcon a:hover span { opacity: 0.6; } .videoIcon a span { display: block; padding-top: 8px; font-size: 0.875rem; line-height: 0.875rem; } .tab_mainheading h3 { font-size: 1.5rem; color: #000000; font-weight: 500; text-align: center; margin: 0 0 15px; } @media ( max-width : 767px) { .tab_mainheading h3 { font-size: 1.125rem; } } .tab_mainheading p { font-size: 1rem; color: #000000; font-weight: 400; text-align: center; margin: 0 0 15px; } @media ( max-width : 767px) { .tab_mainheading p { font-size: 0.875rem; margin-bottom: 30px; line-height: 1.25rem; } } /*Brand Features*/ .featuresMain { margin: 50px 0 30px; width: 100%; float: left; } @media ( max-width : 1200px) { .featuresMain { margin: 40px 0 30px; } } @media ( max-width : 767px) { .featuresMain { margin: 30px 0 30px; } } .featuresMain .tab_mainheading p { font-weight: 500; font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 30px; } @media ( max-width : 767px) { .featuresMain .tab_mainheading p { margin-bottom: 15px; font-size: 0.875rem; line-height: 1.25rem; } } .featuresMain .sync1 .item { padding: 0px; margin: 0; color: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; position: relative; } .featuresMain .sync1 .item .slideCont { width: 100%; position: absolute; z-index: 10; bottom: 0; text-align: left; padding: 0 15px 10px; } @media ( max-width : 767px) { .featuresMain .sync1 .item .slideCont { padding: 10px; } } .featuresMain .sync1 .item .slideCont .slideContL { width: 88%; float: left; } .featuresMain .sync1 .item .slideCont .slideContL h3 { font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 10px; color: #FFFFFF; font-weight: 500; } @media ( max-width : 992px) { .featuresMain .sync1 .item .slideCont .slideContL h3 { font-size: 1rem; } } @media ( max-width : 767px) { .featuresMain .sync1 .item .slideCont .slideContL h3 { margin-bottom: 0px; } } .featuresMain .sync1 .item .slideCont .slideContL p { font-size: 1rem; line-height: 1.25rem; color: #FFFFFF; } @media ( max-width : 992px) { .featuresMain .sync1 .item .slideCont .slideContL p { font-size: 0.875rem; line-height: 1.125rem; } } @media ( max-width : 767px) { .featuresMain .sync1 .item .slideCont .slideContL p { display: none; } } .featuresMain .sync1 .item .slideCont .slideContR { width: 12%; float: left; } .featuresMain .sync1 .item .slideCont .slideContR .videoIconFv { padding-top: 65px; text-align: right; } @media ( max-width : 767px) { .featuresMain .sync1 .item .slideCont .slideContR .videoIconFv { padding-top: 0; margin: -3px 0 0; } } .featuresMain .sync1 .item .slideCont .slideContR .videoIconFv a { color: #ffffff; text-decoration: none; transition: all 0.4s; } .featuresMain .sync1 .item .slideCont .slideContR .videoIconFv a i { font-size: 28px; line-height: 28px; padding: 0; position: relative; text-align: center; vertical-align: middle; } .featuresMain .sync1 .item .slideCont .slideContR .videoIconFv a i :after { content: ''; border: 1px solid #ffffff; border-radius: 100%; position: absolute; width: 28px; height: 28px; left: 0; top: 0; opacity: 0; transition: all 0.4s; } .featuresMain .sync1 .item .slideCont .slideContR .videoIconFv a:hover i { opacity: 0.6; } .featuresMain .sync1 .item .slideCont .slideContR .videoIconFv a:hover i :after { opacity: 1; width: 28px; height: 28px; transform: scale(1.3); display: none; } .featuresMain .sync1 .item .slideCont .slideContR .videoIconFv a:hover span { opacity: 0.6; } .featuresMain .sync1 .item .slideCont .slideContR .videoIconFv a span { display: block; padding-right: 8px; font-size: 0.875rem; line-height: 0.875rem; display: inline-block; vertical-align: middle; } @media ( max-width : 767px) { .featuresMain .sync1 .item .slideCont .slideContR .videoIconFv a span { display: none; } } .featuresMain .sync2 { position: relative; padding: 0 20px; } .featuresMain .sync2 .item { padding: 0px; margin: 20px 10px; color: #000000; font-size: 1.125rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; } @media ( max-width : 992px) { .featuresMain .sync2 .item { margin: 10px 10px; } } .featuresMain .sync2 .item h4 { font-size: 1.125rem; padding-top: 8px; margin: 0; color: #000000; font-weight: 500; } @media ( max-width : 1200px) { .featuresMain .sync2 .item h4 { font-size: 1rem; } } @media ( max-width : 992px) { .featuresMain .sync2 .item h4 { font-size: 0.875rem; } } .featuresMain .sync2 .synced .item { background: #0c83e7; } @media ( max-width : 767px) { .featuresMain .sync2 { padding: 0 10px; } } .featuresMain .sync2 .owl-item .sync2Thumb { background: #000; } .featuresMain .sync2 .owl-item.active.current .sync2Thumb img { opacity: 0.4; } .featuresMain .owl-nav { position: absolute; top: 0; width: 100%; left: 0; } .featuresMain .owl-nav .owl-prev { left: 0; position: absolute; top: 55px; outline: none; } .featuresMain .owl-nav .owl-next { right: 0; position: absolute; top: 55px; outline: none; } .featuresMain .owl-carousel .owl-nav button.owl-next { font-size: 3.4375rem; } .featuresMain .owl-carousel .owl-nav button.owl-prev { font-size: 3.4375rem; } .featuresMain .owl-carousel button.owl-dot { font-size: 3.4375rem; } .featuresMain .sync2.owl-carousel .owl-dots.disabled { display: block; } .featuresMain .sync2.owl-carousel .owl-nav.disabled { display: block; } .featuresMain .sync2.owl-carousel .owl-nav button.owl-next { width: 18px; height: 35px; background: url(../images/features/arrow_thumb_slider.png) no-repeat; text-indent: -9999px; transition: all 0.4s; background-position: right top; line-height: 1.25rem; margin: 0px 0 0; } .featuresMain .sync2.owl-carousel .owl-nav button.owl-next:hover { opacity: 0.5; } @media ( max-width : 992px) { .featuresMain .sync2.owl-carousel .owl-nav button.owl-next { background-size: 55px; width: 20px; height: 26px; margin: -5px 0 0; } } @media ( max-width : 767px) { .featuresMain .sync2.owl-carousel .owl-nav button.owl-next { background-size: 35px; width: 10px; height: 20px; } } .featuresMain .sync2.owl-carousel .owl-nav button.owl-prev { width: 18px; height: 35px; background: url(../images/features/arrow_thumb_slider.png) no-repeat; text-indent: -9999px; transition: all 0.4s; background-position: left top; line-height: 1.25rem; margin: 0px 0 0; } .featuresMain .sync2.owl-carousel .owl-nav button.owl-prev:hover { opacity: 0.5; } @media ( max-width : 992px) { .featuresMain .sync2.owl-carousel .owl-nav button.owl-prev { background-size: 55px; width: 20px; height: 26px; margin: -5px 0 0; } } @media ( max-width : 767px) { .featuresMain .sync2.owl-carousel .owl-nav button.owl-prev { background-size: 35px; width: 10px; height: 20px; } } .specificMain { width: 100%; float: left; margin: 50px 0; } @media ( max-width : 1200px) { .specificMain { margin: 40px 0; } } @media ( max-width : 767px) { .specificMain { margin: 30px 0; } } .specificMain .tab_mainheading p { font-weight: 500; font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 30px; } @media ( max-width : 767px) { .specificMain .tab_mainheading p { margin-bottom: 15px; font-size: 0.875rem; line-height: 1.25rem; } } .center { text-align: center; } .specImg { width: 100%; float: left; padding: 50px 0; } .specImg img { margin: 0 auto; } .featuresTabs { float: left; width: 100%; margin-bottom: 15px; position: relative; } @media ( max-width : 767px) { .featuresTabs { margin-bottom: 0; } } .featuresTabs .nav-tabs { display: inline-block; text-align: center; border-bottom: 0px; font-size: 0; } @media ( max-width : 992px) { .featuresTabs .nav-tabs { width: 100%; } } .featuresTabs .nav-tabs .nav-item { display: inline-block; border-right: 1px solid #000000; } .featuresTabs .nav-tabs .nav-item:last-child { border-right: none; } .featuresTabs .nav-tabs .nav-link { border: 0px; position: relative; color: #898989; font-size: 1rem; line-height: 1rem; text-transform: uppercase; font-weight: 500; display: inline-block; padding: 0 15px; } @media ( max-width : 767px) { .featuresTabs .nav-tabs .nav-link { padding: 0 10px; font-size: 0.9375rem; } } .featuresTabs .nav-tabs .nav-link .fa { position: absolute; bottom: -10px; left: 0; right: 0; display: none; } .featuresTabs .nav-tabs .nav-link.active { color: #000000; } @media ( max-width : 767px) { .featuresTabs .nav-tabs .nav-link.active { font-weight: 500; } .featuresTabs .nav-tabs .nav-link.active:after { width: calc(100% - 20px); height: 1px; content: ''; bottom: -5px; background: #000000; left: 10px; position: absolute; } } .featuresTabs .nav-tabs .nav-link.active .fa { display: block; } .featuresTabs .comnFeatureR { float: right; position: absolute; right: 0; top: 0; } @media ( max-width : 992px) { .featuresTabs .comnFeatureR { position: static; width: auto; float: right; text-align: right; padding-top: 20px; font-size: 0.75rem; } } .featuresTabs .comnFeatureR label { float: left; margin: 0 10px 0 0; } .featuresTabs .comnFeatureR .comparebutton { float: left; margin: -10px 0 0; } .featuresTabs .comnFeatureR .comparebutton input { display: none; background: #000000; color: #FFFFFF; padding: 10px 13px; margin: 0; border: 1px solid #000000; text-transform: uppercase; font-size: 0.875rem; } .featuresTabs .comnFeatureR .comparebutton input.active { display: block; } .featuresTabs .comnFeatureR input { margin-right: 3px; vertical-align: top; margin-top: 3px; } @media ( max-width : 992px) { .featuresTabs .comnFeatureR input { margin-top: 0; } } .featuresTabs .comnFeatureR span { text-decoration: underline; font-size: 0.875rem; font-weight: 400; } @media ( max-width : 767px) { .featuresTabs .comnFeatureR span { text-decoration: none; } } .featuresTabs .tab-content { float: left; width: 100%; padding: 20px 0 0; } @media ( max-width : 767px) { .featuresTabs .tab-content { padding: 10px 0 0; } } .featuresTabs h5 { margin: 0; } .featuresTabs .btn-link { color: #000000; text-transform: uppercase; text-decoration: none; width: 100%; text-align: left; padding: 10px 20px; border-radius: 0; } @media ( max-width : 992px) { .featuresTabs .btn-link { font-size: 0.875rem; } } @media ( max-width : 767px) { .featuresTabs .btn-link { font-size: 0.875rem; padding: 6px 10px; } } .featuresTabs .btn-link i { float: right; transition: all 0.8s; font-size: 1.125rem; } @media ( max-width : 992px) { .featuresTabs .btn-link i { font-size: 1rem; } } .featuresTabs .btn-link:hover { text-decoration: none; } .featuresTabs .btn-link.collapsed i { transform: rotate(-90deg); } .featuresTabs .card { border-radius: 0; border-color: #8c8c8c; border-top: none; } @media ( max-width : 767px) { .featuresTabs .card:first-child { border-top: 1px solid #8c8c8c; } } .featuresTabs .card-header { border: none; border-radius: 0; padding: 0; } .featuresTabs .card-body { padding: 0; } .headingTable { width: 100%; float: left; background: #c9c9c9; font-size: 1rem; } @media ( max-width : 767px) { .headingTable { display: none; } } .headingTable.headactive table td { opacity: .1; } .headingTable.headactive table td:first-child { opacity: 1; } .headingTable.headactive table td.active { opacity: 1; } @media ( max-width : 767px) { .headingTable table { width: 650px; } } .headingTable table td { cursor: pointer; border: 1px solid #8c8c8c; padding: 10px 20px; font-size: 1rem; font-weight: 400; background-size: 22px; } .headingTable table td:first-child { background: none; } @media ( max-width : 992px) { .headingTable table td { font-size: 0.875rem; } } @media ( max-width : 767px) { .headingTable table td { font-size: 0.875rem; padding: 10px; } } .headingTable table td.carcompare { background: url(../images/contact-us/plus-icon.png) no-repeat right center; background-size: 22px; } .headingTable table td.active { background: url(../images/contact-us/minus-icon.png) no-repeat right center; background-size: 20px; } .specTableComn { width: 100%; float: left; font-size: 1rem; } @media ( max-width : 767px) { .specTableComn { overflow-y: scroll; } } .specTableComn table .carcompare { opacity: 1 !important; } @media ( max-width : 767px) { .specTableComn table { width: 500px; } } .specTableComn table tr:first-child { display: none; } @media ( max-width : 767px) { .specTableComn table tr:first-child { display: table-row; background: #c9c9c9; } } .specTableComn table td { border: 1px solid #8c8c8c; padding: 10px 15px; font-size: 1rem; line-height: 1.375rem; font-weight: 400; vertical-align: middle; } @media ( max-width : 992px) { .specTableComn table td { font-size: 0.875rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .specTableComn table td { font-size: 0.875rem; line-height: 1rem; padding: 8px 10px; } } .specTableComn table td img { margin: 0 auto; } @media ( max-width : 992px) { .specTableComn table td img { max-width: 16px; } } .specTableComn table td:first-child { border-left: none; } .specTableComn table td:last-child { border-right: none; } .specTableComn table td.active { background: #c9c9c9; } .specTableComn table tr:last-child td { border-bottom: none; } .tableactive .specTableComn table td { opacity: .1; } .tableactive .specTableComn table td:first-child { opacity: 1; } .tableactive .specTableComn table td.active { opacity: 1; } #tech_specification table td { opacity: 1 !important; background: none; } .ebookform { float: left; width: 100%; } .ebookform .brandpage_ebookform { float: left; width: 100%; padding: 40px 0 20px; } @media ( max-width : 767px) { .ebookform .brandpage_ebookform { padding: 20px 0 0; } } .ebookform .brandpage_ebookform .form-group { padding: 0 30px; margin: 0 0 30px; } @media ( max-width : 1200px) { .ebookform .brandpage_ebookform .form-group { padding: 0px 15px; } } @media ( max-width : 992px) { .ebookform .brandpage_ebookform .form-group { padding: 0px; } } @media ( max-width : 767px) { .ebookform .brandpage_ebookform .form-group { margin: 0 0 20px; } } .ebookform .brandpage_ebookform .form-group.form-check { margin: 15px 0 0; } @media ( max-width : 992px) { .ebookform .brandpage_ebookform .form-group.form-check { margin: 10px 0 0; } } @media ( max-width : 767px) { .ebookform .brandpage_ebookform .form-group.form-check { margin: 0 0 20px 0; display: none; } } .ebookform .brandpage_ebookform .form-group input { border: 0px; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 0.9375rem; color: #000000; padding: 0px; box-shadow: 0 0 0; } .ebookform .brandpage_ebookform .form-group input::-webkit-input-placeholder { color: #000000; } .ebookform .brandpage_ebookform .form-group input:-moz-placeholder { /* Firefox 18- */ color: #000000; } .ebookform .brandpage_ebookform .form-group input::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .ebookform .brandpage_ebookform .form-group input:-ms-input-placeholder { color: #000000; } @media ( max-width : 767px) { .ebookform .brandpage_ebookform .form-group input { font-size: 0.875rem; } } .ebookform .brandpage_ebookform .form-group #disclaimer1 { height: auto; margin: 3px 0 0; } .ebookform .brandpage_ebookform .form-group .ebook_disclaimer { font-size: 0.75rem; color: #000000; padding: 0 0 0 20px; font-weight: 500; } @media ( max-width : 992px) { .ebookform .brandpage_ebookform .form-group .ebook_disclaimer { font-size: 0.625rem; line-height: 0.75rem; } } @media ( max-width : 767px) { .ebookform .brandpage_ebookform .form-group .ebook_disclaimer { font-size: 0.8125rem; line-height: 1.125rem; } } .ebookform .brandpage_ebookform .form-group .ebook_submit { font-size: 0.9375rem; color: #FFFFFF; background: #000000; padding: 10px 13px; cursor: pointer; border: 1px solid #000000; text-transform: uppercase; transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 767px) { .ebookform .brandpage_ebookform .form-group .ebook_submit { display: block; margin: 0 auto; } } .ebookform .brandpage_ebookform .form-group .ebook_submit:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .ebookform .onestepaway { float: left; width: 100%; padding: 0 0 40px; } @media ( max-width : 767px) { .ebookform .onestepaway { display: none; } } .ebookform .onestepaway p { color: #000000; font-size: 1rem; font-weight: 500; } .form-control:focus { box-shadow: 0 0 0; } .ebookform.active .tab_mainheading { display: none; } .ebookform .testdriveform .formthankyou { padding-top: 100px; padding-bottom: 100px; border-top: 0px; } .ebookform .testdriveform .formthankyou .formthankyouImg .thankyouTxt h3 { margin-top: 0px; margin-bottom: 0px; } .ebookform .onestepaway { display: none; } .testdriveform { float: left; width: 100%; } .testdriveform .brandpage_ebookform { float: left; width: 100%; padding: 40px 0 20px; } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform { padding: 0px 0 0; } } .testdriveform .brandpage_ebookform .form-group { padding: 0 30px; margin: 0 0 30px; } @media ( max-width : 1200px) { .testdriveform .brandpage_ebookform .form-group { padding: 0px 15px; } } @media ( max-width : 992px) { .testdriveform .brandpage_ebookform .form-group { padding: 0px; } } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group { margin: 0 0 20px; } } .testdriveform .brandpage_ebookform .form-group.form-check { margin: 15px 0 0; } @media ( max-width : 992px) { .testdriveform .brandpage_ebookform .form-group.form-check { margin: 10px 0 0; } } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group.form-check { margin: 0 0 20px 0; } } .testdriveform .brandpage_ebookform .form-group select { border: 0px; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 0.9375rem; color: #000000; padding: 0px; box-shadow: 0 0 0; background: url(../images/down-arrow.png) no-repeat 99% center; } .testdriveform .brandpage_ebookform .form-group select::-webkit-input-placeholder { color: #000000; } .testdriveform .brandpage_ebookform .form-group select:-moz-placeholder { /* Firefox 18- */ color: #000000; } .testdriveform .brandpage_ebookform .form-group select::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .testdriveform .brandpage_ebookform .form-group select:-ms-input-placeholder { color: #000000; } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group select { font-size: 0.875rem; } } .testdriveform .brandpage_ebookform .form-group .inputfield { border: 0px; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 0.9375rem; color: #000000; padding: 0px; box-shadow: 0 0 0; } .testdriveform .brandpage_ebookform .form-group .inputfield::-webkit-input-placeholder { color: #000000; } .testdriveform .brandpage_ebookform .form-group .inputfield:-moz-placeholder { /* Firefox 18- */ color: #000000; } .testdriveform .brandpage_ebookform .form-group .inputfield::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .testdriveform .brandpage_ebookform .form-group .inputfield:-ms-input-placeholder { color: #000000; } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group .inputfield { font-size: 1rem; } } .testdriveform .brandpage_ebookform .form-group #disclaimer1 { height: auto; margin: 3px 0 0; } .testdriveform .brandpage_ebookform .form-group .ebook_disclaimer { font-size: 0.75rem; color: #000000; padding: 0 0 0 20px; font-weight: 500; } @media ( max-width : 992px) { .testdriveform .brandpage_ebookform .form-group .ebook_disclaimer { font-size: 0.625rem; line-height: 0.75rem; } } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group .ebook_disclaimer { font-size: 0.8125rem; line-height: 1.125rem; } } .testdriveform .brandpage_ebookform .form-group .ebook_submit { font-size: 0.9375rem; color: #FFFFFF; background: #000000; height: 40px; padding: 10px 13px; cursor: pointer; border: 1px solid #000000; text-transform: uppercase; transition-duration: 1s; -webkit-transition-duration: 1s; float: right; } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group .ebook_submit { display: block; margin: 0 auto; float: none; } } .testdriveform .brandpage_ebookform .form-group .ebook_submit:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .testdriveform .formthankyou { float: left; width: 100%; text-align: center; display: none; padding-top: 100px; padding-bottom: 100px; } .testdriveform .formthankyou .formthankyouImg { float: left; width: 100%; text-align: center; } .testdriveform .formthankyou .formthankyouImg img { margin: auto; width: 55px; } .testdriveform .formthankyou .formthankyouImg h3 { font-size: 1.5625rem; font-weight: 500; margin: 0px 0px 0px 0px; } .testdriveform .formthankyou .formthankyouImg p { font-size: 1rem; font-weight: 400; } @media ( max-width : 767px) { .testdriveform .formthankyou .formthankyouImg p { font-size: 0.75rem; line-height: 1.125rem; } } .testdriveform .formthankyou .formthankyouImg p span { font-weight: 500; } .testdriveform .ebookform1 { display: block; } .testdriveform .ebookform2 { padding-left: 30px; padding-right: 30px; display: none; } @media ( max-width : 1200px) { .testdriveform .ebookform2 { padding-left: 15px; padding-right: 15px; } } @media ( max-width : 992px) { .testdriveform .ebookform2 { padding-left: 0px; padding-right: 0px; } } .testdriveform .ebookform2 .form-group { padding: 0px; } .testdriveform .ebookform3 { display: none; } .testdriveform .ebookform4 { display: none; } .form-control:focus { box-shadow: 0 0 0; } .testdriveFirst .tab_mainheading { display: none; } .testdriveFirst .formthankyou { border-top: 0px; } .testdriveFirst .formthankyou .formthankyouImg .thankyouTxt h3 { margin: 0px; } .techMain { width: 100%; float: left; margin: 50px 0; } @media ( max-width : 992px) { .techMain { margin: 40px 0; } } @media ( max-width : 767px) { .techMain { margin: 30px 0; } } @media ( max-width : 767px) { .techMain .specImg { padding: 30px 0; } } .techMain .tab_mainheading p { font-weight: 500; font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 30px; } @media ( max-width : 767px) { .techMain .tab_mainheading p { margin-bottom: 15px; font-size: 0.875rem; line-height: 1.25rem; } } .techBoxMainSec .techBoxRpt { position: relative; padding: 0 15px; width: 100%; float: left; } @media ( max-width : 767px) { .techBoxMainSec .techBoxRpt { padding: 0 0 15px; } } .techBoxMainSec .techBoxRpt .techPhara { width: 100%; float: left; } @media ( max-width : 767px) { .techBoxMainSec .techBoxRpt .techPhara { width: 80%; } } @media ( max-width : 767px) { .techBoxMainSec .techBoxRpt .techPhara { width: 75%; } } .techBoxMainSec .techBoxRpt .techPhara p { font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 0px; } @media ( max-width : 767px) { .techBoxMainSec .techBoxRpt .techPhara p { margin-bottom: 10px; } } .techBoxMainSec .techBoxRpt h4 { font-size: 1.125rem; font-weight: 500; margin-bottom: 15px; } @media ( max-width : 767px) { .techBoxMainSec .techBoxRpt h4 { font-size: 1rem; margin-bottom: 10px; } } .techBoxMainSec .techBoxRpt .headingSec { position: relative; width: 100%; float: left; } .techBoxMainSec .techBoxRpt .headingSec i { display: block; min-height: 50px; margin-bottom: 12px; position: relative; width: 60px; } @media ( max-width : 767px) { .techBoxMainSec .techBoxRpt .headingSec i:after { content: ''; background-color: #ebebeb; width: 54px; height: 54px; position: absolute; top: 0; z-index: -1; border-radius: 100%; left: 0; right: 0; top: -8px; margin: 0 auto; } .techBoxMainSec .techBoxRpt .headingSec i img { margin: 0 auto; } } @media ( max-width : 767px) { .techBoxMainSec .techBoxRpt .headingSec { width: 20%; } } @media ( max-width : 369px) { .techBoxMainSec .techBoxRpt .headingSec { width: 25%; } } .techBoxMainSec .techBoxRpt .videoIcon { position: absolute; right: 0; top: 10px; text-align: center; } @media ( max-width : 767px) { .techBoxMainSec .techBoxRpt .videoIcon { position: static; float: left; margin-bottom: 15px; } } .techBoxMainSec .techBoxRpt .videoIcon a { color: #000000; text-decoration: none; transition: all 0.4s; } .techBoxMainSec .col-lg-4:after { content: ''; position: absolute; top: 0; right: 0px; width: 1px; height: 100%; border-left: 1px solid #d9d9d9; } @media ( max-width : 992px) { .techBoxMainSec .col-lg-4:after { border-left: 0; } } .techBoxMainSec .col-lg-4:last-child:after { display: none; } .techBoxMainSec .col-lg-4:last-child .techBoxRpt:after { display: none; } @media ( max-width : 992px) { .techBoxMainSec .col-lg-4:last-child .techBoxRpt:last-child { padding-bottom: 0; } } .videoIcon a { color: #000000; text-decoration: none; transition: all 0.4s; } .videoIcon a i { font-size: 28px; line-height: 28px; padding: 0; position: relative; text-align: center; } .videoIcon a i :after { content: ''; border: 1px solid #000000; border-radius: 100%; position: absolute; width: 28px; height: 28px; left: 0; top: 0; opacity: 0; transition: all 0.4s; } @media ( max-width : 767px) { .videoIcon a i { vertical-align: middle; } } .videoIcon a:hover i { opacity: 0.6; } .videoIcon a:hover i :after { opacity: 1; width: 28px; height: 28px; transform: scale(1.3); display: none; } .videoIcon a:hover span { opacity: 0.6; } .videoIcon a span { display: block; padding-top: 8px; font-size: 0.9375rem; line-height: 1rem; } @media ( max-width : 767px) { .videoIcon a span { display: inline-block; padding: 0 0 0 8px; vertical-align: middle; } } .testimnlMain { width: 100%; float: left; margin: 50px 0 0; } .testimnlMain .loadmore_btn { margin-bottom: 50px; } @media ( max-width : 992px) { .testimnlMain .loadmore_btn { margin-bottom: 40px; } } @media ( max-width : 767px) { .testimnlMain .loadmore_btn { margin-bottom: 30px; } } @media ( max-width : 992px) { .testimnlMain { margin: 40px 0 0; } } @media ( max-width : 767px) { .testimnlMain { margin: 30px 0 0; } } .testimnlMain .center { margin-bottom: 25px; } @media ( max-width : 767px) { .testimnlMain .center { margin-bottom: 20px; } } .testimnlMain .tab_mainheading p { font-weight: 500; font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 30px; } @media ( max-width : 767px) { .testimnlMain .tab_mainheading p { margin-bottom: 15px; font-size: 1rem; line-height: 1.25rem; } } .testimnlBoxM { width: 100%; float: left; } .testimnlBoxM .testimonialpost { display: none; } .testimnlBoxM .col-lg-6 .grayBoxTesim:before { content: ''; background-image: url(../images/testimonials/double_quotes_left.png); position: absolute; width: 32px; height: 24px; top: 23px; left: 50px; } @media ( max-width : 1200px) { .testimnlBoxM .col-lg-6 .grayBoxTesim:before { left: 30px; } } @media ( max-width : 992px) { .testimnlBoxM .col-lg-6 .grayBoxTesim:before { left: 20px; } } .testimnlBoxM .col-lg-12 .grayBoxFull { margin: 30px 0; width: 100%; float: left; } @media ( max-width : 992px) { .testimnlBoxM .col-lg-12 .grayBoxFull { margin: 0; } } .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim { text-align: center; } @media ( max-width : 992px) { .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim { padding: 30px 25px 25px 30px; } } @media ( max-width : 767px) { .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim { margin: 0 0 25px; } } .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim:before { content: ''; background-image: url(../images/testimonials/double_quotes_left.png); position: absolute; width: 32px; height: 24px; top: 23px; left: 50px; } @media ( max-width : 1200px) { .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim:before { left: 30px; } } @media ( max-width : 992px) { .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim:before { left: 20px; } } .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim:after { content: ''; background-image: url(../images/testimonials/double_quotes_right.png); position: absolute; width: 32px; height: 24px; top: 23px; right: 50px; } @media ( max-width : 1200px) { .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim:after { right: 30px; } } /* .leaflet-container a.leaflet-popup-close-button{ color: #000; } */ @media ( max-width : 992px) { .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim:after { right: 20px; } } .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim .cirleImgSec { width: 100%; float: left; } .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim .cirleImgSec .cirleImgTxt { float: none; vertical-align: middle; padding-top: 15px; } .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim .cirleImgSec .cirleImgTxt p { font-size: 0.875rem; } @media ( max-width : 767px) { .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim .cirleImgSec .cirleImgTxt { padding-top: 0; } } .testimnlBoxM .col-lg-12 .grayBoxFull .grayBoxTesim>h4 { margin-bottom: 25px; } .testimnlBoxM h4 { font-size: 1.125rem; margin-bottom: 5px; font-weight: 500; } @media ( max-width : 992px) { .testimnlBoxM h4 { font-size: 1.0625rem; } } @media ( max-width : 767px) { .testimnlBoxM h4 { font-size: 0.875rem; } } .testimnlBoxM p { font-size: 1rem; line-height: 1.25rem; font-weight: 400; } @media ( max-width : 992px) { .testimnlBoxM p { font-size: 0.9375rem; } } @media ( max-width : 767px) { .testimnlBoxM p { font-size: 0.875rem; line-height: 1.125rem; } } .grayBoxTesim { background: #f6f6f6; width: 100%; height: 100%; border: 1px solid #dedede; overflow: hidden; padding: 60px 25px 25px 50px; position: relative; } @media ( max-width : 1200px) { .grayBoxTesim { padding-left: 30px; } } @media ( max-width : 992px) { .grayBoxTesim { padding: 60px 20px 20px; margin-bottom: 25px; height: auto; } } @media ( max-width : 767px) { .grayBoxTesim { margin-bottom: 25px; } } .grayBoxTesim .cirleImgSec { width: 100%; float: left; } .grayBoxTesim .cirleImgSec .cirleImgL { float: left; padding-right: 15px; } .grayBoxTesim .cirleImgSec .cirleImgL img { border-radius: 100%; } .grayBoxTesim .cirleImgSec .cirleImgTxt { float: left; vertical-align: middle; padding-top: 15px; } .grayBoxTesim .cirleImgSec .cirleImgTxt p { font-size: 0.875rem; } .grayBoxTesim .quotes { padding-bottom: 5px; display: block; } .grayBoxTesimImg { width: 100%; height: 100%; border: 1px solid #dedede; overflow: hidden; position: relative; } @media ( max-width : 992px) { .grayBoxTesimImg { margin-bottom: 25px; height: auto; } } @media ( max-width : 767px) { .grayBoxTesimImg { margin-bottom: 25px; } } .grayBoxTesimImg img { transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; transition-duration: 1s; height: 100%; } @media ( max-width : 992px) { .grayBoxTesimImg img { width: 100%; } } .grayBoxTesimImg img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; transition-duration: 1s; } .grayBoxTesimImg h4 { position: absolute; width: 100%; bottom: 15px; text-align: center; color: #FFFFFF; font-weight: normal; margin: 0; } .white-text { color: #fff; } .black-text { color: #000; } .relative { position: relative; } .padTop50 { padding-top: 50px; } @media ( max-width : 767px) { .padTop50 { padding-top: 10px; } } .horizontalLine { border-top: 1px solid #b5b5b5; } @media ( max-width : 767px) { .horizontalLine { border-top: 0px; } } .innerBannerSec { width: 100%; float: left; position: relative; display: table; } .bannerContent { width: 100%; float: left; position: relative; display: table; position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; } .bannerContent h1 { font-size: 1.5rem; font-weight: 500; margin-bottom: 0px; } @media ( max-width : 767px) { .bannerContent h1 { font-size: 1.125rem; } } .innerBannerSec img { width: 100%; } .corporateSalesM { width: 100%; float: left; } .corporateSalesM .tab_mainheading { margin: 50px 0; } @media ( max-width : 1200px) { .corporateSalesM .tab_mainheading { margin: 40px 0px; } } @media ( max-width : 767px) { .corporateSalesM .tab_mainheading { margin: 30px 0px; } } .corporateSalesM .tab_mainheading h3 { text-align: left; font-size: 1.5rem; margin-bottom: 20px; } @media ( max-width : 767px) { .corporateSalesM .tab_mainheading h3 { font-size: 1.125rem; margin-bottom: 15px; } } .corporateSalesM .tab_mainheading p { text-align: left; font-size: 1rem; line-height: 1.375rem; margin-bottom: 20px; display: inline-block; font-weight: 400; } @media ( max-width : 767px) { .corporateSalesM .tab_mainheading p { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 15px; } } .corporateSalesM .tab_mainheading p:last-child { margin: 0; } .corpSalesForm { float: left; width: 100%; } .corpSalesForm .tab_mainheading h3 { text-align: left; } @media ( max-width : 767px) { .corpSalesForm .tab_mainheading h3 { font-size: 1.125rem; } } .corpSalesForm .tab_mainheading p { text-align: left; font-weight: 400; } @media ( max-width : 767px) { .corpSalesForm .tab_mainheading p { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 20px; } } @media ( max-width : 767px) { .corpSalesForm .tab_mainheading.padTop50 { padding-top: 0px; } } .corpSalesForm .corpSalesEnquireF { float: left; width: 100%; padding: 40px 100px 20px 100px; } @media ( max-width : 1200px) { .corpSalesForm .corpSalesEnquireF { padding: 40px 50px 20px 50px; } } @media ( max-width : 992px) { .corpSalesForm .corpSalesEnquireF { padding: 40px 0px 30px 0px; } } @media ( max-width : 767px) { .corpSalesForm .corpSalesEnquireF { padding: 0 0 15px 0; } } .corpSalesForm .corpSalesEnquireF .form-group { padding: 0 20px; margin: 0 0 30px; } @media ( max-width : 1200px) { .corpSalesForm .corpSalesEnquireF .form-group { padding: 0px; } } @media ( max-width : 992px) { .corpSalesForm .corpSalesEnquireF .form-group { padding: 0px; } } @media ( max-width : 767px) { .corpSalesForm .corpSalesEnquireF .form-group { margin-bottom: 15px; padding-left: 0px; padding-right: 0px; } } @media ( max-width : 369px) { .corpSalesForm .corpSalesEnquireF .form-group { padding: 0; } } .corpSalesForm .corpSalesEnquireF .form-group select { border: 0; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 0.9375rem; color: #000000; padding: 0; box-shadow: 0 0 0; background: url(../images/down-arrow.png) no-repeat 99% center; } .corpSalesForm .corpSalesEnquireF .form-group select::-webkit-input-placeholder { color: #000000; } .corpSalesForm .corpSalesEnquireF .form-group select:-moz-placeholder { /* Firefox 18- */ color: #000000; } .corpSalesForm .corpSalesEnquireF .form-group select::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .corpSalesForm .corpSalesEnquireF .form-group select:-ms-input-placeholder { color: #000000; } @media ( max-width : 767px) { .corpSalesForm .corpSalesEnquireF .form-group select { background: url(../images/corporate_instititional_sales/down-arrow-mob.png) no-repeat 99% center; } } .corpSalesForm .corpSalesEnquireF .form-group input { border: 0; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 0.9375rem; color: #000000; padding: 0; box-shadow: 0 0 0; } .corpSalesForm .corpSalesEnquireF .form-group input::-webkit-input-placeholder { color: grey; } .corpSalesForm .corpSalesEnquireF .form-group input:-moz-placeholder { /* Firefox 18- */ color: grey; } .corpSalesForm .corpSalesEnquireF .form-group input::-moz-placeholder { /* Firefox 19+ */ color: grey; } .corpSalesForm .corpSalesEnquireF .form-group input:-ms-input-placeholder { color: grey; } .corpSalesForm .corpSalesEnquireF .form-group input[type="submit"] { height: inherit; float: right; padding: 10px 13px; margin: 38px 0 0; } @media ( max-width : 767px) { .corpSalesForm .corpSalesEnquireF .form-group input[type="submit"] { margin: 0; float: none; } } .corpSalesForm .corpSalesEnquireF .form-group .ebook_submit { font-size: 15px; color: #ffffff; background: #000000; width: auto; padding: 9px 13px; cursor: pointer; border: 1px solid #000000; text-transform: uppercase; transition-duration: 1s; -webkit-transition-duration: 1s; } .corpSalesForm .corpSalesEnquireF .form-group .ebook_submit:hover { background: #ffffff; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .formthankyou { border-top: 1px solid #b5b5b5; padding: 100px 0; float: left; width: 100%; display: none; } @media ( max-width : 992px) { .formthankyou { padding: 70px 0; } } @media ( max-width : 1200px) { .formthankyou { padding: 50px 0; } } @media ( max-width : 767px) { .formthankyou { padding: 30px 0; } } .formthankyou .formthankyouImg { float: left; width: 100%; text-align: center; } .formthankyou .formthankyouImg img { width: 55px; display: inline-block; vertical-align: top; } .formthankyou .formthankyouImg .thankyouTxt { width: 50%; padding-left: 25px; display: inline-block; vertical-align: top; } @media ( max-width : 767px) { .formthankyou .formthankyouImg .thankyouTxt { width: 70%; padding-left: 20px; } } .formthankyou .formthankyouImg .thankyouTxt h3 { font-weight: bold; text-transform: uppercase; margin: 0px; text-align: left; padding-left: 0px; padding-bottom: 5px; font-size: 1.5625rem; } .formthankyou .formthankyouImg .thankyouTxt p { text-align: left; line-height: normal; font-size: 1rem; font-weight: 400; } @media ( max-width : 767px) { .formthankyou .formthankyouImg .thankyouTxt p { font-size: 0.75rem; line-height: 1.125rem; } } .locatorMainBox { width: 100%; float: left; position: relative; overflow: hidden; } .showroomMapImg { width: 100%; float: left; position: relative; z-index: 1; height: 600px !important; } @media ( max-width : 767px) { .showroomMapImg { height: 500px !important; } } .showroomMapImg>img { max-width: 100%; max-height: 100%; } .loactorselectbox { float: left; width: 100%; margin: 0 0 20px; } @media ( max-width : 767px) { .loactorselectbox { margin: 15px 0; padding: 0 15px; } } .loactorselectbox .inrlocatorselect { float: left; width: 50%; } .loactorselectbox .inrlocatorselect:first-child { padding: 0 10px 0 0; } .loactorselectbox .inrlocatorselect:last-child { padding: 0 0 0 10px; } .loactorselectbox .inrlocatorselect select { padding: 10px 0; width: 100%; font-size: 0.875rem; line-height: 1.25rem; border: 0px; border-bottom: 1px solid #000000; appearance: none; -webkit-appearance: none; background: url(../images/header/drop-arrow.png) no-repeat 96% center; font-weight: 500; outline: none; } .showroomDetailsMain { width: 400px; float: left; position: absolute; z-index: 2; } @media ( max-width : 768px) { .showroomDetailsMain { bottom: -200%; width: 100%; } .showroomDetailsMain.active { bottom: auto; top: 0; } .showroomDetailsMain.active .container { padding-left: 0px; padding-right: 0px; } .showroomDetailsMain.active .container .row { margin-left: 0px; margin-right: 0px; } .showroomDetailsMain.active .container .row .col-lg-5.col-md-6 { padding-left: 0px; padding-right: 0px; } .showroomDetailsMain.active .container .row .col-lg-5.col-md-6 .tab-content { padding: 15px 15px 30px 15px; } } .showroomDetailsMain .showroomDetailBox { width: 400px; float: left; background: #ececec; padding: 20px; transition: all 0.4s; border-right: 1px solid darkgrey; } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox { width: 100%; padding: 0px 0; } } .showroomDetailsMain .showroomDetailBox ul { border-left: #c8c8c8 solid 1px; } .showroomDetailsMain .showroomDetailBox>ul>li { width: 50%; text-align: left; } .showroomDetailsMain .showroomDetailBox ul li a.nav-link { border: 0px; border-radius: 0px; font-size: 14px; font-weight: 500; padding: 20px; background: #fff; color: #000; border: #c8c8c8 solid 1px; border-left: 0px; } .showroomDetailsMain .showroomDetailBox ul li a.nav-link.active { background: #000; color: #fff; } .showroomDetailsMain .showroomDetailBox .tab-content { background: #fff; float: left; width: 100%; } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content { background: none; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .searchfield { width: 100%; position: relative; padding: 20px 20px 0px 20px; } .search_dv.leaflet-control .srch_dv{ display: none; } @media ( max-width : 767px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .searchfield { background: #fff; padding: 15px; margin-bottom: 5px; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .searchfield input { width: 85%; /*95*/ border: 0px; border-bottom: #000000 solid 1px; outline: 0px; font-size: 0.9375rem; color: #000; padding: 10px 0px; font-weight: 500; } @media ( max-width : 767px) { body .mapsliderBox { position: absolute; z-index: 9999; height: 50px; right: 27%; border: 0; bottom: 48px; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .searchfield input { border-bottom: 0px; padding: 15px 0px 15px 15px; font-size: 16px; background: #ebebeb 10px center no-repeat; /* url(../images/locator/search-icon.png) */ } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .searchfield a { position: absolute; top: 30px; right: 20px; } @media ( max-width : 767px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .searchfield a { right: 25px; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar { height: calc(100vh - 271px); } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar { float: left; width: 100%; height: calc(100vh - 203px); padding: 0px 0px; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .mCSB_container { margin-right: 0px; } @media (min-width: 360px) and (max-width: 413px) { body .iconMoveApp { display: block; position: absolute; bottom: 118px; right: 0px; font-size: 18px; top: auto; height: 51px; width: 48%; background: #000; color: #000; text-align: center; padding: 4px 0; z-index: 999999999999; font-size: 0; } body .iconMoveApp a { text-decoration: none; display: inline-block; vertical-align: bottom; } body .iconMoveApp img { width: 42px; vertical-align: middle; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar { height: calc(100vh - 210px); } } /* @media ( max-width : 768px) { body .iconMoveApp { display: block; position: absolute; bottom: 120px; right: 0px; font-size: 18px; top: auto; height: 51px; width: 48%; background: #000; color: #000; text-align: center; padding: 4px 0; z-index: 999999999999; font-size: 0; } body .iconMoveApp a { text-decoration: none; display: inline-block; vertical-align: bottom; } body .iconMoveApp img { width: 42px; vertical-align: middle; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar { height: calc(100vh - 210px); } } */ .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .mCSB_dragger_bar { right: 10px; } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .mCSB_dragger_bar { right: 0px; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation { width: 100%; float: left; padding: 22px 20px; position: relative; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation:hover { background: #e1e1e1; } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation { padding: 15px; margin-top: 5px; margin-bottom: 5px; background: #fff; border: #d7d7d7 solid 1px; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .sepratorLine { width: calc(100% - 31px); position: absolute; left: 20px; bottom: 0px; height: 1px; background: #e1e1e1; } @media ( max-width : 767px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .sepratorLine { display: none; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation h3 { font-size: 1.125rem; color: #000000; font-weight: 400; margin: 0px; padding: 0px 28px 10px 30px; position: relative; } .websiteTxt {word-break: break-all;} .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation h3:before { position: absolute; background: url(../../images/nexa_logo.png) left 0px no-repeat !important; /* priyanshu changed from 2px to 0px in above line */ content: ""; width: 19px; height: 32px; left: 0; top: -1px !important; } /*added for different background*/ .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation.ms h3:before { position: absolute; background: url(../../images/maruti_ms.png) left 0px no-repeat !important; /* priyanshu changed from 2px to 0px in above line */ content: ""; width: 30px; height: 32px; left: 0; top: 2px; } @media ( max-width : 767px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation h3:before { display: none; } } @media ( max-width : 992px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation h3 { font-size: 0.875rem; padding-right: 10px; } } @media ( max-width : 767px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation h3 { padding-left: 0px; padding-right: 0px; font-size: 0.875rem; padding-bottom: 7px; font-weight: bold; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .addressTxt { font-size: 0.875rem; font-weight: 400; line-height: 20px; } @media ( max-width : 992px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .addressTxt { font-size: 0.8125rem; padding-right: 10px; } } @media ( max-width : 767px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .addressTxt { font-size: 0.875rem; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .openTimeTxt { font-size: 0.9375rem; color: #818181; font-weight: 400; padding-top: 10px; padding-bottom: 10px; } @media ( max-width : 992px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .openTimeTxt { font-size: 0.8125rem; } } @media ( max-width : 767px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .openTimeTxt { font-size: 0.875rem; padding-top: 5px; padding-bottom: 5px; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .websiteTxt { font-size: 0.9375rem; font-weight: 400; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .websiteTxt a { color: #000000; text-decoration: underline; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .websiteTxt a:hover { text-decoration: none; } @media ( max-width : 992px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .websiteTxt a { font-size: 0.8125rem; } } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .websiteTxt a { font-size: 0.875rem; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt { width: 100%; float: left; padding-top: 15px; position: relative; padding-left: 25px; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt a { font-size: 0.9375rem; color: #000000; text-decoration: none; text-decoration: none; font-weight: 400; float: left; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt a:hover { text-decoration: underline; } @media ( max-width : 992px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt a { font-size: 0.8125rem; padding-right: 10px; } } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt a { font-size: 0.875rem; padding-right: 0px; } } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt a:last-child { display: none; } } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt { padding-left: 0px; padding-top: 7px; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt span { width: 1px; height: 15px; float: left; background: #000000; margin-left: 40px; margin-right: 40px; } @media ( max-width : 1200px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt span { margin-left: 10px; margin-right: 10px; } } @media ( max-width : 992px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt span { margin-left: 5px; margin-right: 5px; } } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt span { display: none; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt:before { position: absolute; left: 0px; content: ""; background: url(../images/locator/call.png) left top no-repeat; width: 17px; height: 17px; } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .phoneTxt:before { display: none; } } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .buttonDirect { float: left; width: 100%; padding-top: 10px; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .buttonDirect a.direction_b, .tab-pane .customScrollBar .addLocation .buttonDirect a.chkin_button { height: 28px; color: #FFFFFF; background: #000000; font-size: 0.9375rem; font-weight: 400; padding: 7px 9px; display: inline-block; vertical-align: bottom; margin-right: 10px; text-decoration: none; float: left; } .material-icon_1_map { display: inline-block; height: 25px; width: 25px; vertical-align: top; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .buttonDirect a.direction_b { position: absolute; right: 1px; top: 19px; width: 28px; height: 28px; padding: 7px 6px 5px 7px; } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .buttonDirect a { float: left; margin-right: 10px; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .buttonDirect a.direction_b { position: absolute; right: 4px; top: 7px; width: 28px; } } @media ( max-width : 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .buttonDirect { height: auto; } .locatorMainBox .viewDealerList { width: 100%; position: absolute; bottom: 0px; z-index: 9; left: 0; background: #fff; text-align: center; padding: 8px; margin-bottom: 0px; } } .viewDealerList { width: 45%; position: fixed; bottom: 20px; z-index: 9; left: 10px; } .viewDealerList a { font-weight: 500; font-size: 1rem; text-align: center; color: #FFFFFF; background: #000000; display: inline-block; padding: 12px 13px; border-bottom: 1px solid #FFFFFF; text-decoration: none; } .locatorPanelShowHide { position: absolute; right: -35px; top: 55px; background: #ececec; border: 1px solid darkgrey; border-left: none; padding: 15px 10px; } .locatorPanelShowHide .locatorPanelShow { display: none; } .panelShowHide .locatorPanelHide { display: none; } .panelShowHide .locatorPanelShow { display: block; } .showroomDetailBox { margin-left: 0px; position: relative; } .showroomDetailBox.panelShowHide { margin-left: -400px; } #map { height: 100%; } .search-scope { text-align: center; position: absolute; bottom: 0; z-index: 1; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; } .safetyBlock { float: left; width: 100%; padding: 50px 0; background: #FFFFFF; text-align: center; } @media ( max-width : 767px) { .safetyBlock { padding: 30px 0; } } .safetyBlock .safetyheading h3 { color: #000000; font-size: 1.5rem; margin-bottom: 15px; font-weight: 500; text-transform: uppercase; } @media ( max-width : 767px) { .showroomMapImg{height:100vh;} /* remove if button shows gap in all device in bottom */ .safetyBlock .safetyheading h3 { font-size: 1.3125rem; margin-bottom: 15px; } } .safetyBlock .safetyheading h4 { color: #000000; font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 20px; font-weight: 500; } @media ( max-width : 767px) { .safetyBlock .safetyheading h4 { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 15px; } } .safetyBlock .verticalCenter { display: table; width: 100%; height: 100%; } .safetyBlock .verticalInner { display: table-cell; vertical-align: middle; } .inrsafetyBlock { float: left; width: 100%; padding: 180px 0 0; position: relative; } .safetymainbox { float: left; width: 100%; position: relative; } .safetymainbox img { margin: 0 auto; display: block; } .safetybox { position: absolute; } .safetysection1 { top: -44px; left: 39%; } .safetysection1:hover .safetycontent { display: block; } .safetysection1:hover .borderbox { width: 120px; height: 120px; top: -120px; border: 2px solid #000000; left: -15px; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection1:hover .borderbox .inrborderbox { background: #FFFFFF; } .safetysection1:hover .borderbox .inrborderbox img { -webkit-filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); } .safetysection1 .safetycontent { position: absolute; top: -90px; right: 120px; width: 250px; text-align: right; display: none; } .safetysection1 .borderbox { width: 88px; height: 88px; border-radius: 50%; position: absolute; top: -88px; border: 2px solid #000000; padding: 5px; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection1 .borderbox .inrborderbox { position: absolute; height: 91.5%; width: 91.5%; border-radius: 50%; } .safetysection2 { top: 0px; left: 47.5%; } .safetysection2:hover .safetycontent { display: block; } .safetysection2:hover .borderbox { width: 120px; right: -60px; height: 120px; top: -120px; border: 2px solid #000000; left: auto; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection2:hover .borderbox .inrborderbox { background: #FFFFFF; } .safetysection2:hover .borderbox .inrborderbox img { -webkit-filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); } .safetysection2 .safetycontent { position: absolute; top: -110px; left: 250px; width: 250px; text-align: left; display: none; } .safetysection2 .borderbox { right: -44px; width: 88px; height: 88px; border-radius: 50%; position: absolute; top: -88px; border: 2px solid #000000; padding: 5px; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection2 .borderbox .inrborderbox { position: absolute; height: 91.5%; width: 91.5%; border-radius: 50%; } .safetysection3 { top: 145px; left: 65%; } .safetysection3:hover .safetycontent { display: block; } .safetysection3:hover .borderbox { width: 120px; right: -120px; height: 120px; top: -50px; border: 2px solid #000000; left: auto; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection3:hover .borderbox .inrborderbox { background: #FFFFFF; } .safetysection3:hover .borderbox .inrborderbox img { -webkit-filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); } .safetysection3 .safetycontent { position: absolute; top: -170px; left: 180px; width: 250px; text-align: left; display: none; } .safetysection3 .borderbox { right: -88px; width: 88px; height: 88px; border-radius: 50%; position: absolute; top: -30px; border: 2px solid #000000; padding: 5px; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection3 .borderbox .inrborderbox { position: absolute; height: 91.5%; width: 91.5%; border-radius: 50%; } .safetysection4 { bottom: 160px; right: 70px; } .safetysection4:hover .safetycontent { display: block; } .safetysection4:hover .borderbox { width: 120px; right: -120px; height: 120px; top: 5px; border: 2px solid #000000; left: auto; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection4:hover .borderbox .inrborderbox { background: #FFFFFF; } .safetysection4:hover .borderbox .inrborderbox img { -webkit-filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); } .safetysection4 .safetycontent { position: absolute; bottom: -150px; right: -120px; width: 250px; text-align: right; display: none; } .safetysection4 .borderbox { right: -88px; width: 88px; height: 88px; border-radius: 50%; position: absolute; top: 25px; border: 2px solid #000000; padding: 5px; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection4 .borderbox .inrborderbox { position: absolute; height: 91.5%; width: 91.5%; border-radius: 50%; } .safetysection5 { bottom: 40px; right: 45.5%; } .safetysection5:hover .safetycontent { display: block; } .safetysection5:hover .borderbox { width: 120px; right: -120px; height: 120px; bottom: -50px; border: 2px solid #000000; left: -120px; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection5:hover .borderbox .inrborderbox { background: #FFFFFF; } .safetysection5:hover .borderbox .inrborderbox img { -webkit-filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); } .safetysection5 .safetycontent { position: absolute; bottom: -20px; right: 160px; width: 250px; text-align: right; display: none; } .safetysection5 .borderbox { left: -88px; width: 88px; height: 88px; border-radius: 50%; position: absolute; bottom: -35px; border: 2px solid #000000; padding: 5px; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection5 .borderbox .inrborderbox { position: absolute; height: 91.5%; width: 91.5%; border-radius: 50%; } .safetysection6 { bottom: 165px; left: 105px; } .safetysection6:hover .safetycontent { display: block; } .safetysection6:hover .borderbox { width: 120px; left: -120px; height: 120px; top: 55px; border: 2px solid #000000; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection6:hover .borderbox .inrborderbox { background: #FFFFFF; } .safetysection6:hover .borderbox .inrborderbox img { -webkit-filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); } .safetysection6 .safetycontent { position: absolute; bottom: -180px; right: -20px; width: 250px; text-align: left; display: none; } .safetysection6 .borderbox { left: -88px; width: 88px; height: 88px; border-radius: 50%; position: absolute; top: 75px; border: 2px solid #000000; padding: 5px; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection6 .borderbox .inrborderbox { position: absolute; height: 91.5%; width: 91.5%; border-radius: 50%; } .safetysection7 { bottom: 450px; left: 35px; } .safetysection7:hover .safetycontent { display: block; } .safetysection7:hover img { -webkit-filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); filter: opacity(0.5) drop-shadow(0 0 0 #FFFFFF); } .safetysection7:hover .borderbox { width: 120px; left: -120px; height: 120px; top: -50px; border: 2px solid #000000; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection7:hover .borderbox .inrborderbox { background: #FFFFFF; } .safetysection7 .safetycontent { position: absolute; bottom: -185px; right: 170px; width: 200px; text-align: left; display: none; } .safetysection7 .borderbox { left: -88px; width: 88px; height: 88px; border-radius: 50%; position: absolute; top: -30px; border: 2px solid #000000; padding: 5px; transition-duration: .5s; -webkit-transition-duration: .5s; } .safetysection7 .borderbox .inrborderbox { position: absolute; height: 91.5%; width: 91.5%; border-radius: 50%; } .safetycontent h5 { color: #000000; font-size: 1rem; text-transform: uppercase; margin: 0 0 5px; font-weight: 500; } .safetycontent p { color: #000000; font-size: 0.875rem; line-height: 1.125rem; } .safetymobilebox { display: none; } @media ( max-width : 1279px) { .safetymainbox { display: none; } .safetymobilebox { display: block; } .inrsafetyBlock { padding: 0; } .inrsafetymobilebox { float: left; width: 100%; margin: 25px 0 0; } .inrsafetymobilebox .safetybox { float: left; width: 100%; position: relative; } .inrsafetymobilebox .safetycontent { text-align: left; float: left; width: 80%; padding: 0 10px; float: left; } .inrsafetymobilebox .borderbox { float: left; width: 20%; } .inrsafetymobilebox .inrborderbox { border: 2px solid #000000; height: 80px; width: 80px; border-radius: 50%; padding: 15px; margin: 0 auto; } .safetycontent h5 { font-size: 0.875rem; line-height: 1.125rem; margin: 0 0 5px; } .inrsafetymobilebox.owl-theme .owl-dots .owl-dot { text-align: center; position: relative; bottom: -10px; margin: 0 2.5px; } .inrsafetymobilebox.owl-theme .owl-dots .owl-dot span { width: 25px; height: 5px; display: block; border-radius: 0; background: none; border: 1px solid #000000; } .inrsafetymobilebox.owl-theme .owl-dots .owl-dot.active span { border: 1px solid #000000; background: #000000; } } @media ( max-width : 992px) { .inrsafetymobilebox .inrborderbox { height: 60px; width: 60px; } } .innerBannerSec { width: 100%; float: left; position: relative; display: table; } .innerBannerSec .bannerContent { width: 100%; float: left; position: relative; display: table; position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; } .innerBannerSec .bannerContent h1 { font-size: 1.5rem; font-weight: 600; margin-bottom: 0px; } .innerBannerSec .bannerContent h1 br { display: none; } @media ( max-width : 767px) { .innerBannerSec .bannerContent h1 br { display: block; } } @media ( max-width : 767px) { .innerBannerSec .bannerContent h1 { font-size: 1.125rem; } } .innerBannerSec img { width: 100%; } @media ( max-width : 767px) { .roadSupportM { margin-bottom: 30px; } } .roadSupportM .callSec { margin-bottom: 30px; width: 100%; float: left; } @media ( max-width : 992px) { .roadSupportM .callSec.mb25 { margin-bottom: 25px; } } @media ( max-width : 767px) { .roadSupportM .callSec.mb25 { margin-bottom: 20px; } } .roadSupportM .callSec ul { padding: 0; margin: 0; border: 1px solid #949494; float: left; } @media ( max-width : 767px) { .roadSupportM .callSec ul { width: 100%; } } .roadSupportM .callSec ul li { list-style: none; padding: 20px 25px; margin: 0; float: left; border-right: 1px solid #949494; font-size: 18px; font-weight: 500; } .roadSupportM .callSec ul li:first-child img { display: block; } @media ( max-width : 767px) { .roadSupportM .callSec ul li:first-child { display: none; } } @media ( max-width : 767px) { .roadSupportM .callSec ul li { padding: 10px; width: 50%; text-align: center; font-size: 1rem; } } .roadSupportM .callSec ul li span { position: relative; line-height: 40px; display: inline-block; vertical-align: middle; padding-right: 5px; } @media ( max-width : 369px) { .roadSupportM .callSec ul li span { font-size: 0.875rem; line-height: 30px; } } .roadSupportM .callSec ul li img { display: none; } @media ( max-width : 767px) { .roadSupportM .callSec ul li img { display: inline-block !important; vertical-align: middle; } } @media ( max-width : 369px) { .roadSupportM .callSec ul li img { width: 25px; } } .roadSupportM .callSec ul li i { font-size: 28px; line-height: 28px; transform: rotate(90deg); } .roadSupportM .callSec ul li:last-child { border-right: none; } .corporateSalesM .insuranceContent .tab_mainheading p strong { font-weight: bold; } @media ( max-width : 767px) { .corporateSalesM .insuranceContent .tab_mainheading p { padding: 0px; } } .insuranceBox1 { width: 100%; height: 100%; float: left; box-shadow: 0 0 20px #dfdfdf; position: relative; } .insuranceBox1 figure { margin: 0; padding: 0; } @media ( max-width : 992px) { .insuranceBox1 figure img { width: 100%; } } .insuranceBox1 h4 { font-size: 1.125rem; font-weight: 400; margin-bottom: 15px; line-height: 1.375rem; } .insuranceBox1 p { font-size: 1rem; line-height: 1.375rem; font-weight: 400; } @media ( max-width : 1200px) { .insuranceBox1 p { font-size: 0.875rem; line-height: 1.125rem; } } .insuranceBox1 .insContSec { width: 100%; float: left; padding: 32px; } @media ( max-width : 1200px) { .insuranceBox1 .insContSec { padding: 25px; } } @media ( max-width : 767px) { .insuranceBox1 .insContSec { padding: 15px; } } .col-lg-8 .insuranceBox1 figure { width: 48%; float: left; } .col-lg-8 .insuranceBox1 figure img { width: 100%; } @media ( max-width : 1200px) { .col-lg-8 .insuranceBox1 figure { width: 50%; } } @media ( max-width : 992px) { .col-lg-8 .insuranceBox1 figure { width: 100%; } } .col-lg-8 .insuranceBox1 .insContSec { width: 52%; float: left; } @media ( max-width : 1200px) { .col-lg-8 .insuranceBox1 .insContSec { width: 50%; } } @media ( max-width : 992px) { .col-lg-8 .insuranceBox1 .insContSec { width: 100%; } } .boxContainer { width: 100%; float: left; } .boxContainer:last-child { margin-bottom: 50px; } @media ( max-width : 1200px) { .boxContainer:last-child { margin-bottom: 10px; } } @media ( max-width : 767px) { .boxContainer:last-child { margin-bottom: 0; } } @media ( max-width : 1200px) { .boxContainer .col-lg-4 { margin-bottom: 30px; } } @media ( max-width : 992px) { .boxContainer .col-lg-8 { margin-bottom: 30px; } } .mb25 { margin-bottom: 25px; } @media ( max-width : 992px) { .mb25 { margin-bottom: 0px; } } .advantagesInsurance { float: left; width: 100%; } .advantagesInsurance .tab_mainheading { margin-bottom: 30px; margin-top: 0px; } @media ( max-width : 767px) { .advantagesInsurance .tab_mainheading { margin-top: 0; margin-bottom: 25px; } } .pb50 { padding-bottom: 50px; } .mb50 { margin-bottom: 50px; } .noPadding { padding: 0; } .noMargin { margin: 0; } .genuineAcrsM { width: 100%; float: left; } .genuineAcrsM .tab_mainheading { margin: 50px 0; } @media ( max-width : 992px) { .genuineAcrsM .tab_mainheading { margin: 40px 0; } } @media ( max-width : 767px) { .genuineAcrsM .tab_mainheading { margin: 30px 0 20px; } } .genuineAcrsM .tab_mainheading h3 { text-align: left; margin-bottom: 20px; } @media ( max-width : 767px) { .genuineAcrsM .tab_mainheading h3 { margin-bottom: 15px; font-size: 1.3125rem; } } .genuineAcrsM .tab_mainheading p { text-align: left; margin-bottom: 0px; font-weight: 400; } @media ( max-width : 767px) { .genuineAcrsM .tab_mainheading p { font-size: 0.875rem; } } @media ( max-width : 1200px) { .genuineAcrsBoxSec.mb50 { margin-bottom: 30px; } .genuineAcrsBoxSec.pb50 { padding-bottom: 30px; } .genuineAcrsM.mb50 { margin-bottom: 30px; } } @media ( max-width : 767px) { .genuineAcrsBoxSec.mb50 { margin-bottom: 0; } } .genuineAcrsBoxSec { width: 100%; float: left; border-bottom: 1px solid #b5b5b5; } @media ( max-width : 767px) { .genuineAcrsBoxSec { border-bottom: none; } } .genuineAcrsBoxSec .genuineAcrsBoxRpt { width: 100%; height: 100%; padding: 0 4px 4px 0; float: left; display: table; } @media ( max-width : 767px) { .genuineAcrsBoxSec .genuineAcrsBoxRpt { padding: 0 1px 1px 0; } } .genuineAcrsBoxSec .genuineAcrsBoxRpt .textBlackBgSec { width: 100%; height: 100%; padding: 0 35px; background-color: rgba(0, 0, 0, 0.9); color: #FFFFFF; position: absolute; transition: all 0.4s; opacity: 0; display: table; top: 0; left: 0; } @media ( max-width : 767px) { .genuineAcrsBoxSec .genuineAcrsBoxRpt .textBlackBgSec { padding: 0 15px; } } .genuineAcrsBoxSec .genuineAcrsBoxRpt .textBlackBgSec h4 { font-size: 1.125rem; line-height: 1.5rem; position: relative; padding-bottom: 20px; font-weight: 400; display: inline-block; } @media ( max-width : 767px) { .genuineAcrsBoxSec .genuineAcrsBoxRpt .textBlackBgSec h4 { font-size: 1rem; line-height: 1.125rem; padding: 0; margin: 0; } } .genuineAcrsBoxSec .genuineAcrsBoxRpt .textBlackBgSec h4:after { border-bottom: 1px solid #fff; content: ''; position: absolute; bottom: 0; width: 100%; left: 0; right: 0; margin: 0 auto; } @media ( max-width : 767px) { .genuineAcrsBoxSec .genuineAcrsBoxRpt .textBlackBgSec h4:after { display: none; } } .genuineAcrsBoxSec .genuineAcrsBoxRpt .textBlackBgSec p { font-size: 1rem; line-height: 1.375rem; color: #FFFFFF; } @media ( max-width : 767px) { .genuineAcrsBoxSec .genuineAcrsBoxRpt .textBlackBgSec p { display: none; } } .genuineAcrsBoxSec .genuineAcrsBoxRpt:hover .textBlackBgSec { z-index: 10; opacity: 1; } .genuineAcrsBoxSec .genuineAcrsBoxRpt .seatSec { width: 100%; float: left; background: #eeeeee; border: 1px solid #c2c2c2; padding: 50px 40px; } @media ( max-width : 992px) { .genuineAcrsBoxSec .genuineAcrsBoxRpt .seatSec { padding: 30px; } } @media ( max-width : 767px) { .genuineAcrsBoxSec .genuineAcrsBoxRpt .seatSec { padding: 20px; } } .genuineAcrsBoxSec .genuineAcrsBoxRpt .expandIcon { background-color: #262626; display: block; position: absolute; right: 0; top: 0; padding: 10px; z-index: 10; } .genuineAcrsBoxSec .genuineAcrsBoxRpt .expandIcon img { opacity: 0.5; transition: all 0.8s; } .genuineAcrsBoxSec .genuineAcrsBoxRpt .expandIcon:hover img { opacity: 1; } .genuineAcrsBoxSec .accessoriesImgPd>img { height: auto; } .accessoriesImgPd { width: 100%; height: 100%; float: left; position: relative; } .tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .gaSuzukiConnect { width: 100%; margin-bottom: 50px; float: left; width: 100%; float: left; } @media ( max-width : 992px) { .gaSuzukiConnect { margin-bottom: 40px; } } @media ( max-width : 767px) { .gaSuzukiConnect { margin-bottom: 30px; } } @media ( max-width : 767px) { .gaSuzukiConnect .commonBlackBtn { display: none; } } .gaSuzukiConnect .tab_mainheading { margin: 0 0 30px; } @media ( max-width : 1200px) { .gaSuzukiConnect .tab_mainheading { margin: 0 0 10px; } } .gaSuzukiConnect .tab_mainheading h3.center { text-align: center; } .gaSuzukiConnect p { font-weight: 400; } @media ( max-width : 1200px) { .gaSuzukiConnect p { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 15px; } } @media ( max-width : 767px) { .gaSuzukiConnect p { font-size: 0.875rem; line-height: 1.125rem; } } .gaSuzukiConnect h4 { font-size: 1.125rem; font-weight: normal; line-height: 1.25rem; } @media ( max-width : 1200px) { .gaSuzukiConnect h4 { font-size: 1rem; margin-bottom: 15px; } } @media ( max-width : 767px) { .gaSuzukiConnect h4 { font-size: 1rem; margin-bottom: 15px; line-height: 1.375rem; } } .gaSuzukiConnect .boxSuzukiImg { width: 100%; border: 1px solid #dedede; overflow: hidden; position: relative; } @media ( max-width : 992px) { .gaSuzukiConnect .boxSuzukiImg { margin: 30px 0 0; } } @media ( max-width : 767px) { .gaSuzukiConnect .boxSuzukiImg { margin: 0px 0 0; } } .gaSuzukiConnect .boxSuzukiImg img { transform: scale(1); -webkit-transform: scale(1); transition-duration: 1s; transition-duration: 1s; width: 100%; } .gaSuzukiConnect .boxSuzukiImg img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: 1s; transition-duration: 1s; } .carListingMain { width: 100%; float: left; margin: 50px 0; } @media ( max-width : 1200px) { .carListingMain { margin: 40px 0; } } @media ( max-width : 767px) { .carListingMain { padding: 0 15px; margin: 30px 0; } .carListingMain .carMainHeading .container { padding: 0; } } .carListingMain .tab_mainheading { margin: 0 0 40px; } @media ( max-width : 767px) { .carListingMain .tab_mainheading { margin: 0 0 30px; } } .carListingMain .tab_mainheading h3 { margin: 0 0 20px; } @media ( max-width : 767px) { .carListingMain .tab_mainheading h3 { margin: 0 0 15px; } } .carListingMain .tab_mainheading p { margin: 0px; } .carListingMain .carBannerRpt { width: 100%; min-height: 304px; background: url(../images/car_listing/car_listing_bg.jpg) no-repeat left top/100%; position: relative; margin-bottom: 50px; } .carListingMain .carBannerRpt:last-child { margin-bottom: 0px; } @media ( max-width : 992px) { .carListingMain .carBannerRpt { min-height: inherit; margin-bottom: 25px; } } @media ( max-width : 767px) { .carListingMain .carBannerRpt { background-size: auto 150px; box-shadow: 0px 0px 7px 2px #e0e0e0; padding-bottom: 20px; margin-bottom: 30px; } } .carListingMain .carBannerRpt .row { position: relative; } .carListingMain .carBannerRpt .row:before { content: ''; border-bottom: 1px solid #b4b4b4; position: absolute; bottom: 0; width: 100%; } @media ( max-width : 1200px) { .carListingMain .carBannerRpt .row:before { display: none; } } .carListingMain .carBannerRpt .carSecL { min-height: 470px; } @media ( max-width : 1200px) { .carListingMain .carBannerRpt .carSecL { min-height: inherit; } } .carListingMain .carBannerRpt .carInfo { text-align: right; padding-top: 70px; } @media ( max-width : 1200px) { .carListingMain .carBannerRpt .carInfo { padding-top: 30px; } } @media ( max-width : 992px) { .carListingMain .carBannerRpt .carInfo { text-align: left; padding-top: 25px; } } @media ( max-width : 767px) { .carListingMain .carBannerRpt .carInfo { text-align: left; padding-top: 15px; } } .carListingMain .carBannerRpt .carInfo h4 { margin-bottom: 20px; display: block; } @media ( max-width : 992px) { .carListingMain .carBannerRpt .carInfo h4 { width: 60%; } .carListingMain .carBannerRpt .carInfo h4 i { display: table-cell; vertical-align: middle; } } .carListingMain .carBannerRpt .carInfo h4 img { display: inline-block; } @media ( max-width : 767px) { .carListingMain .carBannerRpt .carInfo h4 img { width: 80%; } } @media ( max-width : 992px) { .carListingMain .carBannerRpt .carInfo h4 { float: left; margin-bottom: 0; } } .carListingMain .carBannerRpt .carInfo p { font-size: 0.9375rem; line-height: 1.25rem; font-weight: 400; } @media ( max-width : 767px) { .carListingMain .carBannerRpt .carInfo p { font-size: 0.875rem; line-height: 1.125rem; } } .carListingMain h5.exShowRoomPrice { font-weight: 500; font-size: 1.4375rem; line-height: 20px; color: #000000; } @media ( max-width : 992px) { .carListingMain h5.exShowRoomPrice { float: right; margin-bottom: 0; text-align: right; } } @media ( max-width : 767px) { .carListingMain h5.exShowRoomPrice { font-size: 1.125rem; } } .carListingMain h5.exShowRoomPrice span { display: block; font-size: 0.9375rem; color: #262626; } @media ( max-width : 767px) { .carListingMain h5.exShowRoomPrice span { font-size: 0.75rem; } } .carListingMain .carDescription { width: 100%; float: left; padding-bottom: 20px; } @media ( max-width : 992px) { .carListingMain .carDescription { padding-top: 20px; } } .carScross { padding-top: 115px; } @media ( max-width : 1200px) { .carScross { padding-top: 50px; } } @media ( max-width : 767px) { .carScross { padding-top: 30px; } } .carNewCiaz { padding-top: 130px; } @media ( max-width : 1200px) { .carNewCiaz { padding-top: 50px; } } @media ( max-width : 767px) { .carNewCiaz { padding-top: 30px; } } .carBalenoRs { padding-top: 100px; } @media ( max-width : 1200px) { .carBalenoRs { padding-top: 50px; } } @media ( max-width : 767px) { .carBalenoRs { padding-top: 30px; } } .padRight10 { padding-right: 10px; } @media ( max-width : 1200px) { .padRight10 { padding-right: 5px; } } .padTop10 { padding-top: 10px; } .commonBlackBtn { width: 100%; float: left; } .commonBlackBtn ul { padding: 0; margin: 0; } .commonBlackBtn li { list-style: none; display: inline-block; } .commonBlackBtn li a { text-decoration: none; font-weight: 400; font-size: 0.9375rem; color: #FFFFFF; padding: 10px 13px; background: #000000; border: 1px solid #000000; text-transform: uppercase; display: block; transition-duration: 1s; -webkit-transition-duration: 1s; border: 1px solid #000000; } @media ( max-width : 767px) { .commonBlackBtn li a { padding: 10px; } } @media ( max-width : 369px) { .commonBlackBtn li a { font-size: 0.8125rem; } } .commonBlackBtn li a:hover { color: #000000; background: inherit; transition-duration: 1s; } .tab_mainheading.alignLeft h3 { text-align: left; } .tab_mainheading.alignLeft p { text-align: left; } .breadCrumbSec { width: 100%; float: left; padding: 8px 15px; border-bottom: 1px solid #e1e1e1; box-shadow: inset 0px 3px 10px #e1e1e1; } @media ( max-width : 767px) { .breadCrumbSec { display: none; } } .breadCrumbSec .breadcrumb-item+.breadcrumb-item::before { content: '\003E'; color: #bbbbbb; } .breadCrumbSec .breadcrumb { background-color: inherit; padding: 0; margin-bottom: 0; } .breadCrumbSec .breadcrumb-item { font-size: 12px; font-weight: 500; } .breadCrumbSec .breadcrumb-item.active { color: #000; } .breadCrumbSec .breadcrumb-item a { color: #bbbbbb; transition-duration: 1s; -webkit-transition-duration: 1s; } .breadCrumbSec .breadcrumb-item a:hover { color: #000000; text-decoration: none; transition-duration: 1s; -webkit-transition-duration: 1s; } .fancybox-title-float-wrap { margin-bottom: 0; text-align: left; position: static; } .fancybox-title-float-wrap .child { font-size: 1rem; line-height: 1.25rem; border-radius: 0; background-color: inherit; text-shadow: none; color: #000000; font-weight: normal; padding: 20px 0 0 0; margin-bottom: -25px; display: block; white-space: inherit; float: left; width: 100%; } .fancybox-title-float-wrap .child label { display: block; font-size: 1.125rem; font-weight: 500; padding: 0; margin: 0; text-transform: uppercase; } @media ( max-width : 767px) { .fancybox-title-float-wrap .child label { font-size: 1rem; } } @media ( max-width : 767px) { .fancybox-title-float-wrap .child { padding: 10px 0 0 0; margin-bottom: 0; font-size: 0.875rem; line-height: 1.125rem; } } .fancybox-close { position: absolute; top: 2px; right: 2px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } @media ( max-width : 767px) { .fancybox-close { top: 10px; right: 10px; background-color: rgba(255, 255, 255, 0.7); } } .fancybox-nav span { transition: all 0.4s; visibility: visible; } .fancybox-nav:hover span { visibility: visible; opacity: 0.7; } .fancybox-next span { background-position: 0 -70px; } .fancybox-prev span { left: 10px; background-position: 0 -35px; } .fancybox-prev { left: -55px; } @media ( max-width : 767px) { .fancybox-prev { left: -15px; } } .fancybox-next { right: -45px; } @media ( max-width : 767px) { .fancybox-next { right: -15px; } } .fancybox-opened .fancybox-title { visibility: visible; font-family: inherit; } .fancybox-skin { padding: 50px !important; float: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } @media ( max-width : 767px) { .fancybox-skin { padding: 10px !important; } } @media ( max-width : 480px) { .fancybox-skin { width: 100% !important; } } @media ( max-width : 480px) { .fancybox-inner { width: 100% !important; height: auto !important; } } @media ( max-width : 480px) { .fancybox-wrap { left: 0 !important; right: 0 !important; width: 100% !important; } } .fullContent { float: left; width: 100%; padding-bottom: 50px; } .fullContent .tab_mainheading { margin: 0px 0; } @media ( max-width : 767px) { .fullContent .tab_mainheading { margin: 30px 0px 0px 0px; } } .fullContent .tab_mainheading h3 { text-align: left; font-size: 1.5rem; } @media ( max-width : 767px) { .fullContent .tab_mainheading h3 { font-size: 1.125rem; } } .fullContent .tab_mainheading p { text-align: left; font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 20px; display: inline-block; } .testdriveform { float: left; width: 100%; } .testdriveform .brandpage_ebookform { float: left; width: 100%; padding: 40px 0 20px; } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform { padding: 0px 0 0; } } .testdriveform .brandpage_ebookform .form-group { padding: 0 30px; margin: 0 0 30px; } @media ( max-width : 1200px) { .testdriveform .brandpage_ebookform .form-group { padding: 0px 15px; } } @media ( max-width : 992px) { .testdriveform .brandpage_ebookform .form-group { padding: 0px; } } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group { margin: 0 0 20px; } } .testdriveform .brandpage_ebookform .form-group.form-check { margin: 15px 0 0; } @media ( max-width : 992px) { .testdriveform .brandpage_ebookform .form-group.form-check { margin: 10px 0 0; } } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group.form-check { margin: 0 0 20px 0; } } .testdriveform .brandpage_ebookform .form-group select { border: 0px; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 0.9375rem; color: #000000; padding: 0px; box-shadow: 0 0 0; background: url(../images/down-arrow.png) no-repeat 99% center; } .testdriveform .brandpage_ebookform .form-group select::-webkit-input-placeholder { color: #000000; } .testdriveform .brandpage_ebookform .form-group select:-moz-placeholder { /* Firefox 18- */ color: #000000; } .testdriveform .brandpage_ebookform .form-group select::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .testdriveform .brandpage_ebookform .form-group select:-ms-input-placeholder { color: #000000; } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group select { font-size: 0.875rem; } } .testdriveform .brandpage_ebookform .form-group .inputfield { border: 0px; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 0.9375rem; color: #000000; padding: 0px; box-shadow: 0 0 0; } .testdriveform .brandpage_ebookform .form-group .inputfield::-webkit-input-placeholder { color: #000000; } .testdriveform .brandpage_ebookform .form-group .inputfield:-moz-placeholder { /* Firefox 18- */ color: #000000; } .testdriveform .brandpage_ebookform .form-group .inputfield::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .testdriveform .brandpage_ebookform .form-group .inputfield:-ms-input-placeholder { color: #000000; } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group .inputfield { font-size: 1rem; } } .testdriveform .brandpage_ebookform .form-group #disclaimer1 { height: auto; margin: 3px 0 0; } .testdriveform .brandpage_ebookform .form-group .ebook_disclaimer { font-size: 0.75rem; color: #000000; padding: 0 0 0 20px; font-weight: 500; } @media ( max-width : 992px) { .testdriveform .brandpage_ebookform .form-group .ebook_disclaimer { font-size: 0.625rem; line-height: 0.75rem; } } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group .ebook_disclaimer { font-size: 0.8125rem; line-height: 1.125rem; } } .testdriveform .brandpage_ebookform .form-group .ebook_submit { font-size: 0.9375rem; color: #FFFFFF; background: #000000; height: 40px; padding: 10px 13px; cursor: pointer; border: 1px solid #000000; text-transform: uppercase; transition-duration: 1s; -webkit-transition-duration: 1s; float: right; } @media ( max-width : 767px) { .testdriveform .brandpage_ebookform .form-group .ebook_submit { display: block; margin: 0 auto; float: none; } } .testdriveform .brandpage_ebookform .form-group .ebook_submit:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .testdriveform .formthankyou { float: left; width: 100%; text-align: center; display: none; padding-top: 100px; padding-bottom: 100px; } .testdriveform .formthankyou .formthankyouImg { float: left; width: 100%; text-align: center; } .testdriveform .formthankyou .formthankyouImg img { margin: auto; } .testdriveform .formthankyou .formthankyouImg h3 { font-size: 1.5625rem; font-weight: 500; margin: 30px 0px 10px 0px; } .testdriveform .formthankyou .formthankyouImg p { font-size: 1rem; font-weight: 400; } @media ( max-width : 767px) { .testdriveform .formthankyou .formthankyouImg p { font-size: 0.75rem; line-height: 1.125rem; } } .testdriveform .formthankyou .formthankyouImg p span { font-weight: 500; } .testdriveform .ebookform1 { display: block; } .testdriveform .ebookform2 { padding-left: 30px; padding-right: 30px; display: none; } @media ( max-width : 1200px) { .testdriveform .ebookform2 { padding-left: 15px; padding-right: 15px; } } @media ( max-width : 992px) { .testdriveform .ebookform2 { padding-left: 0px; padding-right: 0px; } } .testdriveform .ebookform2 .form-group { padding: 0px; } .testdriveform .ebookform3 { display: none; } .testdriveform .ebookform4 { display: none; } .form-control:focus { box-shadow: 0 0 0; } .bookShowroomMain { float: left; width: 100%; padding: 50px 0; } @media ( max-width : 1200px) { .bookShowroomMain { padding: 40px 0; } } @media ( max-width : 767px) { .bookShowroomMain { padding: 30px 0; } } .bookShowroomMain h3.formTitle { font-size: 1rem; font-weight: 400; padding-left: 30px; margin-bottom: 0px; position: relative; } @media ( max-width : 1200px) { .bookShowroomMain h3.formTitle { padding-left: 0px; } } @media ( max-width : 767px) { .bookShowroomMain h3.formTitle { line-height: normal; } } .bookShowroomMain h3.formTitle.active { padding-left: 70px; } @media ( max-width : 1200px) { .bookShowroomMain h3.formTitle.active { padding-left: 40px; } } .bookShowroomMain h3.formTitle.active:before { background: url(../images/book_showroom/right.png) center center no-repeat; width: 28px; height: 28px; left: 30px; top: -6px; position: absolute; content: ""; } @media ( max-width : 1200px) { .bookShowroomMain h3.formTitle.active:before { left: 0px; } } .bookShowroomMain p { float: left; width: 100%; font-size: 1rem; font-weight: 400; } @media ( max-width : 767px) { .bookShowroomMain p { font-size: 0.875rem; line-height: 1.25rem; } } .bookShowroomMain .bookShowform { width: 100%; padding: 0px 50px; float: left; } @media ( max-width : 1200px) { .bookShowroomMain .bookShowform { padding: 0px; } } @media ( max-width : 767px) { .bookShowroomMain .bookShowform .engineMain { margin: 15px 0; } } .bookShowroomMain .bookShowform .engineMain .testdriveform .brandpage_ebookform { padding-top: 20px; } @media ( max-width : 767px) { .bookShowroomMain .bookShowform .engineMain .testdriveform .brandpage_ebookform { padding-top: 0px; } } @media ( max-width : 992px) { .bookShowroomMain .bookShowform .engineMain .testdriveform .brandpage_ebookform .form-group .inputfield { font-size: 13px; } } @media ( max-width : 767px) { .bookShowroomMain .bookShowform .engineMain .testdriveform .brandpage_ebookform .form-group .inputfield { font-size: 16px; } } @media ( max-width : 992px) { .bookShowroomMain .bookShowform .engineMain .testdriveform .brandpage_ebookform .form-group select { font-size: 13px; } } @media ( max-width : 767px) { .bookShowroomMain .bookShowform .engineMain .testdriveform .brandpage_ebookform .form-group select { font-size: 16px; } } .bookShowroomMain .bookShowform .engineMain .testdriveform .brandpage_ebookform #disclaimer1 { margin-top: 1px; } .bookShowroomMain .bookShowform .engineMain .testdriveform .brandpage_ebookform .ebook_disclaimer { line-height: 1.0625rem; } .bookShowroomMain .bookShowform .engineMain .testdriveform .ebookform3 { padding-left: 30px; padding-right: 30px; } @media ( max-width : 1200px) { .bookShowroomMain .bookShowform .engineMain .testdriveform .ebookform3 { padding-left: 15px; padding-right: 15px; } } @media ( max-width : 992px) { .bookShowroomMain .bookShowform .engineMain .testdriveform .ebookform3 { padding-left: 0px; padding-right: 0px; } } .bookShowroomMain .bookShowform .engineMain .testdriveform .ebookform3 .form-group { padding: 0px; } .bookShowroomMain .bookShowform .engineMain .testdriveform .ebookform3 .form-group a.skipTxt { font-size: 12px; font-weight: bold; color: #000; position: absolute; left: 80px; top: 50%; margin-top: -7px; text-decoration: underline; } @media ( max-width : 992px) { .bookShowroomMain .bookShowform .engineMain .testdriveform .ebookform3 .form-group a.skipTxt { left: 20px; } } @media ( max-width : 767px) { .bookShowroomMain .bookShowform .engineMain .testdriveform .ebookform3 .form-group a.skipTxt { display: none; } } .bookShowroomMain .bookShowform .engineMain .testdriveform .ebookform3 .form-group a:hover { text-decoration: none; } .bookShowroomMain .formthankyou { padding: 50px 0; border-top: 0px; } @media ( max-width : 1200px) { .bookShowroomMain .formthankyou { padding: 40px 0; } } @media ( max-width : 767px) { .bookShowroomMain .formthankyou { padding: 30px 0; } } .bookShowroomMain .formthankyou .formthankyouImg img { width: 55px; display: inline-block; vertical-align: top; } .bookShowroomMain .formthankyou .formthankyouImg .thankyouTxt { width: 50%; padding-left: 25px; display: inline-block; vertical-align: top; } @media ( max-width : 992px) { .bookShowroomMain .formthankyou .formthankyouImg .thankyouTxt { width: 70%; } } @media ( max-width : 767px) { .bookShowroomMain .formthankyou .formthankyouImg .thankyouTxt { padding-left: 20px; } } .bookShowroomMain .formthankyou .formthankyouImg .thankyouTxt h3 { font-weight: bold; text-transform: uppercase; margin: 0px; text-align: left; padding-left: 0px; padding-bottom: 5px; } .bookShowroomMain .formthankyou .formthankyouImg .thankyouTxt p { text-align: left; line-height: normal; } .marutiSuzukiMain { width: 100%; float: left; padding-top: 50px; padding-bottom: 50px; } .marutiSuzukiMain p strong { font-weight: 500; } .marutiSuzukiMain a { float: left; text-decoration: none; font-weight: 400; font-size: 0.9375rem; color: #FFFFFF; padding: 10px 13px; background: #000000; border: 1px solid #000000; text-transform: uppercase; display: block; transition-duration: 1s; -webkit-transition-duration: 1s; border: 1px solid #000000; } .marutiSuzukiMain a:hover { color: #000000; background: inherit; transition-duration: 1s; } .mb70 { margin-bottom: 70px; } .myTabContentM { float: left; width: 100%; } .wrntyLogoSec { float: left; width: 100%; } .extndWrntySec { width: 100%; float: left; } .wrntyLogoSec { width: 100%; min-height: 54px; float: left; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; clear: both; } @media ( max-width : 992px) { .wrntyLogoSec { overflow-x: scroll; } } .wrntyLogoSec ul { list-style: none; padding: 0; margin: 0; } @media ( max-width : 992px) { .wrntyLogoSec ul { width: 800px; } } .wrntyLogoSec li { list-style: none; width: 20%; float: left; } .wrntyLogoSec li a i { display: block; width: 100%; height: 54px; transition: all 0.4s; } .tab_mainheading { margin: 50px 0; } @media ( max-width : 1200px) { .tab_mainheading { margin: 40px 0; } } @media ( max-width : 767px) { .tab_mainheading { margin: 30px 0; } } .tab_mainheading p { text-align: left; font-weight: 400; margin: 0; } .wrntyAdvntgSec .headingSec.tab_mainheading { margin: 0; } .wrntyAdvntgSec .headingSec.tab_mainheading h3 { font-weight: 500; margin-bottom: 60px; } @media ( max-width : 992px) { .wrntyAdvntgSec .headingSec.tab_mainheading h3 { margin-bottom: 25px; } } .wrntyAdvntgSec { width: 100%; float: left; } @media ( max-width : 992px) { .wrntyAdvntgSec.mb50 { margin-bottom: 0; } } .wrntyAdvntgSubSec { flex: 0 0 100%; max-width: 100%; width: 100%; float: left; } @media ( max-width : 767px) { .wrntyAdvntgSubSec { overflow-x: scroll; padding: 25px 0 10px; margin-bottom: 25px; } } .wrntyAdvntgSubSec ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin-bottom: 0; margin-right: -10px; margin-left: -10px; } @media ( max-width : 767px) { .wrntyAdvntgSubSec ul { width: 1020px; } } .wrntyAdvntgSubSec li { position: relative; min-height: 1px; -webkit-box-flex: 0; padding-right: 10px; padding-left: 10px; -ms-flex: 0 0 16.66%; flex: 0 0 16.66%; max-width: 16.66%; } @media ( max-width : 992px) { .wrntyAdvntgSubSec li { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; margin: 20px 0 30px; } } @media ( max-width : 767px) { .wrntyAdvntgSubSec li { -ms-flex: 0 0 170px; flex: 0 0 170px; max-width: 170px; margin-bottom: 0; } } .wrntyAdvntgSubSec li:last-child { margin-right: 0; } @media ( max-width : 767px) { .wrntyAdvntgSubSec li:last-child { padding-right: 0; } } .wrntyAdvntgSubSec li .wrntyAdvntgRptSec { height: 100%; display: table; width: 100%; background-color: #faf8f8; border: 1px solid #dadada; padding: 50px 20px 40px; vertical-align: middle; } @media ( max-width : 1200px) { .wrntyAdvntgSubSec li .wrntyAdvntgRptSec { padding: 50px 15px 20px; } } @media ( max-width : 767px) { .wrntyAdvntgSubSec li .wrntyAdvntgRptSec { padding: 40px 15px 10px; } } .wrntyAdvntgSubSec li .wrntyAdvntgRptSec p { font-size: 1rem; line-height: 1.25rem; display: table-cell; vertical-align: middle; font-weight: 400; } @media ( max-width : 1200px) { .wrntyAdvntgSubSec li .wrntyAdvntgRptSec p { font-size: 0.875rem; line-height: 1.125rem; } } @media ( max-width : 767px) { .wrntyAdvntgSubSec li .wrntyAdvntgRptSec p { font-size: 0.875rem; line-height: 1rem; } } .wrntyAdvntgSubSec li .wrntyAdvntgRptSec p strong { font-weight: 500; } .wrntyAdvntgSubSec li .wrntyAdvntgRptSec i { width: 58px; height: 58px; position: absolute; background: #000; border-radius: 100%; left: 0; right: 0; margin: auto; top: -29px; text-align: center; } .wrntyAdvntgSubSec li .wrntyAdvntgRptSec i small { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); } .wrntyAdvntgSubSec li .wrntyAdvntgRptSec i img { max-width: inherit; } .wrntyLogoSec li a.nav-link { padding: 0; margin: 0; border: none; } .wrntyLogoSec li a i { position: relative; } .wrntyLogoSec li a i:after { content: ''; height: 20px; width: 1px; position: absolute; right: -1px; border-right: 1px solid #c0c0c0; z-index: 10; top: 0; bottom: 0; margin: auto; } .wrntyLogoSec li a i.scrossLogo { background: url(../images/extended_warranty/scross_logo.png) no-repeat center 19px; } .wrntyLogoSec li a:hover i.scrossLogo { background-position: center -61px; background-color: #000000; } .wrntyLogoSec li a:hover i.newCiazLogo { background-position: center -68px; background-color: #000000; } .wrntyLogoSec li a:hover i.balenoRsLogo { background-position: center -60px; background-color: #000000; } .wrntyLogoSec li a:hover i.balenoLogo { background-position: center -62px; background-color: #000000; } .wrntyLogoSec li a:hover i.ignisLogo { background-position: center -62px; background-color: #000000; } .wrntyLogoSec li a i.newCiazLogo { background: url(../images/extended_warranty/new_ciaz_logo.png) no-repeat center 12px; position: relative; } .wrntyLogoSec li a i.balenoRsLogo { background: url(../images/extended_warranty/baleno_rs_logo.png) no-repeat center 20px; position: relative; } .wrntyLogoSec li a i.balenoLogo { background: url(../images/extended_warranty/baleno_logo.png) no-repeat center 18px; position: relative; } .wrntyLogoSec li a i.ignisLogo { background: url(../images/extended_warranty/ignis_logo.png) no-repeat center 18px; position: relative; } .wrntyLogoSec li:last-child a i.scrossLogo:after { display: none; } .wrntyLogoSec li a.nav-link.active i.scrossLogo { background-position: center -61px; background-color: #000000; } .wrntyLogoSec li a.nav-link.active i.newCiazLogo { background-position: center -68px; background-color: #000000; } .wrntyLogoSec li a.nav-link.active i.balenoRsLogo { background-position: center -60px; background-color: #000000; } .wrntyLogoSec li a.nav-link.active i.balenoLogo { background-position: center -62px; background-color: #000000; } .wrntyLogoSec li a.nav-link.active i.ignisLogo { background-position: center -62px; background-color: #000000; } @media ( max-width : 992px) { .wrntyLogoSec.mb50 { margin-bottom: 40px; } } @media ( max-width : 767px) { .wrntyLogoSec.mb50 { margin-bottom: 30px; } } .extendWrntyTabs { margin-bottom: 50px; } @media ( max-width : 767px) { .extendWrntyTabs .nav-item { width: 50%; } } @media ( max-width : 767px) { .extendWrntyTabs .nav-item .nav-link { vertical-align: middle; font-size: 0.8125rem; } } @media ( max-width : 767px) { .extendWrntyTabs .nav-item .nav-link.active { vertical-align: middle; } .extendWrntyTabs .nav-item .nav-link.active:after { display: none; } } @media ( max-width : 992px) { .extendWrntyTabs { margin-bottom: 30px; } } .extendWrntyTabs .tab-content { padding-bottom: 0; } @media ( max-width : 767px) { .extendWrntyTabs .tab-content { padding: 25px 0 0; } } .wrntyTableSec { width: 100%; float: left; } .extendTableComn { font-weight: 400; width: 100%; float: left; font-size: 1rem; } .extendTableComn table tr:first-child { background: #c9c9c9; } .extendTableComn table tr:first-child th:first-child { background-color: #c9c9c9; } .extendTableComn table tr:last-child td { border-bottom: none; } .extendTableComn table td { border-top: 1px solid #8c8c8c; border-right: 1px solid #8c8c8c; padding: 15px 25px; } @media ( max-width : 992px) { .extendTableComn table td { padding: 10px; } } .extendTableComn table td:first-child { border-left: none; } .extendTableComn table td:last-child { border-right: none; } @media ( max-width : 992px) { .extendTableComn { font-size: 0.875rem; } } @media ( max-width : 767px) { .extendTableComn { font-size: 0.8125rem; } } .tableNoteSec { width: 100%; float: left; background: #ededed; font-size: 1rem; padding: 15px; font-weight: 400; } @media ( max-width : 992px) { .tableNoteSec { font-size: 0.875rem; } } @media ( max-width : 767px) { .tableNoteSec { font-size: 0.8125rem; } } .table-scroll { position: relative; margin: auto; overflow: hidden; } @media ( max-width : 992px) { .table-scroll { max-width: 800px; } } .table-scroll table { width: 100%; margin: auto; border-collapse: separate; border-spacing: 0; } .table-scroll th { padding: 15px 25px; white-space: nowrap; vertical-align: middle; border-top: 1px solid #8c8c8c; border-right: 1px solid #8c8c8c; } @media ( max-width : 992px) { .table-scroll th { padding: 10px; } } .table-scroll td { white-space: nowrap; vertical-align: top; } .table-wrap { width: 100%; overflow: auto; } .clone { position: absolute; top: 0; left: 0; pointer-events: none; } .clone th { visibility: hidden; } .clone td { visibility: hidden; } .clone tbody th { visibility: visible; } .clone .fixed-side { visibility: visible; background-color: #fff; } .clone thead { background: transparent; } .clone tfoot { background: transparent; } .privacyPolicyMain { width: 100%; float: left; } .privacyPolicyMain.termsUseMain .tab_mainheading h3 { text-align: left; margin: 0 0 20px; } .privacyPolicyMain.termsUseMain .tab_mainheading p { text-align: left; } .privacyPolicyMain .tab_mainheading { margin: 50px 0; } @media ( max-width : 1200px) { .privacyPolicyMain .tab_mainheading { margin: 40px 0; } } @media ( max-width : 767px) { .privacyPolicyMain .tab_mainheading { margin: 30px 0; } } .privacyPolicyMain .tab_mainheading h3 { text-align: left; margin: 0px; } .privacyPolicyMain .tab_mainheading p { font-weight: 400; margin-bottom: 0; } .privacyAcrdSec { width: 100%; float: left; } @media ( max-width : 767px) { .privacyAcrdSec.mb50 { margin-bottom: 30px; } } @media ( max-width : 767px) { .privacyAcrdSec #accordion { border-top: 1px solid #b5b5b5; } } .privacyAcrdSec .btn { padding: 0; display: block; width: 100%; text-align: left; text-decoration: none; color: #000000; font-weight: 500; white-space: inherit; font-size: 1rem; position: relative; } @media ( max-width : 992px) { .privacyAcrdSec .btn { font-size: 0.875rem; line-height: 1.125rem; } } .privacyAcrdSec .btn i { float: right; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 30px; } .privacyAcrdSec .btn i:before { content: ''; display: none; } .privacyAcrdSec .btn i.fa-plus { display: none; background: url(../images/contact-us/plus-icon.png) no-repeat right center; background-size: 30px; } .privacyAcrdSec .btn i.fa-minus { background: url(../images/contact-us/minus-icon.png) no-repeat right center; background-size: 30px; } .privacyAcrdSec .btn span { display: inline-block; padding-right: 20px; } .privacyAcrdSec .btn.collapsed i.fa-plus { display: block; } .privacyAcrdSec .btn.collapsed i.fa-minus { display: none; } .privacyAcrdSec h5 { padding: 0; margin: 0; } .privacyAcrdSec .card { border-radius: 0; border: none; border-bottom: 1px solid #b5b5b5; padding: 25px 0; } .privacyAcrdSec .card:first-child { padding: 0 0 25px 0; } @media ( max-width : 767px) { .privacyAcrdSec .card:first-child { padding: 15px 0; } } @media ( max-width : 1200px) { .privacyAcrdSec .card { padding: 20px 0; } } @media ( max-width : 767px) { .privacyAcrdSec .card { padding: 15px 0; } } .privacyAcrdSec .card-header { padding: 0; margin: 0; background: none; border-radius: 0; border: none; } .privacyAcrdSec .card-body { padding: 0; } .privacyAcrdSec .privacyCollpsTxt p { font-size: 1rem; font-weight: 400; } @media ( max-width : 767px) { .privacyAcrdSec .privacyCollpsTxt p { font-size: 0.875rem; line-height: 1.25rem; } } .privacyAcrdSec .privacyCollpsTxt { padding-top: 10px; } .mediaboxes { margin: 50px 0; float: left; width: 100%; } @media ( max-width : 1200px) { .mediaboxes { margin: 40px 0; } } @media ( max-width : 767px) { .mediaboxes { margin: 0px; } } .mediaboxes h3 { color: #000000; text-transform: uppercase; font-weight: 500; font-size: 1.5rem; line-height: 1.625rem; margin-bottom: 15px; } @media ( max-width : 767px) { .mediaboxes h3 { display: none; } } .mediaboxes p { color: #000000; font-weight: 400; font-size: 1rem; line-height: 1.375rem; } @media ( max-width : 767px) { .mediaboxes p { display: none; } } .mediatabbox { float: left; width: 100%; } @media ( max-width : 767px) { .mediatabbox nav { overflow-x: scroll; margin: 0 -15px; } } .mediatabbox .nav-tabs { display: block; width: 99.99%; font-size: 0; float: left; border: 1px solid #c8c8c8; } @media ( max-width : 767px) { .mediatabbox .nav-tabs { width: 700px; } } .mediatabbox .nav-tabs .nav-link { width: 20%; padding: 20px 0; display: inline-block; float: left; color: #000000; font-size: 0.875rem; border: 0; border-radius: 0; font-weight: 500; position: relative; } @media ( max-width : 767px) { .mediatabbox .nav-tabs .nav-link { border-bottom: 2px solid transparent; } } .mediatabbox .nav-tabs .nav-link:last-child:after { display: none; } .mediatabbox .nav-tabs .nav-link:after { height: 20px; width: 2px; position: absolute; right: -1px; content: ''; display: block; background: #c8c8c8; top: 17px; } @media ( max-width : 767px) { .mediatabbox .nav-tabs .nav-link:after { display: none; } } .mediatabbox .nav-tabs .nav-link:hover { background: #000000; color: #FFFFFF; } .mediatabbox .nav-tabs .nav-link:hover:after { background: #FFFFFF; } @media ( max-width : 767px) { .mediatabbox .nav-tabs .nav-link:hover { background: #ebebeb; color: #000000; border-bottom-color: #000000; } } .mediatabbox .nav-tabs .nav-link.active { background: #000000; color: #FFFFFF; } .mediatabbox .nav-tabs .nav-link.active:after { background: #FFFFFF; } @media ( max-width : 767px) { .mediatabbox .nav-tabs .nav-link.active { background: #ebebeb; color: #000000; border-bottom-color: #000000; } } .mediatabbox .tab-content { float: left; width: 100%; } @media ( max-width : 767px) { .mediatabbox .tab-content { margin: 10px 0 0; } } .mediatabbox .tab-content .pressrelease_postbox { padding: 50px 0; display: none; border-bottom: 1px solid #000000; list-style: none; } @media ( max-width : 1200px) { .mediatabbox .tab-content .pressrelease_postbox { padding: 40px 0; } } @media ( max-width : 767px) { .mediatabbox .tab-content .pressrelease_postbox { padding: 15px 0; border-bottom: 0px; } } .mediatabbox .tab-content .pressrelease_postbox:last-child { border-bottom: 0; } .mediatabbox .tab-content .pressrelease_postbox .postdate h6 { font-weight: 500; color: #000000; margin: 0; padding: 20px 0; font-size: 3rem; } .mediatabbox .tab-content .pressrelease_postbox .postdate h6 span { display: block; text-transform: uppercase; font-size: 1rem; color: #777; } @media ( max-width : 767px) { .mediatabbox .tab-content .pressrelease_postbox .postdate h6 span { font-size: 0.875rem; } } @media ( max-width : 767px) { .mediatabbox .tab-content .pressrelease_postbox .postdate h6 { font-size: 2rem; padding: 0; } } .mediatabbox .tab-content .pressrelease_postbox .col-9 { padding: 0 10px 0 0; } .mediatabbox .tab-content .pressrelease_postbox .postcontent { padding: 0 0 0 15px; } @media ( max-width : 767px) { .mediatabbox .tab-content .pressrelease_postbox .postcontent { padding: 0; } } .mediatabbox .tab-content .pressrelease_postbox .postcontent h4 { text-transform: uppercase; font-size: 1.125rem; margin: 0 0 15px; color: #000000; font-weight: 500; } @media ( max-width : 767px) { .mediatabbox .tab-content .pressrelease_postbox .postcontent h4 { font-size: 1rem; } } .mediatabbox .tab-content .pressrelease_postbox .postcontent p { line-height: 1.25rem; font-size: 1rem; color: #000000; margin: 0 0 15px; } @media ( max-width : 767px) { .mediatabbox .tab-content .pressrelease_postbox .postcontent p { font-size: 0.875rem; height: 40px; overflow: hidden; } } .mediatabbox .tab-content .pressrelease_postbox .postcontent a { background: #000000; color: #FFFFFF; font-size: 0.9375rem; text-transform: uppercase; font-weight: 500; padding: 10px 13px; display: inline-block; border: 1px solid #000000; transition-duration: 1s; -webkit-transition-duration: 1s; text-decoration: none; } .mediatabbox .tab-content .pressrelease_postbox .postcontent a:hover { color: #000000; background: #FFFFFF; transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 767px) { .mediatabbox .tab-content .pressrelease_postbox .postcontent a { font-size: 0.875rem; } } .mediatabbox .owl-carousel.last_slider .owl-nav .owl-prev { background: url(../images/arrow1.png) no-repeat; width: 20px; height: 36px; background-position: 0 0px; position: absolute; left: 10px; top: 45%; outline: none; background-size: 100% 100%; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .mediatabbox .owl-carousel.last_slider .owl-nav .owl-prev span { display: none; } @media ( max-width : 1200px) { .mediatabbox .owl-carousel.last_slider .owl-nav .owl-prev { left: 0px; } } @media ( max-width : 767px) { .mediatabbox .owl-carousel.last_slider .owl-nav .owl-prev { display: none; } } .mediatabbox .owl-carousel.last_slider .owl-nav .owl-next { background: url(../images/arrow1.png) no-repeat; width: 20px; height: 36px; background-position: 0 0px; position: absolute; outline: none; right: 10px; top: 45%; background-size: 100% 100%; } .mediatabbox .owl-carousel.last_slider .owl-nav .owl-next span { display: none; } @media ( max-width : 1200px) { .mediatabbox .owl-carousel.last_slider .owl-nav .owl-next { right: 0px; } } @media ( max-width : 767px) { .mediatabbox .owl-carousel.last_slider .owl-nav .owl-next { display: none; } } .mediatabbox .owl-carousel .owl-nav .owl-prev { background: url(../images/fancybox_sprite.png) no-repeat; width: 25px; height: 36px; background-position: -8px -35px; position: absolute; left: 10px; top: 45%; outline: none; } .mediatabbox .owl-carousel .owl-nav .owl-prev span { display: none; } @media ( max-width : 1200px) { .mediatabbox .owl-carousel .owl-nav .owl-prev { left: 0px; } } @media ( max-width : 767px) { .mediatabbox .owl-carousel .owl-nav .owl-prev { display: none; } } .mediatabbox .owl-carousel .owl-nav .owl-next { background: url(../images/fancybox_sprite.png) no-repeat; width: 25px; height: 36px; background-position: -8px -70px; position: absolute; outline: none; right: 10px; top: 45%; } .mediatabbox .owl-carousel .owl-nav .owl-next span { display: none; } @media ( max-width : 1200px) { .mediatabbox .owl-carousel .owl-nav .owl-next { right: 0px; } } @media ( max-width : 767px) { .mediatabbox .owl-carousel .owl-nav .owl-next { display: none; } } .loadmore_btn { float: left; width: 100%; display: block; margin: -1px 0 50px; } @media ( max-width : 1200px) { .loadmore_btn { margin: -1px 0 40px; } } @media ( max-width : 767px) { .loadmore_btn { margin: 10px 0 20px; } } .loadmore_btn a { background: #000000; color: #FFFFFF; font-size: 0.9375rem; text-transform: uppercase; font-weight: 500; padding: 15px; display: block; text-align: center; border: 1px solid #000000; transition-duration: 1s; -webkit-transition-duration: 1s; text-decoration: none; } @media ( max-width : 767px) { .loadmore_btn a { font-size: 0.875rem; padding: 10px; } } .loadmore_btn a:hover { color: #000000; background: #FFFFFF; transition-duration: 1s; -webkit-transition-duration: 1s; } .photolibrarybox { float: left; width: 100%; margin: 50px 0 20px; } @media ( max-width : 1200px) { .photolibrarybox { margin: 40px 0 10px; } } @media ( max-width : 767px) { .photolibrarybox { margin: 20px 0 0px; } } .photolibrarybox .librarypostbox { float: left; width: 100%; margin: 0 0 30px; box-shadow: 0px 5px 20px #dfdfdf; } @media ( max-width : 767px) { .photolibrarybox .librarypostbox { margin: 0px 0 30px; box-shadow: none; } } .photolibrarybox .librarypostbox .photocarousel { float: left; width: 100%; } .photolibrarybox .librarypostbox .photocarousel h4 { display: none; } @media ( max-width : 767px) { .photolibrarybox .librarypostbox .photocarousel h4 { display: block; font-size: 1.125rem; font-weight: 500; } } .photolibrarybox .librarypostbox .photocontentbox { float: left; width: 100%; padding: 20px; border: 1px solid #dfdfdf; } @media ( max-width : 767px) { .photolibrarybox .librarypostbox .photocontentbox { display: none; } } .photolibrarybox .librarypostbox .photocontentbox .brandlogo { float: left; } .photolibrarybox .librarypostbox .photocontentbox .brandlogo .inrbrandlogo { height: 40px; display: table-cell; width: 140px; vertical-align: middle; } .photolibrarybox .librarypostbox .photocontentbox .viewallbtn { float: right; } .photolibrarybox .librarypostbox .photocontentbox .viewallbtn ul li { display: none; } .photolibrarybox .librarypostbox .photocontentbox .viewallbtn ul li:first-child { display: block; } .photolibrarybox .librarypostbox .photocontentbox .viewallbtn ul li a { background: #000000; color: #FFFFFF; font-size: 0.9375rem; text-transform: uppercase; font-weight: 500; padding: 10px 13px; display: inline-block; text-align: center; border: 1px solid #000000; transition-duration: 1s; -webkit-transition-duration: 1s; text-decoration: none; } .photolibrarybox .librarypostbox .photocontentbox .viewallbtn ul li a:hover { color: #000000; background: #FFFFFF; transition-duration: 1s; -webkit-transition-duration: 1s; } .videolibrarybox { float: left; width: 100%; margin: 50px 0 20px; } @media ( max-width : 1200px) { .videolibrarybox { margin: 40px 0 10px; } } @media ( max-width : 767px) { .videolibrarybox { margin: 20px 0 0; } } .videolibrarybox .librarypostbox { float: left; width: 100%; margin: 0 0 30px; box-shadow: 0px 5px 20px #dfdfdf; } @media ( max-width : 767px) { .videolibrarybox .librarypostbox { margin: 0px 0 30px; box-shadow: none; } } .videolibrarybox .librarypostbox .videobox { float: left; width: 100%; position: relative; } .videolibrarybox .librarypostbox .videocontentbox { float: left; width: 100%; padding: 20px; border: 1px solid #dfdfdf; } @media ( max-width : 767px) { .videolibrarybox .librarypostbox .videocontentbox { padding: 10px 0 0; border: 0px; } } .videolibrarybox .librarypostbox .videocontentbox p { font-size: 0.875rem; color: #000000; font-weight: 500; } @media ( max-width : 767px) { .videolibrarybox .librarypostbox .videocontentbox p { font-size: 1.125rem; } } .contactmedia { float: left; width: 100%; margin: 50px 0 0; } @media ( max-width : 1200px) { .contactmedia { margin: 40px 0 0; } } @media ( max-width : 767px) { .contactmedia { margin: 20px 0; border: 1px solid #e1e1e1; box-shadow: 0 0 50px #e1e1e1; } } .contactmedia .contactdetail { float: left; width: 100%; padding: 50px 0; text-align: center; border-right: 1px solid #e1e1e1; } @media ( max-width : 1200px) { .contactmedia .contactdetail { padding: 40px 0; } } .contactmedia .contactdetail.noborder { border-right: 0; } .contactmedia .contactdetail h3 { font-size: 1.125rem; text-transform: uppercase; color: #000000; font-weight: 500; margin: 0 0 10px; } .contactmedia .contactdetail p { font-size: 1rem; line-height: 1.25rem; color: #000000; font-weight: 400; margin: 0; } .contactmedia .contactdetail ul { display: block; margin: 5px 0 0; } .contactmedia .contactdetail ul li { display: inline-block; font-size: 1rem; line-height: 1rem; padding: 0 15px; border-right: 1px solid #000000; } .contactmedia .contactdetail ul li:last-child { border-right: 0; } .contactmedia .contactdetail a { font-size: 1rem; color: #000000; font-weight: 500; margin: 0; text-decoration: none; border-bottom: 1px solid transparent; } .contactmedia .contactdetail a:hover { border-bottom-color: #000000; } .contactmedia .mobcontactdetail { padding: 20px 0; } .contactmedia .mobcontactdetail h3 { font-size: 1.3125rem; line-height: 1.5rem; font-weight: 500; margin: 0 0 10px; } .contactmedia .mobcontactdetail h4 { font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; margin: 0 0 15px; } .contactmedia .mobcontactdetail p { font-size: 0.875rem; line-height: 1.375rem; font-weight: 400; padding: 0 0 5px 40px; } .contactmedia .mobcontactdetail p strong { font-weight: 500; display: block; } .contactmedia .mobcontactdetail p a { color: #000000; } .contactmedia .mobcontactdetail p.address { background: url(../images/contact-media/address.png) no-repeat left 5px; background-size: 25px; } .contactmedia .mobcontactdetail p.call { background: url(../images/contact-media/call.png) no-repeat left 5px; background-size: 25px; padding: 5px 0 5px 40px; } .contactmedia .mobcontactdetail p.email { background: url(../images/contact-media/email.png) no-repeat left 5px; background-size: 25px; } .media_registration { float: left; width: 100%; padding: 50px 0 20px; text-align: center; border-top: 1px solid #e1e1e1; } @media ( max-width : 1200px) { .media_registration { padding: 40px 0 10px; } } @media ( max-width : 767px) { .media_registration { padding: 20px 0 0px; margin: 0 0 25px; box-shadow: 0 0 50px #e1e1e1; border: 1px solid #e1e1e1; } } .media_registration h3 { font-size: 1.125rem; text-transform: uppercase; color: #000000; font-weight: 500; margin: 0 0 10px; } @media ( max-width : 767px) { .media_registration h3 { text-align: left; font-size: 1.3125rem; } } .media_registration p { font-size: 1rem; line-height: 1.25rem; color: #000000; font-weight: 400; margin: 0; } @media ( max-width : 767px) { .media_registration p { text-align: left; } } .media_registration .mediaform { float: left; width: 100%; padding: 0 100px; margin: 40px 0 0; } @media ( max-width : 992px) { .media_registration .mediaform { padding: 0 40px; } } @media ( max-width : 1200px) { .media_registration .mediaform { padding: 0 0px; } } @media ( max-width : 767px) { .media_registration .mediaform { margin: 15px 0 0; } } .media_registration .mediaform .form-group { padding: 0 15px; margin: 0 0 30px; } @media ( max-width : 1200px) { .media_registration .mediaform .form-group { padding: 0 10px; } } @media ( max-width : 767px) { .media_registration .mediaform .form-group { padding: 0px; margin: 0 0 20px; } } .media_registration .mediaform .form-group input { border: 0; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000000; border-radius: 0px; outline: none; font-size: 0.9375rem; color: #000000; padding: 0; box-shadow: 0 0 0; } .media_registration .mediaform .form-group input.mediasubmit { display: inline-block; padding: 10px 13px; border: 1px solid #000000; color: #FFFFFF; background: #000000; text-transform: uppercase; cursor: pointer; margin: 30px 0 0; transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 767px) { .media_registration .mediaform .form-group input.mediasubmit { margin: 0; height: 40px; } } .media_registration .mediaform .form-group input.mediasubmit:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .media_registration .mediaform .form-group select { border: 0; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000000; border-radius: 0px; outline: none; font-size: 0.9375rem; color: #000000; padding: 0; box-shadow: 0 0 0; background: url(../images/down-arrow.png) no-repeat 99% center; } .media_registration .datePurchaseTxt { position: absolute; top: -22px; font-weight: bold; font-size: 13px; } @media ( max-width : 767px) { .media_registration .datePurchaseTxt { position: relative; top: -5px; margin-bottom: 0; } } .featuresTabs.reviewAllTab { padding-top: 20px; } .featuresTabs.reviewAllTab .tab-content { padding: 0; } .reviewPagination { font-size: 16px; padding-top: 15px; } @media ( max-width : 992px) { .reviewPagination { padding-top: 0; } } .reviewPagination .page-item { display: inline-block; text-align: center; } .reviewPagination .page-item.prev .page-link { height: 100%; border-color: transparent; } .reviewPagination .page-item.prev .page-link i { top: 3px; position: relative; } .reviewPagination .page-item.next .page-link { height: 100%; } .reviewPagination .page-item.next .page-link i { top: 3px; position: relative; } .reviewPagination .page-item.active .page-link { z-index: 1; color: #FFFFFF; background: #000000; border-color: #000000; } .reviewPagination .page-item .page-link { color: #737373; width: 40px; height: 40px; border: 1px solid transparent; } .reviewPagination .page-item .page-link:hover { color: #FFFFFF; text-decoration: none; background-color: #000000; border-color: #000000; border-radius: 0; } .reviewPagination .page-item .page-link:focus { z-index: 0; outline: 0; box-shadow: none; } .testimnlMain.reviewAllM { margin: 50px 0; } @media ( max-width : 992px) { .testimnlMain.reviewAllM { margin: 40px 0; } } @media ( max-width : 767px) { .testimnlMain.reviewAllM { margin: 30px 0; } } .testimnlMain.reviewAllM .tab_mainheading h3 { text-align: left; } .testimnlMain.reviewAllM .tab_mainheading p { text-align: left; font-weight: 400; font-size: 1rem; line-height: 1.375rem; } @media ( max-width : 767px) { .testimnlMain.reviewAllM .tab_mainheading p { font-size: 0.875rem; line-height: 1.25rem; } } .genuinePartsMain { width: 100%; float: left; font-size: 1rem; } .genuinePartsMain .tab_mainheading { margin: 50px 0; } @media ( max-width : 1200px) { .genuinePartsMain .tab_mainheading { margin: 40px 0; } } @media ( max-width : 767px) { .genuinePartsMain .tab_mainheading { margin: 30px 0; } } .genuinePartsMain .tab_mainheading h3 { text-align: left; } .genuinePartsMain .tab_mainheading p { text-align: left; font-weight: 400; margin-bottom: 0; } @media ( max-width : 767px) { .genuinePartsMain .tab_mainheading p { margin-bottom: 0; } } .genPartSubCont { padding: 50px 0 0; } @media ( max-width : 767px) { .genPartSubCont { padding: 0px; } } .genPartSubCont p { font-weight: 400; } @media ( max-width : 767px) { .genPartSubCont p { font-size: 0.875rem; line-height: 1.25rem; } } .genuinePartBoxSec { width: 100%; float: left; font-size: 1rem; margin: 30px 0 50px; } @media ( max-width : 992px) { .genuinePartBoxSec { margin: 10px 0 40px; } } @media ( max-width : 767px) { .genuinePartBoxSec { margin: 0 0 30px 0; } } @media ( max-width : 767px) { .wrntyAdvntgSubSec.genuinePartSubSec { overflow-x: scroll; padding: 12px 0 0px; margin-bottom: 30px; } } .wrntyAdvntgSubSec.genuinePartSubSec ul { width: 100%; } @media ( max-width : 767px) { .wrntyAdvntgSubSec.genuinePartSubSec ul { width: 720px; } } .wrntyAdvntgSubSec.genuinePartSubSec li { position: relative; min-height: 1px; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; padding-right: 10px; padding-left: 10px; flex: 0 0 33.33%; max-width: 33.33%; } @media ( max-width : 992px) { .wrntyAdvntgSubSec.genuinePartSubSec li { margin-bottom: 0; } } .genPartTabSec { width: 100%; float: left; } .genPartTabFullSec { width: 100%; float: left; margin-bottom: 50px; } @media ( max-width : 992px) { .genPartTabFullSec { margin-bottom: 30px; } } .genPartTabFullSec picture { display: block; text-align: center; } .genPartTabFullSec picture img { display: inline-block; } .genPartTabFullSec .genTabImgSec { width: 100%; float: left; } @media ( max-width : 992px) { .genPartTabFullSec .genTabImgSec { margin-bottom: 20px; } } .genPartTabFullSec .genTabImgDetail { padding: 25px 0; width: 75%; margin: auto; } @media ( max-width : 992px) { .genPartTabFullSec .genTabImgDetail { width: 100%; } } .genPartTabFullSec .genTabImgDetail h4 { font-size: 1rem; font-weight: 500; } @media ( max-width : 767px) { .genPartTabFullSec .genTabImgDetail h4 { margin-bottom: 10px; } } .genPartTabFullSec .genTabImgDetail p { font-weight: 400; } @media ( max-width : 767px) { .genPartTabFullSec .genTabImgDetail p { font-size: 0.875rem; line-height: 1.125rem; } } .genuineTabsOnly { width: 100%; float: left; } @media ( max-width : 992px) { .genuineTabsOnly { overflow-x: scroll; padding-top: 15px; } } .genuineTabsOnly .nav-tabs { display: block; text-align: center; border-bottom: 0px; font-size: 0; width: 100%; float: left; border: 1px solid #dedede; } @media ( max-width : 992px) { .genuineTabsOnly .nav-tabs { width: 1024px; } } @media ( max-width : 767px) { .genuineTabsOnly .nav-tabs { width: 744px; } } .genuineTabsOnly .nav-tabs .nav-item { display: block; float: left; width: 14.28%; height: 180px; margin: 0; } @media ( max-width : 767px) { .genuineTabsOnly .nav-tabs .nav-item { height: 150px; } } .genuineTabsOnly .nav-tabs .nav-item:last-child { width: 14.323%; } .genuineTabsOnly .nav-tabs .nav-item:last-child .nav-link { border-right: none; } .genuineTabsOnly .nav-tabs .nav-link { border: 0px; position: relative; color: #898989; font-size: 1rem; line-height: 1rem; text-transform: uppercase; font-weight: 500; display: block; padding: 0 8px; background: #f6f6f6; height: 100%; border-radius: 0; position: relative; border-right: 1px solid #acacac; } @media ( max-width : 1200px) { .genuineTabsOnly .nav-tabs .nav-link { font-size: 0.875rem; } } .genuineTabsOnly .nav-tabs .nav-link .fa { position: absolute; bottom: -10px; left: 0; right: 0; display: none; } .genuineTabsOnly .nav-tabs .nav-link i { width: 100%; min-height: 135px; display: table; } @media ( max-width : 767px) { .genuineTabsOnly .nav-tabs .nav-link i { min-height: 105px; } } .genuineTabsOnly .nav-tabs .nav-link small { display: table-cell; vertical-align: middle; text-align: center; } .genuineTabsOnly .nav-tabs .nav-link small img { display: inline-block; } .genuineTabsOnly .nav-tabs .nav-link.active { color: #000000; background: #dcdcdc; } .genuineTabsOnly .nav-tabs .nav-link.active .fa { display: block; } .genuineTabsOnly .nav-tabs .nav-link.active:before { content: ''; position: absolute; width: 29px; height: 14px; background: url(../images/genuine_parts/arrow_top.png) no-repeat left top; top: -15px; left: 0; right: 0; margin: auto; } .personalizebox { margin: 50px 0 40px; float: left; width: 100%; } @media ( max-width : 1200px) { .personalizebox { margin: 40px 0; } } @media ( max-width : 767px) { .personalizebox { margin: 25px 0; } } .personalizebox h3 { color: #000000; text-transform: uppercase; font-weight: 500; font-size: 1.5rem; line-height: 1.625rem; margin-bottom: 15px; } @media ( max-width : 767px) { .personalizebox h3 { font-size: 1.3125rem; text-align: center; line-height: 1.5rem; } } .personalizebox p { color: #000000; font-weight: 400; font-size: 1rem; line-height: 1.375rem; } @media ( max-width : 767px) { .personalizebox p { font-size: 0.875rem; line-height: 1.25rem; text-align: justify; } } @ keyframes imageanimation { 0% { transform: scale(1); } 50% { transform : scale (1 .1 ); } 100% { transform : scale (1); } } .personalize_carvariant { float: left; width: 100%; } .personalize_carvariant .inrnexacarbox { float: left; width: 100%; padding: 0 0 10px; } @media ( max-width : 767px) { .personalize_carvariant .inrnexacarbox { padding: 0; } } .personalize_carvariant .inrnexacarbox .cardetailbox { float: left; width: 100%; margin: 0 0 40px; } @media ( max-width : 767px) { .personalize_carvariant .inrnexacarbox .cardetailbox { margin: 0 0 30px; } } .personalize_carvariant .inrnexacarbox .cardetailbox .carimagebox .tab-pane.active { animation: imageanimation 1s; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox { float: left; width: 100%; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .brandlogo { float: left; width: 100%; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant { float: left; width: 100%; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant label { font-size: 0.875rem; font-weight: 500; float: left; margin: 23px 0 0; } @media ( max-width : 1200px) { .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant label { width: 100%; } } @media ( max-width : 767px) { .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant label { margin: 15px 0 0; } } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker { margin: 15px 0 0; padding: 0; display: inline-block; text-align: center; float: right; width: auto; border: 0; } @media ( max-width : 1200px) { .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker { width: 100%; } } @media ( max-width : 767px) { .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker { margin: 15px 0; } } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li { width: 32px; text-align: center; position: relative; display: inline-block; cursor: pointer; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li:last-child { float: none; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li:first-child { float: none; width: 32px; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a { padding: 2px; border: 1px solid transparent; background: none; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a .color-dot { display: inline-block; width: 25px; height: 25px; background-color: #FFFFFF; vertical-align: top; -moz-transition: background-image 0.4s ease-in-out; -o-transition: background-image 0.4s ease-in-out; -webkit-transition: background-image 0.4s ease-in-out; transition: background-image 0.4s ease-in-out; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a .color-dot.clr1 { background-color: #183f66; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a .color-dot.clr2 { background-color: #86654f; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a .color-dot.clr3 { background-color: #231f20; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a .color-dot.clr4 { background-color: #72716b; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a .color-dot.clr5 { background-color: #dbdbdb; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a .color-dot.clr6 { background-color: #6c1e31; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a .color-dot.clr7 { background-color: #dedede; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a .color-text { display: none; margin: 0; padding: 0; font-size: 0.625rem; position: absolute; top: 42px; width: 90px; text-align: center; font-weight: 500; line-height: 0.75rem; margin-left: -40px; } @media ( max-width : 767px) { .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a .color-text { top: 40px; font-size: 0.875rem; } } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a.active { border: 1px solid #d1d9e0; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a.active .color-dot { background-image: url("../images/brands/check-icon.png"); background-repeat: no-repeat; background-position: center center; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .carcolorvariant .dcpicker li a.active .color-text { display: block; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .selectvariant { float: left; width: 100%; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .selectvariant select { border: 0px; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 0.9375rem; color: #000000; padding: 0px; box-shadow: 0 0 0; background: url(../images/down-arrow.png) no-repeat 99% center; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .selectvariant select::-webkit-input-placeholder { color: #000000; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .selectvariant select:-moz-placeholder { /* Firefox 18- */ color: #000000; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .selectvariant select::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .selectvariant select:-ms-input-placeholder { color: #000000; } @media ( max-width : 767px) { .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .selectvariant select { font-size: 0.875rem; height: 35px; } } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .personalisebtn { margin: 40px 0 0; padding: 10px 13px; color: #FFFFFF; font-size: 0.875rem; font-weight: 500; border: 1px solid #000000; text-decoration: none; text-transform: uppercase; position: relative; display: inline-block; background: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } @media ( max-width : 1200px) { .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .personalisebtn { font-size: 0.75rem; } } @media ( max-width : 767px) { .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .personalisebtn { margin: 25px 0 0; width: 100%; text-align: center; padding: 12px; } } .personalize_carvariant .inrnexacarbox .cardetailbox .carcontentbox .personalisebtn:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .contactContainer { width: 100%; float: left; padding-top: 50px; padding-bottom: 50px; } @media ( max-width : 767px) { .contactContainer { padding-top: 30px; padding-bottom: 30px; } } @media ( max-width : 767px) { .contactContainer p { font-size: 0.875rem; line-height: 1.125rem; } } .contactContainer .contactTxtContainer { width: 100%; float: left; position: relative; margin-top: 50px; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer { margin-top: 20px; } } .contactContainer .contactTxtContainer .container .row { padding: 0px; margin: 0px; } .contactContainer .contactTxtContainer .container .row .mainacrdSec { padding: 0px; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .container { padding: 0px; } .contactContainer .contactTxtContainer .container h3.acrdClick { margin-bottom: 0px; padding: 15px; border-top: #e3e3e3 solid 1px; } } .contactContainer .contactTxtContainer .contactSeprator { position: absolute; left: 50%; height: 100%; background: #e1e1e1; width: 1px; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .contactSeprator { display: none; } } .contactContainer .contactTxtContainer h3.acrdClick { display: none; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer h3.acrdClick.selected { background: url(../images/contact-us/minus-icon.png) right center no-repeat; } } @media ( max-width : 767px) { .contactContainer .contactTxtContainer h3.acrdClick { background: url(../images/contact-us/plus-icon.png) right center no-repeat; font-weight: 500; display: block; } } .contactContainer .contactTxtContainer .contactTxtBox { text-align: center; padding-top: 40px; padding-bottom: 40px; width: 70%; margin: auto; border-bottom: #e1e1e1 solid 1px; background: #fff; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .contactTxtBox.openBlock { display: block; } } @media ( max-width : 992px) { .contactContainer .contactTxtContainer .contactTxtBox { width: 100%; } } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .contactTxtBox { /*box-shadow: 0px 0px 20px #ccc;*/ margin-top: 0px; margin-bottom: 0px; padding: 20px; display: none; border-top: #e1e1e1 solid 1px; border-bottom: 0px; } } .contactContainer .contactTxtContainer .contactTxtBox.pressMediaContact { width: 100%; padding-bottom: 0px; border-bottom: 0px; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .contactTxtBox.pressMediaContact { padding-bottom: 20px; } } .contactContainer .contactTxtContainer .contactTxtBox h3 { font-size: 1.125rem; color: #000000; padding: 0px 0px 15px 0px; margin: 0px; font-weight: 500; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .contactTxtBox h3 { font-size: 1rem; } } .contactContainer .contactTxtContainer .contactTxtBox p { font-size: 1rem; color: #030f20; margin-bottom: 0px; line-height: normal; font-weight: 400; padding-bottom: 3px; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .contactTxtBox p { font-size: 0.875rem; } } .contactContainer .contactTxtContainer .contactTxtBox p a { color: #000; font-weight: 500; font-size: 1rem; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .contactTxtBox p a { font-size: 0.875rem; } } .contactContainer .contactTxtContainer .contactTxtBox a.contactBlackButton { margin-top: 20px; padding: 9px 13px; display: inline-block; background: #000; font-size: 0.9375rem; color: #fff; text-decoration: none; border: #000 solid 1px; transition: 1s; text-transform: uppercase; font-weight: 400; } .contactContainer .contactTxtContainer .contactTxtBox a.contactBlackButton:hover { background: #fff; color: #000; } .contactContainer .contactTxtContainer .contactTxtBox ul { padding: 0px; margin: 0px; list-style: none; position: relative; line-height: normal; } .contactContainer .contactTxtContainer .contactTxtBox ul:before { content: ""; width: 1px; background: #030f20; position: absolute; height: 14px; top: 5px; left: 50%; } .contactContainer .contactTxtContainer .contactTxtBox li { font-size: 1rem; color: #030f20; display: inline-block; position: relative; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .contactTxtBox li { font-size: 0.875rem; border-right: #000 solid 1px; } .contactContainer .contactTxtContainer .contactTxtBox li:first-child { padding-right: 5px; } .contactContainer .contactTxtContainer .contactTxtBox li:last-child { border-right: 0px; } } .contactContainer .contactTxtContainer .contactTxtBox li a { font-size: 1rem; color: #030f20; display: inline-block; text-decoration: none; padding-left: 25px; padding-right: 25px; font-weight: 400; } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .contactTxtBox li a { font-size: 0.875rem; padding-left: 5px; padding-right: 5px; } } .contactContainer .contactTxtContainer .contactTxtBox.pressMediaContact ul:before { left: 53%; } @media ( max-width : 1200px) { .contactContainer .contactTxtContainer .contactTxtBox.pressMediaContact ul:before { left: 53.5%; top: 3px; } } @media ( max-width : 992px) { .contactContainer .contactTxtContainer .contactTxtBox.pressMediaContact ul:before { left: 54.5%; } } @media ( max-width : 767px) { .contactContainer .contactTxtContainer .contactTxtBox.pressMediaContact ul:before { display: none; } } @media ( max-width : 767px) { .mobHideBox { border-bottom: #e3e3e3 solid 1px; } } @media ( max-width : 767px) { .mobHideBox .col-sm-12.col-md-6:first-child { display: none; } } .escalateContainer { padding-top: 50px; padding-bottom: 50px; width: 100%; float: left; } .escalateContainer .brandpage_ebookform .form-group { padding: 0px; } .escalateContainer .brandpage_ebookform .form-group textarea { width: 100%; resize: none; outline: none; border: 0px; height: 125px; background: url(../images/contact-us/textarea-line.png) center top no-repeat; font-size: 0.875rem; line-height: 2.625rem; } .escalateContainer .contactFileField { float: left; width: 100%; } .escalateContainer .contactFileField h2 { line-height: 22px; } .escalateContainer .contactFileField .form-group .custom-file { height: auto; line-height: 1.875rem; } .escalateContainer .contactFileField .form-group .custom-file input { border-radius: 0px; height: auto; line-height: 2.125rem; } .escalateContainer .contactFileField .form-group .custom-file .custom-file-label { background: url(../images/contact-us/attach-icon.jpg) 10px center no-repeat; border-radius: 0px; border: #959595 solid 1px; font-size: 14px; font-weight: 500; color: #000; height: auto; line-height: 1.875rem; padding-left: 30px; } .escalateContainer .contactFileField .form-group .custom-file .custom-file-label.browse1:after { content: "Invoice Copy"; } .escalateContainer .contactFileField .form-group .custom-file .custom-file-label.browse2:after { content: "Order Booking Form"; } .escalateContainer .contactFileField .form-group .custom-file .custom-file-label.browse3:after { content: "Dealer Communication"; } .escalateContainer .contactFileField .form-group .custom-file .custom-file-label.browse4:after { content: "Others"; } .escalateContainer .contactFileField .form-group .custom-file .custom-file-label.browse5:after { content: "Others"; } .escalateContainer .contactFileField .form-group .custom-file .custom-file-label:after { padding-left: 15px; padding-right: 15px; content: "Browse File"; background: #000; border-radius: 0px; color: #fff; font-size: 14px; font-weight: normal; height: auto; line-height: 1.875rem; } @media ( max-width : 1200px) { .escalateContainer .contactFileField .form-group .custom-file .custom-file-label:after { padding-left: 10px; padding-right: 10px; } } .escalateContainer .contactBlackButton { margin-right: 10px; } a.contactBlackButton { margin-top: 20px; padding: 9px 13px; display: inline-block; background: #000; font-size: 0.9375rem; color: #fff; text-decoration: none; border: #000 solid 1px; transition: 1s; text-transform: uppercase; font-weight: 400; } a.contactBlackButton:hover { background: #fff; color: #000; } .boxrow { border-top: 1px solid rgba(0, 0, 0, 0.5); } .contactAccordian { margin-top: 50px; } @media ( max-width : 767px) { .contactAccordian { margin-top: 30px; margin-bottom: 25px; } } .contactAccordian .card:first-child { border-top: 0px; } .contactAccordian .btn.btn-link { line-height: normal; padding: 15px 20px; } .contactAccordian #accordion { border-top: 1px solid rgba(0, 0, 0, 0.5); } .contactAccordian #accordion .brandpage_ebookform { padding-top: 30px; padding-bottom: 20px; } @media ( max-width : 767px) { .contactAccordian #accordion .brandpage_ebookform { padding-top: 15px; padding-bottom: 5px; } } .contactAccordian #accordion .brandpage_ebookform .form-group { margin-bottom: 20px; padding: 0px 20px 0px 20px; } @media ( max-width : 1200px) { .contactAccordian #accordion .brandpage_ebookform .form-group { padding: 0px 0px 0px 0px; } } .contactAccordian #accordion .brandpage_ebookform .form-group textarea { margin-top: 20px; margin-bottom: 10px; } @media ( max-width : 767px) { .contactAccordian #accordion .brandpage_ebookform .form-group textarea { margin: 0px; } } @media ( max-width : 767px) { .contactAccordian #accordion .brandpage_ebookform .form-group .inputfield { font-size: 0.875rem; } } .feedbackDealer .contactFileField .form-group { margin-bottom: 25px; } .feedbackDealer .contactFileField .contactBlackButton { margin-top: 0px; } .contactMediaMain .feedbackFormMain { margin-top: 0px; background: #fff; } .contactMediaMain .feedbackFormMain .datePurchaseTxt { position: absolute; top: -22px; font-weight: bold; font-size: 13px; } @media ( max-width : 767px) { .contactMediaMain .feedbackFormMain .datePurchaseTxt { position: relative; top: -5px; margin-bottom: 0; } } .contactMediaMain .feedbackFormMain .submitCaptcha { padding-left: 0px; padding-right: 0px; } .submitButton { margin-top: 20px; padding: 9px 13px; display: inline-block; background: #000; font-size: 0.9375rem; color: #fff; text-decoration: none; border: #000 solid 1px; transition: 1s; text-transform: uppercase; font-weight: 400; } @media ( max-width : 767px) { .mobHideBox { border-bottom: #e3e3e3 solid 1px; } } @media ( max-width : 767px) { .mobHideBox .col-sm-12.col-md-6:first-child { display: none; } } @media ( max-width : 767px) { .feedbackFormMain { background: #ebebeb; float: left; padding-top: 15px; margin-top: 15px; width: 100%; } } @media ( max-width : 767px) { .feedbackFormMain .testdriveform .brandpage_ebookform .form-group select { font-size: 0.875rem; } } @media ( max-width : 767px) { .feedbackFormMain .testdriveform .brandpage_ebookform .form-group input { font-size: 0.875rem; } } .escalateContainer { padding-top: 50px; padding-bottom: 50px; width: 100%; float: left; } @media ( max-width : 767px) { .escalateContainer { padding-top: 30px; padding-bottom: 10px; } } .escalateContainer.serviceFeedbackMain { display: block; } .escalateContainer.serviceFeedbackMain p { font-weight: normal; } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain p { font-size: 0.875rem; line-height: 1.125rem; } } .escalateContainer.serviceFeedbackMain .contactFileField { float: left; width: 100%; } .escalateContainer.serviceFeedbackMain .contactFileField h2 { line-height: 22px; } .escalateContainer.serviceFeedbackMain .contactFileField .form-group .custom-file { height: auto; line-height: 1.875rem; } .escalateContainer.serviceFeedbackMain .contactFileField .form-group .custom-file input { border-radius: 0px; height: auto; line-height: 2.125rem; } .escalateContainer.serviceFeedbackMain .contactFileField .form-group .custom-file .custom-file-label { background: url(../images/contact-us/attach-icon.jpg) 10px center no-repeat; border-radius: 0px; border: #959595 solid 1px; font-size: 14px; font-weight: 500; color: #000; height: auto; line-height: 1.875rem; padding-left: 30px; } .escalateContainer.serviceFeedbackMain .contactFileField .form-group .custom-file .custom-file-label.browse1:after { content: "Invoice Copy"; } .escalateContainer.serviceFeedbackMain .contactFileField .form-group .custom-file .custom-file-label.browse2:after { content: "Order Booking Form"; } .escalateContainer.serviceFeedbackMain .contactFileField .form-group .custom-file .custom-file-label.browse3:after { content: "Dealer Communication"; } .escalateContainer.serviceFeedbackMain .contactFileField .form-group .custom-file .custom-file-label.browse4:after { content: "Others"; } .escalateContainer.serviceFeedbackMain .contactFileField .form-group .custom-file .custom-file-label.browse5:after { content: "Others"; } .escalateContainer.serviceFeedbackMain .contactFileField .form-group .custom-file .custom-file-label:after { padding-left: 15px; padding-right: 15px; content: "Browse File"; background: #000; border-radius: 0px; color: #fff; font-size: 14px; font-weight: normal; height: auto; line-height: 1.875rem; } @media ( max-width : 1200px) { .escalateContainer.serviceFeedbackMain .contactFileField .form-group .custom-file .custom-file-label:after { padding-left: 10px; padding-right: 10px; } } .escalateContainer.serviceFeedbackMain .contactBlackButton { margin-right: 10px; } .escalateContainer.serviceFeedbackMain .contactAccordian { margin-top: 0px; } .escalateContainer.serviceFeedbackMain .contactAccordian .btn.btn-link { line-height: normal; padding: 15px 20px; white-space: normal; } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain .contactAccordian .btn.btn-link { font-size: 0.875rem; padding: 15px; } } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain .contactAccordian .btn.btn-link i { display: none; } } .escalateContainer.serviceFeedbackMain .contactAccordian #accordion { border-top: 1px solid rgba(0, 0, 0, 0.5); } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion { border: 0px; } } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card { border: 0px; border-bottom: #d6d6d6 solid 1px; } } .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform { padding: 0px 50px 0px 50px; } @media ( max-width : 992px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform { padding: 0px 10px 0px 10px; } } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform { padding: 0px 15px 0px 15px; } } .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform.feedbkForm { padding: 20px 50px 30px 50px; } @media ( max-width : 992px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform.feedbkForm { padding: 20px 10px 30px 10px; } } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform.feedbkForm { padding: 20px 15px 30px 15px; } } .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform.feedbkForm .form-group { padding: 15px 0px 15px 0px; } .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform p { font-weight: 500; } .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform p.ensureTxt { font-weight: 400; font-size: 0.875rem; margin-bottom: 35px; } @media ( max-width : 1200px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform p.ensureTxt { padding: 30px 0px 50px 0px; } } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform p.ensureTxt { padding: 0px 0px 0px 0px; margin-bottom: 25px; margin-top: 25px; } } .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform p.regionTxt { margin-top: 25px; } .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform .datePurchaseTxt { font-size: 0.875rem; margin-bottom: -10px; font-weight: normal; } .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform .form-group { margin-bottom: 0px; padding: 30px 0px 50px 0px; } @media ( max-width : 1200px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform .form-group { padding: 30px 0px 50px 0px; } } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion .card .brandpage_ebookform .form-group { padding: 20px 0px 0px 0px; } } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion h5 button { background: #fff url(../images/contact-us/minus-icon.png) right center no-repeat; } } @media ( max-width : 767px) { .escalateContainer.serviceFeedbackMain .contactAccordian #accordion h5 button.collapsed { background: #fff url(../images/contact-us/plus-icon.png) right center no-repeat; } } .submitCaptcha { float: left; width: 100%; } @media ( max-width : 767px) { .submitCaptcha { padding-left: 15px; padding-right: 15px; } } .submitCaptcha .row { margin: 0px; } .submitCaptcha .row .col-lg-4 { padding-left: 0px; padding-right: 0px; } .submitCaptcha .col-lg-2 { padding-left: 0px; padding-right: 0px; } a.contactBlackButton { margin-top: 20px; padding: 9px 13px; display: inline-block; background: #000; font-size: 0.9375rem; color: #fff; text-decoration: none; border: #000 solid 1px; transition: 1s; text-transform: uppercase; font-weight: 400; } a.contactBlackButton:hover { background: #fff; color: #000; } .boxrow { border-top: 1px solid rgba(0, 0, 0, 0.5); } .feedbackDealer .contactFileField .form-group { margin-bottom: 25px; } .feedbackDealer .contactFileField .contactBlackButton { margin-top: 0px; } @media screen and (max-width: 375px) { .serviceFeedbackMain .contactFileField .container { padding-left: 0px; padding-right: 0px; } } @media screen and (max-width: 375px) and (max-width: 767px) { .serviceFeedbackMain .contactFileField .container input { font-size: 0.875rem; } } @media screen and (max-width: 375px) { .serviceFeedbackMain .testdriveform .brandpage_ebookform .form-group .inputfield { font-size: 0.875rem; } a.contactBlackButton { margin-top: 0px; } } .submitButton { margin-top: 20px; padding: 9px 13px; display: inline-block; background: #000; font-size: 0.9375rem; color: #fff; text-decoration: none; border: #000 solid 1px; transition: 1s; text-transform: uppercase; font-weight: 400; } @media ( max-width : 767px) { .bookShowroomMain.ebookMainContainer { padding-top: 30px; padding-bottom: 30px; } } @media ( max-width : 767px) { .bookShowroomMain.ebookMainContainer .engineMain { margin-bottom: 0px; } } @media ( max-width : 767px) { .bookShowroomMain.ebookMainContainer .engineMain .testdriveform .brandpage_ebookform .form-group .inputfield { font-size: 0.875rem; } } @media ( max-width : 767px) { .bookShowroomMain.ebookMainContainer .engineMain .testdriveform .brandpage_ebookform .form-group select { font-size: 0.875rem; } } .bookShowroomMain.ebookMainContainer h3.formTitle.active { padding-left: 30px; } @media ( max-width : 767px) { .bookShowroomMain.ebookMainContainer h3.formTitle.active { padding-left: 0px; } } .bookShowroomMain.ebookMainContainer h3.formTitle.active:before { display: none; } .nexafinancebox { float: left; width: 100%; margin: 50px 0; } @media ( max-width : 992px) { .nexafinancebox { margin: 40px 0; } } @media ( max-width : 767px) { .nexafinancebox { margin: 30px 0; } } .nexafinancebox p { font-size: 1rem; line-height: 1.25rem; margin-bottom: 0px; font-weight: 400; color: #000000; } @media ( max-width : 992px) { .nexafinancebox p { font-size: 0.9375rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .nexafinancebox p { font-size: 0.875rem; line-height: 1.25rem; text-align: justify; } } .emicalculatorbox { float: left; width: 100%; margin: 0; } .emicalculatorbox .inremicalculator { border-top: 1px solid #b5b5b5; padding: 50px 0 0; float: left; width: 100%; } @media ( max-width : 992px) { .emicalculatorbox .inremicalculator { padding: 40px 0 0; } } @media ( max-width : 767px) { .emicalculatorbox .inremicalculator { padding: 30px 0 10px; border: 0; box-shadow: 0 0 30px #b5b5b5; } } .emicalculatorbox .inremicalculator h3 { font-size: 1.5rem; line-height: 1.75rem; margin-bottom: 15px; font-weight: 500; text-transform: uppercase; text-align: center; color: #000000; } @media ( max-width : 992px) { .emicalculatorbox .inremicalculator h3 { font-size: 1.375rem; line-height: 1.625rem; } } @media ( max-width : 767px) { .emicalculatorbox .inremicalculator h3 { font-size: 1.25rem; line-height: 1.5rem; margin-bottom: 10px; } } .emicalculatorbox .inremicalculator h4 { position: relative; font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 20px; font-weight: 500; text-align: center; padding-bottom: 15px; color: #000000; } @media ( max-width : 992px) { .emicalculatorbox .inremicalculator h4 { font-size: 1rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .emicalculatorbox .inremicalculator h4 { font-size: 0.875rem; line-height: 1.25rem; padding-bottom: 10px; } } .emicalculatorbox .inremicalculator h4:after { position: absolute; width: 100px; left: 0; content: ''; margin: 0 auto; bottom: 0; right: 0; height: 1px; background: #000000; } .emicalculatorbox .inremicalculator p { position: relative; font-size: 0.9375rem; line-height: 1.25rem; margin-bottom: 15px; font-weight: 400; text-align: center; color: #000000; } @media ( max-width : 767px) { .emicalculatorbox .inremicalculator p { font-size: 0.875rem; line-height: 1.25rem; display: none; } } .emicalculatorbox .inremicalculator .emicalculatorform { float: left; width: 100%; padding: 15px 0 0; } @media ( max-width : 767px) { .emicalculatorbox .inremicalculator .emicalculatorform { padding: 10px 0 0; } } .emicalculatorbox .inremicalculator .emicalculatorform .calculatorform { display: block; text-align: center; width: 100%; font-size: 0; } .emicalculatorbox .inremicalculator .emicalculatorform .calculatorform .form-group { display: inline-block; width: 25%; padding: 0 10px; } @media ( max-width : 767px) { .emicalculatorbox .inremicalculator .emicalculatorform .calculatorform .form-group { float: left; width: 100%; padding: 0; } } .emicalculatorbox .inremicalculator .emicalculatorform .calculatorform .form-group select { padding: 5px 15px 5px 10px; width: 100%; font-size: 0.875rem; line-height: 1.25rem; border: 0px; border-bottom: 1px solid #000000; appearance: none; -webkit-appearance: none; background: url(../images/header/drop-arrow.png) no-repeat 99% center; font-weight: 500; outline: none; } @media ( max-width : 767px) { .emicalculatorbox .inremicalculator .emicalculatorform .calculatorform .form-group select { width: 80%; margin: 0 auto 10px; display: block; } } .emicalculatorbox .inremicalculator .emicalculatorform .calculatorform .form-group select option { outline: none; } .financetabox { float: left; width: 100%; margin: 40px 0 0; } @media ( max-width : 767px) { .financetabox { margin: 30px 0 0; } } .financetabox.mediatabbox nav { border-top: 1px solid #b5b5b5; padding: 50px 0 0; } @media ( max-width : 992px) { .financetabox.mediatabbox nav { padding: 40px 0 0; } } @media ( max-width : 767px) { .financetabox.mediatabbox nav { padding: 30px 0 0; } } @media ( max-width : 767px) { .financetabox.mediatabbox nav .nav-tabs { width: 100%; } } .financetabox.mediatabbox nav .nav-tabs .nav-link { width: 33.33334%; } @media ( max-width : 767px) { .financetabox.mediatabbox nav .nav-tabs .nav-link { padding: 10px 0; } .financetabox.mediatabbox nav .nav-tabs .nav-link.active { background: #000000; color: #FFFFFF; } } .financetabox.mediatabbox .tab-content { margin: 50px 0; } @media ( max-width : 992px) { .financetabox.mediatabbox .tab-content { margin: 40px 0; } } @media ( max-width : 767px) { .financetabox.mediatabbox .tab-content { margin: 30px 0; } } .financetabox .nexafinance_advantages { float: left; width: 100%; } .financetabox .nexafinance_advantages h4 { font-size: 1rem; line-height: 1.375rem; margin-bottom: 15px; text-transform: uppercase; font-weight: 500; color: #000000; } @media ( max-width : 767px) { .financetabox .nexafinance_advantages h4 { font-size: 0.875rem; line-height: 1.25rem; } } .financetabox .nexafinance_advantages p { font-size: 1rem; line-height: 1.25rem; margin-bottom: 15px; font-weight: 400; color: #000000; } @media ( max-width : 992px) { .financetabox .nexafinance_advantages p { font-size: 0.9375rem; } } @media ( max-width : 767px) { .financetabox .nexafinance_advantages p { font-size: 0.875rem; line-height: 1.25rem; } } .financetabox .nexafinance_advantages p:last-child { margin: 0px; } .financetabox .nexa_listdocuments { float: left; width: 100%; } .financetabox .nexa_listdocuments .accordianbox { padding: 50px 0; border-bottom: 1px solid #b5b5b5; } @media ( max-width : 992px) { .financetabox .nexa_listdocuments .accordianbox { padding: 40px 0; } } @media ( max-width : 767px) { .financetabox .nexa_listdocuments .accordianbox { padding: 0px 0; border-bottom: 0; } } .financetabox .nexa_listdocuments .accordianbox:first-child { padding: 0 0 50px 0; } @media ( max-width : 992px) { .financetabox .nexa_listdocuments .accordianbox:first-child { padding: 0 0 40px 0; } } @media ( max-width : 767px) { .financetabox .nexa_listdocuments .accordianbox:first-child { padding: 0 0 0px; border-bottom: 0; } } .financetabox .nexa_listdocuments .accordianbox:last-child { border-bottom: 0; padding: 50px 0 0; } @media ( max-width : 992px) { .financetabox .nexa_listdocuments .accordianbox:last-child { padding: 40px 0 0; } } @media ( max-width : 767px) { .financetabox .nexa_listdocuments .accordianbox:last-child { padding: 0px 0 0; border-bottom: 0; } } .financetabox .nexa_listdocuments h4 { font-size: 1.125rem; line-height: 1.5rem; text-transform: uppercase; font-weight: 500; margin-bottom: 15px; } @media ( max-width : 767px) { .financetabox .nexa_listdocuments h4 { font-size: 1rem; line-height: 1.375rem; } } .financetabox .nexa_listdocuments ul { float: left; width: 100%; } .financetabox .nexa_listdocuments ul li { font-size: 1rem; line-height: 1.375rem; background: url(../images/configurator/pointer.png) no-repeat 1px center/7px; margin-bottom: 10px; font-weight: 400; color: #000000; padding: 0 0 0 15px; } @media ( max-width : 767px) { .financetabox .nexa_listdocuments ul li { font-size: 0.875rem; line-height: 1.25rem; background: url(../images/configurator/pointer.png) no-repeat top 5px/5px; margin-bottom: 5px; } } .financetabox .nexa_listdocuments ul li:last-child { margin: 0; } .financetabox .nexa_financepartners { float: left; width: 100%; } .financetabox .nexa_financepartners .accordianbox { padding: 50px 0; border-bottom: 1px solid #b5b5b5; } @media ( max-width : 992px) { .financetabox .nexa_financepartners .accordianbox { padding: 40px 0; } } @media ( max-width : 767px) { .financetabox .nexa_financepartners .accordianbox { padding: 0px 0; border-bottom: 0; } } .financetabox .nexa_financepartners .accordianbox:first-child { padding: 0 0 50px 0; } @media ( max-width : 992px) { .financetabox .nexa_financepartners .accordianbox:first-child { padding: 0 0 40px 0; } } @media ( max-width : 767px) { .financetabox .nexa_financepartners .accordianbox:first-child { padding: 0 0 0px; border-bottom: 0; } } .financetabox .nexa_financepartners .accordianbox:last-child { border-bottom: 0; padding: 50px 0 0; } @media ( max-width : 992px) { .financetabox .nexa_financepartners .accordianbox:last-child { padding: 40px 0 0; } } @media ( max-width : 767px) { .financetabox .nexa_financepartners .accordianbox:last-child { padding: 0px 0 0; border-bottom: 0; } } .financetabox .nexa_financepartners h4 { font-size: 1.125rem; line-height: 1.5rem; text-transform: uppercase; font-weight: 500; margin-bottom: 15px; } @media ( max-width : 767px) { .financetabox .nexa_financepartners h4 { font-size: 1rem; line-height: 1.375rem; } } .financetabox .nexa_financepartners ul { float: left; width: 100%; font-size: 0; } .financetabox .nexa_financepartners ul li { width: 20%; vertical-align: top; display: inline-block; padding: 15px; } @media ( max-width : 992px) { .financetabox .nexa_financepartners ul li { padding: 10px; } } @media ( max-width : 767px) { .financetabox .nexa_financepartners ul li { padding: 5px; width: 50%; } } .financetabox .nexa_financepartners ul li img { margin: 0 auto; } .financetabox .nexa_financepartners ul li label { width: 100%; float: left; margin: 10px 0 0; text-align: center; font-size: 0.75rem; line-height: 1rem; } .financetabox .accordianbox { float: left; width: 100%; } .financetabox .accordianbox .acc_heading { float: left; width: 100%; } .financetabox .accordianbox .acc_content { float: left; width: 100%; } @media ( max-width : 767px) { .financetabox .accordianbox:last-child .acc_heading { border-bottom: 1px solid #959595; } .financetabox .accordianbox .acc_heading { padding: 10px 0; background: #e5e5e5 url(../images/contact-us/plus-icon.png) no-repeat 100% center/20px; border-top: 1px solid #959595; border-left: 1px solid #959595; border-right: 1px solid #959595; cursor: pointer; } .financetabox .accordianbox .acc_heading h4 { margin: 0px; padding: 0 25px 0 10px; } .financetabox .accordianbox .acc_heading.acc_active { background: #e5e5e5 url(../images/contact-us/minus-icon.png) no-repeat 100% center/20px; } .financetabox .accordianbox .acc_content { padding: 20px 0; display: none; } } .finance_cardetails { display: none; float: left; width: 100%; margin: 40px 0 0; } @media ( max-width : 992px) { .finance_cardetails { margin: 30px 0 0; } } @media ( max-width : 767px) { .finance_cardetails { margin: 20px 0 0; } } .finance_cardetails .inefinancecardetails { float: left; width: 100%; box-shadow: 0 0 30px #dfdfdf; } .finance_cardetails .inefinancecardetails .fin_cardetails { float: left; width: 100%; padding: 50px 20px; height: 100%; background: #f5f5f5; } @media ( max-width : 992px) { .finance_cardetails .inefinancecardetails .fin_cardetails { padding: 40px 20px; } } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .fin_cardetails { padding: 30px 10px; display: none; } } .finance_cardetails .inefinancecardetails .fin_cardetails img { margin: 0 auto; } .finance_cardetails .inefinancecardetails .fin_cardetails .brandlogo { float: left; width: 100%; text-align: center; } .finance_cardetails .inefinancecardetails .fin_cardetails .brandlogo img { margin: 0 auto; } .finance_cardetails .inefinancecardetails .fin_cardetails .priceboxes { float: left; width: 100%; text-align: center; padding: 70px 0; } @media ( max-width : 992px) { .finance_cardetails .inefinancecardetails .fin_cardetails .priceboxes { padding: 50px 0px; } } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .fin_cardetails .priceboxes { padding: 30px 0px; } } .finance_cardetails .inefinancecardetails .fin_cardetails .priceboxes ul { display: block; font-size: 0; } .finance_cardetails .inefinancecardetails .fin_cardetails .priceboxes ul li { display: inline-block; font-weight: 500; font-size: 1.3125rem; line-height: 1.5rem; color: #000000; } .finance_cardetails .inefinancecardetails .fin_cardetails .priceboxes ul li:first-child { border-right: 1px solid #a3a3a3; padding: 0px 25px 0px 0; } .finance_cardetails .inefinancecardetails .fin_cardetails .priceboxes ul li:last-child { padding: 0px 0 0px 25px; } .finance_cardetails .inefinancecardetails .fin_cardetails .priceboxes ul li label { display: block; font-size: 0.875rem; line-height: 1rem; color: #a3a3a3; } .finance_cardetails .inefinancecardetails .calculateform { float: left; width: 100%; padding: 50px 50px 50px 10px; } @media ( max-width : 992px) { .finance_cardetails .inefinancecardetails .calculateform { padding: 40px 30px; } } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform { padding: 25px 20px; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1 { float: left; width: 100%; margin: 0 0 30px; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1:last-child { margin: 0; } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1 { margin: 0 0 20px; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1 .fsec1-col1 { width: 180px; padding: 7px 20px 7px 0; font-size: 1rem; color: #000000; font-weight: 500; } @media ( max-width : 1200px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1 .fsec1-col1 { font-size: 0.9375rem; } } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1 .fsec1-col1 { width: 100%; font-size: 0.875rem; padding: 10px 0; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1 .fsec1-col2 { width: calc(100% - 180px); } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1 .fsec1-col2 { width: 100%; margin: 10px 0 0; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec4 .fsec1-col1 { padding: 11px 20px 11px 0; } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec4 .fsec1-col1 { padding: 10px 0; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec4 .fsec1-col2 ul { font-size: 0; border: 1px solid #a3a3a3; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec4 .fsec1-col2 ul li { width: 14.28%; text-align: center; display: inline-block; padding: 10px; font-size: 1.125rem; line-height: 1rem; border-right: 1px solid #a3a3a3; font-weight: 500; } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec4 .fsec1-col2 ul li { font-size: 0.875rem; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec4 .fsec1-col2 ul li:last-child { border-right: 0; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec4 .fsec1-col2 ul li:hover { cursor: pointer; background: #c7c7c7; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec4 .fsec1-col2 ul li a { color: #000000; text-decoration: none; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec5 .fsec1-col1 { padding: 11px 20px 11px 0; } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec5 .fsec1-col1 { padding: 10px 0; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec5 .fsec1-col2 ul { font-size: 0; border: 1px solid #a3a3a3; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec5 .fsec1-col2 ul li { width: 20%; text-align: center; display: inline-block; padding: 10px; font-size: 1.125rem; line-height: 1rem; border-right: 1px solid #a3a3a3; font-weight: 500; } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec5 .fsec1-col2 ul li { font-size: 0.875rem; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec5 .fsec1-col2 ul li:last-child { border-right: 0; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec5 .fsec1-col2 ul li:hover { cursor: pointer; background: #c7c7c7; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec5 .fsec1-col2 ul li a { color: #000000; text-decoration: none; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col1 { display: inline-block; width: auto; padding: 11px 20px 11px 0; } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col1 { padding: 10px 0; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col2 { display: inline-block; width: auto; } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col2 { width: 100%; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col2 ul { font-size: 0; border: 1px solid #a3a3a3; display: inline-block; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col2 ul li { display: inline-block; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col2 ul li:last-child input { border-right: 0; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col2 ul li input { cursor: pointer; border: 0; border-right: 1px solid #a3a3a3; padding: 10px 13px; background: inherit; font-size: 1rem; text-transform: uppercase; font-weight: 500; line-height: 1rem; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col2 ul li input:hover { background: #c7c7c7; } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col2 ul li input { font-size: 0.875rem; } } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col3 { width: 100%; margin: 20px 0 0; } } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col3 input { cursor: pointer; border: 0; border: 1px solid #000000; padding: 10px 13px; background: #000000; color: #FFFFFF; font-size: 1rem; text-transform: uppercase; font-weight: 500; line-height: 1rem; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col3 input:hover { background: #FFFFFF; color: #000000; } @media ( max-width : 767px) { .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col3 input { margin: 0 auto; display: block; font-size: 0.875rem; } } .finance_cardetails .inefinancecardetails .calculateform .irs--flat .irs { margin: -10px 0 0; } .finance_cardetails .inefinancecardetails .calculateform .irs--flat .irs-line { height: 3px; } .finance_cardetails .inefinancecardetails .calculateform .irs--flat .irs-bar { height: 3px; background: #000000; } .finance_cardetails .inefinancecardetails .calculateform .irs--flat .irs-handle { height: 0px; } .finance_cardetails .inefinancecardetails .calculateform .irs--flat .irs-handle i { background: #000000; } .finance_cardetails .inefinancecardetails .calculateform .irs--flat .irs-min { display: none; } .finance_cardetails .inefinancecardetails .calculateform .irs--flat .irs-max { display: none; } .finance_cardetails .inefinancecardetails .calculateform .irs--flat .irs-single { top: 15px; border: 1px solid #000000; background: #FFFFFF; color: #000000; font-weight: 600; font-size: 0.875rem; z-index: 9; word-spacing: -4px; border-radius: 0; cursor: pointer; } .finance_cardetails .inefinancecardetails .calculateform .irs--flat .irs-single:before { display: none; } .finance_cardetails .emidetailbox { float: left; width: 100%; margin: 50px 0; } @media ( max-width : 992px) { .finance_cardetails .emidetailbox { margin: 40px 0; } } @media ( max-width : 767px) { .finance_cardetails .emidetailbox { margin: 25px 0; } } .finance_cardetails .emidetailbox p { text-align: center; color: #000000; font-size: 1.125rem; line-height: 1.375rem; font-weight: 400; text-transform: uppercase; } @media ( max-width : 1200px) { .finance_cardetails .emidetailbox p { font-size: 1rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .finance_cardetails .emidetailbox p { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; } } .finance_cardetails .emidetailbox p strong { font-weight: 500; font-size: 1.3125rem; line-height: 1.5rem; } @media ( max-width : 1200px) { .finance_cardetails .emidetailbox p strong { font-size: 1.125rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .finance_cardetails .emidetailbox p strong { font-size: 1rem; line-height: 1.25rem; } } .financetabledetail { display: none; float: left; width: 100%; } .financetabledetail .inrfinancetabledetail { float: left; width: 100%; box-shadow: 0 0 30px #b5b5b5; } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail { box-shadow: none; } .financetabledetail .inrfinancetabledetail .noPadding { padding: 0 15px !important; } } .financetabledetail .inrfinancetabledetail .financemaintable { float: left; width: 100%; height: 100%; position: relative; } .financetabledetail .inrfinancetabledetail .financemaintable.rightfinancetable .financehead { left: 0; } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable.leftfinancetable { margin: 0 0 30px; height: auto; box-shadow: 0 0 30px #b5b5b5; } } .financetabledetail .inrfinancetabledetail .financemaintable.leftfinancetable .financehead { right: 0; } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable.rightfinancetable { margin: 0px; height: auto; box-shadow: 0 0 30px #b5b5b5; } } .financetabledetail .inrfinancetabledetail .financemaintable.rightfinancetable .financefoot { left: 0; } .financetabledetail .inrfinancetabledetail .financemaintable.leftfinancetable .financefoot { right: 0; } .financetabledetail .inrfinancetabledetail .financemaintable .financehead { float: left; position: absolute; top: 0; width: 97.5%; background: #e4e4e4; border: 1px solid #c2c2c2; padding: 15px 10px; } @media ( max-width : 1200px) { .financetabledetail .inrfinancetabledetail .financemaintable .financehead { width: 96.5%; } } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financehead { position: relative; width: 100%; background: none; border: 0; } } .financetabledetail .inrfinancetabledetail .financemaintable .financehead h4 { font-size: 1.125rem; line-height: 1.375rem; font-weight: 400; text-align: center; text-transform: uppercase; margin: 0; } @media ( max-width : 1200px) { .financetabledetail .inrfinancetabledetail .financemaintable .financehead h4 { font-size: 1rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financehead h4 { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody { float: left; width: 100%; height: 100%; padding: 50px 30px; } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody { padding: 0px 20px; height: auto; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody { float: left; width: 100%; height: 100%; padding: 50px 0px; } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody { padding: 20px 0; height: auto; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody:after { height: 100%; width: 1px; background: #959595; content: ''; position: absolute; top: 0; right: 0; } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody:after { display: none; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody .chartbox img { margin: 0 auto; } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul { width: 60%; margin: 20px auto 0; } @media ( max-width : 992px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul { width: 80%; } } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul { width: 100%; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li { font-size: 1.125rem; line-height: 1.375rem; font-weight: 400; text-align: left; text-transform: uppercase; margin: 0 0 15px; position: relative; } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li:last-child { margin: 0 0; } @media ( max-width : 992px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li { font-size: 1rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li { padding: 0 0 0 20px; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li span { display: inline-block; float: right; font-weight: 500; padding: 0 0 0 0px; } @media ( max-width : 992px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li span { padding: 0 0 0 0px; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li.loanamount::before { position: absolute; content: ''; left: -22px; width: 12px; height: 12px; top: 5px; border-radius: 50%; border: 3px solid #cccccc; } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li.loanamount::before { left: 0px; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li.interestdue::before { position: absolute; content: ''; left: -22px; width: 12px; height: 12px; top: 5px; border-radius: 50%; border: 3px solid #999999; } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li.interestdue::before { left: 0px; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li.processingfee::before { position: absolute; content: ''; left: -22px; width: 12px; height: 12px; top: 5px; border-radius: 50%; border: 3px solid #4c4c4c; } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .leftfinancebody ul li.processingfee::before { left: 0px; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .rightfinancebody { float: left; width: 100%; height: 100%; padding: 50px 40px 50px 20px; display: table; } @media ( max-width : 992px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .rightfinancebody { padding: 40px 30px 40px 0px; } } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .rightfinancebody { padding: 0; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .rightfinancebody ul { width: 100%; padding: 20px 0; display: table-cell; vertical-align: middle; height: 100%; } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .rightfinancebody ul { padding: 0; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .rightfinancebody ul li { font-size: 1.125rem; line-height: 1.375rem; font-weight: 400; text-align: left; text-transform: uppercase; margin: 25px 0; position: relative; float: left; width: 100%; } @media ( max-width : 992px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .rightfinancebody ul li { margin: 20px 0; font-size: 1rem; line-height: 1.25rem; } } @media ( max-width : 992px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .rightfinancebody ul li { margin: 10px 0; font-size: 0.875rem; line-height: 1.25rem; } } .financetabledetail .inrfinancetabledetail .financemaintable .financebody .rightfinancebody ul li span { display: inline-block; float: right; font-weight: 500; padding: 0 0 0 0px; } @media ( max-width : 992px) { .financetabledetail .inrfinancetabledetail .financemaintable .financebody .rightfinancebody ul li span { padding: 0 0 0 0px; } } .financetabledetail .inrfinancetabledetail .financemaintable .financefoot { float: left; width: 97.5%; position: absolute; bottom: 0; background: #e4e4e4; border: 1px solid #c2c2c2; padding: 15px 10px; min-height: 55px; } @media ( max-width : 1200px) { .financetabledetail .inrfinancetabledetail .financemaintable .financefoot { width: 96.5%; } } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financefoot { position: relative; width: 100%; background: none; border: 0; min-height: inherit; padding: 0px; } } .financetabledetail .inrfinancetabledetail .financemaintable .financefoot .requestbtn { text-align: center; margin: 15px 0; } .financetabledetail .inrfinancetabledetail .financemaintable .financefoot .requestbtn a { padding: 10px 13px; display: inline-block; color: #FFFFFF; background: #000000; font-size: 0.9375rem; } .financetabledetail .inrfinancetabledetail .financemaintable .financefoot h4 { width: 60%; margin: 0 auto; font-size: 1.125rem; line-height: 1.375rem; font-weight: 400; text-align: left; text-transform: uppercase; } @media ( max-width : 992px) { .financetabledetail .inrfinancetabledetail .financemaintable .financefoot h4 { width: 80%; font-size: 1rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .financetabledetail .inrfinancetabledetail .financemaintable .financefoot h4 { width: 90%; border-top: 1px solid #c2c2c2; padding: 15px 0; font-size: 0.875rem; line-height: 1.25rem; } } .financetabledetail .inrfinancetabledetail .financemaintable .financefoot h4 strong { display: inline-block; float: right; font-weight: 500; padding: 0 0 0 0px; } @media ( max-width : 992px) { .financetabledetail .inrfinancetabledetail .financemaintable .financefoot h4 strong { padding: 0px; } } .financetabledetail .emidetailbox { float: left; width: 100%; margin: 50px 0; } @media ( max-width : 992px) { .financetabledetail .emidetailbox { margin: 40px 0; } } @media ( max-width : 767px) { .financetabledetail .emidetailbox { margin: 25px 0; } } .financetabledetail .emidetailbox p { text-align: center; color: #000000; font-size: 1.125rem; line-height: 1.375rem; font-weight: 400; text-transform: uppercase; } @media ( max-width : 1200px) { .financetabledetail .emidetailbox p { font-size: 1rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .financetabledetail .emidetailbox p { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; } } .financetabledetail .emidetailbox p strong { font-weight: 500; font-size: 1.3125rem; line-height: 1.5rem; } @media ( max-width : 1200px) { .financetabledetail .emidetailbox p strong { font-size: 1.125rem; line-height: 1.25rem; } } @media ( max-width : 767px) { .financetabledetail .emidetailbox p strong { font-size: 1rem; line-height: 1.25rem; } } .finance_disclaimer { float: left; width: 100%; margin: 50px 0; } @media ( max-width : 992px) { .finance_disclaimer { margin: 40px 0; } } @media ( max-width : 767px) { .finance_disclaimer { margin: 30px 0; } } .finance_disclaimer p { color: #000000; font-weight: 400; margin-bottom: 25px; font-size: 1rem; line-height: 1.375rem; } .finance_disclaimer p strong { font-weight: 500; } @media ( max-width : 767px) { .finance_disclaimer p { font-size: 0.9375rem; line-height: 1.375rem; margin-bottom: 20px; } } @media ( max-width : 767px) { .finance_disclaimer p { font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 15px; } } .finance_disclaimer p:last-child { margin: 0; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec4 .fsec1-col2 ul li.active { background: #c7c7c7; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec5 .fsec1-col2 ul li.active { background: #c7c7c7; } .finance_cardetails .inefinancecardetails .calculateform .cal-scale1.fsec6 .fsec1-col2 ul li.active { background: #c7c7c7; } .mt30 { margin-top: 30px; } .myAccountM { width: 100%; float: left; padding: 50px 0; } @media ( max-width : 767px) { .myAccountM.changePaswrd { padding: 30px 0; } } @media ( max-width : 767px) { .myAccountM.changePaswrd .inputfield { font-size: 0.875rem !important; } } @media ( max-width : 767px) { .myAccountM.contnrMobPadding .container:first-child { padding: 0; } } @media ( max-width : 767px) { .myAccountM { padding: 0 0 30px; } } .myAccountM .myAccountSubSec { width: 100%; float: left; } .myAccountM .commonBlackBtn.mt30 { margin-top: 20px; } .myAccountM .commonBlackBtn li:first-child { margin-right: 15px; } @media ( max-width : 767px) { .myAccountM .commonBlackBtn li:first-child { margin-right: 5px; } } .profileDetailMain { width: 100%; float: left; } @media ( max-width : 767px) { .profileDetailMain { background-color: #ebebeb; padding: 20px; } } .profileDetailMain .profileLeftSec { width: 92px; float: left; } .profileDetailMain .profileLeftSec .custom-file { width: 100px; height: 100px; background: url(../images/my_account/add_picture.png) no-repeat left top; transition: all 0.4s; } .profileDetailMain .profileLeftSec .custom-file:hover { opacity: 0.7; } .profileDetailMain .profileLeftSec .custom-file-label { display: none; } .profileDetailMain .profileLeftSec .custom-file-input { height: 100%; cursor: pointer; } @media ( max-width : 767px) { .profileDetailMain .profileLeftSec img { display: inline-block; } } @media ( max-width : 767px) { .profileDetailMain .profileLeftSec { width: 100%; padding: 0; text-align: center; } } .profileDetailMain .profileRightSec { width: calc(100% - 117px); float: right; margin-bottom: 50px; } @media ( max-width : 767px) { .profileDetailMain .profileRightSec { width: calc(100%); text-align: center; margin-bottom: 0; } } .profileDetailMain .profileRightSec ul { list-style: none; padding: 0; margin: 0; } .profileDetailMain .profileRightSec li { list-style: none; padding: 0; margin: 0; padding: 6px 0; font-size: 1rem; line-height: 1.25rem; font-weight: 400; } @media ( max-width : 767px) { .profileDetailMain .profileRightSec li { padding: 6px 0 0; font-size: 0.875rem; line-height: 1.125rem; } } .profileAddreMainSec { width: calc(100% - 117px); float: right; } @media ( max-width : 767px) { .profileAddreMainSec { padding: 20px 0 0; width: calc(100%); } } .profileAddreMainSec .profileAddreSubSec { width: 100%; float: left; } .profileAddreMainSec .profileAddreSubSec ul { list-style: none; padding: 0; margin: 0; } .profileAddreMainSec .profileAddreSubSec li { list-style: none; padding: 0; margin: 0; padding: 6px 0; font-size: 1rem; line-height: 1.25rem; font-weight: 400; } @media ( max-width : 767px) { .profileAddreMainSec .profileAddreSubSec li { padding: 6px 0 0; font-size: 0.875rem; line-height: 1.125rem; } } .profileAddreMainSec .profileAddreSubSec li:last-child { padding-bottom: 0; } .profileAddreMainSec .profileAddreSubSec li div { vertical-align: top; } .profileAddreMainSec .profileAddreSubSec li div:nth-child(odd) { color: #868686; width: 200px; display: inline-block; } @media ( max-width : 767px) { .profileAddreMainSec .profileAddreSubSec li div:nth-child(odd) { width: 40%; } } .profileAddreMainSec .profileAddreSubSec li div:nth-child(even) { color: #000000; display: inline-block; } @media ( max-width : 767px) { .profileAddreMainSec .profileAddreSubSec li div:nth-child(even) { width: 58%; } } .profileAddreMainSec.formSec .profileAddreSubSec .form-group { padding: 0; margin: 0; width: 100%; } .profileAddreMainSec.formSec .profileAddreSubSec .form-group label { display: block; color: #868686; padding: 0; margin: 0; } .profileAddreMainSec.formSec .profileAddreSubSec .form-group select { border: 0; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 1rem; color: #000000; padding: 0; box-shadow: 0 0 0; background: url(../images/down-arrow.png) no-repeat 99% center; } @media ( max-width : 767px) { .profileAddreMainSec.formSec .profileAddreSubSec .form-group select { font-size: 0.875rem; } } .profileAddreMainSec.formSec .profileAddreSubSec .form-group select:-moz-placeholder { color: #000000; } .profileAddreMainSec.formSec .profileAddreSubSec .form-group select::-moz-placeholder { color: #000000; } .profileAddreMainSec.formSec .profileAddreSubSec .form-group select:-ms-input-placeholder { color: #000000; } .profileAddreMainSec.formSec .profileAddreSubSec .form-group input { border: 0; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 1rem; color: #000000; padding: 0; box-shadow: 0 0 0; } @media ( max-width : 767px) { .profileAddreMainSec.formSec .profileAddreSubSec .form-group input { font-size: 0.875rem; } } .profileAddreMainSec.formSec .profileAddreSubSec .form-group input::-webkit-input-placeholder { color: #000000; } .myAccountM.changePaswrd .engineMain { margin-bottom: 0; } .myAccountM.changePaswrd .changePassBtnSec { margin-top: 30px; float: left; } @media ( max-width : 767px) { .myAccountM.changePaswrd .changePassBtnSec { margin-top: 0; } } .myAccountM.changePaswrd .brandpage_ebookform { padding: 0; } .myAccountM.changePaswrd .bookShowroomMain { padding: 0; } .myAccountM.changePaswrd .commonBlackBtn { float: left; width: auto; padding-right: 0; margin: 0; } .myAccountM.changePaswrd .mandatoryTxt { float: left; padding-left: 15px; } @media ( max-width : 767px) and (orientation: portrait) { .myAccountM.changePaswrd .mandatoryTxt { padding: 5px 0 0 0; } } .myAccountM.changePaswrd .mandatoryTxt p { color: #989898; font-size: 0.9375rem; line-height: 2.1875rem; } .myAccountM.editProfile .profileAddreSubSec { width: 350px; float: left; } @media ( max-width : 767px) { .myAccountM.editProfile .profileAddreSubSec { width: 100%; } } .myAccountM.editProfile .profileAddreSubSec li { padding: 6px 0 20px; } @media ( max-width : 767px) { .myAccountM.editProfile .profileAddreSubSec li { padding: 6px 0 0; } } .myAccountM.editProfile .profileAddreSubSec li:last-child { padding-bottom: 0; } .commonBlackBtn .submitBtn { font-size: 0.9375rem; color: #FFFFFF; background: #000000; padding: 10px 13px; cursor: pointer; border: 1px solid #000000; text-transform: uppercase; transition-duration: 1s; -webkit-transition-duration: 1s; } .commonBlackBtn .submitBtn:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; -webkit-transition-duration: 1s; } .mb30 { margin-bottom: 30px; } .searchPageM { width: 100%; float: left; margin: 50px 0; } .searchPageM .popularSearchSec { width: 100%; float: left; padding: 15px 0; margin-top: 30px; background-color: #ebebeb; } @media ( max-width : 767px) { .searchPageM .popularSearchSec { position: fixed; z-index: 10; bottom: 70px; left: 0; } } .searchPageM .popularSearchSec .popularSearchBtn { width: 100%; float: left; } .searchPageM .popularSearchSec .popularSearchBtn.commonBlackBtn li { margin-right: 10px; } .searchPageM .popularSearchSec .popularSearchBtn.commonBlackBtn li:last-child { margin-right: 0; } @media ( max-width : 767px) { .searchPageM .popularSearchSec .popularSearchBtn.commonBlackBtn li { margin-right: 0; } } .searchPageM .popularSearchSec .popularSearchBtn.commonBlackBtn li a { color: #000000; background: #FFFFFF; } .searchPageM .popularSearchSec .popularSearchBtn.commonBlackBtn li a:hover { color: #FFFFFF; background: #000000; } .searchPageM .popularSearchSec h3 { font-size: 1.5rem; line-height: 1.875rem; font-weight: 500; margin-bottom: 10px; } @media ( max-width : 992px) { .searchPageM .popularSearchSec h3 { font-size: 1.125rem; line-height: 1.5rem; } } @media ( max-width : 767px) { .searchPageM .popularSearchSec h3 { font-size: 1rem; line-height: 1.25rem; } } @media ( max-width : 992px) { .searchPageM { margin: 40px 0; } } @media ( max-width : 767px) { .searchPageM { margin: 0 0 30px; } } .searchPageM .searchFieldSec { width: 100%; float: left; } @media ( max-width : 767px) { .searchPageM .searchFieldSec { padding: 10px 0; background: #ebebeb; } } @media ( max-width : 992px) { .searchPageM .searchFieldSec.mb50 { margin-bottom: 30px; } } .searchPageM .searchFieldSec .form-group { width: 100%; float: left; margin-bottom: 10px; } @media ( max-width : 767px) { .searchPageM .searchFieldSec .form-group { margin-bottom: 0; } } .searchPageM .searchFieldSec .form-group input { border: 0; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 1.5625rem; color: #000000; padding: 0 20px 0 0; box-shadow: 0 0 0; background: url(../images/header/search-icon.png) no-repeat right center; } .searchPageM .searchFieldSec .form-group input::-webkit-input-placeholder { color: #000000; } .searchPageM .searchFieldSec .form-group input:-moz-placeholder { color: #000000; } .searchPageM .searchFieldSec .form-group input::-moz-placeholder { color: #000000; } .searchPageM .searchFieldSec .form-group input:-ms-input-placeholder { color: #000000; } @media ( max-width : 767px) { .searchPageM .searchFieldSec .form-group input { font-size: 16px; } } .searchPageM .searchFieldSec .formTxtSec { width: 100%; float: left; } @media ( max-width : 767px) { .searchPageM .searchFieldSec .formTxtSec { padding-top: 15px; } } .searchPageM .searchFieldSec .formTxtSec p { font-size: 1rem; color: #4b4b4b; font-weight: 400; } .searchPageM .searchFieldSec .formTxtSec p a { color: #1565f8; text-decoration: underline; transition: all 0.4s; } .searchPageM .searchFieldSec .formTxtSec p a:hover { text-decoration: none; } .searchPageM .searchResultSec { width: 100%; float: left; } .searchPageM .searchResultSec h3 { font-size: 1rem; font-weight: 400; padding: 0; margin: 0 0 10px; } @media ( max-width : 992px) { .searchPageM .searchResultSec h3 { margin: 0 0 0; } } .searchPageM .searchRptMain { width: 100%; float: left; } .searchPageM .searchRptMain .searchRptSec { width: 100%; padding: 25px 0; } .searchPageM .searchRptMain .searchRptSec:last-child { padding-bottom: 0; } @media ( max-width : 992px) { .searchPageM .searchRptMain .searchRptSec { padding: 15px 0; } } .searchPageM .searchRptMain .searchRptSec figure { padding: 0; margin: 0; } @media ( max-width : 767px) { .searchPageM .searchRptMain .searchRptSec figure { margin-bottom: 15px; } } .searchPageM .searchRptMain .searchRptSec figure img { width: 100%; } .searchPageM .searchRptMain .searchRptSec .searchContentSec { width: 100%; float: left; } .searchPageM .searchRptMain .searchRptSec .searchContentSec #accordion { border: none; } .searchPageM .searchRptMain .searchRptSec .searchContentSec .vSearchAcrdnSec { width: 100%; float: left; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #b5b5b5; } @media ( max-width : 767px) { .searchPageM .searchRptMain .searchRptSec .searchContentSec .vSearchAcrdnSec { margin-bottom: 20px; } } .searchPageM .searchRptMain .searchRptSec .searchContentSec .vSearchAcrdnSec:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .searchPageM .searchRptMain .searchRptSec .searchContentSec .vSearchAcrdnSec .card { border-bottom: none; padding: 15px 0; } @media ( max-width : 992px) { .searchPageM .searchRptMain .searchRptSec .searchContentSec .vSearchAcrdnSec .card { padding: 10px 0; } } .searchPageM .searchRptMain .searchRptSec .searchContentSec .pointerSec { width: 100%; float: left; padding-left: 15px; } .searchPageM .searchRptMain .searchRptSec .searchContentSec .pointerSec li { font-size: 0.875rem; font-weight: 400; line-height: 20px; margin-bottom: 10px; } .searchPageM .searchRptMain .searchRptSec .searchContentSec .pointerSec li:last-child { margin-bottom: 0; } .searchPageM .searchRptMain .searchRptSec .searchContentSec .pointerSec li a { color: #000000; text-decoration: underline; } .searchPageM .searchRptMain .searchRptSec .searchContentSec .pointerSec li a:hover { text-decoration: none; } .searchPageM .searchRptMain .searchRptSec .searchContentSec h3 { font-size: 1.5rem; line-height: 1.875rem; font-weight: 500; margin-bottom: 10px; } @media ( max-width : 992px) { .searchPageM .searchRptMain .searchRptSec .searchContentSec h3 { font-size: 1.125rem; line-height: 1.5rem; } } @media ( max-width : 767px) { .searchPageM .searchRptMain .searchRptSec .searchContentSec h3 { font-size: 1rem; line-height: 1.25rem; } } .searchPageM .searchRptMain .searchRptSec .searchContentSec h4 { font-size: 1rem; line-height: 1.25rem; font-weight: 500; } @media ( max-width : 992px) { .searchPageM .searchRptMain .searchRptSec .searchContentSec h4 { margin-bottom: 10px; } } @media ( max-width : 767px) { .searchPageM .searchRptMain .searchRptSec .searchContentSec h4 { font-size: 0.875rem; line-height: 1.125rem; } } .searchPageM .searchRptMain .searchRptSec .searchContentSec p { font-size: 0.875rem; font-weight: 400; line-height: 20px; } @media ( max-width : 992px) { .searchPageM .searchRptMain .searchRptSec .searchContentSec p { line-height: 1.125rem; } } .searchPageM .searchRptMain .searchRptSec .searchContentSec p a { color: #000000; text-decoration: underline; transition: all 0.4s; display: block; margin-top: 20px; } @media ( max-width : 767px) { .searchPageM .searchRptMain .searchRptSec .searchContentSec p a { margin-top: 10px; } } .searchPageM .searchRptMain .searchRptSec .searchContentSec p a:hover { text-decoration: none; } .reviewPagination.search { width: 100%; float: left; padding-top: 25px; } @media ( max-width : 767px) { .noSearchFooter footer { padding-bottom: 170px; } } @media screen and (max-width: 374px) { .searchPageM .popularSearchSec { bottom: 60px; } } @media screen and (max-width: 374px) and (max-width: 767px) { .noSearchFooter footer { padding-bottom: 155px; } } @media screen and (max-width: 359px) { .popularSearchBtn.commonBlackBtn li a { padding: 6px; } } @ -webkit-keyframes mymove { 0% { opacity: 1; } 50% { opacity : 0; } 100% { opacity : 1; } } @ keyframes mymove { 0% { opacity: 1; } 50% { opacity : 0; } 100% { opacity : 1; } } .Page404M { width: 100%; float: left; padding: 50px 0; background: #000000; } @media ( max-width : 992px) { .Page404M { padding: 40px 0; } } @media ( max-width : 767px) { .Page404M { padding: 30px 0; } } .Page404M .Page4ImgSec { width: 100%; float: left; text-align: center; } .Page404M .Page4ImgSec figure { padding: 0; margin: 0; text-align: center; display: block; } .Page404M .Page4ImgSec figure img { display: inline-block; } .Page404M .Page4ImgSec h3 { color: #FFFFFF; font-weight: 400; font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 20px; } @media ( max-width : 767px) { .Page404M .Page4ImgSec h3 { font-size: 0.875rem; margin-bottom: 10px; } } .animationImg { position: relative; animation: mymove 3s infinite; } .takeHomeBtn { width: 100%; float: left; } .takeHomeBtn ul { padding: 0; margin: 0; } .takeHomeBtn li { list-style: none; display: inline-block; } .takeHomeBtn li a { text-decoration: none; font-weight: 400; font-size: 0.9375rem; color: #FFFFFF; padding: 12px 13px; background: #000000; border: 1px solid #fff; text-transform: uppercase; display: block; transition-duration: 1s; -webkit-transition-duration: 1s; } .takeHomeBtn li a:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; } [type="radio"]:checked, [type="radio"]:not (:checked ) { position: absolute; left: -9999px; } [type="radio"]:checked+label, [type="radio"]:not (:checked ) +label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } [type="radio"]:checked+label:before, [type="radio"]:not (:checked ) +label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #383838; border-radius: 100%; background: #fff; } [type="radio"]:checked+label:after { content: ''; width: 8px; height: 8px; background: #111111; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } [type="radio"]:not (:checked ) +label:after { content: ''; width: 8px; height: 8px; background: #111111; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked+label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .needHelpMain { padding-top: 50px; padding-bottom: 50px; float: left; width: 100%; } @media ( max-width : 767px) { .needHelpMain { padding-top: 30px; padding-bottom: 30px; } } .needHelpMain .login-trouble-signing h2 { font-size: 1.5rem; color: #000000; font-weight: 500; text-align: center; margin: 0 0 35px; text-transform: uppercase; border-bottom: #cccccc solid 1px; padding-bottom: 25px; } @media ( max-width : 767px) { .needHelpMain .login-trouble-signing h2 { font-size: 1.25rem; } } .needHelpMain .login-trouble-signing h3 { font-size: 1.125rem; color: #000000; font-weight: 500; text-align: center; margin: 0 0 30px; } @media ( max-width : 767px) { .needHelpMain .login-trouble-signing h3 { font-size: 1rem; } } .needHelpMain .login-trouble-signing form { width: 325px; margin: auto; } .needHelpMain .login-trouble-signing form p label { font-weight: 400; } @media ( max-width : 767px) { .needHelpMain .login-trouble-signing form p label { font-size: 0.875rem; } } .needHelpMain .login-trouble-signing form input[type="submit"] { background: #000000; color: #FFFFFF; font-size: 0.9375rem; text-transform: uppercase; font-weight: 500; padding: 12px 13px; display: block; text-align: center; border: 1px solid #000000; transition-duration: 1s; -webkit-transition-duration: 1s; text-decoration: none; width: 100%; margin-top: 35px; cursor: pointer; } .needHelpMain .login-trouble-signing form input[type="submit"]:hover { background: #FFFFFF; color: #000000; transition-duration: 1s; } @media ( max-width : 767px) { .needHelpMain .login-trouble-signing form input[type="submit"] { width: 120px; margin: auto; } } .needHelpMain .login-trouble-signing.forgotPassword .engineMain { margin: 0px; } .needHelpMain .login-trouble-signing.forgotPassword .engineMain form { width: 100%; padding: 0px; } .needHelpMain .login-trouble-signing.forgotPassword .engineMain form .form-group { float: left; position: relative; width: 100%; } .needHelpMain .login-trouble-signing.forgotPassword .engineMain form .form-group span { position: absolute; right: -25px; top: 20px; font-weight: normal; } @media ( max-width : 767px) { .needHelpMain .login-trouble-signing.forgotPassword .engineMain form .form-group span { width: 100%; position: relative; text-align: center; float: left; top: 0px; right: 0px; padding-top: 20px; } } .needHelpMain .login-trouble-signing.forgotPassword .engineMain form .ebook_submit { margin-top: 15px; } .needHelpMain .login-trouble-signing.otpVerifySec form span { width: 100%; float: left; text-align: center; font-size: 20px; font-weight: normal; } .needHelpMain .login-trouble-signing.otpVerifySec form input[type="text"] { border: 0px; width: 100%; appearance: none; -webkit-appearance: none; height: 40px; border-bottom: 1px solid #000; border-radius: 0px; outline: none; font-size: 1.5625rem; color: #000000; padding: 0px; box-shadow: 0 0 0; text-align: center; letter-spacing: 10px; margin-top: 20px; } .needHelpMain .login-trouble-signing.otpVerifySec .resendLink { float: left; width: 100%; text-align: center; font-size: 0.875rem; font-weight: normal; margin-top: 20px; line-height: normal; } .needHelpMain .login-trouble-signing.otpVerifySec .resendLink a { text-decoration: none; color: #666; width: 100%; float: left; } .forNeSub { margin-top: -35px !important; } @media ( max-width : 767px) { .forNeSub { margin-top: 0px !important; margin-bottom: 0px !important; } } .floating-icons { width: 49px; border: 1px solid #202020; position: fixed; right: 0; bottom: 40%; overflow: hidden; z-index: 9999; background: #010101; } @media ( max-width : 767px) { .floating-icons { display: none; } } .floating-icons li { cursor: pointer; border-bottom: 1px solid #202020; height: 47px; width: 240px; float: right; } .floating-icons li:hover { background: #252424; } .floating-icons li:last-child { border: none; } .floating-icons li .hide-icon { border-left: 1px solid #333039; width: 49px; height: 47px; display: block; float: right; text-indent: -999px; overflow: hidden; } .floating-icons li:hover a { color: #FFFFFF; } .floating-icons li a { padding-left: 20px; font-size: 0.8125rem; color: gray; text-transform: uppercase; height: 47px; line-height: 47px; display: block; font-weight: 400; text-decoration: none; } .floating-icons li.book-showroom .hide-icon { background: url(../images/fixed-sidebar/showroom-visit.png) center 15px no-repeat; } .floating-icons li.locate .hide-icon { background: url(../images/fixed-sidebar/float-quote-icon.png) center 11px no-repeat; } .floating-icons li.book .hide-icon { background: url(../images/fixed-sidebar/float-drive-icon.png) center 11px no-repeat; } .floating-icons li.cont .hide-icon { background: url(../images/fixed-sidebar/float-book.png) center 15px no-repeat; } .floating-icons li.cinfig .hide-icon { background: url(../images/fixed-sidebar/float-config.png) center 15px no-repeat; } .floating-icons li.connect .hide-icon { background: url(../images/fixed-sidebar/connect-unit.png) center 15px no-repeat; } /**************************range********************/ .mapsliderBox { position: absolute; z-index: 9999; height: 50px; right: 34%; border: 0; bottom: 5px; } .mapsliderBox .slidecontainer:before { border-radius: 100%; height: 18px; width: 18px; position: absolute; left: -17px; content: ""; display: block; background: #000; Z-INDEX: 9999; top: -5px; } .mapsliderBox .slidecontainer:after { border-radius: 100%; height: 8px; width: 8px; position: absolute; left: -12px; content: ""; display: block; background: #fff; Z-INDEX: 9999; top: 0px; } .mapsliderBox .slidecontainer { width: 160px; margin: 0 auto; position: relative; } .mapsliderBox .slider { -webkit-appearance: none; width: 100%; height: 5px; border-radius: 5px; background: #000000; outline: none; border: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; opacity: 1; } .mapsliderBox .slider:hover { opacity: 1; } .rangeValue { padding: 5px 0px; font-size: 12px; font-weight: 600; position: absolute; left: 0px; margin-left: -10px; } .mapsliderBox .slider::-webkit-slider-thumb { -webkit-appearance: none; width: 30px; height: 30px; border: 0; background: url('../images/locator/rangehandler.png'); cursor: pointer; } .mapsliderBox .slider::-moz-range-thumb { -webkit-appearance: none; width: 30px; height: 30px; border: 0; background: url('../images/locator/rangehandler.png'); cursor: pointer; } .mapsliderBox .slider::-ms-track { -ms-appearance: none; appearance: none; width: 100%; height: 5px; border-radius: 5px; background: #000000; outline: none; border: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; opacity: 1; cursor: pointer; } .mapsliderBox .slider::-ms-fill-lower { background: #777; border-radius: 10px; } .mapsliderBox .slider::-ms-fill-upper { background: #ddd; border-radius: 10px; } .mapsliderBox .slider::-ms-thumb { -ms-appearance: none; appearance: none; width: 30px; height: 30px; border: 0; background: url('../images/locator/rangehandler.png'); cursor: pointer; } .mapsliderBox .slider:focus::-ms-fill-lower { background: #888; } .mapsliderBox .slider:focus::-ms-fill-upper { background: #ccc; } /***********************************/ /*************************/ .iconMoveApp { position: absolute; top: 7px; display: none; right: 7px; } .material-icon_1 { height: 100%; width: 100%; display: block } .list-table { display: table; width: 100%; } .list-table:nth-child(2n+1) { background: #fafafa; } .list-table>div { display: table-cell; padding: 10px 5px; vertical-align: top; min-width: 80px; font-size: 12px; color: #000; } .list-table>div:last-child { width: 75%; } .titleList { font-size: 15px; text-transform: uppercase; font-weight: 400; padding-bottom: 7px; color: #000; } .list-table address { padding-bottom: 7px; display: block; color: #666; } .list-table .phoneNo { display: block; color: #666; } .list-table .phoneNo a { color: #666; } .mmiTable_dir { display: block; width: 100%; padding-top: 7px; } .mmiTable_dir>div { width: 50%; float: left; cursor: pointer } .mmiTable_dir span { vertical-align: middle; font-size: 16px; } .list-BlockIn { height: 88%; overflow: auto; } .list-BlockIn li.list-table:hover { background: #eee; } .list-BlockIn::-webkit-scrollbar { width: 4px; } .hiddenhandal { position: absolute; right: -24px; width: 24px; background: #ffffff; height: 44px; color: #000; z-index: 99999999; transition: all 0.6s; padding: 11px 0px; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.1) 4px 2px 6px; } .Hiddenleft_section .hiddenhandal span { transform: rotate(-180deg); } .Hiddenleft_section .filterMMImapSec { left: -382px;; } .list-BlockIn.height_direc_t23 { height: 75%; clear: both; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #ccc; border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #000; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #666; } ::-moz-scrollbar { width: 4px; } /* Track */ ::-moz-scrollbar-track { box-shadow: inset 0 0 5px #ccc; border-radius: 10px; } /* Handle */ ::-moz-scrollbar-thumb { background: #000; border-radius: 10px; } /* Handle on hover */ ::-moz-scrollbar-thumb:hover { background: #666; } .list-BlockIn { height: 88%; overflow: auto; } .list-BlockIn.height_direc_t23 { height: 75%; } .listResult { height: 88vh; background: #fff; padding: 15px; } a.chkin_button { background: #e84540; text-decoration: none; text-align: center; padding: 4px 8px; } a:link.chkin_button, a:visited.chkin_button, a:active.chkin_button { color: #fff; } a.chkin_button:hover, .freq_bg:hover { background: #ff9b97; } .material-icon_1_map { display: inline-block; width: 20px; height: 20px; } .serachResultCountNu { background: #FFF; color: #000; font-size: 18px; padding: 10px; line-height:20px; font-weight: 600; } .add_t_12{font-weight: 400;} .dirtr .manouver-icon img { -webkit-filter:brightness(0%); /* Safari 6.0 - 9.0 */ filter: brightness(0%); } /*********************************/ .list-BlockIn { overflow-x: hidden } .list-BlockIn.height_direc_t23 { height: calc(100vh - 390px); } .add_t_M { font-size: 14px; padding: 10px 2px; color: #000; font-weight: 600; } .formDiv_st:before { clear: both; content: ""; width: 100%; display: block } .header_row { background: #ccc; } .add_h_M { width: 40px; text-align: center; padding: 7px 7px; vertical-align: middle; } .add_h_t { font-size: 14px; line-height:20px; font-weight: 600; padding: 10px 4px; color: #000; } #newnexa *{font-family: 'Fira Sans'} #listview td{padding:2px 5px; line-height: 20px; font-size:14px;} .add_h_t .text_he_5 { color: #fff; } .dirtr { padding: 7px 0px; } .formDiv_st { padding: 6px 0px; font-size: 14px; line-height:20px; color: #000; padding-left: 12px; } .formDiv_st>span:first-child { font-weight: 600; padding-right: 10px; padding-bottom: 41px; width: 49px; float: left; } .headdingmmi { color: #fff; padding: 7px 20px 7px 10px; background: #333; font-weight: 500; font-size: 14px; border-radius: 2px 2px 0 0; } .buttonDirection { padding: 0px 20px 20px; display: table; width: 100%; } .buttonDirection>div { display: table-cell; width: 50%; vertical-align: middle; padding: 15px 0px 0px } .buttonDirection>div #start_btn { background: #0e54a5; color: #fff; border: none; border-radius: 4px; padding: 3px 20px; display: block; } .buttonDirection>div #end_btn { background: #ff872a; color: #000; float: right; border: none; border-radius: 4px; padding: 3px 20px; display: block; } .containerDiv { padding: 10px; line-height: 22px; min-width: 200px; } .containerDiv .namelabel span { font-weight: 600; } #map .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 3px; right: 4px; padding: 0; border: none; text-align: center; width: 18px; height: 14px; font: 19px/18px Tahoma, Verdana, sans-serif; color: #000000; text-decoration: none; font-weight: bold; /* background: white; */ /* border-radius: 100%; */ height: 24px; width: 24px; border: #ff872a 2px solid; line-height: 20px; font-weight: 100; } #map .leaflet-popup-content-wrapper, #map .leaflet-popup-content { padding: 0px; margin: 0px; } #map .leaflet-popup-content-wrapper { border-radius: 2px; } #map .leaflet-popup-content-wrapper, #map .leaflet-popup-content { padding: 0px; margin: 0px; width:100% !important; } .as-input { padding: 5px 10px; border-radius: 2px; border: #c9c9c9 1px solid; background: #fff; width: 100%; } #map .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 3px; right: 4px; padding: 0; border: none; text-align: center; width: 18px; height: 14px; font: 19px/18px Tahoma, Verdana, sans-serif; color: #fff; text-decoration: none; font-weight: bold; /* background: white; */ /* border-radius: 100%; */ height: 24px; width: 24px; border: #ff872a 2px solid; line-height: 20px; font-weight: 100; } /*****************************************/ .info_M_t td { padding: 5px 10px; vertical-align: top; border: 0px; } /*********************************/ /*******************************************************/ .loadingMMI{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; /* background-color: #000; */ background-color:rgba(255,255,255,0.8); /* z-index: 9999999999999; */ } .loadingMMI .middle{ position: absolute; top: 50%; width: 100%; } .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.2s infinite; } .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.2s infinite; } .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.2s infinite; } .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.2s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } .popup_dir_icon{height: 28px; width:28px; color: #FFFFFF; display:inline-block; background: #000000; font-size: 0.9375rem; font-weight: 400; padding: 7px 3px 0 7px; display: inline-block; vertical-align: bottom; margin-right: 10px; text-decoration: none; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .mCSB_dragger_bar { right: 10px; } body .map-control .expand-map-control > li > a{background: #000000;} body .map-control { top: 25%; } .leaflet-routing-icon { background-image: url('../images/osrm.directions.icons.color.svg'); -webkit-background-size: 455px 20px; background-size: 455px 20px; background-repeat: no-repeat; margin: 0; content: ''; display: inline-block; vertical-align: top; width: 20px; height: 20px; } .leaflet-routing-icon.lanes.invalid { filter: invert(50%); } .leaflet-routing-alt-minimized .leaflet-routing-icon { background-image: url('../images/osrm.directions.icons.color.svg'); } .leaflet-routing-icon-continue { background-position: 2px 0px; } .leaflet-routing-icon-sharp-right { background-position: -24px 0px; } .leaflet-routing-icon-turn-right { background-position: -50px 0px; } .leaflet-routing-icon-bear-right { background-position: -74px 0px; } .leaflet-routing-icon-u-turn { background-position: -101px 0px; } .leaflet-routing-icon-sharp-left { background-position: -127px 0px; } .leaflet-routing-icon-turn-left { background-position: -150px 0px; } .leaflet-routing-icon-bear-left { background-position: -175px 0px; } .leaflet-routing-icon-depart { background-position: -202px 0px; } .leaflet-routing-icon-enter-roundabout { background-position: -227px 0px; } .leaflet-routing-icon-arrive { background-position: -253px 0px; } .leaflet-routing-icon-via { background-position: -278px 0px; } .leaflet-routing-icon-fork { background-position: -305px 0px; } .leaflet-routing-icon-ramp-right { background-position: -331px 0px; } .leaflet-routing-icon-ramp-left { background-position: -352px 0px; } .leaflet-routing-icon-merge-left { background-position: -376px 0px; } .leaflet-routing-icon-merge-right { background-position: -403px 0px; } .leaflet-routing-icon-end { background-position: -429px 0px; } /* .showroomDetailsMain .showroomDetailBox ul li { width: 100% !important; text-align: left; } */ /**********JK***********/ .searchInputField select:focus, .searchInputField input:focus { outline: none; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } .select2-container--default .select2-selection--single{ border-bottom: 1px solid #000000 !important; } .select2-container .select2-selection--single .select2-selection__rendered { font-size: 16px !important; float: none !important; } .showroomDetailsMain .showroomDetailBox ul li { text-align: left !important; } tr.header_row:nth-child(even) { background-color: #ccc !important; } #listview td { padding: 2px 5px !important; line-height: 20px; font-size: 14px; border: 0; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: darkgrey !important; color: white; } .showroomDetailsMain .showroomDetailBox ul.as-list li { width: 100%; } @media (max-width: 768px) { .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .buttonDirect { position: unset !important; width: 100% !important; } .showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar .addLocation .buttonDirect a:first-child { top: 7px !important; } } .buttonDirect img{margin-right:10px;} .routeBox_1 table tbody tr img{width: auto;height:auto;/* padding: 10px; */} .full-width_Viewdealer{ width:100% !important; } @media (min-width: 1180px) { .showroomMapImg { height: 599px !important; } } .routeBox_1 tr td, .routeBox_1 tr th { border: 0px !important; padding: 5px !important; } @media (max-width: 768px) { body .iconMoveApp { display: block; position: absolute; right: 0px; font-size: 18px; top: 0; height: 43px; width: 48%; background: #000; color: #000; text-align: center; padding: 0; z-index: 999999999999; font-size: 0; display: flex; align-items: center; justify-content: center; } } /**********JK******END*****/