html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0
}
input {
line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid silver
}
legend {
padding: 0;
border: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-spacing: 0;
border-collapse: collapse
}
td,
th {
padding: 0
}
@media print {
*,
:before,
:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000 !important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: #fff !important
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:before,
:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 24px;
color: #666;
background-color: #fff
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #337ab7;
text-decoration: none
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
[role="button"] {
cursor: pointer
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: 400;
line-height: 1;
color: #777
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%
}
h1,
.h1 {
font-size: 36px
}
h2,
.h2 {
font-size: 30px
}
h3,
.h3 {
font-size: 24px
}
h4,
.h4 {
font-size: 18px
}
h5,
.h5 {
font-size: 14px
}
h6,
.h6 {
font-size: 12px
}
p {
margin: 0 0 10px
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4
}
@media (min-width: 768px) {
.lead {
font-size: 21px
}
}
small,
.small {
font-size: 85%
}
mark,
.mark {
padding: .2em;
background-color: #fcf8e3
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #777
}
.text-primary {
color: #337ab7
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px
}
dl {
margin-top: 0;
margin-bottom: 20px
}
dt,
dd {
line-height: 1.42857143
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 768px) {
.container {
width: 750px
}
}
@media (min-width: 992px) {
.container {
width: 970px
}
}
@media (min-width: 1200px) {
.container {
width: 1230px
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
margin-right: -15px;
margin-left: -15px
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left
}
th {
text-align: left
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 5px
}
.table-bordered {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none
}
.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
background-color: #f5f5f5
}
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
background-color: #e8e8e8
}
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
background-color: #dff0d8
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
background-color: #d0e9c6
}
.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
background-color: #d9edf7
}
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
background-color: #c4e3f3
}
.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
background-color: #fcf8e3
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
background-color: #faf2cc
}
.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
background-color: #f2dede
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
background-color: #ebcccc
}
.table-responsive {
min-height: .01%;
overflow-x: auto
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0
}
.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
border-bottom: 0
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5
}
label {
display: inline-block;
max-width: 100%;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal
}
input[type="file"] {
display: block
}
input[type="range"] {
display: block;
width: 100%
}
select[multiple],
select[size] {
height: auto
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
select.form-control {
padding: 6px 2px;
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #999
}
.form-control::-webkit-input-placeholder {
color: #999
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed
}
textarea.form-control {
height: auto
}
input[type="search"] {
-webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px
}
}
.form-group {
margin-bottom: 15px
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px
}
.radio+.radio,
.checkbox+.checkbox {
margin-top: -5px
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
margin-top: 0;
margin-left: 10px
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed
}
.btn {
display: inline-block;
padding: 5px 18px;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: none;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
color: #FFF;
background-color: #0D4DA2;
}
.btn-default:focus,
.btn-default.focus {
color: #FFF;
background-color: #0D4DA2;
}
.btn-default:hover {
color: #FFF;
background-color: #333;
border-color: #adadad
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
color: #FFF;
background-color: #0D4DA2;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
background-image: none
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc
}
.btn-default .badge {
color: #fff;
background-color: #333
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropup,
.dropdown {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
color: #777
}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
right: 0;
left: auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0
}
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav>li {
position: relative;
display: block
}
.nav>li>a {
position: relative;
display: block;
}
.nav>li>a:hover,
.nav>li>a:focus {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a {
color: #777
}
.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
background-color: #eee;
border-color: #337ab7
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.navbar {
position: relative;
margin-top: 15px;
}
.navbar>.nav>li:last-child>a {
color: #fff;
}
.navbar>.nav>li:last-child>a:hover {
color: #fff;
}
.navbar>.nav>li:last-child {
background-color: #0d4da2;
-webkit-animation: glowing 1500ms infinite;
-moz-animation: glowing 1500ms infinite;
-o-animation: glowing 1500ms infinite;
animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
10% {
background-color: #0d4da2;
-webkit-box-shadow: 0 0 5px #0d4da2;
}
50% {
background-color: #0d4da2;
-webkit-box-shadow: 0 0 15px #0d4da2;
}
100% {
background-color: #0d4da2;
-webkit-box-shadow: 0 0 2px #0d4da2;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left
}
}
@media (min-width: 768px) {
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: -15px
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px
}
.navbar-toggle:focus {
outline: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
@media (min-width: 768px) {
.navbar-toggle {
display: none
}
}
.navbar-nav {
margin: 7.5px -15px
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px
}
.navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-nav .open .dropdown-menu>li>a:focus {
background-image: none
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav>li {
float: left
}
}
.navbar-default .navbar-brand {
color: #777
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent
}
.navbar-default .navbar-text {
color: #777
}
.navbar-default .navbar-nav>li>ul {
list-style: none;
opacity: 0;
visibility: hidden;
z-index: 100;
transition: visibility 0s, opacity 0.5s linear;
position: absolute;
padding-left: 0px;
margin-bottom: 0px;
background: #FFF;
width: 100%;
border-left: 1px solid #93DCFF;
border-right: 1px solid #93DCFF;
}
.navbar-default .navbar-nav>li:hover ul {
visibility: visible;
opacity: 1;
}
.navbar-default .navbar-nav>li:hover>ul {
opacity: 1;
}
.navbar-default .navbar-nav>li>ul>li {
border-bottom: 1px solid #93DCFF;
}
.navbar-default .navbar-nav>li>ul>li>a {
padding: 5px 5px;
display: block;
color: #0D4DA2;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.navbar-default .navbar-nav>li>ul>li>a:hover {
background: #93DCFF;
color: #FFF;
}
.navbar-default .navbar-nav>li>a {
color: #0D4DA2;
text-transform: uppercase;
font-weight: 300;
font-size: 18px;
padding: 10px 14px;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #333333;
background-color: transparent
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-nav>li>a:after {
border-bottom: 2px solid #0D4DA2;
content: "";
position: absolute;
width: 30%;
bottom: 0px;
left: 35%;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
}
.navbar-default .navbar-nav>li:hover>a:after {
opacity: 1;
}
.navbar-default .navbar-nav>li.active>a:after {
border-bottom: 2px solid #0D4DA2;
content: "";
position: absolute;
width: 30%;
bottom: 0px;
left: 35%;
opacity: 1;
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
color: #555;
background-color: #e7e7e7
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #333;
background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #555;
background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #ccc;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #777
}
.navbar-default .navbar-link:hover {
color: #333
}
.navbar-default .btn-link {
color: #777
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px
}
.breadcrumb>li {
display: inline-block
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0"
}
.breadcrumb>.active {
color: #777
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 0px;
border-radius: 4px
}
.pagination>li {
display: inline
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 4px 10px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none
}
.pager li {
display: inline
}
.pager li>a,
.pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px
}
.pager li>a:hover,
.pager li>a:focus {
text-decoration: none;
background-color: #eee
}
.pager .next>a,
.pager .next>span {
float: right
}
.pager .previous>a,
.pager .previous>span {
float: left
}
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
color: #777;
cursor: not-allowed;
background-color: #fff
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em
}
a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer
}
.label:empty {
display: none
}
.btn .label {
position: relative;
top: -1px
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.btn-xs .badge,
.btn-group-xs>.btn .badge {
top: 0;
padding: 1px 5px
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer
}
.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
color: #337ab7;
background-color: #fff
}
.list-group-item>.badge {
float: right
}
.list-group-item>.badge+.badge {
margin-right: 5px
}
.nav-pills>li>a>.badge {
margin-left: 3px
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out
}
.thumbnail>img,
.thumbnail a>img {
margin-right: auto;
margin-left: auto
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7
}
.thumbnail .caption {
padding: 9px;
color: #333
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%)
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.42857143
}
.modal-body {
position: relative;
padding: 15px
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
margin-bottom: 0;
margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}
.modal-sm {
width: 300px
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " "
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
clear: both
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none !important
}
.affix {
position: fixed
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important
}
@media (max-width: 767px) {
.visible-xs {
display: block !important
}
table.visible-xs {
display: table !important
}
tr.visible-xs {
display: table-row !important
}
th.visible-xs,
td.visible-xs {
display: table-cell !important
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important
}
table.visible-sm {
display: table !important
}
tr.visible-sm {
display: table-row !important
}
th.visible-sm,
td.visible-sm {
display: table-cell !important
}
.visible-sm-block {
display: block !important
}
.visible-sm-inline {
display: inline !important
}
.visible-sm-inline-block {
display: inline-block !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important
}
table.visible-md {
display: table !important
}
tr.visible-md {
display: table-row !important
}
th.visible-md,
td.visible-md {
display: table-cell !important
}
.visible-md-block {
display: block !important
}
.visible-md-inline {
display: inline !important
}
.visible-md-inline-block {
display: inline-block !important
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important
}
table.visible-lg {
display: table !important
}
tr.visible-lg {
display: table-row !important
}
th.visible-lg,
td.visible-lg {
display: table-cell !important
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important
}
}
.tooltip {
position: relative;
}
.tooltip:after {
background: #333;
background: rgba(0, 0, 0, .8);
border-radius: 5px;
bottom: 26px;
color: #fff;
content: attr(aria-label);
left: -50%;
padding: 0px 10px;
position: absolute;
z-index: 98;
width: auto;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
text-align: center;
font-size: 12px;
min-width: 80px;
visibility: hidden;
opacity: 0;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.tooltip:hover:after {
visibility: visible;
opacity: 1;
}
.tooltip:before {
border: solid;
border-color: #333 transparent;
border-width: 6px 6px 0 6px;
bottom: 20px;
content: "";
left: 50%;
position: absolute;
z-index: 99;
visibility: hidden;
opacity: 0;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.tooltip:hover:before {
visibility: visible;
opacity: 1;
}
a,
a:hover,
a:focus,
a:visited {
text-decoration: none;
}
a:hover {
color: #CC0000;
}
.clr {
clear: both;
}
.red_color {
color: #C50103;
}
.green_color {
color: green
}
.smallgreen {
color: green;
}
.white_color {
color: #FFF;
}
.black_color {
color: #000;
}
.gray_color {
color: #999;
}
.darkgray_color {
color: #333;
}
.site_color {
color: #0D4DA2;
}
.pointer {
cursor: pointer;
}
.cursor {
cursor: pointer;
}
.uppercase {
text-transform: uppercase;
}
.line-through {
text-decoration: line-through;
}
.position_relative {
position: relative;
}
.position_top_2 {
position: relative;
top: 2px;
}
.position_top_5 {
position: relative;
top: 5px;
}
.position_bottom_2 {
position: relative;
bottom: 2px;
}
.italic {
font-style: italic;
}
.display_none {
display: none !important;
}
.display_block {
display: block !important;
}
.NoRecordsFound {
font-size: 24px;
color: #CC0000;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.NoRecordsFound strong {}
.TextHighLight {
background: #FFFccc;
}
.width_hundred {
width: 100%;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.font_10 {
font-size: 10px;
}
.font_12 {
font-size: 12px;
}
.font_13 {
font-size: 13px;
}
.font_14 {
font-size: 14px;
}
.font_15 {
font-size: 15px;
}
.font_16 {
font-size: 16px;
}
.font_18 {
font-size: 18px;
}
.font_20 {
font-size: 20px;
}
.font_22 {
font-size: 22px;
}
.font_24 {
font-size: 24px;
}
.font_28 {
font-size: 28px;
}
.font_30 {
font-size: 30px;
}
.font_32 {
font-size: 32px;
}
.font_36 {
font-size: 36px;
}
.font_bold {
font-weight: bold;
}
.font_normal {
font-weight: normal;
}
.border {
border: 1px solid #CCC;
}
.border_bottom {
border-bottom: 1px solid #CCC;
}
.border_none {
border: none;
}
.border_red {
border: 1px solid #CC0000;
}
.line_height_24 {
line-height: 24px;
}
.line_height_28 {
line-height: 28px;
}
.margin_left_20 {
margin-left: 20px;
}
.margin_right_0 {
margin-right: 0px !important;
}
.margin_right_5 {
margin-right: 5px;
}
.margin_right_10 {
margin-right: 10px;
}
.margin_right_20 {
margin-right: 20px;
}
.margin_top_0 {
margin-top: 0px;
}
.margin_top_5 {
margin-top: 5px;
}
.margin_top_10 {
margin-top: 10px;
}
.margin_top_20 {
margin-top: 20px;
}
.margin_top_30 {
margin-top: 30px;
}
.margin_top_40 {
margin-top: 40px;
}
.margin_top_50 {
margin-top: 50px;
}
.margin_top_80 {
margin-top: 80px;
}
.margin_top_100 {
margin-top: 100px;
}
.margin_bottom_0 {
margin-bottom: 0px !important;
}
.margin_bottom_5 {
margin-bottom: 5px;
}
.margin_bottom_10 {
margin-bottom: 10px;
}
.margin_bottom_20 {
margin-bottom: 20px;
}
.margin_bottom_30 {
margin-bottom: 30px;
}
.margin_bottom_40 {
margin-bottom: 40px;
}
.margin_bottom_50 {
margin-bottom: 50px;
}
.margin_bottom_80 {
margin-bottom: 80px;
}
.margin_bottom_100 {
margin-bottom: 100px;
}
.padding_left_right_5 {
padding-left: 5px;
padding-right: 5px;
}
.padding_0 {
padding: 0px;
}
.padding_2 {
padding: 2px;
}
.padding_5 {
padding: 5px;
}
.padding_10 {
padding: 10px;
}
.padding_right_0 {
padding-right: 0px !important;
}
.padding_left_0 {
padding-left: 0px !important;
}
.padding_right_5 {
padding-right: 5px;
}
.padding_left_5 {
padding-left: 5px;
}
.pointer {
cursor: pointer;
}
.dis_play_in_bl {
display: inline-block;
}
.table_pad tr td,
.table_pad tr th {
padding: 5px;
}
.slow {
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.min_height {
min-height: 450px;
}
.arrow-big {
border: solid #666666;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.right-arrow {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.left-arrow {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.sp {
background: url(../images/sprite-icon.png) 0 0 no-repeat;
position: relative;
display: inline-block;
}
.sp-viewed {
width: 18px;
height: 10px;
background-position: -97px -51px;
}
.sp-transmission {
width: 15px;
height: 15px;
background-position: -37px -10px;
top: 3px;
}
.sp-fuel {
width: 17px;
height: 15px;
background-position: -98px -9px;
top: 3px;
}
.sp-mileage {
width: 17px;
height: 12px;
background-position: -6px -11px;
}
.sp-engine {
width: 19px;
height: 14px;
background-position: -63px -11px;
}
.sp-color {
width: 19px;
height: 14px;
background-position: -160px -11px;
top: 2px;
}
.sp-minus {
width: 15px;
height: 15px;
background-position: -376px -52px;
}
.sp-plus {
width: 15px;
height: 15px;
background-position: -351px -51px;
}
.sp-repeat {
width: 14px;
height: 12px;
background-position: -401px -53px;
top: 2px;
}
.sp-print {
width: 16px;
height: 14px;
background-position: -256px -12px;
top: 2px;
}
.sp-pdf {
width: 13px;
height: 14px;
background-position: -349px -13px;
top: 2px;
}
.sp-location {
width: 13px;
height: 18px;
background-position: -414px -8px;
top: 2px;
}
.sp-stock-fb {
width: 25px;
height: 16px;
background-position: -4px -45px;
top: 1px;
}
.sp-stock-twitter {
width: 25px;
height: 16px;
background-position: -28px -45px;
}
.sp-stock-gplus {
width: 25px;
height: 16px;
background-position: -60px -46px;
top: 1px;
}
.sp-stock-email {
width: 25px;
height: 16px;
background-position: -294px -48px;
}
.sp-compare {
width: 18px;
height: 12px;
background-position: -269px -51px;
top: 1px;
margin-right: 3px;
}
.sp-wish-list {
width: 18px;
height: 12px;
background-position: -205px -76px;
top: 1px;
}
.sp-balance-scale {
width: 18px;
height: 12px;
background-position: -269px -51px;
}
.sp-user {
width: 16px;
height: 14px;
background-position: -76px -103px;
top: 2px;
}
.sp-logout {
width: 16px;
height: 15px;
background-position: -128px -103px;
top: 3px;
}
.sp-register {
width: 16px;
height: 15px;
background-position: -100px -103px;
top: 2px;
}
.sp-login {
width: 16px;
height: 15px;
background-position: -149px -103px;
top: 3px;
}
.sp-top {
width: 9px;
height: 15px;
background-position: -355px -78px;
}
.sp-auchall {
width: 20px;
height: 16px;
background-position: -374px -11px;
top: 2px;
}
.sp-aucdate {
width: 20px;
height: 15px;
background-position: -129px -10px;
top: 2px;
}
.sp-skype {
width: 83px;
height: 23px;
background-position: -12px -130px;
top: 2px;
}
.sp-telephone {
width: 14px;
height: 14px;
background-position: -449px -53px;
top: 2px;
}
.sp-fax {
width: 16px;
height: 14px;
background-position: -256px -12px;
top: 2px;
}
.sp-email {
width: 16px;
height: 12px;
background-position: -469px -14px;
top: 1px;
}
.sp-mobile {
width: 15px;
height: 15px;
background-position: -31px -72px;
top: 3px;
}
.sp-person {
width: 16px;
height: 14px;
background-position: -77px -74px;
top: 1px;
}
.sp-website {
width: 16px;
height: 15px;
background-position: -471px -53px;
top: 2px;
}
.sp-long-arrow-up {
width: 10px;
height: 18px;
background-position: -354px -77px;
}
.sp-skype-g {
width: 18px;
height: 10px;
background-position: -97px -51px;
}
.sp-whatsapp {
width: 15px;
height: 16px;
background-position: -386px -86px;
}
.fa {
background: url(../images/sprite-image-new-3.png) 0 0 no-repeat;
display: inline-block;
position: relative;
}
.fa-time {
width: 18px;
height: 16px;
background-position: -3px -5px;
top: 3px;
}
.fa-telphone {
width: 14px;
height: 18px;
background-position: -31px -3px;
top: 3px;
}
.fa-whatsapp {
width: 20px;
height: 20px;
background-position: -587px -460px;
top: 3px;
}
.fa-viber {
width: 23px;
height: 21px;
background-position: -562px -460px;
top: 4px;
}
.fa-contact {
width: 18px;
height: 14px;
background-position: -121px -7px;
top: 1px;
}
.fa-signup {
width: 18px;
height: 19px;
background-position: -151px -5px;
top: 3px;
}
.fa-bot-arrow {
width: 12px;
height: 7px;
background-position: -182px -13px;
bottom: 1px;
}
.fa-search {
width: 21px;
height: 19px;
background-position: -211px -7px;
margin-right: 5px;
top: 1px;
}
.fa-adv-search {
width: 28px;
height: 26px;
background-position: -246px -3px;
margin-right: 2px;
top: 4px;
}
.fa-toyota {
width: 70px;
height: 51px;
background-position: -2px -36px;
}
.fa-honda {
width: 54px;
height: 51px;
background-position: -99px -38px;
}
.fa-suzuki {
width: 46px;
height: 51px;
background-position: -181px -40px;
}
.fa-mitsubishi {
width: 50px;
height: 51px;
background-position: -251px -40px;
}
.fa-nissan {
width: 56px;
height: 51px;
background-position: -328px -45px;
}
.fa-subaru {
width: 78px;
height: 51px;
background-position: -413px -45px;
}
.fa-bmw {
width: 50px;
height: 51px;
background-position: -522px -52px;
}
.fa-volkswagen {
width: 52px;
height: 51px;
background-position: -595px -53px;
}
.fa-sedan {
width: 76px;
height: 36px;
background-position: -2px -122px;
}
.type_ulli li a:hover span.fa-sedan {
background-position: -2px -175px;
}
.fa-suv {
width: 76px;
height: 36px;
background-position: -93px -122px;
}
.type_ulli li a:hover span.fa-suv {
background-position: -93px -175px;
}
.fa-hatchback {
width: 72px;
height: 36px;
background-position: -186px -123px;
}
.type_ulli li a:hover span.fa-hatchback {
background-position: -186px -176px;
}
.fa-wagon {
width: 80px;
height: 36px;
background-position: -275px -125px;
}
.type_ulli li a:hover span.fa-wagon {
background-position: -275px -178px;
}
.fa-van {
width: 59px;
height: 36px;
background-position: -374px -126px;
}
.type_ulli li a:hover span.fa-van {
background-position: -374px -179px;
}
.fa-bus {
width: 59px;
height: 36px;
background-position: -453px -131px;
}
.type_ulli li a:hover span.fa-bus {
background-position: -453px -184px;
}
.fa-truck {
width: 54px;
height: 36px;
background-position: -533px -132px;
}
.type_ulli li a:hover span.fa-truck {
background-position: -533px -185px;
}
.fa-machinery {
width: 58px;
height: 36px;
background-position: -604px -133px;
}
.type_ulli li a:hover span.fa-machinery {
background-position: -604px -186px;
}
.fa-mid-car {
width: 31px;
height: 26px;
background-position: -438px -1px;
}
.fa-srilanka {
width: 72px;
height: 71px;
background-position: -211px -350px;
}
.fa-tanzania {
width: 72px;
height: 71px;
background-position: -336px -350px;
}
.fa-philippines {
width: 72px;
height: 71px;
background-position: -457px -350px;
}
.fa-newzealand {
width: 72px;
height: 71px;
background-position: -571px -350px;
}
.fa-seychelles {
width: 72px;
height: 71px;
background-position: -2px -447px;
}
.fa-trinidad {
width: 72px;
height: 71px;
background-position: -116px -447px;
}
.fa-zambia {
width: 72px;
height: 71px;
background-position: -227px -447px;
}
.fa-kenya {
width: 72px;
height: 71px;
background-position: -341px -447px;
}
.fa-testimonial {
width: 36px;
height: 30px;
background-position: -575px -276px;
margin-right: 5px;
}
.fa-facebook {
width: 11px;
height: 19px;
background-position: -3px -860px;
top: 6px;
}
.fa-twitter {
width: 19px;
height: 19px;
background-position: -27px -863px;
top: 9px;
}
.fa-gplus {
width: 18px;
height: 19px;
background-position: -65px -861px;
top: 8px;
}
.fa-linkdin {
width: 13px;
height: 19px;
background-position: -101px -861px;
top: 10px;
}
.fa-youtube {
width: 19px;
height: 19px;
background-position: -132px -861px;
top: 7px;
}
.fa-mileage {
width: 18px;
height: 16px;
background-position: -305px -9px;
top: 2px;
margin-right: 5px;
}
.fa-engine {
width: 21px;
height: 16px;
background-position: -342px -8px;
top: 2px;
margin-right: 5px;
}
.fa-address {
width: 13px;
height: 24px;
background-position: -483px -2px;
}
.fa-telephone {
width: 13px;
height: 14px;
background-position: -509px -5px;
top: 2px;
}
.fa-fax {
width: 13px;
height: 14px;
background-position: -533px -4px;
top: 1px;
}
.fa-skype {
width: 13px;
height: 14px;
background-position: -565px -7px;
top: 2px;
}
.fa-email {
width: 13px;
height: 14px;
background-position: -597px -9px;
top: 3px;
}
.fa-jumvea {
width: 85px;
height: 59px;
background-position: -11px -262px;
}
.fa-safe-trade {
width: 63px;
height: 71px;
background-position: -137px -256px;
}
.fa-jct {
width: 76px;
height: 50px;
background-position: -461px -263px;
}
.fa-viber-og {
background-position: -621px -290px;
width: 16px;
height: 16px;
top: 3px;
}
.fa-instagram {
width: 18px;
height: 19px;
background-position: -189px -861px;
top: 8px;
}
.parent-1 {
width: 170px;
height: 36px;
background-position: -15px -635px;
}
.parent-2 {
width: 170px;
height: 36px;
background-position: -219px -635px;
}
.parent-3 {
width: 170px;
height: 36px;
background-position: -422px -634px;
}
.parent-4 {
width: 168px;
height: 36px;
background-position: -16px -778px;
}
.parent-5 {
width: 136px;
height: 36px;
background-position: -226px -780px;
}
.parent-6 {
width: 103px;
height: 36px;
background-position: -439px -780px;
}
.top_strip {
background: #0D4DA2;
color: #FFF;
font-weight: 300;
padding: 3px 0px 5px 0px;
}
.top_ulli {
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
.top_ulli li {
display: inline-block;
margin-right: 4%;
}
#google_translate_element {
display: inline-block;
height: 26px;
overflow: hidden;
width: 120px;
position: relative;
top: 0px;
vertical-align: middle;
}
.goog-te-gadget {
font-family: arial;
font-size: 11px;
color: #666;
white-space: nowrap;
}
.goog-te-gadget .goog-te-combo {
margin: 0px !important;
font-size: 12px;
width: 100%;
height: 24px;
}
.top_ulli li:last-child {
margin-right: 0%;
}
.top_ulli li a {
color: #FFF;
}
.top_ulli li span,
.top_ulli li a span {
margin-right: 5px;
}
header {
background: #FFFFFF;
padding: 5px 0px;
border-bottom: 1px solid #0D4DA2;
}
.big_menu {
position: absolute;
z-index: 500;
background: #0D4DA2;
padding: 20px 0px;
width: 800px;
opacity: 0;
visibility: hidden;
z-index: 100;
transition: visibility 0s, opacity 0.5s linear;
}
.navbar-default .navbar-nav>li:hover div.big_menu {
visibility: visible;
opacity: 1;
}
.big_menu div div div h2 {
font-size: 18px;
color: #E8E8E8;
font-weight: 400;
margin-top: 0px;
margin-bottom: 10px;
}
.big_menu div div div ul {
list-style: circle;
padding-left: 20px;
color: #E8E8E8;
}
.big_menu div div div ul li a {
color: #E8E8E8;
font-weight: 300;
line-height: 24px;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.big_menu div div div ul li a:hover {
padding-left: 5px;
}
.f-nav {
position: fixed;
margin: auto;
padding: 2px 0px;
top: 0px;
width: 100%;
z-index: 500;
box-shadow: 0px 0px 10px #0D4DA2;
border-bottom: none;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.f-nav>div>div>div>div>a>img {
height: 60px;
}
.f-nav>div>div>div>nav>ul>li>a {
font-size: 14px !important;
padding: 6px 24px !important;
}
.hp_search_box {
box-shadow: 0px 0px 10px #CCC;
position: relative;
bottom: 0px;
background: #FFF;
width: 94%;
margin: auto;
margin-top: 50px;
padding: 0px 20px 10px 20px;
}
.main_hp_head {
background: #0D4DA2;
width: 50%;
margin: auto;
text-align: center;
position: relative;
bottom: 30px;
color: #FFF;
padding: 5px 0px;
}
.main_hp_head>h1 {
margin: 0px;
font-size: 24px;
}
.main_hp_head>div {
font-weight: 300;
margin-top: 5px;
}
.make_ulli {
padding-left: 0px;
list-style: none;
}
.make_ulli li {
width: 12.5%;
float: left;
text-align: center;
margin-bottom: 20px;
border: 1px solid #E8E8E8;
border-right: none;
}
.make_ulli li:last-child {
border-right: 1px solid #E8E8E8;
}
.make_ulli li a {
color: #666;
display: block;
padding: 10px 0px;
webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.make_ulli li a:hover {
color: #0D4DA2;
box-shadow: inset 0 0 20px rgba(13, 77, 162, .5), 0 0 20px rgba(13, 77, 162, .2)
}
.make_ulli li a span {
display: block;
margin: auto;
margin-bottom: 10px;
}
.type_ulli {
padding-left: 0px;
list-style: none;
}
.type_ulli li {
width: 12.5%;
float: left;
text-align: center;
margin-bottom: 20px;
}
.type_ulli li a {
color: #666;
}
.type_ulli li a:hover {
color: #0D4DA2;
}
.type_ulli li a span {
display: block;
margin: auto;
margin-bottom: 5px;
}
.mid_border {
border-bottom: 1px solid #E8E8E8;
width: 90%;
margin: auto;
margin-bottom: 20px;
}
.mid-search-input {
display: block;
width: 100%;
color: #999;
border: 1px solid #CCC;
border-radius: 5px;
padding: 15px 10px;
}
.search_btn {
background: #0D4DA2;
color: #FFF;
border: none;
display: block;
text-align: center;
width: 100%;
border-radius: 5px;
font-size: 16px;
font-weight: 300;
padding: 12px 9px 8px 9px;
}
.search_btn>strong {
font-weight: normal;
position: relative;
top: -3px;
}
.search_btn:hover {
background: #A8A8A8;
color: #FFF;
}
.adv_btn {
background: #A8A8A8;
color: #FFF;
border: none;
display: block;
text-align: center;
width: 100%;
border-radius: 5px;
font-size: 16px;
font-weight: 300;
padding: 7px 9px 7px 9px;
}
.adv_btn strong {
font-weight: 300;
position: relative;
bottom: 4px;
}
.adv_btn:hover {
background: #0D4DA2;
color: #FFF;
}
.mid_text {
color: #666;
}
.mid_text h2 {
margin-top: 0px;
}
.mid_text div a {
background: #0D4DA2;
color: #FFF;
display: inline-block;
padding: 5px 10px;
font-size: 16px;
}
.mid_text div a:hover {
background: #333333;
color: #FFFFFF;
}
.mid_about {
background: #E5E5E5;
margin-bottom: 50px;
padding: 30px 0px 25px 0px;
}
.mid_stk_heading {
text-transform: uppercase;
color: #666;
font-weight: 400;
margin-bottom: 20px;
}
.mid_stk_heading span {
margin-right: 10px;
top: 3px;
}
.mid_stk_heading a {
float: right;
font-size: 14px;
position: relative;
padding-top: 10px
}
.mid_stk_heading a:after {
border-bottom: 2px solid #CCC;
position: absolute;
bottom: -5px;
right: 0px;
content: "";
width: 50%;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.mid_stk_heading a:hover:after {
width: 80%;
border-color: #0D4DA2;
}
.hp_heading,
.hp_heading a {
text-align: center;
text-transform: uppercase;
font-size: 30px;
position: relative;
margin-bottom: 30px;
color: #333;
font-weight: 400;
}
.hp_heading:after,
.hp_heading a:after {
border-bottom: 2px solid #0D4DA2;
content: "";
width: 8%;
position: absolute;
top: 40px;
left: 46%;
}
.stock_boxs {
float: left;
width: 20%;
padding: 0px 15px;
}
.btn-whatsapp {
position: relative;
top: 2px
}
.btn-whatsapp>a>strong {
background: #0D4DA2;
display: inline-block;
position: relative;
right: -4px;
padding: 2px 10px;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.btn-whatsapp>a>strong>span {
position: relative;
top: 3px;
}
.btn-whatsapp>a>label {
background: #0D4DA2;
color: #FFFFFF;
margin: 0px;
display: inline-block;
padding: 2px 10px;
padding-left: 0px;
cursor: pointer;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear;
}
.btn-whatsapp>a:hover>strong,
.btn-whatsapp>a:hover>label {
background: #333333;
}
.box_new {
margin-bottom: 20px;
}
.box_new>h3,
.box_new>h2 {
font-weight: bold;
font-size: 24px;
text-align: center;
border-bottom: 1px solid #0D4DA2;
margin-top: 0px;
padding-bottom: 5px;
text-transform: uppercase;
}
.stock_cap {
width: 40%;
float: left;
font-size: 16px;
line-height: 16px;
color: #222222;
}
.stock_det {
width: 60%;
float: left;
font-size: 16px;
margin-bottom: 8px;
}
.stock_det>span {
font-size: 16px;
line-height: 16px;
color: #222222;
}
.hp_stock {
position: relative;
border: 1px solid #CCC;
margin-bottom: 30px;
}
.hp_stock a {
color: #666;
}
.hp_stock a div.image {
position: relative;
min-height: 160px;
}
.hp_stock a div.image>img {
position: absolute;
max-height: 160px;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
}
.hp_stock a div.image span {
background: url(../images/discount-tag.png) 0 0 no-repeat;
position: absolute;
top: -4px;
left: 0px;
color: #FFF;
width: 54px;
text-align: center;
padding-top: 10px;
height: 64px;
}
.hp_stock a div.other_info {
padding: 5px;
}
.hp_stock a div.other_info>div {
font-size: 12px;
}
.hp_stock a div h2 {
margin: 10px 0px;
margin-bottom: 18px;
font-size: 16px;
font-weight: 400;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.hp_stock a div div label {
margin: 0px 5px;
}
.hp_stock a div div.row {
font-weight: 300;
}
.hp_stock a div div span {
color: #CC0000;
text-decoration: line-through;
}
.hp_stock a div div strong {
margin-left: 10px;
font-weight: 400;
font-size: 15px;
color: #0D4DA2;
}
.hp_stock:hover a div.image {
opacity: 0.7;
}
.arrow_box {
position: relative;
background: #FFF;
border-bottom: 1px solid #CCC;
}
.arrow_box:after,
.arrow_box:before {
top: 100%;
left: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #FFF;
border-width: 7px;
margin-left: -10px;
}
.arrow_box:before {
border-color: rgba(204, 204, 204, 0);
border-top-color: #CCC;
border-width: 8px;
margin-left: -11px;
}
.country_ulli {
list-style: none;
padding-left: 0px;
}
.country_ulli li {
width: 12.50%;
float: left;
text-align: center;
margin-bottom: 20px;
}
.country_ulli li a {
text-transform: uppercase;
color: #666;
font-weight: 500;
font-size: 14px;
}
.country_ulli li a span {
display: block;
margin: 0px auto 5px auto;
border-radius: 50%;
border: 1px solid #0D4DA2;
}
.country_ulli li a:hover {
color: #0D4DA2;
}
.country_ulli li a:hover span {
border-color: #CCC;
}
.hp_testimonial {
background: #E6E6E6;
padding-bottom: 30px;
margin-bottom: 30px;
margin-top: 20px;
}
.mid_testimonial {
text-align: center;
}
.mid_testimonial div a img {
width: 250px;
padding: 2px;
border-radius: 50%;
border: 1px solid #CCC;
}
.mid_testimonial div a:hover img {
border-color: #0D4DA2
}
.mid_testimonial blockquote a {
color: #666;
font-size: 18px;
}
.mid_testimonial h3 {
font-weight: 400;
font-size: 18px;
}
.mid_testimonial h4 {
font-weight: 400;
font-size: 14px;
color: #666;
}
.parent_ulli {
list-style: none;
padding-left: 0px;
}
.parent_ulli li {
float: left;
width: 16.6%;
margin-bottom: 20px;
text-align: center;
}
.social_footer {
background: #EEF2F5;
padding: 30px 0px;
margin-top: 30px;
}
.social_footer div div div h3 {
margin-top: 0px;
font-size: 18px;
color: #000;
}
.social_margin {
margin-top: 40px;
}
.bot_social {
padding-left: 0px;
list-style: none;
}
.bot_social li {
display: inline-block;
margin-right: 10px;
text-align: center
}
.bot_social li:last-child {
margin-right: 0px;
}
.bot_social li a {
width: 35px;
height: 35px;
border-radius: 50%;
background: #737373;
display: inline-block;
}
.bot_social li a.facebook {
background: #4867AA;
}
.bot_social li a.twitter {
background: #1DA1F2;
}
.bot_social li a.gplus {
background: #DD4E40;
}
.bot_social li a.linkdin {
background: #0077B5;
}
.bot_social li a.youtube {
background: #E22C29;
}
.bot_social li a.insta {
background: #c14151;
}
.bot_social li a:hover {
opacity: 0.6;
}
footer {
background: url(../images/footer-bg.jpg) 0 0 no-repeat;
}
footer>div {
background-color: rgba(77, 77, 77, 0.9);
padding-top: 30px;
}
.bot_heading {
color: #FFF;
font-weight: 400;
font-size: 24px;
margin-top: 0px;
}
.bot_ulli {
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
.bot_ulli li {
margin-bottom: 10px;
}
.bot_ulli li:last-child {
margin-bottom: 0px;
}
.bot_ulli li,
.bot_ulli li a {
color: #FFF;
font-size: 14px;
}
.bot_ulli li span,
.bot_ulli li a span {
float: left;
width: 6%;
}
.hvr-float-shadow {
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity
}
.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px)
}
@-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0)
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0)
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}
.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.h2 {
font-size: 16px;
font-weight: bold;
}
.smallblack {
COLOR: #545151;
FONT-SIZE: 12px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.myauc_table tr th {
font-size: 14px;
color: #333;
font-weight: 500;
}
.myauc_table tr th,
.myauc_table tr td {
vertical-align: middle !important;
padding: 2px 5px !important;
}
.popup_head {
text-align: center;
background: #E7E7E7;
border-bottom: 1px solid #CCC;
font-size: 18px;
line-height: 28px;
}
.insp_ulli {
list-style: none;
padding-left: 0px;
}
.insp_ulli li {
clear: both;
font-size: 13px;
line-height: 28px;
}
.insp_ulli li strong {
width: 60%;
float: left;
}
/***********************************COMMON******************************/
.login_panel {
text-align: center
}
.login_panel h3 {
background: #333;
color: #fff;
margin: 0;
padding: 8px 0;
font-size: 18px;
font-weight: 400
}
.login_panel ul {
list-style: none;
padding: 0px;
}
.login_panel ul li {
width: 50%;
float: left;
box-shadow: 0 0 5px #ccc
}
.login_panel ul li a {
background: #f7f7f7;
color: #333;
padding: 15px 0;
display: block;
font-size: 14px
}
.login_panel ul li a strong {
display: block;
font-size: 16px
}
.login_panel ul li a:hover {
background: #0D4DA2;
color: #fff
}
.mobile_menu {
list-style: none;
padding-left: 0px;
}
.mobile_menu li {
margin-bottom: 10px;
}
.mobile_menu li a {
display: block;
border-bottom: 1px dotted #CCC;
padding: 2px 5px;
font-size: 16px;
color: #CCC;
}
.scrollup {
width: 34px;
height: 34px;
position: fixed;
right: 20px;
bottom: 0px;
opacity: .5;
text-align: center;
display: none;
cursor: pointer;
z-index: 100;
background-color: #0B1C30;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s
}
.scrollup:hover {
opacity: 1 !important
}
.scrollup span {
display: block;
top: 10px;
left: 12px;
}
.breadcrumbs {
background: #F5F5F5;
margin: 10px 0px;
}
.breadcrumbs ul {
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
padding: 0px 10px;
}
.breadcrumbs ul li {
display: inline-block;
padding: 2px;
font-size: 14px;
}
.mid_static {
width: 78%;
margin-right: 2%;
float: left;
}
.right {
width: 20%;
float: left;
}
.common_heading {
color: #333;
margin-bottom: 20px;
font-size: 28px;
margin-top: 0px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
position: relative;
}
.common_heading:after {
content: "";
border-bottom: 1px solid #0D4DA2;
position: absolute;
bottom: -3px;
left: 45%;
width: 10%;
}
.common_heading:before {
content: "";
border-bottom: 1px solid #0D4DA2;
position: absolute;
bottom: -8px;
left: 47%;
width: 6%;
}
.msg_around {
padding: 6px 5px;
background: #333;
color: #fff;
font-size: 14px;
}
.msg_around strong,
.view_stock strong {
font-size: 18px;
}
.view_stock strong {
color: #0D4DA2;
}
.view_stock {
font-size: 14px;
}
.right_box {
border: 1px solid #E8E8E8;
background: #F7F7F7;
margin-bottom: 30px;
}
.right_box h2 {
margin: 0px;
padding: 5px 10px;
color: #666;
border-bottom: 1px solid #0D4DA2;
margin-bottom: 0px;
font-size: 20px;
}
.right_box>div {
padding: 10px;
}
.right_box>div>ul {
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
.right_box>div>ul>li {
border-bottom: 1px dotted #CCC;
padding-bottom: 5px;
padding-top: 5px;
}
.right_box>div>ul>li:first-child {
padding-top: 0px;
}
.right_box>div>ul>li:last-child {
border-bottom: none;
padding-bottom: 0px;
}
.right_box>div>ul>li>a {
color: #666;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
display: block;
}
.right_box>div>ul>li>a:hover {
padding-left: 5px;
}
.stock_list_box {
border: 1px solid #CCC;
padding: 5px;
box-shadow: 0px 0px 6px #CCC;
margin-bottom: 30px;
}
.stock_list_box div div div div h2 {
margin: 0px;
font-size: 24px;
}
.stock_list_box div div div div h2 a {
color: #333;
}
.stock_list_box div div div div h2 a:hover {
color: #0D4DA2;
}
.stock_list_box div div div div h2 a span {
font-size: 16px;
}
.freight_clc_pad {
padding: 3px 5px;
}
.list_option {
text-align: center;
color: #333;
margin-bottom: 20px;
}
.list_option span {
margin-right: 5px;
}
.list_option strong {
margin: 0px 10px;
}
.list_btn {
color: green;
text-align: center;
font-size: 16px;
display: block;
border: 1px solid green;
padding: 5px 0px;
}
.list_btn:hover {
background: green;
color: #FFF;
}
.loadNextImage {
cursor: pointer;
float: right;
position: absolute;
right: 15px;
top: 45%;
}
.loadPreImage {
cursor: pointer;
float: left;
left: 15px;
position: absolute;
top: 45%;
}
.other_images {
list-style: none;
padding-left: 0px;
}
.other_images li {
float: left;
width: 25%;
min-height: 111px;
}
.other_images li a img {
border: 1px solid #FFF;
max-height: 111px;
}
.other_images li a img:hover {
border-color: #0D4DA2;
}
.stock_accories {
margin-bottom: 20px;
}
.stock_accories h4 {
font-size: 16px;
margin-top: 0px;
margin-bottom: 5px;
}
.stock_accories ul {
list-style: none;
padding-left: 0px;
}
.stock_accories ul li:first-child {
border-left: 1px solid #CCCCCC;
}
.stock_accories ul li {
width: 25%;
float: left;
font-size: 12px;
padding: 5px;
text-align: center;
background: #E8E8E8;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
.stock_accories ul li:nth-child(4n+5) {
border-left: 1px solid #CCCCCC;
}
.stock_detail_bg {
background: #F7F7F7;
padding: 5px 0px;
margin-bottom: 20px;
}
.stock_detail_stats {
background: #F7F7F7;
padding: 5px 10px;
margin-bottom: 20px;
}
.stkdetail_heading {
margin: 0px;
font-size: 24px;
}
.stkdetail_heading span {
font-size: 16px;
}
.share_fb {
background: #3B5999;
border-radius: 50%;
width: 25px;
height: 25px;
display: inline-block;
}
.share_twi {
background: #1DA1F2;
border-radius: 50%;
width: 25px;
height: 25px;
display: inline-block;
}
.share_gplus {
background: #DC4A38;
border-radius: 50%;
width: 25px;
height: 25px;
display: inline-block;
}
.share_email {
background: #333;
border-radius: 50%;
width: 25px;
height: 25px;
display: inline-block;
}
.stock_product {
border: 1px solid #CCC;
position: relative;
margin-bottom: 20px;
}
.stock_product a {
color: #666;
text-align: center;
}
.stock_product a h3 {
margin: 5px 0px;
font-size: 16px;
font-weight: 400;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.stock_product a div span {
background: #000;
color: #FFF;
position: absolute;
top: 5px;
left: 5px;
padding: 2px 5px;
font-size: 12px;
}
.btn-whatsapp {
padding: 12px 0px;
margin-bottom: 0px;
text-align: center;
position: relative;
}
.bar_wpp {
position: absolute;
top: 0px;
border-radius: 5px 5px 0px 0px;
}
.bar_wpp a {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.bar_wpp .icon_wpp i {
color: #ffffff;
font-size: 20px;
}
.bar_wpp .icon_wpp {
display: flex;
align-items: center;
justify-content: center;
background-color: #0c7619;
text-align: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border-radius: 100%;
width: 30px;
height: 30px;
float: left;
z-index: 2;
}
.bar_wpp .txt_wpp {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: #0e3f14;
color: #ffffff;
padding: 0px 5px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
padding-right: 16px;
padding-left: 35px !important;
margin-left: -30px;
z-index: 1;
border-radius: 50px;
}
.bar_wpp a:hover {
text-decoration: none !important;
}
.bar_wpp a:hover .icon_wpp {
background-color: #0e3f14;
}
.bar_wpp a:hover .txt_wpp {
background-color: #0c7619;
}
.auction_search {
border: 1px solid #CCC;
padding: 5px;
}
.auction_box {
border: 1px solid #CCC;
min-height: 284px;
background: #F3F3F1;
}
.auction_box select {
background: #F3F3F1;
color: #000;
font-weight: normal;
padding: 0px;
}
.auction_box h2 {
margin: 0px;
background: #008ACF;
color: #FFF;
font-size: 16px;
text-align: center;
padding: 5px 0px;
border-bottom: 1px solid #CCC;
}
.auction_day {
list-style: none;
width: auto;
padding: 10px 0 0 10px
}
.auction_day li {
font-size: 14px;
color: #000;
font-weight: 700;
line-height: 24px;
text-align: left;
margin-bottom: 10px;
}
.auction_day li input {
position: relative;
top: 2px;
margin-right: 2px;
}
.mobile_box {
border: 1px solid #CCC;
padding: 5px;
}
.mobile_box div div h3 {
margin: 0px;
font-size: 16px;
font-weight: bold;
padding: 3px 0 8px 0;
}
.mobile_box div div h3 span {
font-weight: normal;
font-size: 14px;
padding-top: 5px;
width: 100%;
text-align: right;
padding-bottom: 5px;
}
.auction_ulli {
list-style: none;
padding: 0px;
}
.auction_ulli li {
display: inline-block;
width: 49%;
text-align: left;
font-size: 14px;
line-height: 22px;
}
.auction_ulli li strong {
float: left;
width: 52%;
}
.lot_date {
background: #000 !important;
color: #FFF;
font-size: 12px;
opacity: 0.7;
padding: 5px 0px;
}
.auction_image {
padding: 3px;
cursor: pointer;
border: 1px solid #CCC;
}
.aucdetail_image {
padding: 2px;
border: 1px solid #CCC;
}
.aucother_images {
padding: 0px;
list-style: none;
margin: 0px;
}
.aucother_images li {
display: inline-block;
margin: 5px;
}
.aucother_images li a img {
width: 93px;
max-height: 72px;
border: 1px solid #CCC;
padding: 2px
}
.auction_detail {
border-collapse: collapse;
border: 1px solid #CCC;
}
.auction_detail tr td,
.auction_detail tr th {
padding: 5px;
font-size: 14px;
}
.auction_detail tr th {
background: #E8E8E8;
}
.bid_box {
border: 1px solid #CCC;
background: #F3F3F1;
}
.bid_box form h3 {
background: #04254E;
color: #FFF;
margin: 0px;
border-bottom: 1px solid #CCC;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 5px 0px;
}
#tt {
position: absolute;
display: block;
}
#tttop {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
display: block;
height: 75px;
margin: 0;
text-align: center;
background-image: url(../images/tooltip_bg.gif);
}
.auction_button a {
margin-left: 1.0%;
}
.margin_right_per {
margin-right: 0% !important;
}
.auction_searchbox {
border: 1px solid #CCC;
}
.auction_searchbox h2 {
background: #003470;
color: #FFF;
margin: 0px;
border-bottom: 1px solid #CCC;
font-size: 18px;
font-weight: bold;
padding: 5px
}
.xs-border-hidden {
border: 1px solid #CCC;
}
.second_menu {
padding: 0px;
}
.second_menu ul {
padding: 0px;
border: 1px solid #CCC;
margin: 0px;
}
.second_menu ul li {
border-right: 1px solid #CCC;
background: #0D4DA2;
color: #FFF;
margin-right: 0px;
}
.second_menu ul li:last-child {
border-right: none;
}
.second_menu ul li a {
color: #FFF !important;
padding: 8px 35px;
font-size: 14px;
}
.second_menu ul li:hover,
.second_menu li a:hover,
.second_menu li a:focus,
.second_menu li a.active {
background: #0D4DA2;
}
#second_menuac {
background: #D52308;
}
.second_menuhead {
background: #D52308;
color: #FFF;
border-radius: 5px;
}
.second_menuhead button {
color: #FFF;
border-color: #FFF;
}
.list_image {
position: relative;
}
.save_upto {
background: url(../images/discount-tag.png) 0 0 no-repeat;
position: absolute;
top: -4px;
left: 0px;
color: #FFF;
width: 54px;
text-align: center;
padding-top: 10px;
height: 64px;
}
.evnt {
position: relative;
}
.dte {
position: absolute;
top: 5px;
left: 5px;
background: rgba(0, 0, 0, 0.5);
color: #FFFFFF;
display: inline-block;
padding: 2px 10px;
font-size: 12px;
}
.evnt>a>h3 {
color: #333333;
font-size: 18px;
font-weight: bold;
line-height: 26px;
margin: 5px 0px;
}
.evnt>a>div.image {
border: 1px solid #CCC;
min-height: 240px;
position: relative;
}
.evnt>a>div.image>img {
position: absolute;
max-height: 240px;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
}
.evnt>a>p {
color: #666666;
font-size: 14px;
margin: 10px 0
}
.testimonial_image {
border: 2px solid #CCC;
width: 100px;
}
.voice_text>figure>blockquote {
margin: 0px;
margin-top: 10px;
}
.testimonial_line {
border-bottom: #ccc 1px solid;
margin-bottom: 24px;
padding-bottom: 24px;
}
.testimonial img {
border: #ccc 3px solid;
}
.testimonial:hover img {
border-color: #0D4DA2;
}
.testimonial-img {
width: 180px;
height: 180px;
border-radius: 50%;
border: #ccc 3px solid;
}
.sitemap_head {
color: #0D4DA2;
font-weight: bold;
border-bottom: #ccc 1px solid;
}
.sitemap_japan h3 {
font-size: 20px;
color: #0D4DA2;
margin: 0px;
padding: 7px 11px;
}
.sitemap_ulli {
list-style: none;
padding-left: 10px;
}
.sitemap_ulli li {
line-height: 28px;
}
.sitemap_ulli li a {
color: #888;
}
.sitemap_ulli li a:hover {
color: #0D4DA2;
}
.account_heading {
color: #333;
font-size: 24px;
margin-bottom: 30px;
border-bottom: 1px solid #CCC;
}
.bank_detail {
border: 1px solid #E8E8E8;
margin-bottom: 30px;
background: #fcfbfb;
}
.bank_detail h2 {
background: #0D4DA2;
color: #FFF;
margin-top: 0px;
margin-bottom: 5px;
font-size: 20px;
padding: 5px;
border-bottom: 2px solid #0D4DA2;
}
.bank_info {
margin: 0;
padding-left: 0px;
}
.bank_info li {
list-style: outside none none;
padding: 0 25px;
line-height: 40px;
border-bottom: #CCC 1px dotted;
}
.bank_info li strong {
float: left;
width: 40%;
}
.bank_info li:nth-child(2n+1) {
background: #fcfbfb none repeat scroll 0 0;
}
.bank_info li:nth-child(2n+1):hover {
background: #fff;
}
.bank_info li:nth-child(1n+1):hover {
background: #f5f5f5;
}
.bank_info li:last-child {
border-bottom: none;
}
.how_padding {
font-size: 20px;
padding: 10px 30px;
}
.nego_head {
font-size: 24px;
color: #0D4DA2;
margin-bottom: 5px;
}
.nego_details {
font-size: 15px;
line-height: 24px;
margin-bottom: 20px;
}
.auction_step {
color: #0D4DA2;
font-size: 20px;
font-weight: bold;
}
.auction_step span {
color: #333;
border-bottom: 2px solid;
font-size: 28px;
margin-right: 15px;
}
.nego_details {
font-size: 15px;
line-height: 24px;
margin-bottom: 20px;
}
.how_nego {
list-style: none;
padding-left: 0px;
}
.how_nego li {
background: #0D4DA2;
width: 18%;
height: 85px;
text-align: center;
margin: 10px 6px;
color: #FFF;
padding: 10px;
border-radius: 5px;
font-size: 17px;
float: left;
font-weight: 700;
line-height: 18px
}
.how_nego li:hover {
background: #0D4DA2;
}
.how_nego li img {
margin-bottom: 3px
}
.bank_detail_just {
background: #0D4DA2;
color: #fff;
font-size: 18px;
padding: 7px 11px;
}
.wish_list {
list-style: none;
padding-left: 0px;
margin-bottom: 20px;
border: 1px solid #CCC;
border-right: none;
}
.wish_list li {
float: left;
width: 33.33333%;
text-align: center;
border-right: 1px solid #CCC;
line-height: 24px;
}
.wish_list li a {
display: block;
color: #333;
}
.wish_list li a:hover {
background: #0D4DA2;
color: #FFF;
}
.terms {
list-style: outside none decimal;
padding-left: 20px;
}
.terms li {
margin: 10px 0px;
}
.privacy_heading {
color: #0D4DA2;
font-size: 20px;
margin-bottom: 10px;
font-weight: bold;
}
.our_team img {
border: #ccc 4px solid;
border-radius: 50%;
}
.our_team:hover img {
border: 4px solid #0D4DA2;
}
.team_head {
color: #0D4DA2;
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 5px;
}
.team_ulli {
list-style: none;
padding-left: 0px;
}
.team_ulli li {
line-height: 26px;
}
.list_btn_default {
color: #fff;
background-color: #6e6e6e;
border: none;
display: inline-block;
font-size: 14px;
padding: 3px 10px;
cursor: pointer;
}
.list_btn_default:hover,
.list_btn_default:focus {
color: #FFF;
background-color: #00235B;
}
.PopUpDivStyle {
z-index: 100;
position: absolute;
float: right;
width: 300px;
height: auto;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px 3px #999;
border: 2px solid #147FB8;
background-color: #FFF;
padding: 10px
}
.trans2 {
font-size: 7pt;
border: #FF0000 0px solid;
background-color: transparent;
}
.stock_capcha {
transform: scale(0.88);
-webkit-transform: scale(0.88);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
/*******************************************NEGOTIATION******************************/
.nego_note {
background: #FFF;
padding: 5px;
font-size: 12px;
margin-bottom: 5px;
}
.nego_msg {
text-align: justify;
margin-bottom: 5px;
font-size: 14px;
}
.nego_msg label {
margin-left: 5px;
display: inline;
}
/*************************************COMPARE***********************************/
.compare {
background-color: #f2f2f2;
bottom: 0;
margin: 0 auto;
position: fixed;
border-bottom: 3px solid #666666 !important;
border: 1px solid #CCC;
width: 1200px;
z-index: 10000;
}
.compare-title {
background: #666 none repeat scroll 0 0;
color: #FFF;
font-family: Arial;
font-size: 16px;
padding: 5px;
}
.compare .article {
border-left: 1px solid #acacac;
float: left;
position: relative;
width: 17.40%;
background: #F5F5F5;
}
.com_img {
min-height: 92px;
max-height: 72px;
padding: 5px;
}
.thumb_compare {
padding: 2px;
background: #FFF;
border: 1px solid #CCC;
border-radius: 3px;
min-height: 80px;
max-height: 24px;
}
.comapre_back {
background: #DDD;
}
.compare_ulli {
margin: 0px;
padding-left: 0px;
}
.compare_ulli li {
padding: 2px 0px 2px 5px;
;
font-weight: normal;
color: #666;
font-size: 14px;
min-height: 24px;
}
.compare_ulli li a {
font-weight: bold;
font-family: Arial;
font-size: 14px;
}
#show_hide {
float: right;
}
.remove {
display: none;
margin-right: 13px;
}
.show {
display: block !important;
}
.clear_all {
float: right;
padding-right: 12px;
}
.compare_plus {
position: relative;
margin-left: 10px;
left: 0px;
font-size: 20px;
top: -4px;
}
/***********************************LEFT FILTER******************************/
.filter_box {
background: #e5e5e5 none repeat scroll 0 0;
border: 1px solid #ccc;
}
.filter_head {
background: #f5f5f5 none repeat scroll 0 0;
color: #333;
font-family: Arial;
font-size: 20px;
font-weight: bold;
margin: 0;
padding: 10px 5px;
}
.filter_head span {
font-size: 12px;
float: right;
position: relative;
top: 0px;
}
.filter_h5 {
color: #666;
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin-top: 10px;
}
.filter_ulli {
margin: 0;
padding-left: 4px;
}
.filter_ulli li {
font-size: 12px;
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.filter_ulli li input {
position: relative;
top: 2px;
}
.pad_5 {
padding: 5px;
}
.border-bottom-gray {
border-bottom: 1px solid #ccc;
}
.filter_box form div:hover {
background-color: #cccccc;
}
.line_throgh {
text-decoration: line-through;
color: #aa0000;
text-align: center;
margin-bottom: 10px;
font-size: 14px;
}
.hide_li {
display: none;
}
.company_name_news {
margin-bottom: 2px;
font-weight: bold;
font-size: 16px;
}
.common_top_margin {
margin-top: 10px;
color: #000;
font-size: 16px;
}
.common_top_margin_border {
margin-top: 10px;
border-bottom: 1px solid #333;
padding-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
}
.news_latter_a4_width {
width: 71%;
border: 1px solid #CCC;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
margin-top: 10px;
}
.newlatter_stock {
margin-bottom: 5px;
}
.newlatter_stock div div {
min-height: 121px;
}
.newlatter_stock div div a img {
max-height: 121px;
}
.safe_border {
border-right: 2px solid #999;
}
.news_latter_border {
height: 215px;
}
.new_latter_img {
height: 116px;
border: 1px solid #CCC;
}
.news_latter_top {
border-bottom: 2px solid #5E9EFF;
padding-bottom: 5px;
margin: 0px;
background: none;
}
.campaign_box {
width: 63%;
margin-left: 22%;
border: 1px solid #CCC;
padding: 5px;
margin-bottom: 20px;
}
.mobile_contact li {
margin-bottom: 5px;
}
.hp_website {
font-size: 18px;
color: #666;
font-weight: bold;
padding-top: 10px;
margin-bottom: 0px;
}
.jumvea_img {
float: left;
width: 30%;
padding-right: 5px;
}
.jumvea_img img {
width: 100%;
}
.logo_position {
position: relative;
top: 10px;
}
.tanking_you {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
padding-left: 10px;
}
.logo_details_news {
float: left;
width: 70%;
text-align: justify;
font-size: 14px;
}
.cp_stk_head {
color: #134397;
margin: 5px 0px;
font-weight: bold;
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.box_style {
position: relative;
left: -13px;
top: 15px;
}
.pg_head {
margin-top: -15px;
padding-left: 15px;
}
.cam_heading {
font-weight: bold;
font-size: 18px;
border-bottom: 1px solid #CCC;
margin: 10px;
}
.cam_heading span {
border-bottom: 3px solid #134397;
padding-bottom: 3px;
padding-right: 10px;
}
.cam_tbl {
border: 1px solid #CCC;
margin-bottom: 20px;
cursor: pointer;
}
.cam_tbl:hover #cam_title {
color: #CC0000;
}
.cam_tbl:hover #cam_date {
color: #134397;
}
#cam_title {
color: #134397;
text-align: center;
line-height: 20px;
margin-top: 5px;
font-weight: bold;
font-size: 16px;
}
#cam_date {
color: #CC0000;
text-align: center;
line-height: 10px;
font-weight: bold;
}
#cam_date span {
color: #000;
}
@media (min-width:1024px) and (max-width:1050px) {
.sm-margin-bottom-10 {
margin-bottom: 0px !important;
}
.mid_static {
width: 78% !important;
}
.f-nav>div>div>div>nav>ul>li>a {
padding: 6px 11px !important;
}
.navbar-default .navbar-nav>li>a {
padding: 10px 6px !important;
font-size: 16px !important;
}
.big_menu {
width: 700px !important;
padding: 0px !important;
}
.other_images li {
min-height: 95px;
}
.other_images li a img {
max-height: 95px;
}
.hp_stock a div.image {
min-height: 122px !important;
}
.hp_stock a div.image>img {
max-height: 122px !important;
}
.stock_boxs {
width: 20% !important;
}
.stock_accories ul li {
width: 50%;
}
.stock_accories ul li:nth-child(4n+3) {
border-left: 1px solid #CCCCCC;
}
}
@media (min-width:768px) and (max-width:1024px) {
.sm-margin-bottom-10 {
margin-bottom: 10px;
}
.mid_static {
width: 100%;
}
.f-nav>div>div>div>nav>ul>li>a {
padding: 6px 7px !important;
}
.navbar-default .navbar-nav>li>a {
font-size: 14px;
padding: 10px 7px;
}
.big_menu {
width: 520px;
padding: 10px;
}
.hp_search_box {
width: 100%;
}
.main_hp_head {
width: 64%;
}
.parent_ulli li {
width: 33.33%;
}
.other_images li {
width: 20%;
}
.hp_stock a div.image {
min-height: 248px;
}
.hp_stock a div.image>img {
max-height: 248px;
}
.stock_boxs {
width: 50%;
}
.adv_btn {
padding: 7px 2px 7px 1px;
font-size: 14px;
}
.search_btn {
padding: 12px 6px 8px 6px;
}
.sm-center {
text-align: center;
}
}
@media (min-width:640px) and (max-width:767px) {
.stock_boxs {
width: 100%;
}
}
@media (min-width:320px) and (max-width:640px) {
.container {
padding-left: 5px;
padding-right: 5px;
}
.row {
margin-left: -5px;
margin-right: -5px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
padding-left: 5px;
padding-right: 5px;
}
.mobile-center {
text-align: center;
}
.xs-margin-bottom-5 {
margin-bottom: 5px;
}
.xs-margin-bottom-10 {
margin-bottom: 10px;
}
.mobile_pad_5 {
padding: 5px;
}
.breadcrumbs ul {
margin: 5px 0px;
}
.pagination>li {
margin-right: 8px;
display: inline-block;
}
.pagination>li:last-child {
margin-right: 0px;
}
.pagination>li>a,
.pagination>li>span {
padding: 2px 6px;
}
.mid_static {
width: 100%;
}
header {
padding: 10px 0px;
margin-top: 42px;
}
.f-nav {
position: relative;
}
.logo a img {
margin: auto;
}
.hp_stock a div.image {
min-height: 248px;
}
.hp_stock a div.image>img {
max-height: 248px;
}
.hp_search_box {
width: 100%;
bottom: 0px;
padding: 0px 5px 10px 5px;
}
.main_hp_head {
width: 100%;
bottom: 0px;
margin-bottom: 10px;
margin-top: 10px;
}
.make_ulli li {
width: 33.33%;
}
.make_ulli li:nth-child(3n+0) {
border-right: 1px solid #E8E8E8;
}
.type_ulli li {
width: 33.33%;
}
.mid_text h2 {
font-size: 24px;
margin-top: 10px;
}
footer {
background: none;
}
footer>div {
padding-top: 5px;
}
.social_footer {
padding: 10px 0px;
}
.other_images li {
width: 33.33%;
min-height: 80px;
}
.other_images li a img {
max-height: 80px;
}
.social_margin {
margin-top: 10px;
}
.loadNextImage,
.loadPreImage {
display: block !important;
}
.min_height {
min-height: 200px;
}
.campaign_box {
width: 100%;
margin: 0%;
}
.stock_accories ul li {
width: 50%;
}
.stock_accories ul li:nth-child(4n+3) {
border-left: 1px solid #CCCCCC;
}
.stock_boxs {
width: 100%;
}
}
/****************************************BOOTSTRAP SLIDER CSS*************************/
.slider {
display: inline-block;
vertical-align: middle;
position: relative;
}
.slider.slider-horizontal {
width: 210px;
height: 20px;
}
.slider.slider-horizontal .slider-track {
height: 10px;
width: 100%;
margin-top: -5px;
top: 50%;
left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
height: 100%;
top: 0;
bottom: 0;
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
margin-left: -10px;
margin-top: -3px;
}
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
border-width: 0 10px 10px 10px;
width: 0;
height: 0;
border-bottom-color: #0480be;
margin-top: 0;
}
.slider.slider-horizontal .slider-tick-label-container {
white-space: nowrap;
margin-top: 20px;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
padding-top: 4px;
display: inline-block;
text-align: center;
}
.slider.slider-vertical {
height: 210px;
width: 20px;
}
.slider.slider-vertical .slider-track {
width: 10px;
height: 100%;
margin-left: -5px;
left: 50%;
top: 0;
}
.slider.slider-vertical .slider-selection {
width: 100%;
left: 0;
top: 0;
bottom: 0
}
.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high {
width: 100%;
left: 0;
right: 0
}
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle {
margin-left: -5px;
margin-top: -10px
}
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
border-width: 10px 0 10px 10px;
width: 1px;
height: 1px;
border-left-color: #0480be;
margin-left: 0
}
.slider.slider-vertical .slider-tick-label-container {
white-space: nowrap
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
padding-left: 4px
}
.slider.slider-disabled .slider-handle {
background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0)
}
.slider.slider-disabled .slider-track {
background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%);
background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0);
cursor: not-allowed
}
.slider input {
display: none
}
.slider .tooltip.top {
margin-top: -36px
}
.slider .tooltip-inner {
white-space: nowrap
}
.slider .hide {
display: none
}
.slider-track {
position: absolute;
cursor: pointer;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 4px
}
.slider-selection {
position: absolute;
background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 27px rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px
}
.slider-selection.tick-slider-selection {
background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0)
}
.slider-track-low,
.slider-track-high {
position: absolute;
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px
}
.slider-handle {
position: absolute;
width: 16px;
height: 16px;
background-color: #337ab7;
background-image: -webkit-linear-gradient(top, #149bdf 0%, #0480be 100%);
background-image: -o-linear-gradient(top, #149bdf 0%, #0480be 100%);
background-image: linear-gradient(to bottom, #149bdf 0%, #0480be 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
filter: none;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border: 0 solid transparent
}
.slider-handle:hover {
background: #666 !important
}
.slider-handle.round {
border-radius: 50%
}
.slider-handle.triangle {
background: transparent none
}
.slider-handle.custom {
background: transparent none
}
.slider-handle.custom::before {
line-height: 20px;
font-size: 20px;
content: '\2605';
color: #726204
}
.slider-tick {
position: absolute;
width: 20px;
height: 20px;
background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
filter: none;
opacity: .8;
border: 0 solid transparent
}
.slider-tick.round {
border-radius: 50%
}
.slider-tick.triangle {
background: transparent none
}
.slider-tick.custom {
background: transparent none
}
.slider-tick.custom::before {
line-height: 20px;
font-size: 20px;
content: '\2605';
color: #726204
}
.slider-tick.in-selection {
background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%);
background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%);
background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0);
opacity: 1
}
.jssora05l,
.jssora05r {
display: block;
position: absolute;
width: 40px;
height: 40px;
cursor: pointer;
background: rgba(0, 0, 0, 0) url(../images/a02.png) no-repeat scroll 0 0;
overflow: hidden
}
.jssora05l {
background-position: -10px -40px
}
.jssora05r {
background-position: -70px -40px
}
.jssora05l:hover {
background-position: -130px -40px
}
.jssora05r:hover {
background-position: -190px -40px
}
.jssora05l.jssora05ldn {
background-position: -250px -40px
}
.jssora05r.jssora05rdn {
background-position: -310px -40px
}
.jssort01 .p {
position: absolute;
top: 0;
left: 0;
width: 72px;
height: 72px
}
.jssort01 .t {
position: absolute;
top: 0;
left: 0;
border: none
}
.jssort01 .w {
position: absolute;
top: 0;
left: 0;
min-height: 50px;
}
.jssort01 .w img:hover {}
.jssort01 .c {
position: absolute;
top: 0;
left: 0;
width: 70px;
_background: none;
text-align: center;
}
.jssort01 .pav .c::before {
content: '+';
font-size: 36px;
color: #fff;
}
.jssort01 .pav .c {
top: 0px;
_top: 0;
left: 0px;
_left: 0;
max-width: 70px;
min-height: 50px;
background-position: 50% 50%
}
.jssort01 .p:hover .c {
top: 0;
left: 0;
width: 70px;
max-height: 70px;
background-position: 50% 50%;
}
.jssort01 .p:hover .c::before {
content: '+';
font-size: 36px;
color: #fff;
}
.jssort01 .p.pdn .c {
background-position: 50% 50%;
width: 70px;
}
* html .jssort01 .c,
* html .jssort01 .pdn .c,
* html .jssort01 .pav .c {
width: 72px;
height: 72px
}
#main_image {
left: 0px !important;
width: 96% !important;
border: 1px solid #CCC;
padding: 5px;
}
#image_width {
width: 670px !important
}
/***********************************************EXAMPLE-STYLES.CSS********************************************/
#sb-site,
.sb-site-container {
padding: 14px
}
.sb-slidebar {
padding: 14px;
color: #fff
}
html.sb-active #sb-site,
.sb-toggle-left,
.sb-toggle-right,
.sb-open-left,
.sb-open-right,
.sb-close {
cursor: pointer
}
#sb-site.top-padding {
padding-top: 50px
}
#fixed-top {
position: fixed;
top: 0;
width: 100%;
background-color: #0D4DA2;
z-index: 4
}
#fixed-top span.sb-toggle-left {
float: left;
color: #fff;
padding: 10px
}
#fixed-top span.sb-toggle-right {
float: right;
color: #fff;
padding: 10px
}
/***********************************************SLIDEBARS.CSS********************************************/
.menu_icon span {
border: 2px solid #FFF;
display: block;
position: relative;
margin-bottom: 5px;
width: 25px;
}
.menu_icon:hover span {
border: 2px solid #999;
}
.back_icon {
font-size: 32px;
line-height: 28px;
}
html.sb-scroll-lock.sb-active:not(.sb-static) {
overflow: hidden
}
#sb-site,
.sb-site-container {
width: 100%;
min-height: 100vh;
position: relative;
z-index: 1;
background-color: #FFF
}
#sb-site:before,
#sb-site:after,
.sb-site-container:before,
.sb-site-container:after {
content: ' ';
display: table;
clear: both
}
.sb-slidebar {
height: 100%;
overflow-y: auto;
position: fixed;
top: 0;
z-index: 10;
display: none;
background-color: #222
}
.sb-slidebar,
.sb-slidebar * {
-webkit-transform: translateZ(0px)
}
.sb-left {
left: 0
}
.sb-right {
right: 0
}
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
position: absolute
}
.sb-slidebar.sb-active {
display: block
}
.sb-style-overlay {
z-index: 9999
}
.sb-momentum-scrolling {
-webkit-overflow-scrolling: touch
}
.sb-slidebar {
width: 30%
}
.sb-width-thin {
width: 15%
}
.sb-width-wide {
width: 45%
}
@media (max-width: 480px) {
.sb-slidebar {
width: 70%
}
.sb-width-thin {
width: 55%
}
.sb-width-wide {
width: 85%
}
}
@media (min-width: 481px) {
.sb-slidebar {
width: 55%
}
.sb-width-thin {
width: 40%
}
.sb-width-wide {
width: 70%
}
}
@media (min-width: 768px) {
.sb-slidebar {
width: 40%
}
.sb-width-thin {
width: 25%
}
.sb-width-wide {
width: 55%
}
}
@media (min-width: 992px) {
.sb-slidebar {
width: 30%
}
.sb-width-thin {
width: 15%
}
.sb-width-wide {
width: 45%
}
}
@media (min-width: 1024px) {
.slider.slider-horizontal {
width: 190px;
height: 20px;
}
.slider.slider-horizontal .slider-track {
left: 2px;
}
}
@media (min-width: 1200px) {
.sb-slidebar {
width: 20%
}
.sb-width-thin {
width: 5%
}
.sb-width-wide {
width: 35%
}
}
.sb-slide,
#sb-site,
.sb-site-container,
.sb-slidebar {
-webkit-transform: translate(0px);
-moz-transform: translate(0px);
-o-transform: translate(0px);
transform: translate(0px);
-webkit-transition: -webkit-transform 400ms ease;
-moz-transition: -moz-transform 400ms ease;
-o-transition: -o-transform 400ms ease;
transition: transform 400ms ease;
-webkit-transition-property: -webkit-transform, left, right;
-webkit-backface-visibility: hidden
}
.sb-hide {
display: none
}
.bxslider {
padding-left: 0px;
}
.bx-wrapper {
position: relative;
margin: 0 auto 0px;
padding: 0;
*zoom: 1
}
.bx-wrapper img {
max-width: 100%;
display: block
}
.bx-wrapper .bx-viewport {
background: #fff;
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0)
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 0px;
width: 100%
}
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../images/loading.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000
}
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: 700;
color: #666;
padding-top: 0px;
bottom: -10px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline
}
.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 {
background: #000
}
.bx-wrapper .bx-prev {
left: 10px;
background: url(../images/controls.png) no-repeat 0 -32px
}
.bx-wrapper .bx-next {
right: 10px;
background: url(../images/controls.png) no-repeat -43px -32px
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0
}
.bx-wrapper .bx-next:hover {
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: 100;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none
}
.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(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 {
background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(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 {
background-position: -86px -33px
}
.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
}
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
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
}
.sort {
color: #fff;
}
.box_out_div {
width: 100% !important;
}
div.box_out_div span.message {
display: block;
border: 1px solid #000000;
width: 100% !important;
height: 17px;
text-align: left;
cursor: pointer;
background-color: #FFFFFF;
padding: 0 5px;
line-height: 17px
}
div.box_out_div div.box ul {
list-style: none;
overflow: auto;
height: 100%;
margin: 0px;
padding: 0px;
}
div.box_out_div div.box {
margin-top: 1px;
border: 1px solid #ACACAC;
display: none;
width: 100%;
background-color: #FFFFFF;
z-index: 1000;
position: absolute;
}
div.box_out_div div.box ul li {
margin-left: 10px;
padding: 0px;
}
.bid_sales_form {
width: 45%;
float: left;
background-color: #FFF !important;
cursor: pointer;
}
.stats_auc_search_btn {
height: 35px;
font-size: 15px;
}
.double_box {
width: 46%;
display: inline;
height: 27px;
padding: 5px !important;
}
@media only screen and (min-width:1051px) and (max-width:3600px) {
.bxslider img {
width: 1500px;
height: 320px;
}
}
@media (min-width:1024px) and (max-width:1050px) {
.second_menu ul li a {
padding: 8px 21.6px;
font-size: 13px;
}
.stats_auc_search_btn {
font-size: 12px;
padding: 4px 15px;
}
.double_box {
width: 45%;
}
}
@media (min-width:768px) and (max-width:1023px) {
.second_menu ul li a {
padding: 8px 7.85px;
font-size: 13px;
}
.stats_auc_search_btn {
font-size: 14px;
}
.sm_margin_bottom_10 {
margin-bottom: 10px;
}
}
@media (min-width:320px) and (max-width:768px) {
.bid_sales_form {
width: 47%;
}
.xs_margin_bottom_10 {
margin-bottom: 10px;
}
}