html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@media print {
*,
:after,
:before {
color: #000 !important;
text-shadow: none !important;
background: 0 0 !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: "";
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
h2,
h3,
p {
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 td,
.table-bordered th {
border: 1px solid #ddd !important;
}
}
@font-face {
font-family: Glyphicons Halflings;
src: url(../../../fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.eot?f4769f9bdb7466be65088239c12046d1);
src: url(../../../fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.eot?f4769f9bdb7466be65088239c12046d1?#iefix) format("embedded-opentype"),
url(../../../fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.woff2?448c34a56d699c29117adc64c43affeb) format("woff2"),
url(../../../fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.woff?fa2772327f55d8198301fdb8bcfc8158) format("woff"),
url(../../../fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.ttf?e18bbf611f2a2e43afc071aa2f4e1512) format("truetype"),
url(../../../fonts/vendor/bootstrap/dist/glyphicons-halflings-regular.svg?89889688147bd7575d6327160d64e760#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: Glyphicons Halflings;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "*";
}
.glyphicon-plus:before {
content: "+";
}
.glyphicon-eur:before,
.glyphicon-euro: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,
.glyphicon-btc:before,
.glyphicon-xbt:before {
content: "\E227";
}
.glyphicon-jpy:before,
.glyphicon-yen:before {
content: "\A5";
}
.glyphicon-rub:before,
.glyphicon-ruble: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";
}
*,
:after,
:before {
box-sizing: border-box;
}
html {
-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;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
}
a:focus,
a:hover {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail > img,
.thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.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,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
font-weight: 400;
line-height: 1;
color: #777;
}
.h1,
.h2,
.h3,
h1,
h2,
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,
.h5,
.h6,
h4,
h5,
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: 0.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:focus,
a.text-primary:hover {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:focus,
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:focus,
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:focus,
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:focus,
a.text-danger:hover {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:focus,
a.bg-primary:hover {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:focus,
a.bg-success:hover {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:focus,
a.bg-info:hover {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:focus,
a.bg-warning:hover {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:focus,
a.bg-danger:hover {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ol,
ul {
margin-top: 0;
margin-bottom: 10px;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
}
.list-inline,
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dd,
dt {
line-height: 1.42857143;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[data-original-title],
abbr[title] {
cursor: help;
}
.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 ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
margin-bottom: 0;
}
blockquote .small,
blockquote footer,
blockquote small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
content: "\2014 \A0";
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
content: "";
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
content: "\A0 \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 {
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
code,
kbd {
padding: 2px 4px;
font-size: 90%;
}
kbd {
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
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;
}
.row-no-gutters {
margin-right: 0;
margin-left: 0;
}
.row-no-gutters [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-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 {
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;
}
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;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
}
caption,
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
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 > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
padding: 5px;
}
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
background-color: #f5f5f5;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
background-color: #e8e8e8;
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
background-color: #dff0d8;
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
background-color: #d0e9c6;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
background-color: #d9edf7;
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
background-color: #c4e3f3;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
background-color: #fcf8e3;
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
background-color: #faf2cc;
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
background-color: #f2dede;
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
background-color: #ebcccc;
}
.table-responsive {
min-height: 0.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 > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > thead > tr > th:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > thead > tr > th:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
}
fieldset {
min-width: 0;
margin: 0;
}
fieldset,
legend {
padding: 0;
border: 0;
}
legend {
display: block;
width: 100%;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
input[type="search"] {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
margin: 4px 0 0;
margin-top: 1px\9;
line-height: normal;
}
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"],
input[type="checkbox"].disabled,
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="radio"][disabled] {
cursor: not-allowed;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
padding-top: 7px;
}
.form-control,
output {
display: block;
font-size: 14px;
line-height: 1.42857143;
color: #555;
}
.form-control {
width: 100%;
height: 34px;
padding: 6px 12px;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #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;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control,
input[type="time"].form-control {
line-height: 34px;
}
.input-group-sm input[type="date"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"],
.input-group-sm input[type="time"],
input[type="date"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
input[type="time"].input-sm {
line-height: 30px;
}
.input-group-lg input[type="date"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"],
.input-group-lg input[type="time"],
input[type="date"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
input[type="time"].input-lg {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.checkbox,
.radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
cursor: not-allowed;
}
.checkbox label,
.radio label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.checkbox-inline input[type="checkbox"],
.checkbox input[type="checkbox"],
.radio-inline input[type="radio"],
.radio input[type="radio"] {
position: absolute;
margin-top: 4px\9;
margin-left: -20px;
}
.checkbox + .checkbox,
.radio + .radio {
margin-top: -5px;
}
.checkbox-inline,
.radio-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer;
}
.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
cursor: not-allowed;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
margin-top: 0;
margin-left: 10px;
}
.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;
}
select[multiple].input-sm,
textarea.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 select[multiple].form-control,
.form-group-sm textarea.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;
}
select[multiple].input-lg,
textarea.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 select[multiple].form-control,
.form-group-lg textarea.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;
}
.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-lg + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-sm + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success.checkbox-inline label,
.has-success.checkbox label,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.radio-inline label,
.has-success.radio label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
box-shadow: inset 0 1px 1px rgba(0, 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 .checkbox,
.has-warning .checkbox-inline,
.has-warning.checkbox-inline label,
.has-warning.checkbox label,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.radio-inline label,
.has-warning.radio label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
box-shadow: inset 0 1px 1px rgba(0, 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 .checkbox,
.has-error .checkbox-inline,
.has-error.checkbox-inline label,
.has-error.checkbox label,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.radio-inline label,
.has-error.radio label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
box-shadow: inset 0 1px 1px rgba(0, 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 .form-control,
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .checkbox,
.form-inline .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .checkbox label,
.form-inline .radio label {
padding-left: 0;
}
.form-inline .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .checkbox,
.form-horizontal .radio {
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;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.focus,
.btn:focus,
.btn:hover {
color: #333;
text-decoration: none;
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
opacity: 0.65;
box-shadow: none;
}
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;
background-image: none;
border-color: #adadad;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
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;
background-image: none;
border-color: #204d74;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
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;
background-image: none;
border-color: #398439;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
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;
background-image: none;
border-color: #269abc;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
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;
background-image: none;
border-color: #d58512;
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
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;
background-image: none;
border-color: #ac2925;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: 400;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
color: #777;
text-decoration: none;
}
.btn-group-lg > .btn,
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-group-sm > .btn,
.btn-sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-group-xs > .btn,
.btn-xs {
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="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition-property: height, visibility;
transition-duration: 0.35s;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropdown,
.dropup {
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;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
color: #777;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 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-vertical > .btn,
.btn-group > .btn {
position: relative;
float: left;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -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 {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 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-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn input[type="radio"] {
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;
}
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn,
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.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;
}
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn,
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.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: 400;
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="checkbox"],
.input-group-addon input[type="radio"] {
margin-top: 0;
}
.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-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group .form-control:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group .form-control:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
font-size: 0;
white-space: nowrap;
}
.input-group-btn,
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
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,
.nav > li > a {
position: relative;
display: block;
}
.nav > li > a {
padding: 10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a {
color: #777;
}
.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
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:focus,
.nav-tabs > li.active > a:hover {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid;
border-color: #ddd #ddd 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:focus,
.nav-tabs.nav-justified > .active > a:hover {
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:focus,
.nav-tabs.nav-justified > .active > a:hover {
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:focus,
.nav-pills > li.active > a:hover {
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:focus,
.nav-tabs-justified > .active > a:hover {
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:focus,
.nav-tabs-justified > .active > a:hover {
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;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-bottom,
.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: 200px;
}
}
@media (min-width: 768px) {
.navbar-fixed-bottom,
.navbar-fixed-top {
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;
}
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
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-brand {
float: left;
height: 50px;
padding: 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container-fluid .navbar-brand,
.navbar > .container .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
margin-top: 8px;
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;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu > li > a {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-nav .open .dropdown-menu > li > a:hover {
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;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 1px 0 hsla(0, 0%, 100%, 0.1);
margin: 8px -15px;
}
@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 .form-control,
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .checkbox,
.navbar-form .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .checkbox label,
.navbar-form .radio label {
padding-left: 0;
}
.navbar-form .checkbox input[type="checkbox"],
.navbar-form .radio input[type="radio"] {
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;
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:focus,
.navbar-default .navbar-brand:hover {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
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:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
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-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
color: #333;
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
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:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
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-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
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: "/\A0";
}
.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 > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #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 > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
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:focus,
.pager li > a:hover {
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:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
.label {
display: inline;
padding: 0.2em 0.6em 0.3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
}
a.label:focus,
a.label:hover {
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]:focus,
.label-default[href]:hover {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:focus,
.label-primary[href]:hover {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:focus,
.label-success[href]:hover {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:focus,
.label-info[href]:hover {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:focus,
.label-warning[href]:hover {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:focus,
.label-danger[href]:hover {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-group-xs > .btn .badge,
.btn-xs .badge {
top: 0;
padding: 1px 5px;
}
a.badge:focus,
a.badge:hover {
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;
background-color: #eee;
}
.jumbotron,
.jumbotron .h1,
.jumbotron h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container-fluid .jumbotron,
.container .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-fluid .jumbotron,
.container .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;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
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: 700;
}
.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 {
0% {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
0% {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
transition: width 0.6s ease;
}
.progress-bar-striped,
.progress-striped .progress-bar {
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
background-size: 40px 40px;
}
.progress-bar.active,
.progress.active .progress-bar {
-webkit-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: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, 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-body,
.media-left,
.media-right {
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;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
color: #777;
cursor: not-allowed;
background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
color: #777;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
color: #c7ddef;
}
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:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 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,
.panel-title {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.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;
}
.list-group + .panel-footer,
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
margin-bottom: 0;
}
.panel > .panel-collapse > .table caption,
.panel > .table-responsive > .table caption,
.panel > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table-responsive:first-child > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table-responsive:last-child > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
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 td,
.panel > .table > tbody:first-child > tr:first-child th {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
border-left: 0;
}
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
border-right: 0;
}
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-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 > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
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 embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-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;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 0.2;
}
.close:focus,
.close:hover {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
button.close {
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.modal,
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
transform: translateY(-25%);
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
transform: translate(0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: 0;
}
.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: 0.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 {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
line-break: auto;
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;
font-size: 12px;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: 0.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.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;
}
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
left: 5px;
}
.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;
}
.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;
}
.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-style: normal;
font-weight: 400;
line-height: 1.42857143;
line-break: auto;
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;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.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, 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, 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, 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, 0.25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.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;
}
.carousel,
.carousel-inner {
position: relative;
}
.carousel-inner {
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
transition: left 0.6s ease-in-out;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
line-height: 1;
}
@media (-webkit-transform-3d), (transform-3d) {
.carousel-inner > .item {
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective: 1000px;
}
.carousel-inner > .item.active.right,
.carousel-inner > .item.next {
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.active.left,
.carousel-inner > .item.prev {
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.active,
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right {
transform: translateZ(0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: transparent;
filter: alpha(opacity=50);
opacity: 0.5;
}
.carousel-control.left {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:focus,
.carousel-control:hover {
color: #fff;
text-decoration: none;
outline: 0;
filter: alpha(opacity=90);
opacity: 0.9;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
left: 50%;
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
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: transparent;
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, 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-next,
.carousel-control .icon-prev {
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;
}
}
.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
display: table;
content: " ";
}
.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row: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-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-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;
}
td.visible-xs,
th.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;
}
td.visible-sm,
th.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;
}
td.visible-md,
th.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;
}
td.visible-lg,
th.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;
}
td.visible-print,
th.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;
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translateZ(0);
}
40%,
43% {
transform: translate3d(0, -30px, 0);
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
70% {
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translateZ(0);
}
40%,
43% {
transform: translate3d(0, -30px, 0);
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
70% {
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
0% {
transform: scaleX(1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scaleX(1);
}
}
@keyframes pulse {
0% {
transform: scaleX(1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scaleX(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
transform: scaleX(1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scaleX(1);
}
}
@keyframes rubberBand {
0% {
transform: scaleX(1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scaleX(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%,
to {
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%,
to {
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
to {
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
to {
transform: rotate(0deg);
}
}
.swing {
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
transform: scaleX(1);
}
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
transform: scaleX(1);
}
}
@keyframes tada {
0% {
transform: scaleX(1);
}
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
transform: scaleX(1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes wobble {
0% {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
transform: none;
}
}
@keyframes wobble {
0% {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
0%,
11.1%,
to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
0%,
11.1%,
to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scaleX(1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scaleX(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translateZ(0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translateZ(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
transform: perspective(400px) rotateY(-1turn);
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
}
to {
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(-1turn);
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
}
to {
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
transform: perspective(400px) rotateX(-20deg);
}
60% {
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotateX(-5deg);
}
to {
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
transform: perspective(400px) rotateX(-20deg);
}
60% {
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotateX(-5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
transform: perspective(400px) rotateY(-20deg);
}
60% {
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotateY(-5deg);
}
to {
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
transform: perspective(400px) rotateY(-20deg);
}
60% {
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotateY(-5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
}
60%,
80% {
opacity: 1;
}
80% {
transform: skewX(-5deg);
}
to {
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
}
60%,
80% {
opacity: 1;
}
80% {
transform: skewX(-5deg);
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
transform-origin: center;
transform: rotate(-200deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center;
transform: rotate(-200deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
transform-origin: center;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
transform-origin: center;
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
transform-origin: center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
transform-origin: right bottom;
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
transform-origin: right bottom;
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
transform-origin: top left;
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
}
40%,
80% {
transform: rotate(60deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
transform-origin: top left;
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
transform: rotate(80deg);
transform-origin: top left;
}
40%,
80% {
transform: rotate(60deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
transform: scale3d(0.3, 0.3, 0.3);
}
50%,
to {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
transform: scale3d(0.3, 0.3, 0.3);
}
50%,
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(0.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
@keyframes slideInDown {
0% {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
@keyframes slideInLeft {
0% {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
@keyframes slideInRight {
0% {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
@keyframes slideInUp {
0% {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.checkbox {
padding-left: 20px;
}
.checkbox label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 5px;
}
.checkbox label:before {
content: "";
width: 17px;
height: 17px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label:after,
.checkbox label:before {
display: inline-block;
position: absolute;
left: 0;
margin-left: -20px;
}
.checkbox label:after {
width: 16px;
height: 16px;
top: 0;
padding-left: 3px;
padding-top: 1px;
font-size: 11px;
color: #555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
opacity: 0;
z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label:before,
.checkbox input[type="radio"]:focus + label:before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label:after,
.checkbox input[type="radio"]:checked + label:after {
font-family: FontAwesome;
content: "\F00C";
}
.checkbox input[type="checkbox"]:indeterminate + label:after,
.checkbox input[type="radio"]:indeterminate + label:after {
display: block;
content: "";
width: 10px;
height: 3px;
background-color: #555;
border-radius: 2px;
margin-left: -16.5px;
margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label:before,
.checkbox input[type="radio"]:disabled + label:before {
background-color: #eee;
cursor: not-allowed;
}
.checkbox.checkbox-circle label:before {
border-radius: 50%;
}
.checkbox.checkbox-inline {
margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label:before,
.checkbox-primary input[type="radio"]:checked + label:before {
background-color: #337ab7;
border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label:after,
.checkbox-primary input[type="radio"]:checked + label:after {
color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label:before,
.checkbox-danger input[type="radio"]:checked + label:before {
background-color: #d9534f;
border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label:after,
.checkbox-danger input[type="radio"]:checked + label:after {
color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label:before,
.checkbox-info input[type="radio"]:checked + label:before {
background-color: #5bc0de;
border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label:after,
.checkbox-info input[type="radio"]:checked + label:after {
color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label:before,
.checkbox-warning input[type="radio"]:checked + label:before {
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label:after,
.checkbox-warning input[type="radio"]:checked + label:after {
color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label:before,
.checkbox-success input[type="radio"]:checked + label:before {
background-color: #5cb85c;
border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label:after,
.checkbox-success input[type="radio"]:checked + label:after {
color: #fff;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label:before,
.checkbox-primary input[type="radio"]:indeterminate + label:before {
background-color: #337ab7;
border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:indeterminate + label:after,
.checkbox-primary input[type="radio"]:indeterminate + label:after {
background-color: #fff;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label:before,
.checkbox-danger input[type="radio"]:indeterminate + label:before {
background-color: #d9534f;
border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:indeterminate + label:after,
.checkbox-danger input[type="radio"]:indeterminate + label:after {
background-color: #fff;
}
.checkbox-info input[type="checkbox"]:indeterminate + label:before,
.checkbox-info input[type="radio"]:indeterminate + label:before {
background-color: #5bc0de;
border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:indeterminate + label:after,
.checkbox-info input[type="radio"]:indeterminate + label:after {
background-color: #fff;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label:before,
.checkbox-warning input[type="radio"]:indeterminate + label:before {
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:indeterminate + label:after,
.checkbox-warning input[type="radio"]:indeterminate + label:after {
background-color: #fff;
}
.checkbox-success input[type="checkbox"]:indeterminate + label:before,
.checkbox-success input[type="radio"]:indeterminate + label:before {
background-color: #5cb85c;
border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:indeterminate + label:after,
.checkbox-success input[type="radio"]:indeterminate + label:after {
background-color: #fff;
}
.radio {
padding-left: 20px;
}
.radio label {
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 5px;
}
.radio label:before {
content: "";
width: 17px;
height: 17px;
left: 0;
border: 1px solid #ccc;
border-radius: 50%;
background-color: #fff;
transition: border 0.15s ease-in-out;
}
.radio label:after,
.radio label:before {
display: inline-block;
position: absolute;
margin-left: -20px;
}
.radio label:after {
content: " ";
width: 11px;
height: 11px;
left: 3px;
top: 3px;
border-radius: 50%;
background-color: #555;
transform: scale(0);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
opacity: 0;
z-index: 1;
}
.radio input[type="radio"]:focus + label:before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.radio input[type="radio"]:checked + label:after {
transform: scale(1);
}
.radio input[type="radio"]:disabled + label {
opacity: 0.65;
}
.radio input[type="radio"]:disabled + label:before {
cursor: not-allowed;
}
.radio.radio-inline {
margin-top: 0;
}
.radio-primary input[type="radio"] + label:after {
background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label:before {
border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label:after {
background-color: #337ab7;
}
.radio-danger input[type="radio"] + label:after {
background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label:before {
border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label:after {
background-color: #d9534f;
}
.radio-info input[type="radio"] + label:after {
background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label:before {
border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label:after {
background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label:after {
background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label:before {
border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label:after {
background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label:after {
background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label:before {
border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label:after {
background-color: #5cb85c;
}
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
font-family: FontAwesome;
content: "\F00C";
}
input[type="checkbox"] .styled:checked + label:after,
input[type="checkbox"] .styled:checked + label:before,
input[type="radio"] .styled:checked + label:after,
input[type="radio"] .styled:checked + label:before {
color: #fff;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-iframe,
.fancybox-video {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
.fancybox-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
-webkit-animation: a 1s linear infinite;
animation: a 1s linear infinite;
background: transparent;
border: 4px solid;
border-color: #888 #888 #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes a {
to {
transform: rotate(1turn);
}
}
@keyframes a {
to {
transform: rotate(1turn);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs {
background: #ddd;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a:before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
.file-loading input[type="file"],
input[type="file"].file-loading {
width: 0;
height: 0;
}
.file-caption-icon,
.file-input-ajax-new .fileinput-remove-button,
.file-input-ajax-new .fileinput-upload-button,
.file-input-ajax-new .no-browse .input-group-btn,
.file-input-new .close,
.file-input-new .file-preview,
.file-input-new .fileinput-remove-button,
.file-input-new .fileinput-upload-button,
.file-input-new .glyphicon-file,
.file-input-new .no-browse .input-group-btn,
.file-zoom-dialog .modal-header:after,
.file-zoom-dialog .modal-header:before,
.hide-content .kv-file-content,
.kv-hidden {
display: none;
}
.btn-file input[type="file"],
.file-caption-icon,
.file-preview .fileinput-remove,
.file-zoom-dialog .btn-navigate,
.file-zoom-dialog .floating-buttons,
.krajee-default .file-thumb-progress {
position: absolute;
}
.btn-file,
.file-caption,
.file-loading:before,
.file-preview,
.file-zoom-dialog .modal-dialog,
.krajee-default.file-preview-frame,
.krajee-default .file-thumbnail-footer {
position: relative;
}
.file-error-message pre,
.file-error-message ul,
.krajee-default .file-actions,
.krajee-default .file-other-error {
text-align: left;
}
.file-error-message pre,
.file-error-message ul {
margin: 0;
}
.krajee-default .file-drag-handle,
.krajee-default .file-upload-indicator {
float: left;
margin: 5px 0 -5px;
width: 16px;
height: 16px;
}
.krajee-default .file-thumb-progress .progress,
.krajee-default .file-thumb-progress .progress-bar {
height: 11px;
font-size: 9px;
line-height: 10px;
}
.krajee-default .file-caption-info,
.krajee-default .file-size-info {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 160px;
height: 15px;
margin: auto;
}
.file-zoom-content > .file-object.type-flash,
.file-zoom-content > .file-object.type-image,
.file-zoom-content > .file-object.type-video {
max-width: 100%;
max-height: 100%;
width: auto;
}
.file-zoom-content > .file-object.type-flash,
.file-zoom-content > .file-object.type-video {
height: 100%;
}
.file-zoom-content > .file-object.type-default,
.file-zoom-content > .file-object.type-html,
.file-zoom-content > .file-object.type-pdf,
.file-zoom-content > .file-object.type-text {
width: 100%;
}
.rotate-2 {
transform: rotateY(180deg);
}
.rotate-3 {
transform: rotate(180deg);
}
.rotate-4 {
transform: rotate(180deg) rotateY(180deg);
}
.rotate-5 {
transform: rotate(270deg) rotateY(180deg);
}
.rotate-6 {
transform: rotate(90deg);
}
.rotate-7 {
transform: rotate(90deg) rotateY(180deg);
}
.rotate-8 {
transform: rotate(270deg);
}
.file-loading:before {
content: " Loading...";
display: inline-block;
padding-left: 20px;
line-height: 16px;
font-size: 13px;
font-variant: small-caps;
color: #999;
background: url(../../../images/vendor/bootstrap-fileinput/loading.gif?13630905267b809161e71d0f8a0c017b) 0 0 no-repeat;
}
.file-object {
margin: 0 0 -5px;
padding: 0;
}
.btn-file {
overflow: hidden;
}
.btn-file input[type="file"] {
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
text-align: right;
opacity: 0;
background: none;
cursor: inherit;
display: block;
}
.btn-file ::-ms-browse {
font-size: 10000px;
width: 100%;
height: 100%;
}
.file-caption .file-caption-name {
width: 100%;
margin: 0;
padding: 0;
box-shadow: none;
border: none;
background: 0 0;
outline: 0;
}
.file-caption.icon-visible .file-caption-icon {
display: inline-block;
}
.file-caption.icon-visible .file-caption-name {
padding-left: 15px;
}
.file-caption-icon {
left: 8px;
}
.file-error-message {
color: #a94442;
background-color: #f2dede;
margin: 5px;
border: 1px solid #ebccd1;
border-radius: 4px;
padding: 15px;
}
.file-error-message pre {
margin: 5px 0;
}
.file-caption-disabled {
background-color: #eee;
cursor: not-allowed;
opacity: 1;
}
.file-preview {
border-radius: 5px;
border: 1px solid #ddd;
padding: 8px;
width: 100%;
margin-bottom: 5px;
}
.file-preview .btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.file-preview .fileinput-remove {
top: 1px;
right: 1px;
line-height: 10px;
}
.file-preview .clickable {
cursor: pointer;
}
.file-preview-image {
font: 40px Impact, Charcoal, sans-serif;
color: green;
}
.krajee-default.file-preview-frame {
margin: 8px;
border: 1px solid #ddd;
box-shadow: 1px 1px 5px 0 #a2958a;
padding: 6px;
float: left;
text-align: center;
}
.krajee-default.file-preview-frame .kv-file-content {
width: 213px;
height: 160px;
}
.krajee-default.file-preview-frame .file-thumbnail-footer {
height: 70px;
}
.krajee-default.file-preview-frame:not(.file-preview-error):hover {
box-shadow: 3px 3px 5px 0 #333;
}
.krajee-default .file-preview-text {
display: block;
color: #428bca;
border: 1px solid #ddd;
font-family: Menlo, Monaco, Consolas, Courier New, monospace;
outline: 0;
padding: 8px;
resize: none;
}
.krajee-default .file-preview-html {
border: 1px solid #ddd;
padding: 8px;
overflow: auto;
}
.krajee-default .file-other-icon {
font-size: 6em;
}
.krajee-default .file-footer-buttons {
float: right;
}
.krajee-default .file-footer-caption {
display: block;
text-align: center;
padding-top: 4px;
font-size: 11px;
color: #777;
margin-bottom: 15px;
}
.krajee-default .file-preview-error {
opacity: 0.65;
box-shadow: none;
}
.krajee-default .file-thumb-progress {
height: 11px;
top: 37px;
left: 0;
right: 0;
}
.krajee-default.kvsortable-ghost {
background: #e1edf7;
border: 2px solid #a1abff;
}
.krajee-default .file-preview-other:hover {
opacity: 0.8;
}
.krajee-default .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
color: #000;
}
.kv-upload-progress .progress {
height: 20px;
line-height: 20px;
margin: 10px 0;
overflow: hidden;
}
.kv-upload-progress .progress-bar {
height: 20px;
line-height: 20px;
}
.file-zoom-dialog .file-other-icon {
font-size: 22em;
font-size: 50vmin;
}
.file-zoom-dialog .modal-dialog {
width: auto;
}
.file-zoom-dialog .modal-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.file-zoom-dialog .btn-navigate {
padding: 0;
margin: 0;
background: 0 0;
text-decoration: none;
outline: 0;
opacity: 0.7;
top: 45%;
font-size: 4em;
color: #1c94c4;
}
.file-zoom-dialog .btn-navigate:not([disabled]):hover {
outline: 0;
box-shadow: none;
opacity: 0.6;
}
.file-zoom-dialog .floating-buttons {
top: 5px;
right: 10px;
}
.file-zoom-dialog .btn-navigate[disabled] {
opacity: 0.3;
}
.file-zoom-dialog .btn-prev {
left: 1px;
}
.file-zoom-dialog .btn-next {
right: 1px;
}
.file-zoom-dialog .kv-zoom-title {
font-weight: 300;
color: #999;
max-width: 50%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.file-input-ajax-new .no-browse .form-control,
.file-input-new .no-browse .form-control {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.file-caption-main {
width: 100%;
}
.file-thumb-loading {
background: url(../../../images/vendor/bootstrap-fileinput/loading.gif?13630905267b809161e71d0f8a0c017b) 50% no-repeat content-box !important;
}
.file-drop-zone {
border: 1px dashed #aaa;
border-radius: 4px;
height: 100%;
text-align: center;
vertical-align: middle;
margin: 12px 15px 12px 12px;
padding: 5px;
}
.file-drop-zone.clickable:hover {
border: 2px dashed #999;
}
.file-drop-zone.clickable:focus {
border: 2px solid #5acde2;
}
.file-drop-zone .file-preview-thumbnails {
cursor: default;
}
.file-drop-zone-title {
color: #aaa;
font-size: 1.6em;
padding: 85px 10px;
cursor: default;
}
.file-highlighted {
border: 2px dashed #999 !important;
background-color: #eee;
}
.file-uploading {
background: url(../../../images/vendor/bootstrap-fileinput/loading-sm.gif?e5ad074b7969cc386b387f08dba4fcec) center bottom 10px no-repeat;
opacity: 0.65;
}
@media (min-width: 576px) {
.file-zoom-dialog .modal-dialog {
max-width: 500px;
}
}
@media (min-width: 992px) {
.file-zoom-dialog .modal-lg {
max-width: 800px;
}
}
.file-zoom-fullscreen.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.file-zoom-fullscreen .modal-dialog {
position: fixed;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.file-zoom-fullscreen .modal-content {
border-radius: 0;
box-shadow: none;
}
.file-zoom-fullscreen .modal-body {
overflow-y: auto;
}
.floating-buttons {
z-index: 3000;
}
.floating-buttons .btn-kv {
margin-left: 3px;
z-index: 3000;
}
.file-zoom-content {
height: 480px;
text-align: center;
}
.file-zoom-content .file-preview-image,
.file-zoom-content .file-preview-video {
max-height: 100%;
}
.file-zoom-content .is-portrait-gt4 {
margin-top: 60px;
}
.file-zoom-content > .file-object.type-image {
height: auto;
min-height: inherit;
}
.file-zoom-content > .file-object.type-audio {
width: auto;
height: 30px;
}
@media screen and (max-width: 767px) {
.file-preview-thumbnails {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.file-zoom-dialog .modal-header {
flex-direction: column;
}
}
@media screen and (max-width: 350px) {
.krajee-default.file-preview-frame .kv-file-content {
width: 160px;
}
}
.file-loading[dir="rtl"]:before {
background: url(../../../images/vendor/bootstrap-fileinput/loading.gif?13630905267b809161e71d0f8a0c017b) 100% 0 no-repeat;
padding-left: 0;
padding-right: 20px;
}
.file-sortable .file-drag-handle {
cursor: move;
opacity: 1;
}
.file-sortable .file-drag-handle:hover {
opacity: 0.7;
}
.clickable .file-drop-zone-title {
cursor: pointer;
}
.kv-zoom-actions .btn-kv {
margin-left: 3px;
}
.file-preview-initial.sortable-chosen {
background-color: #d9edf7;
}
.checkbox-inline .toggle,
.checkbox label .toggle {
margin-left: -20px;
margin-right: 5px;
}
.toggle {
position: relative;
overflow: hidden;
}
.toggle input[type="checkbox"] {
display: none;
}
.toggle-group {
position: absolute;
width: 200%;
top: 0;
bottom: 0;
left: 0;
transition: left 0.35s;
-webkit-transition: left 0.35s;
-moz-user-select: none;
-webkit-user-select: none;
}
.toggle.off .toggle-group {
left: -100%;
}
.toggle-on {
left: 0;
right: 50%;
}
.toggle-off,
.toggle-on {
position: absolute;
top: 0;
bottom: 0;
margin: 0;
border: 0;
border-radius: 0;
}
.toggle-off {
left: 50%;
right: 0;
}
.toggle-handle {
position: relative;
margin: 0 auto;
padding-top: 0;
padding-bottom: 0;
height: 100%;
width: 0;
border-width: 0 1px;
}
.toggle.btn {
min-width: 59px;
min-height: 34px;
}
.toggle-on.btn {
padding-right: 24px;
}
.toggle-off.btn {
padding-left: 24px;
}
.toggle.btn-lg {
min-width: 79px;
min-height: 45px;
}
.toggle-on.btn-lg {
padding-right: 31px;
}
.toggle-off.btn-lg {
padding-left: 31px;
}
.toggle-handle.btn-lg {
width: 40px;
}
.toggle.btn-sm {
min-width: 50px;
min-height: 30px;
}
.toggle-on.btn-sm {
padding-right: 20px;
}
.toggle-off.btn-sm {
padding-left: 20px;
}
.toggle.btn-xs {
min-width: 35px;
min-height: 22px;
}
.toggle-on.btn-xs {
padding-right: 12px;
}
.toggle-off.btn-xs {
padding-left: 12px;
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
box-sizing: border-box;
}
.noUi-target {
position: relative;
direction: ltr;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform-origin: 0 0;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
left: auto;
right: 0;
}
.noUi-vertical .noUi-origin {
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
right: -17px;
left: auto;
}
.noUi-target {
background: #fafafa;
border-radius: 4px;
border: 1px solid #d3d3d3;
box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3fb8af;
}
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
cursor: default;
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}
.noUi-active {
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}
.noUi-handle:after,
.noUi-handle:before {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #e8e7e6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
[disabled] .noUi-connect {
background: #b8b8b8;
}
[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
.noUi-marker {
position: absolute;
background: #ccc;
}
.noUi-marker-large,
.noUi-marker-sub {
background: #aaa;
}
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
transform: translateY(-50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
transform: translateY(50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
transform: translate(-50%);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
transform: translateY(-50%);
top: 50%;
right: 120%;
}
#cookie-bar {
background: #111;
height: auto;
line-height: 24px;
color: #eee;
text-align: center;
padding: 3px 0;
}
#cookie-bar.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1200;
}
#cookie-bar.fixed.bottom {
bottom: 0;
top: auto;
}
#cookie-bar p {
margin: 0;
padding: 0;
}
#cookie-bar a {
color: #fff;
display: inline-block;
border-radius: 3px;
text-decoration: none;
padding: 0 6px;
margin-left: 8px;
}
#cookie-bar .cb-enable {
background: #070;
cursor: pointer;
}
#cookie-bar .cb-enable:hover {
background: #090;
}
#cookie-bar .cb-disable {
background: #900;
cursor: pointer;
}
#cookie-bar .cb-disable:hover {
background: #b00;
}
#cookie-bar .cb-policy {
background: #03b;
cursor: pointer;
}
#cookie-bar .cb-policy:hover {
background: #05d;
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.owl-height {
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(../../../images/vendor/owl.carousel/dist/owl.video.play.png?4a37f8008959c75f619bf0a3a4e2d7a2) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
margin-top: 10px;
}
.owl-theme .owl-nav [class*="owl-"] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background: #869791;
color: #fff;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
@-webkit-keyframes bs-notify-fadeOut {
0% {
opacity: 0.9;
}
to {
opacity: 0;
}
}
@-o-keyframes bs-notify-fadeOut {
0% {
opacity: 0.9;
}
to {
opacity: 0;
}
}
@keyframes bs-notify-fadeOut {
0% {
opacity: 0.9;
}
to {
opacity: 0;
}
}
.bootstrap-select > select.bs-select-hidden,
select.bs-select-hidden,
select.selectpicker {
display: none !important;
}
.bootstrap-select {
width: 220px\0;
vertical-align: middle;
}
.bootstrap-select > .dropdown-toggle {
position: relative;
width: 100%;
text-align: right;
white-space: nowrap;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.bootstrap-select > .dropdown-toggle:after {
margin-top: -1px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
color: #999;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
color: hsla(0, 0%, 100%, 0.5);
}
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: 0.5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none;
z-index: 0 !important;
}
.bootstrap-select > select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2 !important;
}
.bootstrap-select.is-invalid .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle,
.was-validated .bootstrap-select select:invalid + .dropdown-toggle {
border-color: #b94a48;
}
.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select select:valid + .dropdown-toggle {
border-color: #28a745;
}
.bootstrap-select.fit-width {
width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 220px;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
outline: thin dotted #333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
height: auto;
}
:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
float: none;
z-index: auto;
}
.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
width: auto;
}
.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0;
}
.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
float: right;
}
.form-group .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-inline .bootstrap-select {
margin-bottom: 0;
}
.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
padding: 0;
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
height: 100%;
font-size: inherit;
line-height: inherit;
border-radius: inherit;
}
.bootstrap-select.form-control-lg .dropdown-toggle,
.bootstrap-select.form-control-sm .dropdown-toggle {
font-size: inherit;
line-height: inherit;
border-radius: inherit;
}
.bootstrap-select.form-control-sm .dropdown-toggle {
padding: 0.25rem 0.5rem;
}
.bootstrap-select.form-control-lg .dropdown-toggle {
padding: 0.5rem 1rem;
}
.form-inline .bootstrap-select .form-control {
width: 100%;
}
.bootstrap-select.disabled,
.bootstrap-select > .disabled {
cursor: not-allowed;
}
.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
outline: 0 !important;
}
.bootstrap-select.bs-container {
position: absolute;
top: 0;
left: 0;
height: 0 !important;
padding: 0 !important;
}
.bootstrap-select.bs-container .dropdown-menu {
z-index: 1060;
}
.bootstrap-select .dropdown-toggle .filter-option {
position: static;
top: 0;
left: 0;
float: left;
height: 100%;
width: 100%;
text-align: left;
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.bs3.bootstrap-select .dropdown-toggle .filter-option {
padding-right: inherit;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
position: absolute;
padding-top: inherit;
padding-bottom: inherit;
padding-left: inherit;
float: none;
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
overflow: hidden;
}
.bootstrap-select .dropdown-toggle .filter-expand {
width: 0 !important;
float: left;
opacity: 0 !important;
overflow: hidden;
}
.bootstrap-select .dropdown-toggle .caret {
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle;
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
border-radius: inherit;
}
.bootstrap-select[class*="col-"] .dropdown-toggle {
width: 100%;
}
.bootstrap-select .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select .dropdown-menu > .inner:focus {
outline: 0 !important;
}
.bootstrap-select .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.bootstrap-select .dropdown-menu li {
position: relative;
}
.bootstrap-select .dropdown-menu li.active small {
color: hsla(0, 0%, 100%, 0.5) !important;
}
.bootstrap-select .dropdown-menu li.disabled a {
cursor: not-allowed;
}
.bootstrap-select .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.bootstrap-select .dropdown-menu li a.opt {
position: relative;
padding-left: 2.25em;
}
.bootstrap-select .dropdown-menu li a span.check-mark {
display: none;
}
.bootstrap-select .dropdown-menu li a span.text {
display: inline-block;
}
.bootstrap-select .dropdown-menu li small {
padding-left: 0.5em;
}
.bootstrap-select .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
pointer-events: none;
opacity: 0.9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select .dropdown-menu .notify.fadeOut {
-webkit-animation: bs-notify-fadeOut 0.3s linear 0.75s forwards;
-o-animation: 0.3s linear 0.75s forwards bs-notify-fadeOut;
animation: bs-notify-fadeOut 0.3s linear 0.75s forwards;
}
.bootstrap-select .no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
white-space: nowrap;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
position: static;
display: inline;
padding: 0;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
display: inline;
}
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
content: "\A0";
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
position: static;
top: auto;
margin-top: -1px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
top: 5px;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
}
.bootstrap-select .bs-ok-default:after {
content: "";
display: block;
width: 0.5em;
height: 1em;
border-style: solid;
border-width: 0 0.26em 0.26em 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
content: "";
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid hsla(0, 0%, 80%, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
bottom: -4px;
left: 10px;
display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
bottom: auto;
top: -4px;
border-top: 7px solid hsla(0, 0%, 80%, 0.2);
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
bottom: auto;
top: -4px;
border-top: 6px solid #fff;
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
right: 12px;
left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
right: 13px;
left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before {
display: block;
}
.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
padding: 4px 8px;
}
.bs-actionsbox {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
width: 50%;
}
.bs-donebutton {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-donebutton .btn-group button {
width: 100%;
}
.bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px;
}
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none;
}
.btn-social {
position: relative;
padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.btn-social > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 32px;
line-height: 34px;
font-size: 1.6em;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social.btn-lg {
padding-left: 61px;
}
.btn-social.btn-lg > :first-child {
line-height: 45px;
width: 45px;
font-size: 1.8em;
}
.btn-social.btn-sm {
padding-left: 38px;
}
.btn-social.btn-sm > :first-child {
line-height: 28px;
width: 28px;
font-size: 1.4em;
}
.btn-social.btn-xs {
padding-left: 30px;
}
.btn-social.btn-xs > :first-child {
line-height: 20px;
width: 20px;
font-size: 1.2em;
}
.btn-social-icon {
position: relative;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 34px;
width: 34px;
padding: 0;
}
.btn-social-icon > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 32px;
line-height: 34px;
font-size: 1.6em;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social-icon.btn-lg {
padding-left: 61px;
}
.btn-social-icon.btn-lg > :first-child {
line-height: 45px;
width: 45px;
font-size: 1.8em;
}
.btn-social-icon.btn-sm {
padding-left: 38px;
}
.btn-social-icon.btn-sm > :first-child {
line-height: 28px;
width: 28px;
font-size: 1.4em;
}
.btn-social-icon.btn-xs {
padding-left: 30px;
}
.btn-social-icon.btn-xs > :first-child {
line-height: 20px;
width: 20px;
font-size: 1.2em;
}
.btn-social-icon > :first-child {
border: none;
text-align: center;
width: 100% !important;
}
.btn-social-icon.btn-lg {
height: 45px;
width: 45px;
padding-left: 0;
padding-right: 0;
}
.btn-social-icon.btn-sm {
height: 30px;
width: 30px;
padding-left: 0;
padding-right: 0;
}
.btn-social-icon.btn-xs {
height: 22px;
width: 22px;
padding-left: 0;
padding-right: 0;
}
.btn-adn {
color: #fff;
background-color: #d87a68;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn.active,
.btn-adn.focus,
.btn-adn:active,
.btn-adn:focus,
.btn-adn:hover,
.open > .dropdown-toggle.btn-adn {
color: #fff;
background-color: #ce563f;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn.active.focus,
.btn-adn.active:focus,
.btn-adn.active:hover,
.btn-adn:active.focus,
.btn-adn:active:focus,
.btn-adn:active:hover,
.open > .dropdown-toggle.btn-adn.focus,
.open > .dropdown-toggle.btn-adn:focus,
.open > .dropdown-toggle.btn-adn:hover {
color: #fff;
background-color: #b94630;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn.active,
.btn-adn:active,
.open > .dropdown-toggle.btn-adn {
background-image: none;
}
.btn-adn.disabled.focus,
.btn-adn.disabled:focus,
.btn-adn.disabled:hover,
.btn-adn[disabled].focus,
.btn-adn[disabled]:focus,
.btn-adn[disabled]:hover,
fieldset[disabled] .btn-adn.focus,
fieldset[disabled] .btn-adn:focus,
fieldset[disabled] .btn-adn:hover {
background-color: #d87a68;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-adn .badge {
color: #d87a68;
background-color: #fff;
}
.btn-bitbucket {
color: #fff;
background-color: #205081;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket.active,
.btn-bitbucket.focus,
.btn-bitbucket:active,
.btn-bitbucket:focus,
.btn-bitbucket:hover,
.open > .dropdown-toggle.btn-bitbucket {
color: #fff;
background-color: #163758;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket.active.focus,
.btn-bitbucket.active:focus,
.btn-bitbucket.active:hover,
.btn-bitbucket:active.focus,
.btn-bitbucket:active:focus,
.btn-bitbucket:active:hover,
.open > .dropdown-toggle.btn-bitbucket.focus,
.open > .dropdown-toggle.btn-bitbucket:focus,
.open > .dropdown-toggle.btn-bitbucket:hover {
color: #fff;
background-color: #0f253c;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket.active,
.btn-bitbucket:active,
.open > .dropdown-toggle.btn-bitbucket {
background-image: none;
}
.btn-bitbucket.disabled.focus,
.btn-bitbucket.disabled:focus,
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled].focus,
.btn-bitbucket[disabled]:focus,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket.focus,
fieldset[disabled] .btn-bitbucket:focus,
fieldset[disabled] .btn-bitbucket:hover {
background-color: #205081;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-bitbucket .badge {
color: #205081;
background-color: #fff;
}
.btn-dropbox {
color: #fff;
background-color: #1087dd;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox.active,
.btn-dropbox.focus,
.btn-dropbox:active,
.btn-dropbox:focus,
.btn-dropbox:hover,
.open > .dropdown-toggle.btn-dropbox {
color: #fff;
background-color: #0d6aad;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox.active.focus,
.btn-dropbox.active:focus,
.btn-dropbox.active:hover,
.btn-dropbox:active.focus,
.btn-dropbox:active:focus,
.btn-dropbox:active:hover,
.open > .dropdown-toggle.btn-dropbox.focus,
.open > .dropdown-toggle.btn-dropbox:focus,
.open > .dropdown-toggle.btn-dropbox:hover {
color: #fff;
background-color: #0a568c;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox.active,
.btn-dropbox:active,
.open > .dropdown-toggle.btn-dropbox {
background-image: none;
}
.btn-dropbox.disabled.focus,
.btn-dropbox.disabled:focus,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled].focus,
.btn-dropbox[disabled]:focus,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox.focus,
fieldset[disabled] .btn-dropbox:focus,
fieldset[disabled] .btn-dropbox:hover {
background-color: #1087dd;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-dropbox .badge {
color: #1087dd;
background-color: #fff;
}
.btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook.active,
.btn-facebook.focus,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover,
.open > .dropdown-toggle.btn-facebook {
color: #fff;
background-color: #2d4373;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook.active.focus,
.btn-facebook.active:focus,
.btn-facebook.active:hover,
.btn-facebook:active.focus,
.btn-facebook:active:focus,
.btn-facebook:active:hover,
.open > .dropdown-toggle.btn-facebook.focus,
.open > .dropdown-toggle.btn-facebook:focus,
.open > .dropdown-toggle.btn-facebook:hover {
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.focus,
.btn-facebook.disabled:focus,
.btn-facebook.disabled:hover,
.btn-facebook[disabled].focus,
.btn-facebook[disabled]:focus,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook.focus,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook:hover {
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-facebook .badge {
color: #3b5998;
background-color: #fff;
}
.btn-flickr {
color: #fff;
background-color: #ff0084;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr.active,
.btn-flickr.focus,
.btn-flickr:active,
.btn-flickr:focus,
.btn-flickr:hover,
.open > .dropdown-toggle.btn-flickr {
color: #fff;
background-color: #cc006a;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr.active.focus,
.btn-flickr.active:focus,
.btn-flickr.active:hover,
.btn-flickr:active.focus,
.btn-flickr:active:focus,
.btn-flickr:active:hover,
.open > .dropdown-toggle.btn-flickr.focus,
.open > .dropdown-toggle.btn-flickr:focus,
.open > .dropdown-toggle.btn-flickr:hover {
color: #fff;
background-color: #a80057;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr.active,
.btn-flickr:active,
.open > .dropdown-toggle.btn-flickr {
background-image: none;
}
.btn-flickr.disabled.focus,
.btn-flickr.disabled:focus,
.btn-flickr.disabled:hover,
.btn-flickr[disabled].focus,
.btn-flickr[disabled]:focus,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr.focus,
fieldset[disabled] .btn-flickr:focus,
fieldset[disabled] .btn-flickr:hover {
background-color: #ff0084;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-flickr .badge {
color: #ff0084;
background-color: #fff;
}
.btn-foursquare {
color: #fff;
background-color: #f94877;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare.active,
.btn-foursquare.focus,
.btn-foursquare:active,
.btn-foursquare:focus,
.btn-foursquare:hover,
.open > .dropdown-toggle.btn-foursquare {
color: #fff;
background-color: #f71752;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare.active.focus,
.btn-foursquare.active:focus,
.btn-foursquare.active:hover,
.btn-foursquare:active.focus,
.btn-foursquare:active:focus,
.btn-foursquare:active:hover,
.open > .dropdown-toggle.btn-foursquare.focus,
.open > .dropdown-toggle.btn-foursquare:focus,
.open > .dropdown-toggle.btn-foursquare:hover {
color: #fff;
background-color: #e30742;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare.active,
.btn-foursquare:active,
.open > .dropdown-toggle.btn-foursquare {
background-image: none;
}
.btn-foursquare.disabled.focus,
.btn-foursquare.disabled:focus,
.btn-foursquare.disabled:hover,
.btn-foursquare[disabled].focus,
.btn-foursquare[disabled]:focus,
.btn-foursquare[disabled]:hover,
fieldset[disabled] .btn-foursquare.focus,
fieldset[disabled] .btn-foursquare:focus,
fieldset[disabled] .btn-foursquare:hover {
background-color: #f94877;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare .badge {
color: #f94877;
background-color: #fff;
}
.btn-github {
color: #fff;
background-color: #444;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-github.active,
.btn-github.focus,
.btn-github:active,
.btn-github:focus,
.btn-github:hover,
.open > .dropdown-toggle.btn-github {
color: #fff;
background-color: #2b2b2b;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-github.active.focus,
.btn-github.active:focus,
.btn-github.active:hover,
.btn-github:active.focus,
.btn-github:active:focus,
.btn-github:active:hover,
.open > .dropdown-toggle.btn-github.focus,
.open > .dropdown-toggle.btn-github:focus,
.open > .dropdown-toggle.btn-github:hover {
color: #fff;
background-color: #191919;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-github.active,
.btn-github:active,
.open > .dropdown-toggle.btn-github {
background-image: none;
}
.btn-github.disabled.focus,
.btn-github.disabled:focus,
.btn-github.disabled:hover,
.btn-github[disabled].focus,
.btn-github[disabled]:focus,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github.focus,
fieldset[disabled] .btn-github:focus,
fieldset[disabled] .btn-github:hover {
background-color: #444;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-github .badge {
color: #444;
background-color: #fff;
}
.btn-google {
color: #fff;
background-color: #dd4b39;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-google.active,
.btn-google.focus,
.btn-google:active,
.btn-google:focus,
.btn-google:hover,
.open > .dropdown-toggle.btn-google {
color: #fff;
background-color: #c23321;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-google.active.focus,
.btn-google.active:focus,
.btn-google.active:hover,
.btn-google:active.focus,
.btn-google:active:focus,
.btn-google:active:hover,
.open > .dropdown-toggle.btn-google.focus,
.open > .dropdown-toggle.btn-google:focus,
.open > .dropdown-toggle.btn-google:hover {
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.focus,
.btn-google.disabled:focus,
.btn-google.disabled:hover,
.btn-google[disabled].focus,
.btn-google[disabled]:focus,
.btn-google[disabled]:hover,
fieldset[disabled] .btn-google.focus,
fieldset[disabled] .btn-google:focus,
fieldset[disabled] .btn-google:hover {
background-color: #dd4b39;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-google .badge {
color: #dd4b39;
background-color: #fff;
}
.btn-instagram {
color: #fff;
background-color: #3f729b;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram.active,
.btn-instagram.focus,
.btn-instagram:active,
.btn-instagram:focus,
.btn-instagram:hover,
.open > .dropdown-toggle.btn-instagram {
color: #fff;
background-color: #305777;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram.active.focus,
.btn-instagram.active:focus,
.btn-instagram.active:hover,
.btn-instagram:active.focus,
.btn-instagram:active:focus,
.btn-instagram:active:hover,
.open > .dropdown-toggle.btn-instagram.focus,
.open > .dropdown-toggle.btn-instagram:focus,
.open > .dropdown-toggle.btn-instagram:hover {
color: #fff;
background-color: #26455d;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram.active,
.btn-instagram:active,
.open > .dropdown-toggle.btn-instagram {
background-image: none;
}
.btn-instagram.disabled.focus,
.btn-instagram.disabled:focus,
.btn-instagram.disabled:hover,
.btn-instagram[disabled].focus,
.btn-instagram[disabled]:focus,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram.focus,
fieldset[disabled] .btn-instagram:focus,
fieldset[disabled] .btn-instagram:hover {
background-color: #3f729b;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-instagram .badge {
color: #3f729b;
background-color: #fff;
}
.btn-linkedin {
color: #fff;
background-color: #007bb6;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin.active,
.btn-linkedin.focus,
.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin:hover,
.open > .dropdown-toggle.btn-linkedin {
color: #fff;
background-color: #005983;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin.active.focus,
.btn-linkedin.active:focus,
.btn-linkedin.active:hover,
.btn-linkedin:active.focus,
.btn-linkedin:active:focus,
.btn-linkedin:active:hover,
.open > .dropdown-toggle.btn-linkedin.focus,
.open > .dropdown-toggle.btn-linkedin:focus,
.open > .dropdown-toggle.btn-linkedin:hover {
color: #fff;
background-color: #00405f;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin.active,
.btn-linkedin:active,
.open > .dropdown-toggle.btn-linkedin {
background-image: none;
}
.btn-linkedin.disabled.focus,
.btn-linkedin.disabled:focus,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled].focus,
.btn-linkedin[disabled]:focus,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin.focus,
fieldset[disabled] .btn-linkedin:focus,
fieldset[disabled] .btn-linkedin:hover {
background-color: #007bb6;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-linkedin .badge {
color: #007bb6;
background-color: #fff;
}
.btn-microsoft {
color: #fff;
background-color: #2672ec;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft.active,
.btn-microsoft.focus,
.btn-microsoft:active,
.btn-microsoft:focus,
.btn-microsoft:hover,
.open > .dropdown-toggle.btn-microsoft {
color: #fff;
background-color: #125acd;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft.active.focus,
.btn-microsoft.active:focus,
.btn-microsoft.active:hover,
.btn-microsoft:active.focus,
.btn-microsoft:active:focus,
.btn-microsoft:active:hover,
.open > .dropdown-toggle.btn-microsoft.focus,
.open > .dropdown-toggle.btn-microsoft:focus,
.open > .dropdown-toggle.btn-microsoft:hover {
color: #fff;
background-color: #0f4bac;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft.active,
.btn-microsoft:active,
.open > .dropdown-toggle.btn-microsoft {
background-image: none;
}
.btn-microsoft.disabled.focus,
.btn-microsoft.disabled:focus,
.btn-microsoft.disabled:hover,
.btn-microsoft[disabled].focus,
.btn-microsoft[disabled]:focus,
.btn-microsoft[disabled]:hover,
fieldset[disabled] .btn-microsoft.focus,
fieldset[disabled] .btn-microsoft:focus,
fieldset[disabled] .btn-microsoft:hover {
background-color: #2672ec;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-microsoft .badge {
color: #2672ec;
background-color: #fff;
}
.btn-odnoklassniki {
color: #fff;
background-color: #f4731c;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-odnoklassniki.active,
.btn-odnoklassniki.focus,
.btn-odnoklassniki:active,
.btn-odnoklassniki:focus,
.btn-odnoklassniki:hover,
.open > .dropdown-toggle.btn-odnoklassniki {
color: #fff;
background-color: #d35b0a;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-odnoklassniki.active.focus,
.btn-odnoklassniki.active:focus,
.btn-odnoklassniki.active:hover,
.btn-odnoklassniki:active.focus,
.btn-odnoklassniki:active:focus,
.btn-odnoklassniki:active:hover,
.open > .dropdown-toggle.btn-odnoklassniki.focus,
.open > .dropdown-toggle.btn-odnoklassniki:focus,
.open > .dropdown-toggle.btn-odnoklassniki:hover {
color: #fff;
background-color: #b14c09;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-odnoklassniki.active,
.btn-odnoklassniki:active,
.open > .dropdown-toggle.btn-odnoklassniki {
background-image: none;
}
.btn-odnoklassniki.disabled.focus,
.btn-odnoklassniki.disabled:focus,
.btn-odnoklassniki.disabled:hover,
.btn-odnoklassniki[disabled].focus,
.btn-odnoklassniki[disabled]:focus,
.btn-odnoklassniki[disabled]:hover,
fieldset[disabled] .btn-odnoklassniki.focus,
fieldset[disabled] .btn-odnoklassniki:focus,
fieldset[disabled] .btn-odnoklassniki:hover {
background-color: #f4731c;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-odnoklassniki .badge {
color: #f4731c;
background-color: #fff;
}
.btn-openid {
color: #fff;
background-color: #f7931e;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid.active,
.btn-openid.focus,
.btn-openid:active,
.btn-openid:focus,
.btn-openid:hover,
.open > .dropdown-toggle.btn-openid {
color: #fff;
background-color: #da7908;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid.active.focus,
.btn-openid.active:focus,
.btn-openid.active:hover,
.btn-openid:active.focus,
.btn-openid:active:focus,
.btn-openid:active:hover,
.open > .dropdown-toggle.btn-openid.focus,
.open > .dropdown-toggle.btn-openid:focus,
.open > .dropdown-toggle.btn-openid:hover {
color: #fff;
background-color: #b86607;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid.active,
.btn-openid:active,
.open > .dropdown-toggle.btn-openid {
background-image: none;
}
.btn-openid.disabled.focus,
.btn-openid.disabled:focus,
.btn-openid.disabled:hover,
.btn-openid[disabled].focus,
.btn-openid[disabled]:focus,
.btn-openid[disabled]:hover,
fieldset[disabled] .btn-openid.focus,
fieldset[disabled] .btn-openid:focus,
fieldset[disabled] .btn-openid:hover {
background-color: #f7931e;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-openid .badge {
color: #f7931e;
background-color: #fff;
}
.btn-pinterest {
color: #fff;
background-color: #cb2027;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest.active,
.btn-pinterest.focus,
.btn-pinterest:active,
.btn-pinterest:focus,
.btn-pinterest:hover,
.open > .dropdown-toggle.btn-pinterest {
color: #fff;
background-color: #9f191f;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest.active.focus,
.btn-pinterest.active:focus,
.btn-pinterest.active:hover,
.btn-pinterest:active.focus,
.btn-pinterest:active:focus,
.btn-pinterest:active:hover,
.open > .dropdown-toggle.btn-pinterest.focus,
.open > .dropdown-toggle.btn-pinterest:focus,
.open > .dropdown-toggle.btn-pinterest:hover {
color: #fff;
background-color: #801419;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest.active,
.btn-pinterest:active,
.open > .dropdown-toggle.btn-pinterest {
background-image: none;
}
.btn-pinterest.disabled.focus,
.btn-pinterest.disabled:focus,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled].focus,
.btn-pinterest[disabled]:focus,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest.focus,
fieldset[disabled] .btn-pinterest:focus,
fieldset[disabled] .btn-pinterest:hover {
background-color: #cb2027;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-pinterest .badge {
color: #cb2027;
background-color: #fff;
}
.btn-reddit {
color: #000;
background-color: #eff7ff;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit.active,
.btn-reddit.focus,
.btn-reddit:active,
.btn-reddit:focus,
.btn-reddit:hover,
.open > .dropdown-toggle.btn-reddit {
color: #000;
background-color: #bcddff;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit.active.focus,
.btn-reddit.active:focus,
.btn-reddit.active:hover,
.btn-reddit:active.focus,
.btn-reddit:active:focus,
.btn-reddit:active:hover,
.open > .dropdown-toggle.btn-reddit.focus,
.open > .dropdown-toggle.btn-reddit:focus,
.open > .dropdown-toggle.btn-reddit:hover {
color: #000;
background-color: #98ccff;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit.active,
.btn-reddit:active,
.open > .dropdown-toggle.btn-reddit {
background-image: none;
}
.btn-reddit.disabled.focus,
.btn-reddit.disabled:focus,
.btn-reddit.disabled:hover,
.btn-reddit[disabled].focus,
.btn-reddit[disabled]:focus,
.btn-reddit[disabled]:hover,
fieldset[disabled] .btn-reddit.focus,
fieldset[disabled] .btn-reddit:focus,
fieldset[disabled] .btn-reddit:hover {
background-color: #eff7ff;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-reddit .badge {
color: #eff7ff;
background-color: #000;
}
.btn-soundcloud {
color: #fff;
background-color: #f50;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud.active,
.btn-soundcloud.focus,
.btn-soundcloud:active,
.btn-soundcloud:focus,
.btn-soundcloud:hover,
.open > .dropdown-toggle.btn-soundcloud {
color: #fff;
background-color: #c40;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud.active.focus,
.btn-soundcloud.active:focus,
.btn-soundcloud.active:hover,
.btn-soundcloud:active.focus,
.btn-soundcloud:active:focus,
.btn-soundcloud:active:hover,
.open > .dropdown-toggle.btn-soundcloud.focus,
.open > .dropdown-toggle.btn-soundcloud:focus,
.open > .dropdown-toggle.btn-soundcloud:hover {
color: #fff;
background-color: #a83800;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud.active,
.btn-soundcloud:active,
.open > .dropdown-toggle.btn-soundcloud {
background-image: none;
}
.btn-soundcloud.disabled.focus,
.btn-soundcloud.disabled:focus,
.btn-soundcloud.disabled:hover,
.btn-soundcloud[disabled].focus,
.btn-soundcloud[disabled]:focus,
.btn-soundcloud[disabled]:hover,
fieldset[disabled] .btn-soundcloud.focus,
fieldset[disabled] .btn-soundcloud:focus,
fieldset[disabled] .btn-soundcloud:hover {
background-color: #f50;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-soundcloud .badge {
color: #f50;
background-color: #fff;
}
.btn-tumblr {
color: #fff;
background-color: #2c4762;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr.active,
.btn-tumblr.focus,
.btn-tumblr:active,
.btn-tumblr:focus,
.btn-tumblr:hover,
.open > .dropdown-toggle.btn-tumblr {
color: #fff;
background-color: #1c2d3f;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr.active.focus,
.btn-tumblr.active:focus,
.btn-tumblr.active:hover,
.btn-tumblr:active.focus,
.btn-tumblr:active:focus,
.btn-tumblr:active:hover,
.open > .dropdown-toggle.btn-tumblr.focus,
.open > .dropdown-toggle.btn-tumblr:focus,
.open > .dropdown-toggle.btn-tumblr:hover {
color: #fff;
background-color: #111c26;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr.active,
.btn-tumblr:active,
.open > .dropdown-toggle.btn-tumblr {
background-image: none;
}
.btn-tumblr.disabled.focus,
.btn-tumblr.disabled:focus,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled].focus,
.btn-tumblr[disabled]:focus,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr.focus,
fieldset[disabled] .btn-tumblr:focus,
fieldset[disabled] .btn-tumblr:hover {
background-color: #2c4762;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-tumblr .badge {
color: #2c4762;
background-color: #fff;
}
.btn-twitter {
color: #fff;
background-color: #55acee;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter.active,
.btn-twitter.focus,
.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:hover,
.open > .dropdown-toggle.btn-twitter {
color: #fff;
background-color: #2795e9;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter.active.focus,
.btn-twitter.active:focus,
.btn-twitter.active:hover,
.btn-twitter:active.focus,
.btn-twitter:active:focus,
.btn-twitter:active:hover,
.open > .dropdown-toggle.btn-twitter.focus,
.open > .dropdown-toggle.btn-twitter:focus,
.open > .dropdown-toggle.btn-twitter:hover {
color: #fff;
background-color: #1583d7;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter.active,
.btn-twitter:active,
.open > .dropdown-toggle.btn-twitter {
background-image: none;
}
.btn-twitter.disabled.focus,
.btn-twitter.disabled:focus,
.btn-twitter.disabled:hover,
.btn-twitter[disabled].focus,
.btn-twitter[disabled]:focus,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter.focus,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter:hover {
background-color: #55acee;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-twitter .badge {
color: #55acee;
background-color: #fff;
}
.btn-vimeo {
color: #fff;
background-color: #1ab7ea;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo.active,
.btn-vimeo.focus,
.btn-vimeo:active,
.btn-vimeo:focus,
.btn-vimeo:hover,
.open > .dropdown-toggle.btn-vimeo {
color: #fff;
background-color: #1295bf;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo.active.focus,
.btn-vimeo.active:focus,
.btn-vimeo.active:hover,
.btn-vimeo:active.focus,
.btn-vimeo:active:focus,
.btn-vimeo:active:hover,
.open > .dropdown-toggle.btn-vimeo.focus,
.open > .dropdown-toggle.btn-vimeo:focus,
.open > .dropdown-toggle.btn-vimeo:hover {
color: #fff;
background-color: #0f7b9f;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo.active,
.btn-vimeo:active,
.open > .dropdown-toggle.btn-vimeo {
background-image: none;
}
.btn-vimeo.disabled.focus,
.btn-vimeo.disabled:focus,
.btn-vimeo.disabled:hover,
.btn-vimeo[disabled].focus,
.btn-vimeo[disabled]:focus,
.btn-vimeo[disabled]:hover,
fieldset[disabled] .btn-vimeo.focus,
fieldset[disabled] .btn-vimeo:focus,
fieldset[disabled] .btn-vimeo:hover {
background-color: #1ab7ea;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vimeo .badge {
color: #1ab7ea;
background-color: #fff;
}
.btn-vk {
color: #fff;
background-color: #587ea3;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk.active,
.btn-vk.focus,
.btn-vk:active,
.btn-vk:focus,
.btn-vk:hover,
.open > .dropdown-toggle.btn-vk {
color: #fff;
background-color: #466482;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk.active.focus,
.btn-vk.active:focus,
.btn-vk.active:hover,
.btn-vk:active.focus,
.btn-vk:active:focus,
.btn-vk:active:hover,
.open > .dropdown-toggle.btn-vk.focus,
.open > .dropdown-toggle.btn-vk:focus,
.open > .dropdown-toggle.btn-vk:hover {
color: #fff;
background-color: #3a526b;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk.active,
.btn-vk:active,
.open > .dropdown-toggle.btn-vk {
background-image: none;
}
.btn-vk.disabled.focus,
.btn-vk.disabled:focus,
.btn-vk.disabled:hover,
.btn-vk[disabled].focus,
.btn-vk[disabled]:focus,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk.focus,
fieldset[disabled] .btn-vk:focus,
fieldset[disabled] .btn-vk:hover {
background-color: #587ea3;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-vk .badge {
color: #587ea3;
background-color: #fff;
}
.btn-yahoo {
color: #fff;
background-color: #720e9e;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo.active,
.btn-yahoo.focus,
.btn-yahoo:active,
.btn-yahoo:focus,
.btn-yahoo:hover,
.open > .dropdown-toggle.btn-yahoo {
color: #fff;
background-color: #500a6f;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo.active.focus,
.btn-yahoo.active:focus,
.btn-yahoo.active:hover,
.btn-yahoo:active.focus,
.btn-yahoo:active:focus,
.btn-yahoo:active:hover,
.open > .dropdown-toggle.btn-yahoo.focus,
.open > .dropdown-toggle.btn-yahoo:focus,
.open > .dropdown-toggle.btn-yahoo:hover {
color: #fff;
background-color: #39074e;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo.active,
.btn-yahoo:active,
.open > .dropdown-toggle.btn-yahoo {
background-image: none;
}
.btn-yahoo.disabled.focus,
.btn-yahoo.disabled:focus,
.btn-yahoo.disabled:hover,
.btn-yahoo[disabled].focus,
.btn-yahoo[disabled]:focus,
.btn-yahoo[disabled]:hover,
fieldset[disabled] .btn-yahoo.focus,
fieldset[disabled] .btn-yahoo:focus,
fieldset[disabled] .btn-yahoo:hover {
background-color: #720e9e;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-yahoo .badge {
color: #720e9e;
background-color: #fff;
}
.typeahead__container button,
.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
font: inherit;
margin: 0;
}
.typeahead__container optgroup {
font-weight: 700;
}
.typeahead__container button,
.typeahead__container input {
overflow: visible;
}
.typeahead__container button,
.typeahead__container select {
text-transform: none;
}
.typeahead__container [type="reset"],
.typeahead__container [type="submit"],
.typeahead__container button,
.typeahead__container html [type="button"] {
-webkit-appearance: button;
}
.typeahead__container [type="button"]::-moz-focus-inner,
.typeahead__container [type="reset"]::-moz-focus-inner,
.typeahead__container [type="submit"]::-moz-focus-inner,
.typeahead__container button::-moz-focus-inner {
border-style: none;
padding: 0;
}
.typeahead__container [type="button"]:-moz-focusring,
.typeahead__container [type="reset"]:-moz-focusring,
.typeahead__container [type="submit"]:-moz-focusring,
.typeahead__container button:-moz-focusring {
outline: 1px dotted ButtonText;
}
.typeahead__container fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.typeahead__container legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
.typeahead__container textarea {
overflow: auto;
}
.typeahead__container [type="checkbox"],
.typeahead__container [type="radio"] {
box-sizing: border-box;
padding: 0;
}
.typeahead__container [type="number"]::-webkit-inner-spin-button,
.typeahead__container [type="number"]::-webkit-outer-spin-button {
height: auto;
}
.typeahead__container ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
.typeahead__container ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.typeahead__container {
position: relative;
font: 1rem Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
}
.typeahead__container * {
box-sizing: border-box;
outline: 0;
}
.typeahead__query {
position: relative;
z-index: 2;
width: 100%;
}
.typeahead__filter {
position: relative;
}
.typeahead__filter button {
min-width: 100%;
white-space: nowrap;
}
.typeahead__filter button:after {
display: inline-block;
margin-left: 4px;
width: 0;
height: 0;
vertical-align: -2px;
content: "";
border: 4px solid transparent;
border-top-color: currentcolor;
}
.typeahead__field {
display: flex;
position: relative;
width: 100%;
}
.typeahead__button button {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.typeahead__field {
color: #555;
}
.typeahead__field .typeahead__hint,
.typeahead__field [contenteditable],
.typeahead__field input,
.typeahead__field textarea {
display: block;
width: 100%;
line-height: 1.25;
min-height: calc(2.25rem + 2px);
padding: 0.5rem 0.75rem;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px 0 0 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
}
.typeahead__field .typeahead__hint:active,
.typeahead__field .typeahead__hint:focus,
.typeahead__field [contenteditable]:active,
.typeahead__field [contenteditable]:focus,
.typeahead__field input:active,
.typeahead__field input:focus,
.typeahead__field textarea:active,
.typeahead__field textarea:focus {
border-color: #66afe9;
}
.typeahead__container.hint .typeahead__field [contenteditable],
.typeahead__container.hint .typeahead__field input,
.typeahead__container.hint .typeahead__field textarea {
background: 0 0;
}
.typeahead__container.hint .typeahead__query > :last-child,
.typeahead__hint {
background: #fff;
}
.typeahead__container button {
display: inline-block;
margin-bottom: 0;
text-align: center;
touch-action: manipulation;
cursor: pointer;
background-color: #fff;
border: 1px solid #ccc;
line-height: 1.25;
padding: 0.5rem 0.75rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #555;
}
.typeahead__container button:focus,
.typeahead__container button:hover {
color: #3c3c3c;
background-color: #f5f5f5;
border-color: #b3b3b3;
}
.typeahead__container button.active,
.typeahead__container button:active {
background-image: none;
}
.typeahead__container button:active,
.typeahead__container button:focus {
border-color: #66afe9;
}
.typeahead__container button.disabled,
.typeahead__container button[disabled],
.typeahead__container input.disabled,
.typeahead__container input[disabled] {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
box-shadow: none;
background-color: #fff;
border-color: #ccc;
}
.typeahead__container .typeahead__field .typeahead__hint,
.typeahead__container .typeahead__field .typeahead__label-container,
.typeahead__container .typeahead__field [contenteditable],
.typeahead__container .typeahead__field input,
.typeahead__container .typeahead__field textarea {
padding-right: 32px;
}
.typeahead__button,
.typeahead__filter {
z-index: 1;
}
.typeahead__button button,
.typeahead__filter button {
margin-left: -1px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.typeahead__button:active,
.typeahead__button:active button:active,
.typeahead__button:active button:focus,
.typeahead__button:focus,
.typeahead__button:focus button:active,
.typeahead__button:focus button:focus,
.typeahead__button:hover,
.typeahead__button:hover button:active,
.typeahead__button:hover button:focus,
.typeahead__filter:active,
.typeahead__filter:active button:active,
.typeahead__filter:active button:focus,
.typeahead__filter:focus,
.typeahead__filter:focus button:active,
.typeahead__filter:focus button:focus,
.typeahead__filter:hover,
.typeahead__filter:hover button:active,
.typeahead__filter:hover button:focus {
z-index: 1001;
}
.typeahead__filter + .typeahead__button button {
margin-left: -2px;
}
.typeahead__container.filter .typeahead__filter {
z-index: 1001;
}
.typeahead__dropdown,
.typeahead__list {
position: absolute;
left: 0;
z-index: 1000;
width: 100%;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
background-clip: padding-box;
}
.typeahead__result.detached .typeahead__list {
position: relative;
z-index: 1041;
top: auto;
left: auto;
}
.typeahead__dropdown {
right: 0;
left: auto;
z-index: 1001;
}
.typeahead__list > li {
position: relative;
border-top: 1px solid #ccc;
}
.typeahead__list > li:first-child {
border-top: none;
}
.typeahead__dropdown .typeahead__dropdown-item[disabled] > a,
.typeahead__list .typeahead__item[disabled] > a {
cursor: not-allowed;
color: #bababa;
background-color: #fafafa;
}
.typeahead__dropdown .typeahead__dropdown-item > a,
.typeahead__list .typeahead__item > a {
display: block;
padding: 0.5rem 0.75rem;
clear: both;
color: #333;
text-decoration: none;
}
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active > a,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:focus,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]) > a:hover,
.typeahead__list .typeahead__item:not([disabled]).active > a,
.typeahead__list .typeahead__item:not([disabled]) > a:focus,
.typeahead__list .typeahead__item:not([disabled]) > a:hover {
background-color: #f5f5f5;
color: #3c3c3c;
}
.typeahead__list.empty > li {
padding: 0.5rem 0.75rem;
color: #333;
}
.typeahead__list > .typeahead__group {
border-color: #bfdef6;
font-weight: 700;
}
.typeahead__list > .typeahead__group:first-child {
border-top: 1px solid #bfdef6;
}
.typeahead__list > .typeahead__group.active > a,
.typeahead__list > .typeahead__group > a,
.typeahead__list > .typeahead__group > a:focus,
.typeahead__list > .typeahead__group > a:hover {
cursor: default;
color: #17639f;
background: #ecf5fc;
display: block;
padding: 0.5rem 0.75rem;
clear: both;
text-decoration: none;
}
.typeahead__list > li.typeahead__group + li.typeahead__item {
border-color: #bfdef6;
}
.typeahead__container.backdrop + .typeahead__backdrop,
.typeahead__container.filter .typeahead__dropdown,
.typeahead__container.hint .typeahead__hint,
.typeahead__container.result .typeahead__list {
display: block !important;
}
.typeahead__container + .typeahead__backdrop,
.typeahead__container .typeahead__dropdown,
.typeahead__container .typeahead__hint,
.typeahead__container .typeahead__list {
display: none !important;
}
.typeahead__dropdown li:last-child {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #ccc;
}
.typeahead__cancel-button {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
right: 0;
cursor: pointer;
line-height: 1.25;
padding: 0.5rem 0.75rem;
visibility: hidden;
}
.typeahead__label .typeahead__cancel-button {
visibility: visible;
right: 4px;
}
.typeahead__container.cancel:not(.loading) .typeahead__cancel-button,
.typeahead__label .typeahead__cancel-button {
visibility: visible;
}
.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover,
.typeahead__label .typeahead__cancel-button:hover {
color: #d0021b;
}
.typeahead__search-icon {
padding: 0 1.25rem;
width: 16px;
height: 16px;
background: url(data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)
no-repeat scroll 50% transparent;
}
.typeahead__container.loading .typeahead__query:after,
.typeahead__container.loading .typeahead__query:before {
transition: all 0s linear, opacity 0.2s ease;
position: absolute;
z-index: 3;
content: "";
top: 50%;
right: 0.55em;
margin-top: -0.675rem;
width: 1.35rem;
height: 1.35rem;
box-sizing: border-box;
border-radius: 500rem;
border-style: solid;
border-width: 0.1em;
}
.typeahead__container.loading .typeahead__query:before {
border-color: rgba(0, 0, 0, 0.35);
}
.typeahead__container.loading .typeahead__query:after {
-webkit-animation: button-spin 0.6s linear;
animation: button-spin 0.6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-color: #fff transparent transparent;
box-shadow: 0 0 0 1px transparent;
}
@-webkit-keyframes button-spin {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
@keyframes button-spin {
0% {
transform: rotate(0);
}
to {
transform: rotate(1turn);
}
}
.typeahead__label-container {
list-style: none;
position: absolute;
padding-top: 0.375rem;
padding-left: 6px;
width: 100%;
flex-wrap: wrap;
display: flex;
}
.typeahead__label {
display: flex;
font-size: 0.875rem;
position: relative;
background: #ecf5fc;
border: 1px solid #c2e0ff;
padding-left: 4px;
border-radius: 2px;
margin-right: 4px;
margin-bottom: 0.375rem;
}
.typeahead__label > * {
align-self: center;
}
.typeahead__label .typeahead__cancel-button {
line-height: normal;
height: auto;
position: static;
padding: calc(0.25rem - 1px) 6px calc(0.25rem + 1px);
margin-left: 4px;
font-size: 0.875rem;
border-left: 1px solid #c2e0ff;
}
.typeahead__label .typeahead__cancel-button:hover {
background-color: #d5e9f9;
}
.rating-loading {
width: 25px;
height: 25px;
font-size: 0;
color: #fff;
background: url(../../../images/vendor/bootstrap-star-rating/loading.gif?13630905267b809161e71d0f8a0c017b) 0 0 no-repeat;
border: none;
}
.rating-container .rating-stars {
position: relative;
cursor: pointer;
vertical-align: middle;
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
.rating-container .rating-stars:focus {
outline: 1px dotted;
}
.rating-input {
display: absolute;
cursor: pointer;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
font-size: 1px;
border: none;
background: 0 0;
opacity: 0;
padding: 0;
margin: 0;
}
.caption-badge,
.rating-container .caption .label {
line-height: 1;
text-align: center;
border-radius: 0.25rem;
}
.rating-container.is-display-only .rating-stars {
cursor: default;
}
.rating-disabled .rating-stars {
cursor: not-allowed;
}
.rating-container .star {
display: inline-block;
margin: 0 2px;
text-align: center;
}
.rating-container .empty-stars {
color: #aaa;
}
.rating-container .filled-stars {
position: absolute;
left: 0;
top: 0;
margin: auto;
color: #fde16d;
white-space: nowrap;
overflow: hidden;
-webkit-text-stroke: 1px #777;
text-shadow: 1px 1px #999;
}
.rating-rtl {
float: right;
}
.rating-animate .filled-stars {
transition: width 0.25s ease;
}
.rating-rtl .filled-stars {
left: auto;
right: 0;
transition: none;
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.rating-rtl.is-star .filled-stars {
right: 0.06em;
}
.rating-rtl.is-heart .empty-stars {
margin-right: 0.07em;
}
.rating-container .clear-rating {
color: #aaa;
cursor: not-allowed;
display: inline-block;
vertical-align: middle;
font-size: 60%;
padding-right: 5px;
}
.clear-rating-active {
cursor: pointer !important;
}
.clear-rating-active:hover {
color: #843534;
}
.rating-container .caption .label {
display: inline-block;
padding: 0.25em 0.4em;
vertical-align: baseline;
}
.rating-container .caption {
color: #999;
display: inline-block;
vertical-align: middle;
line-height: 1;
margin-left: 5px;
margin-right: 0;
}
.rating-rtl .caption {
margin-right: 5px;
margin-left: 0;
}
@media print {
.rating-container .clear-rating {
display: none;
}
}
.rating-xl {
font-size: 48px;
}
.rating-lg {
font-size: 40px;
}
.rating-md {
font-size: 32px;
}
.rating-sm {
font-size: 24px;
}
.rating-xs {
font-size: 16px;
}
.rating-xl .caption {
font-size: 20px;
}
.rating-lg .caption {
font-size: 18px;
}
.rating-md .caption {
font-size: 16px;
}
.rating-sm .caption {
font-size: 14px;
}
.rating-xs .caption {
font-size: 12px;
}
.caption-badge {
font-family: Arial, Helvetica, sans-serif;
display: inline-block;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
color: #fff;
white-space: nowrap;
vertical-align: baseline;
}
.caption-secondary {
background-color: #6c757d;
}
.caption-danger {
background-color: #dc3545;
}
.caption-warning {
background-color: #ffc107;
color: #212529;
}
.caption-info {
background-color: #0dcaf0;
color: #212529;
}
.caption-primary {
background-color: #0d6efd;
}
.caption-success {
background-color: #198754;
}
.theme-krajee-svg .krajee-icon,
.theme-krajee-svg .krajee-icon-clear {
display: inline-block;
width: 2rem;
height: 2rem;
background-size: cover;
}
.theme-krajee-svg .clear-rating,
.theme-krajee-svg .rating-stars {
font-size: 5px;
}
.theme-krajee-svg .krajee-icon-clear {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158.81 158.81'%3E%3Cpath stroke-linejoin='round' d='M155.06 79.438c0 41.799-33.885 75.684-75.684 75.684S3.692 121.237 3.692 79.438 37.577 3.754 79.376 3.754s75.684 33.885 75.684 75.684z' stroke='%23aaa' stroke-linecap='round' fill='%23aaa'/%3E%3Cpath d='M37.216 64.443v28.67h88.24v-28.67h-88.24z' fill='%23fff'/%3E%3C/svg%3E");
}
.theme-krajee-svg .filled-stars .krajee-icon-star {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath fill='%23fde16d' stroke='%23777' d='M20.6 11L16 .5 11.4 11H.6l7.8 7.9-3 12.1L16 25l10.6 6-3-12.1 7.8-7.9z'/%3E%3C/svg%3E");
}
.theme-krajee-svg.rating-xl .krajee-icon,
.theme-krajee-svg.rating-xl .krajee-icon-clear {
width: 3rem;
height: 3rem;
}
.theme-krajee-svg.rating-lg .krajee-icon,
.theme-krajee-svg.rating-lg .krajee-icon-clear {
width: 2.5rem;
height: 2.5rem;
}
.theme-krajee-svg.rating-md .krajee-icon,
.theme-krajee-svg.rating-md .krajee-icon-clear {
width: 2rem;
height: 2rem;
}
.theme-krajee-svg.rating-sm .krajee-icon,
.theme-krajee-svg.rating-sm .krajee-icon-clear {
width: 1.5rem;
height: 1.5rem;
}
.theme-krajee-svg.rating-xs .krajee-icon,
.theme-krajee-svg.rating-xs .krajee-icon-clear {
width: 1rem;
height: 1rem;
}
.theme-krajee-svg .krajee-icon-clear:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158.81 158.81'%3E%3Cpath stroke-linejoin='round' d='M155.06 79.438c0 41.799-33.885 75.684-75.684 75.684S3.692 121.237 3.692 79.438 37.577 3.754 79.376 3.754s75.684 33.885 75.684 75.684z' stroke='%23843534' stroke-linecap='round' fill='%23843534'/%3E%3Cpath d='M37.216 64.443v28.67h88.24v-28.67h-88.24z' fill='%23fff'/%3E%3C/svg%3E");
}
.theme-krajee-svg .empty-stars .krajee-icon-star {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath fill='%23fff' stroke='%23777' d='M20.6 11L16 .5 11.4 11H.6l7.8 7.9-3 12.1L16 25l10.6 6-3-12.1 7.8-7.9z'/%3E%3C/svg%3E");
}
.theme-krajee-svg .filled-stars .krajee-icon-heart {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fde16d' stroke='%23777' stroke-width='.04em' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}
.theme-krajee-svg .empty-stars .krajee-icon-heart {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' stroke='%23777' stroke-width='.04em' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}
.theme-krajee-svg.rating-rtl.is-heart .filled-stars {
right: 0.02em;
}
.theme-krajee-svg.rating-rtl.is-heart .empty-stars {
margin-right: 0.01em;
}
.fa {
font-family: var(--fa-style-family, "Font Awesome 6 Free");
font-weight: var(--fa-style, 900);
}
.fa,
.fa-brands,
.fa-duotone,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fab,
.fad,
.fal,
.far,
.fas,
.fat {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
}
.fa-1x {
font-size: 1em;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-6x {
font-size: 6em;
}
.fa-7x {
font-size: 7em;
}
.fa-8x {
font-size: 8em;
}
.fa-9x {
font-size: 9em;
}
.fa-10x {
font-size: 10em;
}
.fa-2xs {
font-size: 0.625em;
line-height: 0.1em;
vertical-align: 0.225em;
}
.fa-xs {
font-size: 0.75em;
line-height: 0.08333em;
vertical-align: 0.125em;
}
.fa-sm {
font-size: 0.875em;
line-height: 0.07143em;
vertical-align: 0.05357em;
}
.fa-lg {
font-size: 1.25em;
line-height: 0.05em;
vertical-align: -0.075em;
}
.fa-xl {
font-size: 1.5em;
line-height: 0.04167em;
vertical-align: -0.125em;
}
.fa-2xl {
font-size: 2em;
line-height: 0.03125em;
vertical-align: -0.1875em;
}
.fa-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: var(--fa-li-margin, 2.5em);
padding-left: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: calc(var(--fa-li-width, 2em) * -1);
position: absolute;
text-align: center;
width: var(--fa-li-width, 2em);
line-height: inherit;
}
.fa-border {
border-radius: var(--fa-border-radius, 0.1em);
border: var(--fa-border-width, 0.08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}
.fa-pull-left {
float: left;
margin-right: var(--fa-pull-margin, 0.3em);
}
.fa-pull-right {
float: right;
margin-left: var(--fa-pull-margin, 0.3em);
}
.fa-beat {
-webkit-animation-name: fa-beat;
animation-name: fa-beat;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay: var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-bounce {
-webkit-animation-name: fa-bounce;
animation-name: fa-bounce;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay: var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}
.fa-fade {
-webkit-animation-name: fa-fade;
animation-name: fa-fade;
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-beat-fade,
.fa-fade {
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay: var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
}
.fa-beat-fade {
-webkit-animation-name: fa-beat-fade;
animation-name: fa-beat-fade;
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}
.fa-flip {
-webkit-animation-name: fa-flip;
animation-name: fa-flip;
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay: var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
animation-timing-function: var(--fa-animation-timing, ease-in-out);
}
.fa-shake {
-webkit-animation-name: fa-shake;
animation-name: fa-shake;
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-shake,
.fa-spin {
-webkit-animation-delay: var(--fa-animation-delay, 0);
animation-delay: var(--fa-animation-delay, 0);
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
}
.fa-spin {
-webkit-animation-name: fa-spin;
animation-name: fa-spin;
-webkit-animation-duration: var(--fa-animation-duration, 2s);
animation-duration: var(--fa-animation-duration, 2s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, linear);
animation-timing-function: var(--fa-animation-timing, linear);
}
.fa-spin-reverse {
--fa-animation-direction: reverse;
}
.fa-pulse,
.fa-spin-pulse {
-webkit-animation-name: fa-spin;
animation-name: fa-spin;
-webkit-animation-direction: var(--fa-animation-direction, normal);
animation-direction: var(--fa-animation-direction, normal);
-webkit-animation-duration: var(--fa-animation-duration, 1s);
animation-duration: var(--fa-animation-duration, 1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
animation-timing-function: var(--fa-animation-timing, steps(8));
}
@media (prefers-reduced-motion: reduce) {
.fa-beat,
.fa-beat-fade,
.fa-bounce,
.fa-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
-webkit-animation-delay: -1ms;
animation-delay: -1ms;
-webkit-animation-duration: 1ms;
animation-duration: 1ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
transition-delay: 0s;
transition-duration: 0s;
}
}
@-webkit-keyframes fa-beat {
0%,
90% {
transform: scale(1);
}
45% {
transform: scale(var(--fa-beat-scale, 1.25));
}
}
@keyframes fa-beat {
0%,
90% {
transform: scale(1);
}
45% {
transform: scale(var(--fa-beat-scale, 1.25));
}
}
@-webkit-keyframes fa-bounce {
0% {
transform: scale(1) translateY(0);
}
10% {
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
}
30% {
transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
}
50% {
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
}
57% {
transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
}
64% {
transform: scale(1) translateY(0);
}
to {
transform: scale(1) translateY(0);
}
}
@keyframes fa-bounce {
0% {
transform: scale(1) translateY(0);
}
10% {
transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
}
30% {
transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
}
50% {
transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
}
57% {
transform: scale(1) translateY(var(--fa-bounce-rebound, -0.125em));
}
64% {
transform: scale(1) translateY(0);
}
to {
transform: scale(1) translateY(0);
}
}
@-webkit-keyframes fa-fade {
50% {
opacity: var(--fa-fade-opacity, 0.4);
}
}
@keyframes fa-fade {
50% {
opacity: var(--fa-fade-opacity, 0.4);
}
}
@-webkit-keyframes fa-beat-fade {
0%,
to {
opacity: var(--fa-beat-fade-opacity, 0.4);
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(var(--fa-beat-fade-scale, 1.125));
}
}
@keyframes fa-beat-fade {
0%,
to {
opacity: var(--fa-beat-fade-opacity, 0.4);
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(var(--fa-beat-fade-scale, 1.125));
}
}
@-webkit-keyframes fa-flip {
50% {
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
}
}
@keyframes fa-flip {
50% {
transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
}
}
@-webkit-keyframes fa-shake {
0% {
transform: rotate(-15deg);
}
4% {
transform: rotate(15deg);
}
8%,
24% {
transform: rotate(-18deg);
}
12%,
28% {
transform: rotate(18deg);
}
16% {
transform: rotate(-22deg);
}
20% {
transform: rotate(22deg);
}
32% {
transform: rotate(-12deg);
}
36% {
transform: rotate(12deg);
}
40%,
to {
transform: rotate(0deg);
}
}
@keyframes fa-shake {
0% {
transform: rotate(-15deg);
}
4% {
transform: rotate(15deg);
}
8%,
24% {
transform: rotate(-18deg);
}
12%,
28% {
transform: rotate(18deg);
}
16% {
transform: rotate(-22deg);
}
20% {
transform: rotate(22deg);
}
32% {
transform: rotate(-12deg);
}
36% {
transform: rotate(12deg);
}
40%,
to {
transform: rotate(0deg);
}
}
@-webkit-keyframes fa-spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.fa-rotate-90 {
transform: rotate(90deg);
}
.fa-rotate-180 {
transform: rotate(180deg);
}
.fa-rotate-270 {
transform: rotate(270deg);
}
.fa-flip-horizontal {
transform: scaleX(-1);
}
.fa-flip-vertical {
transform: scaleY(-1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
transform: scale(-1);
}
.fa-rotate-by {
transform: rotate(var(--fa-rotate-angle, none));
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: var(--fa-stack-z-index, auto);
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: var(--fa-inverse, #fff);
}
.fa-0:before {
content: "0";
}
.fa-1:before {
content: "1";
}
.fa-2:before {
content: "2";
}
.fa-3:before {
content: "3";
}
.fa-4:before {
content: "4";
}
.fa-5:before {
content: "5";
}
.fa-6:before {
content: "6";
}
.fa-7:before {
content: "7";
}
.fa-8:before {
content: "8";
}
.fa-9:before {
content: "9";
}
.fa-a:before {
content: "A";
}
.fa-address-book:before,
.fa-contact-book:before {
content: "\F2B9";
}
.fa-address-card:before,
.fa-contact-card:before,
.fa-vcard:before {
content: "\F2BB";
}
.fa-align-center:before {
content: "\F037";
}
.fa-align-justify:before {
content: "\F039";
}
.fa-align-left:before {
content: "\F036";
}
.fa-align-right:before {
content: "\F038";
}
.fa-anchor:before {
content: "\F13D";
}
.fa-anchor-circle-check:before {
content: "\E4AA";
}
.fa-anchor-circle-exclamation:before {
content: "\E4AB";
}
.fa-anchor-circle-xmark:before {
content: "\E4AC";
}
.fa-anchor-lock:before {
content: "\E4AD";
}
.fa-angle-down:before {
content: "\F107";
}
.fa-angle-left:before {
content: "\F104";
}
.fa-angle-right:before {
content: "\F105";
}
.fa-angle-up:before {
content: "\F106";
}
.fa-angle-double-down:before,
.fa-angles-down:before {
content: "\F103";
}
.fa-angle-double-left:before,
.fa-angles-left:before {
content: "\F100";
}
.fa-angle-double-right:before,
.fa-angles-right:before {
content: "\F101";
}
.fa-angle-double-up:before,
.fa-angles-up:before {
content: "\F102";
}
.fa-ankh:before {
content: "\F644";
}
.fa-apple-alt:before,
.fa-apple-whole:before {
content: "\F5D1";
}
.fa-archway:before {
content: "\F557";
}
.fa-arrow-down:before {
content: "\F063";
}
.fa-arrow-down-1-9:before,
.fa-sort-numeric-asc:before,
.fa-sort-numeric-down:before {
content: "\F162";
}
.fa-arrow-down-9-1:before,
.fa-sort-numeric-desc:before,
.fa-sort-numeric-down-alt:before {
content: "\F886";
}
.fa-arrow-down-a-z:before,
.fa-sort-alpha-asc:before,
.fa-sort-alpha-down:before {
content: "\F15D";
}
.fa-arrow-down-long:before,
.fa-long-arrow-down:before {
content: "\F175";
}
.fa-arrow-down-short-wide:before,
.fa-sort-amount-desc:before,
.fa-sort-amount-down-alt:before {
content: "\F884";
}
.fa-arrow-down-up-across-line:before {
content: "\E4AF";
}
.fa-arrow-down-up-lock:before {
content: "\E4B0";
}
.fa-arrow-down-wide-short:before,
.fa-sort-amount-asc:before,
.fa-sort-amount-down:before {
content: "\F160";
}
.fa-arrow-down-z-a:before,
.fa-sort-alpha-desc:before,
.fa-sort-alpha-down-alt:before {
content: "\F881";
}
.fa-arrow-left:before {
content: "\F060";
}
.fa-arrow-left-long:before,
.fa-long-arrow-left:before {
content: "\F177";
}
.fa-arrow-pointer:before,
.fa-mouse-pointer:before {
content: "\F245";
}
.fa-arrow-right:before {
content: "\F061";
}
.fa-arrow-right-arrow-left:before,
.fa-exchange:before {
content: "\F0EC";
}
.fa-arrow-right-from-bracket:before,
.fa-sign-out:before {
content: "\F08B";
}
.fa-arrow-right-long:before,
.fa-long-arrow-right:before {
content: "\F178";
}
.fa-arrow-right-to-bracket:before,
.fa-sign-in:before {
content: "\F090";
}
.fa-arrow-right-to-city:before {
content: "\E4B3";
}
.fa-arrow-left-rotate:before,
.fa-arrow-rotate-back:before,
.fa-arrow-rotate-backward:before,
.fa-arrow-rotate-left:before,
.fa-undo:before {
content: "\F0E2";
}
.fa-arrow-right-rotate:before,
.fa-arrow-rotate-forward:before,
.fa-arrow-rotate-right:before,
.fa-redo:before {
content: "\F01E";
}
.fa-arrow-trend-down:before {
content: "\E097";
}
.fa-arrow-trend-up:before {
content: "\E098";
}
.fa-arrow-turn-down:before,
.fa-level-down:before {
content: "\F149";
}
.fa-arrow-turn-up:before,
.fa-level-up:before {
content: "\F148";
}
.fa-arrow-up:before {
content: "\F062";
}
.fa-arrow-up-1-9:before,
.fa-sort-numeric-up:before {
content: "\F163";
}
.fa-arrow-up-9-1:before,
.fa-sort-numeric-up-alt:before {
content: "\F887";
}
.fa-arrow-up-a-z:before,
.fa-sort-alpha-up:before {
content: "\F15E";
}
.fa-arrow-up-from-bracket:before {
content: "\E09A";
}
.fa-arrow-up-from-ground-water:before {
content: "\E4B5";
}
.fa-arrow-up-from-water-pump:before {
content: "\E4B6";
}
.fa-arrow-up-long:before,
.fa-long-arrow-up:before {
content: "\F176";
}
.fa-arrow-up-right-dots:before {
content: "\E4B7";
}
.fa-arrow-up-right-from-square:before,
.fa-external-link:before {
content: "\F08E";
}
.fa-arrow-up-short-wide:before,
.fa-sort-amount-up-alt:before {
content: "\F885";
}
.fa-arrow-up-wide-short:before,
.fa-sort-amount-up:before {
content: "\F161";
}
.fa-arrow-up-z-a:before,
.fa-sort-alpha-up-alt:before {
content: "\F882";
}
.fa-arrows-down-to-line:before {
content: "\E4B8";
}
.fa-arrows-down-to-people:before {
content: "\E4B9";
}
.fa-arrows-h:before,
.fa-arrows-left-right:before {
content: "\F07E";
}
.fa-arrows-left-right-to-line:before {
content: "\E4BA";
}
.fa-arrows-rotate:before,
.fa-refresh:before,
.fa-sync:before {
content: "\F021";
}
.fa-arrows-spin:before {
content: "\E4BB";
}
.fa-arrows-split-up-and-left:before {
content: "\E4BC";
}
.fa-arrows-to-circle:before {
content: "\E4BD";
}
.fa-arrows-to-dot:before {
content: "\E4BE";
}
.fa-arrows-to-eye:before {
content: "\E4BF";
}
.fa-arrows-turn-right:before {
content: "\E4C0";
}
.fa-arrows-turn-to-dots:before {
content: "\E4C1";
}
.fa-arrows-up-down:before,
.fa-arrows-v:before {
content: "\F07D";
}
.fa-arrows-up-down-left-right:before,
.fa-arrows:before {
content: "\F047";
}
.fa-arrows-up-to-line:before {
content: "\E4C2";
}
.fa-asterisk:before {
content: "*";
}
.fa-at:before {
content: "@";
}
.fa-atom:before {
content: "\F5D2";
}
.fa-audio-description:before {
content: "\F29E";
}
.fa-austral-sign:before {
content: "\E0A9";
}
.fa-award:before {
content: "\F559";
}
.fa-b:before {
content: "B";
}
.fa-baby:before {
content: "\F77C";
}
.fa-baby-carriage:before,
.fa-carriage-baby:before {
content: "\F77D";
}
.fa-backward:before {
content: "\F04A";
}
.fa-backward-fast:before,
.fa-fast-backward:before {
content: "\F049";
}
.fa-backward-step:before,
.fa-step-backward:before {
content: "\F048";
}
.fa-bacon:before {
content: "\F7E5";
}
.fa-bacteria:before {
content: "\E059";
}
.fa-bacterium:before {
content: "\E05A";
}
.fa-bag-shopping:before,
.fa-shopping-bag:before {
content: "\F290";
}
.fa-bahai:before {
content: "\F666";
}
.fa-baht-sign:before {
content: "\E0AC";
}
.fa-ban:before,
.fa-cancel:before {
content: "\F05E";
}
.fa-ban-smoking:before,
.fa-smoking-ban:before {
content: "\F54D";
}
.fa-band-aid:before,
.fa-bandage:before {
content: "\F462";
}
.fa-barcode:before {
content: "\F02A";
}
.fa-bars:before,
.fa-navicon:before {
content: "\F0C9";
}
.fa-bars-progress:before,
.fa-tasks-alt:before {
content: "\F828";
}
.fa-bars-staggered:before,
.fa-reorder:before,
.fa-stream:before {
content: "\F550";
}
.fa-baseball-ball:before,
.fa-baseball:before {
content: "\F433";
}
.fa-baseball-bat-ball:before {
content: "\F432";
}
.fa-basket-shopping:before,
.fa-shopping-basket:before {
content: "\F291";
}
.fa-basketball-ball:before,
.fa-basketball:before {
content: "\F434";
}
.fa-bath:before,
.fa-bathtub:before {
content: "\F2CD";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\F244";
}
.fa-battery-5:before,
.fa-battery-full:before,
.fa-battery:before {
content: "\F240";
}
.fa-battery-3:before,
.fa-battery-half:before {
content: "\F242";
}
.fa-battery-2:before,
.fa-battery-quarter:before {
content: "\F243";
}
.fa-battery-4:before,
.fa-battery-three-quarters:before {
content: "\F241";
}
.fa-bed:before {
content: "\F236";
}
.fa-bed-pulse:before,
.fa-procedures:before {
content: "\F487";
}
.fa-beer-mug-empty:before,
.fa-beer:before {
content: "\F0FC";
}
.fa-bell:before {
content: "\F0F3";
}
.fa-bell-concierge:before,
.fa-concierge-bell:before {
content: "\F562";
}
.fa-bell-slash:before {
content: "\F1F6";
}
.fa-bezier-curve:before {
content: "\F55B";
}
.fa-bicycle:before {
content: "\F206";
}
.fa-binoculars:before {
content: "\F1E5";
}
.fa-biohazard:before {
content: "\F780";
}
.fa-bitcoin-sign:before {
content: "\E0B4";
}
.fa-blender:before {
content: "\F517";
}
.fa-blender-phone:before {
content: "\F6B6";
}
.fa-blog:before {
content: "\F781";
}
.fa-bold:before {
content: "\F032";
}
.fa-bolt:before,
.fa-zap:before {
content: "\F0E7";
}
.fa-bolt-lightning:before {
content: "\E0B7";
}
.fa-bomb:before {
content: "\F1E2";
}
.fa-bone:before {
content: "\F5D7";
}
.fa-bong:before {
content: "\F55C";
}
.fa-book:before {
content: "\F02D";
}
.fa-atlas:before,
.fa-book-atlas:before {
content: "\F558";
}
.fa-bible:before,
.fa-book-bible:before {
content: "\F647";
}
.fa-book-bookmark:before {
content: "\E0BB";
}
.fa-book-journal-whills:before,
.fa-journal-whills:before {
content: "\F66A";
}
.fa-book-medical:before {
content: "\F7E6";
}
.fa-book-open:before {
content: "\F518";
}
.fa-book-open-reader:before,
.fa-book-reader:before {
content: "\F5DA";
}
.fa-book-quran:before,
.fa-quran:before {
content: "\F687";
}
.fa-book-dead:before,
.fa-book-skull:before {
content: "\F6B7";
}
.fa-bookmark:before {
content: "\F02E";
}
.fa-border-all:before {
content: "\F84C";
}
.fa-border-none:before {
content: "\F850";
}
.fa-border-style:before,
.fa-border-top-left:before {
content: "\F853";
}
.fa-bore-hole:before {
content: "\E4C3";
}
.fa-bottle-droplet:before {
content: "\E4C4";
}
.fa-bottle-water:before {
content: "\E4C5";
}
.fa-bowl-food:before {
content: "\E4C6";
}
.fa-bowl-rice:before {
content: "\E2EB";
}
.fa-bowling-ball:before {
content: "\F436";
}
.fa-box:before {
content: "\F466";
}
.fa-archive:before,
.fa-box-archive:before {
content: "\F187";
}
.fa-box-open:before {
content: "\F49E";
}
.fa-box-tissue:before {
content: "\E05B";
}
.fa-boxes-packing:before {
content: "\E4C7";
}
.fa-boxes-alt:before,
.fa-boxes-stacked:before,
.fa-boxes:before {
content: "\F468";
}
.fa-braille:before {
content: "\F2A1";
}
.fa-brain:before {
content: "\F5DC";
}
.fa-brazilian-real-sign:before {
content: "\E46C";
}
.fa-bread-slice:before {
content: "\F7EC";
}
.fa-bridge:before {
content: "\E4C8";
}
.fa-bridge-circle-check:before {
content: "\E4C9";
}
.fa-bridge-circle-exclamation:before {
content: "\E4CA";
}
.fa-bridge-circle-xmark:before {
content: "\E4CB";
}
.fa-bridge-lock:before {
content: "\E4CC";
}
.fa-bridge-water:before {
content: "\E4CE";
}
.fa-briefcase:before {
content: "\F0B1";
}
.fa-briefcase-medical:before {
content: "\F469";
}
.fa-broom:before {
content: "\F51A";
}
.fa-broom-ball:before,
.fa-quidditch-broom-ball:before,
.fa-quidditch:before {
content: "\F458";
}
.fa-brush:before {
content: "\F55D";
}
.fa-bucket:before {
content: "\E4CF";
}
.fa-bug:before {
content: "\F188";
}
.fa-bug-slash:before {
content: "\E490";
}
.fa-bugs:before {
content: "\E4D0";
}
.fa-building:before {
content: "\F1AD";
}
.fa-building-circle-arrow-right:before {
content: "\E4D1";
}
.fa-building-circle-check:before {
content: "\E4D2";
}
.fa-building-circle-exclamation:before {
content: "\E4D3";
}
.fa-building-circle-xmark:before {
content: "\E4D4";
}
.fa-bank:before,
.fa-building-columns:before,
.fa-institution:before,
.fa-museum:before,
.fa-university:before {
content: "\F19C";
}
.fa-building-flag:before {
content: "\E4D5";
}
.fa-building-lock:before {
content: "\E4D6";
}
.fa-building-ngo:before {
content: "\E4D7";
}
.fa-building-shield:before {
content: "\E4D8";
}
.fa-building-un:before {
content: "\E4D9";
}
.fa-building-user:before {
content: "\E4DA";
}
.fa-building-wheat:before {
content: "\E4DB";
}
.fa-bullhorn:before {
content: "\F0A1";
}
.fa-bullseye:before {
content: "\F140";
}
.fa-burger:before,
.fa-hamburger:before {
content: "\F805";
}
.fa-burst:before {
content: "\E4DC";
}
.fa-bus:before {
content: "\F207";
}
.fa-bus-alt:before,
.fa-bus-simple:before {
content: "\F55E";
}
.fa-briefcase-clock:before,
.fa-business-time:before {
content: "\F64A";
}
.fa-c:before {
content: "C";
}
.fa-birthday-cake:before,
.fa-cake-candles:before,
.fa-cake:before {
content: "\F1FD";
}
.fa-calculator:before {
content: "\F1EC";
}
.fa-calendar:before {
content: "\F133";
}
.fa-calendar-check:before {
content: "\F274";
}
.fa-calendar-day:before {
content: "\F783";
}
.fa-calendar-alt:before,
.fa-calendar-days:before {
content: "\F073";
}
.fa-calendar-minus:before {
content: "\F272";
}
.fa-calendar-plus:before {
content: "\F271";
}
.fa-calendar-week:before {
content: "\F784";
}
.fa-calendar-times:before,
.fa-calendar-xmark:before {
content: "\F273";
}
.fa-camera-alt:before,
.fa-camera:before {
content: "\F030";
}
.fa-camera-retro:before {
content: "\F083";
}
.fa-camera-rotate:before {
content: "\E0D8";
}
.fa-campground:before {
content: "\F6BB";
}
.fa-candy-cane:before {
content: "\F786";
}
.fa-cannabis:before {
content: "\F55F";
}
.fa-capsules:before {
content: "\F46B";
}
.fa-automobile:before,
.fa-car:before {
content: "\F1B9";
}
.fa-battery-car:before,
.fa-car-battery:before {
content: "\F5DF";
}
.fa-car-burst:before,
.fa-car-crash:before {
content: "\F5E1";
}
.fa-car-on:before {
content: "\E4DD";
}
.fa-car-alt:before,
.fa-car-rear:before {
content: "\F5DE";
}
.fa-car-side:before {
content: "\F5E4";
}
.fa-car-tunnel:before {
content: "\E4DE";
}
.fa-caravan:before {
content: "\F8FF";
}
.fa-caret-down:before {
content: "\F0D7";
}
.fa-caret-left:before {
content: "\F0D9";
}
.fa-caret-right:before {
content: "\F0DA";
}
.fa-caret-up:before {
content: "\F0D8";
}
.fa-carrot:before {
content: "\F787";
}
.fa-cart-arrow-down:before {
content: "\F218";
}
.fa-cart-flatbed:before,
.fa-dolly-flatbed:before {
content: "\F474";
}
.fa-cart-flatbed-suitcase:before,
.fa-luggage-cart:before {
content: "\F59D";
}
.fa-cart-plus:before {
content: "\F217";
}
.fa-cart-shopping:before,
.fa-shopping-cart:before {
content: "\F07A";
}
.fa-cash-register:before {
content: "\F788";
}
.fa-cat:before {
content: "\F6BE";
}
.fa-cedi-sign:before {
content: "\E0DF";
}
.fa-cent-sign:before {
content: "\E3F5";
}
.fa-certificate:before {
content: "\F0A3";
}
.fa-chair:before {
content: "\F6C0";
}
.fa-blackboard:before,
.fa-chalkboard:before {
content: "\F51B";
}
.fa-chalkboard-teacher:before,
.fa-chalkboard-user:before {
content: "\F51C";
}
.fa-champagne-glasses:before,
.fa-glass-cheers:before {
content: "\F79F";
}
.fa-charging-station:before {
content: "\F5E7";
}
.fa-area-chart:before,
.fa-chart-area:before {
content: "\F1FE";
}
.fa-bar-chart:before,
.fa-chart-bar:before {
content: "\F080";
}
.fa-chart-column:before {
content: "\E0E3";
}
.fa-chart-gantt:before {
content: "\E0E4";
}
.fa-chart-line:before,
.fa-line-chart:before {
content: "\F201";
}
.fa-chart-pie:before,
.fa-pie-chart:before {
content: "\F200";
}
.fa-chart-simple:before {
content: "\E473";
}
.fa-check:before {
content: "\F00C";
}
.fa-check-double:before {
content: "\F560";
}
.fa-check-to-slot:before,
.fa-vote-yea:before {
content: "\F772";
}
.fa-cheese:before {
content: "\F7EF";
}
.fa-chess:before {
content: "\F439";
}
.fa-chess-bishop:before {
content: "\F43A";
}
.fa-chess-board:before {
content: "\F43C";
}
.fa-chess-king:before {
content: "\F43F";
}
.fa-chess-knight:before {
content: "\F441";
}
.fa-chess-pawn:before {
content: "\F443";
}
.fa-chess-queen:before {
content: "\F445";
}
.fa-chess-rook:before {
content: "\F447";
}
.fa-chevron-down:before {
content: "\F078";
}
.fa-chevron-left:before {
content: "\F053";
}
.fa-chevron-right:before {
content: "\F054";
}
.fa-chevron-up:before {
content: "\F077";
}
.fa-child:before {
content: "\F1AE";
}
.fa-child-dress:before {
content: "\E59C";
}
.fa-child-reaching:before {
content: "\E59D";
}
.fa-child-rifle:before {
content: "\E4E0";
}
.fa-children:before {
content: "\E4E1";
}
.fa-church:before {
content: "\F51D";
}
.fa-circle:before {
content: "\F111";
}
.fa-arrow-circle-down:before,
.fa-circle-arrow-down:before {
content: "\F0AB";
}
.fa-arrow-circle-left:before,
.fa-circle-arrow-left:before {
content: "\F0A8";
}
.fa-arrow-circle-right:before,
.fa-circle-arrow-right:before {
content: "\F0A9";
}
.fa-arrow-circle-up:before,
.fa-circle-arrow-up:before {
content: "\F0AA";
}
.fa-check-circle:before,
.fa-circle-check:before {
content: "\F058";
}
.fa-chevron-circle-down:before,
.fa-circle-chevron-down:before {
content: "\F13A";
}
.fa-chevron-circle-left:before,
.fa-circle-chevron-left:before {
content: "\F137";
}
.fa-chevron-circle-right:before,
.fa-circle-chevron-right:before {
content: "\F138";
}
.fa-chevron-circle-up:before,
.fa-circle-chevron-up:before {
content: "\F139";
}
.fa-circle-dollar-to-slot:before,
.fa-donate:before {
content: "\F4B9";
}
.fa-circle-dot:before,
.fa-dot-circle:before {
content: "\F192";
}
.fa-arrow-alt-circle-down:before,
.fa-circle-down:before {
content: "\F358";
}
.fa-circle-exclamation:before,
.fa-exclamation-circle:before {
content: "\F06A";
}
.fa-circle-h:before,
.fa-hospital-symbol:before {
content: "\F47E";
}
.fa-adjust:before,
.fa-circle-half-stroke:before {
content: "\F042";
}
.fa-circle-info:before,
.fa-info-circle:before {
content: "\F05A";
}
.fa-arrow-alt-circle-left:before,
.fa-circle-left:before {
content: "\F359";
}
.fa-circle-minus:before,
.fa-minus-circle:before {
content: "\F056";
}
.fa-circle-nodes:before {
content: "\E4E2";
}
.fa-circle-notch:before {
content: "\F1CE";
}
.fa-circle-pause:before,
.fa-pause-circle:before {
content: "\F28B";
}
.fa-circle-play:before,
.fa-play-circle:before {
content: "\F144";
}
.fa-circle-plus:before,
.fa-plus-circle:before {
content: "\F055";
}
.fa-circle-question:before,
.fa-question-circle:before {
content: "\F059";
}
.fa-circle-radiation:before,
.fa-radiation-alt:before {
content: "\F7BA";
}
.fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
content: "\F35A";
}
.fa-circle-stop:before,
.fa-stop-circle:before {
content: "\F28D";
}
.fa-arrow-alt-circle-up:before,
.fa-circle-up:before {
content: "\F35B";
}
.fa-circle-user:before,
.fa-user-circle:before {
content: "\F2BD";
}
.fa-circle-xmark:before,
.fa-times-circle:before,
.fa-xmark-circle:before {
content: "\F057";
}
.fa-city:before {
content: "\F64F";
}
.fa-clapperboard:before {
content: "\E131";
}
.fa-clipboard:before {
content: "\F328";
}
.fa-clipboard-check:before {
content: "\F46C";
}
.fa-clipboard-list:before {
content: "\F46D";
}
.fa-clipboard-question:before {
content: "\E4E3";
}
.fa-clipboard-user:before {
content: "\F7F3";
}
.fa-clock-four:before,
.fa-clock:before {
content: "\F017";
}
.fa-clock-rotate-left:before,
.fa-history:before {
content: "\F1DA";
}
.fa-clone:before {
content: "\F24D";
}
.fa-closed-captioning:before {
content: "\F20A";
}
.fa-cloud:before {
content: "\F0C2";
}
.fa-cloud-arrow-down:before,
.fa-cloud-download-alt:before,
.fa-cloud-download:before {
content: "\F0ED";
}
.fa-cloud-arrow-up:before,
.fa-cloud-upload-alt:before,
.fa-cloud-upload:before {
content: "\F0EE";
}
.fa-cloud-bolt:before,
.fa-thunderstorm:before {
content: "\F76C";
}
.fa-cloud-meatball:before {
content: "\F73B";
}
.fa-cloud-moon:before {
content: "\F6C3";
}
.fa-cloud-moon-rain:before {
content: "\F73C";
}
.fa-cloud-rain:before {
content: "\F73D";
}
.fa-cloud-showers-heavy:before {
content: "\F740";
}
.fa-cloud-showers-water:before {
content: "\E4E4";
}
.fa-cloud-sun:before {
content: "\F6C4";
}
.fa-cloud-sun-rain:before {
content: "\F743";
}
.fa-clover:before {
content: "\E139";
}
.fa-code:before {
content: "\F121";
}
.fa-code-branch:before {
content: "\F126";
}
.fa-code-commit:before {
content: "\F386";
}
.fa-code-compare:before {
content: "\E13A";
}
.fa-code-fork:before {
content: "\E13B";
}
.fa-code-merge:before {
content: "\F387";
}
.fa-code-pull-request:before {
content: "\E13C";
}
.fa-coins:before {
content: "\F51E";
}
.fa-colon-sign:before {
content: "\E140";
}
.fa-comment:before {
content: "\F075";
}
.fa-comment-dollar:before {
content: "\F651";
}
.fa-comment-dots:before,
.fa-commenting:before {
content: "\F4AD";
}
.fa-comment-medical:before {
content: "\F7F5";
}
.fa-comment-slash:before {
content: "\F4B3";
}
.fa-comment-sms:before,
.fa-sms:before {
content: "\F7CD";
}
.fa-comments:before {
content: "\F086";
}
.fa-comments-dollar:before {
content: "\F653";
}
.fa-compact-disc:before {
content: "\F51F";
}
.fa-compass:before {
content: "\F14E";
}
.fa-compass-drafting:before,
.fa-drafting-compass:before {
content: "\F568";
}
.fa-compress:before {
content: "\F066";
}
.fa-computer:before {
content: "\E4E5";
}
.fa-computer-mouse:before,
.fa-mouse:before {
content: "\F8CC";
}
.fa-cookie:before {
content: "\F563";
}
.fa-cookie-bite:before {
content: "\F564";
}
.fa-copy:before {
content: "\F0C5";
}
.fa-copyright:before {
content: "\F1F9";
}
.fa-couch:before {
content: "\F4B8";
}
.fa-cow:before {
content: "\F6C8";
}
.fa-credit-card-alt:before,
.fa-credit-card:before {
content: "\F09D";
}
.fa-crop:before {
content: "\F125";
}
.fa-crop-alt:before,
.fa-crop-simple:before {
content: "\F565";
}
.fa-cross:before {
content: "\F654";
}
.fa-crosshairs:before {
content: "\F05B";
}
.fa-crow:before {
content: "\F520";
}
.fa-crown:before {
content: "\F521";
}
.fa-crutch:before {
content: "\F7F7";
}
.fa-cruzeiro-sign:before {
content: "\E152";
}
.fa-cube:before {
content: "\F1B2";
}
.fa-cubes:before {
content: "\F1B3";
}
.fa-cubes-stacked:before {
content: "\E4E6";
}
.fa-d:before {
content: "D";
}
.fa-database:before {
content: "\F1C0";
}
.fa-backspace:before,
.fa-delete-left:before {
content: "\F55A";
}
.fa-democrat:before {
content: "\F747";
}
.fa-desktop-alt:before,
.fa-desktop:before {
content: "\F390";
}
.fa-dharmachakra:before {
content: "\F655";
}
.fa-diagram-next:before {
content: "\E476";
}
.fa-diagram-predecessor:before {
content: "\E477";
}
.fa-diagram-project:before,
.fa-project-diagram:before {
content: "\F542";
}
.fa-diagram-successor:before {
content: "\E47A";
}
.fa-diamond:before {
content: "\F219";
}
.fa-diamond-turn-right:before,
.fa-directions:before {
content: "\F5EB";
}
.fa-dice:before {
content: "\F522";
}
.fa-dice-d20:before {
content: "\F6CF";
}
.fa-dice-d6:before {
content: "\F6D1";
}
.fa-dice-five:before {
content: "\F523";
}
.fa-dice-four:before {
content: "\F524";
}
.fa-dice-one:before {
content: "\F525";
}
.fa-dice-six:before {
content: "\F526";
}
.fa-dice-three:before {
content: "\F527";
}
.fa-dice-two:before {
content: "\F528";
}
.fa-disease:before {
content: "\F7FA";
}
.fa-display:before {
content: "\E163";
}
.fa-divide:before {
content: "\F529";
}
.fa-dna:before {
content: "\F471";
}
.fa-dog:before {
content: "\F6D3";
}
.fa-dollar-sign:before,
.fa-dollar:before,
.fa-usd:before {
content: "$";
}
.fa-dolly-box:before,
.fa-dolly:before {
content: "\F472";
}
.fa-dong-sign:before {
content: "\E169";
}
.fa-door-closed:before {
content: "\F52A";
}
.fa-door-open:before {
content: "\F52B";
}
.fa-dove:before {
content: "\F4BA";
}
.fa-compress-alt:before,
.fa-down-left-and-up-right-to-center:before {
content: "\F422";
}
.fa-down-long:before,
.fa-long-arrow-alt-down:before {
content: "\F309";
}
.fa-download:before {
content: "\F019";
}
.fa-dragon:before {
content: "\F6D5";
}
.fa-draw-polygon:before {
content: "\F5EE";
}
.fa-droplet:before,
.fa-tint:before {
content: "\F043";
}
.fa-droplet-slash:before,
.fa-tint-slash:before {
content: "\F5C7";
}
.fa-drum:before {
content: "\F569";
}
.fa-drum-steelpan:before {
content: "\F56A";
}
.fa-drumstick-bite:before {
content: "\F6D7";
}
.fa-dumbbell:before {
content: "\F44B";
}
.fa-dumpster:before {
content: "\F793";
}
.fa-dumpster-fire:before {
content: "\F794";
}
.fa-dungeon:before {
content: "\F6D9";
}
.fa-e:before {
content: "E";
}
.fa-deaf:before,
.fa-deafness:before,
.fa-ear-deaf:before,
.fa-hard-of-hearing:before {
content: "\F2A4";
}
.fa-assistive-listening-systems:before,
.fa-ear-listen:before {
content: "\F2A2";
}
.fa-earth-africa:before,
.fa-globe-africa:before {
content: "\F57C";
}
.fa-earth-america:before,
.fa-earth-americas:before,
.fa-earth:before,
.fa-globe-americas:before {
content: "\F57D";
}
.fa-earth-asia:before,
.fa-globe-asia:before {
content: "\F57E";
}
.fa-earth-europe:before,
.fa-globe-europe:before {
content: "\F7A2";
}
.fa-earth-oceania:before,
.fa-globe-oceania:before {
content: "\E47B";
}
.fa-egg:before {
content: "\F7FB";
}
.fa-eject:before {
content: "\F052";
}
.fa-elevator:before {
content: "\E16D";
}
.fa-ellipsis-h:before,
.fa-ellipsis:before {
content: "\F141";
}
.fa-ellipsis-v:before,
.fa-ellipsis-vertical:before {
content: "\F142";
}
.fa-envelope:before {
content: "\F0E0";
}
.fa-envelope-circle-check:before {
content: "\E4E8";
}
.fa-envelope-open:before {
content: "\F2B6";
}
.fa-envelope-open-text:before {
content: "\F658";
}
.fa-envelopes-bulk:before,
.fa-mail-bulk:before {
content: "\F674";
}
.fa-equals:before {
content: "=";
}
.fa-eraser:before {
content: "\F12D";
}
.fa-ethernet:before {
content: "\F796";
}
.fa-eur:before,
.fa-euro-sign:before,
.fa-euro:before {
content: "\F153";
}
.fa-exclamation:before {
content: "!";
}
.fa-expand:before {
content: "\F065";
}
.fa-explosion:before {
content: "\E4E9";
}
.fa-eye:before {
content: "\F06E";
}
.fa-eye-dropper-empty:before,
.fa-eye-dropper:before,
.fa-eyedropper:before {
content: "\F1FB";
}
.fa-eye-low-vision:before,
.fa-low-vision:before {
content: "\F2A8";
}
.fa-eye-slash:before {
content: "\F070";
}
.fa-f:before {
content: "F";
}
.fa-angry:before,
.fa-face-angry:before {
content: "\F556";
}
.fa-dizzy:before,
.fa-face-dizzy:before {
content: "\F567";
}
.fa-face-flushed:before,
.fa-flushed:before {
content: "\F579";
}
.fa-face-frown:before,
.fa-frown:before {
content: "\F119";
}
.fa-face-frown-open:before,
.fa-frown-open:before {
content: "\F57A";
}
.fa-face-grimace:before,
.fa-grimace:before {
content: "\F57F";
}
.fa-face-grin:before,
.fa-grin:before {
content: "\F580";
}
.fa-face-grin-beam:before,
.fa-grin-beam:before {
content: "\F582";
}
.fa-face-grin-beam-sweat:before,
.fa-grin-beam-sweat:before {
content: "\F583";
}
.fa-face-grin-hearts:before,
.fa-grin-hearts:before {
content: "\F584";
}
.fa-face-grin-squint:before,
.fa-grin-squint:before {
content: "\F585";
}
.fa-face-grin-squint-tears:before,
.fa-grin-squint-tears:before {
content: "\F586";
}
.fa-face-grin-stars:before,
.fa-grin-stars:before {
content: "\F587";
}
.fa-face-grin-tears:before,
.fa-grin-tears:before {
content: "\F588";
}
.fa-face-grin-tongue:before,
.fa-grin-tongue:before {
content: "\F589";
}
.fa-face-grin-tongue-squint:before,
.fa-grin-tongue-squint:before {
content: "\F58A";
}
.fa-face-grin-tongue-wink:before,
.fa-grin-tongue-wink:before {
content: "\F58B";
}
.fa-face-grin-wide:before,
.fa-grin-alt:before {
content: "\F581";
}
.fa-face-grin-wink:before,
.fa-grin-wink:before {
content: "\F58C";
}
.fa-face-kiss:before,
.fa-kiss:before {
content: "\F596";
}
.fa-face-kiss-beam:before,
.fa-kiss-beam:before {
content: "\F597";
}
.fa-face-kiss-wink-heart:before,
.fa-kiss-wink-heart:before {
content: "\F598";
}
.fa-face-laugh:before,
.fa-laugh:before {
content: "\F599";
}
.fa-face-laugh-beam:before,
.fa-laugh-beam:before {
content: "\F59A";
}
.fa-face-laugh-squint:before,
.fa-laugh-squint:before {
content: "\F59B";
}
.fa-face-laugh-wink:before,
.fa-laugh-wink:before {
content: "\F59C";
}
.fa-face-meh:before,
.fa-meh:before {
content: "\F11A";
}
.fa-face-meh-blank:before,
.fa-meh-blank:before {
content: "\F5A4";
}
.fa-face-rolling-eyes:before,
.fa-meh-rolling-eyes:before {
content: "\F5A5";
}
.fa-face-sad-cry:before,
.fa-sad-cry:before {
content: "\F5B3";
}
.fa-face-sad-tear:before,
.fa-sad-tear:before {
content: "\F5B4";
}
.fa-face-smile:before,
.fa-smile:before {
content: "\F118";
}
.fa-face-smile-beam:before,
.fa-smile-beam:before {
content: "\F5B8";
}
.fa-face-smile-wink:before,
.fa-smile-wink:before {
content: "\F4DA";
}
.fa-face-surprise:before,
.fa-surprise:before {
content: "\F5C2";
}
.fa-face-tired:before,
.fa-tired:before {
content: "\F5C8";
}
.fa-fan:before {
content: "\F863";
}
.fa-faucet:before {
content: "\E005";
}
.fa-faucet-drip:before {
content: "\E006";
}
.fa-fax:before {
content: "\F1AC";
}
.fa-feather:before {
content: "\F52D";
}
.fa-feather-alt:before,
.fa-feather-pointed:before {
content: "\F56B";
}
.fa-ferry:before {
content: "\E4EA";
}
.fa-file:before {
content: "\F15B";
}
.fa-file-arrow-down:before,
.fa-file-download:before {
content: "\F56D";
}
.fa-file-arrow-up:before,
.fa-file-upload:before {
content: "\F574";
}
.fa-file-audio:before {
content: "\F1C7";
}
.fa-file-circle-check:before {
content: "\E493";
}
.fa-file-circle-exclamation:before {
content: "\E4EB";
}
.fa-file-circle-minus:before {
content: "\E4ED";
}
.fa-file-circle-plus:before {
content: "\E4EE";
}
.fa-file-circle-question:before {
content: "\E4EF";
}
.fa-file-circle-xmark:before {
content: "\E494";
}
.fa-file-code:before {
content: "\F1C9";
}
.fa-file-contract:before {
content: "\F56C";
}
.fa-file-csv:before {
content: "\F6DD";
}
.fa-file-excel:before {
content: "\F1C3";
}
.fa-arrow-right-from-file:before,
.fa-file-export:before {
content: "\F56E";
}
.fa-file-image:before {
content: "\F1C5";
}
.fa-arrow-right-to-file:before,
.fa-file-import:before {
content: "\F56F";
}
.fa-file-invoice:before {
content: "\F570";
}
.fa-file-invoice-dollar:before {
content: "\F571";
}
.fa-file-alt:before,
.fa-file-lines:before,
.fa-file-text:before {
content: "\F15C";
}
.fa-file-medical:before {
content: "\F477";
}
.fa-file-pdf:before {
content: "\F1C1";
}
.fa-file-edit:before,
.fa-file-pen:before {
content: "\F31C";
}
.fa-file-powerpoint:before {
content: "\F1C4";
}
.fa-file-prescription:before {
content: "\F572";
}
.fa-file-shield:before {
content: "\E4F0";
}
.fa-file-signature:before {
content: "\F573";
}
.fa-file-video:before {
content: "\F1C8";
}
.fa-file-medical-alt:before,
.fa-file-waveform:before {
content: "\F478";
}
.fa-file-word:before {
content: "\F1C2";
}
.fa-file-archive:before,
.fa-file-zipper:before {
content: "\F1C6";
}
.fa-fill:before {
content: "\F575";
}
.fa-fill-drip:before {
content: "\F576";
}
.fa-film:before {
content: "\F008";
}
.fa-filter:before {
content: "\F0B0";
}
.fa-filter-circle-dollar:before,
.fa-funnel-dollar:before {
content: "\F662";
}
.fa-filter-circle-xmark:before {
content: "\E17B";
}
.fa-fingerprint:before {
content: "\F577";
}
.fa-fire:before {
content: "\F06D";
}
.fa-fire-burner:before {
content: "\E4F1";
}
.fa-fire-extinguisher:before {
content: "\F134";
}
.fa-fire-alt:before,
.fa-fire-flame-curved:before {
content: "\F7E4";
}
.fa-burn:before,
.fa-fire-flame-simple:before {
content: "\F46A";
}
.fa-fish:before {
content: "\F578";
}
.fa-fish-fins:before {
content: "\E4F2";
}
.fa-flag:before {
content: "\F024";
}
.fa-flag-checkered:before {
content: "\F11E";
}
.fa-flag-usa:before {
content: "\F74D";
}
.fa-flask:before {
content: "\F0C3";
}
.fa-flask-vial:before {
content: "\E4F3";
}
.fa-floppy-disk:before,
.fa-save:before {
content: "\F0C7";
}
.fa-florin-sign:before {
content: "\E184";
}
.fa-folder-blank:before,
.fa-folder:before {
content: "\F07B";
}
.fa-folder-closed:before {
content: "\E185";
}
.fa-folder-minus:before {
content: "\F65D";
}
.fa-folder-open:before {
content: "\F07C";
}
.fa-folder-plus:before {
content: "\F65E";
}
.fa-folder-tree:before {
content: "\F802";
}
.fa-font:before {
content: "\F031";
}
.fa-football-ball:before,
.fa-football:before {
content: "\F44E";
}
.fa-forward:before {
content: "\F04E";
}
.fa-fast-forward:before,
.fa-forward-fast:before {
content: "\F050";
}
.fa-forward-step:before,
.fa-step-forward:before {
content: "\F051";
}
.fa-franc-sign:before {
content: "\E18F";
}
.fa-frog:before {
content: "\F52E";
}
.fa-futbol-ball:before,
.fa-futbol:before,
.fa-soccer-ball:before {
content: "\F1E3";
}
.fa-g:before {
content: "G";
}
.fa-gamepad:before {
content: "\F11B";
}
.fa-gas-pump:before {
content: "\F52F";
}
.fa-dashboard:before,
.fa-gauge-med:before,
.fa-gauge:before,
.fa-tachometer-alt-average:before {
content: "\F624";
}
.fa-gauge-high:before,
.fa-tachometer-alt-fast:before,
.fa-tachometer-alt:before {
content: "\F625";
}
.fa-gauge-simple-med:before,
.fa-gauge-simple:before,
.fa-tachometer-average:before {
content: "\F629";
}
.fa-gauge-simple-high:before,
.fa-tachometer-fast:before,
.fa-tachometer:before {
content: "\F62A";
}
.fa-gavel:before,
.fa-legal:before {
content: "\F0E3";
}
.fa-cog:before,
.fa-gear:before {
content: "\F013";
}
.fa-cogs:before,
.fa-gears:before {
content: "\F085";
}
.fa-gem:before {
content: "\F3A5";
}
.fa-genderless:before {
content: "\F22D";
}
.fa-ghost:before {
content: "\F6E2";
}
.fa-gift:before {
content: "\F06B";
}
.fa-gifts:before {
content: "\F79C";
}
.fa-glass-water:before {
content: "\E4F4";
}
.fa-glass-water-droplet:before {
content: "\E4F5";
}
.fa-glasses:before {
content: "\F530";
}
.fa-globe:before {
content: "\F0AC";
}
.fa-golf-ball-tee:before,
.fa-golf-ball:before {
content: "\F450";
}
.fa-gopuram:before {
content: "\F664";
}
.fa-graduation-cap:before,
.fa-mortar-board:before {
content: "\F19D";
}
.fa-greater-than:before {
content: ">";
}
.fa-greater-than-equal:before {
content: "\F532";
}
.fa-grip-horizontal:before,
.fa-grip:before {
content: "\F58D";
}
.fa-grip-lines:before {
content: "\F7A4";
}
.fa-grip-lines-vertical:before {
content: "\F7A5";
}
.fa-grip-vertical:before {
content: "\F58E";
}
.fa-group-arrows-rotate:before {
content: "\E4F6";
}
.fa-guarani-sign:before {
content: "\E19A";
}
.fa-guitar:before {
content: "\F7A6";
}
.fa-gun:before {
content: "\E19B";
}
.fa-h:before {
content: "H";
}
.fa-hammer:before {
content: "\F6E3";
}
.fa-hamsa:before {
content: "\F665";
}
.fa-hand-paper:before,
.fa-hand:before {
content: "\F256";
}
.fa-hand-back-fist:before,
.fa-hand-rock:before {
content: "\F255";
}
.fa-allergies:before,
.fa-hand-dots:before {
content: "\F461";
}
.fa-fist-raised:before,
.fa-hand-fist:before {
content: "\F6DE";
}
.fa-hand-holding:before {
content: "\F4BD";
}
.fa-hand-holding-dollar:before,
.fa-hand-holding-usd:before {
content: "\F4C0";
}
.fa-hand-holding-droplet:before,
.fa-hand-holding-water:before {
content: "\F4C1";
}
.fa-hand-holding-hand:before {
content: "\E4F7";
}
.fa-hand-holding-heart:before {
content: "\F4BE";
}
.fa-hand-holding-medical:before {
content: "\E05C";
}
.fa-hand-lizard:before {
content: "\F258";
}
.fa-hand-middle-finger:before {
content: "\F806";
}
.fa-hand-peace:before {
content: "\F25B";
}
.fa-hand-point-down:before {
content: "\F0A7";
}
.fa-hand-point-left:before {
content: "\F0A5";
}
.fa-hand-point-right:before {
content: "\F0A4";
}
.fa-hand-point-up:before {
content: "\F0A6";
}
.fa-hand-pointer:before {
content: "\F25A";
}
.fa-hand-scissors:before {
content: "\F257";
}
.fa-hand-sparkles:before {
content: "\E05D";
}
.fa-hand-spock:before {
content: "\F259";
}
.fa-handcuffs:before {
content: "\E4F8";
}
.fa-hands:before,
.fa-sign-language:before,
.fa-signing:before {
content: "\F2A7";
}
.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before,
.fa-hands-american-sign-language-interpreting:before,
.fa-hands-asl-interpreting:before {
content: "\F2A3";
}
.fa-hands-bound:before {
content: "\E4F9";
}
.fa-hands-bubbles:before,
.fa-hands-wash:before {
content: "\E05E";
}
.fa-hands-clapping:before {
content: "\E1A8";
}
.fa-hands-holding:before {
content: "\F4C2";
}
.fa-hands-holding-child:before {
content: "\E4FA";
}
.fa-hands-holding-circle:before {
content: "\E4FB";
}
.fa-hands-praying:before,
.fa-praying-hands:before {
content: "\F684";
}
.fa-handshake:before {
content: "\F2B5";
}
.fa-hands-helping:before,
.fa-handshake-angle:before {
content: "\F4C4";
}
.fa-handshake-alt:before,
.fa-handshake-simple:before {
content: "\F4C6";
}
.fa-handshake-alt-slash:before,
.fa-handshake-simple-slash:before {
content: "\E05F";
}
.fa-handshake-slash:before {
content: "\E060";
}
.fa-hanukiah:before {
content: "\F6E6";
}
.fa-hard-drive:before,
.fa-hdd:before {
content: "\F0A0";
}
.fa-hashtag:before {
content: "#";
}
.fa-hat-cowboy:before {
content: "\F8C0";
}
.fa-hat-cowboy-side:before {
content: "\F8C1";
}
.fa-hat-wizard:before {
content: "\F6E8";
}
.fa-head-side-cough:before {
content: "\E061";
}
.fa-head-side-cough-slash:before {
content: "\E062";
}
.fa-head-side-mask:before {
content: "\E063";
}
.fa-head-side-virus:before {
content: "\E064";
}
.fa-header:before,
.fa-heading:before {
content: "\F1DC";
}
.fa-headphones:before {
content: "\F025";
}
.fa-headphones-alt:before,
.fa-headphones-simple:before {
content: "\F58F";
}
.fa-headset:before {
content: "\F590";
}
.fa-heart:before {
content: "\F004";
}
.fa-heart-circle-bolt:before {
content: "\E4FC";
}
.fa-heart-circle-check:before {
content: "\E4FD";
}
.fa-heart-circle-exclamation:before {
content: "\E4FE";
}
.fa-heart-circle-minus:before {
content: "\E4FF";
}
.fa-heart-circle-plus:before {
content: "\E500";
}
.fa-heart-circle-xmark:before {
content: "\E501";
}
.fa-heart-broken:before,
.fa-heart-crack:before {
content: "\F7A9";
}
.fa-heart-pulse:before,
.fa-heartbeat:before {
content: "\F21E";
}
.fa-helicopter:before {
content: "\F533";
}
.fa-helicopter-symbol:before {
content: "\E502";
}
.fa-hard-hat:before,
.fa-hat-hard:before,
.fa-helmet-safety:before {
content: "\F807";
}
.fa-helmet-un:before {
content: "\E503";
}
.fa-highlighter:before {
content: "\F591";
}
.fa-hill-avalanche:before {
content: "\E507";
}
.fa-hill-rockslide:before {
content: "\E508";
}
.fa-hippo:before {
content: "\F6ED";
}
.fa-hockey-puck:before {
content: "\F453";
}
.fa-holly-berry:before {
content: "\F7AA";
}
.fa-horse:before {
content: "\F6F0";
}
.fa-horse-head:before {
content: "\F7AB";
}
.fa-hospital-alt:before,
.fa-hospital-wide:before,
.fa-hospital:before {
content: "\F0F8";
}
.fa-hospital-user:before {
content: "\F80D";
}
.fa-hot-tub-person:before,
.fa-hot-tub:before {
content: "\F593";
}
.fa-hotdog:before {
content: "\F80F";
}
.fa-hotel:before {
content: "\F594";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before,
.fa-hourglass:before {
content: "\F254";
}
.fa-hourglass-empty:before {
content: "\F252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\F253";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\F251";
}
.fa-home-alt:before,
.fa-home-lg-alt:before,
.fa-home:before,
.fa-house:before {
content: "\F015";
}
.fa-home-lg:before,
.fa-house-chimney:before {
content: "\E3AF";
}
.fa-house-chimney-crack:before,
.fa-house-damage:before {
content: "\F6F1";
}
.fa-clinic-medical:before,
.fa-house-chimney-medical:before {
content: "\F7F2";
}
.fa-house-chimney-user:before {
content: "\E065";
}
.fa-house-chimney-window:before {
content: "\E00D";
}
.fa-house-circle-check:before {
content: "\E509";
}
.fa-house-circle-exclamation:before {
content: "\E50A";
}
.fa-house-circle-xmark:before {
content: "\E50B";
}
.fa-house-crack:before {
content: "\E3B1";
}
.fa-house-fire:before {
content: "\E50C";
}
.fa-house-flag:before {
content: "\E50D";
}
.fa-house-flood-water:before {
content: "\E50E";
}
.fa-house-flood-water-circle-arrow-right:before {
content: "\E50F";
}
.fa-house-laptop:before,
.fa-laptop-house:before {
content: "\E066";
}
.fa-house-lock:before {
content: "\E510";
}
.fa-house-medical:before {
content: "\E3B2";
}
.fa-house-medical-circle-check:before {
content: "\E511";
}
.fa-house-medical-circle-exclamation:before {
content: "\E512";
}
.fa-house-medical-circle-xmark:before {
content: "\E513";
}
.fa-house-medical-flag:before {
content: "\E514";
}
.fa-house-signal:before {
content: "\E012";
}
.fa-house-tsunami:before {
content: "\E515";
}
.fa-home-user:before,
.fa-house-user:before {
content: "\E1B0";
}
.fa-hryvnia-sign:before,
.fa-hryvnia:before {
content: "\F6F2";
}
.fa-hurricane:before {
content: "\F751";
}
.fa-i:before {
content: "I";
}
.fa-i-cursor:before {
content: "\F246";
}
.fa-ice-cream:before {
content: "\F810";
}
.fa-icicles:before {
content: "\F7AD";
}
.fa-heart-music-camera-bolt:before,
.fa-icons:before {
content: "\F86D";
}
.fa-id-badge:before {
content: "\F2C1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\F2C2";
}
.fa-id-card-alt:before,
.fa-id-card-clip:before {
content: "\F47F";
}
.fa-igloo:before {
content: "\F7AE";
}
.fa-image:before {
content: "\F03E";
}
.fa-image-portrait:before,
.fa-portrait:before {
content: "\F3E0";
}
.fa-images:before {
content: "\F302";
}
.fa-inbox:before {
content: "\F01C";
}
.fa-indent:before {
content: "\F03C";
}
.fa-indian-rupee-sign:before,
.fa-indian-rupee:before,
.fa-inr:before {
content: "\E1BC";
}
.fa-industry:before {
content: "\F275";
}
.fa-infinity:before {
content: "\F534";
}
.fa-info:before {
content: "\F129";
}
.fa-italic:before {
content: "\F033";
}
.fa-j:before {
content: "J";
}
.fa-jar:before {
content: "\E516";
}
.fa-jar-wheat:before {
content: "\E517";
}
.fa-jedi:before {
content: "\F669";
}
.fa-fighter-jet:before,
.fa-jet-fighter:before {
content: "\F0FB";
}
.fa-jet-fighter-up:before {
content: "\E518";
}
.fa-joint:before {
content: "\F595";
}
.fa-jug-detergent:before {
content: "\E519";
}
.fa-k:before {
content: "K";
}
.fa-kaaba:before {
content: "\F66B";
}
.fa-key:before {
content: "\F084";
}
.fa-keyboard:before {
content: "\F11C";
}
.fa-khanda:before {
content: "\F66D";
}
.fa-kip-sign:before {
content: "\E1C4";
}
.fa-first-aid:before,
.fa-kit-medical:before {
content: "\F479";
}
.fa-kitchen-set:before {
content: "\E51A";
}
.fa-kiwi-bird:before {
content: "\F535";
}
.fa-l:before {
content: "L";
}
.fa-land-mine-on:before {
content: "\E51B";
}
.fa-landmark:before {
content: "\F66F";
}
.fa-landmark-alt:before,
.fa-landmark-dome:before {
content: "\F752";
}
.fa-landmark-flag:before {
content: "\E51C";
}
.fa-language:before {
content: "\F1AB";
}
.fa-laptop:before {
content: "\F109";
}
.fa-laptop-code:before {
content: "\F5FC";
}
.fa-laptop-file:before {
content: "\E51D";
}
.fa-laptop-medical:before {
content: "\F812";
}
.fa-lari-sign:before {
content: "\E1C8";
}
.fa-layer-group:before {
content: "\F5FD";
}
.fa-leaf:before {
content: "\F06C";
}
.fa-left-long:before,
.fa-long-arrow-alt-left:before {
content: "\F30A";
}
.fa-arrows-alt-h:before,
.fa-left-right:before {
content: "\F337";
}
.fa-lemon:before {
content: "\F094";
}
.fa-less-than:before {
content: "<";
}
.fa-less-than-equal:before {
content: "\F537";
}
.fa-life-ring:before {
content: "\F1CD";
}
.fa-lightbulb:before {
content: "\F0EB";
}
.fa-lines-leaning:before {
content: "\E51E";
}
.fa-chain:before,
.fa-link:before {
content: "\F0C1";
}
.fa-chain-broken:before,
.fa-chain-slash:before,
.fa-link-slash:before,
.fa-unlink:before {
content: "\F127";
}
.fa-lira-sign:before {
content: "\F195";
}
.fa-list-squares:before,
.fa-list:before {
content: "\F03A";
}
.fa-list-check:before,
.fa-tasks:before {
content: "\F0AE";
}
.fa-list-1-2:before,
.fa-list-numeric:before,
.fa-list-ol:before {
content: "\F0CB";
}
.fa-list-dots:before,
.fa-list-ul:before {
content: "\F0CA";
}
.fa-litecoin-sign:before {
content: "\E1D3";
}
.fa-location-arrow:before {
content: "\F124";
}
.fa-location-crosshairs:before,
.fa-location:before {
content: "\F601";
}
.fa-location-dot:before,
.fa-map-marker-alt:before {
content: "\F3C5";
}
.fa-location-pin:before,
.fa-map-marker:before {
content: "\F041";
}
.fa-location-pin-lock:before {
content: "\E51F";
}
.fa-lock:before {
content: "\F023";
}
.fa-lock-open:before {
content: "\F3C1";
}
.fa-locust:before {
content: "\E520";
}
.fa-lungs:before {
content: "\F604";
}
.fa-lungs-virus:before {
content: "\E067";
}
.fa-m:before {
content: "M";
}
.fa-magnet:before {
content: "\F076";
}
.fa-magnifying-glass:before,
.fa-search:before {
content: "\F002";
}
.fa-magnifying-glass-arrow-right:before {
content: "\E521";
}
.fa-magnifying-glass-chart:before {
content: "\E522";
}
.fa-magnifying-glass-dollar:before,
.fa-search-dollar:before {
content: "\F688";
}
.fa-magnifying-glass-location:before,
.fa-search-location:before {
content: "\F689";
}
.fa-magnifying-glass-minus:before,
.fa-search-minus:before {
content: "\F010";
}
.fa-magnifying-glass-plus:before,
.fa-search-plus:before {
content: "\F00E";
}
.fa-manat-sign:before {
content: "\E1D5";
}
.fa-map:before {
content: "\F279";
}
.fa-map-location:before,
.fa-map-marked:before {
content: "\F59F";
}
.fa-map-location-dot:before,
.fa-map-marked-alt:before {
content: "\F5A0";
}
.fa-map-pin:before {
content: "\F276";
}
.fa-marker:before {
content: "\F5A1";
}
.fa-mars:before {
content: "\F222";
}
.fa-mars-and-venus:before {
content: "\F224";
}
.fa-mars-and-venus-burst:before {
content: "\E523";
}
.fa-mars-double:before {
content: "\F227";
}
.fa-mars-stroke:before {
content: "\F229";
}
.fa-mars-stroke-h:before,
.fa-mars-stroke-right:before {
content: "\F22B";
}
.fa-mars-stroke-up:before,
.fa-mars-stroke-v:before {
content: "\F22A";
}
.fa-glass-martini-alt:before,
.fa-martini-glass:before {
content: "\F57B";
}
.fa-cocktail:before,
.fa-martini-glass-citrus:before {
content: "\F561";
}
.fa-glass-martini:before,
.fa-martini-glass-empty:before {
content: "\F000";
}
.fa-mask:before {
content: "\F6FA";
}
.fa-mask-face:before {
content: "\E1D7";
}
.fa-mask-ventilator:before {
content: "\E524";
}
.fa-masks-theater:before,
.fa-theater-masks:before {
content: "\F630";
}
.fa-mattress-pillow:before {
content: "\E525";
}
.fa-expand-arrows-alt:before,
.fa-maximize:before {
content: "\F31E";
}
.fa-medal:before {
content: "\F5A2";
}
.fa-memory:before {
content: "\F538";
}
.fa-menorah:before {
content: "\F676";
}
.fa-mercury:before {
content: "\F223";
}
.fa-comment-alt:before,
.fa-message:before {
content: "\F27A";
}
.fa-meteor:before {
content: "\F753";
}
.fa-microchip:before {
content: "\F2DB";
}
.fa-microphone:before {
content: "\F130";
}
.fa-microphone-alt:before,
.fa-microphone-lines:before {
content: "\F3C9";
}
.fa-microphone-alt-slash:before,
.fa-microphone-lines-slash:before {
content: "\F539";
}
.fa-microphone-slash:before {
content: "\F131";
}
.fa-microscope:before {
content: "\F610";
}
.fa-mill-sign:before {
content: "\E1ED";
}
.fa-compress-arrows-alt:before,
.fa-minimize:before {
content: "\F78C";
}
.fa-minus:before,
.fa-subtract:before {
content: "\F068";
}
.fa-mitten:before {
content: "\F7B5";
}
.fa-mobile-android:before,
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\F3CE";
}
.fa-mobile-button:before {
content: "\F10B";
}
.fa-mobile-retro:before {
content: "\E527";
}
.fa-mobile-android-alt:before,
.fa-mobile-screen:before {
content: "\F3CF";
}
.fa-mobile-alt:before,
.fa-mobile-screen-button:before {
content: "\F3CD";
}
.fa-money-bill:before {
content: "\F0D6";
}
.fa-money-bill-1:before,
.fa-money-bill-alt:before {
content: "\F3D1";
}
.fa-money-bill-1-wave:before,
.fa-money-bill-wave-alt:before {
content: "\F53B";
}
.fa-money-bill-transfer:before {
content: "\E528";
}
.fa-money-bill-trend-up:before {
content: "\E529";
}
.fa-money-bill-wave:before {
content: "\F53A";
}
.fa-money-bill-wheat:before {
content: "\E52A";
}
.fa-money-bills:before {
content: "\E1F3";
}
.fa-money-check:before {
content: "\F53C";
}
.fa-money-check-alt:before,
.fa-money-check-dollar:before {
content: "\F53D";
}
.fa-monument:before {
content: "\F5A6";
}
.fa-moon:before {
content: "\F186";
}
.fa-mortar-pestle:before {
content: "\F5A7";
}
.fa-mosque:before {
content: "\F678";
}
.fa-mosquito:before {
content: "\E52B";
}
.fa-mosquito-net:before {
content: "\E52C";
}
.fa-motorcycle:before {
content: "\F21C";
}
.fa-mound:before {
content: "\E52D";
}
.fa-mountain:before {
content: "\F6FC";
}
.fa-mountain-city:before {
content: "\E52E";
}
.fa-mountain-sun:before {
content: "\E52F";
}
.fa-mug-hot:before {
content: "\F7B6";
}
.fa-coffee:before,
.fa-mug-saucer:before {
content: "\F0F4";
}
.fa-music:before {
content: "\F001";
}
.fa-n:before {
content: "N";
}
.fa-naira-sign:before {
content: "\E1F6";
}
.fa-network-wired:before {
content: "\F6FF";
}
.fa-neuter:before {
content: "\F22C";
}
.fa-newspaper:before {
content: "\F1EA";
}
.fa-not-equal:before {
content: "\F53E";
}
.fa-note-sticky:before,
.fa-sticky-note:before {
content: "\F249";
}
.fa-notes-medical:before {
content: "\F481";
}
.fa-o:before {
content: "O";
}
.fa-object-group:before {
content: "\F247";
}
.fa-object-ungroup:before {
content: "\F248";
}
.fa-oil-can:before {
content: "\F613";
}
.fa-oil-well:before {
content: "\E532";
}
.fa-om:before {
content: "\F679";
}
.fa-otter:before {
content: "\F700";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\F03B";
}
.fa-p:before {
content: "P";
}
.fa-pager:before {
content: "\F815";
}
.fa-paint-roller:before {
content: "\F5AA";
}
.fa-paint-brush:before,
.fa-paintbrush:before {
content: "\F1FC";
}
.fa-palette:before {
content: "\F53F";
}
.fa-pallet:before {
content: "\F482";
}
.fa-panorama:before {
content: "\E209";
}
.fa-paper-plane:before {
content: "\F1D8";
}
.fa-paperclip:before {
content: "\F0C6";
}
.fa-parachute-box:before {
content: "\F4CD";
}
.fa-paragraph:before {
content: "\F1DD";
}
.fa-passport:before {
content: "\F5AB";
}
.fa-file-clipboard:before,
.fa-paste:before {
content: "\F0EA";
}
.fa-pause:before {
content: "\F04C";
}
.fa-paw:before {
content: "\F1B0";
}
.fa-peace:before {
content: "\F67C";
}
.fa-pen:before {
content: "\F304";
}
.fa-pen-alt:before,
.fa-pen-clip:before {
content: "\F305";
}
.fa-pen-fancy:before {
content: "\F5AC";
}
.fa-pen-nib:before {
content: "\F5AD";
}
.fa-pen-ruler:before,
.fa-pencil-ruler:before {
content: "\F5AE";
}
.fa-edit:before,
.fa-pen-to-square:before {
content: "\F044";
}
.fa-pencil-alt:before,
.fa-pencil:before {
content: "\F303";
}
.fa-people-arrows-left-right:before,
.fa-people-arrows:before {
content: "\E068";
}
.fa-people-carry-box:before,
.fa-people-carry:before {
content: "\F4CE";
}
.fa-people-group:before {
content: "\E533";
}
.fa-people-line:before {
content: "\E534";
}
.fa-people-pulling:before {
content: "\E535";
}
.fa-people-robbery:before {
content: "\E536";
}
.fa-people-roof:before {
content: "\E537";
}
.fa-pepper-hot:before {
content: "\F816";
}
.fa-percent:before,
.fa-percentage:before {
content: "%";
}
.fa-male:before,
.fa-person:before {
content: "\F183";
}
.fa-person-arrow-down-to-line:before {
content: "\E538";
}
.fa-person-arrow-up-from-line:before {
content: "\E539";
}
.fa-biking:before,
.fa-person-biking:before {
content: "\F84A";
}
.fa-person-booth:before {
content: "\F756";
}
.fa-person-breastfeeding:before {
content: "\E53A";
}
.fa-person-burst:before {
content: "\E53B";
}
.fa-person-cane:before {
content: "\E53C";
}
.fa-person-chalkboard:before {
content: "\E53D";
}
.fa-person-circle-check:before {
content: "\E53E";
}
.fa-person-circle-exclamation:before {
content: "\E53F";
}
.fa-person-circle-minus:before {
content: "\E540";
}
.fa-person-circle-plus:before {
content: "\E541";
}
.fa-person-circle-question:before {
content: "\E542";
}
.fa-person-circle-xmark:before {
content: "\E543";
}
.fa-digging:before,
.fa-person-digging:before {
content: "\F85E";
}
.fa-diagnoses:before,
.fa-person-dots-from-line:before {
content: "\F470";
}
.fa-female:before,
.fa-person-dress:before {
content: "\F182";
}
.fa-person-dress-burst:before {
content: "\E544";
}
.fa-person-drowning:before {
content: "\E545";
}
.fa-person-falling:before {
content: "\E546";
}
.fa-person-falling-burst:before {
content: "\E547";
}
.fa-person-half-dress:before {
content: "\E548";
}
.fa-person-harassing:before {
content: "\E549";
}
.fa-hiking:before,
.fa-person-hiking:before {
content: "\F6EC";
}
.fa-person-military-pointing:before {
content: "\E54A";
}
.fa-person-military-rifle:before {
content: "\E54B";
}
.fa-person-military-to-person:before {
content: "\E54C";
}
.fa-person-praying:before,
.fa-pray:before {
content: "\F683";
}
.fa-person-pregnant:before {
content: "\E31E";
}
.fa-person-rays:before {
content: "\E54D";
}
.fa-person-rifle:before {
content: "\E54E";
}
.fa-person-running:before,
.fa-running:before {
content: "\F70C";
}
.fa-person-shelter:before {
content: "\E54F";
}
.fa-person-skating:before,
.fa-skating:before {
content: "\F7C5";
}
.fa-person-skiing:before,
.fa-skiing:before {
content: "\F7C9";
}
.fa-person-skiing-nordic:before,
.fa-skiing-nordic:before {
content: "\F7CA";
}
.fa-person-snowboarding:before,
.fa-snowboarding:before {
content: "\F7CE";
}
.fa-person-swimming:before,
.fa-swimmer:before {
content: "\F5C4";
}
.fa-person-through-window:before {
content: "\E433";
}
.fa-person-walking:before,
.fa-walking:before {
content: "\F554";
}
.fa-person-walking-arrow-loop-left:before {
content: "\E551";
}
.fa-person-walking-arrow-right:before {
content: "\E552";
}
.fa-person-walking-dashed-line-arrow-right:before {
content: "\E553";
}
.fa-person-walking-luggage:before {
content: "\E554";
}
.fa-blind:before,
.fa-person-walking-with-cane:before {
content: "\F29D";
}
.fa-peseta-sign:before {
content: "\E221";
}
.fa-peso-sign:before {
content: "\E222";
}
.fa-phone:before {
content: "\F095";
}
.fa-phone-alt:before,
.fa-phone-flip:before {
content: "\F879";
}
.fa-phone-slash:before {
content: "\F3DD";
}
.fa-phone-volume:before,
.fa-volume-control-phone:before {
content: "\F2A0";
}
.fa-photo-film:before,
.fa-photo-video:before {
content: "\F87C";
}
.fa-piggy-bank:before {
content: "\F4D3";
}
.fa-pills:before {
content: "\F484";
}
.fa-pizza-slice:before {
content: "\F818";
}
.fa-place-of-worship:before {
content: "\F67F";
}
.fa-plane:before {
content: "\F072";
}
.fa-plane-arrival:before {
content: "\F5AF";
}
.fa-plane-circle-check:before {
content: "\E555";
}
.fa-plane-circle-exclamation:before {
content: "\E556";
}
.fa-plane-circle-xmark:before {
content: "\E557";
}
.fa-plane-departure:before {
content: "\F5B0";
}
.fa-plane-lock:before {
content: "\E558";
}
.fa-plane-slash:before {
content: "\E069";
}
.fa-plane-up:before {
content: "\E22D";
}
.fa-plant-wilt:before {
content: "\E43B";
}
.fa-plate-wheat:before {
content: "\E55A";
}
.fa-play:before {
content: "\F04B";
}
.fa-plug:before {
content: "\F1E6";
}
.fa-plug-circle-bolt:before {
content: "\E55B";
}
.fa-plug-circle-check:before {
content: "\E55C";
}
.fa-plug-circle-exclamation:before {
content: "\E55D";
}
.fa-plug-circle-minus:before {
content: "\E55E";
}
.fa-plug-circle-plus:before {
content: "\E55F";
}
.fa-plug-circle-xmark:before {
content: "\E560";
}
.fa-add:before,
.fa-plus:before {
content: "+";
}
.fa-plus-minus:before {
content: "\E43C";
}
.fa-podcast:before {
content: "\F2CE";
}
.fa-poo:before {
content: "\F2FE";
}
.fa-poo-bolt:before,
.fa-poo-storm:before {
content: "\F75A";
}
.fa-poop:before {
content: "\F619";
}
.fa-power-off:before {
content: "\F011";
}
.fa-prescription:before {
content: "\F5B1";
}
.fa-prescription-bottle:before {
content: "\F485";
}
.fa-prescription-bottle-alt:before,
.fa-prescription-bottle-medical:before {
content: "\F486";
}
.fa-print:before {
content: "\F02F";
}
.fa-pump-medical:before {
content: "\E06A";
}
.fa-pump-soap:before {
content: "\E06B";
}
.fa-puzzle-piece:before {
content: "\F12E";
}
.fa-q:before {
content: "Q";
}
.fa-qrcode:before {
content: "\F029";
}
.fa-question:before {
content: "?";
}
.fa-quote-left-alt:before,
.fa-quote-left:before {
content: "\F10D";
}
.fa-quote-right-alt:before,
.fa-quote-right:before {
content: "\F10E";
}
.fa-r:before {
content: "R";
}
.fa-radiation:before {
content: "\F7B9";
}
.fa-radio:before {
content: "\F8D7";
}
.fa-rainbow:before {
content: "\F75B";
}
.fa-ranking-star:before {
content: "\E561";
}
.fa-receipt:before {
content: "\F543";
}
.fa-record-vinyl:before {
content: "\F8D9";
}
.fa-ad:before,
.fa-rectangle-ad:before {
content: "\F641";
}
.fa-list-alt:before,
.fa-rectangle-list:before {
content: "\F022";
}
.fa-rectangle-times:before,
.fa-rectangle-xmark:before,
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\F410";
}
.fa-recycle:before {
content: "\F1B8";
}
.fa-registered:before {
content: "\F25D";
}
.fa-repeat:before {
content: "\F363";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\F3E5";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\F122";
}
.fa-republican:before {
content: "\F75E";
}
.fa-restroom:before {
content: "\F7BD";
}
.fa-retweet:before {
content: "\F079";
}
.fa-ribbon:before {
content: "\F4D6";
}
.fa-right-from-bracket:before,
.fa-sign-out-alt:before {
content: "\F2F5";
}
.fa-exchange-alt:before,
.fa-right-left:before {
content: "\F362";
}
.fa-long-arrow-alt-right:before,
.fa-right-long:before {
content: "\F30B";
}
.fa-right-to-bracket:before,
.fa-sign-in-alt:before {
content: "\F2F6";
}
.fa-ring:before {
content: "\F70B";
}
.fa-road:before {
content: "\F018";
}
.fa-road-barrier:before {
content: "\E562";
}
.fa-road-bridge:before {
content: "\E563";
}
.fa-road-circle-check:before {
content: "\E564";
}
.fa-road-circle-exclamation:before {
content: "\E565";
}
.fa-road-circle-xmark:before {
content: "\E566";
}
.fa-road-lock:before {
content: "\E567";
}
.fa-road-spikes:before {
content: "\E568";
}
.fa-robot:before {
content: "\F544";
}
.fa-rocket:before {
content: "\F135";
}
.fa-rotate:before,
.fa-sync-alt:before {
content: "\F2F1";
}
.fa-rotate-back:before,
.fa-rotate-backward:before,
.fa-rotate-left:before,
.fa-undo-alt:before {
content: "\F2EA";
}
.fa-redo-alt:before,
.fa-rotate-forward:before,
.fa-rotate-right:before {
content: "\F2F9";
}
.fa-route:before {
content: "\F4D7";
}
.fa-feed:before,
.fa-rss:before {
content: "\F09E";
}
.fa-rouble:before,
.fa-rub:before,
.fa-ruble-sign:before,
.fa-ruble:before {
content: "\F158";
}
.fa-rug:before {
content: "\E569";
}
.fa-ruler:before {
content: "\F545";
}
.fa-ruler-combined:before {
content: "\F546";
}
.fa-ruler-horizontal:before {
content: "\F547";
}
.fa-ruler-vertical:before {
content: "\F548";
}
.fa-rupee-sign:before,
.fa-rupee:before {
content: "\F156";
}
.fa-rupiah-sign:before {
content: "\E23D";
}
.fa-s:before {
content: "S";
}
.fa-sack-dollar:before {
content: "\F81D";
}
.fa-sack-xmark:before {
content: "\E56A";
}
.fa-sailboat:before {
content: "\E445";
}
.fa-satellite:before {
content: "\F7BF";
}
.fa-satellite-dish:before {
content: "\F7C0";
}
.fa-balance-scale:before,
.fa-scale-balanced:before {
content: "\F24E";
}
.fa-balance-scale-left:before,
.fa-scale-unbalanced:before {
content: "\F515";
}
.fa-balance-scale-right:before,
.fa-scale-unbalanced-flip:before {
content: "\F516";
}
.fa-school:before {
content: "\F549";
}
.fa-school-circle-check:before {
content: "\E56B";
}
.fa-school-circle-exclamation:before {
content: "\E56C";
}
.fa-school-circle-xmark:before {
content: "\E56D";
}
.fa-school-flag:before {
content: "\E56E";
}
.fa-school-lock:before {
content: "\E56F";
}
.fa-cut:before,
.fa-scissors:before {
content: "\F0C4";
}
.fa-screwdriver:before {
content: "\F54A";
}
.fa-screwdriver-wrench:before,
.fa-tools:before {
content: "\F7D9";
}
.fa-scroll:before {
content: "\F70E";
}
.fa-scroll-torah:before,
.fa-torah:before {
content: "\F6A0";
}
.fa-sd-card:before {
content: "\F7C2";
}
.fa-section:before {
content: "\E447";
}
.fa-seedling:before,
.fa-sprout:before {
content: "\F4D8";
}
.fa-server:before {
content: "\F233";
}
.fa-shapes:before,
.fa-triangle-circle-square:before {
content: "\F61F";
}
.fa-arrow-turn-right:before,
.fa-mail-forward:before,
.fa-share:before {
content: "\F064";
}
.fa-share-from-square:before,
.fa-share-square:before {
content: "\F14D";
}
.fa-share-alt:before,
.fa-share-nodes:before {
content: "\F1E0";
}
.fa-sheet-plastic:before {
content: "\E571";
}
.fa-ils:before,
.fa-shekel-sign:before,
.fa-shekel:before,
.fa-sheqel-sign:before,
.fa-sheqel:before {
content: "\F20B";
}
.fa-shield-blank:before,
.fa-shield:before {
content: "\F132";
}
.fa-shield-cat:before {
content: "\E572";
}
.fa-shield-dog:before {
content: "\E573";
}
.fa-shield-alt:before,
.fa-shield-halved:before {
content: "\F3ED";
}
.fa-shield-heart:before {
content: "\E574";
}
.fa-shield-virus:before {
content: "\E06C";
}
.fa-ship:before {
content: "\F21A";
}
.fa-shirt:before,
.fa-t-shirt:before,
.fa-tshirt:before {
content: "\F553";
}
.fa-shoe-prints:before {
content: "\F54B";
}
.fa-shop:before,
.fa-store-alt:before {
content: "\F54F";
}
.fa-shop-lock:before {
content: "\E4A5";
}
.fa-shop-slash:before,
.fa-store-alt-slash:before {
content: "\E070";
}
.fa-shower:before {
content: "\F2CC";
}
.fa-shrimp:before {
content: "\E448";
}
.fa-random:before,
.fa-shuffle:before {
content: "\F074";
}
.fa-shuttle-space:before,
.fa-space-shuttle:before {
content: "\F197";
}
.fa-sign-hanging:before,
.fa-sign:before {
content: "\F4D9";
}
.fa-signal-5:before,
.fa-signal-perfect:before,
.fa-signal:before {
content: "\F012";
}
.fa-signature:before {
content: "\F5B7";
}
.fa-map-signs:before,
.fa-signs-post:before {
content: "\F277";
}
.fa-sim-card:before {
content: "\F7C4";
}
.fa-sink:before {
content: "\E06D";
}
.fa-sitemap:before {
content: "\F0E8";
}
.fa-skull:before {
content: "\F54C";
}
.fa-skull-crossbones:before {
content: "\F714";
}
.fa-slash:before {
content: "\F715";
}
.fa-sleigh:before {
content: "\F7CC";
}
.fa-sliders-h:before,
.fa-sliders:before {
content: "\F1DE";
}
.fa-smog:before {
content: "\F75F";
}
.fa-smoking:before {
content: "\F48D";
}
.fa-snowflake:before {
content: "\F2DC";
}
.fa-snowman:before {
content: "\F7D0";
}
.fa-snowplow:before {
content: "\F7D2";
}
.fa-soap:before {
content: "\E06E";
}
.fa-socks:before {
content: "\F696";
}
.fa-solar-panel:before {
content: "\F5BA";
}
.fa-sort:before,
.fa-unsorted:before {
content: "\F0DC";
}
.fa-sort-desc:before,
.fa-sort-down:before {
content: "\F0DD";
}
.fa-sort-asc:before,
.fa-sort-up:before {
content: "\F0DE";
}
.fa-spa:before {
content: "\F5BB";
}
.fa-pastafarianism:before,
.fa-spaghetti-monster-flying:before {
content: "\F67B";
}
.fa-spell-check:before {
content: "\F891";
}
.fa-spider:before {
content: "\F717";
}
.fa-spinner:before {
content: "\F110";
}
.fa-splotch:before {
content: "\F5BC";
}
.fa-spoon:before,
.fa-utensil-spoon:before {
content: "\F2E5";
}
.fa-spray-can:before {
content: "\F5BD";
}
.fa-air-freshener:before,
.fa-spray-can-sparkles:before {
content: "\F5D0";
}
.fa-square:before {
content: "\F0C8";
}
.fa-external-link-square:before,
.fa-square-arrow-up-right:before {
content: "\F14C";
}
.fa-caret-square-down:before,
.fa-square-caret-down:before {
content: "\F150";
}
.fa-caret-square-left:before,
.fa-square-caret-left:before {
content: "\F191";
}
.fa-caret-square-right:before,
.fa-square-caret-right:before {
content: "\F152";
}
.fa-caret-square-up:before,
.fa-square-caret-up:before {
content: "\F151";
}
.fa-check-square:before,
.fa-square-check:before {
content: "\F14A";
}
.fa-envelope-square:before,
.fa-square-envelope:before {
content: "\F199";
}
.fa-square-full:before {
content: "\F45C";
}
.fa-h-square:before,
.fa-square-h:before {
content: "\F0FD";
}
.fa-minus-square:before,
.fa-square-minus:before {
content: "\F146";
}
.fa-square-nfi:before {
content: "\E576";
}
.fa-parking:before,
.fa-square-parking:before {
content: "\F540";
}
.fa-pen-square:before,
.fa-pencil-square:before,
.fa-square-pen:before {
content: "\F14B";
}
.fa-square-person-confined:before {
content: "\E577";
}
.fa-phone-square:before,
.fa-square-phone:before {
content: "\F098";
}
.fa-phone-square-alt:before,
.fa-square-phone-flip:before {
content: "\F87B";
}
.fa-plus-square:before,
.fa-square-plus:before {
content: "\F0FE";
}
.fa-poll-h:before,
.fa-square-poll-horizontal:before {
content: "\F682";
}
.fa-poll:before,
.fa-square-poll-vertical:before {
content: "\F681";
}
.fa-square-root-alt:before,
.fa-square-root-variable:before {
content: "\F698";
}
.fa-rss-square:before,
.fa-square-rss:before {
content: "\F143";
}
.fa-share-alt-square:before,
.fa-square-share-nodes:before {
content: "\F1E1";
}
.fa-external-link-square-alt:before,
.fa-square-up-right:before {
content: "\F360";
}
.fa-square-virus:before {
content: "\E578";
}
.fa-square-xmark:before,
.fa-times-square:before,
.fa-xmark-square:before {
content: "\F2D3";
}
.fa-rod-asclepius:before,
.fa-rod-snake:before,
.fa-staff-aesculapius:before,
.fa-staff-snake:before {
content: "\E579";
}
.fa-stairs:before {
content: "\E289";
}
.fa-stamp:before {
content: "\F5BF";
}
.fa-star:before {
content: "\F005";
}
.fa-star-and-crescent:before {
content: "\F699";
}
.fa-star-half:before {
content: "\F089";
}
.fa-star-half-alt:before,
.fa-star-half-stroke:before {
content: "\F5C0";
}
.fa-star-of-david:before {
content: "\F69A";
}
.fa-star-of-life:before {
content: "\F621";
}
.fa-gbp:before,
.fa-pound-sign:before,
.fa-sterling-sign:before {
content: "\F154";
}
.fa-stethoscope:before {
content: "\F0F1";
}
.fa-stop:before {
content: "\F04D";
}
.fa-stopwatch:before {
content: "\F2F2";
}
.fa-stopwatch-20:before {
content: "\E06F";
}
.fa-store:before {
content: "\F54E";
}
.fa-store-slash:before {
content: "\E071";
}
.fa-street-view:before {
content: "\F21D";
}
.fa-strikethrough:before {
content: "\F0CC";
}
.fa-stroopwafel:before {
content: "\F551";
}
.fa-subscript:before {
content: "\F12C";
}
.fa-suitcase:before {
content: "\F0F2";
}
.fa-medkit:before,
.fa-suitcase-medical:before {
content: "\F0FA";
}
.fa-suitcase-rolling:before {
content: "\F5C1";
}
.fa-sun:before {
content: "\F185";
}
.fa-sun-plant-wilt:before {
content: "\E57A";
}
.fa-superscript:before {
content: "\F12B";
}
.fa-swatchbook:before {
content: "\F5C3";
}
.fa-synagogue:before {
content: "\F69B";
}
.fa-syringe:before {
content: "\F48E";
}
.fa-t:before {
content: "T";
}
.fa-table:before {
content: "\F0CE";
}
.fa-table-cells:before,
.fa-th:before {
content: "\F00A";
}
.fa-table-cells-large:before,
.fa-th-large:before {
content: "\F009";
}
.fa-columns:before,
.fa-table-columns:before {
content: "\F0DB";
}
.fa-table-list:before,
.fa-th-list:before {
content: "\F00B";
}
.fa-ping-pong-paddle-ball:before,
.fa-table-tennis-paddle-ball:before,
.fa-table-tennis:before {
content: "\F45D";
}
.fa-tablet-android:before,
.fa-tablet:before {
content: "\F3FB";
}
.fa-tablet-button:before {
content: "\F10A";
}
.fa-tablet-alt:before,
.fa-tablet-screen-button:before {
content: "\F3FA";
}
.fa-tablets:before {
content: "\F490";
}
.fa-digital-tachograph:before,
.fa-tachograph-digital:before {
content: "\F566";
}
.fa-tag:before {
content: "\F02B";
}
.fa-tags:before {
content: "\F02C";
}
.fa-tape:before {
content: "\F4DB";
}
.fa-tarp:before {
content: "\E57B";
}
.fa-tarp-droplet:before {
content: "\E57C";
}
.fa-cab:before,
.fa-taxi:before {
content: "\F1BA";
}
.fa-teeth:before {
content: "\F62E";
}
.fa-teeth-open:before {
content: "\F62F";
}
.fa-temperature-arrow-down:before,
.fa-temperature-down:before {
content: "\E03F";
}
.fa-temperature-arrow-up:before,
.fa-temperature-up:before {
content: "\E040";
}
.fa-temperature-0:before,
.fa-temperature-empty:before,
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\F2CB";
}
.fa-temperature-4:before,
.fa-temperature-full:before,
.fa-thermometer-4:before,
.fa-thermometer-full:before {
content: "\F2C7";
}
.fa-temperature-2:before,
.fa-temperature-half:before,
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\F2C9";
}
.fa-temperature-high:before {
content: "\F769";
}
.fa-temperature-low:before {
content: "\F76B";
}
.fa-temperature-1:before,
.fa-temperature-quarter:before,
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\F2CA";
}
.fa-temperature-3:before,
.fa-temperature-three-quarters:before,
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\F2C8";
}
.fa-tenge-sign:before,
.fa-tenge:before {
content: "\F7D7";
}
.fa-tent:before {
content: "\E57D";
}
.fa-tent-arrow-down-to-line:before {
content: "\E57E";
}
.fa-tent-arrow-left-right:before {
content: "\E57F";
}
.fa-tent-arrow-turn-left:before {
content: "\E580";
}
.fa-tent-arrows-down:before {
content: "\E581";
}
.fa-tents:before {
content: "\E582";
}
.fa-terminal:before {
content: "\F120";
}
.fa-text-height:before {
content: "\F034";
}
.fa-remove-format:before,
.fa-text-slash:before {
content: "\F87D";
}
.fa-text-width:before {
content: "\F035";
}
.fa-thermometer:before {
content: "\F491";
}
.fa-thumbs-down:before {
content: "\F165";
}
.fa-thumbs-up:before {
content: "\F164";
}
.fa-thumb-tack:before,
.fa-thumbtack:before {
content: "\F08D";
}
.fa-ticket:before {
content: "\F145";
}
.fa-ticket-alt:before,
.fa-ticket-simple:before {
content: "\F3FF";
}
.fa-timeline:before {
content: "\E29C";
}
.fa-toggle-off:before {
content: "\F204";
}
.fa-toggle-on:before {
content: "\F205";
}
.fa-toilet:before {
content: "\F7D8";
}
.fa-toilet-paper:before {
content: "\F71E";
}
.fa-toilet-paper-slash:before {
content: "\E072";
}
.fa-toilet-portable:before {
content: "\E583";
}
.fa-toilets-portable:before {
content: "\E584";
}
.fa-toolbox:before {
content: "\F552";
}
.fa-tooth:before {
content: "\F5C9";
}
.fa-torii-gate:before {
content: "\F6A1";
}
.fa-tornado:before {
content: "\F76F";
}
.fa-broadcast-tower:before,
.fa-tower-broadcast:before {
content: "\F519";
}
.fa-tower-cell:before {
content: "\E585";
}
.fa-tower-observation:before {
content: "\E586";
}
.fa-tractor:before {
content: "\F722";
}
.fa-trademark:before {
content: "\F25C";
}
.fa-traffic-light:before {
content: "\F637";
}
.fa-trailer:before {
content: "\E041";
}
.fa-train:before {
content: "\F238";
}
.fa-subway:before,
.fa-train-subway:before {
content: "\F239";
}
.fa-train-tram:before,
.fa-tram:before {
content: "\F7DA";
}
.fa-transgender-alt:before,
.fa-transgender:before {
content: "\F225";
}
.fa-trash:before {
content: "\F1F8";
}
.fa-trash-arrow-up:before,
.fa-trash-restore:before {
content: "\F829";
}
.fa-trash-alt:before,
.fa-trash-can:before {
content: "\F2ED";
}
.fa-trash-can-arrow-up:before,
.fa-trash-restore-alt:before {
content: "\F82A";
}
.fa-tree:before {
content: "\F1BB";
}
.fa-tree-city:before {
content: "\E587";
}
.fa-exclamation-triangle:before,
.fa-triangle-exclamation:before,
.fa-warning:before {
content: "\F071";
}
.fa-trophy:before {
content: "\F091";
}
.fa-trowel:before {
content: "\E589";
}
.fa-trowel-bricks:before {
content: "\E58A";
}
.fa-truck:before {
content: "\F0D1";
}
.fa-truck-arrow-right:before {
content: "\E58B";
}
.fa-truck-droplet:before {
content: "\E58C";
}
.fa-shipping-fast:before,
.fa-truck-fast:before {
content: "\F48B";
}
.fa-truck-field:before {
content: "\E58D";
}
.fa-truck-field-un:before {
content: "\E58E";
}
.fa-truck-front:before {
content: "\E2B7";
}
.fa-ambulance:before,
.fa-truck-medical:before {
content: "\F0F9";
}
.fa-truck-monster:before {
content: "\F63B";
}
.fa-truck-moving:before {
content: "\F4DF";
}
.fa-truck-pickup:before {
content: "\F63C";
}
.fa-truck-plane:before {
content: "\E58F";
}
.fa-truck-loading:before,
.fa-truck-ramp-box:before {
content: "\F4DE";
}
.fa-teletype:before,
.fa-tty:before {
content: "\F1E4";
}
.fa-try:before,
.fa-turkish-lira-sign:before,
.fa-turkish-lira:before {
content: "\E2BB";
}
.fa-level-down-alt:before,
.fa-turn-down:before {
content: "\F3BE";
}
.fa-level-up-alt:before,
.fa-turn-up:before {
content: "\F3BF";
}
.fa-television:before,
.fa-tv-alt:before,
.fa-tv:before {
content: "\F26C";
}
.fa-u:before {
content: "U";
}
.fa-umbrella:before {
content: "\F0E9";
}
.fa-umbrella-beach:before {
content: "\F5CA";
}
.fa-underline:before {
content: "\F0CD";
}
.fa-universal-access:before {
content: "\F29A";
}
.fa-unlock:before {
content: "\F09C";
}
.fa-unlock-alt:before,
.fa-unlock-keyhole:before {
content: "\F13E";
}
.fa-arrows-alt-v:before,
.fa-up-down:before {
content: "\F338";
}
.fa-arrows-alt:before,
.fa-up-down-left-right:before {
content: "\F0B2";
}
.fa-long-arrow-alt-up:before,
.fa-up-long:before {
content: "\F30C";
}
.fa-expand-alt:before,
.fa-up-right-and-down-left-from-center:before {
content: "\F424";
}
.fa-external-link-alt:before,
.fa-up-right-from-square:before {
content: "\F35D";
}
.fa-upload:before {
content: "\F093";
}
.fa-user:before {
content: "\F007";
}
.fa-user-astronaut:before {
content: "\F4FB";
}
.fa-user-check:before {
content: "\F4FC";
}
.fa-user-clock:before {
content: "\F4FD";
}
.fa-user-doctor:before,
.fa-user-md:before {
content: "\F0F0";
}
.fa-user-cog:before,
.fa-user-gear:before {
content: "\F4FE";
}
.fa-user-graduate:before {
content: "\F501";
}
.fa-user-friends:before,
.fa-user-group:before {
content: "\F500";
}
.fa-user-injured:before {
content: "\F728";
}
.fa-user-alt:before,
.fa-user-large:before {
content: "\F406";
}
.fa-user-alt-slash:before,
.fa-user-large-slash:before {
content: "\F4FA";
}
.fa-user-lock:before {
content: "\F502";
}
.fa-user-minus:before {
content: "\F503";
}
.fa-user-ninja:before {
content: "\F504";
}
.fa-user-nurse:before {
content: "\F82F";
}
.fa-user-edit:before,
.fa-user-pen:before {
content: "\F4FF";
}
.fa-user-plus:before {
content: "\F234";
}
.fa-user-secret:before {
content: "\F21B";
}
.fa-user-shield:before {
content: "\F505";
}
.fa-user-slash:before {
content: "\F506";
}
.fa-user-tag:before {
content: "\F507";
}
.fa-user-tie:before {
content: "\F508";
}
.fa-user-times:before,
.fa-user-xmark:before {
content: "\F235";
}
.fa-users:before {
content: "\F0C0";
}
.fa-users-between-lines:before {
content: "\E591";
}
.fa-users-cog:before,
.fa-users-gear:before {
content: "\F509";
}
.fa-users-line:before {
content: "\E592";
}
.fa-users-rays:before {
content: "\E593";
}
.fa-users-rectangle:before {
content: "\E594";
}
.fa-users-slash:before {
content: "\E073";
}
.fa-users-viewfinder:before {
content: "\E595";
}
.fa-cutlery:before,
.fa-utensils:before {
content: "\F2E7";
}
.fa-v:before {
content: "V";
}
.fa-shuttle-van:before,
.fa-van-shuttle:before {
content: "\F5B6";
}
.fa-vault:before {
content: "\E2C5";
}
.fa-vector-square:before {
content: "\F5CB";
}
.fa-venus:before {
content: "\F221";
}
.fa-venus-double:before {
content: "\F226";
}
.fa-venus-mars:before {
content: "\F228";
}
.fa-vest:before {
content: "\E085";
}
.fa-vest-patches:before {
content: "\E086";
}
.fa-vial:before {
content: "\F492";
}
.fa-vial-circle-check:before {
content: "\E596";
}
.fa-vial-virus:before {
content: "\E597";
}
.fa-vials:before {
content: "\F493";
}
.fa-video-camera:before,
.fa-video:before {
content: "\F03D";
}
.fa-video-slash:before {
content: "\F4E2";
}
.fa-vihara:before {
content: "\F6A7";
}
.fa-virus:before {
content: "\E074";
}
.fa-virus-covid:before {
content: "\E4A8";
}
.fa-virus-covid-slash:before {
content: "\E4A9";
}
.fa-virus-slash:before {
content: "\E075";
}
.fa-viruses:before {
content: "\E076";
}
.fa-voicemail:before {
content: "\F897";
}
.fa-volcano:before {
content: "\F770";
}
.fa-volleyball-ball:before,
.fa-volleyball:before {
content: "\F45F";
}
.fa-volume-high:before,
.fa-volume-up:before {
content: "\F028";
}
.fa-volume-down:before,
.fa-volume-low:before {
content: "\F027";
}
.fa-volume-off:before {
content: "\F026";
}
.fa-volume-mute:before,
.fa-volume-times:before,
.fa-volume-xmark:before {
content: "\F6A9";
}
.fa-vr-cardboard:before {
content: "\F729";
}
.fa-w:before {
content: "W";
}
.fa-walkie-talkie:before {
content: "\F8EF";
}
.fa-wallet:before {
content: "\F555";
}
.fa-magic:before,
.fa-wand-magic:before {
content: "\F0D0";
}
.fa-magic-wand-sparkles:before,
.fa-wand-magic-sparkles:before {
content: "\E2CA";
}
.fa-wand-sparkles:before {
content: "\F72B";
}
.fa-warehouse:before {
content: "\F494";
}
.fa-water:before {
content: "\F773";
}
.fa-ladder-water:before,
.fa-swimming-pool:before,
.fa-water-ladder:before {
content: "\F5C5";
}
.fa-wave-square:before {
content: "\F83E";
}
.fa-weight-hanging:before {
content: "\F5CD";
}
.fa-weight-scale:before,
.fa-weight:before {
content: "\F496";
}
.fa-wheat-alt:before,
.fa-wheat-awn:before {
content: "\E2CD";
}
.fa-wheat-awn-circle-exclamation:before {
content: "\E598";
}
.fa-wheelchair:before {
content: "\F193";
}
.fa-wheelchair-alt:before,
.fa-wheelchair-move:before {
content: "\E2CE";
}
.fa-glass-whiskey:before,
.fa-whiskey-glass:before {
content: "\F7A0";
}
.fa-wifi-3:before,
.fa-wifi-strong:before,
.fa-wifi:before {
content: "\F1EB";
}
.fa-wind:before {
content: "\F72E";
}
.fa-window-maximize:before {
content: "\F2D0";
}
.fa-window-minimize:before {
content: "\F2D1";
}
.fa-window-restore:before {
content: "\F2D2";
}
.fa-wine-bottle:before {
content: "\F72F";
}
.fa-wine-glass:before {
content: "\F4E3";
}
.fa-wine-glass-alt:before,
.fa-wine-glass-empty:before {
content: "\F5CE";
}
.fa-krw:before,
.fa-won-sign:before,
.fa-won:before {
content: "\F159";
}
.fa-worm:before {
content: "\E599";
}
.fa-wrench:before {
content: "\F0AD";
}
.fa-x:before {
content: "X";
}
.fa-x-ray:before {
content: "\F497";
}
.fa-close:before,
.fa-multiply:before,
.fa-remove:before,
.fa-times:before,
.fa-xmark:before {
content: "\F00D";
}
.fa-xmarks-lines:before {
content: "\E59A";
}
.fa-y:before {
content: "Y";
}
.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen-sign:before,
.fa-yen:before {
content: "\F157";
}
.fa-yin-yang:before {
content: "\F6AD";
}
.fa-z:before {
content: "Z";
}
.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
:host,
:root {
--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
font-family: Font Awesome\6 Brands;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?cd2b4095e9ce66cde642c3502a4022d9) format("woff2"),
url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?a78ffbbed2d858c61e068e3b756c9988) format("truetype");
}
.fa-brands,
.fab {
font-family: Font Awesome\6 Brands;
font-weight: 400;
}
.fa-42-group:before,
.fa-innosoft:before {
content: "\E080";
}
.fa-500px:before {
content: "\F26E";
}
.fa-accessible-icon:before {
content: "\F368";
}
.fa-accusoft:before {
content: "\F369";
}
.fa-adn:before {
content: "\F170";
}
.fa-adversal:before {
content: "\F36A";
}
.fa-affiliatetheme:before {
content: "\F36B";
}
.fa-airbnb:before {
content: "\F834";
}
.fa-algolia:before {
content: "\F36C";
}
.fa-alipay:before {
content: "\F642";
}
.fa-amazon:before {
content: "\F270";
}
.fa-amazon-pay:before {
content: "\F42C";
}
.fa-amilia:before {
content: "\F36D";
}
.fa-android:before {
content: "\F17B";
}
.fa-angellist:before {
content: "\F209";
}
.fa-angrycreative:before {
content: "\F36E";
}
.fa-angular:before {
content: "\F420";
}
.fa-app-store:before {
content: "\F36F";
}
.fa-app-store-ios:before {
content: "\F370";
}
.fa-apper:before {
content: "\F371";
}
.fa-apple:before {
content: "\F179";
}
.fa-apple-pay:before {
content: "\F415";
}
.fa-artstation:before {
content: "\F77A";
}
.fa-asymmetrik:before {
content: "\F372";
}
.fa-atlassian:before {
content: "\F77B";
}
.fa-audible:before {
content: "\F373";
}
.fa-autoprefixer:before {
content: "\F41C";
}
.fa-avianex:before {
content: "\F374";
}
.fa-aviato:before {
content: "\F421";
}
.fa-aws:before {
content: "\F375";
}
.fa-bandcamp:before {
content: "\F2D5";
}
.fa-battle-net:before {
content: "\F835";
}
.fa-behance:before {
content: "\F1B4";
}
.fa-behance-square:before {
content: "\F1B5";
}
.fa-bilibili:before {
content: "\E3D9";
}
.fa-bimobject:before {
content: "\F378";
}
.fa-bitbucket:before {
content: "\F171";
}
.fa-bitcoin:before {
content: "\F379";
}
.fa-bity:before {
content: "\F37A";
}
.fa-black-tie:before {
content: "\F27E";
}
.fa-blackberry:before {
content: "\F37B";
}
.fa-blogger:before {
content: "\F37C";
}
.fa-blogger-b:before {
content: "\F37D";
}
.fa-bluetooth:before {
content: "\F293";
}
.fa-bluetooth-b:before {
content: "\F294";
}
.fa-bootstrap:before {
content: "\F836";
}
.fa-bots:before {
content: "\E340";
}
.fa-btc:before {
content: "\F15A";
}
.fa-buffer:before {
content: "\F837";
}
.fa-buromobelexperte:before {
content: "\F37F";
}
.fa-buy-n-large:before {
content: "\F8A6";
}
.fa-buysellads:before {
content: "\F20D";
}
.fa-canadian-maple-leaf:before {
content: "\F785";
}
.fa-cc-amazon-pay:before {
content: "\F42D";
}
.fa-cc-amex:before {
content: "\F1F3";
}
.fa-cc-apple-pay:before {
content: "\F416";
}
.fa-cc-diners-club:before {
content: "\F24C";
}
.fa-cc-discover:before {
content: "\F1F2";
}
.fa-cc-jcb:before {
content: "\F24B";
}
.fa-cc-mastercard:before {
content: "\F1F1";
}
.fa-cc-paypal:before {
content: "\F1F4";
}
.fa-cc-stripe:before {
content: "\F1F5";
}
.fa-cc-visa:before {
content: "\F1F0";
}
.fa-centercode:before {
content: "\F380";
}
.fa-centos:before {
content: "\F789";
}
.fa-chrome:before {
content: "\F268";
}
.fa-chromecast:before {
content: "\F838";
}
.fa-cloudflare:before {
content: "\E07D";
}
.fa-cloudscale:before {
content: "\F383";
}
.fa-cloudsmith:before {
content: "\F384";
}
.fa-cloudversify:before {
content: "\F385";
}
.fa-cmplid:before {
content: "\E360";
}
.fa-codepen:before {
content: "\F1CB";
}
.fa-codiepie:before {
content: "\F284";
}
.fa-confluence:before {
content: "\F78D";
}
.fa-connectdevelop:before {
content: "\F20E";
}
.fa-contao:before {
content: "\F26D";
}
.fa-cotton-bureau:before {
content: "\F89E";
}
.fa-cpanel:before {
content: "\F388";
}
.fa-creative-commons:before {
content: "\F25E";
}
.fa-creative-commons-by:before {
content: "\F4E7";
}
.fa-creative-commons-nc:before {
content: "\F4E8";
}
.fa-creative-commons-nc-eu:before {
content: "\F4E9";
}
.fa-creative-commons-nc-jp:before {
content: "\F4EA";
}
.fa-creative-commons-nd:before {
content: "\F4EB";
}
.fa-creative-commons-pd:before {
content: "\F4EC";
}
.fa-creative-commons-pd-alt:before {
content: "\F4ED";
}
.fa-creative-commons-remix:before {
content: "\F4EE";
}
.fa-creative-commons-sa:before {
content: "\F4EF";
}
.fa-creative-commons-sampling:before {
content: "\F4F0";
}
.fa-creative-commons-sampling-plus:before {
content: "\F4F1";
}
.fa-creative-commons-share:before {
content: "\F4F2";
}
.fa-creative-commons-zero:before {
content: "\F4F3";
}
.fa-critical-role:before {
content: "\F6C9";
}
.fa-css3:before {
content: "\F13C";
}
.fa-css3-alt:before {
content: "\F38B";
}
.fa-cuttlefish:before {
content: "\F38C";
}
.fa-d-and-d:before {
content: "\F38D";
}
.fa-d-and-d-beyond:before {
content: "\F6CA";
}
.fa-dailymotion:before {
content: "\E052";
}
.fa-dashcube:before {
content: "\F210";
}
.fa-deezer:before {
content: "\E077";
}
.fa-delicious:before {
content: "\F1A5";
}
.fa-deploydog:before {
content: "\F38E";
}
.fa-deskpro:before {
content: "\F38F";
}
.fa-dev:before {
content: "\F6CC";
}
.fa-deviantart:before {
content: "\F1BD";
}
.fa-dhl:before {
content: "\F790";
}
.fa-diaspora:before {
content: "\F791";
}
.fa-digg:before {
content: "\F1A6";
}
.fa-digital-ocean:before {
content: "\F391";
}
.fa-discord:before {
content: "\F392";
}
.fa-discourse:before {
content: "\F393";
}
.fa-dochub:before {
content: "\F394";
}
.fa-docker:before {
content: "\F395";
}
.fa-draft2digital:before {
content: "\F396";
}
.fa-dribbble:before {
content: "\F17D";
}
.fa-dribbble-square:before {
content: "\F397";
}
.fa-dropbox:before {
content: "\F16B";
}
.fa-drupal:before {
content: "\F1A9";
}
.fa-dyalog:before {
content: "\F399";
}
.fa-earlybirds:before {
content: "\F39A";
}
.fa-ebay:before {
content: "\F4F4";
}
.fa-edge:before {
content: "\F282";
}
.fa-edge-legacy:before {
content: "\E078";
}
.fa-elementor:before {
content: "\F430";
}
.fa-ello:before {
content: "\F5F1";
}
.fa-ember:before {
content: "\F423";
}
.fa-empire:before {
content: "\F1D1";
}
.fa-envira:before {
content: "\F299";
}
.fa-erlang:before {
content: "\F39D";
}
.fa-ethereum:before {
content: "\F42E";
}
.fa-etsy:before {
content: "\F2D7";
}
.fa-evernote:before {
content: "\F839";
}
.fa-expeditedssl:before {
content: "\F23E";
}
.fa-facebook:before {
content: "\F09A";
}
.fa-facebook-f:before {
content: "\F39E";
}
.fa-facebook-messenger:before {
content: "\F39F";
}
.fa-facebook-square:before {
content: "\F082";
}
.fa-fantasy-flight-games:before {
content: "\F6DC";
}
.fa-fedex:before {
content: "\F797";
}
.fa-fedora:before {
content: "\F798";
}
.fa-figma:before {
content: "\F799";
}
.fa-firefox:before {
content: "\F269";
}
.fa-firefox-browser:before {
content: "\E007";
}
.fa-first-order:before {
content: "\F2B0";
}
.fa-first-order-alt:before {
content: "\F50A";
}
.fa-firstdraft:before {
content: "\F3A1";
}
.fa-flickr:before {
content: "\F16E";
}
.fa-flipboard:before {
content: "\F44D";
}
.fa-fly:before {
content: "\F417";
}
.fa-font-awesome-flag:before,
.fa-font-awesome-logo-full:before,
.fa-font-awesome:before {
content: "\F2B4";
}
.fa-fonticons:before {
content: "\F280";
}
.fa-fonticons-fi:before {
content: "\F3A2";
}
.fa-fort-awesome:before {
content: "\F286";
}
.fa-fort-awesome-alt:before {
content: "\F3A3";
}
.fa-forumbee:before {
content: "\F211";
}
.fa-foursquare:before {
content: "\F180";
}
.fa-free-code-camp:before {
content: "\F2C5";
}
.fa-freebsd:before {
content: "\F3A4";
}
.fa-fulcrum:before {
content: "\F50B";
}
.fa-galactic-republic:before {
content: "\F50C";
}
.fa-galactic-senate:before {
content: "\F50D";
}
.fa-get-pocket:before {
content: "\F265";
}
.fa-gg:before {
content: "\F260";
}
.fa-gg-circle:before {
content: "\F261";
}
.fa-git:before {
content: "\F1D3";
}
.fa-git-alt:before {
content: "\F841";
}
.fa-git-square:before {
content: "\F1D2";
}
.fa-github:before {
content: "\F09B";
}
.fa-github-alt:before {
content: "\F113";
}
.fa-github-square:before {
content: "\F092";
}
.fa-gitkraken:before {
content: "\F3A6";
}
.fa-gitlab:before {
content: "\F296";
}
.fa-gitter:before {
content: "\F426";
}
.fa-glide:before {
content: "\F2A5";
}
.fa-glide-g:before {
content: "\F2A6";
}
.fa-gofore:before {
content: "\F3A7";
}
.fa-golang:before {
content: "\E40F";
}
.fa-goodreads:before {
content: "\F3A8";
}
.fa-goodreads-g:before {
content: "\F3A9";
}
.fa-google:before {
content: "\F1A0";
}
.fa-google-drive:before {
content: "\F3AA";
}
.fa-google-pay:before {
content: "\E079";
}
.fa-google-play:before {
content: "\F3AB";
}
.fa-google-plus:before {
content: "\F2B3";
}
.fa-google-plus-g:before {
content: "\F0D5";
}
.fa-google-plus-square:before {
content: "\F0D4";
}
.fa-google-wallet:before {
content: "\F1EE";
}
.fa-gratipay:before {
content: "\F184";
}
.fa-grav:before {
content: "\F2D6";
}
.fa-gripfire:before {
content: "\F3AC";
}
.fa-grunt:before {
content: "\F3AD";
}
.fa-guilded:before {
content: "\E07E";
}
.fa-gulp:before {
content: "\F3AE";
}
.fa-hacker-news:before {
content: "\F1D4";
}
.fa-hacker-news-square:before {
content: "\F3AF";
}
.fa-hackerrank:before {
content: "\F5F7";
}
.fa-hashnode:before {
content: "\E499";
}
.fa-hips:before {
content: "\F452";
}
.fa-hire-a-helper:before {
content: "\F3B0";
}
.fa-hive:before {
content: "\E07F";
}
.fa-hooli:before {
content: "\F427";
}
.fa-hornbill:before {
content: "\F592";
}
.fa-hotjar:before {
content: "\F3B1";
}
.fa-houzz:before {
content: "\F27C";
}
.fa-html5:before {
content: "\F13B";
}
.fa-hubspot:before {
content: "\F3B2";
}
.fa-ideal:before {
content: "\E013";
}
.fa-imdb:before {
content: "\F2D8";
}
.fa-instagram:before {
content: "\F16D";
}
.fa-instagram-square:before {
content: "\E055";
}
.fa-instalod:before {
content: "\E081";
}
.fa-intercom:before {
content: "\F7AF";
}
.fa-internet-explorer:before {
content: "\F26B";
}
.fa-invision:before {
content: "\F7B0";
}
.fa-ioxhost:before {
content: "\F208";
}
.fa-itch-io:before {
content: "\F83A";
}
.fa-itunes:before {
content: "\F3B4";
}
.fa-itunes-note:before {
content: "\F3B5";
}
.fa-java:before {
content: "\F4E4";
}
.fa-jedi-order:before {
content: "\F50E";
}
.fa-jenkins:before {
content: "\F3B6";
}
.fa-jira:before {
content: "\F7B1";
}
.fa-joget:before {
content: "\F3B7";
}
.fa-joomla:before {
content: "\F1AA";
}
.fa-js:before {
content: "\F3B8";
}
.fa-js-square:before {
content: "\F3B9";
}
.fa-jsfiddle:before {
content: "\F1CC";
}
.fa-kaggle:before {
content: "\F5FA";
}
.fa-keybase:before {
content: "\F4F5";
}
.fa-keycdn:before {
content: "\F3BA";
}
.fa-kickstarter:before {
content: "\F3BB";
}
.fa-kickstarter-k:before {
content: "\F3BC";
}
.fa-korvue:before {
content: "\F42F";
}
.fa-laravel:before {
content: "\F3BD";
}
.fa-lastfm:before {
content: "\F202";
}
.fa-lastfm-square:before {
content: "\F203";
}
.fa-leanpub:before {
content: "\F212";
}
.fa-less:before {
content: "\F41D";
}
.fa-line:before {
content: "\F3C0";
}
.fa-linkedin:before {
content: "\F08C";
}
.fa-linkedin-in:before {
content: "\F0E1";
}
.fa-linode:before {
content: "\F2B8";
}
.fa-linux:before {
content: "\F17C";
}
.fa-lyft:before {
content: "\F3C3";
}
.fa-magento:before {
content: "\F3C4";
}
.fa-mailchimp:before {
content: "\F59E";
}
.fa-mandalorian:before {
content: "\F50F";
}
.fa-markdown:before {
content: "\F60F";
}
.fa-mastodon:before {
content: "\F4F6";
}
.fa-maxcdn:before {
content: "\F136";
}
.fa-mdb:before {
content: "\F8CA";
}
.fa-medapps:before {
content: "\F3C6";
}
.fa-medium-m:before,
.fa-medium:before {
content: "\F23A";
}
.fa-medrt:before {
content: "\F3C8";
}
.fa-meetup:before {
content: "\F2E0";
}
.fa-megaport:before {
content: "\F5A3";
}
.fa-mendeley:before {
content: "\F7B3";
}
.fa-microblog:before {
content: "\E01A";
}
.fa-microsoft:before {
content: "\F3CA";
}
.fa-mix:before {
content: "\F3CB";
}
.fa-mixcloud:before {
content: "\F289";
}
.fa-mixer:before {
content: "\E056";
}
.fa-mizuni:before {
content: "\F3CC";
}
.fa-modx:before {
content: "\F285";
}
.fa-monero:before {
content: "\F3D0";
}
.fa-napster:before {
content: "\F3D2";
}
.fa-neos:before {
content: "\F612";
}
.fa-nfc-directional:before {
content: "\E530";
}
.fa-nfc-symbol:before {
content: "\E531";
}
.fa-nimblr:before {
content: "\F5A8";
}
.fa-node:before {
content: "\F419";
}
.fa-node-js:before {
content: "\F3D3";
}
.fa-npm:before {
content: "\F3D4";
}
.fa-ns8:before {
content: "\F3D5";
}
.fa-nutritionix:before {
content: "\F3D6";
}
.fa-octopus-deploy:before {
content: "\E082";
}
.fa-odnoklassniki:before {
content: "\F263";
}
.fa-odnoklassniki-square:before {
content: "\F264";
}
.fa-old-republic:before {
content: "\F510";
}
.fa-opencart:before {
content: "\F23D";
}
.fa-openid:before {
content: "\F19B";
}
.fa-opera:before {
content: "\F26A";
}
.fa-optin-monster:before {
content: "\F23C";
}
.fa-orcid:before {
content: "\F8D2";
}
.fa-osi:before {
content: "\F41A";
}
.fa-padlet:before {
content: "\E4A0";
}
.fa-page4:before {
content: "\F3D7";
}
.fa-pagelines:before {
content: "\F18C";
}
.fa-palfed:before {
content: "\F3D8";
}
.fa-patreon:before {
content: "\F3D9";
}
.fa-paypal:before {
content: "\F1ED";
}
.fa-perbyte:before {
content: "\E083";
}
.fa-periscope:before {
content: "\F3DA";
}
.fa-phabricator:before {
content: "\F3DB";
}
.fa-phoenix-framework:before {
content: "\F3DC";
}
.fa-phoenix-squadron:before {
content: "\F511";
}
.fa-php:before {
content: "\F457";
}
.fa-pied-piper:before {
content: "\F2AE";
}
.fa-pied-piper-alt:before {
content: "\F1A8";
}
.fa-pied-piper-hat:before {
content: "\F4E5";
}
.fa-pied-piper-pp:before {
content: "\F1A7";
}
.fa-pied-piper-square:before {
content: "\E01E";
}
.fa-pinterest:before {
content: "\F0D2";
}
.fa-pinterest-p:before {
content: "\F231";
}
.fa-pinterest-square:before {
content: "\F0D3";
}
.fa-pix:before {
content: "\E43A";
}
.fa-playstation:before {
content: "\F3DF";
}
.fa-product-hunt:before {
content: "\F288";
}
.fa-pushed:before {
content: "\F3E1";
}
.fa-python:before {
content: "\F3E2";
}
.fa-qq:before {
content: "\F1D6";
}
.fa-quinscape:before {
content: "\F459";
}
.fa-quora:before {
content: "\F2C4";
}
.fa-r-project:before {
content: "\F4F7";
}
.fa-raspberry-pi:before {
content: "\F7BB";
}
.fa-ravelry:before {
content: "\F2D9";
}
.fa-react:before {
content: "\F41B";
}
.fa-reacteurope:before {
content: "\F75D";
}
.fa-readme:before {
content: "\F4D5";
}
.fa-rebel:before {
content: "\F1D0";
}
.fa-red-river:before {
content: "\F3E3";
}
.fa-reddit:before {
content: "\F1A1";
}
.fa-reddit-alien:before {
content: "\F281";
}
.fa-reddit-square:before {
content: "\F1A2";
}
.fa-redhat:before {
content: "\F7BC";
}
.fa-renren:before {
content: "\F18B";
}
.fa-replyd:before {
content: "\F3E6";
}
.fa-researchgate:before {
content: "\F4F8";
}
.fa-resolving:before {
content: "\F3E7";
}
.fa-rev:before {
content: "\F5B2";
}
.fa-rocketchat:before {
content: "\F3E8";
}
.fa-rockrms:before {
content: "\F3E9";
}
.fa-rust:before {
content: "\E07A";
}
.fa-safari:before {
content: "\F267";
}
.fa-salesforce:before {
content: "\F83B";
}
.fa-sass:before {
content: "\F41E";
}
.fa-schlix:before {
content: "\F3EA";
}
.fa-screenpal:before {
content: "\E570";
}
.fa-scribd:before {
content: "\F28A";
}
.fa-searchengin:before {
content: "\F3EB";
}
.fa-sellcast:before {
content: "\F2DA";
}
.fa-sellsy:before {
content: "\F213";
}
.fa-servicestack:before {
content: "\F3EC";
}
.fa-shirtsinbulk:before {
content: "\F214";
}
.fa-shopify:before {
content: "\E057";
}
.fa-shopware:before {
content: "\F5B5";
}
.fa-simplybuilt:before {
content: "\F215";
}
.fa-sistrix:before {
content: "\F3EE";
}
.fa-sith:before {
content: "\F512";
}
.fa-sitrox:before {
content: "\E44A";
}
.fa-sketch:before {
content: "\F7C6";
}
.fa-skyatlas:before {
content: "\F216";
}
.fa-skype:before {
content: "\F17E";
}
.fa-slack-hash:before,
.fa-slack:before {
content: "\F198";
}
.fa-slideshare:before {
content: "\F1E7";
}
.fa-snapchat-ghost:before,
.fa-snapchat:before {
content: "\F2AB";
}
.fa-snapchat-square:before {
content: "\F2AD";
}
.fa-soundcloud:before {
content: "\F1BE";
}
.fa-sourcetree:before {
content: "\F7D3";
}
.fa-speakap:before {
content: "\F3F3";
}
.fa-speaker-deck:before {
content: "\F83C";
}
.fa-spotify:before {
content: "\F1BC";
}
.fa-square-font-awesome:before {
content: "\F425";
}
.fa-font-awesome-alt:before,
.fa-square-font-awesome-stroke:before {
content: "\F35C";
}
.fa-squarespace:before {
content: "\F5BE";
}
.fa-stack-exchange:before {
content: "\F18D";
}
.fa-stack-overflow:before {
content: "\F16C";
}
.fa-stackpath:before {
content: "\F842";
}
.fa-staylinked:before {
content: "\F3F5";
}
.fa-steam:before {
content: "\F1B6";
}
.fa-steam-square:before {
content: "\F1B7";
}
.fa-steam-symbol:before {
content: "\F3F6";
}
.fa-sticker-mule:before {
content: "\F3F7";
}
.fa-strava:before {
content: "\F428";
}
.fa-stripe:before {
content: "\F429";
}
.fa-stripe-s:before {
content: "\F42A";
}
.fa-studiovinari:before {
content: "\F3F8";
}
.fa-stumbleupon:before {
content: "\F1A4";
}
.fa-stumbleupon-circle:before {
content: "\F1A3";
}
.fa-superpowers:before {
content: "\F2DD";
}
.fa-supple:before {
content: "\F3F9";
}
.fa-suse:before {
content: "\F7D6";
}
.fa-swift:before {
content: "\F8E1";
}
.fa-symfony:before {
content: "\F83D";
}
.fa-teamspeak:before {
content: "\F4F9";
}
.fa-telegram-plane:before,
.fa-telegram:before {
content: "\F2C6";
}
.fa-tencent-weibo:before {
content: "\F1D5";
}
.fa-the-red-yeti:before {
content: "\F69D";
}
.fa-themeco:before {
content: "\F5C6";
}
.fa-themeisle:before {
content: "\F2B2";
}
.fa-think-peaks:before {
content: "\F731";
}
.fa-tiktok:before {
content: "\E07B";
}
.fa-trade-federation:before {
content: "\F513";
}
.fa-trello:before {
content: "\F181";
}
.fa-tumblr:before {
content: "\F173";
}
.fa-tumblr-square:before {
content: "\F174";
}
.fa-twitch:before {
content: "\F1E8";
}
.fa-twitter:before {
content: "\F099";
}
.fa-twitter-square:before {
content: "\F081";
}
.fa-typo3:before {
content: "\F42B";
}
.fa-uber:before {
content: "\F402";
}
.fa-ubuntu:before {
content: "\F7DF";
}
.fa-uikit:before {
content: "\F403";
}
.fa-umbraco:before {
content: "\F8E8";
}
.fa-uncharted:before {
content: "\E084";
}
.fa-uniregistry:before {
content: "\F404";
}
.fa-unity:before {
content: "\E049";
}
.fa-unsplash:before {
content: "\E07C";
}
.fa-untappd:before {
content: "\F405";
}
.fa-ups:before {
content: "\F7E0";
}
.fa-usb:before {
content: "\F287";
}
.fa-usps:before {
content: "\F7E1";
}
.fa-ussunnah:before {
content: "\F407";
}
.fa-vaadin:before {
content: "\F408";
}
.fa-viacoin:before {
content: "\F237";
}
.fa-viadeo:before {
content: "\F2A9";
}
.fa-viadeo-square:before {
content: "\F2AA";
}
.fa-viber:before {
content: "\F409";
}
.fa-vimeo:before {
content: "\F40A";
}
.fa-vimeo-square:before {
content: "\F194";
}
.fa-vimeo-v:before {
content: "\F27D";
}
.fa-vine:before {
content: "\F1CA";
}
.fa-vk:before {
content: "\F189";
}
.fa-vnv:before {
content: "\F40B";
}
.fa-vuejs:before {
content: "\F41F";
}
.fa-watchman-monitoring:before {
content: "\E087";
}
.fa-waze:before {
content: "\F83F";
}
.fa-weebly:before {
content: "\F5CC";
}
.fa-weibo:before {
content: "\F18A";
}
.fa-weixin:before {
content: "\F1D7";
}
.fa-whatsapp:before {
content: "\F232";
}
.fa-whatsapp-square:before {
content: "\F40C";
}
.fa-whmcs:before {
content: "\F40D";
}
.fa-wikipedia-w:before {
content: "\F266";
}
.fa-windows:before {
content: "\F17A";
}
.fa-wirsindhandwerk:before,
.fa-wsh:before {
content: "\E2D0";
}
.fa-wix:before {
content: "\F5CF";
}
.fa-wizards-of-the-coast:before {
content: "\F730";
}
.fa-wodu:before {
content: "\E088";
}
.fa-wolf-pack-battalion:before {
content: "\F514";
}
.fa-wordpress:before {
content: "\F19A";
}
.fa-wordpress-simple:before {
content: "\F411";
}
.fa-wpbeginner:before {
content: "\F297";
}
.fa-wpexplorer:before {
content: "\F2DE";
}
.fa-wpforms:before {
content: "\F298";
}
.fa-wpressr:before {
content: "\F3E4";
}
.fa-xbox:before {
content: "\F412";
}
.fa-xing:before {
content: "\F168";
}
.fa-xing-square:before {
content: "\F169";
}
.fa-y-combinator:before {
content: "\F23B";
}
.fa-yahoo:before {
content: "\F19E";
}
.fa-yammer:before {
content: "\F840";
}
.fa-yandex:before {
content: "\F413";
}
.fa-yandex-international:before {
content: "\F414";
}
.fa-yarn:before {
content: "\F7E3";
}
.fa-yelp:before {
content: "\F1E9";
}
.fa-yoast:before {
content: "\F2B1";
}
.fa-youtube:before {
content: "\F167";
}
.fa-youtube-square:before {
content: "\F431";
}
.fa-zhihu:before {
content: "\F63F";
}
:host,
:root {
--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}
@font-face {
font-family: Font Awesome\6 Free;
font-style: normal;
font-weight: 400;
font-display: block;
src: url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?e8a1ba418ee6d897d1339ef22e6d8e60) format("woff2"),
url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?b1a1bebb63656b34a23982706f712f71) format("truetype");
}
.fa-regular,
.far {
font-family: Font Awesome\6 Free;
font-weight: 400;
}
:host,
:root {
--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
font-family: Font Awesome\6 Free;
font-style: normal;
font-weight: 900;
font-display: block;
src: url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?55b416a8df21f9f987aa352f10d1343b) format("woff2"),
url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?738201559a50502aacabdbdb02720910) format("truetype");
}
.fa-solid,
.fas {
font-family: Font Awesome\6 Free;
font-weight: 900;
}
@font-face {
font-family: Font Awesome\5 Brands;
font-display: block;
font-weight: 400;
src: url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?cd2b4095e9ce66cde642c3502a4022d9) format("woff2"),
url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?a78ffbbed2d858c61e068e3b756c9988) format("truetype");
}
@font-face {
font-family: Font Awesome\5 Free;
font-display: block;
font-weight: 900;
src: url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?55b416a8df21f9f987aa352f10d1343b) format("woff2"),
url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?738201559a50502aacabdbdb02720910) format("truetype");
}
@font-face {
font-family: Font Awesome\5 Free;
font-display: block;
font-weight: 400;
src: url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?e8a1ba418ee6d897d1339ef22e6d8e60) format("woff2"),
url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?b1a1bebb63656b34a23982706f712f71) format("truetype");
}
@font-face {
font-family: FontAwesome;
font-display: block;
src: url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?55b416a8df21f9f987aa352f10d1343b) format("woff2"),
url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?738201559a50502aacabdbdb02720910) format("truetype");
}
@font-face {
font-family: FontAwesome;
font-display: block;
src: url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?cd2b4095e9ce66cde642c3502a4022d9) format("woff2"),
url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?a78ffbbed2d858c61e068e3b756c9988) format("truetype");
}
@font-face {
font-family: FontAwesome;
font-display: block;
src: url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?e8a1ba418ee6d897d1339ef22e6d8e60) format("woff2"),
url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?b1a1bebb63656b34a23982706f712f71) format("truetype");
unicode-range: U+f003, U+f006, U+f014, U+f016-f017, U+f01a-f01b, U+f01d, U+f022, U+f03e, U+f044, U+f046, U+f05c-f05d, U+f06e, U+f070, U+f087-f088, U+f08a, U+f094, U+f096-f097, U+f09d, U+f0a0, U+f0a2, U+f0a4-f0a7, U+f0c5, U+f0c7,
U+f0e5-f0e6, U+f0eb, U+f0f6-f0f8, U+f10c, U+f114-f115, U+f118-f11a, U+f11c-f11d, U+f133, U+f147, U+f14e, U+f150-f152, U+f185-f186, U+f18e, U+f190-f192, U+f196, U+f1c1-f1c9, U+f1d9, U+f1db, U+f1e3, U+f1ea, U+f1f7, U+f1f9, U+f20a,
U+f247-f248, U+f24a, U+f24d, U+f255-f25b, U+f25d, U+f271-f274, U+f278, U+f27b, U+f28c, U+f28e, U+f29c, U+f2b5, U+f2b7, U+f2ba, U+f2bc, U+f2be, U+f2c0-f2c1, U+f2c3, U+f2d0, U+f2d2, U+f2d4, U+f2dc;
}
@font-face {
font-family: FontAwesome;
font-display: block;
src: url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-v4compatibility.woff2?786e6b3373bab47e928c81c26eeccb08) format("woff2"),
url(../../../fonts/vendor/@fortawesome/fontawesome-free/webfa-v4compatibility.ttf?0d6f5f1852affca569715821fe4aa29b) format("truetype");
unicode-range: U+f041, U+f047, U+f065-f066, U+f07d-f07e, U+f080, U+f08b, U+f08e, U+f090, U+f09a, U+f0ac, U+f0ae, U+f0b2, U+f0d0, U+f0d6, U+f0e4, U+f0ec, U+f10a-f10b, U+f123, U+f13e, U+f148-f149, U+f14c, U+f156, U+f15e, U+f160-f161,
U+f163, U+f175-f178, U+f195, U+f1f8, U+f219, U+f250, U+f252, U+f27a;
}
.slick-slider {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
position: relative;
display: block;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translateZ(0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
body {
font-family: Open Sans, sans-serif;
}
body.fade-out {
opacity: 0;
transition: none;
}
.menu--categories,
.menu--categories_items,
.v-ul {
margin: 0;
padding: 0;
list-style: none;
}
.menu--categories > li,
.menu--categories_items > li,
.v-ul > li {
display: block;
}
.h-ul,
.menu--user {
margin: 0;
padding: 0;
list-style: none;
}
.h-ul > li,
.menu--user > li {
display: inline-block;
}
#add-product-to-cart-modal .image,
.bg-img,
.list--compared-products_item_image,
.list--gallery_image_link_background,
.list--recommended-products_item_image,
.menu--cart_item_image,
.product_image {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.img-object-container {
background-size: cover;
}
.img-object {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.container-fluid {
max-width: 1920px;
}
.btn,
a {
transition: all 0.2s ease-in-out;
}
.t_btn {
border: 1px solid #3c3838;
padding: 9px 25px !important;
background-color: transparent;
text-decoration: none !important;
color: #3c3838;
}
@media screen and (max-width: 450px) {
.t_btn {
padding: 9px 15px !important;
}
}
.t_btn:active,
.t_btn:focus,
.t_btn:hover {
background-color: #3c3838 !important;
color: #fff !important;
border-color: #3c3838 !important;
}
.t_btn:active span:after,
.t_btn:focus span:after,
.t_btn:hover span:after {
width: 100%;
}
span {
position: relative;
}
span:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #fff;
transition: all 0.2s ease-in-out;
}
#social-links ul {
padding-left: 0;
}
#social-links ul li {
display: inline-block;
}
#social-links ul li:not(:last-child) {
margin-right: 20px;
}
#social-links ul li a {
display: inline-block;
}
#social-links ul li a span {
font-size: 25px;
transition: all 0.6s ease;
}
#social-links ul li a span.fa-whatsapp {
color: #5df97a;
}
#social-links ul li a span.fa-twitter {
color: #1ea1f3;
}
#social-links ul li a span.fa-linkedin {
color: #0271ae;
}
#social-links ul li a span.fa-pinterest {
color: #df0017;
}
.menu--user {
margin-top: 6px;
}
nav {
z-index: 8000;
}
nav .logo {
padding: 0;
}
nav .logo_image {
margin-left: 15px;
max-height: 100%;
}
nav .menu--main_item:hover {
background-color: #e7e7e7;
}
.product_gallery .owl-item {
padding: 0 15px;
}
.product_image {
height: 300px;
display: block;
margin-bottom: 10px;
border: 1px solid #eee;
}
.product_gallery {
margin-top: 10px;
}
.product_gallery_image {
width: 100%;
max-height: 100%;
}
.product_gallery_image:hover {
cursor: pointer;
}
.product_title {
margin: 0 0 5px;
font-size: 2.1rem;
}
.product_sku {
margin: 0;
}
.product_attributes,
.product_description,
.product_rating {
margin-top: 15px;
}
.product_rating_input {
display: none;
}
.product_prices {
margin-bottom: 15px;
}
.product_prices_actual_price {
font-size: 2.5rem;
text-align: right;
font-style: italic;
}
.product_prices_price {
font-style: italic;
font-size: 1.5rem;
text-align: right;
text-decoration: line-through;
}
.product_stock {
text-align: right;
margin-bottom: 15px;
}
#printContent {
display: none;
}
@media print {
body .copyright_bar,
body .product-page,
body .scroll-to-top,
body .section--breadcrumb,
body .section--footer,
body .section--main-nav,
body .section--top {
display: none;
}
body #printContent {
display: block;
border: 1px solid #ddd;
padding: 25px;
}
body .col-md-6 {
width: 49%;
display: inline-block;
}
body .product_attributes {
margin-bottom: 15px;
}
}
.menu--cart_item {
border-bottom: 1px dotted #ccc;
}
.menu--cart_item_image {
width: 50px;
height: 50px;
margin: 10px;
}
.menu--cart_item_link {
display: block;
padding: 10px 10px 10px 0;
min-width: 250px;
font-size: 1.25rem;
}
.menu--cart_item_price {
font-size: 1.3rem;
margin-bottom: 10px;
}
.menu--cart_item_details {
font-size: 1.1rem;
margin-bottom: 10px;
}
.menu--cart_view-cart-button {
border-radius: 0;
margin: 5px;
color: #fff !important;
padding: 6px 20px !important;
font-size: 1.3rem;
}
.menu--cart_view-cart-button:hover {
background-color: #286090 !important;
border-color: #204d74 !important;
}
.menu--cart_checkout-button {
border-radius: 0;
margin: 5px 5px 0;
color: #fff !important;
padding: 6px 20px !important;
font-size: 1.3rem;
}
.menu--cart_checkout-button:hover {
background-color: #449d44 !important;
border-color: #398439 !important;
}
.carousel--best-selling-products_header,
.carousel--latest-products_header,
.carousel--offers-products_header,
.carousel--promoted-products_header {
font-size: 2.5rem;
margin: 20px 0;
text-align: left;
border-bottom: 1px solid #f8f8f8;
padding: 14px 14px 14px 23px;
color: #7a7a7a;
}
.carousel--recommended-products_header {
font-size: 2.5rem;
}
.menu--categories {
margin-bottom: 25px;
}
.menu--categories > .menu--categories_item {
border-bottom: 1px dotted #ddd;
}
.menu--categories > .menu--categories_item:last-child {
border: none;
}
.menu--categories_item {
width: 100%;
padding: 7px 15px;
}
.menu--categories_item:hover {
background-color: #fefefe;
}
.menu--categories_item_link {
display: block;
}
.menu--categories_item_link:focus {
outline: none;
}
.menu--categories_item_link.active {
font-weight: 700;
}
.menu--categories_items {
display: none;
}
.menu--categories_item_icon {
width: 24px;
height: 24px;
margin-right: 10px;
}
.menu--categories_item_link_icon--expand {
float: right;
margin-top: 3px;
}
.category-filters_filter_name:hover {
cursor: pointer;
}
.category-filters_values {
display: none;
}
.stock-filter-select {
width: 100% !important;
}
.stock-filter-select > button {
color: #000 !important;
}
.category-price-range,
.category-price-range .input-group {
margin-bottom: 15px;
}
.category-price-range .input-group .input-group-addon {
font-weight: 700;
}
.category-price-range_slider .noUi-connect {
background-color: #5cb85c;
}
.main-slider {
position: relative;
}
.main-slider .slide-item {
height: 650px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.card--category,
.card--product {
margin-bottom: 25px;
}
.card--category_title,
.card--product_title {
height: 60px;
overflow: hidden;
}
.card--product_price--current,
.card--product_price--discount {
font-size: 2rem;
margin: 10px 0;
height: 46px;
}
.card--product_price--regular {
text-decoration: line-through;
font-size: 1.5rem;
}
.card--product_rating {
display: none;
}
.card--category_image-wrapper,
.card--product_image-wrapper {
height: 200px;
white-space: nowrap;
text-align: center;
position: relative;
}
.card--product_image-wrapper a {
height: 200px;
display: block;
width: 100%;
position: absolute;
top: 0;
right: 0;
}
.card--category_image-wrapper_image,
.card--product_image-wrapper_image {
max-width: 100%;
max-height: 200px;
vertical-align: middle;
}
.card--product_stock {
margin-bottom: 10px;
}
nav {
border: none;
border-radius: 0;
}
.section--top {
margin: 25px 0;
}
.scroll-to-top {
position: fixed;
right: 50px;
bottom: 50px;
font-size: 38px;
display: none;
color: #595555;
border-radius: 50%;
background-color: #ededed;
width: 50px;
height: 50px;
text-align: center;
line-height: 46px !important;
}
.scroll-to-top:hover {
cursor: pointer;
}
.list--compared-products_item_image,
.list--recommended-products_item_image {
width: 100%;
height: 100px;
}
.list--compared-products_item_title .list--recommended-products_item_title {
font-size: 1.3rem;
margin-top: 0;
}
.form--checkout_companies-list {
display: none;
}
.category-filters_values_value_icon {
float: right;
width: 13px;
height: 13px;
border: 1px solid #eee;
}
.category-filters_values_value label {
display: block;
}
.list--gallery .owl-item {
padding: 0 15px;
}
.list--gallery_image {
margin-bottom: 25px;
}
.list--gallery_image_link_background {
border-radius: 3px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
border: 1px solid #eee;
display: block;
height: 200px;
}
.tp-caption {
color: #fff;
background-color: rgba(0, 0, 0, 0.45);
font-size: 3rem;
padding: 20px;
}
.tp-secondary-caption {
color: #000;
background-color: hsla(0, 0%, 100%, 0.45);
font-size: 2rem;
padding: 15px;
}
.tp-banner {
visibility: hidden;
}
@media screen and (max-width: 768px) {
.main-slider {
display: none;
}
}
.slider-mobile {
display: none;
}
@media screen and (max-width: 768px) {
.slider-mobile {
display: block;
}
}
.section--content,
.section--messages {
margin-top: 25px;
}
.section--messages .alert {
margin-bottom: 0;
}
.breadcrumb {
margin: 25px 0 0 !important;
}
.variation-attribute-icon {
height: 20px;
margin-right: 5px;
width: 20px;
vertical-align: bottom;
}
.list--recommended-products_item_regular {
text-decoration: line-through;
}
.list--recommended-products_item_url {
margin-top: 10px;
}
.list--recommended-products_item_discount {
font-size: 1.7rem;
}
.modal-backdrop {
z-index: 8000;
}
.modal-open .modal {
z-index: 8001;
}
.compared-products-list {
margin: 0;
}
.compared-products-list .image {
height: 125px;
}
.compared-products-list .name {
height: 60px;
overflow: hidden;
margin-bottom: 5px;
}
.compared-products-list .actual-price {
font-size: 16px;
margin-bottom: 5px;
}
.compared-products-list .price {
text-decoration: line-through;
font-size: 12px;
height: 18px;
margin-bottom: 5px;
}
.compared-products-list .btn-danger {
margin-bottom: 10px;
}
.noUi-target {
margin: 0 auto;
width: 89%;
}
.checkout-option {
position: relative;
border: 1px solid #ccc;
border-radius: 5px;
padding: 25px;
text-align: right;
margin-bottom: 25px;
}
.checkout-option p {
font-size: 18px;
margin: 0;
}
.checkout-option p:last-child {
font-size: 16px;
}
.checkout-option i {
position: absolute;
left: 20px;
bottom: 20px;
font-size: 58px;
color: #ccc;
}
#add-product-to-cart-modal .image {
height: 100px;
width: 100%;
}
#add-product-to-cart-modal .name {
font-size: 16px;
}
#add-product-to-cart-modal .actual-price {
font-size: 14px;
margin-bottom: 5px;
}
#add-product-to-cart-modal .price {
text-decoration: line-through;
font-size: 12px;
height: 18px;
margin-bottom: 5px;
}
#add-product-to-cart-modal .btn {
margin-bottom: 10px;
}
.js-categories-header.collapsed {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.js-categories-header.expanded {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.js-categories-header i {
color: #000;
margin-right: 15px;
}
.js-categories-header i:hover {
cursor: pointer;
}
.theme-changer {
position: fixed;
top: 10px;
left: -230px;
background-color: #f6f6f6;
z-index: 10000;
border: 1px solid #e6e6e6;
border-left: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 10px;
}
.theme-changer i {
padding: 9px 5px 11px 15px;
}
.theme-changer i:hover {
cursor: pointer;
}
.typeahead__dropdown,
.typeahead__list {
z-index: 8010;
}
.icon {
width: 24px;
height: 24px;
vertical-align: bottom;
}
.remove-cart-item {
display: none;
}
@media (max-width: 640px) {
.remove-cart-item {
display: inline-block;
}
.cart-items-table .cart-discount-item td,
.cart-items-table tr.warning td {
border: none;
}
.cart-items-table .cart-discount-item td:last-child,
.cart-items-table tr.warning td:last-child {
display: none;
}
}
.form--cart {
margin-top: 50px;
}
.form--cart .cart_holder .cart_row {
display: flex;
border-top: 2px solid #ddd;
align-items: center;
padding: 15px 0;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_row {
margin-top: 30px;
}
}
.form--cart .cart_holder .cart_row:first-of-type,
.form--cart .cart_holder .cart_row:nth-of-type(2) {
border-top: none;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_row:first-of-type,
.form--cart .cart_holder .cart_row:nth-of-type(2) {
border-top: 2px solid #ddd;
}
}
.form--cart .cart_holder .cart_row.labels_row {
border-bottom: 2px solid #313131;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_row.labels_row {
display: none;
}
}
.form--cart .cart_holder .cart_row .cart_product {
width: 60%;
flex-shrink: 0;
padding: 5px 15px;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_row .cart_product {
width: 100%;
border-bottom: 1px solid #ddd;
padding: 5px 0 20px;
margin-bottom: 10px;
}
}
.form--cart .cart_holder .cart_row .cart_product .cart_product_image_holder {
width: 50px;
height: 50px;
display: inline-block;
border: 1px solid #ddd;
text-align: center;
overflow: hidden;
vertical-align: middle;
margin-right: 15px;
}
@media screen and (max-width: 450px) {
.form--cart .cart_holder .cart_row .cart_product .cart_product_image_holder {
width: 20%;
}
}
.form--cart .cart_holder .cart_row .cart_product .cart_product_image_holder img {
max-width: 100%;
max-height: 50px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.form--cart .cart_holder .cart_row .cart_product .cart_product_name {
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 450px) {
.form--cart .cart_holder .cart_row .cart_product .cart_product_name {
width: 72%;
}
}
.form--cart .cart_holder .cart_row .cart_product .cart_product_name a {
color: #000;
}
.form--cart .cart_holder .cart_row .cart_quantity {
width: 17%;
flex-shrink: 0;
padding: 5px 15px 5px 0;
}
.form--cart .cart_holder .cart_row .cart_quantity span.cart_quantity_label {
display: none;
font-weight: 600;
vertical-align: text-bottom;
margin-right: 15px;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_row .cart_quantity span.cart_quantity_label {
display: inline-block;
}
}
.form--cart .cart_holder .cart_row .cart_quantity .input-group-btn {
width: 30%;
}
.form--cart .cart_holder .cart_row .cart_quantity .input-group-btn button {
width: 100%;
outline: none;
border: none;
}
.form--cart .cart_holder .cart_row .cart_quantity .input-type-qty {
width: 50px;
float: left;
border: none;
background-color: transparent;
box-shadow: none;
border-radius: 0;
}
.form--cart .cart_holder .cart_row .cart_quantity .select-type-qty {
width: 100px;
}
.form--cart .cart_holder .cart_row .cart_quantity .select-type-qty .dropdown-menu {
max-height: 180px !important;
z-index: 9999;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_row .cart_quantity {
width: 75%;
}
}
.form--cart .cart_holder .cart_row .cart_price {
width: 15%;
flex-shrink: 0;
text-align: right;
padding: 5px 15px 5px 0;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_row .cart_price {
width: 100%;
border-top: 1px solid #ddd;
margin-top: 10px;
padding: 20px 0 5px;
}
}
.form--cart .cart_holder .cart_row .cart_price span {
display: none;
font-weight: 600;
vertical-align: text-bottom;
margin-right: 15px;
float: left;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_row .cart_price span {
display: inline-block;
}
}
.form--cart .cart_holder .cart_row .remove_item {
width: 8%;
text-align: center;
padding: 5px 0;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_row .remove_item {
width: 25%;
text-align: right;
}
}
.form--cart .cart_holder .delivery_discount_row,
.form--cart .cart_holder .discount_row,
.form--cart .cart_holder .extra_discount_row {
display: flex;
justify-content: flex-end;
}
.form--cart .cart_holder .delivery_discount_row .float_realign,
.form--cart .cart_holder .discount_row .float_realign,
.form--cart .cart_holder .extra_discount_row .float_realign {
width: 45%;
padding: 5px 15px;
border-top: 1px solid #ddd;
text-align: right;
background-color: #3c3838;
color: #fff;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .delivery_discount_row .float_realign,
.form--cart .cart_holder .discount_row .float_realign,
.form--cart .cart_holder .extra_discount_row .float_realign {
width: 100%;
}
}
.form--cart .cart_holder .delivery_discount_row .float_realign .discount_label,
.form--cart .cart_holder .delivery_discount_row .float_realign span,
.form--cart .cart_holder .discount_row .float_realign .discount_label,
.form--cart .cart_holder .discount_row .float_realign span,
.form--cart .cart_holder .extra_discount_row .float_realign .discount_label,
.form--cart .cart_holder .extra_discount_row .float_realign span {
float: left;
text-align: left;
max-width: 65%;
}
.form--cart .cart_holder .extra_discount_row .float_realign {
border: none;
}
.form--cart .cart_holder .cart_total_row {
display: flex;
margin: 15px 0;
justify-content: space-between;
background-color: #f9f9f9;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_total_row {
display: block;
}
}
.form--cart .cart_holder .cart_total_row .cart_update {
padding: 15px;
text-align: center;
}
.form--cart .cart_holder .cart_total_row .cart_update .clear_cart_btn {
font-size: 14px;
font-weight: 500;
float: left;
color: #000;
}
.form--cart .cart_holder .cart_total_row .cart_total {
width: 25%;
text-align: right;
padding: 15px;
font-weight: 600;
}
@media screen and (max-width: 768px) {
.form--cart .cart_holder .cart_total_row .cart_total {
width: 100%;
margin-top: 30px;
}
}
.form--cart .cart_holder .cart_total_row .cart_total .cart_total_label {
margin-right: 15px;
}
.form--cart .cart_buttons {
margin-top: 30px;
text-align: right;
}
@media screen and (max-width: 768px) {
.form--cart .cart_buttons {
text-align: center;
}
}
.form--cart .cart_buttons .continue_shopping_btn {
float: left;
color: #000;
padding: 10px 15px;
margin-left: 15px;
}
@media screen and (max-width: 768px) {
.form--cart .cart_buttons .continue_shopping_btn {
display: inline-block;
float: none;
}
}
@media screen and (max-width: 450px) {
.form--cart .cart_buttons .continue_shopping_btn {
width: 100%;
margin: 0 0 15px;
}
}
.form--cart .cart_buttons .checkout_btn {
padding: 12px 30px 14px;
background-color: #3c3838;
border: 1px solid #3c3838;
color: #fff;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.form--cart .cart_buttons .checkout_btn:hover {
background-color: #fff;
color: #000;
}
.form--cart .cart_buttons .checkout_btn:hover span:after {
width: 100%;
}
@media screen and (max-width: 450px) {
.form--cart .cart_buttons .checkout_btn {
float: none;
padding: 10px 30px;
width: 100%;
}
}
.form--cart .cart_buttons .checkout_btn span {
position: relative;
}
.form--cart .cart_buttons .checkout_btn span:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background-color: #3c3838;
width: 0;
transition: all 0.2s ease-in-out;
}
.cart-items-table .btn-danger,
.cart-items-table .btn-warning {
margin-bottom: 15px;
}
@media (max-width: 990px) {
.btn-update-cart {
margin-bottom: 10px !important;
}
}
.form--checkout h4,
.quick-checkout-form h4 {
font-weight: 600;
}
.form--checkout .delivery_details_holder,
.quick-checkout-form .delivery_details_holder {
display: none;
padding: 15px 0;
}
.form--checkout .billing_type_holder,
.quick-checkout-form .billing_type_holder {
padding: 15px 0;
}
.form--checkout .billing_type_holder .radio-success input[type="radio"]:checked + label:after,
.quick-checkout-form .billing_type_holder .radio-success input[type="radio"]:checked + label:after {
background-color: #3c3838;
border-radius: 0;
border-color: #3c3838;
outline: none;
}
.form--checkout .billing_type_holder .radio-success input[type="radio"]:checked + label:before,
.quick-checkout-form .billing_type_holder .radio-success input[type="radio"]:checked + label:before {
border-color: #3c3838;
outline: none;
border-radius: 0;
}
.form--checkout .billing_type_holder .radio label:before,
.quick-checkout-form .billing_type_holder .radio label:before {
border-radius: 0;
border-color: #3c3838;
}
.form--checkout input[type="checkbox"]:checked + label:after,
.form--quick-checkout input[type="checkbox"]:checked + label:after {
content: "";
background-color: #3c3838;
border-color: #000;
width: 11px;
height: 11px;
margin-left: -17px;
margin-top: 3px;
outline: none;
border-radius: 0;
}
.form--checkout input[type="checkbox"]:checked + label:before,
.form--quick-checkout input[type="checkbox"]:checked + label:before {
border-color: #3c3838;
outline: none;
border-radius: 0;
}
.form--checkout input[type="radio"]:checked + label:after,
.form--quick-checkout input[type="radio"]:checked + label:after {
content: "";
background-color: #3c3838;
border-color: #3c3838;
width: 11px;
height: 11px;
outline: none;
border-radius: 0;
}
.form--checkout input[type="checkbox"] + label:before,
.form--checkout input[type="radio"] + label:before,
.form--checkout input[type="radio"]:checked + label:before,
.form--quick-checkout input[type="checkbox"] + label:before,
.form--quick-checkout input[type="radio"] + label:before,
.form--quick-checkout input[type="radio"]:checked + label:before {
border-color: #3c3838;
outline: none;
border-radius: 0;
}
.form--checkout textarea,
.form--quick-checkout textarea {
height: 100px !important;
}
.form--checkout .dropdown-menu > li > a,
.form--quick-checkout .dropdown-menu > li > a {
padding: 10px 20px;
outline: 0;
}
.form--checkout .dropdown-menu > li > a.active,
.form--checkout .dropdown-menu > li > a:hover,
.form--quick-checkout .dropdown-menu > li > a.active,
.form--quick-checkout .dropdown-menu > li > a:hover {
background-color: #f0eded;
color: #000;
}
.form--checkout h4,
.form--quick-checkout h4 {
font-weight: 600;
margin-bottom: 15px;
}
.form--checkout .form-group .list-group .list-group-item,
.form--quick-checkout .form-group .list-group .list-group-item {
border-radius: 0 !important;
}
.form--checkout .form-group .list-group .list-group-item .add_new_address_btn,
.form--checkout .form-group .list-group .list-group-item .add_new_company_btn,
.form--quick-checkout .form-group .list-group .list-group-item .add_new_address_btn,
.form--quick-checkout .form-group .list-group .list-group-item .add_new_company_btn {
padding: 10px 30px;
background-color: #3c3838;
color: #fff;
margin: 15px 0;
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
border: 1px solid #3c3838;
}
.form--checkout .form-group .list-group .list-group-item .add_new_address_btn:hover,
.form--checkout .form-group .list-group .list-group-item .add_new_company_btn:hover,
.form--quick-checkout .form-group .list-group .list-group-item .add_new_address_btn:hover,
.form--quick-checkout .form-group .list-group .list-group-item .add_new_company_btn:hover {
background-color: #fff;
color: #000;
}
.form--checkout .form-group .bootstrap-select .filter-option,
.form--quick-checkout .form-group .bootstrap-select .filter-option {
height: auto;
}
.form--checkout .form-control,
.form--quick-checkout .form-control {
border-radius: 0;
}
.form--checkout .form-control option,
.form--quick-checkout .form-control option {
padding: 5px 10px;
}
.form--checkout .form-control.form--account-company_input,
.form--checkout .form-control.form--quick-checkout_input,
.form--quick-checkout .form-control.form--account-company_input,
.form--quick-checkout .form-control.form--quick-checkout_input {
height: 50px;
}
.form--checkout .form-control button,
.form--quick-checkout .form-control button {
border-radius: 0;
height: 50px;
}
.form--checkout .checkout_holder,
.form--quick-checkout .checkout_holder {
margin-top: 13px;
}
.form--checkout .checkout_holder .checkout_product_row,
.form--quick-checkout .checkout_holder .checkout_product_row {
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
border-top: 2px solid #313131;
padding: 15px 0;
}
@media screen and (max-width: 768px) {
.form--checkout .checkout_holder .checkout_product_row,
.form--quick-checkout .checkout_holder .checkout_product_row {
padding: 10px 0;
}
}
.form--checkout .checkout_holder .checkout_product_row.labels_row,
.form--quick-checkout .checkout_holder .checkout_product_row.labels_row {
font-weight: 600;
border-top: none;
}
@media screen and (max-width: 768px) {
.form--checkout .checkout_holder .checkout_product_row.labels_row,
.form--quick-checkout .checkout_holder .checkout_product_row.labels_row {
display: none;
}
}
.form--checkout .checkout_holder .checkout_product_row .checkout_product,
.form--quick-checkout .checkout_holder .checkout_product_row .checkout_product {
flex-shrink: 0;
width: 80%;
}
@media screen and (max-width: 768px) {
.form--checkout .checkout_holder .checkout_product_row .checkout_product,
.form--quick-checkout .checkout_holder .checkout_product_row .checkout_product {
width: 100%;
}
}
.form--checkout .checkout_holder .checkout_product_row .checkout_product .product_image_holder,
.form--quick-checkout .checkout_holder .checkout_product_row .checkout_product .product_image_holder {
width: 50px;
height: 50px;
border: 1px solid #ddd;
padding: 2px;
display: inline-block;
text-align: center;
margin-right: 15px;
}
.form--checkout .checkout_holder .checkout_product_row .checkout_product .product_image_holder img,
.form--quick-checkout .checkout_holder .checkout_product_row .checkout_product .product_image_holder img {
max-height: 46px;
width: auto;
}
.form--checkout .checkout_holder .checkout_product_row .checkout_product .product_name,
.form--quick-checkout .checkout_holder .checkout_product_row .checkout_product .product_name {
display: inline-block;
width: 75%;
vertical-align: middle;
}
.form--checkout .checkout_holder .checkout_product_row .checkout_product .product_name a,
.form--quick-checkout .checkout_holder .checkout_product_row .checkout_product .product_name a {
color: #3c3838;
}
.form--checkout .checkout_holder .checkout_product_row .checkout_product_price,
.form--quick-checkout .checkout_holder .checkout_product_row .checkout_product_price {
flex-shrink: 0;
width: 20%;
text-align: right;
}
@media screen and (max-width: 768px) {
.form--checkout .checkout_holder .checkout_product_row .checkout_product_price,
.form--quick-checkout .checkout_holder .checkout_product_row .checkout_product_price {
width: 100%;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ddd;
}
}
.form--checkout .checkout_holder .checkout_product_row .checkout_product_price .price_label,
.form--quick-checkout .checkout_holder .checkout_product_row .checkout_product_price .price_label {
display: none;
float: left;
font-weight: 600;
}
@media screen and (max-width: 768px) {
.form--checkout .checkout_holder .checkout_product_row .checkout_product_price .price_label,
.form--quick-checkout .checkout_holder .checkout_product_row .checkout_product_price .price_label {
display: inline-block;
}
}
.form--checkout .checkout_holder .checkout_product_discount_row,
.form--quick-checkout .checkout_holder .checkout_product_discount_row {
display: flex;
justify-content: flex-end;
}
.form--checkout .checkout_holder .checkout_delivery_row,
.form--quick-checkout .checkout_holder .checkout_delivery_row {
text-align: right;
display: flex;
border-top: 1px solid #ddd;
justify-content: flex-end;
}
.form--checkout .checkout_holder .checkout_delivery_row .float-align,
.form--quick-checkout .checkout_holder .checkout_delivery_row .float-align {
border: none;
background-color: #fff;
color: #3c3838;
}
.form--checkout .checkout_holder .checkout_delivery_row .float-align .js-checkout-delivery-method,
.form--quick-checkout .checkout_holder .checkout_delivery_row .float-align .js-checkout-delivery-method {
display: inline-block;
margin-right: 15px;
}
.form--checkout .checkout_holder .checkout_delivery_row .float-align .js-checkout-delivery-price,
.form--quick-checkout .checkout_holder .checkout_delivery_row .float-align .js-checkout-delivery-price {
display: inline-block;
}
.form--checkout .checkout_holder .user_discount_row,
.form--quick-checkout .checkout_holder .user_discount_row {
display: flex;
justify-content: flex-end;
border-top: 1px solid #ddd;
}
.form--checkout .checkout_holder .checkout_delivery_discount_row,
.form--checkout .checkout_holder .checkout_extradiscount_row,
.form--checkout .checkout_holder .online_payment_discount_row,
.form--quick-checkout .checkout_holder .checkout_delivery_discount_row,
.form--quick-checkout .checkout_holder .checkout_extradiscount_row,
.form--quick-checkout .checkout_holder .online_payment_discount_row {
display: flex;
justify-content: flex-end;
}
.form--checkout .checkout_holder .checkout_extradiscount_row .float-align,
.form--quick-checkout .checkout_holder .checkout_extradiscount_row .float-align {
border: none;
}
.form--checkout .checkout_holder .cart_discount_row,
.form--quick-checkout .checkout_holder .cart_discount_row {
display: flex;
align-items: center;
text-align: right;
}
.form--checkout .checkout_holder .cart_discount_row .cart_discount_label,
.form--quick-checkout .checkout_holder .cart_discount_row .cart_discount_label {
width: 75%;
flex-shrink: 0;
text-align: left;
}
.form--checkout .checkout_holder .cart_discount_row .cart_discount_value,
.form--quick-checkout .checkout_holder .cart_discount_row .cart_discount_value {
width: 25%;
flex-shrink: 0;
}
.form--checkout .checkout_holder .checkout_total_row,
.form--quick-checkout .checkout_holder .checkout_total_row {
background-color: #eee;
padding: 10px;
display: flex;
justify-content: flex-end;
font-weight: 600;
margin-top: 50px;
}
.form--checkout .checkout_holder .checkout_total_row .checkout_total_label,
.form--quick-checkout .checkout_holder .checkout_total_row .checkout_total_label {
margin-right: 15px;
}
.form--checkout .checkout_holder .checkout_total_row .checkout_total_value,
.form--quick-checkout .checkout_holder .checkout_total_row .checkout_total_value {
float: right;
}
.form--checkout .voucher_holder .voucher_row,
.form--quick-checkout .voucher_holder .voucher_row {
display: none;
justify-content: right;
align-items: center;
padding: 10px 0;
}
.form--checkout .voucher_holder .voucher_row.d-flex,
.form--quick-checkout .voucher_holder .voucher_row.d-flex {
display: flex;
}
@media screen and (max-width: 990px) {
.form--checkout .voucher_holder .voucher_row.d-flex,
.form--quick-checkout .voucher_holder .voucher_row.d-flex {
display: block;
}
}
.form--checkout .voucher_holder .voucher_row .voucher_message,
.form--quick-checkout .voucher_holder .voucher_row .voucher_message {
width: 60%;
flex-shrink: 0;
text-align: right;
padding-right: 15px;
}
@media screen and (max-width: 768px) {
.form--checkout .voucher_holder .voucher_row .voucher_message,
.form--quick-checkout .voucher_holder .voucher_row .voucher_message {
width: 50%;
}
}
@media screen and (max-width: 450px) {
.form--checkout .voucher_holder .voucher_row .voucher_message,
.form--quick-checkout .voucher_holder .voucher_row .voucher_message {
margin-bottom: 5px;
width: 100%;
text-align: left;
}
}
.form--checkout .voucher_holder .voucher_row .voucher_message p,
.form--quick-checkout .voucher_holder .voucher_row .voucher_message p {
margin: 0;
}
.form--checkout .voucher_holder .voucher_row .voucher,
.form--quick-checkout .voucher_holder .voucher_row .voucher {
width: 40%;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.form--checkout .voucher_holder .voucher_row .voucher,
.form--quick-checkout .voucher_holder .voucher_row .voucher {
width: 50%;
}
}
@media screen and (max-width: 450px) {
.form--checkout .voucher_holder .voucher_row .voucher,
.form--quick-checkout .voucher_holder .voucher_row .voucher {
width: 100%;
}
}
.form--checkout .title_buttons_holder,
.form--quick-checkout .title_buttons_holder {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.form--checkout .title_buttons_holder h4,
.form--quick-checkout .title_buttons_holder h4 {
width: 100%;
flex-shrink: 0;
order: 2;
}
}
@media screen and (max-width: 1200px) {
.form--checkout .title_buttons_holder .user_buttons_holder,
.form--quick-checkout .title_buttons_holder .user_buttons_holder {
width: 100%;
flex-shrink: 0;
}
}
.form--checkout .title_buttons_holder .user_buttons_holder a,
.form--quick-checkout .title_buttons_holder .user_buttons_holder a {
padding: 12px 30px;
margin: 0 0 0 20px;
background: #3c3838;
color: #fff;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
transition: all 0.2s ease-in-out;
border: 1px solid #000;
}
@media screen and (max-width: 1200px) {
.form--checkout .title_buttons_holder .user_buttons_holder a,
.form--quick-checkout .title_buttons_holder .user_buttons_holder a {
margin: 0 20px 20px 0;
}
}
.form--checkout .title_buttons_holder .user_buttons_holder a:hover,
.form--quick-checkout .title_buttons_holder .user_buttons_holder a:hover {
background-color: #fff;
color: #000;
}
.form--checkout .title_buttons_holder .user_buttons_holder a:hover span:after,
.form--quick-checkout .title_buttons_holder .user_buttons_holder a:hover span:after {
width: 100%;
}
.form--checkout .title_buttons_holder .user_buttons_holder a span,
.form--quick-checkout .title_buttons_holder .user_buttons_holder a span {
position: relative;
}
.form--checkout .title_buttons_holder .user_buttons_holder a span:after,
.form--quick-checkout .title_buttons_holder .user_buttons_holder a span:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #000;
transition: all 0.2s ease-in-out;
}
.form--checkout .float-align,
.form--quick-checkout .float-align {
width: 100%;
padding: 10px;
text-align: right;
background-color: #fff;
border-top: 1px solid #e4e4e4;
color: #000;
}
.form--checkout .float-align span,
.form--quick-checkout .float-align span {
float: left;
font-weight: 600;
max-width: 65%;
text-align: left;
}
.form--checkout .float-align span.js-checkout-delivery-price,
.form--quick-checkout .float-align span.js-checkout-delivery-price {
float: right;
}
.form--checkout .checkout_buttons,
.form--quick-checkout .checkout_buttons {
margin-top: 30px;
}
.form--checkout .checkout_buttons .back_to_cart_btn,
.form--quick-checkout .checkout_buttons .back_to_cart_btn {
color: #3c3838;
font-weight: 600;
padding: 10px 0;
display: inline-block;
}
.form--checkout .checkout_buttons .checkout_submit_btn,
.form--quick-checkout .checkout_buttons .checkout_submit_btn {
padding: 12px 20px;
background-color: #3c3838;
color: #fff;
border: 1px solid #3c3838;
float: right;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 450px) {
.form--checkout .checkout_buttons .checkout_submit_btn,
.form--quick-checkout .checkout_buttons .checkout_submit_btn {
padding: 10px 20px;
}
}
@media screen and (max-width: 350px) {
.form--checkout .checkout_buttons .checkout_submit_btn,
.form--quick-checkout .checkout_buttons .checkout_submit_btn {
padding: 7px 20px;
}
}
.form--checkout .checkout_buttons .checkout_submit_btn:hover,
.form--quick-checkout .checkout_buttons .checkout_submit_btn:hover {
background-color: #fff;
color: #000;
}
.form--checkout .checkout_buttons .checkout_submit_btn:hover span:after,
.form--quick-checkout .checkout_buttons .checkout_submit_btn:hover span:after {
width: 100%;
}
.form--checkout .checkout_buttons .checkout_submit_btn span,
.form--quick-checkout .checkout_buttons .checkout_submit_btn span {
position: relative;
}
.form--checkout .checkout_buttons .checkout_submit_btn span:after,
.form--quick-checkout .checkout_buttons .checkout_submit_btn span:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: #000;
transition: all 0.2s ease-in-out;
}
.form--checkout .firm_details,
.form--quick-checkout .firm_details {
text-align: center;
margin: 30px 0;
}
@media (max-width: 1200px) {
.section--footer .row > div {
margin-bottom: 15px;
}
}
@media (max-width: 360px) {
.btn-checkout,
.btn-continue-shopping,
.btn-empty-cart,
.btn-update-cart {
display: block !important;
margin-right: 0 !important;
float: none !important;
width: 100% !important;
}
.btn-continue-shopping,
.btn-update-cart {
margin-bottom: 10px !important;
}
.cart-items-table tr.warning td {
text-align: right;
}
}
#mc-embedded-subscribe {
display: block;
width: 100%;
}
.owl-carousel .owl-item img.card--product_image-wrapper_image {
display: inline-block;
margin-left: -5px;
}
.card--product_image-wrapper {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.card--product_title {
height: 41px;
overflow: hidden;
margin-top: 10px;
}
.section--searched {
margin-top: 25px;
padding: 20px;
margin-bottom: -25px;
background-color: #fcfcfc;
}
.typeahead__list {
padding: 0;
}
.typeahead__dropdown > li > a:focus,
.typeahead__dropdown > li > a:hover,
.typeahead__list > li > a:focus,
.typeahead__list > li > a:hover {
background-color: #5bc0de;
}
.typeahead__dropdown > li > a:focus > div > a,
.typeahead__dropdown > li > a:hover > div > a,
.typeahead__list > li > a:focus > div > a,
.typeahead__list > li > a:hover > div > a {
color: #fff;
}
.typeahead__dropdown > li.active > a,
.typeahead__list > li.active > a {
background-color: #429dbf;
}
.typeahead__dropdown > li.active > a > div > a,
.typeahead__list > li.active > a > div > a {
color: #fff;
}
.typeahead__list > li > a > div > a:hover {
text-decoration: none;
color: #fff;
}
.typeahead__dropdown,
.typeahead__list {
border-color: #f6f6f6;
}
.typeahead__list > li {
border-top: 1px solid #f6f6f6;
}
.navbar {
margin-bottom: 0;
}
.carousel-controls {
padding: 0 7px;
}
.carousel-controls i {
color: #d6d6d6;
transition: color 0.45s ease;
}
.carousel-controls i:hover {
cursor: pointer;
color: #869791;
}
.out-of-stock-label {
color: #d43f3a;
}
.limited-stock-label {
color: #eea236;
}
.sufficient-stock-label {
color: #5cb85c;
}
.card--product_title a {
color: #7a7a7a;
}
.card--product_title a:hover {
text-decoration: none;
color: #000;
}
.card--product_price--regular {
padding-left: 5px;
vertical-align: text-top;
}
.card--product a.btn {
text-transform: uppercase;
}
.load-categories-icon {
position: absolute;
top: 13px;
right: 10px;
}
.load-categories-icon:hover {
cursor: pointer;
}
.menu--categories_item {
position: relative;
}
.navbar-default {
z-index: 8000 !important;
}
.typeahead__container button,
.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
font-size: 14px;
}
.typeahead__container {
font: 14px Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
}
#cookie-bar {
padding: 0;
}
#cookie-bar .cb-policy,
#cookie-bar .cb-policy:hover {
background-color: transparent;
text-decoration: underline;
}
#cookie-bar .cb-enable,
#cookie-bar .cb-policy {
margin: 0;
height: 50px;
line-height: 50px;
}
#cookie-bar .cb-enable {
float: right;
padding: 0 10px;
}
@media screen and (max-width: 768px) {
#cookie-bar {
padding-top: 10px;
}
#cookie-bar .cb-policy {
height: auto;
line-height: normal;
}
#cookie-bar .cb-enable {
margin-top: 10px;
width: 100%;
padding: 0 10px;
display: block;
height: 35px;
line-height: 35px;
}
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent transparent transparent #ccc;
border-style: solid;
border-width: 5px 0 5px 5px;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
border-radius: 6px 0 6px 6px;
}
.blog-carousel .blog-box a {
display: block;
}
.blog-carousel .blog-box a:hover {
text-decoration: none;
}
.blog-carousel .blog-box a:hover .image-container .image {
transform: scale(1.1);
}
.blog-carousel .blog-box a .image-container {
height: 200px;
overflow: hidden;
}
.blog-carousel .blog-box a .image-container .image {
background-size: cover;
background-position: 50%;
height: 100%;
transition: transform 0.45s ease;
}
.blog-carousel .blog-box a .title {
color: #000;
font-size: 18px;
margin: 10px 0;
font-weight: 600;
height: 50px;
overflow: hidden;
}
.blog-carousel .blog-box a .info {
margin-bottom: 5px;
font-weight: 700;
color: #333;
}
#orders .cancel-order-button {
padding: 2px 15px;
color: #fff;
font-size: 12px;
}
@-webkit-keyframes pulse-ring {
0% {
transform: scale(0.33);
}
90%,
to {
opacity: 0;
}
}
@keyframes pulse-ring {
0% {
transform: scale(0.33);
}
90%,
to {
opacity: 0;
}
}
html {
font-size: 10px;
-moz-osx-font-smoothing: grayscale;
scroll-behavior: smooth;
}
body,
html {
-webkit-font-smoothing: antialiased;
}
body {
color: #8f8f8f;
font-size: 1.6rem;
font-family: Montserrat, sans-serif;
line-height: 1.3;
text-rendering: optimizeLegibility;
background-color: #000;
}
body.no-overflow {
overflow: hidden;
}
body.homepage .the-container .main-content-wrapper {
padding: 0;
}
a {
transition: all 0.5s ease;
}
a,
a:focus,
a:hover {
color: #c5a080;
text-decoration: none;
}
a:focus,
a:hover {
outline: none;
outline-offset: unset;
}
@media screen and (min-width: 768px) {
.container {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.container {
width: 100%;
}
}
@media screen and (min-width: 1200px) {
.container {
width: 1170px;
}
}
button,
input {
outline: none;
}
button:focus,
input:focus {
outline: none !important;
}
.container-fluid {
width: 100%;
max-width: 1700px;
padding: 0 50px;
}
@media screen and (max-width: 768px) {
.container-fluid {
padding: 0 20px;
}
}
@media screen and (max-width: 550px) {
.container-fluid {
padding: 0 15px;
}
}
.main-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #c5a080;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
padding: 15px 50px;
border: 1px solid #2e2926;
transition: all 0.2s ease;
background: #080a0c;
overflow: hidden;
}
@media screen and (max-width: 1600px) {
.main-btn {
font-size: 1.4rem;
padding: 15px 30px;
}
}
@media screen and (max-width: 1200px) {
.main-btn {
padding: 10px 15px;
}
}
.main-btn:after,
.main-btn:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(197, 160, 128, 0.1);
transform: skewX(25deg) translateX(-120%);
transition: all 0.5s ease;
}
.main-btn:after {
transition-delay: 0.1s;
}
.main-btn:hover {
color: #fff;
}
.main-btn:hover:before {
transform: skewX(25deg) translateX(-10%);
}
.main-btn:hover:after {
transform: skewX(25deg) translateX(-30%);
}
.main-btn.small-padding {
padding: 15px 20px;
}
@media screen and (max-width: 1200px) {
.main-btn.small-padding {
padding: 10px 14px;
}
}
.main-btn.small-icon-padding {
padding: 10px 12px;
}
.main-btn.inverted {
color: #fff;
border: 1px solid #fff;
}
.main-btn.inverted:hover {
color: #c5a080;
}
.main-btn.selected {
color: #080a0c;
background: #c5a080;
}
.main-btn span {
position: relative;
}
.main-btn i {
letter-spacing: 0;
}
.content-elements h1 {
position: relative;
font-size: 5rem;
font-weight: 200;
color: #fff;
margin: 0;
}
@media screen and (max-width: 1200px) {
.content-elements h1 {
font-size: 4rem;
}
}
@media screen and (max-width: 1024px) {
.content-elements h1 {
font-size: 3rem;
}
}
@media screen and (max-width: 550px) {
.content-elements h1 {
font-size: 2.6rem;
}
}
.content-elements h2,
.content-elements h3 {
position: relative;
font-size: 4rem;
font-weight: 200;
color: #fff;
margin: 0;
}
@media screen and (max-width: 1280px) {
.content-elements h2,
.content-elements h3 {
font-size: 3rem;
}
}
@media screen and (max-width: 550px) {
.content-elements h2,
.content-elements h3 {
font-size: 2.6rem;
}
}
@media screen and (max-width: 350px) {
.content-elements h3 {
font-size: 2rem;
}
}
.content-elements h4 {
text-transform: uppercase;
letter-spacing: 2px;
color: #c5a080;
}
.content-elements h4,
.content-elements p {
position: relative;
font-size: 2rem;
font-weight: 100;
margin: 0;
}
.content-elements p {
color: #fff;
}
@media screen and (max-width: 1280px) {
.content-elements p {
font-size: 1.6rem;
}
}
.content-elements p strong {
font-weight: 300;
}
.custom-checkbox {
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
.custom-checkbox input {
width: unset !important;
height: unset !important;
margin: 0;
}
.custom-checkbox label {
margin: 0;
}
.custom-checkbox label a {
font-weight: 400;
}
.custom-checkbox label a:hover {
color: #f0a83a;
}
.loading-screen-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #08090c;
transition: all 0.5s ease;
z-index: 999999999999999;
}
.loading-screen-wrapper.complete {
-webkit-animation: fadeOut 2s forwards;
animation: fadeOut 2s forwards;
}
.loading-screen-wrapper .loading-screen {
height: 100%;
}
.fixed-menu-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 60px;
display: flex;
align-items: center;
background: #221d1b;
}
@media screen and (max-width: 991px) {
.fixed-menu-wrapper {
display: none;
}
}
.fixed-menu-wrapper .fixed-menu {
width: 100%;
display: flex;
flex-flow: column;
gap: 1px;
}
.fixed-menu-wrapper .fixed-menu .menu-item-wrapper {
position: relative;
width: 60px;
height: 60px;
}
.fixed-menu-wrapper .fixed-menu .menu-item-wrapper:hover .menu-icon {
background: #080a0c;
}
.fixed-menu-wrapper .fixed-menu .menu-item-wrapper:hover .menu-title {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.fixed-menu-wrapper .fixed-menu .menu-item-wrapper .menu-icon {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(8, 10, 12, 0.6);
transition: all 0.5s ease;
}
.fixed-menu-wrapper .fixed-menu .menu-item-wrapper .menu-title {
position: absolute;
right: 100%;
padding: 0 20px;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
white-space: nowrap;
background: #080a0c;
border: 1px solid #000;
transform: translateX(24px);
z-index: -1;
}
.fixed-menu-wrapper .fixed-menu .menu-item-wrapper .menu-title,
.search-menu {
top: 0;
bottom: 0;
display: flex;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
}
.search-menu {
position: fixed;
right: 0;
left: 0;
background: linear-gradient(315deg, #000, #221d1b);
z-index: 1999999999;
}
.search-menu.active {
opacity: 1;
visibility: visible;
}
.search-menu .close-search-menu {
position: absolute;
top: 30px;
right: 30px;
width: 36px;
height: 36px;
background: #221d1b;
cursor: pointer;
transition: all 0.5s ease;
}
.search-menu .close-search-menu:hover {
background: #5e5650;
}
.search-menu .close-search-menu:hover span {
background: #221d1b;
}
.search-menu .close-search-menu span {
position: absolute;
top: 50%;
right: 0;
left: 50%;
width: 50%;
height: 2px;
background: #c5a080;
transition: all 0.2s ease;
}
.search-menu .close-search-menu span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
.search-menu .close-search-menu span:nth-child(2) {
transform: translate(-50%, -50%) rotate(-45deg);
}
.search-menu .search-form-wrapper {
position: relative;
width: 100%;
}
.search-menu .search-form-wrapper .search-form {
position: relative;
display: flex;
}
.search-menu .search-form-wrapper .search-form input {
position: relative;
padding: 30px;
color: #fff;
font-size: 2rem;
font-weight: 300;
border: 1px solid #2e2926;
border-radius: unset;
background: unset;
}
.search-menu .search-form-wrapper .search-form input:focus {
box-shadow: none;
}
.side-menu-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.5);
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1999999998;
}
.side-menu-overlay.active {
opacity: 1;
visibility: visible;
}
.side-menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 400px;
display: flex;
flex-flow: column;
align-items: flex-end;
gap: 20px;
padding: 70px 30px 8px;
background: linear-gradient(315deg, #000, #221d1b);
transform: translateX(calc(100% + 5px));
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1999999999;
}
@media screen and (max-width: 550px) {
.side-menu {
width: unset;
}
}
.side-menu.active {
transform: translateX(0);
}
.side-menu .close-side-menu {
position: absolute;
top: 30px;
right: 30px;
width: 36px;
height: 36px;
background: #221d1b;
cursor: pointer;
transition: all 0.5s ease;
}
.side-menu .close-side-menu:hover {
background: #5e5650;
}
.side-menu .close-side-menu:hover span {
background: #221d1b;
}
.side-menu .close-side-menu span {
position: absolute;
top: 50%;
right: 0;
left: 50%;
width: 50%;
height: 2px;
background: #c5a080;
transition: all 0.2s ease;
}
.side-menu .close-side-menu span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
.side-menu .close-side-menu span:nth-child(2) {
transform: translate(-50%, -50%) rotate(-45deg);
}
.side-menu .side-menu-list {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
gap: 30px;
overflow: auto;
}
.side-menu .side-menu-list > .menu-item {
position: relative;
display: flex;
flex-flow: column;
gap: 10px;
}
.side-menu .side-menu-list > .menu-item > span {
position: relative;
color: #5e5650;
font-size: 2rem;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #c5a080;
z-index: 1;
transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
.side-menu .side-menu-list > .menu-item > span {
font-size: 2rem;
}
}
.side-menu .side-menu-list > .menu-item .submenu-title {
position: relative;
display: flex;
align-items: center;
gap: 20px;
padding: 5px 20px 5px 5px;
}
.side-menu .side-menu-list > .menu-item .submenu-title:hover:before {
background: #2e2926;
}
.side-menu .side-menu-list > .menu-item .submenu-title:hover .submenu-icon {
background: #000;
}
.side-menu .side-menu-list > .menu-item .submenu-title:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background: rgba(46, 41, 38, 0.4);
transition: all 0.5s ease;
}
.side-menu .side-menu-list > .menu-item .submenu-title .submenu-icon {
position: relative;
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
padding: 2px;
background: #080a0c;
-webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
transition: all 0.5s ease;
}
@media screen and (max-width: 550px) {
.side-menu .side-menu-list > .menu-item .submenu-title .submenu-icon {
width: 34px;
height: 34px;
}
}
.side-menu .side-menu-list > .menu-item .submenu-title .submenu-icon i {
position: relative;
color: #5e5650;
transition: all 0.5s ease;
}
.side-menu .side-menu-list > .menu-item .submenu-title span {
position: relative;
color: #c5a080;
font-size: 1.6rem;
}
.side-menu .side-menu-list > .menu-item .submenu {
position: relative;
display: flex;
flex-flow: column;
padding: 0 0 0 50px;
}
.side-menu .side-menu-list > .menu-item .submenu .menu-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px 20px;
color: #000;
border-radius: 30px;
transition: all 0.5s ease;
}
.side-menu .side-menu-list > .menu-item .submenu .menu-item:hover {
color: #5e5650;
background: #fff;
}
.side-menu .side-menu-list > .menu-item .submenu .menu-item:hover img {
opacity: 1;
}
.side-menu .side-menu-list > .menu-item .submenu .menu-item span {
font-size: 2rem;
font-weight: 200;
}
@media screen and (max-width: 991px) {
.side-menu .side-menu-list > .menu-item .submenu .menu-item span {
font-size: 1.8rem;
}
}
.side-menu .side-menu-list > .menu-item .submenu .menu-item img {
opacity: 0;
transition: all 0.5s ease;
}
.filters-menu-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
transform: translateX(-100%);
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1999999998;
}
.filters-menu-overlay.active {
transform: translateX(0);
}
.filters-menu {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 400px;
display: flex;
flex-flow: column;
align-items: flex-end;
gap: 20px;
padding: 70px 0 0;
background: linear-gradient(315deg, #000, #221d1b);
transform: translateX(-100%);
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1999999999;
}
@media screen and (max-width: 550px) {
.filters-menu {
width: unset;
}
}
.filters-menu.active {
transform: translateX(0);
}
.filters-menu .close-filters-menu {
position: absolute;
top: 30px;
right: 30px;
width: 36px;
height: 36px;
background: #221d1b;
cursor: pointer;
transition: all 0.5s ease;
}
.filters-menu .close-filters-menu:hover {
background: #5e5650;
}
.filters-menu .close-filters-menu:hover span {
background: #221d1b;
}
.filters-menu .close-filters-menu span {
position: absolute;
top: 50%;
right: 0;
left: 50%;
width: 50%;
height: 2px;
background: #c5a080;
transition: all 0.2s ease;
}
.filters-menu .close-filters-menu span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
.filters-menu .close-filters-menu span:nth-child(2) {
transform: translate(-50%, -50%) rotate(-45deg);
}
.filters-menu .filters-menu-list {
position: relative;
width: 100%;
display: flex;
flex-flow: column;
padding: 40px 20px;
max-height: 100%;
overflow: auto;
}
.filters-menu .filters-menu-list .form--category-filters {
position: -webkit-sticky;
position: sticky;
top: 190px;
}
.filters-menu .filters-menu-list .form--category-filters .list--applied-filters {
padding: 10px 0;
background: #080a0c;
}
.filters-menu .filters-menu-list .form--category-filters .list--applied-filters .list-group-item {
border: unset;
border-radius: unset;
margin: unset;
padding: 10px 20px;
background: #080a0c;
}
.filters-menu .filters-menu-list .form--category-filters .list--applied-filters .list-group-item a {
color: #c5a080;
}
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter {
margin: 0;
padding: 10px 20px;
font-size: 1.8rem;
color: #c5a080;
background: none;
border: unset;
border-radius: 0;
}
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values {
padding: 10px 0 0;
}
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value {
padding: 5px 0 5px 35px;
}
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox {
position: relative;
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox input,
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox input[type="checkbox"]:focus + label:before,
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox input[type="radio"]:focus + label:before {
outline: unset;
}
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox input[type="checkbox"]:checked + label:before,
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox input[type="radio"]:checked + label:before {
background: #c5a080;
}
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox input[type="checkbox"]:checked + label:after,
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox input[type="radio"]:checked + label:after {
color: #080a0c;
}
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox label {
position: relative;
padding: 0 0 0 25px;
font-size: 1.6rem;
font-weight: 300;
}
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox label:before {
top: 50%;
left: 0;
transform: translateY(-50%);
width: 15px;
height: 15px;
margin: unset;
border: 1px solid #c5a080;
border-radius: unset;
background: #000;
}
.filters-menu .filters-menu-list .form--category-filters .category-filters_filter .category-filters_values .category-filters_values_value > .checkbox label:after {
top: 50%;
left: 3px;
transform: translateY(-50%);
width: 15px;
height: 15px;
margin: unset;
padding: unset;
}
.filters-menu .filters-menu-list .form--category-filters .category-price-range .form-control {
color: #fff;
border: unset;
border-radius: unset;
text-align: center;
background: #080a0c;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
.filters-menu .filters-menu-list .form--category-filters .category-price-range .input-group-addon {
font-weight: 400;
font-size: 1.6rem;
color: #c5a080;
border: unset;
background: #080a0c;
}
.filters-menu .filters-menu-list .form--category-filters .category-price-range .category-price-range_slider {
width: 100%;
height: 10px;
background: #080a0c;
border: unset;
box-shadow: unset;
}
.filters-menu .filters-menu-list .form--category-filters .category-price-range .category-price-range_slider .noUi-base {
width: 100%;
}
.filters-menu .filters-menu-list .form--category-filters .category-price-range .category-price-range_slider .noUi-base .noUi-connects .noUi-connect {
background: #c5a080;
}
.filters-menu .filters-menu-list .form--category-filters .category-price-range .category-price-range_slider .noUi-base .noUi-origin .noUi-handle {
top: -5px;
width: 20px;
height: 20px;
border: 1px solid #080a0c;
border-radius: 0;
background: #c5a080;
box-shadow: unset;
}
.filters-menu .filters-menu-list .form--category-filters .category-price-range .category-price-range_slider .noUi-base .noUi-origin .noUi-handle.noUi-active {
box-shadow: unset;
}
.filters-menu .filters-menu-list .form--category-filters .category-price-range .category-price-range_slider .noUi-base .noUi-origin .noUi-handle:after,
.filters-menu .filters-menu-list .form--category-filters .category-price-range .category-price-range_slider .noUi-base .noUi-origin .noUi-handle:before {
display: none;
}
.filters-menu .filters-menu-list .form--category-filters .category-price-range .category-price-range_slider .noUi-base .noUi-origin .noUi-handle.noUi-handle-lower {
left: 100%;
}
.filters-menu .filters-menu-list .form--category-filters .category-price-range .category-price-range_slider .noUi-base .noUi-origin .noUi-handle.noUi-handle-upper {
right: 0;
left: unset;
}
.filters-menu .filters-menu-list .form--category-filters .main-btn {
width: 100%;
}
.requestoffer-menu-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.5);
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1999999998;
}
.requestoffer-menu-overlay.active {
opacity: 1;
visibility: visible;
}
.requestoffer-menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 400px;
display: flex;
flex-flow: column;
align-items: flex-end;
gap: 20px;
padding: 100px 30px 30px;
background: linear-gradient(315deg, #000, #221d1b);
transform: translateX(calc(100% + 5px));
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1999999999;
}
@media screen and (max-width: 550px) {
.requestoffer-menu {
width: unset;
}
}
.requestoffer-menu.active {
transform: translateX(0);
}
.requestoffer-menu .close-requestoffer-menu {
position: absolute;
top: 30px;
right: 30px;
width: 36px;
height: 36px;
background: #221d1b;
cursor: pointer;
transition: all 0.5s ease;
}
.requestoffer-menu .close-requestoffer-menu:hover {
background: #5e5650;
}
.requestoffer-menu .close-requestoffer-menu:hover span {
background: #221d1b;
}
.requestoffer-menu .close-requestoffer-menu span {
position: absolute;
top: 50%;
right: 0;
left: 50%;
width: 50%;
height: 2px;
background: #c5a080;
transition: all 0.2s ease;
}
.requestoffer-menu .close-requestoffer-menu span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
.requestoffer-menu .close-requestoffer-menu span:nth-child(2) {
transform: translate(-50%, -50%) rotate(-45deg);
}
.requestoffer-menu .requestoffer-menu-content {
height: 100%;
overflow: auto;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form {
position: relative;
width: 100%;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 25px;
margin: 50px 0 0;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form input {
width: 100%;
padding: 1em;
outline: 0;
color: #fff;
border: unset;
border-bottom: 1px solid rgba(197, 160, 128, 0.4);
background: unset;
transition: all 0.5s ease;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form input:focus,
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form input:hover {
border-bottom: 1px solid rgba(197, 160, 128, 0.7);
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form input::-moz-placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form input:-ms-input-placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form input::placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form textarea {
width: 100%;
height: 120px;
color: #fff;
padding: 1em;
outline: 0;
border: unset;
border-bottom: 1px solid rgba(197, 160, 128, 0.4);
background: unset;
transition: all 0.5s ease;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form textarea:focus,
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form textarea:hover {
border-bottom: 1px solid rgba(197, 160, 128, 0.7);
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form textarea::-moz-placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form textarea:-ms-input-placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form textarea::placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form .custom-checkbox label {
font-weight: 400;
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form .g-recaptcha {
display: flex;
justify-content: center;
}
@media screen and (max-width: 550px) {
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form .g-recaptcha {
max-width: 100%;
overflow: hidden;
}
}
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form button {
height: calc(100% - 2px);
outline: 0;
}
@media screen and (max-width: 550px) {
.requestoffer-menu .requestoffer-menu-content .contact-dealer-form button {
height: 50px;
}
}
.calculator-menu-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.5);
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1999999998;
}
.calculator-menu-overlay.active {
opacity: 1;
visibility: visible;
}
.calculator-menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 550px;
display: flex;
flex-flow: column;
align-items: flex-end;
gap: 20px;
padding: 70px 0 10px;
background: linear-gradient(315deg, #000, #221d1b);
transform: translateX(calc(100% + 5px));
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1999999999;
}
@media screen and (max-width: 550px) {
.calculator-menu {
width: unset;
}
}
.calculator-menu.active {
transform: translateX(0);
}
.calculator-menu .close-calculator-menu {
position: absolute;
top: 30px;
right: 30px;
width: 36px;
height: 36px;
background: #221d1b;
cursor: pointer;
transition: all 0.5s ease;
}
.calculator-menu .close-calculator-menu:hover {
background: #5e5650;
}
.calculator-menu .close-calculator-menu:hover span {
background: #221d1b;
}
.calculator-menu .close-calculator-menu span {
position: absolute;
top: 50%;
right: 0;
left: 50%;
width: 50%;
height: 2px;
background: #c5a080;
transition: all 0.2s ease;
}
.calculator-menu .close-calculator-menu span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
.calculator-menu .close-calculator-menu span:nth-child(2) {
transform: translate(-50%, -50%) rotate(-45deg);
}
.calculator-menu .calculator-menu-content {
padding: 0 30px;
overflow: auto;
}
.calculator-menu .calculator-menu-content .rate-calculator-form {
position: relative;
width: 100%;
display: grid;
grid-template-columns: repeat(1, 1fr);
margin: 30px 0 0;
}
.calculator-menu .calculator-menu-content .rate-calculator-form h3 {
color: #c5a080;
margin: 10px 0 20px;
}
.calculator-menu .calculator-menu-content .rate-calculator-form p {
margin: 0;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps {
display: none;
width: 100%;
height: 44px;
padding: 14px 0 0;
margin: 6px 0 30px;
overflow: hidden;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps input[type="range"] {
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #221d1b;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none;
top: -49px;
position: relative;
-webkit-appearance: none;
width: 100%;
height: 10px;
background: #221d1b;
outline: none;
border-radius: 10px;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
background: #c5a080;
cursor: pointer;
border-radius: 100%;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps input[type="range"]::-moz-range-thumb {
width: 20px;
height: 20px;
background: #c5a080;
cursor: pointer;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps > div {
display: flex;
align-items: stretch;
height: 20px;
margin-top: -6px;
position: relative;
width: 100%;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps > div > div {
color: #fff;
width: 100px;
font-size: 30px;
line-height: 75px;
text-align: center;
flex: 1;
border-right: 1px solid #221d1b;
border-left: 1px solid #221d1b;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps > div > div:first-of-type {
border-left: 2px solid #221d1b;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps > div > div:last-of-type {
border-right: 2px solid #221d1b;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps > div > span {
color: #c5a080;
font-size: 14px;
font-weight: 600;
line-height: 50px;
text-align: center;
flex: 1;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps > div.step-labels {
top: -10px;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps > div.step-labels span {
cursor: pointer;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .range-input-with-steps > div.step-marks {
width: calc(100% - 20px) !important;
margin-left: 10px;
}
.calculator-menu .calculator-menu-content .rate-calculator-form input:not([type="range"]) {
width: 100%;
padding: 10px 0;
margin: 0 0 30px;
outline: 0;
color: #fff;
border: unset;
border-bottom: 1px solid rgba(197, 160, 128, 0.4);
background: unset;
transition: all 0.5s ease;
}
.calculator-menu .calculator-menu-content .rate-calculator-form input:not([type="range"]):focus,
.calculator-menu .calculator-menu-content .rate-calculator-form input:not([type="range"]):hover {
border-bottom: 1px solid rgba(197, 160, 128, 0.7);
}
.calculator-menu .calculator-menu-content .rate-calculator-form input:not([type="range"])::-moz-placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.calculator-menu .calculator-menu-content .rate-calculator-form input:not([type="range"]):-ms-input-placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.calculator-menu .calculator-menu-content .rate-calculator-form input:not([type="range"])::placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.calculator-menu .calculator-menu-content .rate-calculator-form textarea {
width: 100%;
height: 120px;
color: #fff;
padding: 1em;
outline: 0;
border: unset;
border-bottom: 1px solid rgba(197, 160, 128, 0.4);
background: unset;
transition: all 0.5s ease;
}
.calculator-menu .calculator-menu-content .rate-calculator-form textarea:focus,
.calculator-menu .calculator-menu-content .rate-calculator-form textarea:hover {
border-bottom: 1px solid rgba(197, 160, 128, 0.7);
}
.calculator-menu .calculator-menu-content .rate-calculator-form textarea::-moz-placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.calculator-menu .calculator-menu-content .rate-calculator-form textarea:-ms-input-placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.calculator-menu .calculator-menu-content .rate-calculator-form textarea::placeholder {
color: #fff;
font-size: 1.6rem;
font-weight: 300;
}
.calculator-menu .calculator-menu-content .rate-calculator-form .g-recaptcha {
display: flex;
justify-content: center;
}
@media screen and (max-width: 550px) {
.calculator-menu .calculator-menu-content .rate-calculator-form .g-recaptcha {
max-width: 100%;
overflow: hidden;
}
}
.calculator-menu .calculator-menu-content .rate-calculator-form button {
height: calc(100% - 2px);
outline: 0;
}
@media screen and (max-width: 550px) {
.calculator-menu .calculator-menu-content .rate-calculator-form button {
height: 50px;
}
}
.the-container {
position: relative;
padding: 0 60px 0 0;
z-index: 0;
}
@media screen and (max-width: 991px) {
.the-container {
padding: 0;
}
}
.the-container .section--head {
position: absolute;
top: 0;
right: 60px;
left: 0;
z-index: 3;
}
@media screen and (max-width: 991px) {
.the-container .section--head {
right: 0;
}
}
.the-container .section--head .header-bar-wrapper {
position: fixed;
top: 0;
right: 60px;
left: 0;
transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
.the-container .section--head .header-bar-wrapper {
right: 0;
}
}
.the-container .section--head .header-bar-wrapper:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(8, 10, 12, 0);
transition: all 0.5s ease;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.the-container .section--head .header-bar-wrapper:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
background: linear-gradient(315deg, #000, #221d1b);
transition: all 0.5s ease;
z-index: -1;
}
.the-container .section--head .header-bar-wrapper .header-bar-submenu {
position: absolute;
right: 0;
left: 0;
padding: 30px 0;
background: #080a0c;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
}
.the-container .section--head .header-bar-wrapper .header-bar-submenu.active {
visibility: visible;
-webkit-animation: fadeIn 0.5s forwards;
animation: fadeIn 0.5s forwards;
}
.the-container .section--head .header-bar-wrapper .header-bar-submenu .header-submenu {
position: relative;
}
.the-container .section--head .header-bar-wrapper .header-bar-submenu .header-submenu .submenu-content {
position: relative;
display: none;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.the-container .section--head .header-bar-wrapper .header-bar-submenu .header-submenu .submenu-content.active {
display: grid;
}
.the-container .section--head .header-bar-wrapper .header-bar-submenu .header-submenu .submenu-content .submenu-content-list {
position: relative;
display: flex;
flex-flow: column;
gap: 25px;
}
.the-container .section--head .header-bar-wrapper .header-bar-submenu .header-submenu .submenu-content .submenu-content-list h3 {
color: #fff;
font-weight: 300;
margin: 0;
}
.the-container .section--head .header-bar-wrapper .header-bar-submenu .header-submenu .submenu-content .submenu-content-list .submenu-list {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 5px;
}
.the-container .section--head .header-bar-wrapper .header-bar-submenu .header-submenu .submenu-content .submenu-content-list .submenu-list a {
position: relative;
font-size: 1.6rem;
padding: 5px 10px;
background: #000;
}
.the-container .section--head .header-bar-wrapper .header-bar-submenu .header-submenu .submenu-content .submenu-content-list .submenu-list a:hover {
background: #2e2926;
}
.the-container .section--head .header-bar-wrapper .header-bar {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: center;
}
@media screen and (max-width: 1200px) {
.the-container .section--head .header-bar-wrapper .header-bar {
display: flex;
justify-content: space-between;
}
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col {
position: relative;
display: flex;
align-items: center;
gap: 2rem;
}
@media screen and (max-width: 1200px) {
.the-container .section--head .header-bar-wrapper .header-bar .header-col:first-child {
display: none;
}
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col:nth-child(2) {
justify-content: center;
}
@media screen and (max-width: 1200px) {
.the-container .section--head .header-bar-wrapper .header-bar .header-col:nth-child(2) {
justify-content: flex-start;
}
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col:nth-child(3) {
justify-content: flex-end;
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-menu {
display: flex;
align-items: center;
gap: 2rem;
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
@media screen and (max-width: 400px) {
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-menu {
gap: 1rem;
}
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-menu a {
position: relative;
display: flex;
color: #c5a080;
font-size: 1.8rem;
font-weight: 500;
}
@media screen and (max-width: 1366px) {
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-menu a {
font-size: 1.6rem;
}
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-menu a i {
font-size: 2.4rem;
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-menu a .js-wishlist-products-count {
position: absolute;
top: -4px;
right: -16px;
width: 17px;
height: 17px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
border: 1px solid #c5a080;
border-radius: 50%;
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-logo {
max-width: 100%;
padding: 2rem 0;
}
@media screen and (max-width: 550px) {
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-logo {
padding: 1rem 0;
}
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-logo img {
max-width: 100%;
height: 60px;
}
@media screen and (max-width: 550px) {
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-logo img {
height: 40px;
}
}
@media screen and (max-width: 350px) {
.the-container .section--head .header-bar-wrapper .header-bar .header-col .header-logo img {
height: 30px;
}
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .gtb {
position: relative;
width: 24px;
height: 24px;
overflow: hidden;
}
@media screen and (max-width: 550px) {
.the-container .section--head .header-bar-wrapper .header-bar .header-col .gtb {
display: none;
}
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .gtb .google_translate_btn {
width: 100%;
height: 100%;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .gtb .google_translate_btn #google_translate_element {
display: inline-block;
height: 100%;
width: 100%;
opacity: 0;
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .trigger-side-menu-wrapper {
padding: 11px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer;
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .trigger-side-menu-wrapper:focus .trigger-side-menu span:nth-child(2),
.the-container .section--head .header-bar-wrapper .header-bar .header-col .trigger-side-menu-wrapper:hover .trigger-side-menu span:nth-child(2) {
width: 70%;
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .trigger-side-menu-wrapper.active .trigger-side-menu span:first-child {
transform: rotate(45deg) translate(2px, -2px);
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .trigger-side-menu-wrapper.active .trigger-side-menu span:nth-child(2) {
width: 0;
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .trigger-side-menu-wrapper.active .trigger-side-menu span:nth-child(3) {
transform: rotate(-45deg) translate(2px, 2px);
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .trigger-side-menu-wrapper .trigger-side-menu {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-end;
justify-content: space-between;
width: 14px;
height: 12px;
}
.the-container .section--head .header-bar-wrapper .header-bar .header-col .trigger-side-menu-wrapper .trigger-side-menu span {
width: 100%;
height: 2px;
background: #c5a080;
transform-origin: left;
transition: all 0.2s ease;
}
.the-container .section--head .is-sticky .header-bar-wrapper {
box-shadow: 0 0 40px -20px #000;
}
.the-container .section--head .is-sticky .header-bar-wrapper:before {
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.the-container .section--head .is-sticky .header-bar-wrapper:after {
opacity: 1;
}
.the-container .section--inner-header {
position: relative;
z-index: 2;
}
.the-container .section--inner-header .product-header-bar-wrapper {
position: relative;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar {
position: relative;
padding: 5px 0;
background: #080a0c;
box-shadow: 0 0 40px #000;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-nav-items {
position: relative;
display: flex;
align-items: center;
gap: 15px;
}
@media screen and (max-width: 650px) {
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-nav-items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px;
}
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-nav-items .product-nav-item {
position: relative;
padding: 10px 20px;
background: #000;
}
@media screen and (max-width: 991px) {
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-nav-items .product-nav-item {
padding: 10px;
}
}
@media screen and (max-width: 650px) {
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-nav-items .product-nav-item {
padding: 2px 4px;
}
}
@media screen and (max-width: 400px) {
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-nav-items .product-nav-item {
font-size: 1.4rem;
}
}
@media screen and (max-width: 350px) {
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-nav-items .product-nav-item {
font-size: 1.2rem;
}
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-nav-items .product-nav-item:hover {
background: #221d1b;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-nav-items .product-nav-item.in-view {
background: #2e2926;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .breadcrumb {
position: relative;
padding: 0;
margin: 0 !important;
background: unset;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .breadcrumb > li a {
color: #fff;
font-weight: 200;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .breadcrumb > li a:focus,
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .breadcrumb > li a:hover {
color: #fff;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .breadcrumb > li + li:before {
content: "\BB";
font-weight: 200;
color: #fff;
padding: 0 5px;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .breadcrumb > .active {
color: #fff;
font-weight: 200;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-header-icons {
position: relative;
display: flex;
gap: 10px;
}
.the-container .section--inner-header .product-header-bar-wrapper .product-header-bar .product-header .product-header-icons .js-add-to-wishlist span {
position: absolute;
top: 0;
right: 0;
font-size: 1.1rem;
line-height: 1rem;
letter-spacing: 0;
}
.the-container .section--inner-header .inner-header {
position: relative;
min-height: 350px;
display: flex;
flex-flow: column;
align-items: center;
justify-content: flex-end;
text-align: center;
padding: 100px 50px 50px;
background-size: cover;
background-position: center 40%;
background-repeat: no-repeat;
}
@media screen and (max-width: 550px) {
.the-container .section--inner-header .inner-header {
min-height: 250px;
padding: 60px 15px 50px;
}
}
.the-container .section--inner-header .inner-header:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.the-container .section--inner-header .inner-header .breadcrumb {
position: relative;
padding: 0;
background: unset;
}
.the-container .section--inner-header .inner-header .breadcrumb > li a {
color: #fff;
font-weight: 200;
}
.the-container .section--inner-header .inner-header .breadcrumb > li a:focus,
.the-container .section--inner-header .inner-header .breadcrumb > li a:hover {
color: #fff;
}
.the-container .section--inner-header .inner-header .breadcrumb > li + li:before {
content: "\BB";
font-weight: 200;
color: #fff;
padding: 0 5px;
}
.the-container .section--inner-header .inner-header .breadcrumb > .active {
color: #fff;
font-weight: 200;
}
.the-container .section--inner-header .inner-header .main-btn {
position: absolute;
bottom: 0;
border: 1px solid #c5a080;
transform: translateY(50%);
z-index: 1;
}
.the-container .main-content-wrapper {
position: relative;
padding: 100px 0;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper {
padding: 70px 0;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper {
padding: 50px 0;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper {
height: 300px !important;
margin: 0 0 560px;
z-index: 1;
}
}
.the-container .main-content-wrapper .section--before-content .index-video-wrapper:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
}
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video {
top: 300px;
height: unset;
}
}
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .btns-wrapper {
position: absolute;
top: 120px;
right: 0;
left: 0;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .btns-wrapper {
top: -60px;
}
}
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .btns-wrapper .fixed-btns {
display: flex;
justify-content: flex-end;
}
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .index-video-content {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 20px;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .index-video-content {
padding: 30px 0 0;
}
}
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .index-video-content h2 {
color: #fff;
font-size: 5rem;
font-weight: 300;
margin: 0;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .index-video-content h2 {
font-size: 3rem;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .index-video-content h2 {
font-size: 2.4rem;
}
}
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .index-video-content p {
font-size: 2rem;
font-weight: 300;
color: #fff;
margin: 0;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .index-video-content p {
font-size: 1.6rem;
}
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .search-cars-form {
padding: 20px 0 0;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .search-cars-form {
padding: 30px 0 0;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .search-cars-form form {
width: 100%;
}
}
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .index-video-btn-wrapper {
display: flex;
padding: 20px 0 0;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--before-content .index-video-wrapper .index-video .index-video-btn-wrapper .main-btn {
width: 100%;
}
}
.the-container .main-content-wrapper .section--messages {
margin: 0;
}
.the-container .main-content-wrapper .search-cars-form {
position: relative;
display: flex;
padding: 50px 0 0;
}
.the-container .main-content-wrapper .search-cars-form form {
padding: 20px;
background: linear-gradient(315deg, #000, #221d1b);
}
.the-container .main-content-wrapper .search-cars-form form .form-selects {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .search-cars-form form .form-selects {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .search-cars-form form .form-selects > .bootstrap-select {
width: 100%;
min-width: 300px;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .search-cars-form form .form-selects > .bootstrap-select {
min-width: 250px;
}
}
.the-container .main-content-wrapper .search-cars-form form .form-selects input {
height: unset;
padding: 14px;
outline: 0 !important;
border: 1px solid #2e2926;
border-radius: 0;
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
color: #c5a080;
background: #080a0c;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .search-cars-form form .form-selects input {
font-size: 1.4rem;
padding: 12px 35px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .search-cars-form form .form-selects input {
padding: 12px 16px;
}
}
.the-container .main-content-wrapper .search-cars-form form .form-selects input::-moz-placeholder {
color: #c5a080;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects input:-ms-input-placeholder {
color: #c5a080;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects input::placeholder {
color: #c5a080;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects input::-internal-autofill-selected {
color: #c5a080 !important;
background: #080a0c !important;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects button {
padding: 14px;
outline: 0;
border: 1px solid #2e2926;
border-radius: 0;
background: #080a0c;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .search-cars-form form .form-selects button {
font-size: 1.4rem;
padding: 12px 35px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .search-cars-form form .form-selects button {
padding: 12px 16px;
}
}
.the-container .main-content-wrapper .search-cars-form form .form-selects button:focus {
outline: 1px solid #c5a080 !important;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects button.main-btn {
grid-column: 1 / span 2;
border: 1px solid #c5a080;
background: linear-gradient(315deg, #000, #221d1b);
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .search-cars-form form .form-selects button.main-btn {
grid-column: unset;
}
}
.the-container .main-content-wrapper .search-cars-form form .form-selects button .filter-option .filter-option-inner-inner {
font-size: 1.8rem;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
color: #c5a080;
transition: all 0.2s ease;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .search-cars-form form .form-selects button .filter-option .filter-option-inner-inner {
font-size: 1.4rem;
}
}
.the-container .main-content-wrapper .search-cars-form form .form-selects button .bs-caret {
color: #c5a080;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects .bootstrap-select > .dropdown-menu {
padding: 0;
margin: 0;
border: 1px solid #2e2926;
border-radius: 0;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects .bootstrap-select > .dropdown-menu .bs-searchbox {
background: #221d1b;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects .bootstrap-select > .dropdown-menu .bs-searchbox input {
outline: none;
border: none;
color: #fff;
background: #2e2926;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects .bootstrap-select > .dropdown-menu .inner.open {
max-height: 196px !important;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects .bootstrap-select > .dropdown-menu ul li a {
padding: 14px;
color: #fff;
background: #221d1b;
}
.the-container .main-content-wrapper .search-cars-form form .form-selects .bootstrap-select > .dropdown-menu ul .no-results {
color: #c5a080;
padding: 10px;
margin: 0;
background: #080a0c;
}
.the-container .main-content-wrapper .section--content {
margin: 0;
}
.the-container .main-content-wrapper .section--content .section-index-about-us {
position: relative;
padding: 150px 0;
background: #080a0c;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-about-us {
padding: 100px 0;
}
}
.the-container .main-content-wrapper .section--content .section-index-about-us .about-us-image-wrapper {
position: absolute;
top: 100px;
bottom: 100px;
left: 0;
width: 60%;
display: flex;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-about-us .about-us-image-wrapper {
top: 50px;
bottom: 50px;
}
}
.the-container .main-content-wrapper .section--content .section-index-about-us .about-us-image-wrapper .about-us-image {
position: relative;
width: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.the-container .main-content-wrapper .section--content .section-index-about-us .about-us-content-wrapper {
position: relative;
}
.the-container .main-content-wrapper .section--content .section-index-about-us .about-us-content-wrapper .about-us-content {
position: relative;
display: flex;
justify-content: flex-end;
}
.the-container .main-content-wrapper .section--content .section-index-about-us .about-us-content-wrapper .about-us-content .about-us-content-box {
position: relative;
width: 50%;
display: flex;
flex-flow: column;
align-items: flex-start;
padding: 50px;
gap: 20px;
background: linear-gradient(315deg, #000, #221d1b);
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-about-us .about-us-content-wrapper .about-us-content .about-us-content-box {
padding: 25px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .section-index-about-us .about-us-content-wrapper .about-us-content .about-us-content-box {
width: 90%;
}
}
.the-container .main-content-wrapper .section--content .section-products-scroller {
position: relative;
padding: 100px 0;
background: #000;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .section-products-scroller {
padding: 70px 0;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .section-products-scroller {
padding: 50px 0;
}
}
.the-container .main-content-wrapper .section--content .section-products-scroller .products-scroller {
position: relative;
display: flex;
flex-flow: column;
gap: 50px;
}
.the-container .main-content-wrapper .section--content .section-products-scroller .products-scroller .products-scroller-content {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
}
.the-container .main-content-wrapper .section--content .section-products-scroller .products-scroller .products-scroller-content .carousel-nav {
position: relative;
display: flex;
gap: 5px;
}
.the-container .main-content-wrapper .section--content .section-products-scroller .products-scroller .products-scroller-content .carousel-nav .next-item,
.the-container .main-content-wrapper .section--content .section-products-scroller .products-scroller .products-scroller-content .carousel-nav .prev-item {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.the-container .main-content-wrapper .section--content .section-index-categories {
position: relative;
padding: 100px 0;
background: #080a0c;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .section-index-categories {
padding: 70px 0;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .section-index-categories {
padding: 50px 0;
}
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category {
position: relative;
border: 5px solid #221d1b;
height: 350px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category {
height: 240px;
}
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category:hover {
border: 5px solid #c5a080;
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category:hover .index-category-image-wrapper .category-image {
transform: scale(1.05);
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category:hover .index-category-image-wrapper:after {
opacity: 0.5;
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category:nth-child(2),
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category:nth-child(6) {
grid-column: 2 / span 2;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category:nth-child(2),
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category:nth-child(6) {
grid-column: unset;
}
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category:nth-child(3) {
grid-column: 1 / span 2;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category:nth-child(3) {
grid-column: unset;
}
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category .index-category-image-wrapper {
position: relative;
height: 100%;
overflow: hidden;
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category .index-category-image-wrapper .category-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
transition: all 1s ease;
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category .index-category-image-wrapper:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(45deg, #000, transparent);
opacity: 0.7;
transition: all 0.5s ease;
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category .index-category-content-wrapper {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: flex-end;
gap: 50px;
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category .index-category-content-wrapper .category-content {
display: flex;
flex-flow: column;
gap: 10px;
padding: 20px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category .index-category-content-wrapper .category-content {
padding: 10px;
}
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category .index-category-content-wrapper .category-content h3 {
position: relative;
color: #fff;
margin: 0;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category .index-category-content-wrapper .category-content h3 {
font-size: 1.8rem;
}
}
.the-container .main-content-wrapper .section--content .section-index-categories .index-categories .index-category .index-category-content-wrapper .category-content p {
position: relative;
color: #fff;
margin: 0;
}
.the-container .main-content-wrapper .section--content .section-index-separator {
padding: 250px 0;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .section-index-separator {
padding: 150px 0;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .section-index-separator {
padding: 100px 0;
}
}
.the-container .main-content-wrapper .section--content .section-index-separator:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.8;
background: linear-gradient(315deg, #000, #221d1b);
}
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator {
flex-flow: column;
align-items: flex-start;
}
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator {
align-items: center;
}
}
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content {
position: relative;
display: flex;
flex-flow: column;
gap: 30px;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content {
align-items: center;
}
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .content-elements {
text-align: center;
}
}
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons {
position: relative;
display: flex;
gap: 50px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons {
gap: 20px;
}
}
@media screen and (max-width: 400px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons {
gap: 10px;
}
}
@media screen and (max-width: 350px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons {
flex-flow: column;
}
}
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons .separator-icon-wrapper {
position: relative;
display: flex;
align-items: center;
gap: 20px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons .separator-icon-wrapper {
gap: 10px;
}
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons .separator-icon-wrapper {
flex-flow: column;
}
}
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons .separator-icon-wrapper .separator-icon {
position: relative;
width: 60px;
height: 60px;
background-size: 50%;
background-position: 50%;
background-repeat: no-repeat;
background-color: #080a0c;
-webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons .separator-icon-wrapper .separator-icon {
width: 50px;
height: 50px;
}
}
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons .separator-icon-wrapper .separator-icon-content {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons .separator-icon-wrapper .separator-icon-content {
align-items: center;
}
}
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons .separator-icon-wrapper .separator-icon-content span {
color: #fff;
font-size: 2rem;
font-weight: 300;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons .separator-icon-wrapper .separator-icon-content span {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .separator-content .separator-icons .separator-icon-wrapper .separator-icon-content span:nth-child(2) {
color: #c5a080;
}
.the-container .main-content-wrapper .section--content .section-index-separator .index-separator .main-btn {
flex-shrink: 0;
}
.the-container .main-content-wrapper .section--content .section-index-boxes {
position: relative;
padding: 100px 0;
background: #000;
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
opacity: 0.1;
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes {
position: relative;
display: flex;
flex-flow: column;
gap: 50px;
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-content {
display: flex;
flex-flow: column;
align-items: center;
text-align: center;
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper {
gap: 25px;
}
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper {
display: flex;
flex-flow: column;
align-items: center;
}
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box {
position: relative;
min-height: 400px;
display: flex;
flex-flow: column;
gap: 20px;
padding: 20px;
background: #221d1b;
-webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
transition: all 0.5s ease;
}
@media screen and (max-width: 1366px) {
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box {
min-height: 310px;
}
}
@media screen and (max-width: 1024px) {
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box {
min-height: 280px;
}
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box {
width: 50%;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box {
width: 100%;
min-height: 330px;
}
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box:hover {
background: #c5a080;
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box:hover .index-box-image-wrapper .index-box-image {
transform: scale(1.05);
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box:hover .index-box-image-wrapper:after {
opacity: 0.5;
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box:hover h3 {
color: #c5a080;
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box .index-box-image-wrapper {
position: absolute;
top: 5px;
right: 5px;
bottom: 5px;
left: 5px;
-webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box .index-box-image-wrapper .index-box-image {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
transition: all 1s ease;
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box .index-box-image-wrapper:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(45deg, #000, transparent);
opacity: 0.7;
transition: all 0.5s ease;
}
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box h3 {
position: absolute;
bottom: 100px;
left: 50%;
transform: translateX(-50%);
color: #fff;
font-size: 4rem;
font-weight: 200;
text-align: center;
padding: 4px 10px;
margin: 0;
background: linear-gradient(315deg, #000, #221d1b);
transition: all 0.5s ease;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .section-index-boxes .index-boxes .index-boxes-wrapper .index-box h3 {
font-size: 3rem;
font-weight: 300;
}
}
.the-container .main-content-wrapper .section--content .section-index-news {
position: relative;
padding: 100px 0;
background: #000;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .section-index-news {
padding: 70px 0;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .section-index-news {
padding: 50px 0;
}
}
.the-container .main-content-wrapper .section--content .section-index-news .index-news {
position: relative;
display: flex;
flex-flow: column;
align-items: center;
gap: 25px;
}
.the-container .main-content-wrapper .section--content .section-index-news .index-news .news-box {
position: relative;
display: flex;
gap: 25px;
padding: 25px;
background: linear-gradient(315deg, #000, #221d1b);
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .section-index-news .index-news .news-box {
flex-flow: column;
}
}
.the-container .main-content-wrapper .section--content .section-index-news .index-news .news-box .box-image {
position: relative;
width: 250px;
min-height: 180px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
flex-shrink: 0;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .section-index-news .index-news .news-box .box-image {
width: 180px;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .section-index-news .index-news .news-box .box-image {
width: 100%;
min-height: 200px;
}
}
.the-container .main-content-wrapper .section--content .section-index-news .index-news .news-box .box-content {
position: relative;
display: flex;
flex-flow: column;
justify-content: center;
gap: 25px;
}
.the-container .main-content-wrapper .section--content .section-index-news .index-news .news-box .box-content h3 {
color: #c5a080;
font-size: 2rem;
font-weight: 300;
margin: 0;
}
.the-container .main-content-wrapper .section--content .section-index-news .index-news .news-box .box-content p {
margin: 0;
color: #8f8f8f;
}
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form {
width: 100%;
}
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form .form-selects {
grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form .form-selects {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 400px) {
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form .form-selects {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form .form-selects > .bootstrap-select {
width: 100%;
min-width: 170px;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form .form-selects > .bootstrap-select {
min-width: unset;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form .form-selects button {
padding: 12px 10px;
}
}
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form .form-selects button.main-btn {
grid-column: unset;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form .form-selects button.main-btn {
grid-column: 1 / span 2;
}
}
@media screen and (max-width: 400px) {
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form .form-selects button.main-btn {
grid-column: unset;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .category-search-wrapper .search-cars-form form .form-selects input {
padding: 12px 10px;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper {
position: relative;
padding: 100px 0;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper {
padding: 70px 0;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper {
padding: 50px 0;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content {
position: relative;
display: flex;
flex-flow: column;
gap: 50px;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list {
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item {
position: relative;
border: 5px solid #221d1b;
min-height: 350px;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item {
min-height: 300px;
}
}
@media screen and (max-width: 1366px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item {
min-height: 200px;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item {
min-height: 150px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item {
min-height: 120px;
}
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item {
min-height: 250px;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:hover {
border: 5px solid #c5a080;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:hover .category-item-image-wrapper .category-item-image {
transform: scale(1.05);
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:hover .category-item-image-wrapper:after {
opacity: 0.5;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(2),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(4),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(9),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(11),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(13),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(14) {
grid-column: span 2;
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(2),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(4),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(9),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(11),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(13),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(14) {
grid-column: span 1;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(4),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(9),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(13) {
grid-column: span 1;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(3),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(6),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(7),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(10) {
grid-column: span 2;
}
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(3),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(6),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(7),
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item:nth-child(10) {
grid-column: span 1;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item .category-item-image-wrapper {
position: relative;
height: 100%;
overflow: hidden;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item .category-item-image-wrapper .category-item-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
transition: all 1s ease;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item .category-item-image-wrapper:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(45deg, #000, transparent);
opacity: 0.7;
transition: all 0.5s ease;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item .category-item-content {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: flex;
padding: 20px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item .category-item-content {
padding: 10px;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item .category-item-content h3 {
position: relative;
color: #fff;
margin: 0;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list .category-item .category-item-content h3 {
font-size: 1.8rem;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .section-products-scroller {
padding: 0;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands {
position: relative;
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
@media screen and (max-width: 1400px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands {
gap: 25px;
}
}
@media screen and (max-width: 1024px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands {
gap: 15px;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item {
position: relative;
display: flex;
align-items: center;
border: 1px solid #080a0c;
background: #080a0c;
transition: all 0.5s ease;
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item {
flex-flow: column;
gap: 10px;
padding: 10px;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item:hover {
border: 1px solid #5e5650;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item .category-item-image {
position: relative;
width: 100px;
height: 100px;
background-size: 60%;
background-position: 50%;
background-repeat: no-repeat;
background-color: #221d1b;
flex-shrink: 0;
}
@media screen and (max-width: 1366px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item .category-item-image {
width: 70px;
height: 70px;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item .category-item-image {
width: 56px;
height: 56px;
}
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item .category-item-image {
background-size: contain;
background-color: unset;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item h3 {
position: relative;
font-size: 2rem;
font-weight: 400;
color: #c5a080;
padding: 0 20px;
margin: 0;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item h3 {
padding: 0 10px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item h3 {
font-size: 1.6rem;
}
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item h3 {
padding: 0;
}
}
@media screen and (max-width: 350px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .subcategories-list-brands .category-item h3 {
font-size: 1.4rem;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list {
position: relative;
width: 100%;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 25px;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls {
flex-flow: column;
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .js-sort-products {
display: flex;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .js-sort-products .btn-default {
background: #080a0c !important;
color: #c5a080 !important;
border: unset;
border-radius: unset;
box-shadow: unset;
outline: unset !important;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .js-sort-products > .dropdown-menu {
padding: unset;
border: unset;
border-radius: unset;
margin: unset;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .js-sort-products > .dropdown-menu .dropdown-menu {
background: #080a0c;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .js-sort-products > .dropdown-menu .dropdown-menu li a {
color: #d9d9d9;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .js-sort-products > .dropdown-menu .dropdown-menu li a:focus,
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .js-sort-products > .dropdown-menu .dropdown-menu li a:hover {
color: #000;
background: #c5a080;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .pagination {
margin: 0;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .pagination span {
border: unset;
border-radius: unset;
background: #080a0c;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .pagination a {
color: #c5a080;
border: unset;
border-radius: unset;
background: #080a0c;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .pagination a:focus,
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list-controls .pagination a:hover {
color: #000;
background: #c5a080;
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list {
position: relative;
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 70px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list {
grid-template-columns: repeat(3, 1fr);
gap: 50px;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .category-content-list .category-list {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .category-content-wrapper .category-content .alert {
margin: auto;
}
.the-container .main-content-wrapper .section--content .product-box {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
padding: 2px;
background: #080a0c;
overflow: hidden;
transition: all 0.5s ease;
}
.the-container .main-content-wrapper .section--content .product-box:hover {
background: #221d1b;
}
.the-container .main-content-wrapper .section--content .product-box .product-image {
position: relative;
width: 100%;
height: 200px;
display: flex;
flex-shrink: 0;
}
.the-container .main-content-wrapper .section--content .product-box .product-image > a {
width: 100%;
}
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper {
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
padding: 10px;
background: #000;
}
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper .product-details {
position: relative;
width: 100%;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 2px;
}
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper .product-details .product-details-item {
font-size: 1.4rem;
font-weight: 500;
display: flex;
gap: 10px;
}
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper .product-details .product-name {
width: 100%;
font-size: 2rem;
font-weight: 400;
color: #c5a080;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper .product-details .product-name {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper .product-details .product-price-wrapper {
position: relative;
display: flex;
gap: 25px;
padding: 5px 0 0;
}
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper .product-details .product-price-wrapper .product-price {
color: #fff;
font-size: 1.8rem;
font-weight: 300;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper .product-details .product-price-wrapper .product-price {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper .product-details .product-price-wrapper .product-price span {
font-size: 1.6rem;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper .product-details .product-price-wrapper .product-price span {
font-size: 1.4rem;
}
}
.the-container .main-content-wrapper .section--content .product-box .product-details-wrapper .product-btns-wrapper {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
}
.the-container .main-content-wrapper .section--content .section-contact-dealer {
position: relative;
}
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer {
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
}
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box {
position: relative;
display: flex;
align-items: center;
gap: 50px;
padding: 50px;
background: linear-gradient(90deg, #221d1b, #080a0c);
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box {
gap: 30px;
padding: 30px;
}
}
@media screen and (max-width: 1024px) {
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box {
gap: 15px;
padding: 30px 15px;
}
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box {
flex-flow: column;
}
}
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-image {
width: 200px;
height: 200px;
border: 1px solid #2e2926;
border-radius: 50%;
flex-shrink: 0;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-image {
width: 160px;
height: 160px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-image {
width: 120px;
height: 120px;
}
}
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-info {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 20px;
}
@media screen and (max-width: 1024px) {
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-info {
gap: 10px;
}
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-info {
align-items: center;
}
}
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-info h3 {
color: #fff;
font-size: 4rem;
font-weight: 200;
margin: 0;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-info h3 {
font-size: 3rem;
}
}
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-info .contact-item {
display: flex;
align-items: center;
gap: 10px;
}
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-info .contact-item:nth-child(5) {
display: none;
}
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-info .contact-item i {
font-size: 2rem;
}
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-box .dealer-info .contact-item span {
font-size: 2rem;
font-weight: 300;
}
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-map iframe {
width: 100%;
height: 100%;
min-height: 400px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .section-contact-dealer .contact-dealer .contact-dealer-map iframe {
min-height: 300px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one {
position: relative;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-title {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 100px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-title {
gap: 50px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-title .content-elements {
flex-shrink: 0;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-title:after {
content: "";
position: relative;
width: 100%;
height: 2px;
background: #2e2926;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details {
flex-flow: column;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details {
gap: 25px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details {
position: absolute;
left: 0;
width: 42%;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 25px;
padding: 50px;
background: linear-gradient(90deg, #080a0c 74%, transparent);
z-index: 1;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details {
padding: 25px;
}
}
@media screen and (max-width: 1400px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details {
width: 34%;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details {
gap: 15px;
padding: 20px;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details {
position: relative;
width: 100%;
left: unset;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details {
width: 100%;
padding: 10px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content {
position: relative;
display: flex;
flex-flow: column;
gap: 10px;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .print-btns {
display: flex;
gap: 5px;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .print-logo {
display: none;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .line {
width: 100%;
height: 1px;
background: #221d1b;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-name {
position: relative;
font-size: 3rem;
font-weight: 400;
color: #c5a080;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-name {
font-size: 2.4rem;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-name {
font-size: 2rem;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-price-wrapper .product-price {
position: relative;
font-size: 2rem;
font-weight: 300;
color: #fff;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-price-wrapper .product-price span {
font-size: 1.6rem;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-shortdescription {
position: relative;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-shortdescription p {
margin: 15px 0;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-shortdescription p {
margin: 0;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-btns-wrapper {
position: relative;
display: flex;
gap: 15px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-btns-wrapper {
gap: 4px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-btns-wrapper .small-padding {
flex-shrink: 0;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details .product-content .product-btns-wrapper .trigger-requestoffer-menu {
width: 100%;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images {
position: relative;
width: 60%;
display: flex;
gap: 10px;
}
@media screen and (max-width: 1400px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images {
width: 66%;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images {
position: relative;
width: 100%;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images {
flex-flow: column;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-video-btn {
position: absolute;
top: 20px;
left: 20px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.6);
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-video-btn .play-video-btn .play-btn {
width: 60px;
height: 60px;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .main-image {
position: relative;
width: 100%;
height: 509px;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .main-image {
height: 414px;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .main-image {
height: 310px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .main-image {
height: 230px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .main-image .js-img-object-container {
display: flex;
height: 100%;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .main-image .js-img-object-container img {
max-width: 100%;
height: 100%;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery {
position: relative;
width: 160px;
margin: 0;
flex-shrink: 0;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery {
width: 120px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery {
width: 100%;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-next,
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-prev {
position: absolute;
left: -10px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #c5a080;
border: 1px solid #2e2926;
border-radius: unset;
background: #2e2926;
transform: translateX(-100%);
z-index: 1;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-next,
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-prev {
transform: translateY(-100%);
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-prev {
top: 0;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-prev {
top: -10px;
left: 0;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-next {
bottom: 10px;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-next {
top: -10px;
right: 0;
bottom: unset;
left: unset;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-track {
margin-top: -5px;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-track {
margin-top: 0;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-track .slick-slide {
margin: 5px 0;
border: none;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .slick-track .slick-slide {
margin: 0 5px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .js-fancybox {
display: flex;
height: 120px;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .js-fancybox {
height: 96px;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-main-details-wrapper .section-product-main-details .product-main-details-images .product-vertical-gallery .js-fancybox {
height: 70px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details {
position: relative;
padding: 120px 0;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details {
padding: 70px 0;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details {
padding: 50px 0;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details {
position: relative;
display: flex;
flex-flow: column;
gap: 100px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details {
gap: 50px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details {
gap: 25px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper {
position: relative;
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px 150px;
}
@media screen and (max-width: 1024px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper {
gap: 25px 100px;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper .info-details-list {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 15px;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper .info-details-list:first-child {
grid-row: 1 / span 2;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper .info-details-list > h3 {
color: #c5a080;
font-size: 2.4rem;
font-weight: 300;
margin: 0;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper .info-details-list > h3 {
font-size: 2rem;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper .info-details-list .info-details-item {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper .info-details-list .info-details-item h4 {
font-size: 2rem;
font-weight: 300;
margin: 0;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper .info-details-list .info-details-item h4 {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-details .product-info-details .info-details-list-wrapper .info-details-list .info-details-item p {
margin: 0;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options {
position: relative;
padding: 120px 0;
background: #080a0c;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options {
padding: 70px 0;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options {
padding: 50px 0;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options .product-info-options {
position: relative;
display: flex;
flex-flow: column;
gap: 100px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options .product-info-options {
gap: 50px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options .product-info-options {
gap: 25px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options .product-info-options .info-options-list {
position: relative;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px 100px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options .product-info-options .info-options-list {
gap: 20px 50px;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options .product-info-options .info-options-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options .product-info-options .info-options-list {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options .product-info-options .info-options-list h4 {
display: flex;
align-items: center;
gap: 10px;
font-size: 2rem;
font-weight: 300;
margin: 0;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options .product-info-options .info-options-list h4 {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-options .product-info-options .info-options-list h4 span {
width: 14px;
height: 14px;
-webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
background: #f0a83a;
flex-shrink: 0;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-description {
position: relative;
padding: 120px 0;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-description {
padding: 70px 0;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-description {
padding: 50px 0;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-description .product-info-description {
position: relative;
display: flex;
flex-flow: column;
gap: 100px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-description .product-info-description {
gap: 50px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-description .product-info-description {
gap: 25px;
}
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-description .product-info-description .product-description {
max-height: 500px;
overflow: hidden;
transition: all 0.5s ease;
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-description .product-info-description .product-description .product-show-more-description {
position: absolute;
bottom: 0;
width: 100%;
height: 150px;
display: flex;
align-items: flex-end;
background: linear-gradient(0deg, #000 40%, transparent);
}
.the-container .main-content-wrapper .section--content .product-template-one .section-product-info-description .product-info-description .product-description .product-show-more-description span {
color: #c5a080;
cursor: pointer;
}
.the-container .main-content-wrapper .section--content .product-template-two {
position: relative;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page {
position: relative;
display: flex;
flex-flow: column;
gap: 100px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page {
gap: 70px;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page {
gap: 50px;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .line {
width: 100%;
height: 1px;
background: #221d1b;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper {
position: relative;
display: flex;
background: #080a0c;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper {
flex-flow: column;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper {
padding: 15px;
gap: 25px;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images {
position: relative;
width: 50%;
min-width: 0;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images {
width: 100%;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content {
position: relative;
display: none;
flex-flow: column;
gap: 10px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content .print-btns {
display: flex;
gap: 5px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content .product-name {
position: relative;
font-size: 3rem;
font-weight: 400;
color: #c5a080;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content .product-name {
font-size: 2.4rem;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content .product-name {
font-size: 2rem;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content .product-name {
font-size: 3rem;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content .product-name {
font-size: 2.4rem;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content .product-price-wrapper .product-price {
position: relative;
font-size: 2rem;
font-weight: 300;
color: #fff;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content .product-price-wrapper .product-price span {
font-size: 1.6rem;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content .product-shortdescription {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 10px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-print-content .product-shortdescription p {
margin: 15px 0 0;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper {
position: -webkit-sticky;
position: sticky;
top: 190px;
display: flex;
flex-flow: column;
gap: 5px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product_image {
height: 550px;
border: unset;
margin: 0;
background-color: #fff;
}
@media screen and (max-width: 1800px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product_image {
height: 400px;
}
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product_image {
height: 300px;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product_image {
height: 500px;
}
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product_image {
height: 350px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product_image {
height: 280px;
}
}
@media screen and (max-width: 400px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product_image {
height: 210px;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .slick-next,
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .slick-prev {
position: absolute;
top: -4px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
color: #c5a080;
border: 1px solid #2e2926;
border-radius: unset;
background: #2e2926;
transform: translateY(-100%);
z-index: 1;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .slick-prev {
left: 0;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .slick-next {
right: 0;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .slick-track .slick-slide {
margin: 0 2px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .js-fancybox {
display: flex;
height: 110px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .js-fancybox {
height: 86px;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .js-fancybox {
height: 80px;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .js-fancybox {
height: 150px;
}
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .js-fancybox {
height: 100px;
}
}
@media screen and (max-width: 400px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .js-product-gallery-wrapper .product-template-two-gallery .js-fancybox {
height: 70px;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-video-btn {
position: absolute;
top: 20px;
left: 20px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.6);
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-images .product-video-btn .play-video-btn .play-btn {
width: 60px;
height: 60px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper {
position: relative;
width: 50%;
flex-shrink: 1;
display: flex;
flex-flow: column;
gap: 25px;
padding: 50px;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper {
width: 100%;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper {
padding: 0;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content {
position: relative;
display: flex;
flex-flow: column;
gap: 10px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .print-btns {
display: flex;
gap: 5px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .product-name {
position: relative;
font-size: 3rem;
font-weight: 400;
color: #c5a080;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .product-name {
font-size: 2.4rem;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .product-name {
font-size: 2rem;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .product-name {
font-size: 3rem;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .product-name {
font-size: 2.4rem;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .product-price-wrapper .product-price {
position: relative;
font-size: 2rem;
font-weight: 300;
color: #fff;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .product-price-wrapper .product-price span {
font-size: 1.6rem;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .product-shortdescription {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 10px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .product-shortdescription p {
margin: 15px 0 0;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-btns-wrapper {
position: relative;
display: flex;
gap: 15px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-btns-wrapper {
gap: 2px;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper {
position: relative;
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px 50px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper .info-details-list {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 15px;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper .info-details-list {
gap: 5px;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper .info-details-list:first-child {
grid-row: 1 / span 2;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper .info-details-list > h3 {
color: #c5a080;
font-size: 2.4rem;
font-weight: 300;
margin: 0;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper .info-details-list .info-details-item {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px;
background: #000;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper .info-details-list .info-details-item {
padding: 10px;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper .info-details-list .info-details-item h4 {
font-size: 2rem;
font-weight: 300;
margin: 0;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper .info-details-list .info-details-item h4 {
font-size: 1.4rem;
font-weight: 600;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper .info-details-list .info-details-item p {
margin: 0;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .info-details-list-wrapper .info-details-list .info-details-item p {
font-size: 1.4rem;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-options,
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-technical-data {
position: relative;
display: flex;
flex-flow: column;
gap: 25px;
padding: 50px 0 0;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-options .info-options-list {
position: relative;
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px 50px;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-options .info-options-list {
gap: 15px 30px;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-options .info-options-list {
grid-template-columns: repeat(1, 1fr);
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-options .info-options-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-options .info-options-list {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-options .info-options-list h4 {
display: flex;
align-items: center;
gap: 10px;
font-size: 2rem;
font-weight: 300;
margin: 0;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-options .info-options-list h4 {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-options .info-options-list h4 span {
width: 14px;
height: 14px;
-webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
background: #f0a83a;
flex-shrink: 0;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-description {
position: relative;
display: flex;
flex-flow: column;
gap: 25px;
padding: 50px 0 0;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-description .product-description {
max-height: 500px;
overflow: hidden;
transition: all 0.5s ease;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-description .product-description .product-show-more-description {
position: absolute;
bottom: 0;
width: 100%;
height: 150px;
display: flex;
align-items: flex-end;
background: linear-gradient(0deg, #080a0c 40%, transparent);
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-info-description .product-description .product-show-more-description span {
color: #c5a080;
cursor: pointer;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .section-similar-products {
position: relative;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .section-similar-products .similar-products {
position: relative;
display: flex;
flex-flow: column;
gap: 25px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .section-similar-products .similar-products .similar-products-head {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .section-similar-products .similar-products .similar-products-head {
flex-flow: column;
align-items: flex-start;
gap: 25px;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .section-similar-products .similar-products .similar-products-head h1 {
position: relative;
font-size: 3rem;
font-weight: 100;
margin: 0;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .product-template-two .product-page .section-similar-products .similar-products .similar-products-head h1 {
font-size: 2.4rem;
}
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .section-similar-products .similar-products .similar-products-head .section-btns {
position: relative;
display: flex;
gap: 10px;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .section-similar-products .similar-products .similar-products-head .section-btns .next-item,
.the-container .main-content-wrapper .section--content .product-template-two .product-page .section-similar-products .similar-products .similar-products-head .section-btns .prev-item {
padding: 15px 25px;
cursor: pointer;
}
.the-container .main-content-wrapper .section--content .play-video-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.the-container .main-content-wrapper .section--content .play-video-btn .play-btn {
position: relative;
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-size: 200%;
background-position: 50%;
background-repeat: no-repeat;
border: 1px solid #fff;
}
.the-container .main-content-wrapper .section--content .play-video-btn .play-btn:before {
content: "";
position: absolute;
width: 160%;
height: 160%;
border-radius: 50%;
background-color: #fff;
-webkit-animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
pointer-events: none;
}
.the-container .main-content-wrapper .section--content .play-video-btn .play-btn span {
position: absolute;
top: 110%;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
color: #fff;
font-size: 1.4rem;
text-transform: uppercase;
}
.the-container .main-content-wrapper .section--content .showroom-page {
position: relative;
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections {
position: relative;
display: flex;
flex-flow: column;
gap: 100px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections {
gap: 70px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections {
gap: 50px;
}
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location {
position: relative;
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 100px;
align-items: center;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details {
gap: 50px;
}
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .showroom-video {
position: relative;
display: flex;
width: 100%;
height: 500px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .showroom-video {
height: 400px;
order: 1;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .showroom-video {
height: 250px;
}
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .showroom-video .play-video-btn {
width: 100%;
background: rgba(0, 0, 0, 0.3);
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .location-content {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 25px;
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .location-content .line-separator {
width: 100%;
height: 1px;
background: #2e2926;
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .location-content .showroom-agents {
position: relative;
display: flex;
flex-flow: column;
gap: 25px;
padding: 0 0 25px;
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .location-content .showroom-agents .showroom-agent {
position: relative;
display: flex;
align-items: center;
gap: 25px;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .location-content .showroom-agents .showroom-agent {
flex-flow: column;
align-items: flex-start;
gap: 15px;
}
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .location-content .showroom-agents .showroom-agent .agent-image {
position: relative;
width: 100px;
height: 100px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
-webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
flex-shrink: 0;
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .location-content .showroom-agents .showroom-agent .agent-content {
position: relative;
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .location-content .content-elements p {
color: #8f8f8f;
font-size: 1.8rem;
font-weight: 400;
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-location .showroom-location-details .location-content .content-elements strong {
color: #fff;
font-weight: 500;
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-products-scroller {
background: #080a0c;
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-map {
position: relative;
display: flex;
gap: 25px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-map {
flex-flow: column;
}
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-map .showroom-map-image {
width: 50%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
flex-shrink: 0;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-map .showroom-map-image {
width: 100%;
min-height: 400px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-map .showroom-map-image {
min-height: 270px;
}
}
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-map iframe {
width: 100%;
height: 100%;
min-height: 600px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .showroom-page .showroom-sections .section-showroom-map iframe {
min-height: 500px;
}
}
.the-container .main-content-wrapper .section--content .team-page,
.the-container .main-content-wrapper .section--content .team-page .team-content-section {
position: relative;
}
.the-container .main-content-wrapper .section--content .team-page .team-content-section .team-content {
position: relative;
display: flex;
flex-flow: column;
gap: 15px;
padding: 50px;
margin: 0 0 50px;
background: #080a0c;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .team-page .team-content-section .team-content {
padding: 25px;
margin: 0 0 25px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .team-page .team-content-section .team-content {
padding: 15px;
}
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes {
position: relative;
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes {
position: relative;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 50px;
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes {
grid-template-columns: repeat(4, 1fr);
}
}
@media screen and (max-width: 1366px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes {
gap: 25px;
}
}
@media screen and (max-width: 1600px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes {
gap: 15px;
}
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes {
gap: 10px;
}
}
@media screen and (max-width: 400px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box {
position: relative;
display: flex;
flex-flow: column;
align-items: center;
gap: 20px;
padding: 20px 38px;
border: 1px solid #080a0c;
background: #080a0c;
transition: all 0.5s ease;
}
@media screen and (max-width: 1366px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box {
padding: 20px 10px;
}
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box {
padding: 10px;
}
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box:hover {
border: 1px solid #2e2926;
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box:hover:before {
opacity: 1;
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
background: linear-gradient(315deg, #000, #221d1b);
transition: all 0.5s ease;
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box .team-box-image {
position: relative;
width: 140px;
height: 150px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
-webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
}
@media screen and (max-width: 1366px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box .team-box-image {
width: 120px;
height: 130px;
}
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box .team-box-details {
position: relative;
display: flex;
flex-flow: column;
align-items: center;
text-align: center;
gap: 10px;
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box .team-box-details .item-name {
color: #fff;
font-size: 2rem;
font-weight: 300;
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box .team-box-details .item-name {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box .team-box-details .item-title {
color: #c5a080;
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box .team-box-details .item-contact-desktop {
position: relative;
display: flex;
flex-flow: column;
gap: 5px;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box .team-box-details .item-contact-desktop {
display: none;
}
}
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box .team-box-details .item-contact-mobile {
position: relative;
display: none;
align-items: center;
justify-content: center;
gap: 10px;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .team-page .section-team-boxes .team-boxes .team-box .team-box-details .item-contact-mobile {
display: flex;
}
}
.the-container .main-content-wrapper .section--content .financing-page {
position: relative;
padding: 50px 0 0;
}
.the-container .main-content-wrapper .section--content .financing-page .financing-content-section {
position: relative;
display: flex;
flex-flow: column;
gap: 15px;
padding: 50px;
margin: 0 0 50px;
background: #080a0c;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .financing-page .financing-content-section {
padding: 25px;
margin: 0 0 25px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .financing-page .financing-content-section {
padding: 15px;
}
}
.the-container .main-content-wrapper .section--content .financing-page .financing-sections {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .financing-page .financing-sections {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .financing-page .financing-sections {
grid-template-columns: repeat(1, 1fr);
gap: 15px;
}
}
.the-container .main-content-wrapper .section--content .financing-page .financing-sections .financing-section {
position: relative;
display: flex;
flex-flow: column;
}
.the-container .main-content-wrapper .section--content .financing-page .financing-sections .financing-section .financing-section-head {
position: relative;
display: flex;
align-items: center;
gap: 15px;
padding: 15px;
background: #221d1b;
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .financing-page .financing-sections .financing-section .financing-section-head {
padding: 10px;
gap: 10px;
}
}
.the-container .main-content-wrapper .section--content .financing-page .financing-sections .financing-section .financing-section-head .financing-logo {
position: relative;
width: 120px;
height: 45px;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
background-color: #fff;
flex-shrink: 0;
}
.the-container .main-content-wrapper .section--content .financing-page .financing-sections .financing-section .financing-section-head h3 {
position: relative;
color: #fff;
font-size: 2rem;
font-weight: 400;
margin: 0;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .financing-page .financing-sections .financing-section .financing-section-head h3 {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .faq-page,
.the-container .main-content-wrapper .section--content .our-mission-page,
.the-container .main-content-wrapper .section--content .package-page {
position: relative;
}
.the-container .main-content-wrapper .section--content .our-mission-page .our-mission {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .our-mission-page .our-mission {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .our-mission-page .our-mission .our-mission-image {
position: relative;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
.the-container .main-content-wrapper .section--content .our-mission-page .our-mission .our-mission-image {
width: 100%;
min-height: 450px;
order: 1;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .our-mission-page .our-mission .our-mission-image {
min-height: 300px;
}
}
@media screen and (max-width: 400px) {
.the-container .main-content-wrapper .section--content .our-mission-page .our-mission .our-mission-image {
min-height: 250px;
}
}
.the-container .main-content-wrapper .section--content .our-mission-page .our-mission .our-mission-content {
position: relative;
display: flex;
flex-flow: column;
gap: 15px;
padding: 25px;
background: #080a0c;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .our-mission-page .our-mission .our-mission-content {
padding: 15px;
}
}
.the-container .main-content-wrapper .section--content .accordion-wrapper {
position: relative;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion {
position: relative;
display: flex;
flex-flow: column;
gap: 25px;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item {
position: relative;
display: flex;
flex-flow: column;
margin: 0;
border: unset;
border-radius: 0;
background: #080a0c;
overflow: hidden;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 20px;
transition: all 0.5s ease;
cursor: pointer;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(315deg, #000, #221d1b);
transition: all 0.5s ease;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head {
padding: 15px;
}
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head.collapsed {
background: #221d1b;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head.collapsed:before {
opacity: 0;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head.collapsed h3 {
color: #c5a080;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head.collapsed .item-toggle-icon span {
background: #c5a080;
transition: all 0.5s ease;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head.collapsed .item-toggle-icon span:first-child,
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head.collapsed .item-toggle-icon span:nth-child(2),
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head.collapsed .item-toggle-icon span:nth-child(3) {
width: 100%;
transform: unset;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head:focus,
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head:hover {
text-decoration: none;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head:hover:before {
opacity: 1;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head:hover h3 {
color: #fff;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head:hover .item-toggle-icon span {
background: #fff;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head h3 {
position: relative;
color: #fff;
font-size: 2rem;
margin: 0;
transition: all 0.5s ease;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head h3 {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head .item-toggle-icon {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-end;
justify-content: space-between;
width: 20px;
height: 16px;
flex-shrink: 0;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head .item-toggle-icon span {
width: 100%;
height: 2px;
background: #fff;
transform-origin: left;
transition: all 0.2s ease;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head .item-toggle-icon span:first-child {
transform: rotate(45deg) translate(2px, -2px);
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head .item-toggle-icon span:nth-child(2) {
width: 0;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-head .item-toggle-icon span:nth-child(3) {
transform: rotate(-45deg) translate(2px, 2px);
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-description-wrapper {
position: relative;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-description-wrapper.collapse.in {
display: flex;
}
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-description-wrapper .item-description {
position: relative;
display: flex;
flex-flow: column;
padding: 20px;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .accordion-wrapper .accordion .accordion-item .item-description-wrapper .item-description {
padding: 15px;
}
}
.the-container .main-content-wrapper .section--content .about-us-page {
position: relative;
}
.the-container .main-content-wrapper .section--content .about-us-page .about-us-content-section {
position: relative;
display: flex;
flex-flow: column;
gap: 15px;
padding: 50px;
margin: 0 0 50px;
background: #080a0c;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .about-us-page .about-us-content-section {
padding: 25px;
margin: 0 0 25px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .about-us-page .about-us-content-section {
padding: 15px;
}
}
.the-container .main-content-wrapper .section--content .about-us-page .about-us-boxes {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .about-us-page .about-us-boxes {
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .about-us-page .about-us-boxes {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .about-us-page .about-us-boxes .about-us-box {
position: relative;
display: flex;
flex-flow: column;
}
.the-container .main-content-wrapper .section--content .about-us-page .about-us-boxes .about-us-box:hover h3 {
background: #221d1b;
}
.the-container .main-content-wrapper .section--content .about-us-page .about-us-boxes .about-us-box .box-image {
width: 100%;
min-height: 200px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .about-us-page .about-us-boxes .about-us-box .box-image {
min-height: 230px;
}
}
.the-container .main-content-wrapper .section--content .about-us-page .about-us-boxes .about-us-box h3 {
position: relative;
color: #fff;
font-size: 2rem;
font-weight: 300;
text-align: center;
padding: 10px;
margin: 0;
background: #080a0c;
transition: all 0.5s ease;
}
.the-container .main-content-wrapper .section--content .gallery-page {
position: relative;
}
.the-container .main-content-wrapper .section--content .gallery-page .gallery-content-section {
position: relative;
display: flex;
flex-flow: column;
gap: 15px;
padding: 50px;
margin: 0 0 50px;
background: #080a0c;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .gallery-page .gallery-content-section {
padding: 25px;
margin: 0 0 25px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .gallery-page .gallery-content-section {
padding: 15px;
}
}
.the-container .main-content-wrapper .section--content .grid-gallery-wrapper {
position: relative;
}
.the-container .main-content-wrapper .section--content .grid-gallery-wrapper .grid-gallery {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
grid-gap: 15px;
grid-auto-rows: minmax(300px, auto);
grid-auto-flow: dense;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .grid-gallery-wrapper .grid-gallery {
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
}
.the-container .main-content-wrapper .section--content .grid-gallery-wrapper .grid-gallery.asymmetrical a:nth-child(5n-3) {
grid-column-end: span 1;
grid-row-end: span 2;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .grid-gallery-wrapper .grid-gallery.asymmetrical a:nth-child(5n-3) {
grid-row-end: span 1;
}
}
.the-container .main-content-wrapper .section--content .grid-gallery-wrapper .grid-gallery.asymmetrical a:last-child {
grid-column-end: span 1;
grid-row-end: span 1;
}
.the-container .main-content-wrapper .section--content .grid-gallery-wrapper .grid-gallery a {
position: relative;
border: 6px solid #080a0c;
overflow: hidden;
transition: all 0.5s ease;
}
.the-container .main-content-wrapper .section--content .grid-gallery-wrapper .grid-gallery a:hover {
border: 6px solid #221d1b;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.the-container .main-content-wrapper .section--content .grid-gallery-wrapper .grid-gallery a:hover span {
transform: scale(1.1);
}
.the-container .main-content-wrapper .section--content .grid-gallery-wrapper .grid-gallery a span {
position: relative;
display: flex;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.the-container .main-content-wrapper .section--content .request-offer-page {
position: relative;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections {
position: relative;
display: flex;
flex-flow: column;
gap: 50px;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content {
display: flex;
gap: 25px;
}
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content {
flex-flow: column;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-content {
position: relative;
display: flex;
flex-flow: column;
justify-content: center;
gap: 15px;
padding: 50px;
background: #080a0c;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-content {
padding: 25px;
}
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-content {
padding: 15px;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form {
position: relative;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form {
flex-shrink: 0;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form {
height: 100%;
display: flex;
align-items: center;
padding: 20px;
background: linear-gradient(315deg, #000, #221d1b);
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form {
padding: 15px;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects {
display: flex;
flex-flow: column;
align-items: center;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .form-group {
width: 100%;
margin: 0;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects label {
color: #c5a080;
font-size: 1.6rem;
font-weight: 300;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects > * {
grid-column: span 2;
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects > * {
grid-column: unset;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects > :nth-child(-n + 4),
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects > :nth-last-child(-n + 2) {
grid-column: span 1;
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects > :nth-child(-n + 4),
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects > :nth-last-child(-n + 2) {
grid-column: unset;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .js-offer-company-fields,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .js-offer-individual-fields {
display: none;
flex-flow: column;
gap: 10px;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .js-offer-company-fields.active,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .js-offer-individual-fields.active {
display: flex;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .js-offer-company-fields .js-payment-rates-average,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .js-offer-individual-fields .js-payment-rates-average {
display: none;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .js-offer-company-fields .js-payment-rates-average.active,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .js-offer-individual-fields .js-payment-rates-average.active {
display: block;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects > .bootstrap-select {
width: 100%;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects input,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects textarea {
width: 100%;
height: unset;
max-height: 100px;
padding: 6px;
outline: 0 !important;
border: 1px solid #2e2926;
border-radius: 0;
font-size: 1.8rem;
font-weight: 300;
color: #fff;
background: #080a0c;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects input,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects textarea {
font-size: 1.4rem;
padding: 12px 35px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects input,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects textarea {
padding: 12px 16px;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects input::-moz-placeholder,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects textarea::-moz-placeholder {
color: #c5a080;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects input:-ms-input-placeholder,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects textarea:-ms-input-placeholder {
color: #c5a080;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects input::placeholder,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects textarea::placeholder {
color: #c5a080;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects input::-internal-autofill-selected,
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects textarea::-internal-autofill-selected {
color: #c5a080 !important;
background: #080a0c !important;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects button {
padding: 6px;
outline: 0;
border: 1px solid #2e2926;
border-radius: 0;
background: #080a0c;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects button {
font-size: 1.4rem;
padding: 12px 35px;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects button {
padding: 12px 16px;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects button:focus {
outline: 1px solid #c5a080 !important;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects button.main-btn {
width: 100%;
border: 1px solid #c5a080;
background: linear-gradient(315deg, #000, #221d1b);
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects button .filter-option .filter-option-inner-inner {
font-size: 1.8rem;
font-weight: 300;
color: #fff;
transition: all 0.2s ease;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects button .filter-option .filter-option-inner-inner {
font-size: 1.4rem;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects button .bs-caret {
color: #c5a080;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .bootstrap-select {
width: 100%;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .bootstrap-select > .dropdown-menu {
padding: 0;
margin: 0;
border: 1px solid #2e2926;
border-radius: 0;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .bootstrap-select > .dropdown-menu .inner.open {
max-height: 196px !important;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-content .request-offer-form form .form-selects .bootstrap-select > .dropdown-menu ul li a {
padding: 6px;
color: #fff;
background: #221d1b;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-info {
position: relative;
display: flex;
flex-flow: column;
gap: 25px;
padding: 50px;
background: #080a0c;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-info {
padding: 25px;
}
}
@media screen and (max-width: 650px) {
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-info {
padding: 15px;
}
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-info .request-offer-stages {
position: relative;
display: flex;
flex-flow: column;
gap: 20px;
}
.the-container .main-content-wrapper .section--content .request-offer-page .request-offer-sections .section-request-offer-info .request-offer-stages .request-offer-info-stage strong {
color: #c5a080;
font-size: 2.4rem;
font-weight: 400;
}
.the-container .main-content-wrapper .section--content .account-page {
position: relative;
}
.the-container .main-content-wrapper .section--content .account-page .account-content {
position: relative;
display: flex;
flex-flow: column;
gap: 50px;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .nav-tabs {
position: relative;
display: flex;
align-items: center;
gap: 15px;
padding: 10px;
border: unset;
background: #080a0c;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .account-page .account-content .nav-tabs {
justify-content: center;
}
}
.the-container .main-content-wrapper .section--content .account-page .account-content .nav-tabs:after,
.the-container .main-content-wrapper .section--content .account-page .account-content .nav-tabs:before {
display: none;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .nav-tabs li {
position: relative;
margin: 0;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .nav-tabs li.active a {
border: 1px solid #c5a080;
border-radius: 0;
background: #080a0c;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .nav-tabs li a {
color: #c5a080;
font-size: 2rem;
border-radius: 0;
border: 1px solid #221d1b;
padding: 10px 40px;
background: #221d1b;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .account-page .account-content .nav-tabs li a {
font-size: 1.8rem;
padding: 6px 30px;
}
}
.the-container .main-content-wrapper .section--content .account-page .account-content .nav-tabs li a:hover {
border: 1px solid #c5a080;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content {
position: relative;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 25px;
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content {
align-items: center;
}
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content .account-inputs-wrapper {
position: relative;
width: 100%;
display: flex;
flex-flow: column;
gap: 20px;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content .account-inputs-wrapper h3 {
position: relative;
color: #c5a080;
font-size: 3rem;
font-weight: 200;
margin: 0;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content .account-inputs-wrapper h3 {
font-size: 2.2rem;
}
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content .account-inputs-wrapper .account-inputs {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content .account-inputs-wrapper .account-inputs {
gap: 25px;
}
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content .account-inputs-wrapper .account-inputs {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content .account-inputs-wrapper .account-inputs .form-group {
margin: 0;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content .account-inputs-wrapper .account-inputs .form-group label {
color: #fff;
font-size: 1.8rem;
font-weight: 300;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content .account-inputs-wrapper .account-inputs .form-group input {
position: relative;
border: 1px solid #2e2926;
border-radius: 0;
color: #c5a080;
font-size: 1.8rem;
font-weight: 300;
background: #080a0c;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane form .form-content .account-inputs-wrapper .account-inputs .form-group input {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane .wishlist-content {
position: relative;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane .wishlist-content table tr {
background: #080a0c;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane .wishlist-content table tr td {
vertical-align: middle;
border-top: 1px solid #2e2926;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane .wishlist-content table tr td.wishlist-product-image {
width: 100px;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane .wishlist-content table tr td.wishlist-product-image a {
position: relative;
display: flex;
width: 100px;
height: 60px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane .wishlist-content table tr td.wishlist-product-name {
width: 100%;
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane .wishlist-content table tr td.wishlist-product-name a {
font-size: 2rem;
font-weight: 300;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane .wishlist-content table tr td.wishlist-product-name a {
font-size: 1.6rem;
}
}
@media screen and (max-width: 350px) {
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane .wishlist-content table tr td.wishlist-product-name a {
font-size: 1.4rem;
}
}
.the-container .main-content-wrapper .section--content .account-page .account-content .tab-content .tab-pane .wishlist-content table tr td .js-remove-from-wishlist {
cursor: pointer;
}
.the-container .main-content-wrapper .section--content .login-register-page {
position: relative;
}
@media screen and (max-width: 1200px) {
.the-container .main-content-wrapper .section--content .login-register-page {
padding: 50px 0 0;
}
}
.the-container .main-content-wrapper .section--content .login-register-page h3 {
color: #fff;
font-size: 3rem;
font-weight: 300;
text-align: center;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper {
position: relative;
display: flex;
justify-content: center;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box {
position: relative;
width: 60%;
display: flex;
flex-flow: column;
padding: 20px;
overflow: hidden;
background: #080a0c;
}
@media screen and (max-width: 1280px) {
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box {
width: 40%;
}
}
@media screen and (max-width: 990px) {
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box {
width: 70%;
}
}
@media screen and (max-width: 550px) {
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box {
width: 100%;
margin: 0 15px;
}
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper {
position: relative;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form {
position: relative;
display: flex;
flex-flow: column;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-row {
position: relative;
padding: 0 0 20px;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-row label {
color: #fff;
font-size: 1.8rem;
font-weight: 300;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-row input {
position: relative;
border: 1px solid #2e2926;
border-radius: 0;
color: #c5a080;
font-size: 1.8rem;
font-weight: 300;
background: #080a0c;
}
@media screen and (max-width: 768px) {
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-row input {
font-size: 1.6rem;
}
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .g-recaptcha-wrapper {
display: flex;
justify-content: center;
padding: 0 0 20px;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-main-btns {
position: relative;
display: flex;
gap: 10px;
padding: 0 0 20px;
}
@media screen and (max-width: 450px) {
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-main-btns {
flex-flow: column;
}
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-main-btns .main-btn {
width: 100%;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-extra-btns {
position: relative;
display: flex;
flex-flow: column;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-extra-btns .social-login-btns {
position: relative;
display: flex;
flex-flow: column;
padding: 20px 0 0;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-extra-btns .social-login-btns .social-login-btn {
position: relative;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
margin: 0 0 5px;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-extra-btns .social-login-btns .social-login-btn:last-child {
margin: 0;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form .form-extra-btns .social-login-btns .social-login-btn span {
position: relative;
margin: 0 10px 0 0;
}
.the-container .main-content-wrapper .section--content .login-register-page .form-box-wrapper .form-box .form-wrapper form > :last-child {
padding: 0;
}
.the-container .main-content-wrapper .section--content .reviews-page .section-reviews .reviews-items {
position: relative;
}
.the-container .main-content-wrapper .section--content .reviews-page .section-reviews .reviews-items .review-box {
position: absolute;
display: flex;
flex-flow: column;
align-items: center;
text-align: center;
gap: 10px;
padding: 15px;
background: linear-gradient(315deg, #000, #221d1b);
}
.the-container .main-content-wrapper .section--content .reviews-page .section-reviews .reviews-items .review-box .review-box-image {
width: 70px;
height: 70px;
border-radius: 50%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.the-container .main-content-wrapper .section--content .reviews-page .section-reviews .reviews-items .review-box .review-box-icon {
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
color: #c5a080;
font-size: 3rem;
font-weight: 200;
border-radius: 50%;
background: #221d1b;
}
.the-container .main-content-wrapper .section--content .reviews-page .section-reviews .reviews-items .review-box .review-box-name {
position: relative;
color: #fff;
font-size: 2rem;
font-weight: 300;
}
.the-container .main-content-wrapper .section--content .reviews-page .section-reviews .reviews-items .review-box .review-box-stars i {
color: #f0a83a;
}
.the-container .main-content-wrapper .section--content .reviews-page .reviews-gallery {
position: relative;
padding: 50px 0 0;
}
.the-container .main-content-wrapper .section--content .thank-you-section {
position: relative;
display: flex;
flex-flow: column;
align-items: center;
gap: 20px;
}
.the-container .main-content-wrapper .section--content .thank-you-section p {
text-align: center;
padding: 10px;
border: 1px solid #221d1b;
}
.the-container .section--footer {
position: relative;
padding: 0;
margin: 0;
background: linear-gradient(315deg, #000, #221d1b);
}
.the-container .section--footer .section-partners {
position: relative;
padding: 50px 0;
}
.the-container .section--footer .section-partners .partners {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
align-items: center;
}
@media screen and (max-width: 991px) {
.the-container .section--footer .section-partners .partners {
grid-template-columns: repeat(1, 1fr);
gap: 25px;
}
}
.the-container .section--footer .section-partners .partners .partners-info {
position: relative;
}
.the-container .section--footer .section-partners .partners .partners-info .content-elements {
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 15px;
}
.the-container .section--footer .section-partners .partners .partners-items {
position: relative;
width: 100%;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 10px;
}
@media screen and (max-width: 550px) {
.the-container .section--footer .section-partners .partners .partners-items {
grid-template-columns: repeat(3, 1fr);
}
}
.the-container .section--footer .section-partners .partners .partners-items .partner-logo {
position: relative;
height: 45px;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
background-color: #fff;
opacity: 0.3;
transition: all 0.5s ease;
}
.the-container .section--footer .section-partners .partners .partners-items .partner-logo:hover {
opacity: 1;
}
.the-container .section--footer .footer-advantages {
position: relative;
padding: 25px 0;
background: #080a0c;
}
.the-container .section--footer .footer-advantages .footer-advantages-boxes {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
}
@media screen and (max-width: 1280px) {
.the-container .section--footer .footer-advantages .footer-advantages-boxes {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 550px) {
.the-container .section--footer .footer-advantages .footer-advantages-boxes {
grid-template-columns: repeat(1, 1fr);
}
}
.the-container .section--footer .footer-advantages .footer-advantages-boxes .footer-advantage-box {
position: relative;
display: flex;
align-items: center;
gap: 25px;
}
.the-container .section--footer .footer-advantages .footer-advantages-boxes .footer-advantage-box .box-image-wrapper {
position: relative;
width: 70px;
height: 78px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: #2e2926;
-webkit-clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
}
.the-container .section--footer .footer-advantages .footer-advantages-boxes .footer-advantage-box .box-image-wrapper .box-image {
position: relative;
width: 50%;
height: 50%;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
.the-container .section--footer .footer-advantages .footer-advantages-boxes .footer-advantage-box .box-content {
position: relative;
display: flex;
flex-flow: column;
gap: 10px;
}
.the-container .section--footer .footer-advantages .footer-advantages-boxes .footer-advantage-box .box-content h3 {
color: #c5a080;
font-size: 1.6rem;
font-weight: 400;
margin: 0;
}
.the-container .section--footer .footer-advantages .footer-advantages-boxes .footer-advantage-box .box-content p {
color: #8f8f8f;
margin: 0;
}
.the-container .section--footer .footer {
position: relative;
padding: 80px 0;
}
@media screen and (max-width: 1200px) {
.the-container .section--footer .footer {
padding: 50px 0;
}
}
.the-container .section--footer .footer .footer-boxes {
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 50px;
}
@media screen and (max-width: 1024px) {
.the-container .section--footer .footer .footer-boxes {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes {
grid-template-columns: repeat(1, 1fr);
align-items: center;
gap: 25px;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 30px;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box {
align-items: center;
gap: 20px;
order: 2;
}
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box:nth-child(4) > h3 {
display: none;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
gap: 10px;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials {
width: 100%;
align-items: center;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-box {
position: relative;
display: flex;
align-items: center;
gap: 10px;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-box {
width: 100%;
justify-content: space-between;
padding: 15px;
background: #000;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-box .box-icon {
position: relative;
width: 36px;
height: 36px;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-box .box-icon {
width: 26px;
height: 26px;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-box .box-content {
position: relative;
display: flex;
flex-flow: column;
align-items: flex-start;
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-box .box-content p {
position: relative;
margin: 0;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-box .box-content p:first-child {
display: none;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-icons {
position: relative;
width: 100%;
display: flex;
align-items: center;
gap: 20px;
padding: 10px 0 0;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-icons {
justify-content: center;
padding: 5px 0 0;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-icons a {
position: relative;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
background: #221d1b;
transition: all 0.5s ease;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-icons a {
width: 40px;
height: 40px;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-socials .social-icons a:hover {
color: #f0a83a;
border: 1px solid #221d1b;
background: #080a0c;
}
.the-container .section--footer .footer .footer-boxes .footer-box h3 {
position: relative;
color: #f0a83a;
font-size: 2rem;
font-weight: 300;
font-family: Montserrat, sans-serif;
margin: 0;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box h3.toggle-footer-links {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
padding: 5px 15px;
background: #000;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box h3.toggle-footer-links i {
display: none;
font-size: 1.4rem;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box h3.toggle-footer-links i {
display: flex;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-links {
position: relative;
display: flex;
flex-flow: column;
gap: 10px;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box .footer-links {
width: 100%;
display: none;
padding: 0 16px;
}
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box .footer-links.active {
display: flex;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-links a {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
color: #8f8f8f;
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-links a i {
display: none;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box .footer-links a i {
display: flex;
}
}
.the-container .section--footer .footer .footer-boxes .footer-box .footer-links a:focus,
.the-container .section--footer .footer .footer-boxes .footer-box .footer-links a:hover {
color: #c5a080;
text-decoration: none;
}
.the-container .section--footer .footer .footer-boxes .footer-box .main-logo {
position: relative;
max-width: 100%;
max-height: 20px;
}
.the-container .section--footer .footer .footer-boxes .footer-box p {
position: relative;
color: #8f8f8f;
margin: 0;
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer .footer-boxes .footer-box p {
text-align: center;
}
}
.the-container .section--footer .footer-copyright-wrapper {
position: relative;
background: #221d1b;
}
.the-container .section--footer .footer-copyright-wrapper .footer-copyright {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 5px;
padding: 15px 0;
}
@media screen and (max-width: 991px) {
.the-container .section--footer .footer-copyright-wrapper .footer-copyright {
padding: 25px 0;
}
}
@media screen and (max-width: 768px) {
.the-container .section--footer .footer-copyright-wrapper .footer-copyright {
flex-flow: column;
text-align: center;
}
}
.the-container .section--footer .footer-copyright-wrapper .footer-copyright div {
display: flex;
align-items: center;
gap: 5px;
}
@media screen and (max-width: 550px) {
.the-container .section--footer .footer-copyright-wrapper .footer-copyright div {
flex-flow: column;
text-align: center;
}
}
.the-container .section--footer .footer-copyright-wrapper .footer-copyright div p {
margin: 0;
}
.the-container .section--footer .footer-copyright-wrapper .footer-copyright a {
position: relative;
color: #c5a080;
}
.the-container .section--footer .footer-copyright-wrapper .footer-copyright a:focus,
.the-container .section--footer .footer-copyright-wrapper .footer-copyright a:hover {
color: #fff;
text-decoration: none;
}
.pagebreak {
display: none;
}
@media print {
#cookie-bar {
display: none !important;
}
.pagebreak {
display: block;
page-break-before: always;
}
.contact-dealer-map,
.dealer-image,
.fixed-menu-wrapper,
.info-options-list h4 span,
.print-btns,
.product-btns-wrapper,
.product-show-more-description,
.product-video-btn,
.section--footer,
.section--head,
.section--inner-header,
.slick-custom-arrow,
.trigger-calculator-menu,
.trigger-requestoffer-menu {
display: none !important;
}
.main-content-wrapper,
.the-container {
padding: 0 !important;
}
.section-product-main-details {
flex-flow: column !important;
}
.product-main-details {
position: relative !important;
width: 100% !important;
padding: 0 !important;
}
.product-content,
.product-print-content {
gap: 5px !important;
padding: 0 0 30px !important;
}
.product-content .print-logo,
.product-print-content .print-logo {
display: block !important;
width: 200px;
margin: 0 0 30px;
}
.content-elements h3,
.dealer-info h3 {
font-size: 3rem !important;
font-weight: 400 !important;
}
.product-template-two-gallery,
.product-vertical-gallery {
width: 190px !important;
}
.slick-track .js-fancybox {
display: none !important;
width: 190px !important;
height: 145px !important;
}
.slick-track .js-fancybox:first-child,
.slick-track .js-fancybox:nth-child(2) {
display: block !important;
}
.product-info-description,
.product-info-details,
.product-info-options {
gap: 20px !important;
}
.info-details-list-wrapper {
gap: 25px !important;
}
.product-info-options {
padding: 30px 0 0 !important;
}
.info-options-list {
grid-template-columns: repeat(2, 1fr) !important;
gap: 15px !important;
}
.product-shortdescription p {
margin: 0 !important;
}
.product-main-details-images {
width: 100% !important;
}
a[href]:after {
content: none !important;
}
.container,
.container-fluid {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.product-scroll-section {
padding: 20px !important;
}
.product-main-details-images .main-image,
.slick-list {
height: 300px !important;
}
.contact-dealer {
grid-template-columns: repeat(1, 1fr) !important;
}
.contact-dealer-box {
width: 100% !important;
padding: 0 !important;
}
.dealer-info {
gap: 5px !important;
}
.dealer-info .contact-item:nth-child(4) {
display: none !important;
}
.dealer-info .contact-item:nth-child(5) {
display: flex !important;
}
.product-template-two .product-details-wrapper {
flex-flow: column;
}
.product-template-two .product-images {
width: 100% !important;
display: flex !important;
flex-flow: column !important;
padding: 20px !important;
}
.product-template-two .product-images .product-print-content {
display: flex !important;
}
.product-template-two .product-images .js-product-gallery-wrapper {
position: relative !important;
top: unset !important;
flex-flow: row !important;
gap: 10px !important;
}
.product-template-two .product-images .js-product-gallery-wrapper > .js-fancybox {
width: 100% !important;
display: flex !important;
}
.product-template-two .product-images .js-product-gallery-wrapper > .js-fancybox .product_image {
width: 100% !important;
height: 300px !important;
}
.product-template-two .product-images .js-product-gallery-wrapper .product-template-two-gallery button {
display: none !important;
}
.product-template-two .product-images .js-product-gallery-wrapper .slick-track {
display: flex !important;
flex-flow: column !important;
}
.product-template-two .product-images .js-product-gallery-wrapper .slick-track .slick-slide {
margin: 0 !important;
}
.product-template-two .product-images .js-product-gallery-wrapper .slick-track .slick-slide:first-child {
margin: 0 0 10px !important;
}
.product-template-two .product-images .js-product-gallery-wrapper .product-video-btn {
display: none !important;
}
.product-template-two .product-content-wrapper {
width: 100% !important;
padding: 0 !important;
gap: 0 !important;
}
.product-template-two .product-content-wrapper .product-content {
margin: 0px;
padding: 20px !important;
}
.the-container .main-content-wrapper .section--content .product-template-two .product-page .product-details-wrapper .product-content-wrapper .product-content .product-name {
font-weight: 700 !important;
}
.product-template-two .product-content-wrapper .product-info-description,
.product-template-two .product-content-wrapper .product-info-options,
.product-template-two .product-content-wrapper .product-technical-data {
gap: 10px !important;
}
.product-template-two .product-content-wrapper .product-info-description .product-description {
max-height: unset !important;
overflow: unset !important;
}
.info-details-item {
padding: 0 !important;
background: none !important;
}
}
#site-messages-modal .modal-content {
border-radius: 0;
background: #221d1b;
}
#site-messages-modal .modal-content .modal-header {
padding: 10px;
border-bottom: 1px solid #080a0c;
}
#site-messages-modal .modal-content .modal-header .close {
height: 24px;
display: flex;
align-items: center;
color: #c5a080;
font-size: 4rem;
font-weight: 300;
text-shadow: none;
opacity: 1;
transition: all 0.5s ease;
}
#site-messages-modal .modal-content .modal-header .close:hover {
color: #fff;
}
#site-messages-modal .modal-content .modal-body {
padding: 10px;
}
#site-messages-modal .modal-content .modal-body .alert {
text-align: center;
border: none;
border-radius: 0;
margin: 0;
background: #080a0c;
}
.fancybox-container {
z-index: 9999999999;
}
.fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
height: 95px;
padding: 10px 10px 5px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.3);
}
.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 95px;
}
.fancybox-thumbs__list a:before {
border: 3px solid #f0a83a;
}
#intercom-container {
position: relative;
z-index: 1999999997;
}