.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}.mega-menu.header-transparent {
background-color: rgba(255, 255, 255, 0.2) !important;
}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: bold;
}
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 #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
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;
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url(//grupocomersa.com.mx/wp-content/themes/carspot/fonts/glyphicons-halflings-regular.eot);
src: url(//grupocomersa.com.mx/wp-content/themes/carspot/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(//grupocomersa.com.mx/wp-content/themes/carspot/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(//grupocomersa.com.mx/wp-content/themes/carspot/fonts/glyphicons-halflings-regular.woff) format('woff'), url(//grupocomersa.com.mx/wp-content/themes/carspot/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(//grupocomersa.com.mx/wp-content/themes/carspot/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\002a";
}
.glyphicon-plus:before {
content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
-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: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
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: thin dotted;
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: normal;
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;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.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: bold;
}
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;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
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: 1170px;
}
}
.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%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
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 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-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);
}
.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: normal;
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: normal;
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;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
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: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: thin dotted;
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: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.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;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity .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;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
}
.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: normal;
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;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #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;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
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;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@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-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.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 > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.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-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;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.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: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
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: bold;
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;
}
.label-default {
background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
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;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.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;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777;
cursor: not-allowed;
background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, .15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open {
overflow: hidden;
}
.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;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
filter: alpha(opacity=0);
opacity: 0;
line-break: auto;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
line-break: auto;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.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;
}
@-ms-viewport {
width: device-width;
}
.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;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.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;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}body .protip-container.protip-mixin--css-no-transition{transition:all 0s}body .protip-container.protip-mixin--css-bold{font-weight:bold}body .protip-container.protip-mixin--css-italic{font-style:italic}body .protip-container.protip-mixin--css-no-style{background:none;color:inherit}body .protip-container.protip-mixin--css-no-style .protip-arrow{display:none}.protip-container{position:absolute;left:0;top:0;z-index:50;line-height:1;opacity:0;pointer-events:none;box-sizing:border-box}.protip-container > i{position:absolute;left:10px}.protip-container > i + div{padding-left:20px}.protip-arrow{content:'';display:block;position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.protip-show{opacity:1;pointer-events:auto}.protip-skin-default--size-tiny{padding:8px;font-size:10px;border-radius:3px}.protip-skin-default--size-tiny[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--size-tiny[data-pt-position="top"] .protip-arrow,.protip-skin-default--size-tiny[data-pt-position="top-right"] .protip-arrow{top:100%;left:auto;margin:0 0 0 -4px;border-width:4px 4px 0 4px}.protip-skin-default--size-tiny[data-pt-position="top-left"] .protip-arrow{left:20px}.protip-skin-default--size-tiny[data-pt-position="top"] .protip-arrow{left:50%}.protip-skin-default--size-tiny[data-pt-position="top-right"] .protip-arrow{left:auto;right:20px;margin-right:-4px}.protip-skin-default--size-tiny[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--size-tiny[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--size-tiny[data-pt-position="bottom-right"] .protip-arrow{top:-4px;left:auto;margin:0 0 0 -4px;border-width:0 4px 4px 4px}.protip-skin-default--size-tiny[data-pt-position="bottom-left"] .protip-arrow{left:20px}.protip-skin-default--size-tiny[data-pt-position="bottom"] .protip-arrow{left:50%}.protip-skin-default--size-tiny[data-pt-position="bottom-right"] .protip-arrow{left:auto;right:20px;margin-right:-4px}.protip-skin-default--size-tiny[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--size-tiny[data-pt-position="left"] .protip-arrow,.protip-skin-default--size-tiny[data-pt-position="left-bottom"] .protip-arrow{top:auto;left:100%;margin:-4px 0 0 0;border-width:4px 0 4px 4px}.protip-skin-default--size-tiny[data-pt-position="left-top"] .protip-arrow{top:20px}.protip-skin-default--size-tiny[data-pt-position="left"] .protip-arrow{top:50%}.protip-skin-default--size-tiny[data-pt-position="left-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-4px}.protip-skin-default--size-tiny[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--size-tiny[data-pt-position="right"] .protip-arrow,.protip-skin-default--size-tiny[data-pt-position="right-bottom"] .protip-arrow{top:auto;right:100%;margin:-4px 0 0 0;border-width:4px 4px 4px 0}.protip-skin-default--size-tiny[data-pt-position="right-top"] .protip-arrow{top:20px}.protip-skin-default--size-tiny[data-pt-position="right"] .protip-arrow{top:50%}.protip-skin-default--size-tiny[data-pt-position="right-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-4px}.protip-skin-default--size-tiny[data-pt-position="top-left-corner"]{border-bottom-right-radius:0}.protip-skin-default--size-tiny[data-pt-position="top-left-corner"] .protip-arrow{top:100%;left:100%;margin:0 0 0 -4px;border-width:0 4px 4px 0}.protip-skin-default--size-tiny[data-pt-position="top-right-corner"]{border-bottom-left-radius:0}.protip-skin-default--size-tiny[data-pt-position="top-right-corner"] .protip-arrow{top:100%;left:-4px;margin:0 0 0 4px;border-width:4px 4px 0 0}.protip-skin-default--size-tiny[data-pt-position="bottom-left-corner"]{border-top-right-radius:0}.protip-skin-default--size-tiny[data-pt-position="bottom-left-corner"] .protip-arrow{top:-4px;left:100%;margin:0 0 0 -4px;border-width:0 0 4px 4px}.protip-skin-default--size-tiny[data-pt-position="bottom-right-corner"]{border-top-left-radius:0}.protip-skin-default--size-tiny[data-pt-position="bottom-right-corner"] .protip-arrow{top:0;left:-4px;margin:-4px 0 0 4px;border-width:4px 0 0 4px}.protip-skin-default--size-small{padding:13px;font-size:12px;border-radius:4px}.protip-skin-default--size-small[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--size-small[data-pt-position="top"] .protip-arrow,.protip-skin-default--size-small[data-pt-position="top-right"] .protip-arrow{top:100%;left:auto;margin:0 0 0 -6px;border-width:6px 6px 0 6px}.protip-skin-default--size-small[data-pt-position="top-left"] .protip-arrow{left:20px}.protip-skin-default--size-small[data-pt-position="top"] .protip-arrow{left:50%}.protip-skin-default--size-small[data-pt-position="top-right"] .protip-arrow{left:auto;right:20px;margin-right:-6px}.protip-skin-default--size-small[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--size-small[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--size-small[data-pt-position="bottom-right"] .protip-arrow{top:-6px;left:auto;margin:0 0 0 -6px;border-width:0 6px 6px 6px}.protip-skin-default--size-small[data-pt-position="bottom-left"] .protip-arrow{left:20px}.protip-skin-default--size-small[data-pt-position="bottom"] .protip-arrow{left:50%}.protip-skin-default--size-small[data-pt-position="bottom-right"] .protip-arrow{left:auto;right:20px;margin-right:-6px}.protip-skin-default--size-small[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--size-small[data-pt-position="left"] .protip-arrow,.protip-skin-default--size-small[data-pt-position="left-bottom"] .protip-arrow{top:auto;left:100%;margin:-6px 0 0 0;border-width:6px 0 6px 6px}.protip-skin-default--size-small[data-pt-position="left-top"] .protip-arrow{top:20px}.protip-skin-default--size-small[data-pt-position="left"] .protip-arrow{top:50%}.protip-skin-default--size-small[data-pt-position="left-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-6px}.protip-skin-default--size-small[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--size-small[data-pt-position="right"] .protip-arrow,.protip-skin-default--size-small[data-pt-position="right-bottom"] .protip-arrow{top:auto;right:100%;margin:-6px 0 0 0;border-width:6px 6px 6px 0}.protip-skin-default--size-small[data-pt-position="right-top"] .protip-arrow{top:20px}.protip-skin-default--size-small[data-pt-position="right"] .protip-arrow{top:50%}.protip-skin-default--size-small[data-pt-position="right-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-6px}.protip-skin-default--size-small[data-pt-position="top-left-corner"]{border-bottom-right-radius:0}.protip-skin-default--size-small[data-pt-position="top-left-corner"] .protip-arrow{top:100%;left:100%;margin:0 0 0 -6px;border-width:0 6px 6px 0}.protip-skin-default--size-small[data-pt-position="top-right-corner"]{border-bottom-left-radius:0}.protip-skin-default--size-small[data-pt-position="top-right-corner"] .protip-arrow{top:100%;left:-6px;margin:0 0 0 6px;border-width:6px 6px 0 0}.protip-skin-default--size-small[data-pt-position="bottom-left-corner"]{border-top-right-radius:0}.protip-skin-default--size-small[data-pt-position="bottom-left-corner"] .protip-arrow{top:-6px;left:100%;margin:0 0 0 -6px;border-width:0 0 6px 6px}.protip-skin-default--size-small[data-pt-position="bottom-right-corner"]{border-top-left-radius:0}.protip-skin-default--size-small[data-pt-position="bottom-right-corner"] .protip-arrow{top:0;left:-6px;margin:-6px 0 0 6px;border-width:6px 0 0 6px}.protip-skin-default--size-normal{padding:16px;font-size:15px;border-radius:6px}.protip-skin-default--size-normal[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--size-normal[data-pt-position="top"] .protip-arrow,.protip-skin-default--size-normal[data-pt-position="top-right"] .protip-arrow{top:100%;left:auto;margin:0 0 0 -8px;border-width:8px 8px 0 8px}.protip-skin-default--size-normal[data-pt-position="top-left"] .protip-arrow{left:20px}.protip-skin-default--size-normal[data-pt-position="top"] .protip-arrow{left:50%}.protip-skin-default--size-normal[data-pt-position="top-right"] .protip-arrow{left:auto;right:20px;margin-right:-8px}.protip-skin-default--size-normal[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--size-normal[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--size-normal[data-pt-position="bottom-right"] .protip-arrow{top:-8px;left:auto;margin:0 0 0 -8px;border-width:0 8px 8px 8px}.protip-skin-default--size-normal[data-pt-position="bottom-left"] .protip-arrow{left:20px}.protip-skin-default--size-normal[data-pt-position="bottom"] .protip-arrow{left:50%}.protip-skin-default--size-normal[data-pt-position="bottom-right"] .protip-arrow{left:auto;right:20px;margin-right:-8px}.protip-skin-default--size-normal[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--size-normal[data-pt-position="left"] .protip-arrow,.protip-skin-default--size-normal[data-pt-position="left-bottom"] .protip-arrow{top:auto;left:100%;margin:-8px 0 0 0;border-width:8px 0 8px 8px}.protip-skin-default--size-normal[data-pt-position="left-top"] .protip-arrow{top:20px}.protip-skin-default--size-normal[data-pt-position="left"] .protip-arrow{top:50%}.protip-skin-default--size-normal[data-pt-position="left-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-8px}.protip-skin-default--size-normal[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--size-normal[data-pt-position="right"] .protip-arrow,.protip-skin-default--size-normal[data-pt-position="right-bottom"] .protip-arrow{top:auto;right:100%;margin:-8px 0 0 0;border-width:8px 8px 8px 0}.protip-skin-default--size-normal[data-pt-position="right-top"] .protip-arrow{top:20px}.protip-skin-default--size-normal[data-pt-position="right"] .protip-arrow{top:50%}.protip-skin-default--size-normal[data-pt-position="right-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-8px}.protip-skin-default--size-normal[data-pt-position="top-left-corner"]{border-bottom-right-radius:0}.protip-skin-default--size-normal[data-pt-position="top-left-corner"] .protip-arrow{top:100%;left:100%;margin:0 0 0 -8px;border-width:0 8px 8px 0}.protip-skin-default--size-normal[data-pt-position="top-right-corner"]{border-bottom-left-radius:0}.protip-skin-default--size-normal[data-pt-position="top-right-corner"] .protip-arrow{top:100%;left:-8px;margin:0 0 0 8px;border-width:8px 8px 0 0}.protip-skin-default--size-normal[data-pt-position="bottom-left-corner"]{border-top-right-radius:0}.protip-skin-default--size-normal[data-pt-position="bottom-left-corner"] .protip-arrow{top:-8px;left:100%;margin:0 0 0 -8px;border-width:0 0 8px 8px}.protip-skin-default--size-normal[data-pt-position="bottom-right-corner"]{border-top-left-radius:0}.protip-skin-default--size-normal[data-pt-position="bottom-right-corner"] .protip-arrow{top:0;left:-8px;margin:-8px 0 0 8px;border-width:8px 0 0 8px}.protip-skin-default--size-big{padding:20px;font-size:18px;border-radius:8px}.protip-skin-default--size-big[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--size-big[data-pt-position="top"] .protip-arrow,.protip-skin-default--size-big[data-pt-position="top-right"] .protip-arrow{top:100%;left:auto;margin:0 0 0 -10px;border-width:10px 10px 0 10px}.protip-skin-default--size-big[data-pt-position="top-left"] .protip-arrow{left:20px}.protip-skin-default--size-big[data-pt-position="top"] .protip-arrow{left:50%}.protip-skin-default--size-big[data-pt-position="top-right"] .protip-arrow{left:auto;right:20px;margin-right:-10px}.protip-skin-default--size-big[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--size-big[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--size-big[data-pt-position="bottom-right"] .protip-arrow{top:-10px;left:auto;margin:0 0 0 -10px;border-width:0 10px 10px 10px}.protip-skin-default--size-big[data-pt-position="bottom-left"] .protip-arrow{left:20px}.protip-skin-default--size-big[data-pt-position="bottom"] .protip-arrow{left:50%}.protip-skin-default--size-big[data-pt-position="bottom-right"] .protip-arrow{left:auto;right:20px;margin-right:-10px}.protip-skin-default--size-big[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--size-big[data-pt-position="left"] .protip-arrow,.protip-skin-default--size-big[data-pt-position="left-bottom"] .protip-arrow{top:auto;left:100%;margin:-10px 0 0 0;border-width:10px 0 10px 10px}.protip-skin-default--size-big[data-pt-position="left-top"] .protip-arrow{top:20px}.protip-skin-default--size-big[data-pt-position="left"] .protip-arrow{top:50%}.protip-skin-default--size-big[data-pt-position="left-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-10px}.protip-skin-default--size-big[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--size-big[data-pt-position="right"] .protip-arrow,.protip-skin-default--size-big[data-pt-position="right-bottom"] .protip-arrow{top:auto;right:100%;margin:-10px 0 0 0;border-width:10px 10px 10px 0}.protip-skin-default--size-big[data-pt-position="right-top"] .protip-arrow{top:20px}.protip-skin-default--size-big[data-pt-position="right"] .protip-arrow{top:50%}.protip-skin-default--size-big[data-pt-position="right-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-10px}.protip-skin-default--size-big[data-pt-position="top-left-corner"]{border-bottom-right-radius:0}.protip-skin-default--size-big[data-pt-position="top-left-corner"] .protip-arrow{top:100%;left:100%;margin:0 0 0 -10px;border-width:0 10px 10px 0}.protip-skin-default--size-big[data-pt-position="top-right-corner"]{border-bottom-left-radius:0}.protip-skin-default--size-big[data-pt-position="top-right-corner"] .protip-arrow{top:100%;left:-10px;margin:0 0 0 10px;border-width:10px 10px 0 0}.protip-skin-default--size-big[data-pt-position="bottom-left-corner"]{border-top-right-radius:0}.protip-skin-default--size-big[data-pt-position="bottom-left-corner"] .protip-arrow{top:-10px;left:100%;margin:0 0 0 -10px;border-width:0 0 10px 10px}.protip-skin-default--size-big[data-pt-position="bottom-right-corner"]{border-top-left-radius:0}.protip-skin-default--size-big[data-pt-position="bottom-right-corner"] .protip-arrow{top:0;left:-10px;margin:-10px 0 0 10px;border-width:10px 0 0 10px}.protip-skin-default--size-large{padding:20px;font-size:18px;border-radius:8px}.protip-skin-default--size-large[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--size-large[data-pt-position="top"] .protip-arrow,.protip-skin-default--size-large[data-pt-position="top-right"] .protip-arrow{top:100%;left:auto;margin:0 0 0 -12px;border-width:12px 12px 0 12px}.protip-skin-default--size-large[data-pt-position="top-left"] .protip-arrow{left:20px}.protip-skin-default--size-large[data-pt-position="top"] .protip-arrow{left:50%}.protip-skin-default--size-large[data-pt-position="top-right"] .protip-arrow{left:auto;right:20px;margin-right:-12px}.protip-skin-default--size-large[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--size-large[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--size-large[data-pt-position="bottom-right"] .protip-arrow{top:-12px;left:auto;margin:0 0 0 -12px;border-width:0 12px 12px 12px}.protip-skin-default--size-large[data-pt-position="bottom-left"] .protip-arrow{left:20px}.protip-skin-default--size-large[data-pt-position="bottom"] .protip-arrow{left:50%}.protip-skin-default--size-large[data-pt-position="bottom-right"] .protip-arrow{left:auto;right:20px;margin-right:-12px}.protip-skin-default--size-large[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--size-large[data-pt-position="left"] .protip-arrow,.protip-skin-default--size-large[data-pt-position="left-bottom"] .protip-arrow{top:auto;left:100%;margin:-12px 0 0 0;border-width:12px 0 12px 12px}.protip-skin-default--size-large[data-pt-position="left-top"] .protip-arrow{top:20px}.protip-skin-default--size-large[data-pt-position="left"] .protip-arrow{top:50%}.protip-skin-default--size-large[data-pt-position="left-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-12px}.protip-skin-default--size-large[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--size-large[data-pt-position="right"] .protip-arrow,.protip-skin-default--size-large[data-pt-position="right-bottom"] .protip-arrow{top:auto;right:100%;margin:-12px 0 0 0;border-width:12px 12px 12px 0}.protip-skin-default--size-large[data-pt-position="right-top"] .protip-arrow{top:20px}.protip-skin-default--size-large[data-pt-position="right"] .protip-arrow{top:50%}.protip-skin-default--size-large[data-pt-position="right-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-12px}.protip-skin-default--size-large[data-pt-position="top-left-corner"]{border-bottom-right-radius:0}.protip-skin-default--size-large[data-pt-position="top-left-corner"] .protip-arrow{top:100%;left:100%;margin:0 0 0 -12px;border-width:0 12px 12px 0}.protip-skin-default--size-large[data-pt-position="top-right-corner"]{border-bottom-left-radius:0}.protip-skin-default--size-large[data-pt-position="top-right-corner"] .protip-arrow{top:100%;left:-12px;margin:0 0 0 12px;border-width:12px 12px 0 0}.protip-skin-default--size-large[data-pt-position="bottom-left-corner"]{border-top-right-radius:0}.protip-skin-default--size-large[data-pt-position="bottom-left-corner"] .protip-arrow{top:-12px;left:100%;margin:0 0 0 -12px;border-width:0 0 12px 12px}.protip-skin-default--size-large[data-pt-position="bottom-right-corner"]{border-top-left-radius:0}.protip-skin-default--size-large[data-pt-position="bottom-right-corner"] .protip-arrow{top:0;left:-12px;margin:-12px 0 0 12px;border-width:12px 0 0 12px}.protip-skin-default--scheme-pro.protip-container{color:#000;background:#da2e2b;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-pro[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-pro[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-pro[data-pt-position="top-right"] .protip-arrow{border-top-color:#da2e2b}.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-pro[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#da2e2b}.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-pro[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#da2e2b}.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-pro[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#da2e2b}.protip-skin-default--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#da2e2b}.protip-skin-default--scheme-pro[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#da2e2b}.protip-skin-default--scheme-pro[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#da2e2b}.protip-skin-default--scheme-pro[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#da2e2b}.protip-skin-default--scheme-blue.protip-container{color:#fff;background:#369;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-blue[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-blue[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-blue[data-pt-position="top-right"] .protip-arrow{border-top-color:#369}.protip-skin-default--scheme-blue[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-blue[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-blue[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#369}.protip-skin-default--scheme-blue[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-blue[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-blue[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#369}.protip-skin-default--scheme-blue[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-blue[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-blue[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#369}.protip-skin-default--scheme-blue[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#369}.protip-skin-default--scheme-blue[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#369}.protip-skin-default--scheme-blue[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#369}.protip-skin-default--scheme-blue[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#369}.protip-skin-default--scheme-red.protip-container{color:#fff;background:#802731;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-red[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-red[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-red[data-pt-position="top-right"] .protip-arrow{border-top-color:#802731}.protip-skin-default--scheme-red[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-red[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-red[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#802731}.protip-skin-default--scheme-red[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-red[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-red[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#802731}.protip-skin-default--scheme-red[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-red[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-red[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#802731}.protip-skin-default--scheme-red[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#802731}.protip-skin-default--scheme-red[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#802731}.protip-skin-default--scheme-red[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#802731}.protip-skin-default--scheme-red[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#802731}.protip-skin-default--scheme-aqua.protip-container{color:#fff;background:#339996;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-aqua[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-aqua[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-aqua[data-pt-position="top-right"] .protip-arrow{border-top-color:#339996}.protip-skin-default--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-aqua[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#339996}.protip-skin-default--scheme-aqua[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-aqua[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#339996}.protip-skin-default--scheme-aqua[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-aqua[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#339996}.protip-skin-default--scheme-aqua[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#339996}.protip-skin-default--scheme-aqua[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#339996}.protip-skin-default--scheme-aqua[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#339996}.protip-skin-default--scheme-aqua[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#339996}.protip-skin-default--scheme-dark.protip-container{color:#fff;background:#333;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-dark[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-dark[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-dark[data-pt-position="top-right"] .protip-arrow{border-top-color:#333}.protip-skin-default--scheme-dark[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-dark[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-dark[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#333}.protip-skin-default--scheme-dark[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-dark[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-dark[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#333}.protip-skin-default--scheme-dark[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-dark[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-dark[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#333}.protip-skin-default--scheme-dark[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#333}.protip-skin-default--scheme-dark[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#333}.protip-skin-default--scheme-dark[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#333}.protip-skin-default--scheme-dark[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#333}.protip-skin-default--scheme-dark-transparent.protip-container{color:#fff;background:rgba(20,20,20,0.8);font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-dark-transparent[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-dark-transparent[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-dark-transparent[data-pt-position="top-right"] .protip-arrow{border-top-color:rgba(20,20,20,0.8)}.protip-skin-default--scheme-dark-transparent[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-dark-transparent[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-dark-transparent[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:rgba(20,20,20,0.8)}.protip-skin-default--scheme-dark-transparent[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-dark-transparent[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-dark-transparent[data-pt-position="left-bottom"] .protip-arrow{border-left-color:rgba(20,20,20,0.8)}.protip-skin-default--scheme-dark-transparent[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-dark-transparent[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-dark-transparent[data-pt-position="right-bottom"] .protip-arrow{border-right-color:rgba(20,20,20,0.8)}.protip-skin-default--scheme-dark-transparent[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:rgba(20,20,20,0.8)}.protip-skin-default--scheme-dark-transparent[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:rgba(20,20,20,0.8)}.protip-skin-default--scheme-dark-transparent[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:rgba(20,20,20,0.8)}.protip-skin-default--scheme-dark-transparent[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:rgba(20,20,20,0.8)}.protip-skin-default--scheme-black.protip-container{color:#fff;background:#000;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-black[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-black[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-black[data-pt-position="top-right"] .protip-arrow{border-top-color:#000}.protip-skin-default--scheme-black[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-black[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-black[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#000}.protip-skin-default--scheme-black[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-black[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-black[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#000}.protip-skin-default--scheme-black[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-black[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-black[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#000}.protip-skin-default--scheme-black[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#000}.protip-skin-default--scheme-black[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#000}.protip-skin-default--scheme-black[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#000}.protip-skin-default--scheme-black[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#000}.protip-skin-default--scheme-leaf.protip-container{color:#fff;background:#339959;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-leaf[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-leaf[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-leaf[data-pt-position="top-right"] .protip-arrow{border-top-color:#339959}.protip-skin-default--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-leaf[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#339959}.protip-skin-default--scheme-leaf[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-leaf[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#339959}.protip-skin-default--scheme-leaf[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-leaf[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#339959}.protip-skin-default--scheme-leaf[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#339959}.protip-skin-default--scheme-leaf[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#339959}.protip-skin-default--scheme-leaf[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#339959}.protip-skin-default--scheme-leaf[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#339959}.protip-skin-default--scheme-purple.protip-container{color:#fff;background:#613399;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-purple[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-purple[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-purple[data-pt-position="top-right"] .protip-arrow{border-top-color:#613399}.protip-skin-default--scheme-purple[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-purple[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-purple[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#613399}.protip-skin-default--scheme-purple[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-purple[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-purple[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#613399}.protip-skin-default--scheme-purple[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-purple[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-purple[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#613399}.protip-skin-default--scheme-purple[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#613399}.protip-skin-default--scheme-purple[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#613399}.protip-skin-default--scheme-purple[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#613399}.protip-skin-default--scheme-purple[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#613399}.protip-skin-default--scheme-pink.protip-container{color:#000;background:#D457AA;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-pink[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-pink[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-pink[data-pt-position="top-right"] .protip-arrow{border-top-color:#D457AA}.protip-skin-default--scheme-pink[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-pink[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-pink[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#D457AA}.protip-skin-default--scheme-pink[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-pink[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-pink[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#D457AA}.protip-skin-default--scheme-pink[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-pink[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-pink[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#D457AA}.protip-skin-default--scheme-pink[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#D457AA}.protip-skin-default--scheme-pink[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#D457AA}.protip-skin-default--scheme-pink[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#D457AA}.protip-skin-default--scheme-pink[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#D457AA}.protip-skin-default--scheme-orange.protip-container{color:#000;background:#E64426;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-orange[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-orange[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-orange[data-pt-position="top-right"] .protip-arrow{border-top-color:#E64426}.protip-skin-default--scheme-orange[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-orange[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-orange[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#E64426}.protip-skin-default--scheme-orange[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-orange[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-orange[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#E64426}.protip-skin-default--scheme-orange[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-orange[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-orange[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#E64426}.protip-skin-default--scheme-orange[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#E64426}.protip-skin-default--scheme-orange[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#E64426}.protip-skin-default--scheme-orange[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#E64426}.protip-skin-default--scheme-orange[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#E64426}.protip-skin-default--scheme-white.protip-container{color:#000;background:#FFF;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-default--scheme-white[data-pt-position="top-left"] .protip-arrow,.protip-skin-default--scheme-white[data-pt-position="top"] .protip-arrow,.protip-skin-default--scheme-white[data-pt-position="top-right"] .protip-arrow{border-top-color:#FFF}.protip-skin-default--scheme-white[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-default--scheme-white[data-pt-position="bottom"] .protip-arrow,.protip-skin-default--scheme-white[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#FFF}.protip-skin-default--scheme-white[data-pt-position="left-top"] .protip-arrow,.protip-skin-default--scheme-white[data-pt-position="left"] .protip-arrow,.protip-skin-default--scheme-white[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#FFF}.protip-skin-default--scheme-white[data-pt-position="right-top"] .protip-arrow,.protip-skin-default--scheme-white[data-pt-position="right"] .protip-arrow,.protip-skin-default--scheme-white[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#FFF}.protip-skin-default--scheme-white[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#FFF}.protip-skin-default--scheme-white[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#FFF}.protip-skin-default--scheme-white[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#FFF}.protip-skin-default--scheme-white[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#FFF}.protip-skin-square--size-tiny{padding:8px;font-size:10px}.protip-skin-square--size-tiny[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--size-tiny[data-pt-position="top"] .protip-arrow,.protip-skin-square--size-tiny[data-pt-position="top-right"] .protip-arrow{top:100%;left:auto;margin:0 0 0 -4px;border-width:4px 4px 0 4px}.protip-skin-square--size-tiny[data-pt-position="top-left"] .protip-arrow{left:20px}.protip-skin-square--size-tiny[data-pt-position="top"] .protip-arrow{left:50%}.protip-skin-square--size-tiny[data-pt-position="top-right"] .protip-arrow{left:auto;right:20px;margin-right:-4px}.protip-skin-square--size-tiny[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--size-tiny[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--size-tiny[data-pt-position="bottom-right"] .protip-arrow{top:-4px;left:auto;margin:0 0 0 -4px;border-width:0 4px 4px 4px}.protip-skin-square--size-tiny[data-pt-position="bottom-left"] .protip-arrow{left:20px}.protip-skin-square--size-tiny[data-pt-position="bottom"] .protip-arrow{left:50%}.protip-skin-square--size-tiny[data-pt-position="bottom-right"] .protip-arrow{left:auto;right:20px;margin-right:-4px}.protip-skin-square--size-tiny[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--size-tiny[data-pt-position="left"] .protip-arrow,.protip-skin-square--size-tiny[data-pt-position="left-bottom"] .protip-arrow{top:auto;left:100%;margin:-4px 0 0 0;border-width:4px 0 4px 4px}.protip-skin-square--size-tiny[data-pt-position="left-top"] .protip-arrow{top:20px}.protip-skin-square--size-tiny[data-pt-position="left"] .protip-arrow{top:50%}.protip-skin-square--size-tiny[data-pt-position="left-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-4px}.protip-skin-square--size-tiny[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--size-tiny[data-pt-position="right"] .protip-arrow,.protip-skin-square--size-tiny[data-pt-position="right-bottom"] .protip-arrow{top:auto;right:100%;margin:-4px 0 0 0;border-width:4px 4px 4px 0}.protip-skin-square--size-tiny[data-pt-position="right-top"] .protip-arrow{top:20px}.protip-skin-square--size-tiny[data-pt-position="right"] .protip-arrow{top:50%}.protip-skin-square--size-tiny[data-pt-position="right-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-4px}.protip-skin-square--size-tiny[data-pt-position="top-left-corner"]{border-bottom-right-radius:0}.protip-skin-square--size-tiny[data-pt-position="top-left-corner"] .protip-arrow{top:100%;left:100%;margin:0 0 0 -4px;border-width:0 4px 4px 0}.protip-skin-square--size-tiny[data-pt-position="top-right-corner"]{border-bottom-left-radius:0}.protip-skin-square--size-tiny[data-pt-position="top-right-corner"] .protip-arrow{top:100%;left:-4px;margin:0 0 0 4px;border-width:4px 4px 0 0}.protip-skin-square--size-tiny[data-pt-position="bottom-left-corner"]{border-top-right-radius:0}.protip-skin-square--size-tiny[data-pt-position="bottom-left-corner"] .protip-arrow{top:-4px;left:100%;margin:0 0 0 -4px;border-width:0 0 4px 4px}.protip-skin-square--size-tiny[data-pt-position="bottom-right-corner"]{border-top-left-radius:0}.protip-skin-square--size-tiny[data-pt-position="bottom-right-corner"] .protip-arrow{top:0;left:-4px;margin:-4px 0 0 4px;border-width:4px 0 0 4px}.protip-skin-square--size-small{padding:13px;font-size:12px}.protip-skin-square--size-small[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--size-small[data-pt-position="top"] .protip-arrow,.protip-skin-square--size-small[data-pt-position="top-right"] .protip-arrow{top:100%;left:auto;margin:0 0 0 -6px;border-width:6px 6px 0 6px}.protip-skin-square--size-small[data-pt-position="top-left"] .protip-arrow{left:20px}.protip-skin-square--size-small[data-pt-position="top"] .protip-arrow{left:50%}.protip-skin-square--size-small[data-pt-position="top-right"] .protip-arrow{left:auto;right:20px;margin-right:-6px}.protip-skin-square--size-small[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--size-small[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--size-small[data-pt-position="bottom-right"] .protip-arrow{top:-6px;left:auto;margin:0 0 0 -6px;border-width:0 6px 6px 6px}.protip-skin-square--size-small[data-pt-position="bottom-left"] .protip-arrow{left:20px}.protip-skin-square--size-small[data-pt-position="bottom"] .protip-arrow{left:50%}.protip-skin-square--size-small[data-pt-position="bottom-right"] .protip-arrow{left:auto;right:20px;margin-right:-6px}.protip-skin-square--size-small[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--size-small[data-pt-position="left"] .protip-arrow,.protip-skin-square--size-small[data-pt-position="left-bottom"] .protip-arrow{top:auto;left:100%;margin:-6px 0 0 0;border-width:6px 0 6px 6px}.protip-skin-square--size-small[data-pt-position="left-top"] .protip-arrow{top:20px}.protip-skin-square--size-small[data-pt-position="left"] .protip-arrow{top:50%}.protip-skin-square--size-small[data-pt-position="left-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-6px}.protip-skin-square--size-small[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--size-small[data-pt-position="right"] .protip-arrow,.protip-skin-square--size-small[data-pt-position="right-bottom"] .protip-arrow{top:auto;right:100%;margin:-6px 0 0 0;border-width:6px 6px 6px 0}.protip-skin-square--size-small[data-pt-position="right-top"] .protip-arrow{top:20px}.protip-skin-square--size-small[data-pt-position="right"] .protip-arrow{top:50%}.protip-skin-square--size-small[data-pt-position="right-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-6px}.protip-skin-square--size-small[data-pt-position="top-left-corner"]{border-bottom-right-radius:0}.protip-skin-square--size-small[data-pt-position="top-left-corner"] .protip-arrow{top:100%;left:100%;margin:0 0 0 -6px;border-width:0 6px 6px 0}.protip-skin-square--size-small[data-pt-position="top-right-corner"]{border-bottom-left-radius:0}.protip-skin-square--size-small[data-pt-position="top-right-corner"] .protip-arrow{top:100%;left:-6px;margin:0 0 0 6px;border-width:6px 6px 0 0}.protip-skin-square--size-small[data-pt-position="bottom-left-corner"]{border-top-right-radius:0}.protip-skin-square--size-small[data-pt-position="bottom-left-corner"] .protip-arrow{top:-6px;left:100%;margin:0 0 0 -6px;border-width:0 0 6px 6px}.protip-skin-square--size-small[data-pt-position="bottom-right-corner"]{border-top-left-radius:0}.protip-skin-square--size-small[data-pt-position="bottom-right-corner"] .protip-arrow{top:0;left:-6px;margin:-6px 0 0 6px;border-width:6px 0 0 6px}.protip-skin-square--size-normal{padding:16px;font-size:15px}.protip-skin-square--size-normal[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--size-normal[data-pt-position="top"] .protip-arrow,.protip-skin-square--size-normal[data-pt-position="top-right"] .protip-arrow{top:100%;left:auto;margin:0 0 0 -8px;border-width:8px 8px 0 8px}.protip-skin-square--size-normal[data-pt-position="top-left"] .protip-arrow{left:20px}.protip-skin-square--size-normal[data-pt-position="top"] .protip-arrow{left:50%}.protip-skin-square--size-normal[data-pt-position="top-right"] .protip-arrow{left:auto;right:20px;margin-right:-8px}.protip-skin-square--size-normal[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--size-normal[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--size-normal[data-pt-position="bottom-right"] .protip-arrow{top:-8px;left:auto;margin:0 0 0 -8px;border-width:0 8px 8px 8px}.protip-skin-square--size-normal[data-pt-position="bottom-left"] .protip-arrow{left:20px}.protip-skin-square--size-normal[data-pt-position="bottom"] .protip-arrow{left:50%}.protip-skin-square--size-normal[data-pt-position="bottom-right"] .protip-arrow{left:auto;right:20px;margin-right:-8px}.protip-skin-square--size-normal[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--size-normal[data-pt-position="left"] .protip-arrow,.protip-skin-square--size-normal[data-pt-position="left-bottom"] .protip-arrow{top:auto;left:100%;margin:-8px 0 0 0;border-width:8px 0 8px 8px}.protip-skin-square--size-normal[data-pt-position="left-top"] .protip-arrow{top:20px}.protip-skin-square--size-normal[data-pt-position="left"] .protip-arrow{top:50%}.protip-skin-square--size-normal[data-pt-position="left-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-8px}.protip-skin-square--size-normal[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--size-normal[data-pt-position="right"] .protip-arrow,.protip-skin-square--size-normal[data-pt-position="right-bottom"] .protip-arrow{top:auto;right:100%;margin:-8px 0 0 0;border-width:8px 8px 8px 0}.protip-skin-square--size-normal[data-pt-position="right-top"] .protip-arrow{top:20px}.protip-skin-square--size-normal[data-pt-position="right"] .protip-arrow{top:50%}.protip-skin-square--size-normal[data-pt-position="right-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-8px}.protip-skin-square--size-normal[data-pt-position="top-left-corner"]{border-bottom-right-radius:0}.protip-skin-square--size-normal[data-pt-position="top-left-corner"] .protip-arrow{top:100%;left:100%;margin:0 0 0 -8px;border-width:0 8px 8px 0}.protip-skin-square--size-normal[data-pt-position="top-right-corner"]{border-bottom-left-radius:0}.protip-skin-square--size-normal[data-pt-position="top-right-corner"] .protip-arrow{top:100%;left:-8px;margin:0 0 0 8px;border-width:8px 8px 0 0}.protip-skin-square--size-normal[data-pt-position="bottom-left-corner"]{border-top-right-radius:0}.protip-skin-square--size-normal[data-pt-position="bottom-left-corner"] .protip-arrow{top:-8px;left:100%;margin:0 0 0 -8px;border-width:0 0 8px 8px}.protip-skin-square--size-normal[data-pt-position="bottom-right-corner"]{border-top-left-radius:0}.protip-skin-square--size-normal[data-pt-position="bottom-right-corner"] .protip-arrow{top:0;left:-8px;margin:-8px 0 0 8px;border-width:8px 0 0 8px}.protip-skin-square--size-big{padding:20px;font-size:18px}.protip-skin-square--size-big[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--size-big[data-pt-position="top"] .protip-arrow,.protip-skin-square--size-big[data-pt-position="top-right"] .protip-arrow{top:100%;left:auto;margin:0 0 0 -10px;border-width:10px 10px 0 10px}.protip-skin-square--size-big[data-pt-position="top-left"] .protip-arrow{left:20px}.protip-skin-square--size-big[data-pt-position="top"] .protip-arrow{left:50%}.protip-skin-square--size-big[data-pt-position="top-right"] .protip-arrow{left:auto;right:20px;margin-right:-10px}.protip-skin-square--size-big[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--size-big[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--size-big[data-pt-position="bottom-right"] .protip-arrow{top:-10px;left:auto;margin:0 0 0 -10px;border-width:0 10px 10px 10px}.protip-skin-square--size-big[data-pt-position="bottom-left"] .protip-arrow{left:20px}.protip-skin-square--size-big[data-pt-position="bottom"] .protip-arrow{left:50%}.protip-skin-square--size-big[data-pt-position="bottom-right"] .protip-arrow{left:auto;right:20px;margin-right:-10px}.protip-skin-square--size-big[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--size-big[data-pt-position="left"] .protip-arrow,.protip-skin-square--size-big[data-pt-position="left-bottom"] .protip-arrow{top:auto;left:100%;margin:-10px 0 0 0;border-width:10px 0 10px 10px}.protip-skin-square--size-big[data-pt-position="left-top"] .protip-arrow{top:20px}.protip-skin-square--size-big[data-pt-position="left"] .protip-arrow{top:50%}.protip-skin-square--size-big[data-pt-position="left-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-10px}.protip-skin-square--size-big[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--size-big[data-pt-position="right"] .protip-arrow,.protip-skin-square--size-big[data-pt-position="right-bottom"] .protip-arrow{top:auto;right:100%;margin:-10px 0 0 0;border-width:10px 10px 10px 0}.protip-skin-square--size-big[data-pt-position="right-top"] .protip-arrow{top:20px}.protip-skin-square--size-big[data-pt-position="right"] .protip-arrow{top:50%}.protip-skin-square--size-big[data-pt-position="right-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-10px}.protip-skin-square--size-big[data-pt-position="top-left-corner"]{border-bottom-right-radius:0}.protip-skin-square--size-big[data-pt-position="top-left-corner"] .protip-arrow{top:100%;left:100%;margin:0 0 0 -10px;border-width:0 10px 10px 0}.protip-skin-square--size-big[data-pt-position="top-right-corner"]{border-bottom-left-radius:0}.protip-skin-square--size-big[data-pt-position="top-right-corner"] .protip-arrow{top:100%;left:-10px;margin:0 0 0 10px;border-width:10px 10px 0 0}.protip-skin-square--size-big[data-pt-position="bottom-left-corner"]{border-top-right-radius:0}.protip-skin-square--size-big[data-pt-position="bottom-left-corner"] .protip-arrow{top:-10px;left:100%;margin:0 0 0 -10px;border-width:0 0 10px 10px}.protip-skin-square--size-big[data-pt-position="bottom-right-corner"]{border-top-left-radius:0}.protip-skin-square--size-big[data-pt-position="bottom-right-corner"] .protip-arrow{top:0;left:-10px;margin:-10px 0 0 10px;border-width:10px 0 0 10px}.protip-skin-square--size-large{padding:20px;font-size:18px}.protip-skin-square--size-large[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--size-large[data-pt-position="top"] .protip-arrow,.protip-skin-square--size-large[data-pt-position="top-right"] .protip-arrow{top:100%;left:auto;margin:0 0 0 -12px;border-width:12px 12px 0 12px}.protip-skin-square--size-large[data-pt-position="top-left"] .protip-arrow{left:20px}.protip-skin-square--size-large[data-pt-position="top"] .protip-arrow{left:50%}.protip-skin-square--size-large[data-pt-position="top-right"] .protip-arrow{left:auto;right:20px;margin-right:-12px}.protip-skin-square--size-large[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--size-large[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--size-large[data-pt-position="bottom-right"] .protip-arrow{top:-12px;left:auto;margin:0 0 0 -12px;border-width:0 12px 12px 12px}.protip-skin-square--size-large[data-pt-position="bottom-left"] .protip-arrow{left:20px}.protip-skin-square--size-large[data-pt-position="bottom"] .protip-arrow{left:50%}.protip-skin-square--size-large[data-pt-position="bottom-right"] .protip-arrow{left:auto;right:20px;margin-right:-12px}.protip-skin-square--size-large[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--size-large[data-pt-position="left"] .protip-arrow,.protip-skin-square--size-large[data-pt-position="left-bottom"] .protip-arrow{top:auto;left:100%;margin:-12px 0 0 0;border-width:12px 0 12px 12px}.protip-skin-square--size-large[data-pt-position="left-top"] .protip-arrow{top:20px}.protip-skin-square--size-large[data-pt-position="left"] .protip-arrow{top:50%}.protip-skin-square--size-large[data-pt-position="left-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-12px}.protip-skin-square--size-large[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--size-large[data-pt-position="right"] .protip-arrow,.protip-skin-square--size-large[data-pt-position="right-bottom"] .protip-arrow{top:auto;right:100%;margin:-12px 0 0 0;border-width:12px 12px 12px 0}.protip-skin-square--size-large[data-pt-position="right-top"] .protip-arrow{top:20px}.protip-skin-square--size-large[data-pt-position="right"] .protip-arrow{top:50%}.protip-skin-square--size-large[data-pt-position="right-bottom"] .protip-arrow{top:auto;bottom:20px;margin-bottom:-12px}.protip-skin-square--size-large[data-pt-position="top-left-corner"]{border-bottom-right-radius:0}.protip-skin-square--size-large[data-pt-position="top-left-corner"] .protip-arrow{top:100%;left:100%;margin:0 0 0 -12px;border-width:0 12px 12px 0}.protip-skin-square--size-large[data-pt-position="top-right-corner"]{border-bottom-left-radius:0}.protip-skin-square--size-large[data-pt-position="top-right-corner"] .protip-arrow{top:100%;left:-12px;margin:0 0 0 12px;border-width:12px 12px 0 0}.protip-skin-square--size-large[data-pt-position="bottom-left-corner"]{border-top-right-radius:0}.protip-skin-square--size-large[data-pt-position="bottom-left-corner"] .protip-arrow{top:-12px;left:100%;margin:0 0 0 -12px;border-width:0 0 12px 12px}.protip-skin-square--size-large[data-pt-position="bottom-right-corner"]{border-top-left-radius:0}.protip-skin-square--size-large[data-pt-position="bottom-right-corner"] .protip-arrow{top:0;left:-12px;margin:-12px 0 0 12px;border-width:12px 0 0 12px}.protip-skin-square--scheme-pro.protip-container{color:#000;background:#da2e2b;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-pro[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-pro[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-pro[data-pt-position="top-right"] .protip-arrow{border-top-color:#da2e2b}.protip-skin-square--scheme-pro[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-pro[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-pro[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#da2e2b}.protip-skin-square--scheme-pro[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-pro[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-pro[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#da2e2b}.protip-skin-square--scheme-pro[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-pro[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-pro[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#da2e2b}.protip-skin-square--scheme-pro[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#da2e2b}.protip-skin-square--scheme-pro[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#da2e2b}.protip-skin-square--scheme-pro[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#da2e2b}.protip-skin-square--scheme-pro[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#da2e2b}.protip-skin-square--scheme-blue.protip-container{color:#fff;background:#369;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-blue[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-blue[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-blue[data-pt-position="top-right"] .protip-arrow{border-top-color:#369}.protip-skin-square--scheme-blue[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-blue[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-blue[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#369}.protip-skin-square--scheme-blue[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-blue[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-blue[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#369}.protip-skin-square--scheme-blue[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-blue[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-blue[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#369}.protip-skin-square--scheme-blue[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#369}.protip-skin-square--scheme-blue[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#369}.protip-skin-square--scheme-blue[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#369}.protip-skin-square--scheme-blue[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#369}.protip-skin-square--scheme-red.protip-container{color:#fff;background:#802731;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-red[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-red[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-red[data-pt-position="top-right"] .protip-arrow{border-top-color:#802731}.protip-skin-square--scheme-red[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-red[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-red[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#802731}.protip-skin-square--scheme-red[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-red[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-red[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#802731}.protip-skin-square--scheme-red[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-red[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-red[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#802731}.protip-skin-square--scheme-red[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#802731}.protip-skin-square--scheme-red[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#802731}.protip-skin-square--scheme-red[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#802731}.protip-skin-square--scheme-red[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#802731}.protip-skin-square--scheme-aqua.protip-container{color:#fff;background:#339996;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-aqua[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-aqua[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-aqua[data-pt-position="top-right"] .protip-arrow{border-top-color:#339996}.protip-skin-square--scheme-aqua[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-aqua[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-aqua[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#339996}.protip-skin-square--scheme-aqua[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-aqua[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-aqua[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#339996}.protip-skin-square--scheme-aqua[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-aqua[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-aqua[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#339996}.protip-skin-square--scheme-aqua[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#339996}.protip-skin-square--scheme-aqua[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#339996}.protip-skin-square--scheme-aqua[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#339996}.protip-skin-square--scheme-aqua[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#339996}.protip-skin-square--scheme-dark-transparent.protip-container{color:#fff;background:rgba(20,20,20,0.8);font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-dark-transparent[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-dark-transparent[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-dark-transparent[data-pt-position="top-right"] .protip-arrow{border-top-color:rgba(20,20,20,0.8)}.protip-skin-square--scheme-dark-transparent[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-dark-transparent[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-dark-transparent[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:rgba(20,20,20,0.8)}.protip-skin-square--scheme-dark-transparent[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-dark-transparent[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-dark-transparent[data-pt-position="left-bottom"] .protip-arrow{border-left-color:rgba(20,20,20,0.8)}.protip-skin-square--scheme-dark-transparent[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-dark-transparent[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-dark-transparent[data-pt-position="right-bottom"] .protip-arrow{border-right-color:rgba(20,20,20,0.8)}.protip-skin-square--scheme-dark-transparent[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:rgba(20,20,20,0.8)}.protip-skin-square--scheme-dark-transparent[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:rgba(20,20,20,0.8)}.protip-skin-square--scheme-dark-transparent[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:rgba(20,20,20,0.8)}.protip-skin-square--scheme-dark-transparent[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:rgba(20,20,20,0.8)}.protip-skin-square--scheme-dark.protip-container{color:#fff;background:#333;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-dark[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-dark[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-dark[data-pt-position="top-right"] .protip-arrow{border-top-color:#333}.protip-skin-square--scheme-dark[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-dark[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-dark[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#333}.protip-skin-square--scheme-dark[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-dark[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-dark[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#333}.protip-skin-square--scheme-dark[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-dark[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-dark[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#333}.protip-skin-square--scheme-dark[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#333}.protip-skin-square--scheme-dark[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#333}.protip-skin-square--scheme-dark[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#333}.protip-skin-square--scheme-dark[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#333}.protip-skin-square--scheme-black.protip-container{color:#fff;background:#000;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-black[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-black[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-black[data-pt-position="top-right"] .protip-arrow{border-top-color:#000}.protip-skin-square--scheme-black[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-black[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-black[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#000}.protip-skin-square--scheme-black[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-black[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-black[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#000}.protip-skin-square--scheme-black[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-black[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-black[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#000}.protip-skin-square--scheme-black[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#000}.protip-skin-square--scheme-black[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#000}.protip-skin-square--scheme-black[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#000}.protip-skin-square--scheme-black[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#000}.protip-skin-square--scheme-leaf.protip-container{color:#fff;background:#339959;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-leaf[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-leaf[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-leaf[data-pt-position="top-right"] .protip-arrow{border-top-color:#339959}.protip-skin-square--scheme-leaf[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-leaf[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-leaf[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#339959}.protip-skin-square--scheme-leaf[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-leaf[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-leaf[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#339959}.protip-skin-square--scheme-leaf[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-leaf[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-leaf[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#339959}.protip-skin-square--scheme-leaf[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#339959}.protip-skin-square--scheme-leaf[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#339959}.protip-skin-square--scheme-leaf[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#339959}.protip-skin-square--scheme-leaf[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#339959}.protip-skin-square--scheme-purple.protip-container{color:#fff;background:#613399;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-purple[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-purple[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-purple[data-pt-position="top-right"] .protip-arrow{border-top-color:#613399}.protip-skin-square--scheme-purple[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-purple[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-purple[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#613399}.protip-skin-square--scheme-purple[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-purple[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-purple[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#613399}.protip-skin-square--scheme-purple[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-purple[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-purple[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#613399}.protip-skin-square--scheme-purple[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#613399}.protip-skin-square--scheme-purple[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#613399}.protip-skin-square--scheme-purple[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#613399}.protip-skin-square--scheme-purple[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#613399}.protip-skin-square--scheme-pink.protip-container{color:#000;background:#D457AA;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-pink[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-pink[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-pink[data-pt-position="top-right"] .protip-arrow{border-top-color:#D457AA}.protip-skin-square--scheme-pink[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-pink[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-pink[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#D457AA}.protip-skin-square--scheme-pink[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-pink[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-pink[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#D457AA}.protip-skin-square--scheme-pink[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-pink[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-pink[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#D457AA}.protip-skin-square--scheme-pink[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#D457AA}.protip-skin-square--scheme-pink[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#D457AA}.protip-skin-square--scheme-pink[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#D457AA}.protip-skin-square--scheme-pink[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#D457AA}.protip-skin-square--scheme-orange.protip-container{color:#000;background:#E64426;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-orange[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-orange[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-orange[data-pt-position="top-right"] .protip-arrow{border-top-color:#E64426}.protip-skin-square--scheme-orange[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-orange[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-orange[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#E64426}.protip-skin-square--scheme-orange[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-orange[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-orange[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#E64426}.protip-skin-square--scheme-orange[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-orange[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-orange[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#E64426}.protip-skin-square--scheme-orange[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#E64426}.protip-skin-square--scheme-orange[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#E64426}.protip-skin-square--scheme-orange[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#E64426}.protip-skin-square--scheme-orange[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#E64426}.protip-skin-square--scheme-white.protip-container{color:#000;background:#FFF;font-family:sans-serif;transition:opacity 0.2s ease-out}.protip-skin-square--scheme-white[data-pt-position="top-left"] .protip-arrow,.protip-skin-square--scheme-white[data-pt-position="top"] .protip-arrow,.protip-skin-square--scheme-white[data-pt-position="top-right"] .protip-arrow{border-top-color:#FFF}.protip-skin-square--scheme-white[data-pt-position="bottom-left"] .protip-arrow,.protip-skin-square--scheme-white[data-pt-position="bottom"] .protip-arrow,.protip-skin-square--scheme-white[data-pt-position="bottom-right"] .protip-arrow{border-bottom-color:#FFF}.protip-skin-square--scheme-white[data-pt-position="left-top"] .protip-arrow,.protip-skin-square--scheme-white[data-pt-position="left"] .protip-arrow,.protip-skin-square--scheme-white[data-pt-position="left-bottom"] .protip-arrow{border-left-color:#FFF}.protip-skin-square--scheme-white[data-pt-position="right-top"] .protip-arrow,.protip-skin-square--scheme-white[data-pt-position="right"] .protip-arrow,.protip-skin-square--scheme-white[data-pt-position="right-bottom"] .protip-arrow{border-right-color:#FFF}.protip-skin-square--scheme-white[data-pt-position="top-left-corner"] .protip-arrow{border-right-color:#FFF}.protip-skin-square--scheme-white[data-pt-position="top-right-corner"] .protip-arrow{border-top-color:#FFF}.protip-skin-square--scheme-white[data-pt-position="bottom-left-corner"] .protip-arrow{border-bottom-color:#FFF}.protip-skin-square--scheme-white[data-pt-position="bottom-right-corner"] .protip-arrow{border-left-color:#FFF}html,
body {
height: 100%;
width: 100%;
}
body {
font-family: 'Source Sans Pro', sans-serif;
color: #777;
font-size: 16px;
line-height: 1.7em;
font-weight: 400;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
-webkit-font-smoothing: antialiased;
}
.vc_column_container>.vc_column-inner {
padding:0 !important;	
}
.vc_row {
margin:0 auto!important;	
}
a {
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
cursor: pointer
}
a:hover,
a:focus {
text-decoration: none;
o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
img {
max-width: 100%
}
a,
b,
div,
ul,
li {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-moz-outline-: none
}
ul {
list-style: none;
padding: 0;
margin: 0
}
video,
object {
min-height: 100%;
min-width: 100%
}
b,
strong {
font-weight: 600
}
.width100 {
width:100%;	
}
.load-more-btn {
margin-top: 20px
}
.no-padding {
padding: 0 !important;
}
.no-margin {
margin: 0
}
.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-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
}
.container.full-width {
width: 100%!important
}
.section-padding {
padding: 90px 0
}
.section-padding-140 {
padding: 140px 0
}
.section-padding-120 {
padding: 120px 0
}
.section-padding-100 {
padding: 100px 0
}
.section-padding-80 {
padding: 80px 0
}
.section-padding-70 {
padding: 70px 0
}
.section-padding-60 {
padding: 60px 0
}
.section-padding-40 {
padding: 40px 0
}
.custom-padding-20 {
padding: 20px 0
}
.no-top {
padding-top: 0
}
.padding-top-20 {
padding-top: 20px
}
.padding-top-30 {
padding-top: 30px
}
.padding-top-40 {
padding-top: 40px
}
.padding-top-50 {
padding-top: 50px
}
.padding-top-45 {
padding-top: 45px
}
.padding-top-60 {
padding-top: 60px
}
.padding-top-70 {
padding-top: 70px
}
.padding-top-80 {
padding-top: 80px
}
.padding-top-90 {
padding-top: 90px
}
.padding-top-100 {
padding-top: 100px
}
.padding-top-120 {
padding-top: 120px
}
.padding-top-140 {
padding-top: 140px
}
.padding-bottom-20 {
padding-bottom: 20px
}
.padding-bottom-30 {
padding-bottom: 30px
}
.padding-bottom-40 {
padding-bottom: 40px
}
.padding-bottom-50 {
padding-bottom: 50px
}
.padding-bottom-70 {
padding-bottom: 70px
}
.padding-bottom-80 {
padding-bottom: 80px
}
.padding-bottom-120 {
padding-bottom: 120px
}
.padding-bottom-100 {
padding-bottom: 100px
}
.padding-bottom-80 {
padding-bottom: 80px
}
.padding-bottom-60 {
padding-bottom: 60px!important
}
.padding-bottom-40 {
padding-bottom: 40px!important
}
.padding-bottom-20 {
padding-bottom: 40px
}
.custom-padding {
padding: 90px 0 60px 0
}
.custom-padding.no-top {
padding: 0 0 60px 0
}
.custom-padding-2 {
padding: 90px 0 110px 0
}
.gray {
background-color: #f6f6f6
}
.white-bg {
background-color: #fff
}
.badge-overlay {
left: 10px;
position: absolute;
top: 10px;
z-index: 11
}
.badge {
border-radius: 0;
display: table;
font-size: 10px;
font-weight: bold;
letter-spacing: .12em;
line-height: 17px;
padding: 3px 10px
}
.no-right {
padding-right: 0
}
.no-left {
padding-left: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
font-family: "Poppins",sans-serif;
font-weight: normal;
margin: 0;
background: 0;
line-height: 1.6em
}
h1 {
font-size: 36px
}
h2 {
font-size: 24px
}
h3 {
font-size: 20px
}
h4 {
font-size: 16px
}
h5 {
font-size: 14px;
line-height: 1.6
}
h6 {
font-size: 12px
}
p {
line-height: 1.6em;
font-size: 16px
}
.tooltip-disabled {
z-index:999;
padding:10px;
}
.btn {
font-size: 14px;
letter-spacing: 1px;
padding: 10px 15px;
border-radius: 0;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
font-weight: 600;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase
}
.form-control {
background-color: #fff;
background-image: none;
border: 1px solid #eee;
border-radius: 0;
box-shadow: none;
color: #555;
font-size: 14px;
height: auto;
padding:15px;
transition: all .2s cubic-bezier(0, 0, 0.58, 1) 0s
}
ul {
margin-left: 0
}
.btn-lg {
padding: 12px 52px;
letter-spacing: 1.3px
}
.btn-md {
padding: 10px 20px
}
.btn-sm {
padding: 8px 16px;
font-size: 12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.btn-xs {
padding: 6px 18px;
font-size: 12px
}
.btn-rounded {
border-radius: 4px
}
body .select2-container--default .select2-selection--single {
border: 1px solid #eee;
}
#cssload-wrapper {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 999;
overflow: hidden;
width: 100%;
height: 100%;
background-color: #fff
}
.cssload-loader {
width: 120px;
height: 120px;
border: 1px #000 solid;
position: absolute;
left: 50%;
top: 50%;
margin: -60px 0 0 -60px;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%
}
.cssload-loader .cssload-loading {
font-size: 8px;
position: absolute;
width: 100%;
text-align: center;
line-height: 11px;
font-family: 'Century Gothic', sans-serif;
font-style: italic;
left: 0;
top: 50%;
margin-top: 16px;
color: #000;
font-weight: bold;
text-transform: uppercase;
-o-text-transform: uppercase;
-ms-text-transform: uppercase;
-webkit-text-transform: uppercase;
-moz-text-transform: uppercase
}
.cssload-loader-circle-1 {
width: 110px;
height: 110px;
left: 4px;
top: 4px;
border: 1px #000 solid;
position: absolute;
border-right-color: transparent;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
animation: spin 3.45s linear infinite;
-o-animation: spin 3.45s linear infinite;
-ms-animation: spin 3.45s linear infinite;
-webkit-animation: spin 3.45s linear infinite;
-moz-animation: spin 3.45s linear infinite
}
.cssload-loader-circle-2 {
width: 101px;
height: 101px;
left: 4px;
top: 4px;
border: 1px transparent solid;
position: absolute;
border-right-color: #e81512;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
animation: spin 5.75s linear infinite;
-o-animation: spin 5.75s linear infinite;
-ms-animation: spin 5.75s linear infinite;
-webkit-animation: spin 5.75s linear infinite;
-moz-animation: spin 5.75s linear infinite
}
.cssload-loader .cssload-line {
width: 8px;
height: 2px;
background: #000;
position: absolute
}
.cssload-loader .cssload-line:nth-child(1) {
left: 13px;
top: 50%;
margin-top: -1px
}
.cssload-loader .cssload-line:nth-child(2) {
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
left: 26px;
top: 26px
}
.cssload-loader .cssload-line:nth-child(3) {
top: 13px;
left: 50%;
width: 2px;
height: 8px
}
.cssload-loader .cssload-line:nth-child(4) {
transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
right: 26px;
top: 26px
}
.cssload-loader .cssload-line:nth-child(5) {
right: 13px;
top: 50%;
margin-top: -1px
}
.cssload-loader .cssload-line:nth-child(6) {
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
right: 26px;
bottom: 26px;
background: #e81512
}
.cssload-loader .cssload-subline {
position: absolute;
width: 2px;
height: 2px;
background: #000
}
.cssload-loader .cssload-subline:nth-child(7) {
transform: rotate(22.5deg);
-o-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
left: 17px;
top: 40px
}
.cssload-loader .cssload-subline:nth-child(8) {
transform: rotate(67.5deg);
-o-transform: rotate(67.5deg);
-ms-transform: rotate(67.5deg);
-webkit-transform: rotate(67.5deg);
-moz-transform: rotate(67.5deg);
left: 40px;
top: 17px
}
.cssload-loader .cssload-subline:nth-child(9) {
transform: rotate(112.5deg);
-o-transform: rotate(112.5deg);
-ms-transform: rotate(112.5deg);
-webkit-transform: rotate(112.5deg);
-moz-transform: rotate(112.5deg);
right: 40px;
top: 17px
}
.cssload-loader .cssload-subline:nth-child(10) {
transform: rotate(157.5deg);
-o-transform: rotate(157.5deg);
-ms-transform: rotate(157.5deg);
-webkit-transform: rotate(157.5deg);
-moz-transform: rotate(157.5deg);
right: 17px;
top: 40px
}
.cssload-loader .cssload-subline:nth-child(11) {
transform: rotate(22.5deg);
-o-transform: rotate(22.5deg);
-ms-transform: rotate(22.5deg);
-webkit-transform: rotate(22.5deg);
-moz-transform: rotate(22.5deg);
right: 16px;
bottom: 39px;
background: #e81512
}
.cssload-loader .cssload-needle {
width: 11px;
height: 11px;
border: 1px #000 solid;
position: absolute;
left: 50%;
top: 50%;
margin: -6px 0 0 -6px;
z-index: 1;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
animation: pegIt 3.45s infinite ease-in-out;
-o-animation: pegIt 3.45s infinite ease-in-out;
-ms-animation: pegIt 3.45s infinite ease-in-out;
-webkit-animation: pegIt 3.45s infinite ease-in-out;
-moz-animation: pegIt 3.45s infinite ease-in-out
}
.cssload-loader .cssload-needle:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 2.5px 40px 2.5px 0;
border-color: transparent #e81512 transparent transparent;
position: absolute;
right: 50%;
top: 50%;
margin: -2.5px 0 0 0;
border-radius: 0 50% 50% 0;
-o-border-radius: 0 50% 50% 0;
-ms-border-radius: 0 50% 50% 0;
-webkit-border-radius: 0 50% 50% 0;
-moz-border-radius: 0 50% 50% 0
}
@keyframes pegIt {
0% {
transform: rotate(0deg)
}
16% {
transform: rotate(75deg)
}
25% {
transform: rotate(55deg)
}
30% {
transform: rotate(90deg)
}
36% {
transform: rotate(170deg)
}
42% {
transform: rotate(150deg)
}
50% {
transform: rotate(227deg)
}
100% {
transform: rotate(0deg)
}
}
@-o-keyframes pegIt {
0% {
-o-transform: rotate(0deg)
}
16% {
-o-transform: rotate(75deg)
}
25% {
-o-transform: rotate(55deg)
}
30% {
-o-transform: rotate(90deg)
}
36% {
-o-transform: rotate(170deg)
}
42% {
transform: rotate(150deg)
}
50% {
-o-transform: rotate(227deg)
}
100% {
-o-transform: rotate(0deg)
}
}
@-ms-keyframes pegIt {
0% {
-ms-transform: rotate(0deg)
}
16% {
-ms-transform: rotate(75deg)
}
25% {
-ms-transform: rotate(55deg)
}
30% {
-ms-transform: rotate(90deg)
}
36% {
-ms-transform: rotate(170deg)
}
42% {
transform: rotate(150deg)
}
50% {
-ms-transform: rotate(227deg)
}
100% {
-ms-transform: rotate(0deg)
}
}
@-webkit-keyframes pegIt {
0% {
-webkit-transform: rotate(0deg)
}
16% {
-webkit-transform: rotate(75deg)
}
25% {
-webkit-transform: rotate(55deg)
}
30% {
-webkit-transform: rotate(90deg)
}
36% {
-webkit-transform: rotate(170deg)
}
42% {
transform: rotate(150deg)
}
50% {
-webkit-transform: rotate(227deg)
}
100% {
-webkit-transform: rotate(0deg)
}
}
@-moz-keyframes pegIt {
0% {
-moz-transform: rotate(0deg)
}
16% {
-moz-transform: rotate(75deg)
}
25% {
-moz-transform: rotate(55deg)
}
30% {
-moz-transform: rotate(90deg)
}
36% {
-moz-transform: rotate(170deg)
}
42% {
transform: rotate(150deg)
}
50% {
-moz-transform: rotate(227deg)
}
100% {
-moz-transform: rotate(0deg)
}
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg)
}
100% {
-o-transform: rotate(360deg)
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg)
}
100% {
-ms-transform: rotate(360deg)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg)
}
100% {
-moz-transform: rotate(360deg)
}
}
.color-switcher {
width: 234px;
position: fixed;
left: -235px;
top: 10%;
background: #fff;
z-index: 9999;
padding: 15px 0 5px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
border: 1px solid #ccc
}
.color-switcher h5 {
font-size: 15px;
margin-top: 0;
padding: 0 20px;
color: #232323
}
.color-switcher p {
padding-bottom: 7px;
font-size: 14px;
color: #595959;
margin-bottom: 0;
padding-left: 20px
}
.color-switcher ul {
list-style: none;
padding-left: 20px
}
.color-switcher ul li {
float: left;
margin-right: 5px;
margin-bottom: 5px
}
.color-switcher ul li a {
display: block;
width: 24px;
height: 24px;
outline: 0
}
.color-switcher ul li a.defualt {
background: #e52d27
}
.color-switcher ul li a.green {
background: #00bf8f
}
.color-switcher ul li a.purple {
background: #673ab7
}
.color-switcher ul li a.blue {
background: #00c4fc;
}
.color-switcher ul li a.gold {
background: #f5af02;
}
.picker_close {
width: 40px;
height: 40px;
position: absolute;
right: -44px;
top: 55px;
border: 1px solid #ccc;
text-align: center;
background: no-repeat center 5px #fff
}
.picker_close i {
font-size: 22px;
margin-top: 9px
}
.position {
left: 0;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease
}
.heading-panel,
.heading-panel-2 {
margin-bottom: 30px;
overflow: hidden
}
.heading-panel .left-side h2::before {
margin: 0
}
.heading-panel .left-side h2::after {
margin: 0
}
.heading-panel .left-side .heading-text {
width: 100%
}
.heading-panel h3.main-title {
display: inline-block
}
.heading-panel .heading-box {
border-bottom: 1px solid #f1f1f1
}
.heading-panel-2 h3 {
color: #222;
font-size: 22px;
font-weight: 700;
position: relative;
text-transform: capitalize;
z-index: 2
}
.heading-panel h3 {
color: #232323;
font-size: 20px;
font-weight: 600;
line-height: 60px;
margin: 0;
text-transform: capitalize
}
.heading-panel h3.small-link {
font-size: 12px;
font-weight: normal
}
.heading-panel h2 {
color: #222;
font-size: 28px;
font-weight: 700;
padding-bottom: 20px;
position: relative;
text-transform: capitalize;
position: relative;
z-index: 9;
}
.heading-panel h2::before {
background-color: #242424;
bottom: 6px;
content: "";
height: 1px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 99px
}
.heading-panel h2::after {
background-color: #242424;
bottom: 0;
content: "";
height: 1px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 59px
}
.heading-text {
display: inline-block;
line-height: 26px;
width: 55%;
margin-top: 20px;
position: relative;
z-index: 9;
}
.header-top:after {
content: '';
display: block;
clear: both
}
.colored-header:after {
content: '';
display: block;
clear: both
}
.primary-header:after,
.primary-header-1:after {
content: '';
display: block;
clear: both
}
.header-top.dark {
background: #202020
}
.header-right {
padding: 0
}
.header-top ul {
margin-bottom: 0
}
.header-top ul.listnone li {
display: inline-block;
line-height: 39px;
padding: 0 10px;
position: relative
}
.header-top ul li a {
color: #fff;
text-transform: capitalize;
font-size: 14px;
position: relative
}
.header-top ul li a:hover, .header-top ul li a:focus {
color:#FFF !important;	
}
.header-top ul.listnone li a.btn {
text-transform: uppercase
}
.header-top ul.listnone li a.btn:hover {
color: #fff
}
.header-top ul li i {
margin-right: 5px;
font-size: 14px
}
.header-top ul li ul.dropdown-menu li {
display: block;
border-left: medium none;
padding-left: 0
}
.header-top-left p {
color: #fff;
display: block;
float: left;
font-size: 14px;
line-height: 35px;
margin-bottom: 0;
margin-top: 0
}
.header-top-left p a {
color: #fff
}
.header-top-left p a:hover {
color: #f56719
}
.header-top-left p+p {
margin-left: 25px
}
.header-top-left p i {
font-size: 14px;
line-height: 49px;
margin-right: 10px
}
.header-top ul.dropdown-menu li:first-child, .header-transparent .menu-search-bar ul.dropdown-menu li:first-child {
padding: 0
}
.header-top .dropdown-menu li:last-child, .header-transparent .menu-search-bar .dropdown-menu li:last-child {
border-bottom: medium none
}
.header-top ul li ul.dropdown-menu li, .header-transparent .menu-search-bar ul li ul.dropdown-menu li {
border-left: medium none;
display: block;
padding-left: 0;
padding-right: 0
}
.header-top ul.dropdown-menu li, .header-transparent .menu-search-bar ul.dropdown-menu li {
width: 100%;
border-bottom: 1px solid #f3f3f3
}
.header-top ul.dropdown-menu li a, .header-transparent .menu-search-bar ul.dropdown-menu li a  {
color: #232323;
width: 100%;
font-size: 14px;
text-transform: uppercase
}
.header-top .dropdown-menu>li>a:hover,
.header-top .dropdown-menu>li>a:focus, 
.header-transparent .menu-search-bar .dropdown-menu>li>a:hover,
.header-transparent .menu-search-bar .dropdown-menu>li>a:focus {
background: transparent;
color:#232323 !important;
}
.header-top .dropdown-menu>li>a, .header-transparent .menu-search-bar .dropdown-menu>li>a {
box-sizing: border-box;
font-size: 14px;
font-weight: 600;
padding: 15px 20px;
text-transform: capitalize;
width: 100%
}
.header-top ul.dropdown-menu, .header-transparent .menu-search-bar ul.dropdown-menu {
border-radius: 0;
margin-top: 0;
z-index: 999;
padding: 0
}
.header-transparent .menu-search-bar .dropdown-menu {
min-width: 250px;
right:0;
left:auto;
}
.ms-overlay-layers::before {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9
}
.colored-header #menu-1 .menu-list-items .menu-links li a.btn-light {
color: #fff;
padding-right: 15px
}
.colored-header #menu-1 .menu-list-items .menu-links li a.btn-light i {
margin-right: 10px
}
#search-section {
background: #363c48 none repeat scroll 0 0;
padding: 20px 0
}
#search-section .select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 0;
height: 52px
}
#search-section .btn-light {
color: #fff;
padding: 15px
}
.header-area {
background: #fff none repeat scroll 0 0;
padding: 30px 0;
position: relative
}
.primary-header #menu-1 .menu-list-items .custom-menu .menu-logo li a img {
display: none
}
.primary-header .mega-menu section.menu-list-items {
background: #2d343d;
padding: 10px 0
}
.primary-header .mega-menu .menu-links>li>a {
color: #fff
}
.primary-header .mega-menu .menu-links li:first-child a {
padding-left: 0
}
.primary-header .mega-menu .drop-down-multilevel li:first-child a {
padding-left: 20px
}
.primary-header .mega-menu .menu-list-items .custom-menu .menu-search-bar li a.btn {
padding: 15px
}
.primary-header .mega-menu .menu-list-items .custom-menu .menu-search-bar li a.btn-theme {
background: rgba(255, 255, 255, 0.2);
border: medium none
}
.search-bar {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.07);
position: relative;
z-index: 99
}
.search-bar .search-form .btn-lg {
letter-spacing: 1.3px;
padding: 17px 30px
}
.search-bar .search-form .btn {
margin-top: 32px
}
.search-bar .search-style-2 .search-form {
padding: 33px 0
}
.header-top img.resize {
height: 26px;
width: 26px;
margin-top: -1px
}
img.resize {
height: 45px;
width: 45px
}
.primary-header img.resize {
height: 35px;
width: 35px;
margin-top: 7px
}
.myname {
padding-left: 10px
}
.contact-in-header {
border-left: 1px solid #dfdfdf;
padding-left: 10px
}
.contact-in-header i {
color: #232323;
float: left;
font-size: 45px;
line-height: 51px;
margin-right: 0
}
.contact-in-header span {
color: #999;
float: right;
line-height: 25px;
margin-left: 10px
}
.contact-in-header strong {
font-size: 20px
}
.mega-menu .menu-list-items ul.menu-links li.pull-right {
float: right
}
.mega-menu .drop-down ul.by-category li a::before,
.mega-menu .drop-down ul.by-make li a::before {
content: ""
}
.mega-menu .drop-down ul.by-make li a img {
height: 65px;
width: 64px
}
.mega-menu .drop-down ul.by-category li {
margin-bottom: 10px;
width: 116px
}
.main-search {
position: relative;
height: 550px
}
.main-search.home2 {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/banner-10.jpg) no-repeat scroll center center / cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
height: auto
}
.main-search.home2 .main-search-title {
margin: 150px 0 0;
overflow: hidden;
position: relative
}
.main-search.home {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/banner-10.jpg) no-repeat scroll center center / cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 500px
}
.main-search.home .main-search-title {
margin: 150px 0 0;
overflow: hidden;
position: relative
}
.main-search.home .main-search-title h1 {
font-size: 26px
}
.main-search .search-section .form-group {
margin-bottom: 25px
}
.main-search p {
color: #fff;
z-index: 55;
position: relative;
font-size: 18px
}
.main-search .main-search-title {
overflow: hidden;
position: relative;
padding-top: 180px
}
.main-search .body-type .main-search-title h1 {
color: #232323
}
.main-search .main-search-title h1 {
color: #fff;
font-size: 36px;
margin-top: 0;
margin-bottom: 10px
}
.search-section {
height: auto;
outline: medium none;
padding: 0;
position: relative;
width: 100%;
z-index: 5
}
.search-section .search-options>li {
float: left;
list-style: outside none none;
margin: 0;
width: 296px
}
.search-section .search-options>li input {
height: 55px;
margin: 0;
width: 100%;
color: #444;
padding-left: 10px
}
.search-section .search-options>li .btn {
border-radius: 0 2px 2px 0;
height: 55px
}
.search-section .search-options>li .btn.btn-danger {
background-color: #2d343d;
border-color: #2d343d
}
.search-section .search-options>li:nth-child(4) {
width: 200px
}
#form-panel {
background-color: rgba(255, 255, 255, 0.25);
padding: 24px 25px
}
#banner {
background: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/banner-5.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 480px;
position: relative;
width: 100%
}
#banner::before {
background-color: rgba(34, 34, 34, 0.6);
content: "";
display: inline-block;
height: 100%;
position: absolute;
width: 100%
}
.search-container {
display: block;
padding: 150px 0 0;
position: relative;
width: 100%;
overflow: hidden
}
.search-container h2 {
color: #fff;
font-size: 36px;
margin-bottom: 5px
}
.search-container p {
color: #fff;
margin-bottom: 25px;
font-size: 20px
}
.search-container .form-group .form-control {
width: 100%;
height: 69px;
font-size: 16px
}
.search-container .select2-container--default .select2-selection--single {
background-color: #fff;
border-radius: 0;
height: 69px
}
.search-container .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px
}
.search-container .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 65px;
font-size: 16px
}
.banner-icon-search {
background: #fff url(//grupocomersa.com.mx/wp-content/themes/carspot/images/search.png) no-repeat scroll 97% 15px / 21px 21px
}
.search-container .col-md-4 .form-group input:focus,
.search-container .col-md-4 .form-group .input.form-control:focus {
border: 1px solid #ccc;
box-shadow: none;
outline: 0
}
.search-container button {
background-color: #505050;
border: medium none;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-size: 16px;
height: 69px;
position: relative;
text-align: center;
width: 100%
}
.search-container button::before {
background-color: rgba(0, 0, 0, 0.1);
content: "";
display: inline-block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: all .2s ease-in-out 0s;
-moz-transition: all .2s ease-in-out 0s;
-ms-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
width: 100%;
z-index: 99
}
.search-container button:hover::before {
opacity: 1
}
.search-container button i {
position: relative;
z-index: 100
}
#map {
height: 520px;
width: 100%;
position: relative
}
#google-map-btn a {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
color: #333;
display: inline-block;
padding: 9px 16px 8px;
transition: all .2s ease-in-out 0s
}
#google-map-btn a:hover {
color: #fff
}
#google-map-btn {
bottom: 50px;
display: inline-block;
font-size: 16px;
list-style: outside none none;
padding: 0;
position: absolute;
right: 20px;
z-index: 999
}
#google-map-btn.top {
bottom: initial;
right: 20px;
top: 20px
}
#google-map-btn li {
float: left;
line-height: 20px;
margin-left: 4px
}
#prevpoint::before,
#nextpoint::after {
font-family: "FontAwesome";
font-size: 16px;
font-weight: 500;
line-height: 1px;
margin: 0 0 0 6px;
position: relative;
top: 1px
}
#prevpoint::before {
content: "";
margin: 0 6px 0 0
}
#nextpoint::after {
content: "";
margin: 0 0 0 6px
}
.gmnoprint {
margin: 10px
}
.custom-zoom-in,
.custom-zoom-out {
background-color: #fff;
color: #333;
cursor: pointer;
border-radius: 3px;
margin: 5px 15px;
transition: color .3s, background-color .3s;
box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2);
text-align: center;
font-size: 15px;
height: 32px;
width: 32px
}
.custom-zoom-in:hover,
.custom-zoom-out:hover {
background-color: #66676b;
color: #fff
}
.custom-zoom-in:before,
.custom-zoom-out:before {
font-family: "FontAwesome";
width: 100%;
line-height: 34px;
transition: -webkit-text-stroke .3s;
-webkit-text-stroke: 1px #fff
}
.custom-zoom-in:before {
content: "\f067"
}
.custom-zoom-out:before {
content: "\f068"
}
.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before {
-webkit-text-stroke: 1px #66676b
}
.cluster img {
display: none
}
.cluster {
width: 36px!important;
height: 36px!important
}
.cluster div {
text-align: center;
font-size: 15px!important;
color: #fff!important;
font-weight: 500;
border-radius: 50%;
width: 36px!important;
height: 36px!important;
line-height: 36px!important
}
.cluster div:before {
opacity: .2;
content: '';
position: absolute;
border-radius: 50%;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: cluster-animation 2.5s infinite
}
@keyframes cluster-animation {
0%, 100% {
transform: scale(1.3) rotate(0deg)
}
50% {
transform: scale(1.5) rotate(90deg)
}
}
.infoBox-close {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
z-index: 999;
text-align: center;
line-height: 31px;
cursor: pointer;
font-size: 15px;
font-weight: 500;
height: 31px;
width: 31px;
background-color: #fff;
color: #333;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-family: "FontAwesome";
border-radius: 3px;
-webkit-text-stroke: 1px #fff
}
.infoBox-close:hover {
color: #fff;
background-color: #66676b;
-webkit-text-stroke: 1px #66676b
}
.infoBox {
-webkit-animation: fadeIn .9s;
animation: fadeIn .9s
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.infoBox:after {
content: "";
position: absolute;
bottom: 10px;
left: 40px;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fff
}
.background-rotator-slider .item img {
display: block;
width: 100%;
height: auto
}
.background-rotator {
background: #eee none repeat scroll 0 0;
position: relative;
overflow: hidden
}
.linear-overlay img,
.slider-shade img {
position: relative;
z-index: -1
}
.background-rotator .owl-carousel .owl-item {
height: 100%;
width: 100%
}
.background-rotator .search-section {
color: #fff;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 175px;
z-index: 1
}
.background-rotator .content {
padding: 0 70px
}
.background-rotator .heading-caption {
margin-bottom: 20px;
text-align: center
}
.background-rotator .search-form input.form-control {
height: 55px
}
.background-rotator .heading-caption h1 {
font-size: 42px;
font-weight: 600;
text-transform: capitalize
}
.background-rotator .heading-caption h1,
.background-rotator .heading-caption p {
color: #fff;
margin-bottom: 20px
}
.background-rotator .heading-caption p {
font-size: 24px
}
.background-rotator .search-form {
background-color: rgba(0, 0, 0, 0.6);
padding: 30px
}
.background-rotator .heading-caption p strong {
color: #fff
}
.background-rotator .search-form .btn {
padding: 16px 15px
}
.background-rotator .search-form .btn i {
margin-left: 10px
}
.category-grid-box-1 {
background: #fff none repeat scroll 0 0;
box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.16);
margin-bottom: 30px;
overflow: hidden;
float: left;
display: block;
width: 100%;
position: relative
}
.category-grid-box-1:after {
content: '';
clear: both;
display: block
}
.category-grid-box-1 .category-title {
color: #a0a0a0;
font-size: 12px
}
.category-grid-box-1 .category-title a {
color: #a0a0a0
}
.category-title a {
color: #a0a0a0;
font-size: 12px
}
.category-grid-box-1 h3 {
color: #232323;
font-size: 16px;
margin-bottom: 4px;
}
.category-grid-box-1:hover {
box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.4)
}
.category-grid-box-1 .price-tag .price span {
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 5px 20px;
}
.category-grid-box-1 .price-tag .price span > span {
padding:0;
font-size:14px;
margin-left:4px;	
}
.category-grid-box-1 a {
color: #232323;
font-weight: 500
}
.category-grid-box-1 a h6 {
color: #333;
margin: 0 0 10px
}
.category-grid-box-1 a h4 {
color: #242424;
font-size: 16px;
margin: 0 0 10px;
text-transform: capitalize;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-ms-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
.category-grid-box-1 a h4:hover {
color: #3c92ca
}
.category-grid-box-1 .short-description-1 {
padding: 15px 15px 0 15px;
background: #fff none repeat scroll 0 0
}
.category-grid-box-1 .short-description-1 ul {
line-height: 30px;
margin-bottom: 0;
margin-top: 0
}
.simple .category-grid-box-1 .short-description-1 ul {
line-height: 30px;
margin-bottom: 5px;
margin-top: 0;
}
.simple .category-grid-box-1 .short-description-1 ul li:last-child {
margin-bottom: 0
}
.category-grid-box-1 .short-description-1 ul li {
overflow: hidden;
font-size: 14px;
margin-bottom: 0;
}
.category-grid-box-1 .short-description-1 ul li a {
color: #999
}
.category-grid-box-1 .short-description-1 ul li i {
color: #999;
float: left;
font-size: 14px;
line-height: 30px;
margin-right: 5px;
}
.white.category-grid-box-1 {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fff;
border-color: transparent #e9e6e0 #e9e6e0;
border-image: none;
border-radius: 0;
border-style: none solid solid;
border-width: medium 1px 1px;
box-shadow: none;
width: 100%;
overflow: hidden;
position: relative
}
.white.category-grid-box-1 .short-description-1 {
background: #fff none repeat scroll 0 0;
padding: 10px 15px;
position: relative;
overflow: hidden
}
.white.category-grid-box-1 .ad-info-1 ul.pull-right li {
padding: 26px 7px 20px
}
.white.category-grid-box-1 h3 {
color: #232323;
font-size: 16px;
margin-bottom: 4px;
text-transform: capitalize
}
.white.category-grid-box-1 h3 a {
color: #232323
}
.white.category-grid-box-1 .ad-info-1 {
border-top: 1px solid #e9e6e0;
background: #fcfbf9 none repeat scroll 0 0
}
.grid-style-1 .white.category-grid-box-1 .short-description-1 {
border-top: 1px solid #e52d27
}
.grid-style-1 .white.category-grid-box-1 .short-description-1 .ad-price {
margin-bottom: 0
}
.grid-style-1 .white.category-grid-box-1 .short-description-1 .ad-price span {
font-size:16px;
}
.grid-style-1 .white.category-grid-box-1 .short-description-1 .btn {
text-transform: capitalize;
color: #fff;
font-size: 14px;
font-weight: 600;
margin-top: -5px
}
.grid-style-1 .white.category-grid-box-1 .short-description-1 .btn i {
padding-right: 5px
}
.location {
color: #a0a0a0;
font-size: 12px;
margin-bottom: 20px
}
.location a {
color: #a0a0a0
}
.location i {
padding-right: 5px
}
.category-grid-box-1 .price-tag {
bottom: 0;
position: absolute;
right: 0
}
.category-grid-box-1 .image {
overflow: hidden;
position: relative
}
.category-grid-box-1 .image img {
width: 100%;
position: relative
}
.special-label-small {
width: 249px
}
.special-label {
background: #df1d1d none repeat scroll 0 0
}
.special-label {
text-align: center;
color: #fff;
height: 49px;
left: -81px;
line-height: 49px;
position: absolute;
text-transform: uppercase;
top: 27px;
-ms-transform: rotate(-45deg) translateZ(0px);
-webkit-transform: rotate(-45deg) translateZ(0px);
transform: rotate(-45deg) translateZ(0px);
transform-origin: 50% 50% 0;
z-index: 10;
font-size: 14px
}
.special-label-small {
height: 32px;
line-height: 32px;
top: 20px
}
.ad-info-1 {
background: #fff none repeat scroll 0 0;
padding: 5px 10px;
overflow: hidden;
width: 100%;
border-top: 1px solid #f1f1f1
}
.ad-info-1 .skin-minimal .list li label {
color: #888;
margin-bottom: 0;
vertical-align: middle
}
.ad-info-1 ul {
list-style: outside none none;
margin: 0;
padding: 0
}
.ad-info-1 ul li {
color: #888;
display: inline-block;
float: left;
font-size: 14px;
line-height: 30px;
padding: 5px 5px;
text-align: left
}
.ad-info-1 ul li a {
color: #888
}
.ad-info-1 ul li span {
color: #fff;
font-size: 12px
}
.ad-info-1 ul li i {
color: #a0a0a0;
font-size: 14px;
margin-right: 5px
}
.white.category-grid-box-1 .ad-info-1 ul li,
.white.category-grid-box-1 .ad-info-1 ul li a {
color: #a0a0a0;
font-weight: 400
}
.white.category-grid-box-1 img {
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
width: 100%
}
.white.category-grid-box-1 .image:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.short-description-1 .rating {
margin: 0;
float: left
}
.short-description-1 .location {
margin-bottom: 2px
}
.ad-price {
font-size: 18px;
font-weight: 600;
float: left;
margin-bottom: 5px;
color: #232323
}
.grid-style-2 .category-grid-box-1 .short-description-1 ul li {
display: inline-block;
float: left;
font-size: 14px;
overflow: hidden;
position: relative;
color: #1f1d22;
margin-right: 5px;
margin-bottom: 4px;
}
.grid-style-2 .category-grid-box-1 .short-description-1 ul li i {
color: #a0a0a0;
float: left;
font-size: 14px;
margin-right: 5px
}
.grid-style-2 .ad-info-1,
.grid-style-2 .ad-info-1 ul li {
padding: 0
}
.grid-style-2 .ad-info-1 ul li {
text-align: center
}
.grid-style-2 .ad-info-1 p {
display: inline-block;
line-height: 48px;
padding-left: 14px;
margin-bottom: 0;
font-size: 14px
}
.grid-style-2 .profile-ads-grids .category-grid-box-1 .ad-info-1 p {
font-size: 16px
}
.grid-style-2 .profile-ads-grids .category-grid-box-1 .ad-info-1 p i {
font-size: 16px
}
.grid-style-2 .profile-ads-grids .category-grid-box-1 .ad-info-1 p:last-child {
padding-left: 7px
}
.grid-style-2 .ad-info-1 p i {
color: #a0a0a0;
font-size: 14px
}
.grid-style-2 .ad-info-1 ul li a {
border-left: 1px solid #e5e5e5;
display: block;
font-size: 14px;
height: inherit;
line-height: 48px;
text-align: center;
width: 40px
}
.grid-style-2 .ad-info-1 ul li a i {
margin-right: 0
}
.grid-style-2 .profile-ads-grids .category-grid-box-1 .ad-info-1 ul.pull-right .confirmation-buttons a {
font-size: 12px;
display: inherit;
height: inherit;
line-height: inherit;
text-align: inherit;
width: inherit
}
.grid-style-2 .profile-ads-grids .category-grid-box-1 .ad-info-1 ul.pull-right .confirmation-buttons a i {
margin-right: inherit;
font-size: inherit;
color: #fff
}
.popover {
width: 185px
}
.profile-ads-grids .category-grid-box-1 {
position: inherit
}
.white.category-grid-box {
background: #fff
}
.category-grid-box {
float: left;
margin-bottom: 30px;
width: 100%;
border: 1px solid #e1e1e1;
overflow: hidden;
background: #fff
}
.category-grid-box:after {
content: "";
display: block;
clear: both
}
.category-grid-box .category-grid-img {
float: left;
position: relative;
width: 100%
}
.category-grid-box .category-grid-img::before {
-webkit-transition: all .6s ease 0s;
-moz-transition: all .6s ease 0s;
-ms-transition: all .6s ease 0s;
-o-transition: all .6s ease 0s;
transition: all .6s ease 0s
}
.category-grid-box .category-grid-img>img {
float: left;
width: 100%
}
.category-grid-box .category-grid-img .ad-status {
color: #fff;
font-size: 12px;
font-weight: 600;
padding: 1px 10px;
position: absolute;
text-transform: uppercase;
top: 0;
left: 0
}
.category-grid-box>h3 {
color: #1b1d21;
float: left;
font-size: 19px;
font-weight: bold;
margin: 22px 0 7px;
width: 100%
}
.category-grid-box>h3 a {
color: #1b1d21
}
.category-grid-box .additional-information p {
margin-bottom: 0;
font-size:14px;
line-height: 25px;
padding-right: 0;
text-transform: capitalize
}
.category-grid-box span.price {
float: left;
font-size: 22px
}
.category-grid-box .category-grid-img::before {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
width: 100%
}
.category-grid-box:hover .category-grid-img::before {
opacity: .7;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
.category-grid-box .user-preview {
position: absolute;
right: 15px;
top: 20px;
width: 40px;
height: 40px;
}
.category-grid-box .user-preview img {
border-radius: 50%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
display: inline-block;
height: 40px;
vertical-align: middle;
width: 40px
}
.category-grid-box .view-details {
bottom: 15px;
color: #fff;
display: none;
font-size: 14px;
position: absolute;
right: 10px;
text-align: right;
width: 100%
}
.category-grid-box:hover .view-details {
display: block;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
.category-grid-box .additional-information {
display: none;
font-size: 16px;
color: #FFF;
position: absolute;
width: 100%;
left: 12px;
bottom: 32px;
text-align: left;
}
.category-grid-box:hover .additional-information {
display: block
}
.category-grid-box .short-description {
padding:10px 15px 10px;
overflow: hidden;
border-top: 1px solid #ccc
}
.category-grid-box .short-description h3 {
font-size: 16px;
color: #232323;
margin-bottom: 0;
}
.category-grid-box .short-description .btn {
padding: 3px 10px
}
.category-grid-box .short-description .btn i {
margin-right: 5px
}
.category-grid-box .short-description h3 a {
color: #232323;
font-weight:500;
}
.category-grid-box .short-description .price {
font-weight: 600;
font-size: 18px
}
.category-grid-box span.negotiable {
color: #a0a0a0;
font-size: 14px;
line-height: 17px
}
.category-grid-box .short-description .category-title {
color: #a0a0a0;
font-size: 14px
}
.category-grid-box .category-title a {
color: #a0a0a0
}
.category-grid-box .ad-info {
border-top: 1px solid #eee;
overflow: hidden;
position: relative
}
.category-grid-box .ad-info ul {
list-style: outside none none;
margin: 0 10px;
padding: 0
}
.category-grid-box .ad-info ul li:first-child {
float: left;
text-align: left
}
.category-grid-box .ad-info ul li {
color: #888;
display: inline-block;
font-size: 14px;
padding: 5px;
text-align: left;
float: left;
}
.category-grid-box .ad-info ul li a {
color: #888
}
.category-grid-box .ad-info ul li i {
color: #a0a0a0;
margin-right: 4px;
font-size: 16px
}
.well {
background-color: #fff;
border: 1px solid #eaedef;
border-radius: 2px;
overflow: hidden;
margin-bottom: 30px;
box-shadow: none
}
.ad-listing {
margin-bottom: 30px;
padding: 0;
position: relative
}
.ad-listing .col-md-3.grid-style {
padding-left: 0
}
.ad-listing .img-box {
overflow: hidden;
position: relative;
width: 100%
}
.ad-listing .img-box::before {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
width: 100%
}
.ad-listing:hover .img-box::before {
opacity: .7;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
.ad-listing .ad-status {
color: #fff;
font-size: 12px;
font-weight: 600;
left: 0;
padding: 0 10px;
position: absolute;
text-transform: uppercase;
top: 0
}
.ad-listing:hover .view-button {
opacity: 1
}
.ad-listing .img-box img {
max-width: 100%
}
.ad-listing .total-images {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
color: #fff;
right: 0;
line-height: 20px;
padding: 0 10px;
position: absolute;
text-align: center
}
.list-unstyled li .well.ad-listing .user-preview {
right: 5px;
left:auto;	
}
.ad-listing .total-images {
color: #fff;
line-height: 20px;
font-size: 12px;
text-align: center
}
.content-zone .img-zone {
overflow: hidden;
position: relative;
width: 100%
}
.content-zone .img-zone::before {
background: #000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
width: 100%
}
.content-zone:hover .img-zone::before {
opacity: .7;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
.content-zone:hover .view-button {
opacity: 1
}
.quick-view {
margin-top: -100px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
z-index: 9999
}
.view-button {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #252525;
display: inline-block;
font-size: 16px;
height: 40px;
line-height: 40px;
margin-left: 5px;
margin-right: 5px;
opacity: 0;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-o-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
width: 40px
}
.ad-listing .quick-view {
margin-top: -100px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
z-index: 9999
}
.ad-listing .view-button {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #252525;
display: inline-block;
font-size: 16px;
height: 40px;
line-height: 40px;
margin-left: 5px;
margin-right: 5px;
opacity: 0;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-o-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
width: 40px
}
.ad-listing .content-area {
padding: 15px 0 0;
overflow: hidden;
position: relative
}
.ad-listing.classified-select .content-area {
padding:25px 0 0;	
}
.ad-listing.classified-select .content-area h3 {
margin-bottom:5px;
}
.ad-listing.classified-select .content-area .category-title .padding_cats a {
font-size:14px;	
}
.ad-listing .content-area .ad-details {
margin-top: 5px;
overflow: hidden;
position: relative
}
.ad-listing .content-area .ad-price-simple {
font-size: 24px;
font-weight: 600;
margin-top: 0;
overflow: hidden;
position: relative
}
.ad-listing .content-area .ad-details ul {
line-height: 30px;
margin-bottom: 0;
margin-top: 5px;
overflow: hidden
}
.ad-listing .content-area .ad-details ul li {
font-size: 16px;
overflow: hidden;
float: left;
padding-right: 10px;
margin-bottom: 10px
}
.ad-listing .content-area .ad-details ul li a {
color: #999
}
.ad-listing .content-area .ad-details ul li i {
color: #999;
float: left;
font-size: 16px;
line-height: 30px;
margin-right: 10px
}
.ad-listing .content-area .btn {
padding: 3px 10px
}
.ad-listing .content-area .price {
font-size: 24px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 5px;
overflow: hidden
}
.short-info {
overflow: hidden
}
.ad-listing .content-area .category-title {
color: #a0a0a0;
font-size: 14px;
margin-bottom: 3px
}
.ad-listing .content-area .category-title a {
color: #a0a0a0
}
.ad-listing .content-area h3 {
color: #232323;
font-size: 18px;
margin-bottom: 1px;
width: 100%;
font-weight: 500;
}
.ad-listing .content-area h3 a {
color: #232323
}
.ad-meta-info {
font-size: 14px;
margin: 0;
padding: 0
}
.ad-meta-info li {
display: inline-block;
margin-right: 15px;
font-size: 16px
}
.ad-meta-info li i {
margin-right: 5px;
color: #a0a0a0
}
.ad-meta-info li a {
color: inherit
}
.ad-listing .content-area .ad-stats {
float: left;
padding-right: 10px;
padding-top: 0;
width: 100%;
color: #a0a0a0;
font-size: 15px
}
.ad-listing .content-area .ad-stats span {
font-weight: 600;
color: #232323
}
.ad-listing .user-preview {
position: absolute;
left: 5px;
top: 10px
}
.ad-listing .user-preview img {
border-radius: 50%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
display: inline-block;
height: 30px;
vertical-align: middle;
width: 30px
}
.ad-listing .content-area .additional-info {
margin: 0;
padding: 0;
position: absolute;
right: 16px;
top: 0
}
.ad-listing .content-area .additional-info li {
display: inline-block;
margin: 0 2px
}
.ad-listing .content-area .additional-info li a {
background: #f4f4f4 none repeat scroll 0 0;
border-radius: 50%;
color: #b7b7b7;
display: block;
font-size: 12px;
height: 30px;
line-height: 30px;
margin-right: 2px;
position: relative;
text-align: center;
text-decoration: none;
width: 30px
}
.ad-listing .content-area .additional-info li a:hover {
color: #fff
}
.ad-listing .content-area .col-md-9 {
padding: 0 20px
}
.ad-listing .content-area .col-md-9::after {
background-color: #e5eaef;
content: "";
height: 164px;
position: absolute;
right: 10px;
top: 0;
width: 1px
}
.ads-list-archive {
background-color: #fff;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
color: #777;
display: block;
margin-bottom: 30px;
position: relative;
float: left;
width: 100%;
overflow: hidden
}
.ads-list-archive .archive-history {
margin-top: 5px;
}
.ad-archive-img {
overflow: hidden;
position: relative
}
.ad-archive-img a img {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-ms-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
transition: all .7s ease 0s
}
.ad-archive-img img {
width: 100%
}
.ad-archive-img a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.ad-archive-desc {
border-right: medium none;
padding: 10px 20px
}
.ad-archive-desc .rating {
font-size: 15px;
margin: 15px 0 3px -3px
}
.ad-archive-desc h3 {
font-size: 18px;
line-height: 25px;
margin-top: 0;
margin-bottom: 0;
color: #232323
}
.ad-archive-desc h3 a {
color: #232323
}
.ad-archive-desc h3:hover,
.ad-archive-desc h3 a:hover {
cursor: pointer
}
.ad-archive-desc p {
font-size: 14px;
margin-bottom: 0;
}
ul.add_info {
margin: 0;
padding: 0
}
.ad-archive-desc ul.add_info {
margin-top: 10px
}
.ad-archive-desc ul.short-meta {
margin-top: 1px;
}
.ad-archive-desc ul.short-meta li {
border-right: 1px solid #e7e7e7;
line-height: 15px;
padding: 0 10px
}
.ad-archive-desc ul.short-meta li:first-child {
padding-left: 5px
}
.ad-archive-desc ul.short-meta li:last-child {
border-right: medium none
}
.ad-archive-desc ul.short-meta li a {
color: #777
}
.ads-list-archive .ad-archive-desc .ad-price span {
font-size:18px;
color:#ccc;	
}
.ads-list-archive .ad-archive-desc .ad-price-simple span {
font-size:18px;
color:#232323;
margin-left:3px;	
}
ul.add_info li {
border: 1px solid #ededed;
display: inline-block;
margin-right: 5px;
text-align: center;
width: 85px
}
ul.add_info li i {
font-size: 14px;
position: relative;
color: #a0a0a0
}
.ad-archive-desc .ad-price {
font-size: 24px;
font-weight: 600;
margin-bottom: 5px;
overflow: hidden
}
.ad-archive-desc .ad-price-simple {
font-size: 24px;
font-weight: 600;
margin-top: 5px;
overflow: hidden
}
.ad-archive-desc .category-title {
margin-bottom: 0;
}
.ad-archive-desc .ad-meta .btn {
padding: 3px 10px;
text-transform: capitalize
}
.ad-archive-desc .ad-meta .btn i {
padding-right: 5px
}
.ad-archive-desc .ad-meta .save-ad {
background-color: #fcfcfc;
border-color: #eaedef;
border: 1px solid #eaedef;
color: #464e60;
font-size: 14px
}
.ad-archive-desc .pull-right .btn i {
padding-right: 5px
}
.ad-archive-desc .last-updated {
font-size: 12px;
position: relative;
float: left;
line-height: 30px
}
.ad-archive-desc .ad-meta {
position: relative;
float: right
}
.singlepage-detail .content-box-grid .short-features {
overflow: hidden;
margin-top: 10px;
margin-bottom: 25px
}
.singlepage-detail .heading-panel h3 {
font-size: 20px
}
.singlepage-detail .heading-panel h3.main-title {
border-bottom: medium none;
display: inline-block
}
.singlepage-detail .heading-panel {
margin-bottom: 10px
}
.singlepage-detail .ad-share {
margin-top: 15px;
margin-bottom: 15px;
overflow: hidden
}
.singlepage-detail .content-box-grid .short-features span strong {
color: #232323;
font-family: "Poppins",sans-serif;
font-weight:500;
}
.singlepage-detail .content-box-grid .ad-related-img {
overflow: hidden;
margin-bottom: 30px
}
.singlepage-detail .content-box-grid .specification p:first-letter {
text-transform: capitalize
}
.content-box-grid h1 {
color: #232323;
font-size: 22px;
margin-bottom: 4px;
text-transform: capitalize
}
.ad-share .content-box-grid {
cursor: pointer
}
.singlepage-detail {
position: relative;
overflow: hidden
}
.content-box-grid {
border: 1px solid #e7e7e7;
border-radius: 1px;
background: #fff;
padding: 20px 30px
}
.key-features {
margin-bottom: 15px;
overflow: hidden
}
.content-box-grid i {
font-size: 20px;
padding-right: 5px;
vertical-align: middle
}
.btn-fb {
background: #3b5998 none repeat scroll 0 0
}
.btn-sharp {
border-radius: 1px
}
.modal-footer .btn+.btn {
margin-bottom: 0;
margin-left: 5px
}
.btn-twitter {
background: #00aced none repeat scroll 0 0
}
.btn-gplus {
background: #d14433 none repeat scroll 0 0
}
.price-quote .recent-ads .recent-ads-list,
.contact-seller .recent-ads .recent-ads-list {
border-bottom: 1px solid #e2e2e2;
margin-bottom: 30px;
padding-bottom: 10px
}
.price-quote .recent-ads .recent-ads-list-image-inner,
.contact-seller .recent-ads .recent-ads-list-image-inner {
background-color: transparent;
width: auto;
height: auto
}
.price-quote .recent-ads .recent-ads-list-image,
.contact-seller .recent-ads .recent-ads-list-image {
width: 50%
}
.price-quote .recent-ads .recent-ads-list-title a,
.contact-seller .recent-ads .recent-ads-list-title a {
font-size: 18px
}
.price-quote .recent-ads .recent-ads-list-price,
.contact-seller .recent-ads .recent-ads-list-price {
font-size: 16px
}
.share-ad .recent-ads .recent-ads-list {
border-bottom: 1px solid #e2e2e2;
margin-bottom: 30px;
padding-bottom: 10px
}
.share-ad .recent-ads .recent-ads-list-image-inner {
background-color: transparent;
width: auto;
height: auto
}
.share-ad .recent-ads .recent-ads-list-image {
width: 50%
}
.share-ad .recent-ads .recent-ads-list-title a {
font-size: 18px
}
.share-ad .recent-ads .recent-ads-list-price {
font-size: 16px
}
.share-ad .modal-body p {
font-size: 15px;
}
.share-ad .modal-body h3 {
font-size: 18px;
color: #232323;
margin-bottom: 5px;
font-weight: 500
}
.share-ad .modal-footer {
padding: 10px
}
.show-sticky-ad-detail {
display: block!important
}
.sticky-ad-detail {
background-color: #363c48;
bottom: 0;
color: #fff;
left: 0;
padding: 10px 0 15px;
position: fixed;
right: 0;
z-index: 10;
display: none
}
.sticky-ad-detail .btn {
border: medium none;
color: #fff;
font-size: 14px;
margin: 10px 0;
padding: 10px 20px
}
.sticky-ad-detail .btn i {
margin-right: 5px
}
.sticky-ad-detail .btn .icon-phone {
vertical-align: -1px
}
.sticky-ad-detail .btn-phone {
background: #15a949 none repeat scroll 0 0;
box-shadow: 0 2px 0 #087a30
}
.sticky-ad-detail .btn-phone.active {
background: #fff none repeat scroll 0 0;
border: 2px solid #15a949;
box-shadow: none;
color: #15a949;
padding: 9px 20px
}
.sticky-ad-detail .btn-message {
background: #4691e1 none repeat scroll 0 0;
box-shadow: 0 2px 0 #367bc4;
margin-right: 10px
}
.singlepage-detail .content-box-grid .short-history li {
display: inline-block;
border-right: 1px solid #e7e7e7;
padding-right: 10px;
padding-left: 10px
}
.singlepage-detail .content-box-grid .short-history li:first-child {
padding-left: 0
}
.singlepage-detail .content-box-grid .short-history li:last-child {
border-right: medium none
}
.singlepage-detail .content-box-grid .short-history li b {
font-weight: 600
}
.short-history li {
display: inline-block;
border-right: 1px solid #e7e7e7;
padding-right: 10px;
padding-left: 10px;
line-height: 20px
}
.short-history li a.remove_compare, .short-history li a.add_compare {
color:#777;	
}
.transparent-breadcrumb-listing .pricing-area a.remove_compare {
color:#FFF;	
}
.transparent-breadcrumb-listing .pricing-area .short-history li a.add_compare {
color:#FFF;	
}
.short-history li:first-child {
padding-left: 0
}
.short-history li:last-child {
border-right: medium none
}
.short-history li b {
font-weight: 600
}
.sticky-ad-detail .short-history li b a {
color: #fff
}
.adz-detail strong {
color: #232323
}
.singlepage-detail .adz-head h4 {
color: #232323;
font-size: 24px
}
.adz-detail,
.top-sellers {
padding: 25px 0
}
.adz-detail .short-features {
margin-bottom: 20px;
overflow: hidden;
position: relative
}
.adz-detail .heading-panel h3 {
color: #232323;
font-size: 22px
}
.adz-detail .heading-panel {
margin-bottom: 30px
}
.adz-detail .heading-panel h3.main-title {
border-bottom: 2px solid #f58936;
display: block
}
.desc-points {
margin-bottom: 10px
}
.desc-points ul,
.desc-points ol {
counter-reset: item
}
.desc-points li {
line-height: 40px
}
.desc-points ol {
list-style: none;
padding-left: 0
}
.desc-points li:before,
.desc-points ol li:before {
background: #f1f1f1 none repeat scroll 0 0;
border-radius: 50%;
color: #232323;
content: counter(item, decimal) "";
counter-increment: item;
display: inline-block;
font-size: 12px;
height: 25px;
line-height: 25px;
opacity: .7;
text-align: center;
width: 25px;
margin-right: 10px
}
.desc-points li i {
color: #6bc242;
margin-right: 15px
}
.single-details .owl-controls .owl-nav .owl-next,
.single-details .owl-controls .owl-nav .owl-prev {
background-color: #f58936;
border-radius: 0;
font-size: 20px;
opacity: 1;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.single-details .owl-prev {
left: -5px;
position: absolute;
top: 40%
}
.single-details .owl-next {
position: absolute;
right: -5px;
top: 40%
}
.single-details .owl-controls .owl-nav div {
padding: 30px 10px
}
.single-details .owl-controls .owl-nav {
display: none
}
.singlepage-detail .single-details:hover .owl-controls .owl-nav {
display: block
}
.singlepage-detail .content-box-grid .ad-title {
border-bottom: 1px solid #eee;
margin-bottom: 15px;
padding-bottom: 25px
}
.singlepage-detail .content-box-grid .ad-title h2 {
color: #232323;
font-size: 22px;
margin-bottom: 4px;
text-transform: capitalize
}
.singlepage-detail .content-box-grid .ad-title h2 a {
color: #232323
}
#itemMap {
width: 100%;
height: 370px;
margin-bottom: 5px;
z-index:0;
}
.content-box-grid .ad-closed img {
left: 42px;
position: absolute;
top: 107px
}
.gallery-style-post {
margin-bottom: 15px;
position: relative
}
.star-score {
padding-left: 5px;
color: #232323;
font-size: 18px
}
.content-box-grid .key-features {
margin: 0 0 10px
}
.boxicon {
border: 1px solid #f1f1f1;
border-radius: 0;
float: left;
height: 90px;
margin-top: 0;
padding: 7px;
text-align: center;
width: 107px;
background-color: #fff
}
div.boxicon:last-child {
margin-right: 0
}
.boxicon i {
font-size: 40px;
padding-top: 15px;
padding-bottom: 5px;
display: block
}
.boxicon i.petrol {
color: #0083c9
}
.boxicon i.kilo-meter {
color: #00a651
}
.boxicon i.engile-capacity {
color: #ff9b30
}
.boxicon i.reg-year {
color: #e52d27
}
.boxicon i.transmission {
color: #ff5700
}
.boxicon i.body-type {
color: #785edd
}
.boxicon i.car-color {
color: #e4405f
}
.car-feature-list {
float: left;
width: 100%
}
.car-feature-list li::before,
.car-feature-list ol li::before {
display: none
}
.car-feature-list li {
float: left;
list-style: outside none none;
margin: 0;
padding-bottom: 10px;
width: 33%;
font-size: 17px
}
.car-feature-list li i {
vertical-align: top;
color: #777;
font-size: 24px
}
.small-section .img-thumb.first {
margin-bottom: 17px
}
.img-thumb {
background: #f6f6f6 none repeat scroll 0 0;
display: block;
height: 100%;
max-height: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
width: 100%
}
.feuture-posts .fp-small {
padding: 0 14px
}
.total-images {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
color: #fff;
line-height: 20px;
padding: 0 10px;
position: absolute;
text-align: center
}
.slider {
margin: 50px 0 10px!important
}
#carousel li {
margin-right: 5px;
}
#carousel img {
display: block;
opacity: .5;
cursor: pointer
}
#carousel img:hover {
opacity: 1
}
#carousel .flex-active-slide img {
opacity: 1;
cursor: default
}
.singlepage-detail .flexslider .slides li.slide-video {
height: 420px;
}
.singlepage-detail #single-slider .slides li{
height: 420px;
position : relative;
overflow : hidden;
}
.singlepage-detail #single-slider .slides li img{
width : 100%;
height : 100%;
position : absolute!important;
top : 0;
left : 0;
object-fit : contain;
}
.singlepage-detail .flexslider .slides li.slide-video video{
width : 100%;
height : 420px;
}
.singlepage-detail .flexslider .slides li.video-small {
height: 100% !important;
}
.singlepage-detail video.small-video{
height: 112px !important;
width: 160px !important;
}
.panel {
overflow: hidden;
border-radius: 0
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
border-color: #eee
}
.panel-default>.panel-heading {
padding: 0;
border-radius: 0;
color: #232323;
background-color: #fff;
border-color: #fff
}
.panel-title>a {
display: block;
padding: 10px 15px;
text-decoration: none
}
.panel-title span {
display: block;
padding: 10px 15px;
text-decoration: none
}
.more-less {
float: right;
color: #f1f1f1;
top: 5px
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #eee
}
#accordion .panel-body ul li {
padding: 5px 0
}
#accordion .panel-body.categories ul li a,
#accordion .panel-body.countries ul li a {
font-size: 14px;
font-weight: 400;
color: #232323
}
#accordion .panel-body.categories ul li a:hover,
#accordion .panel-body.countries ul li a:hover {
text-decoration: none;
color: #f58936
}
#accordion .panel-body a i {
color: #8e8b8b;
font-size: 22px;
margin-right: 10px
}
#accordion .panel-body ul li a span {
color: #9e9e9e;
margin-left: 5px
}
.panel-body {
background-color: #fff;
padding: 5px 15px;
}
#accordion .panel-body .search-widget {
margin-bottom: 0;
}
.search-widget {
background: #f4f4f4 none repeat scroll 0 0;
height: 50px;
margin-bottom: 20px;
position: relative
}
.search-widget input[type="text"] {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
height: 100%;
max-width: none;
padding-left: 15px;
padding-right: 40px;
width: 100%
}
.search-widget button[type="submit"] {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #bdbdbd;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 40px
}
.skin-minimal .list li label {
padding-left: 5px;
font-weight: 500;
color: #666;
font-size: 14px
}
.side-menu {
background: #fff
}
.skin-minimal .list li label:hover {
text-decoration: none
}
.recent-ads .recent-ads-list {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
margin: 0 0 15px;
padding: 0 0 15px;
}
.recent-ads .recent-ads-list:last-child {
border: 0 none;
margin: 0;
padding: 0;
}
.recent-ads .recent-ads-container {
display: table;
width: 100%;
}
.recent-ads .recent-ads-list-image {
display: table-cell;
width: 96px;
}
.recent-ads .recent-ads-list-image img {
display: block;
position: relative;
width: 100%;
z-index: 2;
}
.recent-ads .recent-ads-list-image-inner {
background-color: rgba(0, 0, 0, 0.12);
display: block;
height: 60px;
margin: 0 16px 0 0;
position: relative;
width: 100px;
}
.recent-ads .recent-ads-list-content {
display: table-cell;
vertical-align: top;
}
.recent-ads .recent-ads-list-content h3 {
color: #232323;
font-size: 16px;
}
.recent-ads .recent-ads-list-title {
margin: 0;
}
.recent-ads .recent-ads-list-title a {
color: #232323;
font-size: 15px;
font-weight: 500;
}
.recent-ads .recent-ads-list-location {
list-style: outside none none;
margin: 0;
padding: 0;
}
.recent-ads .recent-ads-list-location li {
display: inline !important;
border-bottom: medium none !important;
}
.recent-ads .recent-ads-list-location li::before {
display: none !important;
}
.recent-ads .recent-ads-list .recent-ads-container .recent-ads-list-content ul.recent-ads-list-location li a {
color: #a0a0a0;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.recent-ads .recent-ads-list-price {
display: inline-block;
font-size: 18px;
font-weight: 600;
}
.sidebar .widget+.widget {
margin-top: 5px
}
.sidebar .widget {
overflow: hidden;
position: relative;
border-color: #eee;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
background-color: #fff;
border: 1px solid #eee
}
.sidebar .widget .widget-heading {
background-color: #fff;
border-color: #eee;
border-bottom-color: #eee;
border-bottom: 1px solid #eee;
border-radius: 0;
color: #232323;
padding: 0
}
.sidebar .widget .widget-content {
border-top-color: #eee;
background-color: #fff;
padding: 20px 25px
}
.sidebar .widget .widget-content ul li {
border-bottom: 1px solid #f1f1f1;
display: block;
padding-bottom: 13px;
padding-top: 13px
}
.sidebar .widget .widget-content ul li a {
color: #232323
}
.sidebar .widget .widget-content .category-grid-box .ad-info ul li {
padding: 10px 20px!important;
font-size: 14px;
line-height: normal
}
.sidebar .widget .widget-content ul li:first-child {
padding-top: 0
}
.sidebar .widget .widget-content ul li:last-child {
border-bottom: medium none;
padding-bottom: 0
}
.sidebar .widget .widget-content .tagcloud {
margin-top: 7px;
overflow: hidden
}
.sidebar .widget .widget-content .tagcloud a {
background: #fff none repeat scroll 0 0;
border: 1px solid #e2e2e2;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
line-height: 38px;
margin: 0 4px 8px 0;
padding: 0 17px;
color: #232323;
text-transform: uppercase;
transition: all .3s ease 0s;
o-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s
}
.sidebar .widget .widget-content .finance-calculator {
position:relative;	
}
.sidebar .widget .widget-content .finance-calculator ul li {
padding:0;
border:none;
}
.blog-sidebar .widget+.widget {
margin-top: 5px
}
.blog-sidebar .widget {
position: relative;
border-color: #eee;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
background-color: #fff;
border: 1px solid #eee;
padding: 20px 25px;
overflow: hidden
}
.blog-sidebar .widget .widget-heading {
border: medium none
}
.blog-sidebar .widget .widget-heading h4 {
border-bottom: 2px solid #e3e3e3;
color: #323232;
margin: 0 0 15px;
padding: 13px 18px 13px 0;
text-transform: capitalize;
font-weight: 500;
}
.blog-sidebar .widget .widget-heading .panel-title a {
padding: 0
}
.blog-sidebar .widget .widget-heading h4::before {
content: "";
height: 2px;
left: 0;
position: absolute;
bottom: -2px;
width: 70px
}
.blog-sidebar .widget ul li {
border-bottom: 1px solid #f1f1f1;
padding: 10px 0;
}
.blog-sidebar .widget ul li a {
color: #232323;
font-size: 16px;
position: relative;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.blog-sidebar .widget .recent-ads .recent-ads-list .recent-ads-container .recent-ads-list-content ul.recent-ads-list-location li a {
padding: 0
}
.blog-sidebar .widget .recent-ads .recent-ads-list .recent-ads-container .recent-ads-list-content ul.recent-ads-list-location li a::after {
display: none
}
.blog-sidebar .widget li.wc-layered-nav-rating a {
line-height:inherit;	
}
.blog-sidebar .widget li.wc-layered-nav-rating a::after {
display: none
}
.blog-sidebar .widget ul li a::after {
color: #828282;
content: "";
display: inline-block;
float: right;
font-family: "FontAwesome";
font-size: 14px;
line-height: 45px;
position: relative;
right: 0;
top: -10px;
}
.blog-sidebar .widget ul li.cat-item span.pull-right {
float: none!important
}
.blog-sidebar .widget ul li a span {
color: #ddd;
padding-left: 5px
}
.blog-sidebar .widget ul li:last-child {
border-bottom: medium none;
padding-bottom: 0
}
.blog-sidebar .widget .tagcloud {
margin-top: 7px;
overflow: hidden
}
.blog-sidebar .widget .tagcloud a {
background: #fff none repeat scroll 0 0;
border: 1px solid #e2e2e2;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
line-height: 38px;
margin: 0 4px 8px 0;
padding: 0 17px;
color: #232323;
text-transform: uppercase;
transition: all .3s ease 0s;
o-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s
}
.blog-sidebar .widget .gallery-image img {
transition: all .3s ease 0s;
o-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s;
width: 100%
}
.blog-sidebar .widget .gallery-image img:hover {
background: #000;
opacity: .7
}
.blog-sidebar .widget .gallery-image {
margin-top: 10px;
overflow: hidden
}
.blog-sidebar .widget .gallery-image a {
float: left;
margin-bottom: 10px;
margin-right: 3px;
max-width: 24%;
transition: all .3s ease 0s;
o-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-webkit-transition: all .3s ease 0s
}
.sidebar .widget-title {
color: #313131;
font-size: 16px;
font-weight: 500;
margin-bottom: 25px
}
.sidebar .widget ul {
list-style: outside none none;
margin: 0;
padding: 0
}
.sidebar .widget ul li {
border-bottom: 1px solid #f3f3f3;
font-size: 16px;
line-height: 26px;
padding: 10px 0
}
.ad-listing-price {
display: block;
position: relative;
width: 100%;
outline: 0;
margin-top: 10px
}
.ad-listing-price p {
font-size: 36px;
text-align: right;
margin-bottom: 0;
font-weight: 600
}
.sidebar .panel.panel-default .panel-heading {
border-bottom: none;
}
.user-photo {
border-right: 1px dashed #e0e0e0
}
.user-photo img {
height: auto;
width: 90px
}
.user-information .user-name {
font-size: 20px;
font-weight: 600;
color: #232323
}
.user-information .user-name a {
color: #232323
}
.user-info-card {
padding-bottom: 15px;
padding-top: 25px
}
.ad-listing-meta>ul {
padding: 0
}
.ad-listing-meta ul li {
border-bottom: 1px solid #e7e7e7;
padding: 10px 15px
}
.ad-listing-meta ul li:last-child {
border-bottom: medium none
}
.ad-listing-meta ul li span {
float: right;
font-weight: 600
}
.widget-content ol {
padding-left: 15px
}
.widget-content ol li {
margin-bottom: 15px;
padding-left: 10px;
position: relative
}
.widget-content.saftey ol li {
margin-bottom: 0;
padding-left: 2px;
position: relative
}
.widget .widget-content .featured-slider-3 .item .category-grid-box {
margin-bottom: 0
}
.blog-post:after {
content: '';
display: block;
clear: both
}
.blog-post {
background: #fff none repeat scroll 0 0;
border: 1px solid #f1f1f1;
color: #162532;
margin-bottom: 30px;
position: relative
}
.blog-post .post-excerpt a strong {
color: #232323
}
.blog-detial iframe {
width: 100%;
height: 350px
}
.blog-post a {
color: inherit;
text-decoration: none
}
.post-info a {
margin-right: 20px
}
.post-img {
margin-bottom: 25px;
position: relative
}
.post-img img {
height: auto;
-webkit-transition: all 2s ease 0s ;
-moz-transition: all 2s ease 0s;
-ms-transition: all 2s ease 0s;
-o-transition: all 2s ease 0s;
transition: all 2s ease 0s;
max-width: 100%
}
.posts-masonry .blog-post .post-img img{
width: 100%;
}
.blog-post .blog-content {
position: relative;
}
.blog-post .user-preview {
position: absolute;
right: 15px;
top: -48px;
z-index: 9
}
.blog-post .user-preview img {
border-radius: 50%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
display: inline-block;
height: 40px;
vertical-align: middle;
width: 40px;
z-index: 9
}
.post-info {
font-size: 14px;
margin-bottom: 10px;
padding: 0 20px;
color: #999;
text-transform: capitalize
}
.post-title {
font-size: 18px;
margin-bottom: 15px;
margin-top: 10px;
padding: 0 20px;
font-weight: 500;
text-transform: capitalize;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.post-excerpt {
font-size: 16px;
margin-bottom: 30px;
padding: 0 20px;
color: #999
}
.review-excerpt {
font-size: 16px;
line-height: 26px;
margin-bottom: 30px;
padding: 0 20px;
color: #999
}
.review-excerpt p {
font-size: 18px;
margin-bottom: 20px;
line-height: 1.7em
}
.review-excerpt img {
margin-bottom: 20px
}
.review-excerpt .pro-cons {
position: relative;
margin-bottom: 20px
}
.review-excerpt .table th {
color: #232323
}
.review-excerpt .gallery.list-inline {
margin-left: 0
}
.review-excerpt .gallery.list-inline li {
padding: 0;
width: 16.2%
}
.review-excerpt .pro-cons ul li:last-child {
margin-bottom: 0
}
.review-excerpt .pro-cons .pro-section ul li:before {
content: "\f00c";
font-family: FontAwesome;
display: inline-block;
padding-right: 10px;
color: #5cb85c
}
.review-excerpt .pro-cons .cons-section ul li:before {
content: "\f00d";
font-family: FontAwesome;
display: inline-block;
padding-right: 10px;
color: #d9534f
}
.review-excerpt .pro-cons .cons-section,
.review-excerpt .pro-cons .pro-section {
border: 1px solid #f1f1f1;
padding: 20px;
position: relative
}
.review-excerpt .pro-cons img {
float: left;
overflow: hidden;
position: relative;
margin-right: 10px
}
.review-excerpt .pro-cons h3 {
padding-left: 20px
}
.review-excerpt .pro-cons ul {
clear: both
}
.review-excerpt .pro-cons ul li {
line-height: 20px;
margin-bottom: 15px;
padding-left: 23px;
position: relative;
display: list-item
}
.review-excerpt .pro-cons ul li i {
left: 0;
position: absolute;
top: 4px
}
.review-excerpt h3 {
color: #232323;
font-size: 22px;
margin-bottom: 10px
}
.blog-detial .blog-post .post-excerpt blockquote p strong {
font-weight: 600;
color: #232323
}
.blog-detial .blog-post .post-img .large-img {
width: 100%;
height: 400px
}
.blog-detial .alignleft {
float: left;
margin: 7px 24px 7px 0
}
.blog-detial .alignright {
float: right;
margin: 7px 0 7px 24px
}
.blog-detial .aligncenter {
display: block;
margin: 7px auto
}
.tags-share {
padding: 10px 0 0;
border-bottom: 1px solid #d7d7d7
}
.tags-share h3 {
color: #1b1313;
display: inline-block;
font-size: 16px!important;
line-height: 29px;
padding-top: 3px;
margin: 0!important
}
.tags-share .share ul {
padding-left: 0;
margin: 0
}
.tags-share .tags ul,
.tags-share .share ul {
display: inline-block;
list-style-type: none
}
.tags-share .tags ul li,
.tags-share .share ul li {
display: inline-block
}
.tags-share .tags ul li a:hover {
text-decoration: underline
}
.tags-share .share h3 {
font-weight: 700
}
.tags-share .share ul li a {
color: #1b1313
}
.tags-share .share ul li a:hover {
text-decoration: underline
}
.single-blog .share ul {
list-style-type: none
}
.single-blog .share ul li {
display: inline-block
}
.single-blog .share ul li a {
color: #1b1313;
font-size: 14px
}
.single-blog .share ul li a:hover {
text-decoration: underline
}
.blog-detial .blog-section .blog-heading h2 {
color: #232323;
font-size: 18px;
margin: 40px 0 15px;
padding: 13px 18px 0 0;
text-transform: capitalize;
font-weight: 500;
}
.blog-detial .comment-list {
list-style: outside none none;
margin: 0;
padding: 0
}
.blog-detial .comment li {
padding-right: 0
}
.blog-detial .comment li:last-child {
border-right: 0 none
}
.blog-detial .comment-info {
border-bottom: 1px solid #f2f2f2;
position:relative;
margin: 0;
overflow: hidden;
padding: 15px 0;
}
.blog-detial .comment-info p {
margin-bottom: 40px
}
.blog-detial .comment-info img {
max-width: 90px
}
.blog-detial .comment-info .author-desc {
margin-left: 80px;
position:relative;
overflow:hidden;
margin-top: 3px;
}
.blog-detial .comment-info .author-title {
color: #323232;
line-height: 16px;
margin-bottom: 5px
}
.single-blog.blog-detial .blog-post .post-excerpt.post-desc .comment-info p:last-child {
margin-bottom:0;	
}
.blog-detial .author-title strong {
color: #323232;
font-size: 16px;
text-transform: uppercase
}
.blog-detial .comment-date {
border-left: 1px solid #777;
color: #777;
font-size: 12px;
margin-left: 17px;
padding-left: 17px
}
.blog-detial .comment-list .children {
list-style: outside none none;
padding-left: 60px;
margin-top:0;
}
.blog-detial .comment-info img {
width: 60px
}
.comment-list {
list-style: outside none none;
margin: 0;
padding: 0
}
.comment li {
border-right: 2px solid #000;
padding-right: 10px
}
.comment li:last-child {
border-right: 0 none
}
.comment-info {
border-bottom: 1px solid #f2f2f2;
display: block;
margin: 30px 0;
overflow: hidden
}
.comment-info p {
margin-bottom: 40px
}
.comment-info img {
max-width: 90px
}
.comment-info .author-desc {
margin-left: 115px
}
.comment-info .author-title {
color: #323232;
line-height: 16px;
margin-bottom: 22px
}
.author-title strong {
color: #323232;
font-size: 16px;
text-transform: uppercase
}
.comment-date {
border-left: 1px solid #777;
color: #777;
font-size: 12px;
margin-left: 17px;
padding-left: 17px
}
.comment-list .children {
list-style: outside none none;
padding-left: 67px
}
.comment-info img {
max-width: 90px
}
.comment-list .comment .comment-info .author-desc .author-title li a {
color: #777;
}
.user-contact-info {
margin-bottom: 5px;
}
.blog-detial .page-numbers {
display: inline-block;
padding: 5px 10px;
margin: 0 2px 0 0;
border: 1px solid #eee;
line-height: 1;
text-decoration: none;
border-radius: 2px;
font-weight: 600
}
.blog-detial .page-numbers.current,
a.page-numbers:hover {
background: #f9f9f9
}
.blog-detial .navigation li a,
.blog-detial .navigation li a:hover,
.blog-detial .navigation li.active a,
.blog-detial .navigation li.disabled {
color: #fff;
text-decoration: none
}
.blog-detial .navigation li {
display: inline
}
.blog-detial .navigation li a,
.blog-detial .navigation li a:hover,
.blog-detial .navigation li.active a,
.blog-detial .navigation li.disabled {
background-color: #6fb7e9;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: .75rem
}
.blog-detial .navigation li a:hover,
.blog-detial .navigation li.active a {
background-color: #3c8dc5
}
span.required {
color: #f00;
font-size: 18px;
line-height: 10px
}
label {
font-size: 14px;
font-weight: 600;
color: #232323
}
.featured-slider-1 .owl-item .category-grid-box {
margin-top: 0;
margin-bottom: 30px
}
.featured-slider-1 .owl-controls .owl-nav .owl-next,
.featured-slider-1 .owl-controls .owl-nav .owl-prev {
border-radius: 0;
font-size: 20px;
opacity: 1;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.featured-slider-1 .owl-prev {
right: 40px;
position: absolute;
top: -75px
}
.featured-slider-1 .owl-next {
position: absolute;
right: 10px;
top: -75px
}
.featured-slider-1 .owl-prev i, .featured-slider-1 .owl-next i {
background-color:#FFF;
box-shadow:0 2px 5px -1px rgba(0, 0, 0, 0.16);
padding:15px 10px;
margin:0;	
}
.featured-slider-1 .owl-prev i:hover, .featured-slider-1 .owl-next i:hover {
color:#232323;	
}
.featured-slider-1 .owl-item .item .category-grid-box-1 {
margin-bottom: 30px
}
.featured-slider .owl-item .category-grid-box {
margin-top: 0;
margin-bottom: 30px
}
.featured-slider .owl-controls .owl-nav .owl-next, .featured-slider-shop .owl-controls .owl-nav .owl-next,
.featured-slider .owl-controls .owl-nav .owl-prev , .featured-slider-shop .owl-controls .owl-nav .owl-prev {
border-radius: 0;
font-size: 20px;
opacity: 1;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.featured-slider .owl-prev , .featured-slider-shop .owl-prev {
left: -32px;
position: absolute;
top: 35%
}
.featured-slider .owl-next , .featured-slider-shop .owl-next {
position: absolute;
right: -33px;
top: 35%
}
.search-2 .noUi-background,
.sidebar #accordion .panel .panel-body .noUi-background,
.widget .widget-content .noUi-background , .advance-search .noUi-background{
background: #44728e;
box-shadow: none
}
.search-2 .noUi-target,
.sidebar #accordion .panel .panel-body .noUi-target,
.widget .widget-content .noUi-target , .advance-search .noUi-target{
border: 0;
box-shadow: none;
border-radius: 0
}
.search-2 .noUi-horizontal,
.sidebar #accordion .panel .panel-body .noUi-horizontal,
.widget .widget-content .noUi-horizontal , .advance-search .noUi-horizontal {
height: 6px
}
.search-2 .noUi-origin,
.sidebar #accordion .panel .panel-body .noUi-origin,
.widget .widget-content .noUi-origin , .advance-search .noUi-origin {
border-radius: 0
}
.noUi-connect {
background: #224357;
box-shadow: none
}
.search-2 .noUi-horizontal .noUi-handle,
.sidebar #accordion .panel .panel-body .noUi-horizontal .noUi-handle,
.widget .widget-content .noUi-horizontal .noUi-handle ,  .advance-search .noUi-horizontal .noUi-handle {
width: 14px;
height: 14px;
left: -7px;
top: -4px
}
.search-2 .noUi-handle:after,
.sidebar #accordion .panel .panel-body .noUi-handle:after,
.search-2 .noUi-handle:before,
.sidebar #accordion .panel .panel-body .noUi-handle:before , .advance-search .noUi-handle:after ,  .advance-search .noUi-handle:before{
content: none
}
.widget .widget-content .noUi-handle::after,
.widget .widget-content .noUi-handle::before  {
background: 0
}
.search-2 .noUi-handle,
.sidebar #accordion .panel .panel-body .noUi-handle,
.widget .widget-content .noUi-handle ,  .advance-search .noUi-handle{
border-radius: 100%;
border: 2px solid #2e566e;
background: #94b9d0;
box-shadow: none;
cursor: pointer
}
.search-form .price-slider-value,
.price-slider-value,
.widget .widget-content .price-slider-value {
display: block;
margin-bottom: 11px;
margin-top: 3px
}
.advance-search .price-slider-value{
color: #232323;
font-size: 14px;
font-weight: 600;
margin-top: 40px;
}
.search-2 .form-control {
border: medium none
}
.page-header-area-2 {
padding: 30px 0;
text-align: left;
position: relative
}
.page-header-area-2 .small-breadcrumb {
background: transparent
}
.page-header-area-2 .small-breadcrumb .breadcrumb-link ul li a {
color: #999
}
.page-header-area-2 .small-breadcrumb .breadcrumb-link ul li::after {
color: #a0a0a0
}
.page-header-area-2 .small-breadcrumb .breadcrumb-link ul li a.active {
border-bottom: medium none
}
.page-header-area-2 h1 {
color: #232323;
font-size: 26px;
font-weight: 600;
text-transform: capitalize
}
.page-header-area-2 .key-features {
margin-top: 15px;
margin-bottom: 0
}
.small-breadcrumb {
overflow: hidden;
position: relative;
width: 100%
}
.small-breadcrumb .breadcrumb-link {
overflow: hidden
}
.small-breadcrumb .breadcrumb-link ul li {
float: left;
padding: 0 15px
}
.small-breadcrumb .breadcrumb-link ul li:first-child {
padding-left: 0
}
.small-breadcrumb .breadcrumb-link ul li a {
color: #fff;
display: inline-block;
padding: 10px 0;
position: relative
}
.small-breadcrumb .breadcrumb-link ul li a .icon {
margin-right: 5px
}
.small-breadcrumb .breadcrumb-link ul li a .icon {
display: inline-block;
width: auto
}
.small-breadcrumb .breadcrumb-link ul li a::after {
bottom: -8px;
content: "";
height: 4px;
left: 0;
position: absolute;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
width: 100%
}
.small-breadcrumb .breadcrumb-link ul li a:hover::after {
bottom: -4px;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.small-breadcrumb .breadcrumb-link ul li a:first-child {
padding-left: 0
}
.small-breadcrumb .breadcrumb-link ul li {
position: relative
}
.small-breadcrumb .breadcrumb-link ul li::after {
color: #fff;
content: "\f105";
font-family: "FontAwesome";
font-size: 13px;
font-style: normal;
font-weight: 400;
position: absolute;
right: 0;
text-decoration: inherit;
top: 10px
}
.small-breadcrumb .breadcrumb-link ul li:last-child::after {
display: none
} .transparent-breadcrumb-listing::after {
background: rgba(0,0,0,.5);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.transparent-breadcrumb-listing{
background: url(https://listing.downtown-directory.com/wp-content/themes/dwt-listing/assets/images/collage.jpg) ;  background-repeat: no-repeat ; background-size: cover ;  background-position: center center ;  background-attachment: scroll; 
color: #fff;
padding-bottom: 35px;
padding-top: 175px;
position: relative;
z-index: 1;
}
.transparent-breadcrumb-listing {
color: #fff;
}
.transparent-breadcrumb-listing .list-heading h2 {
margin: 0;
text-transform: capitalize;
font-weight: 600;
text-align: left;
color: #fff;
}
.transparent-breadcrumb-listing.single-trans-bread .heading-zone {
padding-bottom:0;		
}
.transparent-breadcrumb-listing.single-trans-bread .heading-zone h1, .transparent-breadcrumb-listing.single-trans-bread .heading-zone .short-history .photo-rearrange a {
color:#FFF;
}
.parallex {
position: relative;
z-index: 44
}
.parallex h2 {
color: #fff;
position: relative;
z-index: 44
}
.parallex::before {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.parallex-small {
background: #363c48 none repeat scroll 0 0;
color: #fff;
padding: 25px 0
}
.parallex-text h5 {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.parallex.about-us .parallex-text h4 {
font-size: 40px;
margin: 12px 0 25px;
}
.parallex.about-us .parallex-text a.btn {
margin-right: 20px;
}
.parallex-text h4 {
color: #fff;
font-size: 24px;
font-weight: 600;
line-height: 60px;
margin-bottom: 0;
text-transform: uppercase;
}
.parallex-text h4 span {
color: #213043;
}
.parallex-text p {
color: #fff;
position: relative;
z-index: 44;
}
.parallex-small .btn {
margin-top: 0;
}
.parallex-button {
text-align: right;
}
.btn-clean {
color: #fff;
}
.btn-clean:hover {
background-color: #fff;
color: #323232;
}
.parallex-small .btn {
margin-top: 10px;
}
.btn-clean {
border: 1px solid #fff;
color: #fff;
text-transform: uppercase
}
.btn-light i {
font-size: 14px;
padding-right: 5px
}
.grid-panel {
background-color: #fff;
margin-bottom: 30px;
overflow: hidden;
position: relative;
padding: 20px 5px 10px
}
.grid-panel .heading-panel {
margin-bottom: 20px
}
.grid-panel .heading-panel h3.main-title {
border-bottom: medium none;
display: inline-block
}
.grid-panel .ad-location-gird {
box-shadow: none;
border: 1px solid #ddd;
padding: 10px 15px;
margin-bottom: 30px
}
.grid-panel .ad-location-gird .location-icon i {
font-size: 14px;
height: 35px;
line-height: 35px;
text-align: center;
width: 35px
}
.usefull-info {
background: #fff none repeat scroll 0 0;
padding: 15px 0;
text-align: center
}
.usefull-info .icon-info {
font-size: 20px;
margin: 0 0 18px
}
.usefull-info .icon-info {
position: relative;
z-index: 10
}
.usefull-info .info-content {
overflow: hidden
}
.usefull-info .info-content h3:hover {
cursor: pointer
}
.usefull-info .description {
margin: 0 0 15px
}
.usefull-info h3 {
font-size: 18px;
line-height: 1.1;
margin: 0;
padding: 0 0 20px;
color: #232323
}
.alert-box-container h3 {
font-size: 18px;
font-weight: normal;
line-height: 24px;
margin: 0 0 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #232323
}
.alert-box-container p {
margin: 0 0 10px
}
.alert-box-container form {
margin: 0 0 5px
}
.alert-box-container .form-control {
padding: 12px
}
.alert-box-container .select2-container--default .select2-selection--single {
height: 46px;
font-size: 14px
}
.alert-box-container .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #777;
line-height: 42px
}
.alert-box-container .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 41px
}
.alert-box-container .btn {
padding: 12px 15px
}
.sec-padding {
padding: 90px 0
}
.font-white {
color: #FFF
}
.font-uppercase {
text-transform: uppercase
}
.font-thin-xs {
font-weight: 200
}
.font-bold {
font-weight: 600
}
.font-white {
color: #FFF
}
.text-right {
text-align: right !important;
float: right;
}
.call-action {
position: relative;
width: 100%
}
.call-action i {
float: left;
font-size: 70px;
height: 70px;
margin-top: 25px;
margin-right: 20px;
width: 70px
}
.call-action h4 {
font-size: 30px;
text-transform: capitalize
}
.advertizing-box {
border: 1px solid #ddd;
border-radius: 4px;
display: block;
line-height: 1.42857;
margin-bottom: 20px;
margin-top: -0.5em;
padding: 4px
}
.advertizing-box>img {
display: block;
width: 100%
}
.advertizing {
padding: 45px 0
}
.banner {
display: block;
max-width: 100%;
overflow: hidden
}
.banner {
text-align: center
}
.banner img {
max-width: 100%
}
.advertising {
margin-bottom: 30px
}
.car-detail .advertising {
margin-bottom: 0
}
.car-detail .advertising .banner {
background: none!important;
border: medium none;
padding-bottom: 0
}
.advertising .banner {
border: 2px solid #f1f1f1;
display: table;
height: 100%;
padding: 30px;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
width: 100%;
background: #fff none repeat scroll 0 0
}
.advertising .banner:hover {
border-color: #d9d9d9
}
.advertising .banner .title,
.advertising .banner .submit {
display: table-cell;
vertical-align: middle
}
.advertising .banner .title {
color: #232323;
font-size: 24px;
font-weight: lighter;
width: 70%
}
.advertising .banner .submit {
font-size: 18px;
text-align: right;
width: 30%
}
.advertising .banner .submit i {
color: #073855;
margin-left: 10px
}
.main-search .grid-card {
margin-bottom: 0;
min-height: 487px;
box-shadow: none
}
.grid-card {
background: #fff none repeat scroll 0 0;
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
color: #666;
overflow: hidden;
position: relative;
padding: 15px 15px 0;
width: 100%;
margin-bottom: 30px
}
.why-us.border-box {
border: 1px solid #f2f2f2;
padding: 70px 70px 60px
}
.why-us i {
color: #232323;
display: inline-block;
font-size: 42px;
padding-bottom: 20px
}
.why-us h5 {
color: #232323;
font-size: 20px;
margin-bottom: 15px;
margin-top: 0;
text-transform: capitalize
}
.heading-title h2 {
color: #232323;
font-size: 20px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 20px;
text-transform: capitalize
}
.custom-modal.modal-backdrop.in {
opacity: .8
}
.custom-modal .modal-content {
background-clip: padding-box;
border: 0 none;
border-radius: 0;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4)
}
.custom-modal .modal-body {
font-size: 1.6rem;
line-height: 24px;
padding: 0 30px
}
.custom-modal .modal-header {
border: 0 none;
padding: 30px;
position: relative;
box-shadow: none
}
.custom-modal .modal-header .modal-title {
color: #232323;
margin: 0
}
.custom-modal .modal-header .close {
margin: 0;
outline: 0 none;
position: absolute;
right: 30px;
top: 40px
}
.custom-modal .modal-footer {
border: 0 none;
padding: 10px 30px 30px
}
.accordion {
list-style: outside none none;
margin: 0;
padding: 0
}
.accordion>li {
border-bottom: 1px solid #f3f3f3;
padding: 18px 0
}
.gray .accordion>li {
border-bottom: 1px solid #ddd
}
.accordion>li:first-child {
padding-top: 0
}
.accordion-title {
font-size: 18px;
font-weight: 500;
position: relative
}
.accordion-title a {
display: block;
color: #232323
}
.accordion-title a::before {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/plus.png) no-repeat scroll center center;
content: "";
display: block;
height: 8px;
margin-top: -4px;
position: absolute;
right: 0;
top: 50%;
width: 8px
}
.accordion li.open .accordion-title a::before {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/minus.png) no-repeat scroll center center
}
.accordion-content {
display: none;
padding-top: 10px
}
.accordion-content p {
margin-bottom: 15px
}
.accordion-content p:last-child {
margin-bottom: 0
}
.accordion.first-open li:first-child .accordion-content {
display: block
}
.card .nav-tabs {
border-bottom: 2px solid #DDD
}
.card .nav-tabs>li.active>a,
.card .nav-tabs>li.active>a:focus,
.card .nav-tabs>li.active>a:hover {
border-width: 0
}
.card .nav-tabs>li>a {
border: 0;
color: #666
}
.card .nav-tabs>li.active>a,
.card .nav-tabs>li>a:hover {
border: 0;
background: transparent
}
.card .nav-tabs>li>a::after {
content: "";
height: 2px;
position: absolute;
width: 100%;
left: 0;
bottom: -1px;
-webkit-transition: all 250ms ease 0s;
-moz-transition: all 250ms ease 0s;
-ms-transition: all 250ms ease 0s;
-o-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.card .nav-tabs>li.active>a::after,
.card .nav-tabs>li:hover>a::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.card .tab-nav>li>a::after {
background: #21527d none repeat scroll 0 0;
color: #fff
}
.card .tab-pane {
padding: 15px 0
}
.card .tab-content {
padding: 20px
}
.card {
background: #FFF none repeat scroll 0 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
margin-bottom: 30px
}
.commentForm h2 {
color: #232323;
font-size: 24px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 30px;
text-transform: uppercase
}
.singleContadds {
margin-bottom: 15px;
padding-left: 30px;
position: relative
}
.singleContadds i {
color: #ffa60a;
font-size: 16px;
left: 0;
position: absolute;
top: 6px
}
.template-icons {
border: 1px solid #e5e5e5;
display: block;
float: left;
font-size: 16px;
margin: -1px 0 0 -1px;
padding: 0;
width: 33%;
background-color: #fff
}
.template-icons>.icon-box-icon {
border-right: 1px solid #f1f1f1;
color: #231f20;
display: inline-block;
font-size: 45px;
line-height: 80px;
margin-right: 5px;
min-height: 80px;
min-width: 80px;
padding-left: 0;
text-align: center
}
.icon-box-icon {
float: left;
font-size: 64px;
margin-left: 0;
padding-left: 20px
}
.class-name {
color: #777;
font-size: 18px;
padding: 1.5em
}
.heading-panel .switcher {
margin: 15px 0 0
}
.heading-panel .switcher .btn {
padding: 10px 30px
}
.heading-panel .switcher .btn i {
margin-right: 5px
}
.info-panel {
background: #fff none repeat scroll 0 0
}
.icon-heading {
padding: 5px 0
}
.icon-heading h1,
.icon-heading h2,
.icon-heading h3,
.icon-heading h4 {
padding-left: 50px;
position: relative
}
.custom-links img {
float: left;
padding-right: 35px
}
.custom-links a {
color: #252320;
display: block;
line-height: 14px;
margin-bottom: 20px;
padding-left: 0;
position: relative
}
.bg-img-3 {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/banner-6.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.bg-img {
background: rgba(0, 0, 0, 0.6) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/6.jpg) no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
clear: both
}
.background-1 {
background-image: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/mechanic.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0;
margin-left: -10%;
position: absolute;
top: 0;
width: 50%;
z-index: 1
}
.background-1::before {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.background-2 {
background-image: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/service.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 80%
}
.background-3 {
height: 100%;
left: 0;
top: 0;
position: absolute;
width: 50%
}
.background-3::before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.background-4 {
height: 100%;
right: 0;
top: 0;
position: absolute;
width: 50%
}
.background-4::before {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.form-grid {
padding: 30px;
background-color:#FFF;
box-shadow:1px 0px 20px rgba(0,0,0,0.07);
}
.form-grid .skin-minimal .list li label {
padding-left: 10px
}
.form-grid .skin-minimal .list li label a {
color: #777
}
.form-grid .btn-social {
margin-bottom: 15px
}
.form-grid .social-btns-grid {
position:relative;
}
.form-grid .social-btns-grid a {
display: inline-block;
padding: 10px 15px;
text-transform:capitalize;
text-align:left;
}
.form-grid .social-btns-grid a img {
width:34px;	
}
.form-grid .social-btns-grid a.btn-google {
background-color:#FFF;
color:#242424;
border:none;
box-shadow:1px 0px 20px rgba(0,0,0,0.07);	
}
.form-grid .social-btns-grid a:last-child {
margin-right:0;	
}
.btn-social {
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block
}
.btn-social>*:first-child {
font-size: 1.6em;
padding-right: 8px;
vertical-align: middle;
}
.btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook:focus,
.btn-facebook.focus {
color: #fff;
background-color: #2d4373;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook:hover {
color: #fff;
background-color: #2d4373;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
color: #fff;
background-color: #2d4373;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook:active:hover,
.btn-facebook.active:hover,
.open>.dropdown-toggle.btn-facebook:hover,
.btn-facebook:active:focus,
.btn-facebook.active:focus,
.open>.dropdown-toggle.btn-facebook:focus,
.btn-facebook:active.focus,
.btn-facebook.active.focus,
.open>.dropdown-toggle.btn-facebook.focus {
color: #fff;
background-color: #23345a;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
background-image: none
}
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled.focus,
.btn-facebook[disabled].focus,
fieldset[disabled] .btn-facebook.focus {
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook .badge {
color: #3b5998;
background-color: #fff
}
.btn-google {
color: #fff;
background-color: #dd4b39;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-google:focus,
.btn-google.focus {
color: #fff;
background-color: #c23321;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-google:hover {
color: #fff;
background-color: #c23321;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-google:active,
.btn-google.active,
.open>.dropdown-toggle.btn-google {
color: #fff;
background-color: #c23321;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-google:active:hover,
.btn-google.active:hover,
.open>.dropdown-toggle.btn-google:hover,
.btn-google:active:focus,
.btn-google.active:focus,
.open>.dropdown-toggle.btn-google:focus,
.btn-google:active.focus,
.btn-google.active.focus,
.open>.dropdown-toggle.btn-google.focus {
color: #fff;
background-color: #a32b1c;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-google:active,
.btn-google.active,
.open>.dropdown-toggle.btn-google {
background-image: none
}
.btn-google.disabled:hover,
.btn-google[disabled]:hover,
fieldset[disabled] .btn-google:hover,
.btn-google.disabled:focus,
.btn-google[disabled]:focus,
fieldset[disabled] .btn-google:focus,
.btn-google.disabled.focus,
.btn-google[disabled].focus,
fieldset[disabled] .btn-google.focus {
background-color: #dd4b39;
border-color: rgba(0, 0, 0, 0.2)
}
.btn-google .badge {
color: #dd4b39;
background-color: #fff
}
h2.no-span {
color: #232323;
display: table;
font-size: 16px;
margin: 10px 0;
overflow: hidden;
position: relative;
white-space: nowrap
}
h2.no-span b {
padding: 0 20px
}
h2.no-span:before,
h2.no-span:after {
border-top: 1px solid #ccc;
content: '';
display: table-cell;
position: relative;
top: .8em;
width: 45%
}
.site-map {
margin-bottom: 30px;
overflow: hidden
}
.site-map-list li {
border-bottom: 1px solid #ddd;
font-size: 16px;
padding: 15px 0
}
.site-map-list li:last-child {
border-bottom: medium none
}
.site-map-list li a {
display: inline-block;
vertical-align: top;
color: #232323
}
.site-map-list li a::before {
color: #999;
content: "";
float: left;
font-family: fontawesome;
margin-right: 10px
}
.site-map h3 {
color: #232323;
font-size: 20px;
font-weight: 600;
line-height: 60px;
margin: 0;
text-transform: capitalize
}
.comming-soon-grid {
text-align: center;
background-color: #f6f6f6;
position: relative;
z-index: 1
}
.comming-soon {
position: absolute;
top: 20%;
left: 0;
right: 0
}
.theme-logo {
margin-bottom: 50px
}
.comming-soon-grid .count-down #clock {
font-size: 18px;
color: #2c3e50;
margin-bottom: 50px
}
.comming-soon-grid .count-down #clock>span {
font-size: 50px;
font-weight: 700
}
.subscribe {
margin-bottom: 50px
}
.subscribe>p {
font-size: 18px;
color: #2c3e50;
letter-spacing: 1px;
line-height: 27px;
margin-bottom: 30px
}
.subscribe input,
.subscribe button {
border: 1px solid #ddd;
height: 50px;
width: 30%;
padding: 5px 15px
}
.subscribe button {
width: 15%;
color: #fff;
border: 1px solid transparent;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-ms-transition: 500ms;
-o-transition: 500ms;
-webkit-transition-duration: 500ms;
transition-duration: 500ms
}
.subscribe button>i {
padding-right: 5px
}
.social-area-share>a {
background-color: #2c3e50;
border-radius: 50%;
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
width: 40px
}
.social-area-share>a:hover {
color: #fff
}
.btn-theme.btn-outline {
background: transparent none repeat scroll 0 0;
border-color: #2854a1;
color: #2854a1
}
.error-page .error-container {
font-family: "Poppins",sans-serif;
}
.error-page .error-container {
margin-bottom: 40px
}
.error-page .error-container>.error-text {
color: #232323;
font-size: 270px;
line-height: 1;
text-align: center;
margin-bottom: 30px
}
.error-page .error-container>.error-info {
color: #050709;
font-size: 32px;
text-transform: capitalize;
text-align: center
}
.post-ad-form {
background-color: #fff;
display: block;
padding: 30px;
overflow: hidden;
position: relative
}
.post-ad-form.extra-padding {
padding: 30px 110px
}
.submit-form label {
color: #18293b
}
.submit-form .row {
margin-top: 25px;
margin-bottom: 25px
}
.submit-form .skin-minimal ul.list li {
margin-top: 10px
}
.submit-form label {
display: inline-block;
font-weight: 600;
margin-bottom: 5px;
max-width: 100%;
font-size: 16px
}
.submit-form small {
color: gray;
padding-left: 10px
}
.submit-form .form-control {
background-image: none;
border: 1px solid #eceff2;
border-radius: 4px;
color: #656565;
display: block;
font-size: 14px;
line-height: 1.42857;
width: 100%;
background-color: #f8f8f8
}
.form-control:focus {
border-color: #ccc;
box-shadow: none
}
.main-search .search-section .form-control:focus {
border-color: inherit;
box-shadow: none;
border: 1px solid #ccc
}
.post-ad-form .select2-container--default .select2-selection--single {
background-color: #f8f8f8;
border: 1px solid #eceff2;
border-radius: 0;
height: 46px;
border-radius: 4px;
}
.post-ad-form .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 45px;
}
.post-ad-form  .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 45px;	
}
.btn-blue {
color: #fff;
background-color: #02a8f3;
border-color: #1bb0f4
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
color: #fff;
background-color: #0197da;
border-color: #1bb0f4
}
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
background-image: none
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
background-color: #02a8f3;
border-color: #1bb0f4
}
.btn-blue .badge {
color: #02a8f3;
background-color: #fff
}
.btn-purple {
color: #fff;
background-color: #611bbd;
border-color: #130269
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
color: #fff;
background-color: #49247a;
border-color: #130269
}
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple {
background-image: none
}
.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
background-color: #611bbd;
border-color: #130269
}
.btn-purple .badge {
color: #611bbd;
background-color: #fff
}
.panel.with-nav-tabs .panel-heading {
padding: 5px 5px 0 5px
}
.list-style-1 .panel.with-nav-tabs .panel-heading {
padding: 0;
background-color: transparent;
border-color: inherit;
border: medium none
}
.list-style-1 .panel-default {
border-color: inherit;
border: medium none
}
.list-style-1 .panel {
background-color: transparent;
box-shadow: none;
border: medium none
}
.list-style-1 .nav-tabs>li.active>a,
.list-style-1 .nav-tabs>li.active>a:hover,
.list-style-1 .nav-tabs>li.active>a:focus {
border-color: inherit;
border: medium none
}
.panel.with-nav-tabs .nav-tabs {
border-bottom: 0
}
.list-style-1 .with-nav-tabs.panel-default .nav li a {
padding: 17px 35px;
background-color: #ebebeb;
color: #232323;
font-weight: 600;
border-color: transparent
}
.panel.with-nav-tabs .nav-justified {
margin-bottom: -1px
}
.with-nav-tabs.panel-default .nav-tabs>li>a,
.with-nav-tabs.panel-default .nav-tabs>li>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li>a:focus {
color: #777
}
.with-nav-tabs.panel-default .nav-tabs>.open>a,
.with-nav-tabs.panel-default .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-default .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-default .nav-tabs>li>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li>a:focus {
color: #777;
background-color: #ddd;
border-color: transparent
}
.with-nav-tabs.panel-default .nav-tabs>li.active>a,
.with-nav-tabs.panel-default .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li.active>a:focus {
color: #555;
background-color: #fff;
border-color: #ddd;
border-bottom-color: transparent
}
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu {
background-color: #f5f5f5;
border-color: #ddd
}
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a {
color: #777
}
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
background-color: #ddd
}
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #555
}
.with-nav-tabs.panel-primary .nav-tabs>li>a,
.with-nav-tabs.panel-primary .nav-tabs>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li>a:focus {
color: #fff
}
.with-nav-tabs.panel-primary .nav-tabs>.open>a,
.with-nav-tabs.panel-primary .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-primary .nav-tabs>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li>a:focus {
color: #fff;
background-color: #3071a9;
border-color: transparent
}
.with-nav-tabs.panel-primary .nav-tabs>li.active>a,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:focus {
color: #428bca;
background-color: #fff;
border-color: #428bca;
border-bottom-color: transparent
}
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu {
background-color: #428bca;
border-color: #3071a9
}
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a {
color: #fff
}
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
background-color: #3071a9
}
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
background-color: #4a9fe9
}
.with-nav-tabs.panel-success .nav-tabs>li>a,
.with-nav-tabs.panel-success .nav-tabs>li>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li>a:focus {
color: #3c763d
}
.with-nav-tabs.panel-success .nav-tabs>.open>a,
.with-nav-tabs.panel-success .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-success .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-success .nav-tabs>li>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li>a:focus {
color: #3c763d;
background-color: #d6e9c6;
border-color: transparent
}
.with-nav-tabs.panel-success .nav-tabs>li.active>a,
.with-nav-tabs.panel-success .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li.active>a:focus {
color: #3c763d;
background-color: #fff;
border-color: #d6e9c6;
border-bottom-color: transparent
}
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu {
background-color: #dff0d8;
border-color: #d6e9c6
}
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a {
color: #3c763d
}
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
background-color: #d6e9c6
}
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #3c763d
}
.with-nav-tabs.panel-info .nav-tabs>li>a,
.with-nav-tabs.panel-info .nav-tabs>li>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li>a:focus {
color: #31708f
}
.with-nav-tabs.panel-info .nav-tabs>.open>a,
.with-nav-tabs.panel-info .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-info .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-info .nav-tabs>li>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li>a:focus {
color: #31708f;
background-color: #bce8f1;
border-color: transparent
}
.with-nav-tabs.panel-info .nav-tabs>li.active>a,
.with-nav-tabs.panel-info .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li.active>a:focus {
color: #31708f;
background-color: #fff;
border-color: #bce8f1;
border-bottom-color: transparent
}
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu {
background-color: #d9edf7;
border-color: #bce8f1
}
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a {
color: #31708f
}
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
background-color: #bce8f1
}
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #31708f
}
.with-nav-tabs.panel-warning .nav-tabs>li>a,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
color: #8a6d3b
}
.with-nav-tabs.panel-warning .nav-tabs>.open>a,
.with-nav-tabs.panel-warning .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus {
color: #8a6d3b;
background-color: #faebcc;
border-color: transparent
}
.with-nav-tabs.panel-warning .nav-tabs>li.active>a,
.with-nav-tabs.panel-warning .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.active>a:focus {
color: #8a6d3b;
background-color: #fff;
border-color: #faebcc;
border-bottom-color: transparent
}
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu {
background-color: #fcf8e3;
border-color: #faebcc
}
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a {
color: #8a6d3b
}
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
background-color: #faebcc
}
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #8a6d3b
}
.with-nav-tabs.panel-danger .nav-tabs>li>a,
.with-nav-tabs.panel-danger .nav-tabs>li>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li>a:focus {
color: #a94442
}
.with-nav-tabs.panel-danger .nav-tabs>.open>a,
.with-nav-tabs.panel-danger .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-danger .nav-tabs>li>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li>a:focus {
color: #a94442;
background-color: #ebccd1;
border-color: transparent
}
.with-nav-tabs.panel-danger .nav-tabs>li.active>a,
.with-nav-tabs.panel-danger .nav-tabs>li.active>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li.active>a:focus {
color: #a94442;
background-color: #fff;
border-color: #ebccd1;
border-bottom-color: transparent
}
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu {
background-color: #f2dede;
border-color: #ebccd1
}
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a {
color: #a94442
}
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:focus {
background-color: #ebccd1
}
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #a94442
}
.hr {
border-top: 1px solid #ebebeb;
margin: 30px 0
}
.components .nav>li {
float: left
}
.btn-outline {
background-color: transparent;
color: inherit;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.alert-outline {
background-color: transparent;
color: inherit;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.btn-rounded {
border-radius: 60px
}
.alert {
background-clip: padding-box;
border: 0 none;
border-radius: 0;
color: #fff;
margin-bottom: 10px;
padding: 19px 19px 19px 65px;
position: relative
}
.alert::after {
content: "";
font-family: FontAwesome;
font-size: 1.6rem;
left: 23px;
position: absolute;
top: 17px
}
.alert.alert-success {
background: #8ac249 none repeat scroll 0 0;
border: 1px solid #8ac249
}
.alert.alert-success::after {
content: ""
}
.alert.alert-info {
background: #02a8f3 none repeat scroll 0 0;
border: 1px solid #02a8f3
}
.alert.alert-info::after {
content: "�?�"
}
.alert.alert-warning {
background: #fe9700 none repeat scroll 0 0;
border: 1px solid #fe9700
}
.alert.alert-warning::after {
content: "�?�"
}
.alert.alert-danger {
background: #f34235 none repeat scroll 0 0;
border: 1px solid #f34235
}
.alert.alert-danger::after {
content: "�?�"
}
.alert.alert-success.alert-outline {
background: transparent;
border: 1px solid #8ac249;
color: #232323
}
.alert.alert-success::after {
content: "\f071 "
}
.alert.alert-info.alert-outline {
background: transparent;
border: 1px solid #02a8f3;
color: #232323
}
.alert.alert-info::after {
content: "\f071 "
}
.alert.alert-warning.alert-outline {
background: transparent;
border: 1px solid #fe9700;
color: #232323
}
.alert.alert-warning::after {
content: "\f071 "
}
.alert.alert-danger.alert-outline {
background: transparent;
border: 1px solid #f34235;
color: #232323
}
.alert.alert-danger::after {
content: "�?�"
}
.alert.alert-outline .close {
color: #232323;
opacity: .5;
outline: 0 none;
right: 5px
}
.alert.alert-file-upload {
background: #4bae4f none repeat scroll 0 0;
padding: 19px
}
.alert .close {
color: #fff;
opacity: .5;
outline: 0 none;
right: 5px
}
.alert .close:hover {
opacity: 1
}
.label.label-success {
background: #8ac249 none repeat scroll 0 0
}
.label.label-info {
background: #02a8f3 none repeat scroll 0 0
}
.label.label-warning {
background: #fe9700 none repeat scroll 0 0
}
.label.label-danger {
background: #f34235 none repeat scroll 0 0
}
.popover {
background-clip: padding-box;
border-radius: 5px;
box-shadow: none
}
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s
}
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
z-index: 99
}
.cd-top.cd-fade-out {
opacity: .5
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1
}
.happy-clients-area {
padding: 90px 0 60px
}
.client-brand-list {
margin-left: -30px;
overflow: hidden
}
.sigle-clients-brand {
float: left;
padding-left: 30px;
width: 20%;
margin-bottom: 30px
}
.sigle-clients-brand a {
border: 1px solid #ddd;
display: block;
opacity: .5;
padding: 20px
}
.sigle-clients-brand a:hover {
opacity: 1
}
.sigle-clients-brand a img {
width: 100%;
padding: 0 40px
}
.client-section {
padding: 50px 0
}
.client-section h3 {
color: #323232;
font-size: 18px;
font-style: italic;
margin-bottom: 5px
}
.client-section h2 {
color: #323232;
font-size: 24px;
font-weight: 700;
line-height: 1.4em;
text-transform: uppercase
}
.funfacts {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/banner-6.jpg) no-repeat scroll center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover
}
.funfacts {
height: 100%;
text-align: center
}
.funfacts .number {
color: #fff;
font-size: 48px;
font-weight: 700;
margin-bottom: 20px
}
.funfacts h4 {
color: #fff;
font-weight: normal;
font-size: 24px;
margin-bottom: 30px
}
.funfacts .icons {
position: relative;
width: 100%;
text-align: center;
clear: both;
display: table;
margin-bottom: 25px
}
.funfacts .icons i {
font-size: 60px;
color: #fff
}
.about-stats {
padding-top: 70px;
height: 100%;
text-align: left
}
.about-stats .number {
color: #232323;
font-size: 48px;
font-weight: 700;
margin-bottom: 20px
}
.about-stats h4 {
color: #232323;
font-weight: normal;
font-size: 24px;
margin-bottom: 30px
}
.about-stats .icons {
position: relative;
width: 100%;
text-align: left;
clear: both;
display: table;
margin-bottom: 25px
}
.about-stats .icons i {
font-size: 60px;
color: #232323
}
.mobile-image-content {
margin: -30px auto;
max-width: 420px;
position: relative
}
.mobile-image-content img {
position: absolute;
width: 100%
}
.featured-ads .app-text-section {
padding-top: 90px;
position: relative
}
.featured-ads .pricing-fancy {
margin-bottom: 0;
min-height: 500px;
padding: 100px 32px
}
.featured-ads .app-text-section h3 {
font-weight: 600
}
.featured-ads .app-text-section h5 {
opacity: 1
}
.app-text-section {
padding-bottom: 112px;
padding-top: 50px;
position: relative
}
.app-text-section h5 {
color: #fff;
margin-bottom: 5px;
opacity: .8;
text-transform: uppercase
}
.app-text-section h3 {
color: #fff;
font-size: 30px;
text-transform: uppercase
}
.app-text-section ul {
list-style: outside none none;
margin: 15px 0 30px;
padding: 0
}
.app-text-section ul li::before {
content: "\f0a4";
font-family: "fontawesome";
left: 0;
position: absolute
}
.app-text-section ul li {
color: #fff;
font-size: 14px;
padding: 3px 0 3px 20px
}
.app-text-section .app-download-btn {
position: relative
}
.app-download-button,
.btn.app-download-button {
-moz-user-select: none;
background-color: transparent;
border: 0 none;
border-radius: 0;
color: #fff;
display: block;
font-weight: 400;
overflow: hidden;
padding: 0;
position: relative;
-webkit-transition: all 0s ease-in-out 0s;
-moz-transition: all 0s ease-in-out 0s;
-ms-transition: all 0s ease-in-out 0s;
-o-transition: all 0s ease-in-out 0s;
transition: all 0s ease-in-out 0s;
width: 100%;
z-index: 1
}
.btn.app-download-button i {
display: block;
font-size: 50px;
float: left;
padding: 0 20px 0 0
}
.btn.app-download-button span.app-store-btn span {
display: block;
overflow: hidden;
text-align: left;
vertical-align: bottom;
o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out
}
.btn.app-download-button span.app-store-btn span span {
display: block;
overflow: hidden;
width: 100%
}
.btn.app-download-button span.app-store-btn span span:first-child {
font-size: 14px
}
.btn.app-download-button span.app-store-btn span span:last-child {
font-size: 20px;
font-weight: 600;
font-family: "Poppins",sans-serif;
}
.app-download-section.style-2 .btn.app-download-button span.app-store-btn span span:last-child {
letter-spacing: 0;
font-size: 18px;
font-weight: 600
}
span.app-store-btn {
display: block;
padding: 12px 15px;
position: relative;
border: 1px solid #fff;
o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out
}
.app-download-section {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/app.jpg) no-repeat fixed center center / cover;
overflow: hidden;
padding: 0;
width: 100%
}
.app-download-section.style-2 {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/slider/slider-banner4.jpg) no-repeat fixed center center / cover
}
.parallex .app-download-section-wrapper {
background-color: transparent;
content: "";
height: 100%;
opacity: 1;
position: relative;
width: 100%;
z-index: 3
}
.parallex .app-download-section-container {
padding: 120px 0
}
.app-download-section-wrapper {
background-color: #363c48;
content: "";
height: 100%;
opacity: .8;
position: relative;
width: 100%;
z-index: 3
}
.parallex .section-title {
color: #fff
}
.app-download-section.style-2 .app-download-section-container {
padding: 90px 0 0 0
}
.app-download-section-container {
overflow: hidden;
padding: 180px 0 150px;
position: relative;
width: 100%;
z-index: 4
}
.section-title {
color: #1e1e1e;
font-family: "Poppins",sans-serif;
font-size: 42px;
font-weight: 700;
line-height: 42px;
margin-bottom: 75px;
text-align: center;
text-transform: capitalize;
width: 100%;
word-spacing: 5px
}
.quick-view-modal {
bottom: 0;
display: none;
left: 0;
outline: 0 none;
overflow: hidden;
position: fixed;
right: 0;
top: 0
}
.modalopen {
opacity: 0;
z-index: -1;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.modalopen.in {
opacity: 1;
z-index: 99999
}
.ad-modal {
width: 1090px;
background: #fff
}
.ad-modal .single-product {
padding: 30px 15px
}
.diblock {
display: inline-block;
vertical-align: middle;
width: 100%;
overflow: hidden
}
.ad-modal .single-product .diblock .title h3 {
background-color: #fff;
border-bottom: 0 none;
border-radius: 5px 5px 0 0;
color: #121212;
font-size: 25px;
line-height: 26px;
padding: 18px 0 18px
}
.ad-modal .single-product .diblock .flexslider .slide-main img {
border: medium none;
margin: 0;
max-width: 100%
}
.ad-preview-details {
text-align: left
}
.ad-preview-details h4 {
font-size: 20px;
font-weight: 700;
color: #232323
}
.ad-preview-details h4 a {
color: #232323
}
.ad-preview-details .overview-price {
overflow: hidden;
position: relative;
width: 100%;
float: left
}
.ad-preview-details .overview-price span {
font-size: 26px;
font-weight: 700;
display: block
}
.ad-preview-details p:after {
content: '';
display: block;
clear: both
}
.ad-preview-info {
overflow: hidden
}
.ad-preview-details p {
margin-top: 15px
}
.ad-preview-details ul {
list-style: outside none none;
margin: 0;
padding: 20px 0 30px
}
.ad-preview-details ul li {
border-bottom: 1px solid #eee;
display: inline-block;
padding: 10px 0;
width: 100%
}
.ad-preview-details ul li span {
color: #999;
font-size: 14px;
font-weight: 600;
margin-right: 10px;
text-transform: uppercase
}
.ad-preview-details ul li p {
color: #232323;
display: inline;
font-size: 14px;
font-weight: 700
}
.ad-preview-details ul li:first-child {
border-top: 1px solid #eee
}
.popup-cls:hover {
opacity: .7
}
.popup-cls.close {
color: #fff;
font-size: 18px;
font-weight: normal;
line-height: normal;
opacity: 1;
padding: 7px;
position: relative;
right: 0;
top: 0;
z-index: 5
}
.quick-view-modal .ad-modal .single-product .single-page-slider .flex-direction-nav .flex-prev,
.quick-view-modal .ad-modal .single-product #carousels .flex-direction-nav .flex-prev {
background-image: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/back.png);
height: 32px;
left: 0;
margin-left: 20px;
text-align: right;
width: 32px
}
.quick-view-modal .ad-modal .single-product .single-page-slider .flex-direction-nav .flex-next,
.quick-view-modal .ad-modal .single-product #carousels .flex-direction-nav .flex-next {
background-image: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/next.png);
height: 32px;
margin-right: 20px;
right: 0;
text-align: right;
width: 32px
}
.quick-view-modal .ad-modal .single-product #carousels .flex-direction-nav a {
top: 28%!important
}
.center {
margin-top: 50px
}
.modal-header h3 {
font-weight: 700;
color: #232323;
overflow: hidden;
font-size: 16px
}
.modal-body {
overflow: hidden
}
.modal-header {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #e2e2e2;
border-radius: 4px 4px 0 0;
min-height: 16.43px;
padding: 15px 20px
}
.modal-body .btn {
padding: 10px 20px
}
.modal-footer {
padding: 0
}
.modal-footer .btn-group button {
height: 40px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border: 0;
border-right: 1px solid #ddd
}
.modal-footer .btn-group:last-child>button {
border-right: 0
}
.ad-share .box i {
font-size: 20px;
padding-right: 5px;
vertical-align: middle
}
.ad-share .box {
cursor: pointer
}
.btn-fb,
.btn-gplus,
.btn-twitter {
color: #fff!important
}
.btn-fb {
background: #3b5998 none repeat scroll 0 0
}
.btn-gplus {
background: #d14433 none repeat scroll 0 0
}
.btn-twitter {
background: #00aced none repeat scroll 0 0
}
.how-it-work {
float: left;
padding: 0 15px;
width: 33.2%
}
.how-it-work p {
padding: 0 10px
}
.how-it-work:first-of-type .how-it-work-icon::before {
width: 0
}
.how-it-work:last-of-type .how-it-work-icon::after {
width: 0
}
.how-it-work-icon::after {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/dashed-line.jpg) repeat scroll 0 0;
content: "";
height: 1px;
position: absolute;
right: -125px;
top: 50%;
width: 125px;
z-index: 2
}
.how-it-work-icon::before {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/dashed-line.jpg) repeat scroll 0 0;
content: "";
height: 1px;
left: -125px;
position: absolute;
top: 50%;
width: 125px;
z-index: 2
}
.how-it-work-icon {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/border-dashed.png) no-repeat scroll left top / 100% auto;
display: inline-block;
height: 150px;
padding: 14px;
position: relative;
width: 150px
}
.how-it-work i {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.1);
color: #233141;
font-size: 50px;
height: 120px;
left: 15px;
padding: 45px 0;
position: absolute;
text-align: center;
top: 15px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
width: 120px
}
.how-it-work h4 {
margin: 35px 0 20px;
color: #232323;
font-size: 18px;
font-weight: 600;
text-transform: capitalize
}
.pagination {
border-radius: 0;
margin: 0
}
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-radius: 0
}
.pagination li {
box-shadow: none;
display: inline-block;
margin-right: 10px
}
.pagination li>a {
background-color: #fff;
border-color: #d1d1d1;
color: #777;
font-size: 14px;
font-weight: 400;
padding: 10px 14px
}
.status_active {
background: #4caf50 none repeat scroll 0 0;
color: #fff
}
.status_sold {
background: #3498db none repeat scroll 0 0;
color: #fff
}
.status_expired {
background: #d9534f none repeat scroll 0 0;
color: #fff
}
.ribbon {
padding: 0 12px;
position: absolute;
top: 0;
z-index: 1
}
.btn-file {
position: relative;
overflow: hidden;
padding: 15px 30px!important
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: 0;
background: white;
cursor: inherit;
display: block
}
#img-upload {
width: 75px
}
.item-date {
font-size: 14px;
margin-top: 0;
padding-bottom: 8px
}
.item-date .ad-pub {
display:block;	
}
.item-date .label {
font-family:"Poppins",sans-serif;
font-weight:500;	
}
.profile-edit {
background: #fff none repeat scroll 0 0;
padding: 45px
}
.profile-edit h2 {
font-weight: 400
}
.profile-edit dt {
text-align: inherit
}
.profile-edit dt strong {
color: #232323;
font-weight: 600
}
.profile-edit hr {
margin: 17px 0 15px
}
.tab-content {
padding: 0
}
.profile-edit h2 {
color: #323232;
font-size: 18px;
font-weight: 400;
margin-top: 20px;
text-transform: capitalize
}
.profile-edit .dl-horizontal i {
font-size: 14px
}
@media(max-width:768px) {
.profile-tabs .nav-tabs {
border-bottom: medium none
}
.right-side img {
bottom: inherit;
position: relative;
right: inherit;
}
}
.nav-tabs>li>a,
.nav-pills>li>a,
.nav-tabs.nav-justified>li>a {
border-radius: 0
}
.profile-tabs .nav-tabs {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-image: none;
border-style: none none solid;
border-width: medium medium 2px
}
.profile-tabs .nav-tabs a {
color: #232323;
font-size: 16px;
padding: 16px 15px
}
.profile-tabs .nav-tabs>.active>a,
.profile-tabs .nav-tabs>.active>a:hover,
.profile-tabs .nav-tabs>.active>a:focus {
background: #f1f1f1 none repeat scroll 0 0;
border: medium none;
color: #232323
}
.profile-tabs .nav-tabs>li>a {
border: medium none
}
.profile-tabs .nav-tabs>li>a:hover {
background: #f1f1f1 none repeat scroll 0 0;
color: #232323
}
.profile-tabs .tab-content img {
margin-bottom: 15px
}
.profile-tabs .tab-content img.img-tab-space {
margin-top: 10px
}
.block-content {
float: left;
width: 100%
}
.profile-section .skin-minimal .list li label {
color: #777
}
.profile-section .skin-minimal ul.list li {
margin-bottom: 10px;
padding: 10px 0;
border-bottom: 1px solid #eee
}
.user-profile .btn-group .btn-xs {
font-size: 12px;
line-height: 1.5;
min-width: 46px;
padding: 4px 14px;
border: 1px solid #ddd;
margin-right: 6px;
margin-top: 8px
}
.user-profile .btn-group .tooltip-content span {
color: #fff!important;
font-size: 14px!important
}
.user-profile .btn-group .btn-xs i {
color: #999
}
.user-profile .btn-group span,
.user-profile .btn-group a {
color: #232323
}
.ad-history {
margin: 30px 0 0 0
}
.user-stats {
border-radius: 2px;
padding: 15px
}
.col-md-4:nth-child(1) .user-stats {
background: #34495e
}
.col-md-4:nth-child(2) .user-stats {
background: #3498db
}
.col-md-4:nth-child(3) .user-stats {
background: #1abc9c
}
.user-stats>h2 {
color: #fff;
font-weight: 400;
margin: 0
}
.user-stats>small {
color: rgba(255, 255, 255, 0.7);
display: block;
margin-top: 1px;
text-transform: uppercase
}
.dashboard-menu-container {
background-color: #fff;
border-top: 1px solid #f1f1f1;
overflow: hidden;
position: relative
}
.dashboard-menu-container ul {
margin-bottom: 0
}
.dashboard-menu-container ul li {
border-right: 1px solid #f1f1f1;
display: inline-block;
text-align: center;
width: 14%
}
.dashboard-menu-container ul li .icon i {
color: #ddd;
font-size: 30px;
padding-top: 10px;
text-align: center
}
.dashboard-menu-container ul li:last-child {
border-right: medium none
}
.dashboard-menu-container ul li .menu-name {
color: #555;
font-size: 14px;
font-weight: 600;
padding: 10px 0;
text-transform: uppercase;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.dl-horizontal dd {
border-bottom: 1px solid #f4f4f4;
margin-left: 0;
margin-bottom: 5px;
margin-top: 5px;
padding: 10px 0
}
.profile-edit .dl-horizontal dd:last-child {
border-bottom: medium none
}
.profile-edit dl:last-child {
margin-bottom: 0
}
.dl-horizontal dt {
padding: 10px 0
}
.ad-row {
margin-bottom: 30px
}
.search-result-item {
padding: 20px;
background-color: #fff;
border-radius: 4px
}
.search-result-item:after,
.search-result-item:before {
content: " ";
display: table
}
.search-result-item:after {
clear: both
}
.search-result-item .image-link {
display: block;
overflow: hidden
}
@media(min-width:768px) {
.search-result-item .image-link {
display: inline-block;
margin: -20px 0 -20px -20px;
float: left;
width: 200px
}
}
@media(max-width:767px) {
.search-result-item .image-link {
max-height: 200px;
}
}
.search-result-item .image {
max-width: 100%
}
.search-result-item .info {
margin-top: 2px;
font-size: 14px
}
.search-result-item .info span {
border-right: 1px solid #777;
padding-right: 10px;
padding-left: 10px;
line-height: 2px;
display: inline-block
}
.search-result-item .info span a {
color: inherit
}
.search-result-item .info span i {
padding-right: 5px
}
.search-result-item .info span:first-child {
padding-left: 0
}
.search-result-item .info span:last-child {
border-right: medium none
}
.search-result-item .description {
font-size: 14px
}
.search-result-item+.search-result-item {
margin-top: 20px
}
@media(min-width:768px) {
.search-result-item-body {
margin-left: 200px
}
}
.search-result-item-heading {
color: #323232;
font-size: 22px;
font-weight: 400;
margin-top: 20px;
text-transform: capitalize
}
.search-result-item-heading a {
color: #323232
}
@media(min-width:768px) {
.search-result-item-heading {
margin: 0
}
}
.sold img {
position: absolute;
top: 10px;
left: 0
}
a.delete i {
color: #ed1c24
}
.user-profile ul li.active span {
background-color: #f58936
}
.ad-info-1 ul li i.delete {
color: #ed1c24!important;
font-size: 20px
}
.ad-info-1 ul li i.edit {
color: #999!important;
font-size: 20px
}
.heading .search-widget {
margin-bottom: 0;
margin-top: 17px
}
.heading .panel-title>a {
padding: 30px
}
.notification.msgs {
margin: 0
}
.notification {
position: absolute;
z-index: 9;
bottom: 10px;
left: 15px
}
.round-btn {
color: #fff;
display: inline-block;
height: 40px;
line-height: 38px;
text-align: center;
width: 40px;
background: #232323 none repeat scroll 0 0
}
.notification .round-btn i {
color: #fff
}
.round-btn,
.notification>span {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%
}
.notification>span {
background: #ed1c24 none repeat scroll 0 0;
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 4px 8px;
position: relative;
right: 15px;
text-align: center;
top: -15px;
transform-origin: 50% 50% 0
}
.ads-list-archive .ad-archive-desc .ad-price {
float: right
}
.content-zone .short-description-1 .ad-price {
float: right
}
.notify {
position: absolute;
top: 8px
}
.notify .heartbit {
animation: 1s ease-out 0s normal none infinite running heartbit;
border: 5px solid #fb9678;
border-radius: 70px;
height: 25px;
position: absolute;
left: -16px;
top: -20px;
width: 25px;
z-index: 10
}
.notify .point {
background-color: #fb9678;
border-radius: 30px;
height: 6px;
position: absolute;
left: -6px;
top: -10px;
width: 6px
}
@keyframes heartbit {
0% {
opacity: 0;
transform: scale(0)
}
25% {
opacity: .1;
transform: scale(0.1)
}
50% {
opacity: .3;
transform: scale(0.5)
}
75% {
opacity: .5;
transform: scale(0.8)
}
100% {
opacity: 0;
transform: scale(1)
}
}
@keyframes heartbit {
0% {
opacity: 0;
transform: scale(0)
}
25% {
opacity: .1;
transform: scale(0.1)
}
50% {
opacity: .3;
transform: scale(0.5)
}
75% {
opacity: .5;
transform: scale(0.8)
}
100% {
opacity: 0;
transform: scale(1)
}
}
.mailbox {
overflow: auto;
padding-bottom: 0;
min-width: 320px;
max-width: 320px
}
.drop-title {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: #2b2b2b;
font-size: 15px;
font-weight: 600;
padding: 11px 20px 15px
}
.message-center a {
border-bottom: 1px solid rgba(120, 130, 140, 0.13);
display: block;
padding: 9px 15px
}
.message-center .user-img {
float: left;
margin: 0 10px 15px 0;
position: relative
}
.message-center .user-img img {
width: 50px;
height: 50px
}
.message-center .mail-contnet h5 {
text-transform: capitalize;
color:#242424;
}
.message-center .mail-contnet .mail-desc {
color: #777;
display: block;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: capitalize
}
.message-center .mail-contnet .time {
color: #2b2b2b;
display: block;
font-size: 10px
}
.message-body {
background-color: #fff;
overflow: hidden
}
.message-inbox {
border-right: 4px solid #eee
}
.message-inbox .message-header span {
float: right
}
.message-inbox .message-header span+span {
margin-right: 10px
}
.message-inbox .message-header span a {
color: #232323
}
.message-inbox .list-wrap {
position: relative;
height: 590px;
overflow: hidden
}
.message-details .list-wraps {
position: relative;
height: 460px;
overflow: hidden
}
.message-header {
padding: 15px 20px
}
.message-header h4 {
display: inline-block;
font-size: 18px;
color: #232323;
margin: 0
}
.message-header .new-message {
float: right;
font-size: 14px;
color: #666;
margin-top: 3px;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.message-header .new-message .icon,
.message-header .new-message .fa {
color: #f58936;
margin-right: 10px
}
.message-header .new-message:hover {
color: #f58936
}
.message-history {
border-top: 1px solid #d4d4d4;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden
}
.message-history li {
border-bottom: 1px solid #eee;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.message-history li a {
display: block;
overflow: hidden;
padding: 25px 20px
}
.message-history li .image {
width: 50px;
height: 50px;
overflow: hidden;
float: left
}
.message-history li .image img {
width: 100%
}
.message-history li .user-name {
position: relative;
margin-left: 70px
}
.message-history li .user-name .author {
margin-top: 5px
}
.message-history li .user-name .author span {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #666
}
.message-history li .user-name .author .user-status {
display: none
}
.message-history li .user-name p {
font-size: 13px;
color: #666;
line-height: 1.5em;
margin-top: 5px
}
.message-history li .user-name .time {
position: absolute;
top: 2px;
right: 0
}
.message-history li .user-name .time span {
font-size: 16px;
color: #777
}
.message-history li:hover {
background-color: #f8f8f8
}
.message-history .message-grid .user-name .author span {
color: #232323
}
.message-history .message-grid .user-name .author .user-status {
display: inline-block;
width: 8px;
height: 8px;
background-color: #2db82d;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-left: 5px
}
.message-history .active {
background-color: #f8f8f8
}
.message-details {
position: relative;
padding: 30px 44px 30px 14px;
overflow: hidden
}
.message-details .author {
overflow: hidden
}
.message-details .author .image {
width: 50px;
height: 50px;
overflow: hidden;
float: left;
margin-right: 18px
}
.message-details .author .author-name {
display: block;
font-size: 16px;
color: #232323;
line-height: 1.5em;
font-weight: 600
}
.message-details .author em {
font-size: 14px;
font-style: italic;
color: #666
}
.message-details p {
margin-top: 20px
}
.ps-scrollbar-x-rail {
display: none
}
.ps-container>.ps-scrollbar-y-rail {
position: absolute;
right: 0;
width: 5px;
height: 100%
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
position: absolute;
right: 0;
width: 3px;
opacity: 0;
-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
-ms-transition: -ms-transform .3s ease;
-o-transition: -o-transform .3s ease;
transition: transform .3s ease
}
.ps-container:hover>.ps-scrollbar-y-rail>.ps-scrollbar-y,
.ps-container:active>.ps-scrollbar-y-rail>.ps-scrollbar-y {
opacity: 1
}
.messages {
list-style: outside none none;
margin: 0;
padding: 10px
}
.messages>li {
margin-bottom: 10px
}
.messages>li:last-child {
margin-bottom: 0
}
.messages .profile-picture {
height: 40px;
margin: 0;
width: 40px
}
.messages .profile-picture img {
border: medium none
}
.friend-message .profile-picture {
float: left
}
.my-message .profile-picture {
float: right
}
.friend-message .message {
margin-left: 50px
}
.my-message .message {
margin-right: 50px
}
.messages .message {
border-radius: 5px;
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
min-height: 40px;
padding: 15px 20px;
position: relative
}
.messages .message .time {
font-size: 14px;
line-height: 10px;
margin-top: 0;
text-align: right
}
.friend-message .message::before {
border-bottom: 10px solid transparent;
border-right: 10px solid;
border-top: 0 solid transparent;
content: "";
height: 0;
left: -10px;
position: absolute;
top: 10px;
width: 0
}
.my-message .message::before {
border-bottom: 10px solid transparent;
border-left: 10px solid;
border-top: 0 solid transparent;
content: "";
height: 0;
position: absolute;
right: -10px;
top: 10px;
width: 0
}
.messenger-footer .form-control {
height: 54px;
overflow: hidden;
padding: 5px;
resize: none
}
.friend-message .message::before {
border-right-color: #e9e9e9
}
.my-message .message::before {
border-left-color: #f6f6f6
}
.friend-message .message {
background-color: #e9e9e9
}
.my-message .message {
background-color: #1f364f;
color: #fff
}
.message-details h2 {
color: #232323;
font-size: 18px;
font-weight: 600;
line-height: 60px;
margin: 0;
text-transform: capitalize
}
.message-details h2 a {
color: #232323
}
.chat-form {
background-color: #eff0f4;
clear: both;
padding: 20px;
position:relative;
overflow:hidden;
}
.chat-form .form-group {
float: left;
margin-right: 2%;
width: 80%
}
.chat-form .btn {
padding: 12px 25px;
height:50px;
}
.pricing-fancy {
padding: 60px 32px;
background: #fff none repeat scroll 0 0;
position: relative;
overflow: hidden;
text-align: center;
margin-bottom: 30px;
border: 1px solid #ddd
}
.gray .pricing-fancy {
border: medium none
}
.pricing-fancy h3 {
color: #232323;
font-size: 30px;
text-transform: uppercase
}
.pricing-fancy h3 span {
font-weight: 300
}
.pricing-fancy .icon-bg {
bottom: 0;
position: absolute;
right: -30px;
z-index: 1
}
.pricing-fancy .icon-bg i {
color: #f1f1f1;
font-size: 170px
}
.pricing-fancy .price-box {
position: relative;
z-index: 10
}
.pricing-fancy .price-large {
font-family: "Poppins",sans-serif;
font-size: 72px;
font-weight: 500;
line-height: 82px;
color: #232323;
margin-bottom: 15px
}
.pricing-fancy .dollartext,
.monthtext {
font-size: 24px;
font-weight: 300;
line-height: 24px
}
.pricing-fancy .price-box p {
color: #d2d2d2;
text-transform: uppercase;
margin-bottom: 35px
}
.pricing {
text-align: center
}
.pricing h2 {
color: #294661
}
.pricing p {
margin-bottom: 100px
}
.pricing .block {
border: 1px solid #d4dadf;
padding: 60px 10px;
margin-bottom: 30px;
background-color: #fff
}
.pricing.style-3 .selection {
overflow: hidden;
margin-bottom: 30px
}
.pricing.style-3 .block {
margin-bottom: 0
}
.pricing .block.featured {
background: #363c48 none repeat scroll 0 0;
border: 1px solid #363c48;
color: #fff
}
.pricing span {
display: block
}
.pricing h3 {
color: #294661;
font-size: 30px;
font-weight: 600
}
.pricing .featured .name {
color: #fff
}
.pricing .type {
font-size: 16px
}
.pricing .price {
color: #294661;
font-size: 54px;
margin-bottom: 15px;
margin-top: 40px
}
.pricing .featured .price {
color: #fff
}
.pricing .featured h3 {
color: #fff
}
.pricing .time {
font-size: 14px
}
.pricing ul {
font-size: 14px;
font-weight: 400;
list-style-type: none;
margin: 50px 0 30px;
padding: 0
}
.pricing li {
line-height: 2.2em
}
.pricing a.btn {
padding: 15px 35px
}
.pricing a.btn i {
margin-left: 10px
}
.pricing .featured a.btn-theme {
background-color: transparent;
border-color: #fff
}
.pricing .featured a.button>i {
color: #fff
}
.pricing a.button:hover>i {
margin-left: 10px;
opacity: 1
}
.pricing a.solid {
background: #d4dadf none repeat scroll 0 0;
border: 1px solid #d4dadf
}
.pricing .featured a.solid {
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
border: 1px solid #fff
}
.pricing a.solid:hover {
background: #f2f4f6 none repeat scroll 0 0;
border: 1px solid #f2f4f6
}
.pricing .featured a.solid:hover {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
border: 1px solid #fff;
color: #fff
}
.pricing-item {
border: 7px solid #f1f1f1;
color: #232323;
padding: 15px 30px;
margin-bottom: 30px;
overflow: hidden
}
.pricing-item .price {
font-size: 4.3em;
font-weight: 900;
letter-spacing: 3px;
position: relative;
float: left;
width: 100%;
margin-top: 35px;
margin-bottom: 10px
}
.pricing-item .price small {
font-size: .6em;
position: relative;
top: -25px
}
.pricing-item strong {
display: block;
font-size: 1.2em;
margin: 10px 0
}
.pricing-item p {
color: #999
}
.pricing-item .btn {
margin: 15px 0
}
.listingTopFilterBar {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 3px rgba(206, 206, 206, 0.36);
min-height: 60px;
border-color: #eee;
border-radius: 0;
margin-bottom: 30px
}
ul.filterAdType {
padding: 0
}
ul.filterAdType li {
display: inline-block;
list-style: outside none none;
font-size:14px;
}
ul.filterAdType li:last-child {
margin-left:-4px;	
}
ul.filterAdType li a {
color: #777;
display: block;
padding: 16px 20px;
font-family: "Poppins",sans-serif;
}
ul.filterAdType li.active a,
ul.filterAdType li a:hover {
color: #fff
}
ul.listingViewIcon li {
display: inline-block;
list-style: outside none none
}
ul.listingViewIcon li a {
color: #232323;
line-height: 60px;
padding: 0 10px;
font-family: "Poppins",sans-serif;
}
ul.listingViewIcon li a:hover {
color: #000
}
ul.listingViewIcon li.shortByListingLi ul li {
display: block
}
ul.listingViewIcon li.shortByListingLi ul li a {
line-height: 30px
}
.header-listing h6 {
display: inline-block;
font-size: 14px;
margin: 18px 10px 5px 0;
text-transform: capitalize;
vertical-align: top;
color: #777;
font-family: "Poppins",sans-serif;
}
.header-listing .custom-select-box {
display: inline-block;
width: 231px
}
.header-listing .custom-select-box .select2-selection--single {
height: auto;
border: medium none;
background-color: transparent
}
.header-listing .custom-select-box .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #242424;
line-height: 61px;
font-family:"Poppins",sans-serif;
font-size:14px;
}
.page-template-page-search .select2-results__option {
font-family:"Poppins",sans-serif;
font-size:14px;
}
.page-template-page-search .select2-container--default .select2-search--dropdown .select2-search__field, .page-template-page-search .select2-dropdown {
border-color:#e1e1e1	
}
.header-listing .custom-select-box .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 57px;
}
.header-listing {
display: inline-block;
width: 100%
}
.ad-listing .content-area .ad-price-simple span{
color:#232323;
margin-left:5px;
font-size:20px;
}
.featured-ribbon {
height: 75px;
overflow: hidden;
position: absolute;
right: 0;
text-align: right;
top: 0;
width: 75px;
z-index: 1
}
.featured-ribbon span::before {
border-color: #5a3331 transparent transparent #5a3331;
border-style: solid;
border-width: 3px;
content: "";
left: 0;
position: absolute;
top: 100%;
z-index: -1
}
.featured-ribbon span::after {
border-color: #5a3331 #5a3331 transparent transparent;
border-style: solid;
border-width: 3px;
content: "";
position: absolute;
right: 0;
top: 100%;
z-index: -1
}
.featured-ribbon span {
box-shadow: 0 3px 12px -7px rgba(0, 0, 0, 1);
color: #fff;
display: block;
font: 600 10px/30px "Source Sans Pro", sans-serif;
position: absolute;
right: -35px;
text-align: center;
text-transform: uppercase;
top: 13px;
transform: rotate(45deg);
width: 125px
}
.main-search .grid-card {
margin-bottom: 0;
min-height: 487px;
background: transparent
}
.main-search .body-type .grid-card {
padding: 15px 20px 0
}
.overlay {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/overlaybg.png) repeat-x scroll left bottom;
border-radius: 0 0 4px 4px;
bottom: 0;
color: #fff;
font-size: 22px;
left: 0;
line-height: 30px;
min-height: 40px;
padding: 78px 23px 10px 13px;
position: absolute;
width: 100%
}
.overlay h2 {
font-size: 21px
}
.overlay.small-font h2 {
font-size: 18px
}
.blog-sidebar .widget .table>tbody>tr:first-child>td {
border: medium none
}
.blog-sidebar .widget .table>tbody>tr>td a {
color: #232323
}
.news .client-section {
padding: 20px 0 0
}
.news .mainimage {
width: 100%;
position: relative;
overflow: hidden
}
.reviews .news .mainimage {
margin-bottom: 30px
}
.reviews .news .newslist li {
float: left;
width: 50%
}
.reviews .news .newslist .imghold {
width: auto;
margin-right: 15px
}
.news .mainimage img {
border-radius: 2px;
display: block;
width: 100%;
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
.news .mainimage:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.news .mainimage:hover a .overlay {
text-decoration: none
}
.news .newslist {
overflow: hidden
}
.news .newslist li {
margin-bottom: 19px;
overflow: hidden
}
.news .newslist .imghold {
float: left;
margin-right: 22px;
width: 133px
}
.news .newslist .texthold h4 {
font-weight: normal;
line-height: 22px
}
.news .newslist .texthold h4 a {
color: rgba(0, 0, 0, 0.87);
font-size: 16px;
margin: 0;
font-weight:500;
}
.news .newslist .texthold h4 a:hover {
color: #ef5a28
}
.news .newslist .texthold p {
color: rgba(0, 0, 0, 0.54);
font-size: 14px;
line-height: 20px;
margin: 4px 0 0
}
.news .newslist h2 {
margin-bottom: 19px
}
.reviews .news .newslist .texthold p {
padding-right: 20px
}
.post-review h3 {
color: #232323;
font-size: 22px;
margin-bottom: 26px;
text-transform: capitalize
}
.post-review .progress-bar-review {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: currentcolor #f1f1f1 #f1f1f1;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
color: #232323;
font-size: 16px;
line-height: 45px;
font-weight: 600;
padding: 0 30px
}
.post-review .progress-bar-review:first-of-type {
border: 1px solid #f1f1f1
}
.post-review .progress-bar-review:last-of-type {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: currentcolor #f1f1f1 #f1f1f1;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px
}
.post-review .progress-bar-review .progress-title {
display: table-cell
}
.post-review .progress {
border-radius: 4px;
box-shadow: none;
height: 8px;
margin: 20px 0 0
}
@media(max-width:992px) {
.post-review .progress {
margin: 0
}
}
.post-review .progress .progress-bar {
border-radius: 4px;
box-shadow: none
}
.post-review .summary-review {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #fafafa none repeat scroll 0 0;
border-color: currentcolor #f1f1f1 #f1f1f1;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
padding: 30px
}
.post-review .summary-review h5,
.post-review .summary-review p,
.post-review .summary-review h6 {
color: #212121;
margin: 0
}
.post-review .summary-review .text-summary {
display: table-cell;
padding-right: 20px
}
.post-review .summary-review .text-summary h5 {
font-size: 16px;
margin-bottom: 7px;
text-transform: uppercase
}
.post-review .summary-review .final-rate {
background: #f1f1f1 none repeat scroll 0 0;
display: table-cell;
height: 100px;
text-align: center;
vertical-align: middle;
width: 100px
}
.post-review .summary-review .final-rate h5 {
color: #232323;
font-size: 18px;
font-weight: 600;
margin-bottom: 4px
}
.post-review .summary-review .final-rate h6 {
text-transform: uppercase
}
.progress-bar {
position: relative;
width: 100%;
background-color: transparent
}
.progress-bar>span {
display: block;
height: 100%;
width: 0
}
.blog-post .post-excerpt iframe {
margin-bottom: 30px;
width: 100%
}
.pro-rating a {
font-size: 18px
}
.by-body-type {
display: inline;
float: left;
list-style: outside none none;
margin-bottom: 0;
position: relative;
width: 111px
}
.by-body-type a {
display: block;
margin: 0 auto;
padding: 10px 0 8px;
width: 100%;
font-weight: 600;
color: #232323
}
.by-body-type .icon-vehicle.sedan {
background-position: 0 0
}
.by-body-type .icon-vehicle.suv {
background-position: 0 -35px
}
.by-body-type .icon-vehicle.crossover {
background-position: -155px 0
}
.by-body-type .icon-vehicle.luxury {
background-position: -231px 0
}
.by-body-type .icon-vehicle.pickup {
background-position: -231px -35px
}
.by-body-type .icon-vehicle.van-minivan {
background-position: -309px -35px
}
.by-body-type .icon-vehicle.hybrid {
background-position: -78px -35px
}
.by-body-type .icon-vehicle.electric {
background-position: -386px -35px
}
.by-body-type .icon-vehicle.coupe {
background-position: -309px 0
}
.by-body-type .icon-vehicle.hatchback {
background-position: -386px 0
}
.by-body-type .icon-vehicle.wagon {
background-position: -78px 0
}
.by-body-type .icon-vehicle.convertible {
background-position: -155px -35px
}
.align-center,
.by-body-type,
.by-body-type .icon-vehicle,
.by-body-type a,
.text-center {
text-align: center !important;
}
.by-body-type .icon-vehicle {
background: transparent url(//grupocomersa.com.mx/wp-content/themes/carspot/images/bodytype-sprite.png) no-repeat scroll 0 0;
height: 32px;
width: 75px
}
.by-body-type span {
display: block;
float: none;
margin: 0 auto 10px;
padding: 0
}
.car-inspection h3 {
color: #323232;
font-size: 18px;
font-style: italic;
margin-bottom: 5px
}
.car-inspection h2 {
color: #323232;
font-size: 24px;
font-weight: 700;
line-height: 1.4em;
text-transform: uppercase
}
.car-inspection p {
margin-top: 20px
}
.car-inspection ul {
margin-bottom: 30px;
overflow: hidden;
position: relative
}
.car-inspection ul li i {
color: #0ebf00;
margin-right: 5px
}
.advance-search {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.07);
margin-top: -41px;
position: relative;
z-index: 99
}
.section-search .nav-tabs {
border-bottom: 0 none
}
.section-search .nav-tabs .nav-item {
margin-bottom: 0;
margin-right: 7px
}
.section-search .nav-tabs .nav-link.activelink {
padding: 10px 14px;
width: auto
}
.search-style-2 .search-form {
padding: 33px 0 23px;
width: 100%
}
.hero .search-style-2 .search-form,
.hero .section-search .nav-tabs .nav-item.active a {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
color: #232323
}
.hero .search-style-2 .tab-content .search-form .by-body-type {
width: 104px
}
.hero .section-search .nav-tabs .nav-item.active a {
border-top: 3px solid #d91a29
}
.hero .search-style-2 .search-form {
padding: 20px 15px
}
.search-style-2 .search-form-inner {
margin-left: -3px;
margin-right: -3px;
width: calc(100% - 170px)
}
.search-style-2 .search-form-inner .form-group {
padding-left: 5px;
padding-right: 5px
}
.search-style-2 label {
color: #232323
}
.nav-tabs .nav-item+.nav-item {
margin-left: 0
}
.section-search .nav-tabs .nav-item {
margin-bottom: 0;
margin-right: 7px
}
.section-search .nav-tabs .nav-item.active a {
background-color: #fff
}
.section-search .nav-tabs .nav-link {
border: 0 none;
border-radius: 0;
font-size: 14px;
font-weight: 600;
padding: 11px 48px;
text-align: center;
text-transform: uppercase;
color: #232323
}
.search-style-2.section-search .nav-tabs .nav-link {
background-color: rgba(255, 255, 255, 0.8);
color: #232323;
border-width: 0
}
.hero .search-style-2.section-search .nav-tabs .nav-link {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
color: #fff
}
.search-style-2 .tab-content .search-form .btn {
margin-top: 32px
}
.search-style-2 .tab-content .search-form .btn.extra-top {
margin-top: 55px
}
.search-style-2 .tab-content .search-form .btn-lg {
letter-spacing: 1.3px;
padding: 17px 30px
}
.search-style-2 .tab-content .search-form .by-body-type {
width: 160px
}
.search-style-2 .tab-content .search-form .select2-container--default .select2-selection--single {
height: 52px
}
.recent-tab {
margin: 0 auto 40px;
text-align: center
}
.recent-tab ul.nav-tabs {
background: #fff none repeat scroll 0 0;
border-radius: 30px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
display: inline-block;
margin: 0 auto
}
.recent-tab .nav.nav-tabs a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 30px;
color: #222;
font-size: 16px;
font-weight:600;
line-height: 26px;
margin: 0 auto;
padding: 14px 32px;
position: relative
}
.recent-tab .nav.nav-tabs li.active a {
border: medium none;
color: #fff
}
.featured-slider.container .owl-stage-outer  , .featured-slider-shop.container .owl-stage-outer{
overflow: visible
}
.featured-slider .owl-item , .featured-slider-shop .owl-item {
opacity: .3;
position: relative
}
.featured-slider .owl-item.active , .featured-slider-shop .owl-item.active {
opacity: 1;
position: relative
}
.featured-slider.container.owl-carousel .owl-nav button i {
background-color:#e1e1e1;
color:#242424;
padding:15px;
border-radius:3px;
border-color:#e1e1e1;
}
.featured-slider.container.owl-carousel .owl-nav button i:hover {
background-color:#242424;
border-color:#242424;
color:#FFF;
}
body .over-hidden {
overflow: hidden
}
.feature-section-5 {
position: relative
}
.sell-box-grid {
position: relative
}
.sell-box-grid a.headings {
color: #323232;
display: block;
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase
}
.sell-box-grid .short-info {
padding-bottom: 30px;
padding-left: 80px
}
.sell-box-grid .short-info h3 {
color: #323232;
font-size: 18px;
font-style: italic;
margin-bottom: 5px
}
.sell-box-grid p {
padding-right: 150px
}
.sell-box-grid img {
margin-bottom: -50px;
padding: 0 40px;
position: relative;
z-index: 77
}
.sell-box {
background: -moz-linear-gradient(to right, #f6f6f6 0, #f6f6f6 50%, #f0f2f5 50%, #f0f2f5 100%);
background: -webkit-linear-gradient(to right, #f6f6f6 0, #f6f6f6 50%, #f0f2f5 50%, #f0f2f5 100%);
background: -webkit-gradient(linear, 100% 0, 0 0, from(#f6f6f6), color-stop(0.5, #f6f6f6), color-stop(0.5, #f0f2f5), to(#f0f2f5));
background: -o-linear-gradient(to right, #f6f6f6 0, #f6f6f6 50%, #f0f2f5 50%, #f0f2f5 100%);
background: linear-gradient(to right, #f6f6f6 0, #f6f6f6 50%, #f0f2f5 50%, #f0f2f5 100%)
}
.sell-points ul {
margin-top: 15px
}
.sell-points ul li {
font-size: 18px;
margin: 0;
padding: 0 0 10px;
color: #666;
text-transform: capitalize
}
.sell-points ul li i {
color: #232323;
margin-right: 5px
}
.sell-points ul li span {
font-weight: 600
}
.section-container-left {
position: relative;
padding: 140px 0
}
.section-container-right {
position: relative;
padding: 140px 0 0 70px
}
.section-container-left h1,
.section-container-right h1 {
color: #fff;
font-size: 36px;
position: relative
}
.section-container-left p,
.section-container-right p {
margin-top: 20px;
margin-bottom: 35px;
padding: 0 70px 0 0;
color: #fff
}
.buysell-section {
position: relative;
clear: both;
overflow: hidden
}
.buysell-section .stats p {
font-size: 20px;
margin-top: 0
}
.buysell-section .stats p strong {
color: #fff
}
.absolute-img1 {
position: relative
}
.absolute-img1 img {
position: absolute;
bottom: 0;
right: 0
}
.vsbox {
background: #919191 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
height: 35px;
left: 0;
line-height: 35px;
margin: 0 auto;
position: absolute;
right: 0;
top: 36%;
width: 35px;
z-index: 5
}
.comparison-box strong a {
color: #232323;
font-size: 18px
}
.comparison-box h2,
.comparison-box h2 a {
color: #232323;
font-size: 16px;
font-weight: 500;
}
.comparison-box span {
color: #232323;
font-size: 18px;
font-weight: 600
}
.comparison-box {
margin-bottom: 30px;
padding: 25px 20px;
position: relative;
transition: all .3s ease-in-out 0s;
overflow: hidden;
box-shadow: 0 2px 4px rgba(221, 221, 221, 0.75);
background-color: #fff
}
.comparison-box .rating {
font-size: 16px
}
.comparison-box .rating i {
color: #ffc513
}
.comparison-box:hover {
box-shadow: 0 2px 4px rgba(221, 221, 221, 0.75)
}
.socail-icons ul li {
display: inline-block;
margin-bottom: 10px;
margin-right: 3px
}
.socail-icons li span:hover {
cursor: pointer
}
.socail-icons ul li a {
background-color: #000;
border-radius: 100%;
display: inline-block;
height: 28px;
margin-right: 8px;
padding: 0;
text-align: center;
width: 28px
}
.socail-icons li a i {
font-size: 12px;
color: #fff
}
.socail-icons li a.Facebook {
background-color: #2b4a8b
}
.socail-icons li a.Twitter {
background-color: #1f94d9
}
.socail-icons li a.Linkedin {
background-color: #10598c
}
.socail-icons li a.Google {
background-color: #d83936
}
.socail-icons li a.Vimeo {
background-color: #1ab7ea
}
.socail-icons li a.Pinterest {
background-color: #cd201f
}
.socail-icons li a.Tumblr {
background-color: #2c4762
}
.socail-icons li a.Instagram {
background-color: #3f729b
}
.socail-icons li a.Reddit {
background-color: #eff7ff
}
.socail-icons li a.Flickr {
background-color: #ff0084
}
.socail-icons li a.StumbleUpon {
background-color: #ff7257
}
.socail-icons li a.behance {
background-color: #1e6fed
}
.socail-icons li a.DeviantART {
background-color: #05cc47
}
.compare-detial .accordion {
margin-top: 20px
}
.compare-detial table {
background-color: #fff
}
.compare-detial .accordion li .accordion-content table {
margin-top: 10px
}
.compare-detial .accordion li .accordion-content table tr td .fa-times {
color: red
}
.compare-detial .accordion li .accordion-content table tr td .fa-check {
color: green
}
.compare-detial table tr td h4 {
font-size: 18px;
font-weight: 500
}
.compare-detial table tr td ul li {
padding: 0
}
.compare-detial table tr td ul li a {
display: inline-block;
height: 20px;
margin-right: 10px;
width: 20px
}
.light-blue {
background: #2196f3 none repeat scroll 0 0;
color: #2196f3
}
.orange {
background: #ff9800 none repeat scroll 0 0;
color: #ff9800
}
.blueviolet {
background: #673ab7 none repeat scroll 0 0;
color: #673ab7
}
.orange-dark {
background: #ff5722 none repeat scroll 0 0;
color: #ff5722
}
.steelblue {
background: #607d8b none repeat scroll 0 0;
color: #607d8b
}
.red-light {
background: #fd4339 none repeat scroll 0 0
}
.cyan-dark {
background: #00bcd4 none repeat scroll 0 0
}
.compare-detial tr td:first-child {
width: 350px;
background: #f2f2f2 none repeat scroll 0 0;
text-align: center;
font-weight: 600
}
.compare-detial table.selection-list tr td .btn {
margin-top: -20px
}
.compare-detial table.selection-list tr td .form-group {
margin-bottom: 0
}
.compare-detial table.selection-list tr {
border: medium none
}
.compare-detial tr td {
box-sizing: border-box;
color: rgba(0, 0, 0, 0.8);
font-size: 18px;
padding: 19px 15px;
text-align: center;
width: 395px
}
.compare-detial tr {
border: 1px solid #ddd
}
.owl-testimonial-2 .single_testimonial {
background-color: #fff;
box-shadow: 0 0 6px -3px rgba(0, 0, 0, 0.9);
margin-left: 15px;
margin-right: 15px;
padding: 20px
}
.owl-testimonial-1 .single_testimonial {
background-color: #fff;
margin-left: 15px;
margin-right: 15px;
padding: 20px;
border: 1px solid #f1f1f1
}
.parallex .owl-testimonial-2 .single_testimonial h4,
.owl-testimonial-1 .single_testimonial h4 {
color: #232323;
margin-bottom: 10px
}
.parallex .owl-testimonial-2 .single_testimonial h3,
.owl-testimonial-1 .single_testimonial h3 {
color: #232323
}
.parallex .owl-testimonial-2 .single_testimonial p,
.owl-testimonial-1 .single_testimonial p {
color: #777
}
.owl-testimonial-2 .single_testimonial h4,
.owl-testimonial-1 .single_testimonial h4 {
font-size: 18px;
font-weight: 500;
margin-top: 0;
text-transform: uppercase
}
.owl-testimonial-2 .single_testimonial i,
.owl-testimonial-1 .single_testimonial i {
color: #ffc207;
margin-bottom: 20px;
margin-top: 5px
}
.owl-testimonial-2 .owl-item .single_testimonial img,
.owl-testimonial-1 .owl-item .single_testimonial img {
border-radius: 50px;
float: left;
height: 90px;
margin: auto 15px auto auto;
width: 90px
}
.owl-testimonial-2 .single_testimonial h3,
.owl-testimonial-1 .single_testimonial h3 {
font-size: 16px;
margin: 0;
text-transform: capitalize;
font-weight: 500;
}
.owl-testimonial-2 .single_testimonial .testimonial-meta-box .testimonial-meta p,
.owl-testimonial-1 .single_testimonial .testimonial-meta-box .testimonial-meta p {
line-height: 24px;
margin-bottom: 0
}
.owl-testimonial-2 .single_testimonial .textimonial-content,
.owl-testimonial-1 .single_testimonial .textimonial-content {
margin-bottom: 10px;
overflow: hidden;
position: relative
}
.owl-testimonial-2 .single_testimonial .testimonial-meta-box {
overflow: hidden;
position: relative
}
.owl-testimonial-2 .single_testimonial .testimonial-meta-box::after {
color: #202c45;
content: "";
font-family: fontawesome;
font-size: 32px;
opacity: .2;
position: absolute;
right: 5px;
top: 5px
}
.gray .owl-testimonial-1 .single_testimonial::after {
border-bottom: 50px solid #eee;
border-right: 50px solid #f6f6f6
}
.owl-testimonial-1 .single_testimonial::after {
border-bottom: 50px solid #eee;
border-right: 50px solid #fff;
box-shadow: -8px 3px 9px -2px rgba(0, 0, 0, 0.1);
content: "";
height: 0;
left: auto;
opacity: 1;
position: absolute;
right: 15px;
top: 0;
width: 0;
z-index: 9
}
.icon-search {
position: absolute;
top: 10px;
left: 14px;
font-size: 34px;
color: #ccc
}
.search-modal .modal-body {
position: relative;
padding-top: 0
}
.search-modal .modal-header {
background: #202020 none repeat scroll 0 0
}
.search-modal .modal-header h3 {
color: #fff
}
.search-modal .form-control {
background-color: transparent;
border: 0;
padding-left: 40px
}
.search-modal .search-block .popular-search {
padding-top: 15px
}
.search-modal .search-block .popular-search label {
font-size: 16px
}
.search-modal .search-block .popular-search ul li a {
color: #232323
}
.search-modal .form-control:focus {
box-shadow: none
}
.search-modal .close {
color: #fff
}
.search-modal .close:hover,
.search-modal .close:focus {
color: #fff
}
.absolute-img {
bottom: 0;
position: absolute;
top: 220px
}
.choose-title p {
margin-bottom: 30px
}
.choose-title h3 {
color: #323232;
font-size: 18px;
font-style: italic;
margin-bottom: 5px
}
.choose-title h2 {
color: #323232;
font-size: 24px;
font-weight: 700;
line-height: 1.4em;
text-transform: uppercase;
margin-bottom: 15px
}
.choose-box:hover .iconbox i,
.choose-box:hover h4 {
color: #016db6;
cursor: pointer
}
.choose-box-content h4 {
color: #323232;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
margin-top: 0;
text-transform: capitalize
}
.choose-list li {
margin-bottom: 30px
}
.our-services .left-column {
color: #fff;
padding-top: 90px;
position: relative;
z-index: 1
}
.our-services .left-column .inner-box {
padding-right: 55px;
position: relative
}
.our-services .left-column h2 {
font-size: 46px;
font-weight: 700;
margin-bottom: 10px
}
.our-services .service-column {
position: relative;
z-index: 1
}
.our-services .service-column .inner-box {
background: #fff none repeat scroll 0 0;
border-radius: 3px;
margin-left: -50px;
padding: 40px 40px 15px 40px;
position: relative
}
.about-title h2 {
color: #323232;
font-size: 26px;
font-weight: 700;
line-height: 1.4em;
text-transform: uppercase;
padding-bottom: 20px
}
.about-us .title {
margin-bottom: 30px
}
.about-us .content p {
font-size: 18px
}
.about-us .title h3::after {
background-color: #242424;
bottom: 0;
content: "";
height: 1px;
left: 0;
margin: 0;
position: absolute;
right: 0;
width: 59px
}
.about-us .title h3 {
color: #222;
font-size: 28px;
font-weight: 700;
padding-bottom: 20px;
position: relative;
text-transform: capitalize;
z-index: 2
}
.about-us .title h3::before {
background-color: #242424;
bottom: 6px;
content: "";
height: 1px;
left: 0;
margin: 0;
position: absolute;
right: 0;
width: 99px
}
.about-us .content p.service-summary {
font-size: 26px;
font-weight: 300;
margin-bottom: 10px
}
.about-title h2::before {
margin: 0;
background-color: #242424;
bottom: 6px;
content: "";
height: 1px;
left: 0;
position: absolute;
right: 0;
width: 99px
}
.about-title h2::after {
background-color: #242424;
bottom: 0;
content: "";
height: 1px;
left: 0;
margin: 0;
position: absolute;
right: 0;
width: 59px
}
.about-title h3 {
color: #323232;
font-size: 18px;
font-style: italic;
margin-bottom: 18px
}
.about-title p,
.our-experince p {
margin-top: 20px
}
.about-title .custom-links {
margin-top: 20px
}
.custom-links {
list-style: outside none none;
padding-left: 0
}
.custom-links a {
color: #232323;
display: block;
font-family: "Poppins",sans-serif;
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
padding-left: 26px;
position: relative
}
.custom-links a::before {
content: "";
display: inline-block;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
left: 0;
line-height: 1;
position: absolute;
top: 0
}
.custom-img {
position: absolute;
right: 0;
bottom: -60px;
z-index: 99
}
.custom-links li:last-child a {
margin-bottom: 0
}
.right-side h5 {
color: #262626;
font-size: 20px;
line-height: 30px;
margin-bottom: 25px
}
.right-side img {
bottom: -180px;
position: absolute;
right: -150px
}
.our-services,
.services-2 {
position: relative
}
.services-grid-3 {
margin-bottom: 30px;
position: relative;
transition: all .3s ease 0s
}
.services-grid-3 .service-icon {
display: block;
font-size: 50px;
right: 0;
top: 18px;
position: absolute
}
.services-grid-3 .content-area .service-icon i {
color: #ccc
}
.content-area h4 {
font-size: 20px;
margin-btoom: 10px;
color: #232323;
font-weight: 500;
}
.services-grid {
background-color: #fff;
transition: all .3s ease 0s;
margin-bottom: 30px;
position: relative
}
.gray .services-grid {
background-color: transparent
}
.services-center .services-grid .icons.icon-right {
float: right;
margin-left: 5px;
position: relative;
clear: both
}
.services-center .services-grid .icons.icon-left {
float: left;
margin-right: 20px
}
.services-grid .icons i {
background: #fbfbfb none repeat scroll 0 0;
border-radius: 100px;
color: #000;
display: block;
font-size: 42px;
height: 90px;
line-height: 90px;
position: relative;
text-align: center;
width: 90px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 30px
}
.services-grid h4 {
color: #323232;
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
margin-top: 0;
text-transform: capitalize
}
.services-grid p:last-child {
margin-bottom: 0
}
footer.footer-bg.dark {
background:#363c48 none repeat scroll 0 0;
border-top:medium none;
} 
footer.footer-bg.dark  .footer-top .widget h5 , footer.footer-bg.dark .footer-top .widget.socail-icons li a , footer.footer-bg.dark .footer-top .widget.socail-icons li span , footer.footer-bg.dark .footer-top .widget.my-quicklinks ul li a , footer.footer-bg.dark  .widget-newsletter .fieldset p , footer.footer-bg.dark .footer-top .widget p , footer.footer-bg.dark  .copyright p{
color:#fff;	
}
footer.footer-bg {
padding-bottom: 60px;
position: relative;
border-top: 1px dashed #ddd;
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/footer-banner.png) repeat-x scroll center bottom
}
.footer-bg .footer-top,
.footer-bg .copyrights {
background-color: transparent;
border-top: medium none
}
.footer-bg .footer-top {
padding: 70px 0 10px
}
.footer-bg .copyrights .copyright-content {
border-top: 1px solid #ccc;
position: relative
}
.footer-top {
background-color: #202020;
padding: 70px 0 30px
}
.footer-top .widget .logo {
margin: 0 0 10px
}
.footer-top .widget p {
margin-bottom: 20px
}
.footer-top .widget h5 {
font-size: 18px;
display: block;
margin: 0 0 18px;
color: #232323;
font-weight: 500;
}
.footer-top .widget ul li {
display: inline-block;
margin: 0 4px 4px 0
}
.footer-top .widgettext address {
font-style: normal;
line-height: 30px
}
.footer-top .widgettext address span {
color: #333;
font-size: 15px;
line-height: 24px
}
.footer-top .widget.socail-icons ul li {
display: block;
margin-right: 3px;
margin-bottom: 10px
}
.footer-top .widget.my-quicklinks ul li {
display: block;
margin-bottom: 10px;
margin-right: 3px
}
.footer-top .widget.socail-icons li span:hover {
cursor: pointer
}
.footer-top .widget.my-quicklinks ul li a {
color: #777
}
.footer-top .widget.socail-icons ul li a {
background-color:inherit;
border-radius: 100%;
display: inline-block;
height: 28px;
margin-right: 8px;
padding: 0;
text-align: center;
width: 28px;
color: #777;
}
.footer-top .widget.socail-icons li a i {
font-size: 12px;
color: #fff
}
.footer-top .widget.socail-icons li a.Facebook {
background-color: #2b4a8b
}
.footer-top .widget.socail-icons li a.Twitter {
background-color: #1f94d9
}
.footer-top .widget.socail-icons li a.YouTube {
background-color: #FF0000
}
.footer-top .widget.socail-icons li a.Linkedin {
background-color: #10598c
}
.footer-top .widget.socail-icons li a.Google {
background-color: #d83936
}
.footer-top .widget.socail-icons li a.Vimeo {
background-color: #1ab7ea
}
.footer-top .widget.socail-icons li a.Pinterest {
background-color: #cd201f
}
.footer-top .widget.socail-icons li a.Tumblr {
background-color: #2c4762
}
.footer-top .widget.socail-icons li a.Instagram {
background-color: #3f729b
}
.footer-top .widget.socail-icons li a.Reddit {
background-color: #eff7ff
}
.footer-top .widget.socail-icons li a.Flickr {
background-color: #ff0084
}
.footer-top .widget.socail-icons li a.StumbleUpon {
background-color: #ff7257
}
.footer-top .widget.socail-icons li a.behance {
background-color: #1e6fed
}
.footer-top .widget.socail-icons li a.DeviantART {
background-color: #05cc47
}
.footer-top .widget.socail-icons ul li a + a {
background-color: #ccc !important;
}
.footer-top .widget.socail-icons ul li a span {
}
.footer-top .widget-newsletter .fieldset form input[type="text"] {
background-color: #f5f5f5;
border: medium none;
color: #999;
font-size: 12px;
height: 48px;
padding: 0 15px;
width: 100%
}
.widget-newsletter .fieldset P {
line-height: 27.8px;
margin-bottom: 20px
}
.widget-newsletter .fieldset form {
position: relative
}
.widget-newsletter .fieldset form .submit-btn {
border: medium none;
color: #fff;
display: block;
height: 48px;
padding: 0 18px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 0
}
.widget-newsletter .fieldset.has-border {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #f8f8f8 #f1f1f1 #f1f1f1;
border-image: none;
border-style: solid;
border-width: 2px 1px 1px;
padding: 15px 15px 20px
}
.copyright p {
margin: 20px 0 0 0
}
.footer-area p {
line-height: 1.8em;
margin-bottom: 20px;
font-size: 14px
}
.footer-area .footer-content {
padding: 70px 0 30px;
position: relative;
z-index: 1
}
.footer-area .footer-content .column {
margin-bottom: 30px;
position: relative
}
.footer-content .column h2 {
color: #fff;
font-size: 24px;
font-weight: 600;
letter-spacing: 1px;
line-height: 1.4em;
margin-bottom: 30px;
position: relative;
text-transform: uppercase
}
.footer-content .column .heading-panel {
margin-bottom: 30px;
overflow: hidden
}
.footer-content .column .heading-panel h3 {
color: #fff;
font-size: 24px;
font-weight: 600;
line-height: 60px;
margin: 0;
text-transform: capitalize
}
.footer-area .footer-content a {
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.footer-content .links-widget li {
margin-bottom: 15px;
position: relative
}
.footer-content .links-widget li a {
color: #c9c9c9;
display: block;
font-size: 14px;
line-height: 24px;
position: relative
}
.footer-area .social-links a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: inline-block;
font-size: 15px;
height: 32px;
line-height: 30px;
margin-right: 10px;
position: relative;
text-align: center;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
width: 32px
}
.footer-area .social-links a:hover {
background: #fff none repeat scroll 0 0;
color: #fff
}
.footer-area .contact-info {
margin-bottom: 20px;
position: relative
}
.footer-area .contact-info li {
line-height: 30px;
margin: 0 0 7px;
padding-left: 30px;
position: relative
}
.footer-area .contact-info li .icon {
font-size: 16px;
left: 0;
line-height: 30px;
position: absolute;
top: 0
}
.footer-content .column h2:hover {
color: #f58936;
cursor: pointer
}
.social-links-two {
position: relative
}
.social-links-two a {
border: 1px solid #bcbcbc;
border-radius: 50%;
color: #bcbcbc;
display: block;
float: left;
font-size: 12px;
height: 28px;
line-height: 26px;
margin-right: 8px;
position: relative;
text-align: center;
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
width: 28px
}
.blog-news-section .social-links-two a {
background: #545454 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-size: 13px;
height: 32px;
line-height: 32px;
width: 32px
}
.social-links-two.alt a {
border: 1px solid #ccc;
color: #ccc;
font-size: 12px
}
.social-links-two a:hover {
background: #f58936 none repeat scroll 0 0;
color: #fff!important
}
.detail-button-group {
margin-bottom: 5px
}
.detail-button-group .btn {
padding: 20px 15px;
border: medium none;
font-size: 20px;
text-transform: capitalize
}
.detail-button-group .btn i {
margin-right: 5px
}
.btn-glyphicon {
float: right;
padding: 8px;
background: #fff;
margin-left: 4px
}
.icon-btn {
width: 100%;
line-height: 2em
}
.detial-buttons {
background: #f7f7f7 none repeat scroll 0 0;
border: 1px solid #e0e0e0;
margin-bottom: 30px;
overflow: hidden
}
.cat-title {
background-color: #222;
display: block;
margin: 0;
padding: 0 20px;
position: relative;
text-transform: capitalize
}
.cat-title h3 {
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 600;
line-height: 55px;
position: relative
}
.cat-title h3 a {
color: #fff
}
.cat-count {
background: #fff none repeat scroll 0 0;
padding: 15px;
position: absolute;
right: 16px;
top: 1px
}
.category-list-icon {
background: #fff none repeat scroll 0 0;
overflow: hidden;
position: relative;
width: 100%;
margin-bottom: 5px
}
.category-list-icon i {
color: #fff;
float: left;
font-size: 40px;
padding: 20px;
text-align: center
}
.category-list-icon i.green {
background-color: #5cb85c
}
.category-list-icon i.purple {
background-color: #785edd
}
.category-list-title {
overflow: hidden;
padding: 19px 0 0 15px;
position: relative;
text-align: left
}
.category-list-title h5>a {
color: #232323;
display: block;
font-size: 20px;
font-weight: 600;
text-transform: capitalize
}
.category-list-title h5 {
font-family: "Source Sans Pro", sans-serif
}
.postdetails .jqte {
border: 1px solid #ccc;
border-radius: 0;
box-shadow: none
}
.postdetails .jqte_focused {
border-color: inherit;
box-shadow: none
}
.list-style-1 .chat-form {
overflow: hidden;
position: relative
}
.event .panel-body {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #f9f9f9;
margin: 0;
padding: 0
}
.event .panel-body>div {
padding: 0 10px
}
.event .panel-body .info p {
margin-top: 8px
}
.event .panel-body .rsvp {
background: #ebebeb none repeat scroll 0 0;
border-left: medium none;
color: #232323;
height: 100%;
min-height: 92px;
padding: 0;
position: relative;
text-align: center
}
.event .rsvp>div {
background: #222 none repeat scroll 0 0;
bottom: 0;
color: #fff;
font-size: 12px;
position: absolute;
width: 100%
}
.event .rsvp i {
display: block;
font-size: 2em;
margin-top: 30px;
position: relative
}
.event .rsvp i.admin {
margin-top: 20px
}
.event .rsvp i:last-of-type {
font-size: 18px;
font-weight: 600
}
.event .rsvp span {
cursor: pointer;
margin: 5px 0;
padding: 0 5px;
width: 45%
}
.event .rsvp span:first-of-type {
border-right: 1px solid white
}
.event .rsvp span:hover {
color: #1565c0
}
.event .info {
font-size: 28px
}
.event .info>div,
.event .info>ul {
font-size: 12px
}
.event .author .profile-image {
background: white none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 50%;
box-sizing: content-box;
margin-top: 10px;
padding: 3px;
position: relative;
width: 4em;
z-index: 1
}
.event .author img {
border-radius: 50%;
width: 100%
}
.no-margin-8 {
margin-bottom: -8px
}
.bid-info {
overflow: hidden;
position: relative
}
.sidebar .bid-info .descs-box {
padding: 10px 15px
}
.sidebar .bid-info {
margin: 5px 0
}
.sidebar .bid-info .descs-box h4 {
color: #777;
font-size: 14px;
margin-bottom: 2px
}
.sidebar .bid-info .descs-box a {
font-size: 24px;
font-weight: 600
}
.sidebar .bid-info .descs-box a small {
color: #232323;
font-size: 20px;
font-weight: 600
}
.mega-menu .drop-down-multilevel i.fa:first-child {
margin-top: 4px
}
.heading-zone {
padding: 0 0 30px 0
}
.heading-zone h1 {
color: #232323;
font-size: 26px;
font-weight: 600;
}
.no-bottom {
padding-bottom: 0
}
.pricing-area {
clear:both;
overflow:hidden;
}
.small-box {
background: #fff none repeat scroll 0 0;
border: 1px solid #e7e7e7;
border-radius: 1px;
padding: 20px 30px
}
.small-box i {
font-size: 20px;
padding-right: 5px;
vertical-align: middle;
color:#777;
}
.ad-share .small-box {
cursor: pointer
}
.ad-share .small-box span {
color: #232323
}
.sidebar .bid-info .small-box {
padding: 10px 15px
}
.sidebar .bid-info .small-box h4 {
color: #777;
font-size: 14px;
margin-bottom: 2px
}
.sidebar .bid-info .small-box a {
font-size: 17px;
font-weight: 600;
word-wrap: anywhere;
display: flex;
}
.short-features .location-exit a {
color: #777
}
.short-features .categories-exist a {
color: #777;
padding:0 5px;
position: relative;
overflow: hidden;
}
.short-features .categories-exist a:after {
content:",";
position:absolute;
width:100%;
height:100%;
padding-right:10px;	
}
.short-features .categories-exist a:last-child:after {
content:"";
}
.page-search .grid-card {
background: inherit;
box-shadow: none;
padding: 0
}
.page-search .featured-slider-1 .white.category-grid-box-1 .short-description-1 {
background: #f2fcf0
}
.page-search .featured-slider-1 .white.category-grid-box-1 .ad-info-1 {
background: #f2fcf0 none repeat scroll 0 0;
border-top: 1px solid #e9e6e0;
margin-bottom: 0
}
.featured_ads {
background: #f2fcf0 none repeat scroll 0 0
}
.blog-post .post-info.no-img {
margin-top: 20px
}
.parallex .heading-panel h1::before,
.parallex .heading-panel h1::after {
background-color: #fff
}
.parallex .heading-panel h1,
.parallex .heading-2 h3,
.parallex .heading-2 h2,
.parallex .heading-panel p.heading-text {
color: #fff
}
.page-search .sidebar {
background-color:#FFF;
}
.sidebar #accordion .input-group-addon {
border-radius: 0;
width: 55px
}
.sidebar .panel-title > a {
padding: 0;
}
.sidebar #accordion #mileage .input-group-addon {
border-radius: 0;
width: auto
}
.sidebar #accordion #Yearcollapse .input-group {
margin-bottom: 10px;
width: 100%
}
.sidebar #accordion .panel .panel-title {
font-size: 14px;
font-weight: 400;
}
.sidebar #accordion .panel {
border: medium none;
padding:10px 20px;
border: 1px solid #f5f5f5;
}
.sidebar #accordion .panel .panel-body {
border-bottom: none;
padding:0;
margin-top:15px;
margin-bottom:10px;
}
.query-filters {
position:relative;
overflow:hidden;	
}
.query-filters a {
background-color:#FFF;
padding:5px 10px;
font-family:"Poppins",sans-serif;
font-size:12px;
border-radius:4px;
margin-left:5px;
color:#777;
}
.sidebar .panel-group .panel+.panel {
margin-top: 0
}
.banner-icon-loader {
background: #fff url(//grupocomersa.com.mx/wp-content/themes/carspot/images/loader.gif) no-repeat scroll 97% 15px / 21px 21px
}
.autocomplete-suggestions {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #999;
background: #FFF;
cursor: default;
overflow: auto;
-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64)
}
.autocomplete-suggestion {
padding: 5px 8px;
white-space: nowrap;
overflow: hidden
}
.autocomplete-no-suggestion {
padding: 5px 8px
}
.autocomplete-selected {
background: #f0f0f0
}
.autocomplete-suggestions strong {
font-weight: 600;
color: #232323
}
.autocomplete-group {
padding: 5px 8px;
font-weight: 600;
font-size: 16px;
color: #232323;
display: block;
border-bottom: 1px solid #000
}
.review-details .review-excerpt .post-excerpt {
padding: 0;
margin-bottom: 0
}
.blog-sidebar .widget .reviews_bybrands .table>tbody>tr>td a span {
color: #ddd!important;
margin-left: 2px
}
.reviews .news .mainimage span.badge a {
color: #fff
}
.box {
color: #666;
margin: 0 0 30px;
text-align: center;
width: 100%;
}
.hover-animation .box a {
padding:30px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease- 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
position:relative;
display:block;
border-radius: 5px;
}
.hover-animation .box a:hover {
background: #333333;
background: -webkit-linear-gradient(to bottom, #dd1818, #333333);
background: linear-gradient(to bottom, #dd1818, #333333);
color: #FFF;
}
.hover-animation .box a:hover h4 {
color: #FFF;	
}
.box img {
position: relative;
margin-bottom: 10px
}
.box h4 {
color: #232323;
font-size: 18px;
font-weight: 500;
}
.box h4 a {
color: #232323
}
.box strong {
color: #999;
display: block;
font-size: 14px;
padding: 0 0 10px
}
.custom-pagination a,
.custom-pagination span.page-numbers {
background-color: #fff;
border-color: #d1d1d1;
color: #777;
font-size: 14px;
font-weight: 400;
padding: 10px 14px;
line-height: 1.33333;
border: 1px solid #ddd
}
.custom-pagination span.page-numbers.current {
background-color: #e52d27;
border-color: #b31217;
color: #fff
}
.search-form-inner-type .box h4 {
font-size: 14px
}
#map .grid-style-2 .category-grid-box-1 h3 {
font-size: 14px
}
#map .grid-style-2 .category-grid-box-1 .category-title a {
font-size: 12px
}
#map .grid-style-2 .category-grid-box-1 .ad-info-1 p {
font-size: 12px
}
#map .grid-style-2 .category-grid-box-1 .grid-style-2 .ad-info-1 p i {
color: #a0a0a0;
font-size: 14px
}
#map .grid-style-2 .category-grid-box-1 .price-tag .price span {
color: #fff;
font-size: 16px
}
#populate_data table tr td .fa-star-o,
#populate_data table tr td .fa-star {
color: #ffc513
}
.cities-section {
position: relative;
overflow: hidden
}
.cities-section .country-box {
background: #fff none repeat scroll 0 0;
height: auto;
margin-bottom: 30px;
overflow: hidden;
position: relative;
width: 100%
}
.cities-section .country-box img {
position: relative;
transition: opacity 1s ease 0s, -webkit-transform 1s ease 0s
}
.cities-section .country-box .country-description {
height: 100%;
position: absolute;
top: 100px;
width: 100%;
text-align: center;
z-index: 99
}
.cities-section .country-box::before {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
z-index: 9
}
.cities-section .country-box .country-name,
.country-box .category-name,
.country-box .country-ads {
color: #fff;
display: block;
font-weight: 400
}
.cities-section .country-box .country-name {
font-size: 22px;
margin-bottom: 0;
font-weight: 600;
text-transform: capitalize;
transition-delay: .15s;
transition-delay: .05s
}
.cities-section .country-box .country-ads {
bottom: 0;
display: block;
font-size: 18px;
transition-delay: .05s;
transition-delay: .1s;
font-weight: 600
}
.cities-section .country-box .country-name span {
font-size: 14px
}
.cities-section .country-box:hover {
-moz-user-select: none
}
.cities-section .country-box:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1)
}
.cities-section .country-box:hover .country-name,
.country-box:hover .category-name,
.country-box:hover .country-ads {
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-ms-transform: stranslate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
.pricing-list {
background-color: #fff;
border: 1px solid #eceff2;
border-radius: 0;
margin-bottom: 20px;
padding: 15px 20px;
position: relative
}
.pricing-list h3 {
color: #232323;
font-size: 16px;
margin: 0;
padding: 10px 0
}
.pricing-list h4 {
padding: 10px 0
}
.pricing-list h4 {
color: #232323;
font-size: 24px;
line-height: 1;
margin: 10px 0 0
}
.select-package .row {
margin: 0
}
.select-package h3 {
color: #232323;
font-weight: 600
}
.pricing-list-price .btn {
font-size: 14px;
line-height: 1;
padding: 10px;
text-transform: capitalize
}
.dl-horizontal dt {
width: 185px
}
.simple-search {
clear: both;
color: #fff;
padding: 160px 0;
position: relative;
text-align: center
}
.simple-search::before {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.simple-search h1 {
font-size: 40px;
font-weight: 600;
text-transform: capitalize;
color: #fff;
position: relative
}
.simple-search p {
color: #fff;
position: relative;
font-size: 20px;
margin-bottom: 0
}
.simple-search .search-holder {
position: relative;
margin: auto;
max-width: 64em;
padding: 2em 4em
}
.simple-search .search-holder input {
border: medium none;
color: #222;
font-size: 1.4em;
height: 68px;
padding: .8em 3em .8em .8em
}
.simple-search .search-holder button {
height: 68px;
position: absolute;
right: 0;
top: 0;
width: 75px;
z-index: 99
}
.simple-search .search-holder .input-group-btn .glyphicon {
margin: 0
}
.singlepage-detail .content-box-grid .tags-share {
border-bottom: medium none
}
.form-grid .comment-info {
background: #f9f9f9 none repeat scroll 0 0;
border-bottom: 1px solid #f2f2f2;
display: block;
margin: 0 0 20px;
overflow: hidden;
padding: 30px 30px 0
}
.form-grid .comment-info .author-desc {
margin-left: 115px;
position: relative;
overflow: hidden
}
.form-grid .rating i {
color: #ffc513
}
.pro-rating a i,
.rating i {
color: #ffc513!important
}
.gallery-style-post .big-section .featured-ribbon {
right: 15px
}
.boxicon a p {
color: #777
}
.feuture-posts,
.singlepage-detail div#carousel {
margin-bottom: 15px
}
.single-blog .blog-post .woocommerce .woocommerce-checkout label {
color: #232323!important
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
margin-bottom: 15px!important
}
.woocommerce-checkout .post-desc ul {
padding-left: 0!important
}
.woocommerce-checkout .post-desc h2 {
font-size: 22px;
margin: 5px 0
}
.woocommerce ul.order_details {
margin: 0 0 1em
}
.order-again {
margin-bottom: 20px
}
.ad-listing-price p span {
font-size: 14px
}
.final_ad_status {
color: #fff;
font-size: 1.8em;
margin-bottom: 0;
padding: 5%;
text-align: center
}
.final_ad_status.sold-out {
background-color: #e52d27
}
.final_ad_status.expired-out {
background-color: #02a8f3
}
.no-display {
display: none
}
.bidding {
position: relative;
overflow: hidden;
max-height: 325px
}
.blog-post .blog-content .post-info a {
color: #777
}
.blog-post .blog-content .post-title a {
color: #232323
}
.panel .panel-body .featured-slider-3 .category-grid-box .ad-info ul li,
.panel .panel-body .featured-slider-3 .category-grid-box .ad-info ul li i {
font-size: 12px;
}
.panel .panel-body .featured-slider-3 .category-grid-box {
margin-bottom:0;	
}
.panel .panel-body .category-grid-box .short-description h3 {
font-size: 16px;
margin-bottom: 5px
}
.panel .panel-body .category-grid-box .short-description .price {
font-size: 20px
}
.panel .panel-body .featured-slider-3 .owl-prev {
right: 25px;
position: absolute;
top: -50px;
border-radius: 0;
padding: 5px 10px !important;
background-color: #f5f5f5;
}
.panel .panel-body .featured-slider-3 .owl-next {
position: absolute;
right: 0;
top: -50px;
border-radius: 0;
padding: 5px 10px !important;
background-color: #f5f5f5;
}
.panel .panel-body .owl-theme .owl-controls .owl-nav div {
padding: 1px 10px;
}
.panel-default .panel-body .form-control {
padding: 10px 11px;
background-color: #f8f8f8;
border: 1px solid #eceff2;
}
.panel-default .panel-body label {
display:block;	
}
.panel-default .panel-body .skin-minimal .list li label {
display:inline;	
}
.location hr {
margin-bottom: 10px;
margin-top: 10px;
}
.grid-style-2 .ads-for-home  .category-grid-box-1 .short-description-1 ul li {
font-size: 16px;
margin-right: 10px;
}
.ads-for-home .category-grid-box .ad-info  ul li {
font-size: 16px;
padding: 10px 5px;
}
.ads-for-home .category-grid-box .short-description .price {
font-size: 20px;
}
.ads-for-home .ad-info-1 ul li {
font-size: 16px;
padding: 5px 10px;
}
.ads-for-home .ad-price {
font-size: 20px;
}
.ads-for-home  .category-grid-box-1 hr {
margin-bottom: 10px;
margin-top: 15px;
}
.grid-style-2 .ads-for-home .ad-info-1 ul li {
padding:0;
}
.short-description-1  hr {
margin-bottom: 5px;
}
.header-top  .header-right .listnone .dropdown  span.caret {
margin-left: 5px;
}
.header-top  .header-right .listnone .dropdown-menu {
min-width: 250px;
}
.singleprice-tag {
float:right;
display: inline-block;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
height: 60px;
line-height: 60px;
padding: 0 30px;
color: #fff;
background-color: #bf1919;
text-shadow: 1px 1px 1px #921313;
font-weight: bold;
font-size: 32px;
text-indent: -6px;
position: relative;
-moz-transform-origin: 88% 10%;
-ms-transform-origin: 88% 10%;
-webkit-transform-origin: 88% 10%;
transform-origin: 88% 10%;
}
.singleprice-tag::before {
content: "";
position: absolute;
top: 0;
left: -29px;
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-right: 30px solid #bf1919;
}
.singleprice-tag::after {
content: "";
position: absolute;
top: 10%;
left: 88%;
width: 5px;
height: 5px;
border-radius: 2.5px;
background-color: #cecece;
box-shadow: inset -1px 1px 0 #8e8e8e;
}  @-webkit-keyframes price-tag-swing {
0% {
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}
20% {
-moz-transform: rotate(-110deg);
-ms-transform: rotate(-110deg);
-webkit-transform: rotate(-110deg);
transform: rotate(-110deg);
}
50% {
-moz-transform: rotate(-64deg);
-ms-transform: rotate(-64deg);
-webkit-transform: rotate(-64deg);
transform: rotate(-64deg);
}
70% {
-moz-transform: rotate(-96deg);
-ms-transform: rotate(-96deg);
-webkit-transform: rotate(-96deg);
transform: rotate(-96deg);
}
85% {
-moz-transform: rotate(-80deg);
-ms-transform: rotate(-80deg);
-webkit-transform: rotate(-80deg);
transform: rotate(-80deg);
}
100% {
-moz-transform: rotate(-88deg);
-ms-transform: rotate(-88deg);
-webkit-transform: rotate(-88deg);
transform: rotate(-88deg);
}
}
.singleprice-tag[data-animate="true"] {
-webkit-animation: price-tag-swing 8s infinite;
}
.singleprice-tag span {
font-size: 10px;
margin-left: 5px;
}
.singlepage-detail .list-style-1 .panel-default .panel-body .form-control {
padding: 15px 10px;
}
.singlemap-location {
position:relative;	
}
.singlemap-location .template-icons {
background-color: #fff;
border: 1px solid #e5e5e5;
display: block;
float: left;
font-size: 14px;
padding: 0;
width: 100%;
}
.singlemap-location .template-icons .class-name
{
padding: 10px;
}
.search-modal .search-block .popular-search ul li a span {
color: #9e9e9e;
font-size: 14px;
margin-left: 3px;
}
span.tag {
border: 1px solid #999;
border-radius: 4px;
color: #232323;
display: block;
float: left;
font-size: 15px;
margin-bottom: 5px;
margin-right: 5px;
padding: 2px 14px;
font-weight: 500;
font-family: "Poppins",sans-serif;
text-decoration: none;
}
span.tag a {
color: #82ad2b;
font-size: 14px;
font-weight: 700;
text-decoration: none;
margin-left: 5px;
}
.ad-share .modal-content ul li a {
color:#232323;	
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 500;
}
.list-style-1 .panel .panel-body {
padding: 10px 15px;	
}
.ad-listing .content-area .price span span{
font-size: 14px;
margin-left: 4px;
color: #a0a0a0;
}
#itemMap
{
width: 100%; height: 370px; margin-bottom:5px;
}
.gallery-caption {
}
.single-blog .blog-post .post-excerpt.post-desc p a {
text-decoration:underline;
color:#232323;	
} .font-merry {
font-family: "Poppins",sans-serif;
}
.text-white {
color: #fff;
}
.rev_slider_wrapper  .main-caption {
font-family: "Poppins",sans-serif;
font-size: 40px;
text-transform: uppercase;
font-weight: 600;
color: #fff;
line-height: 50px;
padding: 0 20px;
padding-bottom: 6px;
padding-top: 5px;
}
.rev_slider_wrapper .main-caption.bg-white {
background: #E8E8E6 !important;
color: #232323;
}
.rev_slider_wrapper  .main-caption span {
font-weight: bold;
}
.rev_slider_wrapper  .main-caption.font-light {
font-weight: 300;
}
.rev_slider_wrapper .main-caption-p {
color: #fff;
font-size: 20px;
font-style: italic;
line-height: 28px;
font-weight: normal;
}
.rev_slider_wrapper .slider-main-button {
border: 2px solid #fff;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
line-height: 46px;
display: inline-block;
padding: 15px 35px;
font-family: "Poppins",sans-serif;
}
.rev_slider_wrapper  .slider-main-button i {
margin-left: 18px;
}
.rev_slider_wrapper .slider-main-button { display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.rev_slider_wrapper .slider-main-button:before {
content: "";
position: absolute;
z-index: -1;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;   
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.rev_slider_wrapper  .slider-main-button:hover, .rev_slider_wrapper  .slider-main-button:focus, .rev_slider_wrapper .slider-main-button:active { }
.rev_slider_wrapper  .slider-main-button:hover:before, .rev_slider_wrapper .slider-main-button:focus:before, .rev_slider_wrapper  .slider-main-button:active:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.rev_slider .slotholder:after {
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none; background: rgba(0, 0, 0, 0.5);
}
.header-area-new {
background: #fff none repeat scroll 0 0;
clear: both;
position: relative;
width: 100%;
}
.header-area-new *::after {
clear: both;
content: "";
display: block;
}
.header-area-new .logo-bar {
color: #323232;
padding: 30px 0;
position: relative;
}
.header-area-new .logo-bar .information-content {
float: right;
position: relative;
}
.header-area-new .logo-bar .info-box div.text:hover {
color: #016db6;
cursor: pointer;
}
.header-area-new .logo-bar .info-box {
float: left;
line-height: 24px;
margin-left: 45px;
padding-left: 50px;
position: relative;
}
.header-area-new .logo-bar .social-box {
padding-left: 0;
}
.header-area-new .logo-bar .info-box .icon {
color: #232323;
font-size: 32px;
left: 0;
line-height: 50px;
position: absolute;
}
.header-area-new .logo-bar .info-box div.text {
color: #323232;
font-weight: 600;
}
.header-area-new .logo-bar .info-box strong {
color: #e4e4e4;
display: block;
position: relative;
}
.header-area-new .logo-bar .info-box a {
color: #6f747d;
font-weight: 600;
position: relative;
font-size:16px;	
}
.header-area-new .logo-bar .logo {
float: left;
position: relative;
}
.navigation-2 {
background: #262f36 none repeat scroll 0 0;
}
.navigation-2  .mega-menu > section.menu-list-items {
padding: 5px 0;
}
.navigation-2 .mega-menu .menu-links > li > a {
color: #fff;
padding: 0 16px;
}
.navigation-2  .mega-menu .menu-links > li{
border-left: 1px dashed ;
}
.navigation-2 .mega-menu .menu-links > li:last-child{
border-right: 1px dashed;
padding-right:16px;
}
.navigation-2 .mega-menu .menu-list-items .menu-search-bar .btn {
padding: 19px 25px;
margin-top:-5px;
}
.navigation-2 .mega-menu .drop-down-multilevel {
top: 55px;
}
.navigation-2 .mega-menu ul.menu-links li .drop-down {
top: 55px;
}
.navigation-2  .mega-menu .menu-mobile-collapse-trigger {
height: 48px;
top: -4px;
width: 70px;
}
#header-info-bar {
background-color: #313131;
font-size: 14px;
height: 40px;
line-height: 40px;
position: relative;
text-transform: uppercase;
}
#header-info-bar a {
color: #fff;
}
#header-info-bar ul.header-social {
display: block;
height: 40px;
}
#header-info-bar ul.header-social > li {
display: inline-block;
height: 40px;
margin-right: 1px;
text-align: center;
}
#header-info-bar ul.header-social > li > a {
background-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
display: inline-block;
font-size: 16px;
height: 40px;
line-height: 40px;
margin-left: 5.5px;
margin-right: 5.5px;
position: relative;
transition: background-color 0.4s ease-in-out 0s;
width: 30px;
}
#header-info-bar ul.header-social > li > a::before, #header-info-bar ul.header-social > li > a::after {
content: "";
display: block;
position: absolute;
top: 0;
transition: border-color 0.4s ease-in-out 0s;
}
#header-info-bar ul.header-social > li > a::before {
border-color: transparent rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) transparent;
border-style: solid;
border-width: 20px 5px;
right: 100%;
}
#header-info-bar ul.header-social > li > a::after {
border-color: rgba(255, 255, 255, 0.2) transparent transparent rgba(255, 255, 255, 0.2);
border-style: solid;
border-width: 20px 5px;
left: 100%;
}
#header-info-bar ul.header-social > li > a.Twitter:hover {
background-color: #1bb6ec;
}
#header-info-bar ul.header-social > li > a.Twitter:hover::before {
border-bottom: 20px solid #1bb6ec;
border-right: 5px solid #1bb6ec;
right: 100%;
}
#header-info-bar ul.header-social > li > a.Twitter:hover::after {
border-left: 5px solid #1bb6ec;
border-top: 20px solid #1bb6ec;
left: 100%;
}
#header-info-bar ul.header-social > li > a.Facebook:hover {
background-color: #3c599b;
}
#header-info-bar ul.header-social > li > a.Facebook:hover::before {
border-bottom: 20px solid #3c599b;
border-right: 5px solid #3c599b;
right: 100%;
}
#header-info-bar ul.header-social > li > a.Facebook:hover::after {
border-left: 5px solid #3c599b;
border-top: 20px solid #3c599b;
left: 100%;
}
#header-info-bar ul.header-social > li > a.Facebook:hover {
background-color: #3c599b;
}
#header-info-bar ul.header-social > li > a.Facebook:hover::before {
border-bottom: 20px solid #3c599b;
border-right: 5px solid #3c599b;
right: 100%;
}
#header-info-bar ul.header-social > li > a.Facebook:hover::after {
border-left: 5px solid #3c599b;
border-top: 20px solid #3c599b;
left: 100%;
}
#header-info-bar ul.header-social > li > a.Google:hover {
background-color: #d94e37;
}
#header-info-bar ul.header-social > li > a.Google:hover::before {
border-bottom: 20px solid #d94e37;
border-right: 5px solid #d94e37;
right: 100%;
}
#header-info-bar ul.header-social > li > a.Google:hover::after {
border-left: 5px solid #d94e37;
border-top: 20px solid #d94e37;
left: 100%;
}
#header-info-bar ul.header-social > li > a.social-dribbble:hover {
background-color: #e04c86;
}
#header-info-bar ul.header-social > li > a.social-dribbble:hover::before {
border-bottom: 20px solid #e04c86;
border-right: 5px solid #e04c86;
right: 100%;
}
#header-info-bar ul.header-social > li > a.social-dribbble:hover::after {
border-left: 5px solid #e04c86;
border-top: 20px solid #e04c86;
left: 100%;
}
#header-info-bar ul.header-social > li > a.social-rss:hover {
background-color: #ff9600;
}
#header-info-bar ul.header-social > li > a.social-rss:hover::before {
border-bottom: 20px solid #ff9600;
border-right: 5px solid #ff9600;
right: 100%;
}
#header-info-bar ul.header-social > li > a.social-rss:hover::after {
border-left: 5px solid #ff9600;
border-top: 20px solid #ff9600;
left: 100%;
}
#header-info-bar ul.header-social > li > a.YouTube:hover {
background-color: #c4302b;
}
#header-info-bar ul.header-social > li > a.YouTube:hover::before {
border-bottom: 20px solid #c4302b;
border-right: 5px solid #c4302b;
right: 100%;
}
#header-info-bar ul.header-social > li > a.YouTube:hover::after {
border-left: 5px solid #c4302b;
border-top: 20px solid #c4302b;
left: 100%;
}
#header-info-bar ul.header-social > li > a.Vimeo:hover {
background-color: #4ebbff;
}
#header-info-bar ul.header-social > li > a.Vimeo:hover::before {
border-bottom: 20px solid #4ebbff;
border-right: 5px solid #4ebbff;
right: 100%;
}
#header-info-bar ul.header-social > li > a.Vimeo:hover::after {
border-left: 5px solid #4ebbff;
border-top: 20px solid #4ebbff;
left: 100%;
}
#header-info-bar ul.header-social > li > a.Pinterest:hover {
background-color: #c92228;
}
#header-info-bar ul.header-social > li > a.Pinterest:hover::before {
border-bottom: 20px solid #c92228;
border-right: 5px solid #c92228;
right: 100%;
}
#header-info-bar ul.header-social > li > a.Pinterest:hover::after {
border-left: 5px solid #c92228;
border-top: 20px solid #c92228;
left: 100%;
}
#header-info-bar ul.header-social > li > a.Linkedin:hover {
background-color: #0077b5;
}
#header-info-bar ul.header-social > li > a.Linkedin:hover::before {
border-bottom: 20px solid #0077b5;
border-right: 5px solid #0077b5;
right: 100%;
}
#header-info-bar ul.header-social > li > a.Linkedin:hover::after {
border-left: 5px solid #0077b5;
border-top: 20px solid #0077b5;
left: 100%;
}
#header-info-bar ul.header-social > li > a.Linkedin:hover {
background-color: #0077b5;
}
#header-info-bar ul.header-social > li > a.Linkedin:hover::before {
border-bottom: 20px solid #0077b5;
border-right: 5px solid #0077b5;
right: 100%;
}
#header-info-bar ul.header-social > li > a.Linkedin:hover::after {
border-left: 5px solid #0077b5;
border-top: 20px solid #0077b5;
left: 100%;
}
#header-info-bar ul.header-social > li > a.social-skype:hover {
background-color: #1db1ee;
}
#header-info-bar ul.header-social > li > a.social-skype:hover::before {
border-bottom: 20px solid #1db1ee;
border-right: 5px solid #1db1ee;
right: 100%;
}
#header-info-bar ul.header-social > li > a.social-skype:hover::after {
border-left: 5px solid #1db1ee;
border-top: 20px solid #1db1ee;
left: 100%;
}
#header-info-bar ul.header-social > li > a.social-apple:hover {
background-color: #000000;
}
#header-info-bar ul.header-social > li > a.social-apple:hover::before {
border-bottom: 20px solid #000000;
border-right: 5px solid #000000;
right: 100%;
}
#header-info-bar ul.header-social > li > a.social-apple:hover::after {
border-left: 5px solid #000000;
border-top: 20px solid #000000;
left: 100%;
}
#header-info-bar ul.header-social > li > a.Instagram:hover {
background-color: #3f729b;
}
#header-info-bar ul.header-social > li > a.Instagram:hover::before {
border-bottom: 20px solid #3f729b;
border-right: 5px solid #3f729b;
right: 100%;
}
#header-info-bar ul.header-social > li > a.Instagram:hover::after {
border-left: 5px solid #3f729b;
border-top: 20px solid #3f729b;
left: 100%;
}
#header-info-bar ul.header-social > li > a.Tumblr:hover {
background-color: #32506d;
}
#header-info-bar ul.header-social > li > a.Tumblr:hover::before {
border-bottom: 20px solid #32506d;
border-right: 5px solid #32506d;
right: 100%;
}
#header-info-bar ul.header-social > li > a.Tumblr:hover::after {
border-left: 5px solid #32506d;
border-top: 20px solid #32506d;
left: 100%;
}
#header-info-bar #header-info-bar ul.header-social {
float: left;
}
#header-info-bar a.info-bar-meta-link {
float: right;
margin-left: 20px;
}
#header-info-bar a.info-bar-meta-link:last-child {
margin-left: 0;
}
.navigation-2  .mega-menu.desktopTopFixed .menu-list-items {
background:#262f36 none repeat scroll 0 0;
}
.border-around::after {
border: 8px solid #e52d27;
border-radius: 4px;
bottom: -8px;
content: "";
left: 0;
position: absolute;
right: 40px;
top: 40px;
}
.border-around {
display: inline-block;
margin-left: 30px;
padding-left: 40px;
position: relative;
}
.border-around > * {
position: relative;
z-index: 1;
}
.services-grid-new {
margin-bottom: 30px;
padding: 30px;
transition: all 0.3s ease 0s;
}
.services-grid-new .icons {
color: #fff;
margin-bottom: 15px;
font-size: 50px;
}
.services-grid-new h4 {
color: #fff;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
margin-top: 0;
text-transform: capitalize;
}
.services-grid-new p {
color: #fff; 
}
.services-grid-new p:last-child {
margin-bottom: 0;
}
#team {
background: #fff none repeat scroll 0 0;
}
.our_team {
position: relative;
}
.team {
margin-bottom: 30px;
padding: 20px 0;
position: relative;
transition: all 0.3s ease-in-out 0s;
}
.team .avatar {
text-align: center;
}
.team:hover {
background: #fafafa none repeat scroll 0 0;
box-shadow: 0 2px 4px rgba(221, 221, 221, 0.75);
}
.team-info {
padding: 30px 0 0;
position: relative;
text-align: center;
}
.parallex .team .team-name {
color: #fff;
}
.team-name {
color: #313131;
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
}
.team-job {
font-weight: 500;
}
.team .socials {
bottom: 90%;
left: 0;
list-style: outside none none;
margin: 0;
opacity: 0;
padding: 15px 0;
position: absolute;
right: 0;
transition: all 0.3s ease-in-out 0s;
visibility: hidden;
}
.team:hover .socials {
bottom: 100%;
opacity: 1;
visibility: visible;
}
.team .socials li {
display: inline-block;
margin: 0 8px;
vertical-align: top;
}
.team .socials li a {
border: 1px solid #fff;
color: #fff;
display: block;
font-size: 16px;
height: 40px;
line-height: 38px;
text-align: center;
width: 40px;
}
.team .socials li a:hover {
background: #fff none repeat scroll 0 0;
color: #5696e3;
}
body.dark-scheme .gray {
background-color: #262f36 ;
}
body.dark-scheme .gray .pricing-area .heading-zone h1 {
color:#fff ;	
}
body.dark-scheme .page-header-area-2.gray .small-breadcrumb .breadcrumb-link ul li a {
color: #fff;
}
body.dark-scheme .page-header-area-2.gray h1 {
color: #fff;
}
body.dark-scheme .short-history ul li {
color: #fff;
}
.parallex  .parallex-text .btn {
padding: 15px 25px;
}
.gallery-caption { margin-left: 0;	}
.commentlist .bypostauthor {background: #e7f8fb;}
.commentlist li ul.children li.bypostauthor {background: #e7f8fb;}
.single-blog .blog-post .post-excerpt.post-desc p a {
text-decoration:underline;
color:#232323;	
}
.blog-post .post-excerpt ul li span , .blog-post .post-excerpt ul li em{
font-size:16px !important;	
} .categories .category-classic {
background: #fff none repeat scroll 0 0;
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
border-top: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
margin-bottom: 30px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease- 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.categories .category-classic:after {
content: '';
display: block;
clear: both;
}
.categories .view-more {
padding: 15px 0;
font-size: 15px;
text-align: center;
clear: both;
}
.categories .view-more a {
color: #232323;
}
.categories .category-classic-icon {
float: left;
border-top: 2px solid #ddd;
position: relative;
width: 100%;
overflow: hidden;
background: #f7f8f9 none repeat scroll 0 0;
}
.categories .category-classic-icon i {
background: #fff none repeat scroll 0 0;
color: #232323;
float: left;
font-size: 36px;
margin-right: 10px;
padding: 16px;
text-align: center;
}
.categories .category-classic-title {
float: none;
padding: 20px 0 0 65px;
width: auto;
}
.categories .category-classic-title h5 > a {
color: #232323;
display: block;
font-weight: 600;
font-size: 16px;
text-transform: capitalize;
}
.categories ul.category-classic-data {
position: relative;
width: 100%;
overflow: hidden;
padding:0 20px;
margin-bottom: 15px;
}
.categories ul.category-classic-data li::before {
content: "\f105";
font-family: fontawesome;
height: 100%;
left: 0;
position: absolute;
top: 10px;
width: 20px;
color: #999;
font-size: 14px;
}
.categories ul.category-classic-data li {
display: inline-block;
position: relative;
width: 100%;
}
.categories ul.category-classic-data li a {
color: #5b5b5b;
display: block;
padding: 10px 0 10px 15px;
text-align: left;
}
.categories ul.category-classic-data li a span {
border-radius: 100%;
color: #999999;
float: right;
height: 24px;
line-height: 24px;
width: 24px;
text-align: center;
}
.categories .category-classic:hover {
box-shadow: 0 6px 20px 4px rgba(0, 0, 0, 0.13);
}
.categories .category-classic:hover .category-classic-icon i {
color: #232323;
}
.categories ul.category-classic-data li:hover a span {
color: #fff;
}
.categories .traingle {
border-color: transparent transparent #f7f8f9;
border-style: solid;
border-width: 0 0 20px 250px;
content: "";
float: right;
margin-bottom: -1px;
margin-top: -19px;
position: relative;
transition: all 0.3s ease 0s;
width: 0;
z-index: 7;
}
.categories .post-tag-section {
background: #f7f8f9 none repeat scroll 0 0;
font-size: 18px;
padding: 0 20px 20px;
}
.categories .cat-all {
background: #555657 none repeat scroll 0 0;
border-radius: 0 3px 0 0;
border-right: 8px solid rgba(0, 0, 0, 0.15);
color: #f2f2f2;
float: right;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
margin-right: -29px;
margin-top: -1px;
padding: 10px 26px 10px 32px;
position: relative;
text-transform: uppercase;
transition: all 0.3s ease 0s;
z-index: 9;
}
.categories .cat-all::after {
border-color: #afafaf transparent transparent;
border-style: solid;
border-width: 12px 8px 0 0;
bottom: 0;
content: "";
height: 0;
margin-bottom: -12px;
margin-right: -7px;
position: absolute;
right: 0;
width: 0;
}
.categories .cat-all::before {
border-color: transparent transparent transparent #f7f8f9;
border-style: solid;
border-width: 55px 0 0 15px;
content: "";
height: 0;
margin-left: -33px;
margin-top: -14px;
position: absolute ;
width: 0;
}
.panel-body .cat_head span{
font-size:14px;
}
.play-video {
color: #fff;
font-size: 35px;
position: absolute;
left: 5px;
bottom: 1px;
opacity:0.6;
transition: all 0.25s ease 0s;
z-index: 9;
width:32px;
}
.shop-grid {
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
.shop-product {
background: #fff none repeat scroll 0 0;
border-radius: 0;
box-shadow: none;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
.shop-product img {
-webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
-moz-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
-ms-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
-o-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
}
.shop-product:hover img {
opacity:0.5;
}
.shop-product-description {
position:relative;
overflow:hidden;
padding: 15px 20px;
}
.shop-product-description h2 {
font-size: 14px;
text-transform:capitalize;
color:#232323;
font-weight:600;
}
.shop-product-description .woocommerce-Price-amount{
color: #232323;
font-size: 14px;
font-weight: 600;
}
.shop-product-description h2 a {
color:#232323;
}
.rating-stars i.filled:before{ color:#ffc107; content:"\f005";}
.shop-product-description .rating-stars i {
font-size:14px;	
}
.shop-product-description .rating-stars a {
font-size:14px;
color:#777;	
}
.product-single .product-name {
border-bottom: 1px dashed #bbb;
margin-bottom: 15px;
}
.product-single .product-name h1 {
font-size: 22px;
text-align: left;
color: #232323;
padding-bottom: 10px;
}
.product-single .rating {
color: #777;
font-size: 16px;
}
.product-single .rating .fa-star {
color: #ffc107;
font-size: 16px;
}
.product-single .product-shop .rating-links {
display: inline-block;
margin-bottom: 0;
margin-left: 5px;
padding: 0;
}
.product-single .product-shop .rating-links a {
color: #777;
font-size: 16px;
}
.product-single .product-shop .rating-links a i {
margin-right:5px;	 
}
.product-single .rating .separator {
color: #ccc;
margin: 0 5px;
}
.info-orther p span.in-stock  {
color: #3ab54a;
}
.info-orther p span.out-stock  {
color: #f21b3f;
}
.product-single .product-shop .price-section {
position: relative;
}
.product-single .product-shop .price-box {
display: block;
margin: 0;
padding: 12px 0;
position: relative;
}
.product-single .product-shop .special-price {
display: inline-block;
margin: 0;
padding: 0;
}
.product-single .product-shop .price-section .special-price .price-label {
color: #777;
font-size: 18px;
margin-right: 5px;
}
.product-single .product-shop .price {
color: #232323;
font-size: 22px;
}
.product-single .product-shop .price-box .old-price {
display: inline-block;
margin: 0;
}
.product-single .product-shop .price-box .old-price .price {
color: #e52d27;
}
.product-single  .short-description h2 {
border-bottom: 1px dashed #bbb;
color: #232323;
font-size: 22px;
margin-bottom: 15px;
padding-bottom: 10px;
text-align: left;
}
.product-single  .point-of-action {
position:relative;
margin-top: 5px;	
}
.product-single  .point-of-action .quantity {
padding-right: 10px;
}
.old-price .price {
color: #777;
margin-left: 6px;
text-decoration: line-through;
}
.old-price .price-label {
color: #777777;
white-space: nowrap;
margin-left:5px;
font-size: 18px;
}
.product-single  .point-of-action .quantity input {
height:41px;
border: medium none;
padding: 0 15px;
border: 1px solid #ccc;
}
.product-single .product-thumb {
margin-top:10px;
position:relative;
overflow:hidden;	
}
.product-single .product-thumb .item a img {
background: #f1f1f1 none repeat scroll 0 0;
border: 1px solid #f1f1f1;
border-radius: 0;
display: block;
padding: 0;
transition: all 0.3s ease 0s;
width: 100%;
}
.product-thumb .owl-controls .owl-nav .owl-next, .product-thumb .owl-controls .owl-nav .owl-prev {
border-radius: 0;
font-size: 20px;
opacity: 1;
transition: all 0.3s ease 0s;
}
.product-thumb .owl-prev {
left: -6px;
position: absolute;
top: 20px;
}
.product-thumb .owl-next {
position: absolute;
right: 9px;
top:20px;
}
.product-single .tab .nav-tabs{
border-bottom: 0 none;
}
.product-single .tab .nav-tabs li{
margin-right: 2px;
}
.product-single .tab .nav-tabs li a{
font-size: 14px;
font-weight: 600;
color: #333;
padding: 18px 25px;
border: none;
border-radius: 0;
background: #efefef;
text-transform: uppercase;
position: relative;
}
.product-single .tab .nav-tabs li.active a:after{
content: "";
position: absolute;
bottom: -12px;
left: 0;
border-bottom: 15px solid transparent;
}
.product-single .tab .nav-tabs li.active a, .product-single .tab .nav-tabs li.active a:focus, .product-single .tab .nav-tabs li.active a:hover{
border: none;
color: #fff;
transition: all 0.20s linear 0s;
}
.product-single .tab .tab-content{
font-size: 15px;
color: #808080;
border: 0 none;
line-height: 25px;
padding: 5px 0;
margin-top: 15px;
}
.product-single .tab .tab-content h3{
margin-top: 10px;
font-size: 22px;
color:#232323;
}
@media only screen and (max-width: 479px){
.product-single .tab .nav-tabs li{
width: 100%;
margin-bottom: 5px;
}
.product-single  .tab .nav-tabs li a{
padding: 20px;
}
.product-single .tab .nav-tabs li.active a:after{
border: none;
}
.product-single .tab .tab-content{
margin-top: 5px;
}
}
.product-single  .product-single-detail {
position:relative;
margin-top:20px;
}
.product-single .product-thumb .item a img:hover {
border-color: #337ab7;
}
.woocommerce .product-single label {
display: inline-block;
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
max-width: 100%;
color: #18293b !important;
text-transform: capitalize;
}
.product-single .product-variation {
position:relative;
overflow:hidden;
margin-bottom:20px; 
}
.shop-grid:hover .product-hover-tools {
bottom: 43%;
opacity: 1;
right: 36%;
text-align: center;
visibility: visible;
} 
.product-hover-tools {
bottom: 46%;
opacity: 0;
position: absolute;
right: 36%;
text-align: center;
transition: opacity 0.3s ease 0s, all 0.3s ease-in-out 0s;
visibility: hidden;
z-index: 2;
}
.product-hover-tools .view-btn {
background-color: white;
border-radius: 5px;
color: #333333;
display: inline-block;
height: 42px;
line-height: 45px;
margin: 3px;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 42px;
}
.product-hover-tools .cart-btn {
background-color: #333333;
border-radius: 5px;
color: white;
display: inline-block;
height: 42px;
line-height: 45px;
margin: 3px;
text-align: center;
text-decoration: none;
vertical-align: middle ;
width: 42px;
}
.ecommerce-shop .mega-menu .menu-links {
float:right;
}
body.rtl  .ecommerce-shop .mega-menu .menu-links {
float:right;
}
#quick-cart-pay {
border-radius: 50%;
top: 35%;
cursor: pointer;
display: block;
font-family: "Poppins",sans-serif;
font-size: 100%;
line-height: 123.077%;
position: fixed;
right: 10px;
text-decoration: none;
}
#quick-cart-pay > span {
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
display: block;
height: 86px;
padding-top: 25px;
position: relative;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
width: 86px;
}
#quick-cart-pay > span {
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 600;
}
#quick-cart-pay #quick-cart-price {
background-color: #16161a;
border-radius: 11px;
bottom: -4px;
display: block;
font-family: "Poppins",sans-serif;
height: 21px;
left: 50%;
padding: 2px 8px 0;
position: absolute;
transform: translateX(-50%);
}
.dashboard-menu-container ul li .menu-names {
color: #555;
font-size: 14px;
font-weight: 600;
padding: 10px 0;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.preloader {
background: #fff none repeat scroll 0 0;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 99999;
}
.preloader .preloader-gif {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/sb-loader.gif) no-repeat scroll 0 0;
display: block;
height: 200px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 200px;
}
#sb_reset_password_modal .modal-header {
background: #232323;
border-radius:0;
}
#sb_reset_password_modal .modal-header h2 {
color:#fff;	
}
#sb_reset_password_modal .modal-footer {
padding: 15px;
border-top: none;
background: none;
padding-top:0;
}
.l1 {
background:#000;	
}
.l2 {
padding-left: 1em;
}
.carspot-price-card {
background: #fff;
padding: 40px 35px;
position: relative;
border-radius: 2px;
overflow: hidden;
margin-bottom:30px;
}
.carspot-price-card p.price {
color: #E52D27;
font-weight: 600;
font-size: 50px; margin-bottom: 0;
}
.carspot-price-card p.price sup {
font-size: 26px;
top: -1.0em;
color: #ddd;
}
.carspot-price-card ul {
margin-top:20px;	
}
.carspot-price-card::after {
position: absolute;
content: '';
bottom: 0;
right: -23px;
width: 88px;
height: 88px;
background: #E52D27;
opacity: .2;
border-radius: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.carspot-price-card::before {
position: absolute;
content: '';
top: -15px;
left: -18px;
width: 88px;
height: 88px;
background: #E52D27;
opacity: .2;
border-radius: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.carspot-price-card h2 {
font-size: 26px;
font-weight: 600;
color: #232323;
margin:0;
line-height:inherit;
}
.pricing-offers {
padding: 0 0 10px;
}
.pricing-offers li {
padding: 0 0 16px;
line-height: 18px;
}
.pricing-offers li:before {
content: "\f00c"; font-family: FontAwesome;
display: inline-block;
width: 1.3em; 
color: #ddd;
}
.pricing-offers li span {
margin-right: 5px;
}
.sticky-button-feature {
position: fixed;
text-align: center;
right: 60px;
bottom: 40px;
display: block;
color: #ffffff;
text-decoration: none;
border-radius: 2px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
background-color: #ffcc00;
padding: 7px 14px;
z-index: 9;
}
.sticky-button-edit a, .sticky-button-rearrange a, .sticky-button-feature a {
color: #fff;
}
.confirmation-buttons .btn.btn-xs.btn-default {
color:#232323 !important;
}
.ad_post_alerts .alert.alert-info.alert-featured {
color:#232323;
border: 1px solid #eceff2;
background: #fff;
position:relative;
}
.ad_post_alerts .alert.alert-warning.alert-bumped {
color:#232323;
border: 1px solid #eceff2;
background: #fff;
position:relative;
}
.ad_post_alerts .alert .skin-minimal {
position: absolute;
right: 20px;
top: 10px;
}
.ad_post_alerts .alert::after {
top: 19px;
}
.leaflet-popup-content-wrapper {
padding: 0;
border-radius: 0;
position: relative;
overflow: hidden;
}
.leaflet-popup-content {
margin: 0;
line-height:inherit;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
background: #fff;
color: #333;
box-shadow:none;
}
.leaflet-popup-content p {
margin:inherit;
}
.leaflet-pane .category-grid-box-1 {
margin-bottom: 0;
} .heading-panel.transparent h1 {
color: #FFF;
}
.heading-panel.transparent h1 span {
color: #FFF;
}
.heading-panel.transparent h1::before, .heading-panel.transparent h1::after {
background-color: #FFF;
}
.heading-panel.transparent .heading-text {
color: #FFF;
}
.mega-menu.header-transparent {
background-color: transparent;
position: absolute;
top: 0;
width: 100%;
}
.mega-menu.header-transparent .menu-links > li > a {
color: #FFF;
}
.mega-menu.header-transparent.desktopTopFixed .menu-links > li > a, .mega-menu.header-transparent.desktopTopFixed .menu-search-bar li a {
color:#242424;	
}
.mega-menu.header-transparent.desktopTopFixed .menu-search-bar li a.btn-theme {
color:#FFF;	
}
.mega-menu.with-search.desktopTopFixed .menu-search-bar input {
border:1px solid #CCC;
color:#999;	
}
.mega-menu .drop-down-multilevel .hoverTrigger a span.label {
color: #FFF;
display: inline-block;
}
.mega-menu.header-transparent .menu-search-bar li {
float: left;
width: auto;
padding: 0 13px;
}
.mega-menu.header-transparent .menu-search-bar li:last-child {
padding: 0;
}
.mega-menu.header-transparent .menu-search-bar li a {
color: #FFF;
text-transform: uppercase;
font-size: 14px;
}
.mega-menu.header-transparent .menu-search-bar li a i.icon-envelope {
margin:0 5px;	
}
.hero-section {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/slider/slider-image.png) center center no-repeat;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 850px;
padding-top: 200px;
}
.section-style:before {
background: rgba(0, 0, 0, 0.3) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/section-style.png);
background-position: bottom left;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.section-style-2:before {
background: rgba(0, 0, 0, 0.7) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/section-style-2.png);
background-position: bottom left;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.section-style-2 {
position: relative;
}
.hero-section.section-style {
margin-bottom: 80px;
}
.section-style {
background-color: #FFF;
position: relative;
}
.hero-section .hero-text {
margin-top: 20px;
}
.hero-section .hero-text h1 {
color: #FFF;
font-size: 34px;
font-weight: 600;
line-height: 50px;
margin-bottom: 40px;
}
.hero-section .hero-text h1::after {
background-color: #FFF;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
width: 100px;
bottom: -10px;
}
.hero-section .hero-text p {
font-size: 18px;
color: #FFF;
margin-bottom: 20px;
}
.hero-section .hero-text ul li {
padding:3px 0;
font-size:16px;
color:#FFF;	
}
.hero-section .hero-text ul {
margin-bottom:20px;	
}
.hero-section .hero-text ul li i {
margin-right:5px;	
}
.hero-section .hero-car {
position: absolute;
bottom: -150px;
left: 0;
max-width: 820px;
}
.hero-section .hero-form {
background-color: #FFF;
padding: 30px;
border-radius: 0 0 30px 30px;
position: relative;
padding-top: 0;
}
.hero-section .hero-form-top-style {
margin-top: -45px;
} .hero-section .hero-form label {
font-size: 16px;
z-index: 999;
}
.hero-section .hero-form .form-control {
z-index: 9999;
padding: 13px;
}
.hero-section .hero-form .form-group {
margin-bottom: 20px;
}
.hero-section .hero-form .form-group:last-child {
margin-bottom: 0;
}
.hero-section .hero-form .select2-container--default .select2-selection--single {
height: 50px;
}
.hero-section .hero-form .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 45px;
}
.hero-section .hero-form .hero-form-heading {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.hero-section .hero-form .hero-form-heading h2 {
font-size: 64px;
color: #000;
font-weight: 600;
float: left;
line-height: 80px;
margin-right: 10px;
}
.hero-section .hero-form .hero-form-heading p {
margin-bottom: 0;
color: #999;
margin-top:15px;
}
.hero-section .hero-form .select2-selection--single .select2-selection__placeholder {
color: #999;
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
} .grid-style-3 .title-area {
padding: 15px;
}
.grid-style-3 .title-area .location {
margin-bottom: 0;
}
.grid-style-3 .category-grid-box-1 .short-description-1 ul {
margin-top: 0;
}
.services-3 {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/slider/services-bg.png) center center no-repeat;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 500px;
position: relative;
margin-bottom: 230px;
}
.services-3 .services-3-box {
background-color: #FFF;
padding: 30px 20px;
position: relative;
margin-bottom: 30px;
border: 1px solid #eee;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease- 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.services-3 .services-3-box:hover {
box-shadow: 0px 2px 22px 0px rgba(0,0,0,0.08);
}
.services-3 .services-3-box .icon-area {
max-width: 100px;
margin-bottom: 20px;
}
.services-3 .services-3-box .counts {
position: absolute;
top: 40px;
;
right: 20px;
font-size: 80px;
font-weight: 600;
opacity: 0.07;
}
.services-3 .services-3-box h3 {
font-size: 18px;
color: #242424;
font-weight: 600;
margin-bottom: 10px;
}
.funfacts.with-services {
background: none;
position: relative;
text-align: left;
margin-top: 50px;
}
.funfacts.with-services .number {
color: #242424;
}
.funfacts.with-services h4 {
margin-bottom: 0;
color: #242424;
} .trending-ads {
position: relative;
}
.trending-ads .trending-single-ad {
margin-bottom: 30px;
}
.trending-ads .img-container {
float: left;
width: 40%;
margin: 24px 0;
margin-right: 20px;
position: relative;
}
.trending-ads .img-container::before {
background: #000000 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.trending-single-ad:hover .img-container::before {
opacity: 0.4;
}
.trending-ads .trending-ad-detail {
border: 1px solid #f1f1f1;
padding: 20px;
margin-left: 30px;
}
.trending-ads .trending-ad-detail span.price {
font-weight: 600;
font-size: 20px;
color: #E52D27;
}
.trending-ads .trending-ad-detail h3 {
margin-bottom: 5px;
}
.trending-ads .trending-ad-detail h3 a {
color: #242424;
font-weight: 500;
}
.trending-ads .trending-ad-detail p a {
color: #777;
}
.trending-ads .trending-ad-detail p i {
margin-right: 5px;
}
.trending-ads .trending-ad-detail ul {
margin-top: 0;
}
.trending-ads .trending-ad-detail ul li {
display: inline-block;
font-size: 16px;
overflow: hidden;
position: relative;
color: #777;
margin-right: 10px;
margin-bottom: 0;
}
.trending-ads .trending-ad-detail ul li a {
color: #777;
font-weight: 500;
}
.trending-ads .trending-ad-detail ul li i {
color: #777;
float: left;
font-size: 14px;
margin-right: 10px;
}
.trending-ads .img-container .ad-status {
background-color: #E52D27;
color: #fff;
font-size: 12px;
font-weight: 600;
left: 0;
padding: 0 10px;
position: absolute;
text-transform: uppercase;
top: 0;
}
.trending-ads .img-container .total-images {
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
bottom: 0;
right: 0;
padding: 0 10px;
position: absolute;
color: #fff;
line-height: 26px;
font-size: 12px;
text-align: center;
}
.trending-ads .img-container .quick-view {
margin-top: -100px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
z-index: 9999;
}
.trending-ads .img-container .quick-view .view-button {
background: #fff none repeat scroll 0 0;
border: medium none;
color: #252525;
display: inline-block;
font-size: 16px;
height: 40px;
line-height: 40px;
margin-left: 5px;
margin-right: 5px;
opacity: 0;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-o-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
width: 40px;
}
.trending-ads .trending-single-ad:hover .view-button {
opacity: 1;
} .sell-box.sell-box-2 {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/slider/call-to-action.png) center center no-repeat;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
min-height: 540px;
}
.sell-box.sell-box-2 .sell-box-grid {
margin-top: 50px;
}
.sell-box.sell-box-2 .sell-box-grid .short-info {
padding-left: 0;
padding-bottom: 100px;
}
.sell-box.sell-box-2 .sell-box-grid.right .short-info {
padding-left: 0;
text-align: right;
}
.sell-box.sell-box-2 .sell-box-grid.right p {
padding-right: 0;
padding-left: 150px;
text-align: right;
}
.sell-box.sell-box-2 h3 {
color: #FFF;
}
.sell-box.sell-box-2 .sell-box-grid a.headings {
color: #FFF;
font-size: 30px;
}
.sell-box.sell-box-2 .sell-box-grid p {
color: #fff;
}
.sell-box.sell-box-2 .sell-box-grid img {
padding: 0;
}
.sell-box.sell-box-2.black_text h3, .sell-box.sell-box-2.black_text .sell-box-grid a.headings, .sell-box.sell-box-2.black_text .sell-box-grid p {
color:#242424;	
}
.footer-transparent {
padding-top: 80px;
padding-bottom: 30px;
position: relative;
}
.footer-transparent:before {
background: rgba(0, 0, 0, 0.8);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.footer-transparent img.footer-logo {
margin-bottom: 15px;
}
.footer-transparent .footer-block p {
margin-bottom: 20px;
color: #FFF;
padding-right: 20px;
}
.footer-transparent .footer-block .page-links.multiple {
columns: 2;
list-style: disc;
color: #FFF;
padding-left: 15px;
}
.footer-transparent .footer-block .page-links.multiple li {
margin-bottom: 10px;
}
.footer-transparent .footer-block .page-links.multiple li a {
color: #FFF;
}
.footer-transparent .footer-block .app-btn {
float: left;
margin-bottom: 0;
padding: 5px 10px;
}
.footer-transparent .footer-block .app-btn .icon-text h5 {
font-size: 14px;
}
.footer-transparent .footer-block .social-bar ul {
padding-left: 0;
list-style: none;
}
.footer-transparent .footer-block .social-bar li {
float: left;
}
.footer-transparent .footer-block .social-bar li a {
color: #FFF;
padding: 15px;
padding-left: 15px;
font-size: 20px;
}
.footer-transparent .footer-block .app-btn {
background-color: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.3);
padding: 0;
display: inline-flex;
border-radius: 5px;
margin-bottom: 30px;
min-width:185px;
}
.footer-transparent .footer-block .app-btn:last-child {
margin-bottom:0;	
}
.footer-transparent .footer-block .app-btn a {
display: inherit;
padding:10px 20px;
}
.footer-transparent .footer-block .app-btn .icon {
float: left;
margin-right: 15px;
}
.footer-transparent .footer-block .app-btn .icon i {
font-size: 40px;
color: #FFF;
line-height: 45px;
}
.footer-transparent .footer-block .app-btn .icon-text small {
color: #FFF;
text-transform: uppercase;
}
.footer-transparent .footer-block .app-btn .icon-text h5 {
color: #FFF;
margin: 0;
font-size: 16px;
line-height: 10px;
font-weight: 600;
}
.footer-transparent .footer-block h4 {
color: #FFF;
font-size: 24px;
font-weight: 500;
margin-top: 0;
margin-bottom: 20px;
}
.footer-transparent .footer-bottom {
margin-top: 60px;
padding: 30px 0;
border-top: 1px solid #999999;
position: relative;
text-align: center;
padding-bottom:0;
}
.footer-transparent .footer-bottom p {
color: #FFF;
font-size: 16px;
margin-bottom: 0;
}
.footer-transparent .footer-bottom a {
color: #E52D27;
text-decoration: underline;
font-weight: 600;
} .mega-menu.with-search {
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.mega-menu.with-search .menu-search-bar input {
max-width: none;
font-size: 16px;
background-color: rgba(255,255,255,0.3);
height: 45px;
padding: 10px 15px;
border-radius: 3px;
border: none;
}
.mega-menu.with-search .menu-search-bar input:focus {
max-width: none;
}
.mega-menu.with-search .menu-search-bar button {
background-color: rgba(255,255,255,0.3);
border-radius: 3px;
border: none;
height: 45px;
padding: 10px 20px;
}
.mega-menu .menu-search-bar li:hover i.fa.fa-search {
background: none;
}
.mega-menu.with-search .menu-search-bar i.fa.fa-search {
position: relative;
overflow: hidden;
line-height: normal;
width: auto;
}
.mega-menu.with-search .menu-search-bar li:hover i.fa.fa-search {
background:transparent;	
} .section-style-3 {
position: relative;
}
.section-style-3:before {
background: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/section-style-3.png);
background-position: bottom left;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9;
}
.opacity-color:after {
background: rgba(0, 0, 0, 0.8);
background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(44, 62, 80, 0.9));
background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(44, 62, 80, 0.9));
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.hero-section-2 {
background: rgba(0, 0, 0, 0) url(//grupocomersa.com.mx/wp-content/themes/carspot/images/slider/slider-image-2.png) center center no-repeat;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 850px;
padding-top: 200px;
}
.hero-section-2 .hero-section-2-text {
position: relative;
overflow: hidden;
text-align: center;
z-index: 9;
margin-bottom: 50px;
}
.hero-section-2 .hero-section-2-text p {
font-size: 30px;
color: #FFF;
margin-bottom: 0;
}
.hero-section-2 .hero-section-2-text h1 {
font-size: 90px;
color: #FFF;
font-weight: 600;
line-height: 130px;
text-shadow: 1px 8px rgba(255,255,255,0.20);
}
.hero-section-2 .hero-car {
z-index: 9;
position: relative;
} .car-brands {
}
.car-brands ul li {
text-align: center;
margin-right: 8px;
margin-bottom: 8px;
float: left;
}
.car-brands ul li:last-child {
margin-right: 0;
}
.car-brands ul li a {
padding: 30px;
display: block;
border-radius: 5px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease- 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.car-brands ul li h4 {
margin-top: 20px;
font-size: 18px;
font-weight: 500;
color: #242424;
}
.car-brands ul li a:hover {
background: #333333;
background: -webkit-linear-gradient(to bottom, #dd1818, #333333);
background: linear-gradient(to bottom, #dd1818, #333333);
color: #FFF;
}
.car-brands ul li a:hover h4 {
color: #FFF;
} .grids-style-4 {
position: relative;
}
.grids-style-4 .grid-upper {
position: relative;
overflow: hidden;
}
.grids-style-4 .grid-upper:before {
background: rgba(0,0,0,0.5);
background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.01), rgba(0,0,0,0.95));
background: linear-gradient(to bottom, rgba(0,0,0,0.01), rgba(0,0,0,0.95));
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.grids-style-4 .grid-upper .grid-meta {
position: absolute;
bottom: 0;
padding: 20px;
}
.grids-style-4 .grid-upper .grid-meta .price-label {
color: #FFF;
font-weight: 600;
}
.grids-style-4 .grid-upper .grid-meta .price-label span {
color: #E52D27;
}
.grids-style-4 .grid-upper .grid-meta h3 a {
color: #FFF;
}
.grids-style-4 .grid-upper .grid-meta p {
margin-bottom: 0;
color: #FFF;
font-size: 14px;
}
.grids-style-4 .grid-upper .grid-meta p i {
color: #E52D27;
}
.grids-style-4 .grid-upper .featured-tag {
position: absolute;
top: -10px;
left: -40px;
background-color: #E52D27;
padding: 15px 30px;
transform: rotate(-40deg);
text-align: center;
width: 110px;
height: 45px;
}
.grids-style-4 .grid-upper .featured-tag i {
color: #FFF;
}
.grids-style-4 .grid-upper .play-btn {
position: absolute;
top: 50px;
right: 40px;
}
.grids-style-4 .grid-bottom .ad-info-1 {
padding: 0;
}
.grids-style-4 .grid-bottom .ad-info-1 ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.grids-style-4 .grid-bottom .ad-info-1 ul li {
text-align: center;
padding: 0;
}
.grids-style-4 .grid-bottom .ad-info-1 ul li a {
border-left: 1px solid #e5e5e5;
display: block;
font-size: 18px;
height: inherit;
line-height: 48px;
text-align: center;
width: 48px;
}
.grids-style-4 .grid-bottom .ad-info-1 ul li a i {
margin-right: 0;
}
.grids-style-4 .grid-bottom .ad-info-1 p {
display: inline-block;
line-height: 48px;
margin-bottom: 0;
font-size: 18px;
padding-left: 15px;
}
.grids-style-4 .grid-4-box {
box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.16);
margin-bottom: 30px;
} .our-best-services {
background-image: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/slider/services-bg.png);
height: 700px;
position: relative;
padding: 100px 0;
}
.our-best-services::before {
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 7, 81, 0.7));
}
.best-services-main-section {
text-align: center;
color: #FFFFFF;
position: relative;
width: 50%;
margin: 0 auto;
z-index: 9;
}
.services-text-area {
margin-bottom: 36px;
}
.services-text-area h2 {
font-size: 30px;
font-weight: 500;
}
.services-text-area h2::before {
background: #FFFFFF;
bottom: -6px;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 99px;
}
.services-text-area h2::after {
background: #FFFFFF;
bottom: -16px;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 59px;
}
.services-short-text p {
line-height: 26px;
}
.services-box-section .services-main-content {
position:relative;
}
.services-icons-section {
position:relative;
}
.services-icons-section img {
display:block;
margin:0 auto;	
}
.services-main-content h3 {
color:#FFF;
text-align:center;
margin-bottom:10px;
font-weight:600;	
}
.services-main-content p {
color:#FFF;
text-align:center;
margin-bottom:0;	
}
.services-wrapped-section {
position: relative;
z-index: 9;
overflow: hidden;
margin-top: 20px;
}
.section-style-divider:before {
background: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/section-style-3.png);
background-position: bottom left;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9;
}
.section-style-divider-2:before {
background: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/section-style-3-left.png);
background-position: bottom left;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9;
}
.section-style-divider-3:after {
background: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/section-style-3-top-right.png);
background-position: top left;
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9;
}  .carspot-icons-series {
float: left;
margin-right: 15px;
margin-top: 6px;
}
.carspot-car-categories {
float: left;
padding-right: 70px;
}
.car-details-section {
position: relative;
overflow: hidden;
}
.carspot-dealership-section {
padding: 60px 0;
position: relative;
overflow:hidden;
}
.carspot-new-text-section h2 {
color: #020202;
font-size: 24px;
font-weight: 500;
}
.carspot-new-text-section {
margin-bottom: 40px;
}
.carspot-new-text-section h2::before {
background-color: #242424;
bottom: -5px;
content: "";
height: 2px;
left: 0;
position: absolute;
right: 0;
width: 99px;
}
.carspot-new-text-section h2::after {
background-color: #242424;
bottom: -15px;
content: "";
height: 2px;
left: 0;
position: absolute;
right: 0;
width: 59px;
}
.carspot-short-text-section {
margin-bottom: 30px;
}
.car-details-section span {
color: #777;
font-size: 16px;
line-height: 45px;
}
.carspot-icons-series i {
color: #777;
}
.carspot-short-text-section p {
line-height: 26px;
}
.carspot-main-section {
position: relative;
padding: 0 85px;
}
.new-cars-detail-section .count-setion {
column-count: 2;
}
.new-cars-detail-section .count-setion li i {
padding-right: 15px;
}
.new-cars-detail-section .count-setion li {
line-height: 40px;
}
.cars-alloy-rims {
position: absolute;
left: 0;
bottom: -20px;
}
.cars-images {
position: absolute;
right: -70px;
bottom: 40px;
}
.cars-images img {
width: 90%;
}  .pricing-main-section {
text-align: center;
width: 50%;
margin: 0 auto;
margin-bottom: 50px;
}
.pricing-table {
padding: 70px 0;
}
.pricing-text-area h2 {
color: #020202;
font-weight: 500;
}
.pricing-text-area h2::before {
background: #E52D27;
bottom: -6px;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 99px;
}
.pricing-text-area h2::after {
background: #E52D27;
bottom: -16px;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 59px;
}
.pricing-text-area span {
color: #E52D27;
font-weight: 500;
}
.pricing-text-area {
margin-bottom: 35px;
}
.pricing-short-text p {
line-height: 26px;
}
.pricing-section-images {
background: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/s7.png);
height: 155px;
padding: 20px 25px;
}
.price-main-section {
padding: 25px 20px;
}
.price-section {
float: right;
position: relative;
overflow: hidden;
color: #ffff;
}
.pricing-standard-plan {
float: left;
color: #ffff;
}
.price-section h3 {
font-size: 40px;
line-height: inherit;
padding-top: 12px;  
}
.price-section h4 {
font-size: 25px;  
}
.price-section span {
font-size: 22px;
}
.pricing-table-box {
border: 1px solid #cccc;
box-shadow: 3px 5px 12px 2px #ccc;
}
.price-add-section {
text-align: center;
}
.price-add-section .price-feature-add li {
line-height: 50px;
font-size: 20px;
}
.price-select-buttons {
text-align: center;
margin-top: 20px;
}
.price-select-buttons .btn-primary {
background-color: #E52D27;
color: #FFFFFF;
border: none;
font-size: 14px;
}  .client-box-section {
margin: 0 auto;
display: table;
}
.carspot-client-section {
padding: 30px 0px 60px 0px;
}  .carspot-footer-section {
background: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/foo.png);
height: auto;
background-position: center;
position: relative;
padding: 100px 0 15px;
}
.carspot-footer-section::before {
content: "";
top: 0;
bottom: 0;
right: 0;
left: 0;
position: absolute;
background: rgba(0,0,0,0.8);
}
.get-our-apps-section {
text-align: center;
width: 60%;
margin: 0 auto;
z-index: 99;
position: relative;
}
.get-our-apss-text-section h2 {
color: #fff;
font-size: 28px;
font-weight: 700;
}
.get-our-apss-text-section h2::before {
background: #FFFFFF;
bottom: -11px;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 99px;
}
.get-our-apss-text-section h2::after {
background: #FFFFFF;
bottom: -24px;
content: "";
height: 2px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 59px;
}
.apps-short-text p {
color: #fff;
font-size:20px;
}
.get-our-apss-text-section {
margin-bottom: 45px;
}
.get-apps {
display: inline-flex;
margin: 0 auto;
display: inline-flex;
margin: 0 auto;
padding-right: 15px;
}
.new-get-apps-section {
display: table;
padding-bottom: 30px;
margin: 0 auto;
position: relative;
z-index: 99;
}
.apps-short-text {
margin-bottom: 25px;
}
.footer-bottom-new-text-section {
text-align: center;
margin-top: 20px;
position: relative;
z-index: 99;
}
.footer-bottom-new-text-section p {
color: #FFFFFF;
}
.footer-alignment {
border-top: 2px solid #FFFFFF;
}
.footer-bottom-new-text-section span {
color: #E52D27;
}
.footer-bottom-new-text-section p {
font-weight: 500;
font-size: 18px;
}  .dwt-carousal-section {
padding-bottom: 0;
}
.carosual-content {
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.carosual-content::before {
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
background: rgba(0,0,0,0.7);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.listing-page-slider .owl-item.active.center .carosual-content::before {
background: none;
}
.dwt-carousal-section .owl-prev {
position: absolute;
bottom: 43%;
left: 0;
}
.dwt-carousal-section .owl-next {
position: absolute;
bottom: 43%;
right: 0;
}
.dwt-carousal-section .owl-theme .owl-nav [class*="owl-"] {
border-radius: 0;
background: rgba(255,255,255,0.2);
padding:25px 5px !important;
border:1px solid rgba(255,255,255,0.21);
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.dwt-carousal-section .owl-theme .owl-nav [class*="owl-"]:hover {
background: rgba(255,255,255,1);
}
.dwt-carousal-section .owl-theme .owl-nav [class*="owl-"] i {
color:rgba(255,255,255,0.5);
font-size:24px;	
}
.dwt-carousal-section .owl-theme .owl-nav [class*="owl-"]:hover i {
color:#232323;
font-size:24px;	
}
.center {
margin-top: 0;
}  .single-bar-image img {
border-radius: 60px;
}
.single-bar-text-section {
position: relative;
overflow: hidden;
}
.single-bar-image {
float: left;
position: relative;
padding-right: 15px;
}
.single-bar-image img {
min-width:100px;
min-height:100px;
max-width:100px;
max-height:100px;
box-shadow:1px 0px 20px rgba(0,0,0,0.10);	
}
.single-details-section {
position: relative;
overflow:hidden;
margin:5px 0;
}
.featured-categories .f-badge {
padding: 6px 19px;
background-color: #B31217;
border: none;
text-transform:capitalize;
font-family:'Poppins', sans-serif;
font-weight:300;
font-size:12px;
color:#FFF;
}
.featured-categories {
position: relative;
overflow: hidden;
}
.single-page-anchors-section {
position: relative;
}
.single-page-title-bar {
padding: 30px 0;
position: relative;
overflow: hidden;
}
.single-price-section h2 {
color: #e52d27;
font-size: 22px;
font-weight: 500;
}
.single-price-section h2 span {
font-weight: 300;
font-size: 15px;
color: #838383;
margin-left: 5px;
}
.single-details-section h3 {
font-size: 26px;
color: #232323;
float:left;
margin-right:15px;
font-weight:600;
}
.single-page-anchors-section .style-5 li a {
color: #777;
font-size: 12px;
text-transform:uppercase;
}
.single-page-anchors-section .style-5 li {
line-height: 14px;
text-transform: uppercase;
float: left;
padding: 7px 15px;
border: 1px solid #e1e1e1;
border-radius: 40px;
margin-right: 10px;
font-size:12px;
}
.single-price-section {
margin-bottom: -5px;
}
.single-page-anchors-section .style-5 li a .rovers {
color: #e52d27;
}
.single-page-anchors-section .style-5 li a .edit-1 {
color: #e52d27;
}
.single-bar-buttons-section {
float: right;
margin-top: 35px;
}
.single-bar-buttons-section .style-6 li .btn {
padding:10px 15px;
color:#232323;
border-radius:0;
font-family:'Poppins', sans-serif;
text-transform:capitalize;
font-weight:300;
border-radius:4px;	
}
.single-bar-buttons-section .style-6 li .btn i {
margin-right:5px;
}
.single-bar-buttons-section .style-6 li .btn-primary {
background: rgba(0, 191, 36, 0.1);
border: 1px solid rgba(0, 191, 36, 0.4);
}
.single-bar-buttons-section .style-6 li .btn-primary i {
color:rgba(0, 191, 36, 0.9);
}
.single-bar-buttons-section .style-6 li .btn-success {
border: 1px solid rgba(246, 181, 27, 0.4);
background: rgba(246, 181, 27, 0.1);
}
.single-bar-buttons-section .style-6 li .btn-success i {
color:rgba(246, 181, 27, 0.9);
}
.single-bar-buttons-section .style-6 li .btn-info {
border: 1px solid rgba(255, 142, 142, 0.4);
background: rgba(255, 142, 142, 0.1);
}
.single-bar-buttons-section .style-6 li .btn-info i {
color:rgba(255, 142, 142, 0.9);
} .single-title-buttons .new-title-page-button-section li a {
padding: 13px 30px;
border-right:1px solid #f1f1f1;
color:#232323;
font-family:'Poppins', sans-serif;
display:block;
font-size:14px;
}
.single-title-buttons .new-title-page-button-section li:first-child a {
border-left:1px solid #f1f1f1;
}
.new-title-button-section {
border-top: 1px solid #f1f1f1;
position: relative;
overflow: hidden;
box-shadow: 0px 20px 20px rgba(0,0,0,0.05);
}
.new-title-button-section .list-inline > li {
padding-right: 0;
padding-left: 0;
}
.single-title-buttons .new-title-page-button-section li a:nth-child(2n+6) {
border-right: 1px solid #CCCCCC;
}
.single-detail-page {
padding: 30px 0;
} .single-listing-4 {
position:relative	
}
.single-listing-4 .key-features {
margin-top:0;
margin-bottom:30px;	
}
.single-listing-4 .key-features .boxicon {
border:none;
padding:10px;
height:auto;	
}
.single-listing-4 .key-features .boxicon.petrol {
background-color:rgba(0, 131, 201, 0.2);
}
.single-listing-4 .key-features .boxicon.kilo-meter {
background-color:rgba(255, 87, 0, 0.2);
}
.single-listing-4 .key-features .boxicon.engile-capacity {
background-color:rgba(255, 155, 48, 0.2);
}
.single-listing-4 .key-features .boxicon.reg-year {
background-color:rgba(229, 45, 39, 0.2);
}
.single-listing-4 .key-features .boxicon.transmission {
background-color: rgba(0, 166, 81, 0.2);
}
.single-listing-4 .key-features .boxicon.body-type {
background-color:rgba(120, 94, 221, 0.2);
}
.single-listing-4 .key-features .boxicon.car-color {
background-color:rgba(228, 64, 95, 0.2);
}
.single-listing-4 .key-features .boxicon img {
margin:0 auto;
display:block;
width:50px;	
}
.single-listing-4 .key-features .boxicon p {
margin-bottom:0;
color:#232323;	
}
.single-listing-4 .key-features .boxicon a {
cursor:default;	
}
.single-listing-4 .content-box-grid {
border:none;
padding:0;
background-color:transparent;	
}
.single-listing-4 .content-box-grid .short-features {
box-shadow:1px 0px 20px rgba(0,0,0,0.07);
margin-top:0;
background-color: #FFF;	
}
.single-listing-4 .singlepage-detail {
overflow:visible;	
}
.single-listing-4 .short-features .heading-panel {
padding:0 30px;
border-bottom:1px solid #f1f1f1;
margin-bottom:0;
}
.single-listing-4 .short-features .short-feature-body {
position:relative;
padding:30px;
width: 100%;
float: left;
}
.single-listing-4 .short-features .grid-panel {
padding:0;	
}
.single-listing-4 .bidding-states {
position:relative;
overflow: hidden;
margin-bottom: 30px;
}
.single-listing-4 .bidding-states ul {
margin-bottom:0;	
}
.single-listing-4 .bidding-states ul li {
width:33.3%;
padding:15px;
float:left;	
}
.single-listing-4 .bidding-states ul li h4 {
color:#232323;
font-weight:500;
font-size:20px;	
}
.single-listing-4 .bidding-states ul li p {
font-weight:500;
font-size:20px;	
font-family:'Poppins', sans-serif;
margin-bottom:0;
}
.single-listing-4 .bidding-states ul li:nth-child(1) {
background-color:rgba(255, 87, 0, 0.2);	
}
.single-listing-4 .bidding-states ul li:nth-child(1) p {
color:rgba(255, 87, 0, 0.8);	
}
.single-listing-4 .bidding-states ul li:nth-child(2) {
background-color:rgba(0, 131, 201, 0.2);	
}
.single-listing-4 .bidding-states ul li:nth-child(2) p {
color:rgba(0, 131, 201, 0.8);	
}
.single-listing-4 .bidding-states ul li:nth-child(3) {
background-color:rgba(255, 155, 48, 0.2);	
}
.single-listing-4 .bidding-states ul li:nth-child(3) p {
color:rgba(255, 155, 48, 0.8);	
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box {
border-radius:4px;
margin-bottom:30px;
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-title {
background-color:#f9f9f9;
padding:20px;
position:relative;
overflow:hidden;
border-radius:4px 4px 0 0;
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-title .bidding-new-meta {
float:left;
width:70%;
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-title .bidding-new-meta .bid-meta-img {
float:left;
margin-right:15px;
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-title .bidding-new-meta .bid-meta-img img {
max-width:60px;
max-height:60px;
max-height:60px;
min-height:60px;
border-radius:50%;	
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-title .bidding-new-meta .bid-meta-name p {
color:#777;
margin-bottom:0;
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-title .bidding-new-meta .bid-meta-name h3 {
color:#232323;
font-weight:500;
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-desc {
padding:20px;
box-shadow:1px 0px 20px rgba(0,0,0,0.07);
border-radius: 0 0 4px 4px;
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-desc p {
margin-bottom:0;
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-title .bidding-new-bids span {
float: right;
display: inline-block;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
height: 46px;
line-height: 46px;
padding: 0 20px;
color: #fff;
background-color: #bf1919;
text-shadow: 1px 1px 1px #921313;
font-weight: bold;
font-size: 24px;
text-indent: -6px;
position: relative;
-moz-transform-origin: 88% 10%;
-ms-transform-origin: 88% 10%;
-webkit-transform-origin: 88% 10%;
transform-origin: 88% 10%;	
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-title .bidding-new-bids span::before {
content: "";
position: absolute;
top: 0;
left: -20px;
width: 0;
height: 0;
border-top: 23px solid transparent;
border-bottom: 23px solid transparent;
border-right: 20px solid #bf1919;
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-title .bidding-new-bids div {
position:relative;
display:inline-block;
margin-top: 10px;
float:right;
}
.single-listing-4 .short-features .short-feature-body .bidding-new-box .bidding-new-title .bidding-new-bids div a {
position:relative;
background-color: #242424;
color: #FFF;
padding: 5px 20px;
border-radius: 4px;	
}
.single-listing-4 .short-features .short-feature-body .bidding {
position:relative;
max-height:500px;
padding:30px;	
}
.single-listing-4 .short-features .short-feature-body .chat-form {
position:relative;
overflow:hidden;	
}
.single-listing-4  .category-list-icon i {
font-size: 20px;
padding: 12px;
line-height: 20px;
border-radius: 4px;
margin-right: 10px;
}
.single-listing-4 .category-list-title {
padding: 0;
font-family:'Poppins', sans-serif;
}
.single-listing-4 .category-list-icon {
background-color:#f9f9f9;
margin-bottom:20px;
padding:5px;
border-radius:4px;
}
.single-listing-4 .category-list-icon h5 {
line-height:40px;	
}
.single-listing-4 .category-list-title h5 > a {
font-size: 16px;
font-weight: 300;
font-family:'Poppins', sans-serif;
}
.single-listing-4 .singlemap-location .template-icons {
background-color: #fff;
border: 1px solid #e5e5e5;
display: block;
float: left;
font-size: 14px;
padding: 0;
width: 100%;
}
.single-listing-4 .sidebar .widget {
margin-bottom:20px;
}
.mega-menu.header-transparent.make-relative {
position:relative;	
}
.mega-menu.header-transparent.make-relative .menu-links > li > a, .mega-menu.header-transparent.make-relative .menu-search-bar li a {
color:#232323;	
}
.mega-menu .menu-search-bar ::placeholder {
color:#ccc;	
}
.mega-menu.header-transparent.make-relative .menu-search-bar li a.btn-theme {
color:#FFF;	
}
.mega-menu.header-transparent.make-relative .menu-search-bar input {
background-color: #FFFFFF;
border:1px solid #ccc;
color:#232323;
}
.mega-menu.header-transparent.make-relative .menu-search-bar input::placeholder {
color: #999 !important;
}
.mega-menu.with-search .menu-search-bar li .form-inline button.btn {
background-color:#E52D27;	
}
.fixed-single-navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color:#FFF;
z-index:99;
}
.finance-form-result {
display:none;
background-color:rgba(0, 131, 201, 0.2);
position:relative;
border-radius:4px;
padding:15px;
margin-bottom:20px;	
font-family: "Poppins",sans-serif;
}
.finance-form-result div {
color: #232323;
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 131, 201, 0.2);
position: relative;
overflow: hidden;
}
.finance-form-result div:last-child {
margin:0;
padding:0;
border:none;	
}
.finance-form-result span {
color:rgba(0, 131, 201, 1);
font-weight:500;
font-size:18px;
float:right;
}
.sidebar .widget .widget-content .finance-calculator #rest-finace-form {
float:right;	
}
.sidebar .widget .widget-content .finance-calculator input {
background-color:#f9f9f9;	
}
.fule-economy {
background: url(//grupocomersa.com.mx/wp-content/themes/carspot/images/fule-economy-bg.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
position: relative;
height:150px;
margin-bottom:20px;
padding:15px;
}
.fule-economy h4 {
color:#FFF;
text-align:center;
}
.fule-economy ul {
margin-top:10px;
}
.fule-economy ul li:first-child {
color:#FFF;
padding-left:70px;
}
.fule-economy ul li:last-child {
color:#FFF;	
padding-right:70px;
float:right;
}
.fule-economy ul li h5 {
font-size:34px;
font-weight:600;
text-align:center;
line-height:1;	
}
.fule-economy ul li p {
margin-bottom:0;
font-size:14px;	
}
.additional-btns {
position:relative;
overflow:hidden	
}
.additional-btns ul li {
position:relative;
overflow:hidden	;
margin-bottom:5px;
}
.additional-btns ul li a {
position:relative;
background-color:#FFF;
font-size:20px;
display:block;
color:#232323;
font-weight:600;
}
.additional-btns ul li:nth-child(2) i {
background-color: rgba(228, 64, 95, 1);	
}
.additional-btns ul li:nth-child(3) i {
background-color: rgba(0, 131, 201, 1);	
}
.additional-btns ul li i {
background-color: rgb(255, 87, 0);
color: #fff;
padding: 20px;
margin-right: 15px;
font-size: 40px;
position: relative;
overflow: hidden;
float:left;
}	
.additional-btns ul li a span {
line-height:80px;
}
.test-drive-modal .form-control, .make-offer-modal  .form-control {
background-color: #f9f9f9;
}
.datepickers-container {
z-index:999999;	
}
.test-drive-modal .modal-header, .make-offer-modal .modal-header {
color:#FFF;
background-color:#232323;	
}
.test-drive-modal .modal-header .close, .make-offer-modal .modal-header .close {
color:#FFF;	
}
.test-drive-modal .modal-header h3, .make-offer-modal .modal-header h3 {
color:#fff;
font-size:24px;	
}
.single-listing-4 .additional-btns {
position:relative;
overflow:hidden	
}
.single-listing-4 .additional-btns ul li {
position:relative;
overflow:hidden	;
margin-bottom:20px;
}
.single-listing-4 .additional-btns ul li a {
position:relative;
background-color:#f5f5f5;
padding:5px;
font-family: 'Poppins', sans-serif;
font-size:16px;
display:block;
border-radius:4px;
color:#232323;
font-weight:400;
}
.single-listing-4 .additional-btns ul li:nth-child(2) i {
background-color: rgba(228, 64, 95, 1);	
}
.single-listing-4 .additional-btns ul li:nth-child(3) i {
background-color: rgba(0, 131, 201, 1);	
}
.single-listing-4 .additional-btns ul li i {
background-color: rgb(255, 87, 0);
color: #fff;
padding: 10px;
margin-right: 10px;
font-size: 24px;
border-radius:4px;
position: relative;
overflow: hidden;
float:left;
}
.single-listing-4 .additional-btns ul li a span {
line-height:42px;
} .ad-listing.on-profile {
background-color:#FFF;
box-shadow: 1px 0px 20px rgba(0,0,0,0.07);
padding: 15px;
}
.ad-listing.on-profile .img-box::before {
background:none;	
} .ad-listing.on-profile .content-area {
padding:0;	
}
.ad-listing.on-profile .content-area .price {
min-width: 100px;
background-color: #fff;
position: absolute;
right: 3px;
top: 0px;
font-family:"Poppins",sans-serif;
}
.ad-listing.on-profile .content-area .price span {
color:#E52D27;
font-weight:600;	
}
.ad-listing.on-profile .content-area .price span span {
display:block;
margin:0;
font-size:12px;
font-weight:400;
text-align:right;
color:#a0a0a0;
}
.ad-listing.on-profile .content-area .badge {
background-color:transparent;
color:#dc3545;
border:1px solid #dc3545;
text-transform:uppercase;
margin-bottom:5px;
border-radius:4px;
font-family:"Poppins",sans-serif;
padding: 2px 10px;	
}
.ad-listing.on-profile .content-area .ad-details ul li {
margin-bottom:0;
margin-right:20px;
padding-right:20px;
border-right:1px solid #ddd;
color:#999;
line-height:20px;	
}
.ad-listing.on-profile .content-area .ad-details ul li:last-child {
margin:0;
padding:0;
border:none;	
}
.ad-listing.on-profile .content-area h3 {
padding-right: 110px;
margin-bottom: 5px;
}
.ad-listing.on-profile .content-area .ad-details {
margin-top:10px;	
} .transparen-listing-sidebar {
position:relative;
overflow: visible;
z-index: 1;
border: 1px solid #eee;
}
.sidebar.transparen-listing-sidebar .contact-box {
background: #ffffff;
padding:20px 0px;	
}
.sidebar.transparen-listing-sidebar .contact-box .contact-img {
max-width: 300px;
display: table;
margin: 0 auto;
position: relative;
}
.sidebar.transparen-listing-sidebar .contact-box .contact-img img {
max-height:100px;
}
.sidebar.transparen-listing-sidebar .contact-box .contact-caption {
text-align: center;
padding-bottom: 30px;
}
.sidebar.transparen-listing-sidebar .contact-box .contact-caption h4 {
font-size: 20px;
color: #242424;
font-weight: 500;;
}
.sidebar.transparen-listing-sidebar .contact-box .contact-caption span {
display:block;
margin-bottom:10px;	
}
.sidebar.transparen-listing-sidebar .contact-box .contact-caption span.follow-user {
background-color:#07b107;
color:#FFF;
display:inline;
padding:0 20px;
margin-bottom:0;
border-radius:4px;	
}
.sidebar.transparen-listing-sidebar .contact-box .contact-caption span.follow-user a {
color:#FFF;	
}
.sidebar.transparen-listing-sidebar .contact-box .contact-footer {
padding:0px 10px;
display: flex;
flex-wrap: nowrap;
align-items: center;
background-color: #fafafa;
}
.sidebar.transparen-listing-sidebar .contact-box .contact-footer a.col-half {
width: 50%;
float: left;
padding: 12px 0;
text-align: center;
color:#242424;
font-family:"Poppins",sans-serif;
}
.sidebar.transparen-listing-sidebar .contact-box .contact-footer a.col-half span {
font-size: 14px;
}
.sidebar.transparen-listing-sidebar .contact-box .contact-footer a.col-half span i {
font-size: 17px;
position: relative;
display:block;
font-style:normal;
}
.sidebar .panel .panel-heading {
padding:0;
border-radius:3px 3px 0 0;
border-color: #eee;	
}
.sidebar .panel .panel-heading .nav-tabs > li {
width:50%;	
}
.profile-widget .auth-img {
float:left;
}
.profile-widget .media {
border: 1px solid #f5f5f5;
border-bottom:none;
padding:15px;
}
.profile-widget .auth-img img {
width:80px;
border-radius:3px;
}
.profile-widget .media-body, .media-left, .media-right {
padding:10px 15px;
}
.profile-widget .panel-body {
padding:20px;	
}
.profile-widget .panel-body input.form-control {
background-image: none;
border: 1px solid #eceff2;
border-radius: 0;
color: #656565;
display: block;
font-size: 14px;
line-height: 1.42857;
width: 100%;
background-color: #f8f8f8;
padding:15px;
}
.profile-widget .panel-body .media {
background-color:#FFF;	
}
.sidebar .profile-widget {
margin-bottom:20px;	
}
.sidebar .profile-widget .panel {
background-color:#fff;
border: none;
box-shadow: none;
margin-bottom:0;
}
.sidebar .profile-widget .panel .nav-tabs > li > a {
padding:15px;
margin:0;
border:none;
text-align:center;
font-weight:400;
font-family:"Poppins",sans-serif;
font-size: 14px;
text-transform: uppercase;
}
.sidebar .profile-widget .panel .nav-tabs > li > a:hover {
background-color:#fff;	
}
.sidebar .profile-widget .panel .panel-heading .nav {
border-bottom:none;	
background-color:#fff;
border-radius:3px 3px 0 0;
}
.widget-listing-details {
position:relative;
overflow:hidden;
}
.sidebar .profile-widget .nav-tabs > li.active > a, .sidebar .profile-widget .nav-tabs > li.active > a:focus, .sidebar .profile-widget .nav-tabs > li.active > a:hover {
background-color:#fff;
border-bottom:1px solid #e52d27;
color:#e52d27;
}
.sidebar .profile-widget ul.widget-listing-details li {
display:block;
padding:10px 0;
position:relative;
overflow:hidden;
margin-bottom:10px;
border-bottom:1px solid #eee;
}
.sidebar .profile-widget ul.widget-listing-details li:last-child {
border:none;
margin-bottom:0;	
}
.sidebar .profile-widget ul.widget-listing-details li h4 {
color:#242424;	
}
.sidebar .profile-widget ul.widget-listing-details li a {
color:#999;	
}
.sidebar .profile-widget ul.widget-listing-details li span {
display:table-cell;
color:#999;
}
.sidebar .profile-widget ul.widget-listing-details li span i {
margin-right:10px;
font-size: 22px;
vertical-align: middle;
color:#999;
}
.sidebar .profile-widget .social-media > li i {
color:#999;
font-size:24px;
line-height:normal;
width:auto;
}
.sidebar .profile-widget .social-media > li a {
border:none;	
}
.sidebar .profile-widget .social-media > li a:hover {
background-color: transparent;
color: #242424;
}
.sidebar .profile-widget .social-media {
margin-bottom:0;	
}
.sidebar .profile-widget .social-media > li {
display: inline-block;
}
.sidebar .profile-widget .social-media > li a {
border: 1px solid #FFF;
border-radius: 50%;
display: inline-block;
padding: 5px;
}
.sidebar.transparen-listing-sidebar .contact-box .rating .rating-count {
display: inline-block;
margin-bottom: 0;
color: #777;
margin-left: 5px;
}
.sidebar.transparen-listing-sidebar #itemMap {
margin-bottom:0;	
}
.profile-title-box {
position:relative;
margin-bottom:30px;
}
.profile-heading h2 {
color:#242424;
font-size:30px;
font-weight:600;
}
.profile-heading {
position:relative;	
}
.profile-heading .label {
font-size:12px;
font-weight:400;
vertical-align:middle;
display:inline-block;
}
.profile-meta .profile-meta-title {
font-size:15px;
font-weight:500;
color:#242424;
display:block;
}
.profile-meta ul li {
display:inline-block;
font-size:13px;
color:#999;
font-family:"Poppins",sans-serif;
width:33%;
vertical-align:top;
}
.profile-meta ul li:last-child {
margin-right:0;	
}
.profile-meta ul li i.icon {
font-size: 40px;
float: left;
margin-right: 10px;
line-height: 50px;
font-weight: 400;
color: #e52d27;	
}
.profile-meta ul li a {
display:inline-block;
color:#242424;	
}
.profile-meta {
position:relative;
overflow:hidden;
margin-top:20px;	
} .profile-meta ul li:last-child::after {
content: "";
margin: 0;
}
.store-front {
position:relative;
margin-bottom:30px;	
}
.profile-desc {
margin-bottom:30px;
position:relative;
}
.profile-desc p {
line-height:30px;
}
h3.profile-heading {
margin-bottom:10px;
color:#242424;
font-weight:600;	
}
.dealers-single-page .pagination {
float:right;	
}
.dealers-single-page .pagination li:last-child {
margin-right:0;	
}
.dealers-review-section {
position:re;
overflow:hidden;	
}
.dealers-review-section .profile-heading {
margin-bottom:30px;	
}
.review-box {
margin-bottom: 30px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
position:relative;
overflow:hidden;
}
.review-box .review-image {
position: relative;
top: 3px;
left: 0;
width: 82px;
height: 82px;
display: block;
float: left;
}
.review-box .review-avg-rating {
display: inline-block;
float: left;
background-color: #252c35;
padding: 20px;
color: #FFF;
text-align:center;
margin-right:20px;
}
.review-box .review-avg-rating span {
font-size:36px;
font-family: "Poppins",sans-serif;
display:block;
font-weight:500;
margin-bottom:10px;	
}
.review-box .review-avg-rating ul li.star {
display:inline-block;
color: #ccc;
font-size: 16px;
}
.review-box .review-avg-rating ul li.colored-star{
color:#ffc513 !important	
}
.review-content-box {
min-height: 110px;
position:relative;
overflow:hidden;
}
.review-box .review-author-name h4 {
margin-bottom: 10px;
font-size:18px;
color:#242424;
font-weight:500;
}
.rating-stars-box {
position:relative;
overflow:hidden;
display:block;
width:100%;	
}
.rating-stars-box .rating-stars {
width: 33%;
float: left;
margin-bottom: 10px;
}
.rating-stars-box .rating-stars label {
font-size: 14px;
margin-bottom: 5px;
color: rgba(21, 21, 21, .7);
font-weight: 600;
}
.rating-stars-box .rating-stars ul {
display: inline-block;
margin: 0;
margin-bottom: 0px;
}
.rating-stars ul {
list-style-type: none;
padding: 0;
padding-left: 0px;
-moz-user-select: none;
-webkit-user-select: none;
}
.rating-stars ul li.star {
display: inline-block;
line-height: 1;
}
.rating-stars-box .rating-stars label {
display: block;
margin-bottom:0;
margin-right:10px;
font-family: "Poppins",sans-serif;
}
.rating-stars ul  li.star.colored-star i.fa {
color: #ffc513;
}
.rating-stars ul li.star i.fa {
font-size: 16px;
color: #ccc;
}
.review-content-box .review-text-box {
position:relative;
}
.review-content-box .review-date {
margin-bottom:10px;
}
.review-content-box .review-date .user-profile a {
font-family: "Poppins",sans-serif;
text-transform: uppercase;
}
.review-content-box .review-date .recommend {
font-weight:500;	
font-family: "Poppins",sans-serif;
}
.review-form {
position:relative;
overflow:hidden;
background-color:#f5f5f5;
padding:20px;	
}
.review-form label {
font-family: "Poppins",sans-serif;
font-weight: 500;
display:block;	
}
.review-form .rating-xs {
font-size:20px;	
}
.review-form .rating-container .caption .label {
font-size:12px;	
}
.review-form .review-star-box {
position:relative;
overflow:hidden;
margin-bottom:20px;	
}
.review-form .review-star-box li {
width:33%;
display:inline-block;	
}
.review-form .recomamand-check {
padding:10px 0;	
}
.review-form .recomamand-check .iradio_minimal {
margin:0 15px;	
}
.review-form .recomamand-check .iradio_minimal:first-child {
margin-left:0;	
}
.review-form .rating-container .filled-stars {
color: #ffc513;
}
.review-content-box .review-reply-messgae h5 {
font-weight: 500;
color: #232323;
text-transform: capitalize;
font-size: 16px;
margin-bottom: 5px;	
}
.extra-button {
margin-bottom:30px;	
}
.custom-alert-warning {
background-color: #feebe6;
}
.custom-alert {
border-radius: 3px;
color: #000;
position: relative;
padding: 0;
width: 100%;
margin-bottom: 20px;
overflow: hidden
}
.custom-alert h6 {
margin-top: 0
}
.custom-alert_top-side {
padding: 21px 23px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.custom-alert-warning .custom-alert_close,
.custom-alert-warning .custom-alert_icon {
color: #f87f52;
font-size: 50px;
}
.custom-alert_icon {
font-size: 42px;
line-height: 42px;
height: 42px;
width: 42px;
margin-right: 23px
}
.alert-icon {
position: relative;
display: inline-block;
margin-right: 15px
}
.custom-alert_heading {
color: #232323;
font-weight: 500;
font-size: 18px;
margin-bottom: 5px
}
.custom-alert_content {
color: #939daa;
font-size: 16px
}
.custom-alert-success {
background-color: #e2f7ea;
}
.custom-alert-success .custom-alert_close,
.custom-alert-success .custom-alert_icon {
color: #82c250;
font-size: 50px;
}
.custom-alert-info .custom-alert_close,
.custom-alert-info .custom-alert_icon {
color: #3bbeb0;
font-size: 50px;
}
.custom-alert-info {
background-color: #e3f8f5
}
.custom-alert-danger {
background-color: #fde5e7
}
.custom-alert-danger .custom-alert_close,
.custom-alert-danger .custom-alert_icon {
color: #ed5564;
font-size: 50px;
} .rating-pagination {
clear:both;
position:relative;
font-size:12px; line-height:13px;
float: right;
width: 100%;
margin-bottom: 30px;
text-align: right;
}
.rating-pagination span, .rating-pagination a {
padding: 12px 15px;
border-radius: 5px;
font-family: "Poppins", sans-serif;
color: #242424;
margin-right: 5px;
font-size: 14px;
background-color: #fff;
border: 1px solid #ddd;
position:relative;
overflow:hidden;
display:inline-block;
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-ms-transition: background .15s ease-in-out;
-o-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}
.rating-pagination a:hover{
color:#fff;
background: #E52D27; 
border-color: #B31217;
}
.rating-pagination .current{
background-color: #E52D27;
border-color: #B31217;
color: #fff
}
ul.review-stars{
padding:0;
display:inline-block;
}
ul.review-stars li.colored-star {
color: #ffc513 !important;
}
ul.review-stars li.star {
display: inline-block;
color: #e1e1e1;
font-size: 16px;
width:auto;
}
.mega-menu .menu-search-bar .form-inline.btn-instead {
position:relative;	
}
.mega-menu .menu-search-bar .form-inline.btn-instead input {
background-color:#f5f5f5;
max-width:100%;	
height:45px;
padding:10px;
color:#777;
}
.mega-menu .menu-search-bar .form-inline.btn-instead .btn {
padding:12px 15px;
height:45px;
}
.mega-menu .menu-search-bar .form-inline.btn-instead .btn:hover i.fa.fa-search, .mega-menu .menu-search-bar li:hover i.fa.fa-search  {
background-color:transparent !important;	
}
.mega-menu .menu-search-bar .form-inline.btn-instead  i.fa.fa-search {
position:relative;
width:auto;
line-height:normal;
cursor:pointer;
}
.mega-menu .menu-search-bar .form-inline.btn-instead  i.fa.fa-search:hover {
background-color:transparent;	
}
.header-top .btn-instead .btn {
height:50px;
}
.autocomplete-suggestions {
box-shadow:none;
border:1px solid #eee;	
}
.single-page-anchors-section .style-5 li a.remove_compare {
color:#B31217;
}
.rebbon-clear {
position:relative;	
}
.review_logo img{
width: 100%;
height: 150px;
border: 3px solid #ccc;
border-radius: 8px;
margin-top: 15px;
padding: 10px;
}
.pdf_brochure a{
width: 100%;
height: 45px;
border: 2px solid #ccc;
border-radius: 8px;
margin-top: 15px;
padding: 10px;
display: inherit;
}
.term-class{
position: absolute;
top: 2px;
left: 32px;
}
.compnay_url{
padding: 15px 30px 0px 30px !important;
}
.review_logo_pading{
width: auto !important;
padding: 0px 30px 30px 30px !important;
}
.brochure_style2{
width: auto !important;
padding: 0px 30px 30px 30px !important;
}
p.regulr-price{
font-size: 25px;
color: #777;
font-size: 35px;
}
.single-listing-4 .sidebar .bid-info {
margin-bottom: 30px;
margin-top: 0px;
border: none;
padding: 10px;
height: auto;
background-color: #f9f9f9;
border-radius: 4px;
}
.sidebar .bid-info{
background: #fff none repeat scroll 0 0;
margin-bottom: 30px;
margin-top: 0px;
border: none;
padding: 10px;
height: auto;
border-radius: 4px;
} .single-listing-4 .sidebar .bid-info {
margin-bottom: 30px;
margin-top: 0px;
border: none;
padding: 10px;
height: auto;
background-color: #f9f9f9;
border-radius: 4px;
}
.single-listing-4 .sidebar .bid-info .review-stamp {
background-color: #f9f9f9;
}
.sidebar .bid-info{
background: #fff none repeat scroll 0 0;
margin-bottom: 30px;
margin-top: 0px;
border: none;
height: auto;
border-radius: 4px;
} .single-listing-4 .sidebar .bid-info .review-stamp {
background-color: #f9f9f9;
}
.sidebar .bid-info{
background: #fff none repeat scroll 0 0;
margin-bottom: 30px;
margin-top: 0px;
border: none;
height: auto;
border-radius: 4px;
}
.review-stamp {
padding: 0px !important;
margin: 0 auto;
float: none;
border: none;
}
.review-stamp a img {
width: 100%;
height: 75px;
}
.single-listing-4 .additional-btns ul li a span {
line-height: 45px;
white-space: nowrap;
overflow: hidden;
max-width: 12em;
text-overflow: ellipsis;
display: inherit;
}
.additional-btns ul li a span {
line-height: 80px;
white-space: nowrap;
overflow: hidden;
max-width: 12em;
text-overflow: ellipsis;
display: inherit;
}
.hero-section .hero-form .panel .panel-default{
border: none;
box-shadow: none;
}
.hero-section .hero-form #searchMapInput{
background-color: #ffff;
margin-bottom: 10px;
}
.hero-section .hero-form .panel-body{
padding: 5px 0px;
}
.hero-section .hero-form #min_selected,#max_selected{
z-index: 99;
}
.hero-form .noUi-horizontal{
height:6px;
padding: 0 6px;
}
.hero-form .noUi-handle.noUi-handle-lower{
width: 14px;
height: 14px;
left: -7px;
top: -6px;
border-radius: 100%;
}
.hero-form .noUi-handle.noUi-handle-lower::before{
background: none !important;
}
.hero-form .noUi-handle.noUi-handle-lower::after{
background: none !important;
}
.hero-form .noUi-horizontal .noUi-handle {
width: 14px;
height: 14px;
left: -7px;
top: -6px;
border-radius: 100%;
}
.hero-form .noUi-horizontal .noUi-handle::before{
background: none !important;
}
.hero-form .noUi-horizontal .noUi-handle::after{
background: none !important;
}
.hero-form .panel{
border: none;
box-shadow: none;
}
.vehicle-rev-contanr{
text-align: left;
padding-left: 0px;
}
.vehicle-rev-contanr strong{
font-size: 20px;
font-family: "Poppins",sans-serif;
color: #E52D27 !important;
}
@media(max-width:767px) {
.singlepage-detail .flexslider .slides li.slide-video {
height: auto;
}
}@-webkit-keyframes jconfirm-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes jconfirm-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
body[class*=jconfirm-no-scroll-] {
overflow: hidden !important;
}
.jconfirm {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999999;
font-family: inherit;
overflow: hidden;
}
.jconfirm .jconfirm-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity .4s;
transition: opacity .4s;
}
.jconfirm .jconfirm-bg.jconfirm-bg-h {
opacity: 0 !important;
}
.jconfirm .jconfirm-scrollpane {
-webkit-perspective: 500px;
perspective: 500px;
-webkit-perspective-origin: center;
perspective-origin: center;
display: table;
width: 100%;
height: 100%;
}
.jconfirm .jconfirm-row {
display: table-row;
width: 100%;
}
.jconfirm .jconfirm-cell {
display: table-cell;
vertical-align: middle;
}
.jconfirm .jconfirm-holder {
max-height: 100%;
padding: 50px 0;
}
.jconfirm .jconfirm-box-container {
-webkit-transition: -webkit-transform;
transition: -webkit-transform;
transition: transform;
transition: transform, -webkit-transform;
}
.jconfirm .jconfirm-box-container.jconfirm-no-transition {
-webkit-transition: none !important;
transition: none !important;
}
.jconfirm .jconfirm-box {
background: white;
border-radius: 4px;
position: relative;
outline: none;
padding: 15px 15px 0;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
@-webkit-keyframes type-blue {
1%,
100% {
border-color: #3498db;
}
50% {
border-color: #5faee3;
}
}
@keyframes type-blue {
1%,
100% {
border-color: #3498db;
}
50% {
border-color: #5faee3;
}
}
@-webkit-keyframes type-green {
1%,
100% {
border-color: #2ecc71;
}
50% {
border-color: #54d98c;
}
}
@keyframes type-green {
1%,
100% {
border-color: #2ecc71;
}
50% {
border-color: #54d98c;
}
}
@-webkit-keyframes type-red {
1%,
100% {
border-color: #e74c3c;
}
50% {
border-color: #ed7669;
}
}
@keyframes type-red {
1%,
100% {
border-color: #e74c3c;
}
50% {
border-color: #ed7669;
}
}
@-webkit-keyframes type-orange {
1%,
100% {
border-color: #f1c40f;
}
50% {
border-color: #f4d03f;
}
}
@keyframes type-orange {
1%,
100% {
border-color: #f1c40f;
}
50% {
border-color: #f4d03f;
}
}
@-webkit-keyframes type-purple {
1%,
100% {
border-color: #9b59b6;
}
50% {
border-color: #b07cc6;
}
}
@keyframes type-purple {
1%,
100% {
border-color: #9b59b6;
}
50% {
border-color: #b07cc6;
}
}
@-webkit-keyframes type-dark {
1%,
100% {
border-color: #34495e;
}
50% {
border-color: #46627f;
}
}
@keyframes type-dark {
1%,
100% {
border-color: #34495e;
}
50% {
border-color: #46627f;
}
}
.jconfirm .jconfirm-box.jconfirm-type-animated {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.jconfirm .jconfirm-box.jconfirm-type-blue {
border-top: solid 7px #3498db;
-webkit-animation-name: type-blue;
animation-name: type-blue;
}
.jconfirm .jconfirm-box.jconfirm-type-green {
border-top: solid 7px #2ecc71;
-webkit-animation-name: type-green;
animation-name: type-green;
}
.jconfirm .jconfirm-box.jconfirm-type-red {
border-top: solid 7px #e74c3c;
-webkit-animation-name: type-red;
animation-name: type-red;
}
.jconfirm .jconfirm-box.jconfirm-type-orange {
border-top: solid 7px #f1c40f;
-webkit-animation-name: type-orange;
animation-name: type-orange;
}
.jconfirm .jconfirm-box.jconfirm-type-purple {
border-top: solid 7px #9b59b6;
-webkit-animation-name: type-purple;
animation-name: type-purple;
}
.jconfirm .jconfirm-box.jconfirm-type-dark {
border-top: solid 7px #34495e;
-webkit-animation-name: type-dark;
animation-name: type-dark;
}
.jconfirm .jconfirm-box.loading {
height: 120px;
}
.jconfirm .jconfirm-box.loading:before {
content: '';
position: absolute;
left: 0;
background: white;
right: 0;
top: 0;
bottom: 0;
border-radius: 10px;
z-index: 1;
}
.jconfirm .jconfirm-box.loading:after {
opacity: 0.6;
content: '';
height: 30px;
width: 30px;
border: solid 3px transparent;
position: absolute;
left: 50%;
margin-left: -15px;
border-radius: 50%;
-webkit-animation: jconfirm-spin 1s infinite linear;
animation: jconfirm-spin 1s infinite linear;
border-bottom-color: dodgerblue;
top: 50%;
margin-top: -15px;
z-index: 2;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
height: 20px;
width: 20px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
opacity: .6;
text-align: center;
font-size: 27px !important;
line-height: 14px !important;
display: none;
z-index: 1;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
display: none;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
opacity: 1;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
display: block;
font-size: 22px;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
padding-bottom: 15px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
cursor: move;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
font-size: inherit;
display: inline-block;
vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
display: none;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: inherit;
font-family: inherit;
display: inline-block;
vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
display: none;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
margin-bottom: 15px;
height: auto;
-webkit-transition: height 0.4s ease-in;
transition: height 0.4s ease-in;
display: inline-block;
width: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
overflow-y: hidden;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
width: 3px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
background: #666;
border-radius: 3px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
overflow: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
max-width: 100%;
height: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
display: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
padding-bottom: 11px;
}
.jconfirm .jconfirm-box .jconfirm-buttons > button {
margin-bottom: 4px;
margin-left: 2px;
margin-right: 2px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
display: inline-block;
padding: 6px 12px;
font-size: 14px;
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;
border-radius: 4px;
min-height: 1em;
-webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
-webkit-tap-highlight-color: transparent;
border: none;
background-image: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
background-color: #3498db;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
background-color: #2980b9;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
background-color: #2ecc71;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
background-color: #27ae60;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
background-color: #e74c3c;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
background-color: #c0392b;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
background-color: #f1c40f;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
background-color: #f39c12;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
background-color: #ecf0f1;
color: #000;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background-color: #bdc3c7;
color: #000;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
background-color: #9b59b6;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
background-color: #8e44ad;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
background-color: #34495e;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
background-color: #2c3e50;
color: #FFF;
}
.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
color: #e74c3c !important;
}
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
color: #3498db !important;
}
.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
color: #2ecc71 !important;
}
.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
color: #9b59b6 !important;
}
.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
color: #f1c40f !important;
}
.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
color: #34495e !important;
}
.jconfirm .jconfirm-clear {
clear: both;
}
.jconfirm.jconfirm-rtl {
direction: rtl;
}
.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
left: 5px;
right: auto;
}
.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
background-color: #444;
opacity: .2;
}
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
float: right;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-shadow: none;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
-webkit-box-shadow: none;
box-shadow: none;
color: #333;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background: #ddd;
}
.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
background-color: darkslategray;
opacity: .4;
}
.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
background: #444;
border-radius: 5px;
color: white;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
float: right;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
border: none;
background-image: none;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-shadow: none;
-webkit-transition: background .1s;
transition: background .1s;
color: white;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
background: none;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background: #666;
}
.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
-webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
-webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@-webkit-keyframes shake {
10%,
90% {
-webkit-transform: translate3d(-2px, 0, 0);
transform: translate3d(-2px, 0, 0);
}
20%,
80% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
30%,
50%,
70% {
-webkit-transform: translate3d(-8px, 0, 0);
transform: translate3d(-8px, 0, 0);
}
40%,
60% {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0);
}
}
@keyframes shake {
10%,
90% {
-webkit-transform: translate3d(-2px, 0, 0);
transform: translate3d(-2px, 0, 0);
}
20%,
80% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
30%,
50%,
70% {
-webkit-transform: translate3d(-8px, 0, 0);
transform: translate3d(-8px, 0, 0);
}
40%,
60% {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0);
}
}
@-webkit-keyframes glow {
0%,
100% {
-webkit-box-shadow: 0 0 0px red;
box-shadow: 0 0 0px red;
}
50% {
-webkit-box-shadow: 0 0 30px red;
box-shadow: 0 0 30px red;
}
}
@keyframes glow {
0%,
100% {
-webkit-box-shadow: 0 0 0px red;
box-shadow: 0 0 0px red;
}
50% {
-webkit-box-shadow: 0 0 30px red;
box-shadow: 0 0 30px red;
}
} .jconfirm {
-webkit-perspective: 400px;
perspective: 400px;
}
.jconfirm .jconfirm-box {
opacity: 1;
-webkit-transition-property: all;
transition-property: all;
}
.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
opacity: 0;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotate {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
-webkit-transform: rotatey(90deg);
transform: rotatey(90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
-webkit-transform: rotatey(-90deg);
transform: rotatey(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-scaley {
-webkit-transform: scaley(1.5);
transform: scaley(1.5);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
-webkit-transform: scalex(1.5);
transform: scalex(1.5);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-top {
-webkit-transform: translate(0px, -100px);
transform: translate(0px, -100px);
}
.jconfirm .jconfirm-box.jconfirm-animation-left {
-webkit-transform: translate(-100px, 0px);
transform: translate(-100px, 0px);
}
.jconfirm .jconfirm-box.jconfirm-animation-right {
-webkit-transform: translate(100px, 0px);
transform: translate(100px, 0px);
}
.jconfirm .jconfirm-box.jconfirm-animation-bottom {
-webkit-transform: translate(0px, 100px);
transform: translate(0px, 100px);
}
.jconfirm .jconfirm-box.jconfirm-animation-zoom {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.jconfirm .jconfirm-box.jconfirm-animation-scale {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.jconfirm .jconfirm-box.jconfirm-animation-none {
visibility: hidden;
}
.jconfirm.jconfirm-supervan .jconfirm-bg {
background-color: rgba(54, 70, 93, 0.95);
}
.jconfirm.jconfirm-supervan .jconfirm-box {
background-color: transparent;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
color: white;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
text-align: center;
color: white;
font-size: 28px;
font-weight: normal;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
padding-bottom: 25px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
margin-bottom: 25px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
text-align: center;
color: white;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
text-align: center;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
font-size: 16px;
border-radius: 2px;
background: #303f53;
text-shadow: none;
border: none;
color: white;
padding: 10px;
min-width: 100px;
}
.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-material .jconfirm-bg {
background-color: rgba(0, 0, 0, 0.67);
}
.jconfirm.jconfirm-material .jconfirm-box {
background-color: white;
-webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
padding: 30px 25px 10px 25px;
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
color: rgba(0, 0, 0, 0.87);
font-size: 22px;
font-weight: bold;
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
text-align: right;
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
text-transform: uppercase;
font-weight: 500;
}
.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-bg {
background-color: rgba(0, 0, 0, 0.21);
}
.jconfirm.jconfirm-bootstrap .jconfirm-box {
background-color: white;
-webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
border: solid 1px rgba(0, 0, 0, 0.4);
padding: 15px 0 0;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
color: rgba(0, 0, 0, 0.87);
font-size: 22px;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
color: rgba(0, 0, 0, 0.87);
padding: 0px 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
text-align: right;
padding: 10px;
margin: -5px 0 0px;
border-top: solid 1px #ddd;
overflow: hidden;
border-radius: 0 0 4px 4px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
font-weight: 500;
}
.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-modern .jconfirm-bg {
background-color: slategray;
opacity: .6;
}
.jconfirm.jconfirm-modern .jconfirm-box {
background-color: white;
-webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
padding: 30px 30px 15px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0, 0, 0, 0.87);
top: 15px;
right: 15px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
color: rgba(0, 0, 0, 0.87);
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
-webkit-transform: scale(0);
transform: scale(0);
display: block;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
font-size: 69px;
color: #aaa;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
text-align: center;
font-size: 15px;
color: #777;
margin-bottom: 25px;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
text-align: center;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
font-weight: bold;
text-transform: uppercase;
-webkit-transition: background .1s;
transition: background .1s;
padding: 10px 20px;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
margin-left: 4px;
}
.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
-webkit-transform: scale(1);
transform: scale(1);
}.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}