Ergebnisse des CSS-Validators https://rad-campus.de (CSS level 3 + SVG)

Gratulation! Es wurden keine Fehler gefunden.

Dieses Dokument wurde als CSS level 3 + SVG validiert!

Sie können die folgenden Symbole auf jeder validierten Seite darstellen, um zu zeigen, dass Sie sich die Mühe gemacht haben standardisierte Web-Seiten zu erstellen. Nachfolgend finden Sie den XHTML-Code, den Sie verwenden können um die Symbole in Ihre Web-Seiten einzubauen:

CSS ist valide! 
<p>
    <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss"
            alt="CSS ist valide!" />
    </a>
</p>
CSS ist valide! 
<p>
    <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss-blue"
            alt="CSS ist valide!" />
    </a>
</p>

(beenden Sie ein img Tag mit > anstatt /> wenn Sie HTML <= 4.01 verwenden)

Sie können die Symbole auch herunterladen und in Ihrem lokalen Web-Verzeichnis speichern. In diesem Fall müssen sie die oben gezeigten XHTML-Fragmente so verändern, dass sie auf Ihre lokalen Symbole verweisen.

Wenn Sie einen Link auf diese Seite anlegen möchten (d. h. auf dieses Validierungsergebnis) um die erneute Validierung dieser Seite zu erleichtern oder um es anderen zu ermöglichen Ihre Seite zu validieren, so verwenden Sie folgenden URI: 

http://jigsaw.w3.org/css-validator/validator?amp;lang=de&amp;profile=css3svg&amp;usermedium=all&amp;warning=no&uri=https%3A%2F%2Frad-campus.de
or
http://jigsaw.w3.org/css-validator/check/referer (nur für HTML/XML-Dokumente)

(Sie können die aktuelle Seite auch einfach in Ihre Bookmarks aufnehmen.)

↑ Top

Validiertes CSS:

@charset "UTF-8";
@font-face {
font-family : 'PT Sans';
font-style : italic;
font-weight : 400;
font-display : swap;
src : url(PTSans_jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format('woff2');
unicode-range : U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family : 'PT Sans';
font-style : italic;
font-weight : 400;
font-display : swap;
src : url(PTSans_jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format('woff2');
unicode-range : U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family : 'PT Sans';
font-style : italic;
font-weight : 400;
font-display : swap;
src : url(PTSans_jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format('woff2');
unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family : 'PT Sans';
font-style : italic;
font-weight : 400;
font-display : swap;
src : url(PTSans_jizYRExUiTo99u79D0e0x8mI.woff2) format('woff2');
unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family : 'PT Sans';
font-style : italic;
font-weight : 700;
font-display : swap;
src : url(PTSans_jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format('woff2');
unicode-range : U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family : 'PT Sans';
font-style : italic;
font-weight : 700;
font-display : swap;
src : url(PTSans_jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format('woff2');
unicode-range : U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family : 'PT Sans';
font-style : italic;
font-weight : 700;
font-display : swap;
src : url(PTSans_jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format('woff2');
unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family : 'PT Sans';
font-style : italic;
font-weight : 700;
font-display : swap;
src : url(PTSans_jizdRExUiTo99u79D0e8fOydLxUd.woff2) format('woff2');
unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family : 'PT Sans';
font-style : normal;
font-weight : 400;
font-display : swap;
src : url(PTSans_jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
unicode-range : U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family : 'PT Sans';
font-style : normal;
font-weight : 400;
font-display : swap;
src : url(PTSans_jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
unicode-range : U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family : 'PT Sans';
font-style : normal;
font-weight : 400;
font-display : swap;
src : url(PTSans_jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family : 'PT Sans';
font-style : normal;
font-weight : 400;
font-display : swap;
src : url(PTSans_jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family : 'PT Sans';
font-style : normal;
font-weight : 700;
font-display : swap;
src : url(PTSans_jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
unicode-range : U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family : 'PT Sans';
font-style : normal;
font-weight : 700;
font-display : swap;
src : url(PTSans_jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
unicode-range : U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family : 'PT Sans';
font-style : normal;
font-weight : 700;
font-display : swap;
src : url(PTSans_jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family : 'PT Sans';
font-style : normal;
font-weight : 700;
font-display : swap;
src : url(PTSans_jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family : 'emediaicons';
src : url("../font/emediaicons.eot?42243512");
src : url("../font/emediaicons.eot?42243512#iefix") format('embedded-opentype'), url("../font/emediaicons.woff2?42243512") format('woff2'), url("../font/emediaicons.woff?42243512") format('woff'), url("../font/emediaicons.ttf?42243512") format('truetype'), url("../font/emediaicons.svg?42243512#emediaicons") format('svg');
font-weight : normal;
font-style : normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family : "emediaicons";
font-style : normal;
font-weight : normal;
speak : never;
display : inline-block;
text-decoration : inherit;
width : 1em;
margin-right : 0.2em;
text-align : center;
font-variant : normal;
text-transform : none;
line-height : 1em;
margin-left : 0.2em;
}
.icon-globe:before {
content : '\e800';
}
.icon-down-big:before {
content : '\e801';
}
.icon-up-big:before {
content : '\e802';
}
.icon-download:before {
content : '\e803';
}
.icon-calendar:before {
content : '\e804';
}
.icon-clock:before {
content : '\e805';
}
.icon-lock:before {
content : '\e806';
}
.icon-login:before {
content : '\e807';
}
.icon-user:before {
content : '\e808';
}
.icon-pencil:before {
content : '\e809';
}
.icon-x-twitter:before {
content : '\e80a';
}
.icon-down-open:before {
content : '\e80b';
}
.icon-left-open:before {
content : '\e80c';
}
.icon-right-open:before {
content : '\e80d';
}
.icon-up-open:before {
content : '\e80e';
}
.icon-cookie-bite-solid:before {
content : '\e80f';
}
.icon-shield-solid:before {
content : '\e810';
}
.icon-link-ext:before {
content : '\f08e';
}
.icon-twitter:before {
content : '\f099';
}
.icon-facebook:before {
content : '\f09a';
}
.icon-menu:before {
content : '\f0c9';
}
.icon-linkedin:before {
content : '\f0e1';
}
.icon-angle-left:before {
content : '\f104';
}
.icon-angle-right:before {
content : '\f105';
}
.icon-angle-up:before {
content : '\f106';
}
.icon-angle-down:before {
content : '\f107';
}
.icon-code:before {
content : '\f121';
}
.icon-shield:before {
content : '\f132';
}
.icon-html5:before {
content : '\f13b';
}
.icon-css3:before {
content : '\f13c';
}
.icon-play-circled:before {
content : '\f144';
}
.icon-youtube-play:before {
content : '\f16a';
}
.icon-instagram:before {
content : '\f16d';
}
.icon-file-pdf:before {
content : '\f1c1';
}
.icon-user-o:before {
content : '\f2c0';
}
html {
font-family : sans-serif;
}
body {
margin : 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display : block;
}
audio, canvas, progress, video {
display : inline-block;
vertical-align : baseline;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden], template {
display : none;
}
a {
background-color : transparent;
}
a:active, a:hover {
outline : 0;
}
abbr[title] {
border-bottom : 1px dotted;
}
b, strong {
font-weight : 700;
}
dfn {
font-style : italic;
}
h1 {
margin : 0.67em 0;
font-size : 2em;
}
mark {
color : #000;
background : #ff0;
}
small {
font-size : 80%;
}
sub, sup {
position : relative;
font-size : 75%;
line-height : 0;
vertical-align : baseline;
}
sup {
top : -0.5em;
}
sub {
bottom : -0.25em;
}
img {
border : 0;
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 1em 40px;
}
hr {
height : 0;
box-sizing : content-box;
}
pre {
overflow : auto;
}
code, kbd, pre, samp {
font-family : monospace, monospace;
font-size : 1em;
}
button, input, optgroup, select, textarea {
margin : 0;
font : inherit;
color : inherit;
}
button {
overflow : visible;
}
button, select {
text-transform : none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor : pointer;
}
button[disabled], html input[disabled] {
cursor : default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding : 0;
border : 0;
}
input {
line-height : normal;
}
input[type="checkbox"], input[type="radio"] {
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"] {
box-sizing : content-box;
}
fieldset {
padding : 0.35em 0.625em 0.75em;
margin : 0 2px;
border : silver solid 1px;
}
legend {
padding : 0;
border : 0;
}
textarea {
overflow : auto;
}
optgroup {
font-weight : 700;
}
table {
border-spacing : 0;
border-collapse : collapse;
}
td, th {
padding : 0;
}
@media print {
*, :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^="javascript:"]:after, a[href^="#"]:after {
content : "";
}
blockquote, pre {
border : #999 solid 1px;
page-break-inside : avoid;
}
thead {
display : table-header-group;
}
img, tr {
page-break-inside : avoid;
}
img {
max-width : 100% !important ;
}
h2, h3 {
page-break-after : avoid;
}
.navbar {
display : none;
}
.btn > .caret, .dropup > .btn > .caret {
border-top-color : #000 !important ;
}
.label {
border : #000 solid 1px;
}
.table {
border-collapse : collapse !important ;
}
.table td, .table th {
background-color : #fff !important ;
}
.table-bordered td, .table-bordered th {
border : #ddd solid 1px !important ;
}
}
@font-face {
font-family : 'Glyphicons Halflings';
src : url(../fonts/glyphicons-halflings-regular.eot);
src : url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
position : relative;
top : 1px;
display : inline-block;
font-family : 'Glyphicons Halflings';
font-style : normal;
font-weight : 400;
line-height : 1;
}
.glyphicon-asterisk:before {
content : "\002a";
}
.glyphicon-plus:before {
content : "\002b";
}
.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 {
content : "\e227";
}
.glyphicon-btc:before {
content : "\e227";
}
.glyphicon-xbt:before {
content : "\e227";
}
.glyphicon-yen:before {
content : "\00a5";
}
.glyphicon-jpy:before {
content : "\00a5";
}
.glyphicon-ruble:before {
content : "\20bd";
}
.glyphicon-rub:before {
content : "\20bd";
}
.glyphicon-scale:before {
content : "\e230";
}
.glyphicon-ice-lolly:before {
content : "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content : "\e232";
}
.glyphicon-education:before {
content : "\e233";
}
.glyphicon-option-horizontal:before {
content : "\e234";
}
.glyphicon-option-vertical:before {
content : "\e235";
}
.glyphicon-menu-hamburger:before {
content : "\e236";
}
.glyphicon-modal-window:before {
content : "\e237";
}
.glyphicon-oil:before {
content : "\e238";
}
.glyphicon-grain:before {
content : "\e239";
}
.glyphicon-sunglasses:before {
content : "\e240";
}
.glyphicon-text-size:before {
content : "\e241";
}
.glyphicon-text-color:before {
content : "\e242";
}
.glyphicon-text-background:before {
content : "\e243";
}
.glyphicon-object-align-top:before {
content : "\e244";
}
.glyphicon-object-align-bottom:before {
content : "\e245";
}
.glyphicon-object-align-horizontal:before {
content : "\e246";
}
.glyphicon-object-align-left:before {
content : "\e247";
}
.glyphicon-object-align-vertical:before {
content : "\e248";
}
.glyphicon-object-align-right:before {
content : "\e249";
}
.glyphicon-triangle-right:before {
content : "\e250";
}
.glyphicon-triangle-left:before {
content : "\e251";
}
.glyphicon-triangle-bottom:before {
content : "\e252";
}
.glyphicon-triangle-top:before {
content : "\e253";
}
.glyphicon-console:before {
content : "\e254";
}
.glyphicon-superscript:before {
content : "\e255";
}
.glyphicon-subscript:before {
content : "\e256";
}
.glyphicon-menu-left:before {
content : "\e257";
}
.glyphicon-menu-right:before {
content : "\e258";
}
.glyphicon-menu-down:before {
content : "\e259";
}
.glyphicon-menu-up:before {
content : "\e260";
}
* {
box-sizing : border-box;
}
:after, :before {
box-sizing : border-box;
}
html {
font-size : 10px;
}
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;
text-decoration : none;
}
a:focus, a:hover {
color : #23527c;
text-decoration : underline;
}
a:focus {
outline-offset : -2px;
}
figure {
margin : 0;
}
img {
vertical-align : middle;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
display : block;
max-width : 100%;
height : auto;
}
.img-rounded {
border-radius : 6px;
}
.img-thumbnail {
display : inline-block;
max-width : 100%;
height : auto;
padding : 4px;
line-height : 1.42857143;
background-color : #fff;
border : #ddd solid 1px;
border-radius : 4px;
transition : all 0.2s ease-in-out;
}
.img-circle {
border-radius : 50%;
}
hr {
margin-top : 20px;
margin-bottom : 20px;
border : 0;
border-top : 1px solid #eee;
}
.sr-only {
position : absolute;
width : 1px;
height : 1px;
padding : 0;
margin : -1px;
overflow : hidden;
clip : rect(0,0,0,0);
border : 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position : static;
width : auto;
height : auto;
margin : 0;
overflow : visible;
clip : auto;
}
[role="button"] {
cursor : pointer;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family : inherit;
font-weight : 500;
line-height : 1.1;
color : inherit;
}
.h1 .small, .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-unstyled {
padding-left : 0;
list-style : none;
}
.list-inline {
padding-left : 0;
margin-left : -5px;
list-style : none;
}
.list-inline > li {
display : inline-block;
padding-right : 5px;
padding-left : 5px;
}
dl {
margin-top : 0;
margin-bottom : 20px;
}
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;
overflow : hidden;
clear : left;
text-align : right;
text-overflow : ellipsis;
white-space : nowrap;
}
.dl-horizontal dd {
margin-left : 180px;
}
}
abbr[data-original-title], abbr[title] {
cursor : help;
border-bottom : 1px dotted #777;
}
.initialism {
font-size : 90%;
text-transform : uppercase;
}
blockquote {
padding : 10px 20px;
margin : 0 0 20px;
font-size : 17.5px;
border-left : 5px solid #eee;
}
blockquote 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 \00A0';
}
.blockquote-reverse, blockquote.pull-right {
padding-right : 15px;
padding-left : 0;
text-align : right;
border-right : 5px solid #eee;
border-left : 0;
}
.blockquote-reverse .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 : '\00A0 \2014';
}
address {
margin-bottom : 20px;
font-style : normal;
line-height : 1.42857143;
}
code, kbd, pre, samp {
font-family : Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding : 2px 4px;
font-size : 90%;
color : #c7254e;
background-color : #f9f2f4;
border-radius : 4px;
}
kbd {
padding : 2px 4px;
font-size : 90%;
color : #fff;
background-color : #333;
border-radius : 3px;
box-shadow : 0 -1px 0 rgb(0, 0, 0, 0.25) inset;
}
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;
overflow-wrap : break-word;
background-color : #f5f5f5;
border : #ccc solid 1px;
border-radius : 4px;
}
pre code {
padding : 0;
font-size : inherit;
color : inherit;
white-space : pre-wrap;
background-color : transparent;
border-radius : 0;
}
.pre-scrollable {
max-height : 340px;
overflow-y : scroll;
}
.container {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
@media (min-width: 768px) {
.container {
width : 750px;
}
}
@media (min-width: 992px) {
.container {
width : 970px;
}
}
@media (min-width: 1200px) {
.container {
width : 1170px;
}
}
.container-fluid {
padding-right : 15px;
padding-left : 15px;
margin-right : auto;
margin-left : auto;
}
.row {
margin-right : -15px;
margin-left : -15px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position : relative;
min-height : 1px;
padding-right : 15px;
padding-left : 15px;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
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-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
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-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
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-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float : left;
}
.col-lg-12 {
width : 100%;
}
.col-lg-11 {
width : 91.66666667%;
}
.col-lg-10 {
width : 83.33333333%;
}
.col-lg-9 {
width : 75%;
}
.col-lg-8 {
width : 66.66666667%;
}
.col-lg-7 {
width : 58.33333333%;
}
.col-lg-6 {
width : 50%;
}
.col-lg-5 {
width : 41.66666667%;
}
.col-lg-4 {
width : 33.33333333%;
}
.col-lg-3 {
width : 25%;
}
.col-lg-2 {
width : 16.66666667%;
}
.col-lg-1 {
width : 8.33333333%;
}
.col-lg-pull-12 {
right : 100%;
}
.col-lg-pull-11 {
right : 91.66666667%;
}
.col-lg-pull-10 {
right : 83.33333333%;
}
.col-lg-pull-9 {
right : 75%;
}
.col-lg-pull-8 {
right : 66.66666667%;
}
.col-lg-pull-7 {
right : 58.33333333%;
}
.col-lg-pull-6 {
right : 50%;
}
.col-lg-pull-5 {
right : 41.66666667%;
}
.col-lg-pull-4 {
right : 33.33333333%;
}
.col-lg-pull-3 {
right : 25%;
}
.col-lg-pull-2 {
right : 16.66666667%;
}
.col-lg-pull-1 {
right : 8.33333333%;
}
.col-lg-pull-0 {
right : auto;
}
.col-lg-push-12 {
left : 100%;
}
.col-lg-push-11 {
left : 91.66666667%;
}
.col-lg-push-10 {
left : 83.33333333%;
}
.col-lg-push-9 {
left : 75%;
}
.col-lg-push-8 {
left : 66.66666667%;
}
.col-lg-push-7 {
left : 58.33333333%;
}
.col-lg-push-6 {
left : 50%;
}
.col-lg-push-5 {
left : 41.66666667%;
}
.col-lg-push-4 {
left : 33.33333333%;
}
.col-lg-push-3 {
left : 25%;
}
.col-lg-push-2 {
left : 16.66666667%;
}
.col-lg-push-1 {
left : 8.33333333%;
}
.col-lg-push-0 {
left : auto;
}
.col-lg-offset-12 {
margin-left : 100%;
}
.col-lg-offset-11 {
margin-left : 91.66666667%;
}
.col-lg-offset-10 {
margin-left : 83.33333333%;
}
.col-lg-offset-9 {
margin-left : 75%;
}
.col-lg-offset-8 {
margin-left : 66.66666667%;
}
.col-lg-offset-7 {
margin-left : 58.33333333%;
}
.col-lg-offset-6 {
margin-left : 50%;
}
.col-lg-offset-5 {
margin-left : 41.66666667%;
}
.col-lg-offset-4 {
margin-left : 33.33333333%;
}
.col-lg-offset-3 {
margin-left : 25%;
}
.col-lg-offset-2 {
margin-left : 16.66666667%;
}
.col-lg-offset-1 {
margin-left : 8.33333333%;
}
.col-lg-offset-0 {
margin-left : 0;
}
}
table {
background-color : transparent;
}
caption {
padding-top : 8px;
padding-bottom : 8px;
color : #777;
text-align : left;
}
th {
text-align : left;
}
.table {
width : 100%;
max-width : 100%;
margin-bottom : 20px;
}
.table > 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 {
border : #ddd solid 1px;
}
.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 : #ddd solid 1px;
}
.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 {
background-color : #f5f5f5;
}
table col[class*="col-"] {
position : static;
display : table-column;
float : none;
}
table td[class*="col-"], table th[class*="col-"] {
position : static;
display : table-cell;
float : none;
}
.table > 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;
border : #ddd solid 1px;
}
.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;
padding : 0;
margin : 0;
border : 0;
}
legend {
display : block;
width : 100%;
padding : 0;
margin-bottom : 20px;
font-size : 21px;
line-height : inherit;
color : #333;
border : 0;
border-bottom : 1px solid #e5e5e5;
}
label {
display : inline-block;
max-width : 100%;
margin-bottom : 5px;
font-weight : 700;
}
input[type="search"] {
box-sizing : border-box;
}
input[type="checkbox"], input[type="radio"] {
margin : 4px 0 0;
margin-top : 1px;
line-height : normal;
}
input[type="file"] {
display : block;
}
input[type="range"] {
display : block;
width : 100%;
}
select[multiple], select[size] {
height : auto;
}
input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus {
outline-offset : -2px;
}
output {
display : block;
padding-top : 7px;
font-size : 14px;
line-height : 1.42857143;
color : #555;
}
.form-control {
display : block;
width : 100%;
height : 34px;
padding : 6px 12px;
font-size : 14px;
line-height : 1.42857143;
color : #555;
background-color : #fff;
background-image : none;
border : #ccc solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
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 : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 0 0 8px rgb(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color : #999;
opacity : 1;
}
.form-control::-webkit-input-placeholder {
color : #999;
}
.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 {
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
line-height : 34px;
}
.input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"], input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm {
line-height : 30px;
}
.input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"], input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg {
line-height : 46px;
}
}
.form-group {
margin-bottom : 15px;
}
.checkbox, .radio {
position : relative;
display : block;
margin-top : 10px;
margin-bottom : 10px;
}
.checkbox label, .radio label {
min-height : 20px;
padding-left : 20px;
margin-bottom : 0;
font-weight : 400;
cursor : pointer;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
position : absolute;
margin-top : 4px;
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 + .checkbox-inline, .radio-inline + .radio-inline {
margin-top : 0;
margin-left : 10px;
}
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;
}
.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
cursor : not-allowed;
}
.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
cursor : not-allowed;
}
.form-control-static {
min-height : 34px;
padding-top : 7px;
padding-bottom : 7px;
margin-bottom : 0;
}
.form-control-static.input-lg, .form-control-static.input-sm {
padding-right : 0;
padding-left : 0;
}
.input-sm {
height : 30px;
padding : 5px 10px;
font-size : 12px;
line-height : 1.5;
border-radius : 3px;
}
select.input-sm {
height : 30px;
line-height : 30px;
}
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 .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
color : #3c763d;
}
.has-success .form-control {
border-color : #3c763d;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
}
.has-success .form-control:focus {
border-color : #2b542c;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 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 .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
color : #8a6d3b;
}
.has-warning .form-control {
border-color : #8a6d3b;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
}
.has-warning .form-control:focus {
border-color : #66512c;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 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 .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
color : #a94442;
}
.has-error .form-control {
border-color : #a94442;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset;
}
.has-error .form-control:focus {
border-color : #843534;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.075) inset, 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;
padding : 6px 12px;
margin-bottom : 0;
font-size : 14px;
font-weight : 400;
line-height : 1.42857143;
text-align : center;
white-space : nowrap;
vertical-align : middle;
touch-action : manipulation;
cursor : pointer;
user-select : none;
background-image : none;
border : transparent solid 1px;
border-radius : 4px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
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 : 0 3px 5px rgb(0, 0, 0, 0.125) inset;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor : not-allowed;
box-shadow : none;
opacity : 0.65;
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events : none;
}
.btn-default {
color : #333;
background-color : #fff;
border-color : #ccc;
}
.btn-default.focus, .btn-default:focus {
color : #333;
background-color : #e6e6e6;
border-color : #8c8c8c;
}
.btn-default:hover {
color : #333;
background-color : #e6e6e6;
border-color : #adadad;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
color : #333;
background-color : #e6e6e6;
border-color : #adadad;
}
.btn-default.active.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.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
background-image : none;
}
.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;
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.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
background-image : none;
}
.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;
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.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
background-image : none;
}
.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;
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.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
background-image : none;
}
.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;
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.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
background-image : none;
}
.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;
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.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
background-image : none;
}
.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-timing-function : ease;
transition-duration : 0.35s;
transition-property : height, visibility;
}
.caret {
display : inline-block;
width : 0;
height : 0;
margin-left : 2px;
vertical-align : middle;
border-top : 4px dashed;
border-top : 4px solid;
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 : #ccc solid 1px;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 4px;
box-shadow : 0 6px 12px rgb(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;
}
.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;
}
.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 : 0 3px 5px rgb(0, 0, 0, 0.125) inset;
}
.btn-group.open .dropdown-toggle.btn-link {
box-shadow : none;
}
.btn .caret {
margin-left : 0;
}
.btn-lg .caret {
border-width : 5px 5px 0;
border-bottom-width : 0;
}
.dropup .btn-lg .caret {
border-width : 0 5px 5px;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
display : block;
float : none;
width : 100%;
max-width : 100%;
}
.btn-group-vertical > .btn-group > .btn {
float : none;
}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
margin-top : -1px;
margin-left : 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius : 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius : 4px;
border-top-right-radius : 4px;
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius : 0;
border-top-right-radius : 0;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius : 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius : 0;
border-bottom-left-radius : 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius : 0;
border-top-right-radius : 0;
}
.btn-group-justified {
display : table;
width : 100%;
table-layout : fixed;
border-collapse : separate;
}
.btn-group-justified > .btn, .btn-group-justified > .btn-group {
display : table-cell;
float : none;
width : 1%;
}
.btn-group-justified > .btn-group .btn {
width : 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left : auto;
}
[data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .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 .form-control, .input-group-addon, .input-group-btn {
display : table-cell;
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn: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 : #ccc solid 1px;
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 .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.input-group-addon:first-child {
border-right : 0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn: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 {
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.input-group-addon:last-child {
border-left : 0;
}
.input-group-btn {
position : relative;
font-size : 0;
white-space : nowrap;
}
.input-group-btn > .btn {
position : relative;
}
.input-group-btn > .btn + .btn {
margin-left : -1px;
}
.input-group-btn > .btn: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 {
position : relative;
display : block;
}
.nav > li > a {
position : relative;
display : block;
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 : transparent solid 1px;
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 : #ddd solid 1px;
border-bottom-color : transparent;
}
.nav-tabs.nav-justified {
width : 100%;
border-bottom : 0;
}
.nav-tabs.nav-justified > li {
float : none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom : 5px;
text-align : center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top : auto;
left : auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display : table-cell;
width : 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom : 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right : 0;
border-radius : 4px;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
border : #ddd solid 1px;
}
@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 : #ddd solid 1px;
}
@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 : transparent solid 1px;
}
@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 : 0 1px 0 rgb(255, 255, 255, 0.1) inset;
}
.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-collapse, .navbar-fixed-top .navbar-collapse {
max-height : 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height : 200px;
}
}
.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-fixed-bottom, .navbar-fixed-top {
position : fixed;
right : 0;
left : 0;
z-index : 1030;
}
@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;
}
.navbar-brand {
float : left;
height : 50px;
padding : 15px 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 .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left : -15px;
}
}
.navbar-toggle {
position : relative;
float : right;
padding : 9px 10px;
margin-top : 8px;
margin-right : 15px;
margin-bottom : 8px;
background-color : transparent;
background-image : none;
border : transparent solid 1px;
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;
margin-top : 8px;
margin-right : -15px;
margin-bottom : 8px;
margin-left : -15px;
border-top : 1px solid transparent;
border-bottom : 1px solid transparent;
box-shadow : 0 1px 0 rgb(255, 255, 255, 0.1) inset, 0 1px 0 rgb(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
.navbar-form .form-group {
display : inline-block;
margin-bottom : 0;
vertical-align : middle;
}
.navbar-form .form-control {
display : inline-block;
width : auto;
vertical-align : middle;
}
.navbar-form .form-control-static {
display : inline-block;
}
.navbar-form .input-group {
display : inline-table;
vertical-align : middle;
}
.navbar-form .input-group .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-text {
color : #777;
}
.navbar-default .navbar-nav > li > a {
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-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-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-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-text {
color : #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
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-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-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-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 : "/\00a0";
}
.breadcrumb > .active {
color : #777;
}
.pagination {
display : inline-block;
padding-left : 0;
margin : 20px 0;
border-radius : 4px;
}
.pagination > li {
display : inline;
}
.pagination > li > a, .pagination > li > span {
position : relative;
float : left;
padding : 6px 12px;
margin-left : -1px;
line-height : 1.42857143;
color : #337ab7;
text-decoration : none;
background-color : #fff;
border : #ddd solid 1px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
margin-left : 0;
border-top-left-radius : 4px;
border-bottom-left-radius : 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
border-top-right-radius : 4px;
border-bottom-right-radius : 4px;
}
.pagination > li > a: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 > .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 : #ddd solid 1px;
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;
color : inherit;
background-color : #eee;
}
.jumbotron .h1, .jumbotron h1 {
color : inherit;
}
.jumbotron p {
margin-bottom : 15px;
font-size : 21px;
font-weight : 200;
}
.jumbotron > hr {
border-top-color : #d5d5d5;
}
.container .jumbotron, .container-fluid .jumbotron {
padding-right : 15px;
padding-left : 15px;
border-radius : 6px;
}
.jumbotron .container {
max-width : 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top : 48px;
padding-bottom : 48px;
}
.container .jumbotron, .container-fluid .jumbotron {
padding-right : 60px;
padding-left : 60px;
}
.jumbotron .h1, .jumbotron h1 {
font-size : 63px;
}
}
.thumbnail {
display : block;
padding : 4px;
margin-bottom : 20px;
line-height : 1.42857143;
background-color : #fff;
border : #ddd solid 1px;
border-radius : 4px;
transition : border 0.2s ease-in-out;
}
.thumbnail a > img, .thumbnail > 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 : transparent solid 1px;
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;
}
.progress {
height : 20px;
margin-bottom : 20px;
overflow : hidden;
background-color : #f5f5f5;
border-radius : 4px;
box-shadow : 0 1px 2px rgb(0, 0, 0, 0.1) inset;
}
.progress-bar {
float : left;
width : 0;
height : 100%;
font-size : 12px;
line-height : 20px;
color : #fff;
text-align : center;
background-color : #337ab7;
box-shadow : 0 -1px 0 rgb(0, 0, 0, 0.15) inset;
transition : width 0.6s ease;
}
.progress-bar-striped, .progress-striped .progress-bar {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size : 40px 40px;
}
.progress-bar.active, .progress.active .progress-bar {
animation : progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color : #5cb85c;
}
.progress-striped .progress-bar-success {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color : #5bc0de;
}
.progress-striped .progress-bar-info {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color : #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color : #d9534f;
}
.progress-striped .progress-bar-danger {
background-image : linear-gradient(45deg, rgb(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255, 0.15) 50%, rgb(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
margin-top : 15px;
}
.media:first-child {
margin-top : 0;
}
.media, .media-body {
overflow : hidden;
}
.media-body {
width : 10000px;
}
.media-object {
display : block;
}
.media-object.img-thumbnail {
max-width : none;
}
.media-right, .media > .pull-right {
padding-left : 10px;
}
.media-left, .media > .pull-left {
padding-right : 10px;
}
.media-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 : #ddd solid 1px;
}
.list-group-item:first-child {
border-top-left-radius : 4px;
border-top-right-radius : 4px;
}
.list-group-item:last-child {
margin-bottom : 0;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
}
a.list-group-item, button.list-group-item {
color : #555;
}
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
color : #333;
}
a.list-group-item: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.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;
}
.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 : transparent solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgb(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 {
color : inherit;
}
.panel-title {
margin-top : 0;
margin-bottom : 0;
font-size : 16px;
color : inherit;
}
.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;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width : 0;
}
.list-group + .panel-footer {
border-top-width : 0;
}
.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
margin-bottom : 0;
}
.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
padding-right : 15px;
padding-left : 15px;
}
.panel > .table-responsive:first-child > .table:first-child, .panel > .table: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, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table: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: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, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr: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 > 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 > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
border-bottom : 0;
}
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom : 0;
}
.panel > .table-responsive {
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 : #e3e3e3 solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgb(0, 0, 0, 0.05) inset;
}
.well blockquote {
border-color : #ddd;
border-color : rgb(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;
opacity : 0.2;
}
.close:focus, .close:hover {
color : #000;
text-decoration : none;
cursor : pointer;
opacity : 0.5;
}
button.close {
padding : 0;
cursor : pointer;
background : 0 0;
border : 0;
}
.modal-open {
overflow : hidden;
}
.modal {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1050;
display : none;
overflow : hidden;
outline : 0;
}
.modal.fade .modal-dialog {
transition : transform 0.3s ease-out;
transform : translate(0,-25%);
}
.modal.in .modal-dialog {
transform : translate(0,0);
}
.modal-open .modal {
overflow-x : hidden;
overflow-y : auto;
}
.modal-dialog {
position : relative;
width : auto;
margin : 10px;
}
.modal-content {
position : relative;
background-color : #fff;
background-clip : padding-box;
border : #999 solid 1px;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 6px;
outline : 0;
box-shadow : 0 3px 9px rgb(0, 0, 0, 0.5);
}
.modal-backdrop {
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
z-index : 1040;
background-color : #000;
}
.modal-backdrop.fade {
opacity : 0;
}
.modal-backdrop.in {
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 rgb(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-size : 12px;
font-style : normal;
font-weight : 400;
line-height : 1.42857143;
text-align : left;
text-align : start;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
overflow-wrap : normal;
white-space : normal;
opacity : 0;
line-break : auto;
}
.tooltip.in {
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-inner {
max-width : 200px;
padding : 3px 8px;
color : #fff;
text-align : center;
background-color : #000;
border-radius : 4px;
}
.tooltip-arrow {
position : absolute;
width : 0;
height : 0;
border-color : transparent;
border-style : solid;
}
.tooltip.top .tooltip-arrow {
bottom : 0;
left : 50%;
margin-left : -5px;
border-width : 5px 5px 0;
border-top-color : #000;
}
.tooltip.top-left .tooltip-arrow {
right : 5px;
bottom : 0;
margin-bottom : -5px;
border-width : 5px 5px 0;
border-top-color : #000;
}
.tooltip.top-right .tooltip-arrow {
bottom : 0;
left : 5px;
margin-bottom : -5px;
border-width : 5px 5px 0;
border-top-color : #000;
}
.tooltip.right .tooltip-arrow {
top : 50%;
left : 0;
margin-top : -5px;
border-width : 5px 5px 5px 0;
border-right-color : #000;
}
.tooltip.left .tooltip-arrow {
top : 50%;
right : 0;
margin-top : -5px;
border-width : 5px 0 5px 5px;
border-left-color : #000;
}
.tooltip.bottom .tooltip-arrow {
top : 0;
left : 50%;
margin-left : -5px;
border-width : 0 5px 5px;
border-bottom-color : #000;
}
.tooltip.bottom-left .tooltip-arrow {
top : 0;
right : 5px;
margin-top : -5px;
border-width : 0 5px 5px;
border-bottom-color : #000;
}
.tooltip.bottom-right .tooltip-arrow {
top : 0;
left : 5px;
margin-top : -5px;
border-width : 0 5px 5px;
border-bottom-color : #000;
}
.popover {
position : absolute;
top : 0;
left : 0;
z-index : 1060;
display : none;
max-width : 276px;
padding : 1px;
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 14px;
font-style : normal;
font-weight : 400;
line-height : 1.42857143;
text-align : left;
text-align : start;
text-decoration : none;
text-shadow : none;
text-transform : none;
letter-spacing : normal;
word-break : normal;
word-spacing : normal;
overflow-wrap : normal;
white-space : normal;
background-color : #fff;
background-clip : padding-box;
border : #ccc solid 1px;
border : rgb(0, 0, 0, 0.2) solid 1px;
border-radius : 6px;
box-shadow : 0 5px 10px rgb(0, 0, 0, 0.2);
line-break : auto;
}
.popover.top {
margin-top : -10px;
}
.popover.right {
margin-left : 10px;
}
.popover.bottom {
margin-top : 10px;
}
.popover.left {
margin-left : -10px;
}
.popover-title {
padding : 8px 14px;
margin : 0;
font-size : 14px;
background-color : #f7f7f7;
border-bottom : 1px solid #ebebeb;
border-radius : 5px 5px 0 0;
}
.popover-content {
padding : 9px 14px;
}
.popover > .arrow, .popover > .arrow:after {
position : absolute;
display : block;
width : 0;
height : 0;
border-color : transparent;
border-style : solid;
}
.popover > .arrow {
border-width : 11px;
}
.popover > .arrow:after {
content : "";
border-width : 10px;
}
.popover.top > .arrow {
bottom : -11px;
left : 50%;
margin-left : -11px;
border-top-color : #999;
border-top-color : rgb(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 : rgb(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 : rgb(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 : rgb(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
right : 1px;
bottom : -10px;
content : " ";
border-right-width : 0;
border-left-color : #fff;
}
.carousel {
position : relative;
}
.carousel-inner {
position : relative;
width : 100%;
overflow : hidden;
}
.carousel-inner > .item {
position : relative;
display : none;
transition : left 0.6s ease-in-out;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
line-height : 1;
}
@media all {
.carousel-inner > .item {
transition : transform 0.6s ease-in-out;
backface-visibility : hidden;
perspective : 1000px;
}
.carousel-inner > .item.active.right, .carousel-inner > .item.next {
left : 0;
transform : translate3d(100%,0,0);
}
.carousel-inner > .item.active.left, .carousel-inner > .item.prev {
left : 0;
transform : translate3d(-100%,0,0);
}
.carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
left : 0;
transform : translate3d(0,0,0);
}
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
display : block;
}
.carousel-inner > .active {
left : 0;
}
.carousel-inner > .next, .carousel-inner > .prev {
position : absolute;
top : 0;
width : 100%;
}
.carousel-inner > .next {
left : 100%;
}
.carousel-inner > .prev {
left : -100%;
}
.carousel-inner > .next.left, .carousel-inner > .prev.right {
left : 0;
}
.carousel-inner > .active.left {
left : -100%;
}
.carousel-inner > .active.right {
left : 100%;
}
.carousel-control {
position : absolute;
top : 0;
bottom : 0;
left : 0;
width : 15%;
font-size : 20px;
color : #fff;
text-align : center;
text-shadow : 0 1px 2px rgb(0, 0, 0, 0.6);
background-color : rgb(0, 0, 0, 0);
opacity : 0.5;
}
.carousel-control.left {
background-image : linear-gradient(to right, rgb(0, 0, 0, 0.5) 0, rgb(0, 0, 0, 0.0001) 100%);
background-repeat : repeat-x;
}
.carousel-control.right {
right : 0;
left : auto;
background-image : linear-gradient(to right, rgb(0, 0, 0, 0.0001) 0, rgb(0, 0, 0, 0.5) 100%);
background-repeat : repeat-x;
}
.carousel-control:focus, .carousel-control:hover {
color : #fff;
text-decoration : none;
outline : 0;
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;
background-color : rgb(0, 0, 0, 0);
border : #fff solid 1px;
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 rgb(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;
}
.visible-lg, .visible-md, .visible-sm, .visible-xs {
display : none !important ;
}
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .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 ;
}
}
nav.bootsnav .dropdown.megamenu-fw {
position : static;
}
nav.bootsnav .container {
position : relative;
}
nav.bootsnav .megamenu-fw .dropdown-menu {
left : auto;
}
nav.bootsnav .megamenu-content {
padding : 15px;
width : 100% !important ;
}
nav.bootsnav .megamenu-content .title {
margin-top : 0;
}
nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
left : 0;
right : 0;
}
nav.navbar.bootsnav {
margin-bottom : 0;
border-radius : 0;
background-color : #fff;
border : none;
border-bottom : 1px solid #e0e0e0;
z-index : 9;
}
nav.navbar.bootsnav ul.nav > li > a {
color : #6f6f6f;
background-color : transparent;
outline : none;
margin-bottom : -2px;
}
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a {
background-color : transparent;
}
nav.navbar.bootsnav .navbar-toggle {
background-color : #fff;
border : none;
padding : 0;
font-size : 18px;
position : relative;
top : 5px;
}
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
top : 0;
left : 100%;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {
white-space : normal;
}
ul.menu-col {
padding : 0;
margin : 0;
list-style : none;
}
ul.menu-col li a {
color : #6f6f6f;
}
ul.menu-col li a:hover, ul.menu-col li a:focus {
text-decoration : none;
}
nav.bootsnav.navbar-full {
padding-bottom : 10px;
padding-top : 10px;
}
nav.bootsnav.navbar-full .navbar-header {
display : block;
width : 100%;
}
nav.bootsnav.navbar-full .navbar-toggle {
display : inline-block;
margin-right : 0;
position : relative;
top : 0;
font-size : 30px;
transition : all 1s ease-in-out;
}
nav.bootsnav.navbar-full .navbar-collapse {
position : fixed;
width : 100%;
height : 100% !important ;
top : 0;
left : 0;
padding : 0;
display : none !important ;
z-index : 9;
}
nav.bootsnav.navbar-full .navbar-collapse.in {
display : block !important ;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full {
overflow : auto;
}
nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {
display : table-cell;
vertical-align : middle;
background-color : #fff;
overflow : auto;
}
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
width : 0;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav {
display : block;
width : 100%;
overflow : auto;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus, nav.bootsnav.navbar-full .navbar-collapse ul.nav a {
background-color : transparent;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li {
float : none;
display : block;
text-align : center;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a {
display : table;
margin : auto;
text-transform : uppercase;
font-weight : bold;
letter-spacing : 2px;
font-size : 24px;
padding : 10px 15px;
}
li.close-full-menu > a {
padding-top : 0;
padding-bottom : 0;
}
li.close-full-menu {
padding-top : 30px;
padding-bottom : 30px;
}
.attr-nav {
float : right;
display : inline-block;
margin-left : 13px;
margin-right : -15px;
}
.attr-nav > ul {
padding : 0;
margin : 0 0 -7px 0;
list-style : none;
display : inline-block;
}
.attr-nav > ul > li {
float : left;
display : block;
}
.attr-nav > ul > li > a {
color : #6f6f6f;
display : block;
padding : 28px 15px;
position : relative;
}
.attr-nav > ul > li > a span.badge {
position : absolute;
top : 50%;
margin-top : -15px;
right : 5px;
font-size : 10px;
padding : 0;
width : 15px;
height : 15px;
padding-top : 2px;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
border-radius : 0;
box-shadow : 0 0 0;
border : #e0e0e0 solid 1px;
}
ul.cart-list {
padding : 0 !important ;
width : 250px !important ;
}
ul.cart-list > li {
position : relative;
border-bottom : 1px solid #efefef;
padding : 15px 15px 23px 15px !important ;
}
ul.cart-list > li > a.photo {
padding : 0 !important ;
margin-right : 15px;
float : left;
display : block;
width : 50px;
height : 50px;
left : 15px;
top : 15px;
}
ul.cart-list > li img {
width : 50px;
height : 50px;
border : #efefef solid 1px;
}
ul.cart-list > li > h6 {
margin : 0;
}
ul.cart-list > li > h6 > a.photo {
padding : 0 !important ;
display : block;
}
ul.cart-list > li > p {
margin-bottom : 0;
}
ul.cart-list > li.total {
background-color : #f5f5f5;
padding-bottom : 15px !important ;
}
ul.cart-list > li.total > .btn {
display : inline-block;
border-bottom : 1px solid #efefef;
}
ul.cart-list > li .price {
font-weight : bold;
}
ul.cart-list > li.total > span {
padding-top : 8px;
}
.top-search {
background-color : #333;
padding : 10px 0;
display : none;
}
.top-search input.form-control {
background-color : transparent;
border : none;
box-shadow : 0 0 0;
color : #fff;
height : 40px;
padding : 0 15px;
}
.top-search .input-group-addon {
background-color : transparent;
border : none;
color : #fff;
padding-left : 0;
padding-right : 0;
}
.top-search .input-group-addon.close-search {
cursor : pointer;
}
body {
transition : all 0.3s ease-in-out;
}
body.on-side {
margin-left : -280px;
}
.side {
position : fixed;
overflow-y : auto;
top : 0;
right : -280px;
width : 280px;
padding : 25px 30px;
height : 100%;
display : block;
background-color : #333;
transition : all 0.3s ease-in-out;
z-index : 9;
}
.side.on {
right : 0;
}
.side .close-side {
float : right;
color : #fff;
position : relative;
z-index : 2;
font-size : 16px;
}
.side .widget {
position : relative;
z-index : 1;
margin-bottom : 25px;
}
.side .widget .title {
color : #fff;
margin-bottom : 15px;
}
.side .widget ul.link {
padding : 0;
margin : 0;
list-style : none;
}
.side .widget ul.link li a {
color : #9f9f9f;
letter-spacing : 1px;
}
.side .widget ul.link li a:focus, .side .widget ul.link li a:hover {
color : #fff;
text-decoration : none;
}
nav.navbar.bootsnav .share {
padding : 0 30px;
margin-bottom : 30px;
}
nav.navbar.bootsnav .share ul {
display : inline-block;
padding : 0;
margin : 0 0 -7px 0;
list-style : none;
}
nav.navbar.bootsnav .share ul > li {
float : left;
display : block;
margin-right : 5px;
}
nav.navbar.bootsnav .share ul > li > a {
display : table-cell;
vertical-align : middle;
text-align : center;
width : 35px;
height : 35px;
border-radius : 50%;
background-color : #cfcfcf;
color : #fff;
}
nav.navbar.bootsnav.navbar-fixed {
position : fixed;
display : block;
width : 100%;
}
nav.navbar.bootsnav.no-background {
transition : all 1s ease-in-out;
}
.wrap-sticky {
position : relative;
transition : all 0.3s ease-in-out;
}
.wrap-sticky nav.navbar.bootsnav {
position : absolute;
width : 100%;
left : 0;
top : 0;
}
.wrap-sticky nav.navbar.bootsnav.sticked {
position : fixed;
transition : all 0.2s ease-in-out;
}
body.on-side .wrap-sticky nav.navbar.bootsnav.sticked {
left : -280px;
}
@media (min-width: 1024px) and (max-width: 1400px) {
body.wrap-nav-sidebar .wrapper .container {
width : 100%;
padding-left : 30px;
padding-right : 30px;
}
}
@media (min-width: 1024px) {
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
margin-top : -2px;
}
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
left : -200px;
}
nav.navbar.bootsnav ul.nav > li > a {
padding : 30px 15px;
font-weight : 600;
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
font-family : 'FontAwesome';
content : "\f0d7";
margin-left : 5px;
margin-top : 2px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
box-shadow : 0 0 0;
border-radius : 0;
padding : 0;
width : 200px;
background : #fff;
border : #e0e0e0 solid 1px;
border-top : 5px solid;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
background-color : transparent;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
padding : 10px 15px;
border-bottom : 1px solid #eee;
color : #6f6f6f;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {
border-bottom : none;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
text-align : right;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
font-family : 'FontAwesome';
float : right;
content : "\f105";
margin-top : 0;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
font-family : 'FontAwesome';
float : left;
content : "\f104";
margin-top : 0;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {
top : -3px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
padding : 0 15px !important ;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
padding : 25px 0 20px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {
padding : 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li {
padding : 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
padding : 0 30px;
margin : 0 -0.5px;
border-left : 1px solid #f0f0f0;
border-right : 1px solid #f0f0f0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child {
border-left : none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child {
border-right : none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content {
display : none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
text-align : left;
padding : 5px 0;
display : block;
width : 100%;
margin-bottom : 0;
border-bottom : none;
color : #6f6f6f;
}
nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {
display : block !important ;
height : auto !important ;
}
nav.navbar.bootsnav.no-background {
background-color : transparent;
border : none;
}
nav.navbar.bootsnav.navbar-transparent .attr-nav {
padding-left : 15px;
margin-left : 30px;
}
nav.navbar.bootsnav.navbar-transparent.white {
background-color : rgb(255, 255, 255, 0.3);
border-bottom : 1px solid #bbb;
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark {
background-color : rgb(0, 0, 0, 0.3);
border-bottom : 1px solid #555;
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
border-left : 1px solid #bbb;
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
border-left : 1px solid #555;
}
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a {
color : #fff;
}
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
color : #eee;
}
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
display : none;
}
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
display : block;
}
nav.navbar.bootsnav.navbar-fixed .logo-display {
display : none;
}
nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
display : block;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
margin-top : 0;
margin-left : 55px;
width : 250px;
left : -250px;
}
nav.navbar.bootsnav.menu-center .container {
position : relative;
}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
float : none;
margin : 0 auto;
display : table;
table-layout : fixed;
}
nav.navbar.bootsnav.menu-center .navbar-header, nav.navbar.bootsnav.menu-center .attr-nav {
position : absolute;
}
nav.navbar.bootsnav.menu-center .attr-nav {
right : 15px;
}
nav.bootsnav.navbar-brand-top .navbar-header {
display : block;
width : 100%;
text-align : center;
}
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu {
margin-top : 2px;
}
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
margin-top : 0;
}
nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {
display : inline-block;
float : none;
margin : 0;
}
nav.bootsnav.navbar-brand-top .navbar-collapse {
text-align : center;
}
nav.bootsnav.navbar-brand-top ul.nav {
display : inline-block;
float : none;
margin : 0 0 -5px 0;
}
nav.bootsnav.brand-center .navbar-header {
display : block;
width : 100%;
position : absolute;
text-align : center;
top : 0;
left : 0;
}
nav.bootsnav.brand-center .navbar-brand {
display : inline-block;
float : none;
}
nav.bootsnav.brand-center .navbar-collapse {
text-align : center;
display : inline-block;
padding-left : 0;
padding-right : 0;
}
nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
margin-top : 2px;
}
nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
margin-top : 0;
}
nav.bootsnav.brand-center .navbar-collapse .col-half {
width : 50%;
float : left;
display : block;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
text-align : right;
padding-right : 100px;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.right {
text-align : left;
padding-left : 100px;
}
nav.bootsnav.brand-center ul.nav {
float : none !important ;
margin-bottom : -5px !important ;
display : inline-block !important ;
}
nav.bootsnav.brand-center ul.nav.navbar-right {
margin : 0;
}
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {
text-align : left;
padding-right : 100px;
}
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {
text-align : right;
padding-left : 100px;
}
body.wrap-nav-sidebar .wrapper {
padding-left : 260px;
overflow-x : hidden;
}
nav.bootsnav.navbar-sidebar {
position : fixed;
width : 260px;
overflow : hidden;
left : 0;
padding : 0 0 0 0 !important ;
background : #fff;
border-right : 1px solid #dfdfdf;
}
nav.bootsnav.navbar-sidebar .scroller {
width : 280px;
overflow-y : auto;
overflow-x : hidden;
}
nav.bootsnav.navbar-sidebar .container-fluid, nav.bootsnav.navbar-sidebar .container {
padding : 0 !important ;
}
nav.bootsnav.navbar-sidebar .navbar-header {
float : none;
display : block;
width : 260px;
padding : 10px 15px;
margin : 10px 0 0 0 !important ;
}
nav.bootsnav.navbar-sidebar .navbar-collapse {
padding : 0 !important ;
width : 260px;
}
nav.bootsnav.navbar-sidebar ul.nav {
float : none;
display : block;
width : 100%;
padding : 0 15px !important ;
margin : 0 0 30px 0;
}
nav.bootsnav.navbar-sidebar ul.nav li {
float : none !important ;
}
nav.bootsnav.navbar-sidebar ul.nav > li > a {
padding : 10px 15px;
font-weight : bold;
}
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after {
float : right;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
left : 100%;
top : 0;
position : relative !important ;
left : 0 !important ;
width : 100% !important ;
height : auto !important ;
background-color : transparent;
border : none !important ;
padding : 0;
box-shadow : 0 0 0;
}
nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu {
border : none !important ;
}
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {
margin-bottom : 15px;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
padding-left : 0;
float : none;
margin-bottom : 0;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
padding : 5px 15px;
color : #6f6f6f;
border : none;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
padding-left : 15px;
margin-top : 0;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {
font-family : 'FontAwesome';
content : "\f105";
float : right;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before {
content : "\f107";
}
nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li {
padding : 0 !important ;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
display : block;
float : none !important ;
padding : 0;
margin : 0;
width : 100%;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
padding : 7px 0;
text-transform : none;
font-weight : 400;
letter-spacing : 0;
margin-bottom : 0;
cursor : pointer;
color : #6f6f6f;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
font-family : 'FontAwesome';
content : "\f105";
float : right;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
content : "\f107";
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
border : none;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
padding : 0 0 0 15px;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
padding : 3px 0 !important ;
}
}
@media (max-width: 992px) {
nav.navbar.bootsnav .navbar-brand {
display : inline-block;
float : none !important ;
margin : 0 !important ;
}
nav.navbar.bootsnav .navbar-header {
float : none;
display : block;
text-align : center;
padding-left : 30px;
padding-right : 30px;
}
nav.navbar.bootsnav .navbar-toggle {
display : inline-block;
float : left;
margin-right : -200px;
margin-top : 10px;
}
nav.navbar.bootsnav .navbar-collapse {
border : none;
margin-bottom : 0;
}
nav.navbar.bootsnav.no-full .navbar-collapse {
max-height : 350px;
overflow-y : auto !important ;
}
nav.navbar.bootsnav .navbar-collapse.collapse {
display : none !important ;
}
nav.navbar.bootsnav .navbar-collapse.collapse.in {
display : block !important ;
}
nav.navbar.bootsnav .navbar-nav {
float : none !important ;
padding-left : 30px;
padding-right : 30px;
margin : 0 -15px;
}
nav.navbar.bootsnav .navbar-nav > li {
float : none;
}
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
font-family : 'FontAwesome';
content : "\f105";
float : right;
font-size : 16px;
margin-left : 10px;
}
nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before {
content : "\f107";
}
nav.navbar.bootsnav .navbar-nav > li > a {
display : block;
width : 100%;
border-bottom : 1px solid #e0e0e0;
padding : 10px 0;
border-top : 1px solid #e0e0e0;
margin-bottom : -1px;
}
nav.navbar.bootsnav .navbar-nav > li:first-child > a {
border-top : none;
}
nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {
border-bottom : 1px solid #e0e0e0;
}
nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
float : none !important ;
position : relative;
display : block;
width : 100%;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
width : 100%;
position : relative !important ;
background-color : transparent;
float : none;
border : none;
padding : 0 0 0 15px !important ;
margin : 0 0 -1px 0 !important ;
box-shadow : 0 0 0;
border-radius : 0 0 0;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
display : block;
width : 100%;
border-bottom : 1px solid #e0e0e0;
padding : 10px 0;
color : #6f6f6f;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
background-color : transparent;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {
float : none !important ;
left : 0;
padding : 0 0 0 15px;
position : relative;
background : transparent;
width : 100%;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {
display : inline-block;
margin-top : -10px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {
display : none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
padding : 10px 15px 10px 0;
line-height : 24px;
text-transform : none;
font-weight : 400;
letter-spacing : 0;
margin-bottom : 0;
cursor : pointer;
border-bottom : 1px solid #e0e0e0;
color : #6f6f6f;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
display : block;
width : 100%;
border-bottom : 1px solid #e0e0e0;
padding : 8px 0;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
font-family : 'FontAwesome';
content : "\f105";
float : right;
font-size : 16px;
margin-left : 10px;
position : relative;
right : -15px;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
border-bottom : none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
border-bottom : 1px solid #e0e0e0;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
border-bottom : none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
content : "\f107";
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
padding : 0 0 0 15px;
}
nav.bootsnav.brand-center .navbar-collapse {
display : block;
}
nav.bootsnav.brand-center ul.nav {
margin-bottom : 0 !important ;
}
nav.bootsnav.brand-center .navbar-collapse .col-half {
width : 100%;
float : none;
display : block;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
margin-bottom : 0;
}
nav.bootsnav .megamenu-content {
padding : 0;
}
nav.bootsnav .megamenu-content .col-menu {
padding-bottom : 0;
}
nav.bootsnav .megamenu-content .title {
cursor : pointer;
display : block;
padding : 10px 15px;
margin-bottom : 0;
font-weight : normal;
}
nav.bootsnav .megamenu-content .content {
display : none;
}
.attr-nav {
position : absolute;
right : 60px;
}
.attr-nav > ul {
padding : 0;
margin : 0 -15px -7px 0;
}
.attr-nav > ul > li > a {
padding : 16px 15px 15px;
}
.attr-nav > ul > li.dropdown > a.dropdown-toggle:before {
display : none;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
margin-top : 2px;
margin-left : 55px;
width : 250px;
left : -250px;
border-top : 5px solid;
}
.top-search .container {
padding : 0 45px;
}
nav.bootsnav.navbar-full ul.nav {
margin-left : 0;
}
nav.bootsnav.navbar-full ul.nav > li > a {
border : none;
}
nav.bootsnav.navbar-full .navbar-brand {
float : left !important ;
padding-left : 0;
}
nav.bootsnav.navbar-full .navbar-toggle {
display : inline-block;
float : right;
margin-right : 0;
margin-top : 10px;
}
nav.bootsnav.navbar-full .navbar-header {
padding-left : 15px;
padding-right : 15px;
}
nav.navbar.bootsnav.navbar-sidebar .share {
padding : 30px 15px;
margin-bottom : 0;
}
nav.navbar.bootsnav .megamenu-content.tabbed {
padding-left : 0 !important ;
}
nav.navbar.bootsnav .tabbed > li {
padding : 25px 0;
margin-left : -15px !important ;
}
body > .wrapper {
transition : all 0.3s ease-in-out;
}
body.side-right > .wrapper {
margin-left : 280px;
margin-right : -280px !important ;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
position : fixed;
overflow-y : auto !important ;
overflow-x : hidden !important ;
display : block;
background : #fff;
z-index : 99;
width : 280px;
height : 100% !important ;
left : -280px;
top : 0;
padding : 0;
transition : all 0.3s ease-in-out;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
left : 0;
}
nav.navbar.bootsnav.navbar-mobile ul.nav {
width : 293px;
padding-right : 0;
padding-left : 15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
padding : 15px 15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
padding-right : 15px !important ;
padding-top : 15px !important ;
padding-bottom : 15px !important ;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
padding-right : 30px !important ;
padding-top : 13px !important ;
padding-bottom : 13px !important ;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
padding-top : 13px !important ;
padding-bottom : 13px !important ;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=" col-"] {
width : 100%;
}
nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
display : block !important ;
}
nav.navbar.bootsnav.navbar-fixed .logo-display {
display : none !important ;
}
nav.navbar.bootsnav.navbar-mobile .tab-menu, nav.navbar.bootsnav.navbar-mobile .tab-content {
width : 100%;
display : block;
}
}
@media (max-width: 767px) {
nav.navbar.bootsnav .navbar-header {
padding-left : 15px;
padding-right : 15px;
}
nav.navbar.bootsnav .navbar-nav {
padding-left : 15px;
padding-right : 15px;
}
.attr-nav {
right : 30px;
}
.attr-nav > ul {
margin-right : -10px;
}
.attr-nav > ul > li > a {
padding : 16px 10px 15px;
padding-left : 0 !important ;
}
.attr-nav > ul > li.dropdown ul.dropdown-menu {
left : -275px;
}
.top-search .container {
padding : 0 15px;
}
nav.bootsnav.navbar-full .navbar-collapse {
left : 15px;
}
nav.bootsnav.navbar-full .navbar-header {
padding-right : 0;
}
nav.bootsnav.navbar-full .navbar-toggle {
margin-right : -15px;
}
nav.bootsnav.navbar-full ul.nav > li > a {
font-size : 18px !important ;
line-height : 24px !important ;
padding : 5px 10px !important ;
}
nav.navbar.bootsnav.navbar-sidebar .share {
padding : 30px 15px !important ;
}
nav.navbar.bootsnav.navbar-sidebar .share {
padding : 30px 0 !important ;
margin-bottom : 0;
}
nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share {
padding : 30px 15px !important ;
margin-bottom : 0;
}
body.side-right > .wrapper {
margin-left : 280px;
margin-right : -280px !important ;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
margin-left : 0;
}
nav.navbar.bootsnav.navbar-mobile ul.nav {
margin-left : -15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav {
border-top : 1px solid #fff;
}
li.close-full-menu {
padding-top : 15px !important ;
padding-bottom : 15px !important ;
}
}
@media (min-width: 480px) and (max-width: 640px) {
nav.bootsnav.navbar-full ul.nav {
padding-top : 30px;
padding-bottom : 30px;
}
}
.swiper-container {
margin : 0 auto;
position : relative;
overflow : hidden;
list-style : none;
padding : 0;
z-index : 1;
}
.swiper-container-no-flexbox .swiper-slide {
float : left;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction : column;
}
.swiper-wrapper {
position : relative;
width : 100%;
height : 100%;
z-index : 1;
display : flex;
transition-property : transform;
box-sizing : content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
transform : translate3d(0,0,0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap : wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function : ease-out;
margin : 0 auto;
}
.swiper-slide {
flex-shrink : 0;
width : 100%;
height : 100%;
position : relative;
transition-property : transform;
}
.swiper-invisible-blank-slide {
visibility : hidden;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height : auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items : flex-start;
transition-property : transform, height;
}
.swiper-container-3d {
perspective : 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
transform-style : preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
pointer-events : none;
z-index : 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image : linear-gradient(to left, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image : linear-gradient(to right, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image : linear-gradient(to top, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image : linear-gradient(to bottom, rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0));
}
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
touch-action : pan-y;
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
touch-action : pan-x;
}
.swiper-button-next, .swiper-button-prev {
position : absolute;
top : 50%;
width : 27px;
height : 44px;
margin-top : -22px;
z-index : 10;
cursor : pointer;
background-size : 27px 44px;
background-position : center;
background-repeat : no-repeat;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity : 0.35;
cursor : auto;
pointer-events : none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left : 10px;
right : auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right : 10px;
left : auto;
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
position : absolute;
text-align : center;
transition : opacity 0.3s;
transform : translate3d(0,0,0);
z-index : 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity : 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom : 10px;
left : 0;
width : 100%;
}
.swiper-pagination-bullets-dynamic {
overflow : hidden;
font-size : 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform : scale(0.33);
position : relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform : scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform : scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform : scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform : scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform : scale(0.33);
}
.swiper-pagination-bullet {
width : 8px;
height : 8px;
display : inline-block;
border-radius : 100%;
background : #000;
opacity : 0.2;
}
button.swiper-pagination-bullet {
border : none;
margin : 0;
padding : 0;
box-shadow : none;
appearance : none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor : pointer;
}
.swiper-pagination-bullet-active {
opacity : 1;
background : #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right : 10px;
top : 50%;
transform : translate3d(0,-50%,0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin : 6px 0;
display : block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top : 50%;
transform : translateY(-50%);
width : 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display : inline-block;
transition : transform 0.2s, top 0.2s;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin : 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left : 50%;
transform : translateX(-50%);
white-space : nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition : transform 0.2s, left 0.2s;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition : transform 0.2s, right 0.2s;
}
.swiper-pagination-progressbar {
background : rgb(0, 0, 0, 0.25);
position : absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background : #007aff;
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 100%;
transform : scale(0);
transform-origin : left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin : right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar {
width : 100%;
height : 4px;
left : 0;
top : 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar {
width : 4px;
height : 100%;
left : 0;
top : 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background : #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background : rgb(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background : #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background : #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background : rgb(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background : #000;
}
.swiper-scrollbar {
border-radius : 10px;
position : relative;
background : rgb(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position : absolute;
left : 1%;
bottom : 3px;
z-index : 50;
height : 5px;
width : 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position : absolute;
right : 3px;
top : 1%;
z-index : 50;
width : 5px;
height : 98%;
}
.swiper-scrollbar-drag {
height : 100%;
width : 100%;
position : relative;
background : rgb(0, 0, 0, 0.5);
border-radius : 10px;
left : 0;
top : 0;
}
.swiper-scrollbar-cursor-drag {
cursor : move;
}
.swiper-zoom-container {
width : 100%;
height : 100%;
display : flex;
justify-content : center;
align-items : center;
text-align : center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width : 100%;
max-height : 100%;
object-fit : contain;
}
.swiper-slide-zoomed {
cursor : move;
}
.swiper-lazy-preloader {
width : 42px;
height : 42px;
position : absolute;
left : 50%;
top : 50%;
margin-left : -21px;
margin-top : -21px;
z-index : 10;
transform-origin : 50%;
animation : swiper-preloader-spin 1s steps(12,end) infinite;
}
.swiper-lazy-preloader:after {
display : block;
content : '';
width : 100%;
height : 100%;
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position : 50%;
background-size : 100%;
background-repeat : no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image : url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
100% {
transform : rotate(360deg);
}
}
.swiper-container .swiper-notification {
position : absolute;
left : 0;
top : 0;
pointer-events : none;
opacity : 0;
z-index : -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function : ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events : none;
transition-property : opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events : none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events : auto;
}
.swiper-container-cube {
overflow : visible;
}
.swiper-container-cube .swiper-slide {
pointer-events : none;
backface-visibility : hidden;
z-index : 1;
visibility : hidden;
transform-origin : 0 0;
width : 100%;
height : 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events : none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin : 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events : auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
pointer-events : auto;
visibility : visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
z-index : 0;
backface-visibility : hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position : absolute;
left : 0;
bottom : 0;
width : 100%;
height : 100%;
background : #000;
opacity : 0.6;
filter : blur(50px);
z-index : 0;
}
.swiper-container-flip {
overflow : visible;
}
.swiper-container-flip .swiper-slide {
pointer-events : none;
backface-visibility : hidden;
z-index : 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events : none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events : auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
z-index : 0;
backface-visibility : hidden;
}
.animated {
animation-duration : 1s;
animation-fill-mode : both;
}
.animated.infinite {
animation-iteration-count : infinite;
}
.animated.hinge {
animation-duration : 2s;
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
transition-timing-function : cubic-bezier(0.215,0.610,0.355,1.000);
transform : translate3d(0,0,0);
}
40%, 43% {
transition-timing-function : cubic-bezier(0.755,0.050,0.855,0.060);
transform : translate3d(0,-30px,0);
}
70% {
transition-timing-function : cubic-bezier(0.755,0.050,0.855,0.060);
transform : translate3d(0,-15px,0);
}
90% {
transform : translate3d(0,-4px,0);
}
}
.bounce {
animation-name : bounce;
transform-origin : center bottom;
}
@keyframes flash {
0%, 50%, 100% {
opacity : 1;
}
25%, 75% {
opacity : 0;
}
}
.flash {
animation-name : flash;
}
@keyframes pulse {
0% {
transform : scale3d(1,1,1);
}
50% {
transform : scale3d(1.05,1.05,1.05);
}
100% {
transform : scale3d(1,1,1);
}
}
.pulse {
animation-name : pulse;
}
@keyframes rubberBand {
0% {
transform : scale3d(1,1,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);
}
100% {
transform : scale3d(1,1,1);
}
}
.rubberBand {
animation-name : rubberBand;
}
@keyframes shake {
0%, 100% {
transform : translate3d(0,0,0);
}
10%, 30%, 50%, 70%, 90% {
transform : translate3d(-10px,0,0);
}
20%, 40%, 60%, 80% {
transform : translate3d(10px,0,0);
}
}
.shake {
animation-name : shake;
}
@keyframes swing {
20% {
transform : rotate3d(0,0,1,15deg);
}
40% {
transform : rotate3d(0,0,1,-10deg);
}
60% {
transform : rotate3d(0,0,1,5deg);
}
80% {
transform : rotate3d(0,0,1,-5deg);
}
100% {
transform : rotate3d(0,0,1,0deg);
}
}
.swing {
transform-origin : top center;
animation-name : swing;
}
@keyframes tada {
0% {
transform : scale3d(1,1,1);
}
10%, 20% {
transform : scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);
}
30%, 50%, 70%, 90% {
transform : scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
}
40%, 60%, 80% {
transform : scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
}
100% {
transform : scale3d(1,1,1);
}
}
.tada {
animation-name : tada;
}
@keyframes wobble {
0% {
transform : none;
}
15% {
transform : translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
}
30% {
transform : translate3d(20%,0,0) rotate3d(0,0,1,3deg);
}
45% {
transform : translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
}
60% {
transform : translate3d(10%,0,0) rotate3d(0,0,1,2deg);
}
75% {
transform : translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
}
100% {
transform : none;
}
}
.wobble {
animation-name : wobble;
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
transition-timing-function : cubic-bezier(0.215,0.610,0.355,1.000);
}
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);
}
100% {
opacity : 1;
transform : scale3d(1,1,1);
}
}
.bounceIn {
animation-name : bounceIn;
animation-duration : 0.75s;
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
transition-timing-function : cubic-bezier(0.215,0.610,0.355,1.000);
}
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);
}
100% {
transform : none;
}
}
.bounceInDown {
animation-name : bounceInDown;
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
transition-timing-function : cubic-bezier(0.215,0.610,0.355,1.000);
}
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);
}
100% {
transform : none;
}
}
.bounceInLeft {
animation-name : bounceInLeft;
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
transition-timing-function : cubic-bezier(0.215,0.610,0.355,1.000);
}
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);
}
100% {
transform : none;
}
}
.bounceInRight {
animation-name : bounceInRight;
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
transition-timing-function : cubic-bezier(0.215,0.610,0.355,1.000);
}
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);
}
100% {
transform : translate3d(0,0,0);
}
}
.bounceInUp {
animation-name : bounceInUp;
}
@keyframes bounceOut {
20% {
transform : scale3d(0.9,0.9,0.9);
}
50%, 55% {
opacity : 1;
transform : scale3d(1.1,1.1,1.1);
}
100% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
}
.bounceOut {
animation-name : bounceOut;
animation-duration : 0.75s;
}
@keyframes bounceOutDown {
20% {
transform : translate3d(0,10px,0);
}
40%, 45% {
opacity : 1;
transform : translate3d(0,-20px,0);
}
100% {
opacity : 0;
transform : translate3d(0,2000px,0);
}
}
.bounceOutDown {
animation-name : bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity : 1;
transform : translate3d(20px,0,0);
}
100% {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
}
.bounceOutLeft {
animation-name : bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity : 1;
transform : translate3d(-20px,0,0);
}
100% {
opacity : 0;
transform : translate3d(2000px,0,0);
}
}
.bounceOutRight {
animation-name : bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform : translate3d(0,-10px,0);
}
40%, 45% {
opacity : 1;
transform : translate3d(0,20px,0);
}
100% {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
}
.bounceOutUp {
animation-name : bounceOutUp;
}
@keyframes fadeIn {
0% {
opacity : 0;
}
100% {
opacity : 1;
}
}
.fadeIn {
animation-name : fadeIn;
}
@keyframes fadeInDown {
0% {
opacity : 0;
transform : translate3d(0,-100%,0);
}
100% {
opacity : 1;
transform : none;
}
}
.fadeInDown {
animation-name : fadeInDown;
}
@keyframes fadeInDownBig {
0% {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
100% {
opacity : 1;
transform : none;
}
}
.fadeInDownBig {
animation-name : fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
opacity : 0;
transform : translate3d(-100px,0,0);
}
100% {
opacity : 1;
transform : none;
}
}
.fadeInLeft {
animation-name : fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
100% {
opacity : 1;
transform : none;
}
}
.fadeInLeftBig {
animation-name : fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
opacity : 0;
transform : translate3d(100px,0,0);
}
100% {
opacity : 1;
transform : none;
}
}
.fadeInRight {
animation-name : fadeInRight;
}
@keyframes fadeInRightBig {
0% {
opacity : 0;
transform : translate3d(2000px,0,0);
}
100% {
opacity : 1;
transform : none;
}
}
.fadeInRightBig {
animation-name : fadeInRightBig;
}
@keyframes fadeInUp {
0% {
opacity : 0;
transform : translate3d(0,40px,0);
}
100% {
opacity : 1;
transform : none;
}
}
.fadeInUp {
animation-name : fadeInUp;
}
@keyframes fadeInUpBig {
0% {
opacity : 0;
transform : translate3d(0,2000px,0);
}
100% {
opacity : 1;
transform : none;
}
}
.fadeInUpBig {
animation-name : fadeInUpBig;
}
@keyframes fadeOut {
0% {
opacity : 1;
}
100% {
opacity : 0;
}
}
.fadeOut {
animation-name : fadeOut;
}
@keyframes fadeOutDown {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translate3d(0,100%,0);
}
}
.fadeOutDown {
animation-name : fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translate3d(0,2000px,0);
}
}
.fadeOutDownBig {
animation-name : fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translate3d(-100%,0,0);
}
}
.fadeOutLeft {
animation-name : fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translate3d(-2000px,0,0);
}
}
.fadeOutLeftBig {
animation-name : fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translate3d(100%,0,0);
}
}
.fadeOutRight {
animation-name : fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translate3d(2000px,0,0);
}
}
.fadeOutRightBig {
animation-name : fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translate3d(0,-100%,0);
}
}
.fadeOutUp {
animation-name : fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translate3d(0,-2000px,0);
}
}
.fadeOutUpBig {
animation-name : fadeOutUpBig;
}
@keyframes flip {
0% {
transform : perspective(400px) rotate3d(0,1,0,-360deg);
animation-timing-function : ease-out;
}
40% {
transform : perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
animation-timing-function : ease-out;
}
50% {
transform : perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
animation-timing-function : ease-in;
}
80% {
transform : perspective(400px) scale3d(0.95,0.95,0.95);
animation-timing-function : ease-in;
}
100% {
transform : perspective(400px);
animation-timing-function : ease-in;
}
}
.animated.flip {
backface-visibility : visible;
animation-name : flip;
}
@keyframes flipInX {
0% {
transform : perspective(400px) rotate3d(1,0,0,90deg);
transition-timing-function : ease-in;
opacity : 0;
}
40% {
transform : perspective(400px) rotate3d(1,0,0,-20deg);
transition-timing-function : ease-in;
}
60% {
transform : perspective(400px) rotate3d(1,0,0,10deg);
opacity : 1;
}
80% {
transform : perspective(400px) rotate3d(1,0,0,-5deg);
}
100% {
transform : perspective(400px);
}
}
.flipInX {
backface-visibility : visible !important ;
animation-name : flipInX;
}
@keyframes flipInY {
0% {
transform : perspective(400px) rotate3d(0,1,0,90deg);
transition-timing-function : ease-in;
opacity : 0;
}
40% {
transform : perspective(400px) rotate3d(0,1,0,-20deg);
transition-timing-function : ease-in;
}
60% {
transform : perspective(400px) rotate3d(0,1,0,10deg);
opacity : 1;
}
80% {
transform : perspective(400px) rotate3d(0,1,0,-5deg);
}
100% {
transform : perspective(400px);
}
}
.flipInY {
backface-visibility : visible !important ;
animation-name : flipInY;
}
@keyframes flipOutX {
0% {
transform : perspective(400px);
}
30% {
transform : perspective(400px) rotate3d(1,0,0,-20deg);
opacity : 1;
}
100% {
transform : perspective(400px) rotate3d(1,0,0,90deg);
opacity : 0;
}
}
.flipOutX {
animation-name : flipOutX;
animation-duration : 0.75s;
backface-visibility : visible !important ;
}
@keyframes flipOutY {
0% {
transform : perspective(400px);
}
30% {
transform : perspective(400px) rotate3d(0,1,0,-15deg);
opacity : 1;
}
100% {
transform : perspective(400px) rotate3d(0,1,0,90deg);
opacity : 0;
}
}
.flipOutY {
backface-visibility : visible !important ;
animation-name : flipOutY;
animation-duration : 0.75s;
}
@keyframes lightSpeedIn {
0% {
transform : translate3d(100%,0,0) skewX(-30deg);
opacity : 0;
}
60% {
transform : skewX(20deg);
opacity : 1;
}
80% {
transform : skewX(-5deg);
opacity : 1;
}
100% {
transform : none;
opacity : 1;
}
}
.lightSpeedIn {
animation-name : lightSpeedIn;
animation-timing-function : ease-out;
}
@keyframes lightSpeedOut {
0% {
opacity : 1;
}
100% {
transform : translate3d(100%,0,0) skewX(30deg);
opacity : 0;
}
}
.lightSpeedOut {
animation-name : lightSpeedOut;
animation-timing-function : ease-in;
}
@keyframes rotateIn {
0% {
transform-origin : center;
transform : rotate3d(0,0,1,-200deg);
opacity : 0;
}
100% {
transform-origin : center;
transform : none;
opacity : 1;
}
}
.rotateIn {
animation-name : rotateIn;
}
@keyframes rotateInDownLeft {
0% {
transform-origin : left bottom;
transform : rotate3d(0,0,1,-45deg);
opacity : 0;
}
100% {
transform-origin : left bottom;
transform : none;
opacity : 1;
}
}
.rotateInDownLeft {
animation-name : rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
transform-origin : right bottom;
transform : rotate3d(0,0,1,45deg);
opacity : 0;
}
100% {
transform-origin : right bottom;
transform : none;
opacity : 1;
}
}
.rotateInDownRight {
animation-name : rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
transform-origin : left bottom;
transform : rotate3d(0,0,1,45deg);
opacity : 0;
}
100% {
transform-origin : left bottom;
transform : none;
opacity : 1;
}
}
.rotateInUpLeft {
animation-name : rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
transform-origin : right bottom;
transform : rotate3d(0,0,1,-90deg);
opacity : 0;
}
100% {
transform-origin : right bottom;
transform : none;
opacity : 1;
}
}
.rotateInUpRight {
animation-name : rotateInUpRight;
}
@keyframes rotateOut {
0% {
transform-origin : center;
opacity : 1;
}
100% {
transform-origin : center;
transform : rotate3d(0,0,1,200deg);
opacity : 0;
}
}
.rotateOut {
animation-name : rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
transform-origin : left bottom;
opacity : 1;
}
100% {
transform-origin : left bottom;
transform : rotate3d(0,0,1,45deg);
opacity : 0;
}
}
.rotateOutDownLeft {
animation-name : rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
transform-origin : right bottom;
opacity : 1;
}
100% {
transform-origin : right bottom;
transform : rotate3d(0,0,1,-45deg);
opacity : 0;
}
}
.rotateOutDownRight {
animation-name : rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
transform-origin : left bottom;
opacity : 1;
}
100% {
transform-origin : left bottom;
transform : rotate3d(0,0,1,-45deg);
opacity : 0;
}
}
.rotateOutUpLeft {
animation-name : rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
transform-origin : right bottom;
opacity : 1;
}
100% {
transform-origin : right bottom;
transform : rotate3d(0,0,1,90deg);
opacity : 0;
}
}
.rotateOutUpRight {
animation-name : rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin : top left;
animation-timing-function : ease-in-out;
}
20%, 60% {
transform : rotate3d(0,0,1,80deg);
transform-origin : top left;
animation-timing-function : ease-in-out;
}
40%, 80% {
transform : rotate3d(0,0,1,60deg);
transform-origin : top left;
animation-timing-function : ease-in-out;
opacity : 1;
}
100% {
transform : translate3d(0,700px,0);
opacity : 0;
}
}
.hinge {
animation-name : hinge;
}
@keyframes rollIn {
0% {
opacity : 0;
transform : translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
}
100% {
opacity : 1;
transform : none;
}
}
.rollIn {
animation-name : rollIn;
}
@keyframes rollOut {
0% {
opacity : 1;
}
100% {
opacity : 0;
transform : translate3d(100%,0,0) rotate3d(0,0,1,120deg);
}
}
.rollOut {
animation-name : rollOut;
}
@keyframes zoomIn {
0% {
opacity : 0;
transform : scale3d(0.8,0.8,0.8);
}
50% {
opacity : 1;
}
}
.zoomIn {
animation-name : zoomIn;
}
@keyframes zoomInDown {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);
animation-timing-function : cubic-bezier(0.550,0.055,0.675,0.190);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.320,1);
}
}
.zoomInDown {
animation-name : zoomInDown;
}
@keyframes zoomInLeft {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);
animation-timing-function : cubic-bezier(0.550,0.055,0.675,0.190);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(10px,0,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.320,1);
}
}
.zoomInLeft {
animation-name : zoomInLeft;
}
@keyframes zoomInRight {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);
animation-timing-function : cubic-bezier(0.550,0.055,0.675,0.190);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.320,1);
}
}
.zoomInRight {
animation-name : zoomInRight;
}
@keyframes zoomInUp {
0% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);
animation-timing-function : cubic-bezier(0.550,0.055,0.675,0.190);
}
60% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
animation-timing-function : cubic-bezier(0.175,0.885,0.320,1);
}
}
.zoomInUp {
animation-name : zoomInUp;
}
@keyframes zoomOut {
0% {
opacity : 1;
}
50% {
opacity : 0;
transform : scale3d(0.3,0.3,0.3);
}
100% {
opacity : 0;
}
}
.zoomOut {
animation-name : zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);
animation-timing-function : cubic-bezier(0.550,0.055,0.675,0.190);
}
100% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);
transform-origin : center bottom;
animation-timing-function : cubic-bezier(0.175,0.885,0.320,1);
}
}
.zoomOutDown {
animation-name : zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(42px,0,0);
}
100% {
opacity : 0;
transform : scale(0.1) translate3d(-2000px,0,0);
transform-origin : left center;
}
}
.zoomOutLeft {
animation-name : zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);
}
100% {
opacity : 0;
transform : scale(0.1) translate3d(2000px,0,0);
transform-origin : right center;
}
}
.zoomOutRight {
animation-name : zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity : 1;
transform : scale3d(0.475,0.475,0.475) translate3d(0,60px,0);
animation-timing-function : cubic-bezier(0.550,0.055,0.675,0.190);
}
100% {
opacity : 0;
transform : scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);
transform-origin : center bottom;
animation-timing-function : cubic-bezier(0.175,0.885,0.320,1);
}
}
.zoomOutUp {
animation-name : zoomOutUp;
}
@keyframes slideInDown {
0% {
transform : translateY(-100%);
visibility : visible;
}
100% {
transform : translateY(0);
}
}
.slideInDown {
animation-name : slideInDown;
}
@keyframes slideInLeft {
0% {
transform : translateX(-100%);
visibility : visible;
}
100% {
transform : translateX(0);
}
}
.slideInLeft {
animation-name : slideInLeft;
}
@keyframes slideInRight {
0% {
transform : translateX(100%);
visibility : visible;
}
100% {
transform : translateX(0);
}
}
.slideInRight {
animation-name : slideInRight;
}
@keyframes slideInUp {
0% {
transform : translateY(100%);
visibility : visible;
}
100% {
transform : translateY(0);
}
}
.slideInUp {
animation-name : slideInUp;
}
@keyframes slideOutDown {
0% {
transform : translateY(0);
}
100% {
visibility : hidden;
transform : translateY(100%);
}
}
.slideOutDown {
animation-name : slideOutDown;
}
@keyframes slideOutLeft {
0% {
transform : translateX(0);
}
100% {
visibility : hidden;
transform : translateX(-100%);
}
}
.slideOutLeft {
animation-name : slideOutLeft;
}
@keyframes slideOutRight {
0% {
transform : translateX(0);
}
100% {
visibility : hidden;
transform : translateX(100%);
}
}
.slideOutRight {
animation-name : slideOutRight;
}
@keyframes slideOutUp {
0% {
transform : translateY(0);
}
100% {
visibility : hidden;
transform : translateY(-100%);
}
}
.slideOutUp {
animation-name : slideOutUp;
}
@keyframes blink {
0% {
opacity : 1;
}
50% {
opacity : 0;
}
100% {
opacity : 1;
}
}
@keyframes loader {
0% {
transform : rotate(0deg);
}
25% {
transform : rotate(180deg);
}
50% {
transform : rotate(180deg);
}
75% {
transform : rotate(360deg);
}
100% {
transform : rotate(360deg);
}
}
@keyframes loader-inner {
0% {
height : 0%;
}
25% {
height : 0%;
}
50% {
height : 100%;
}
75% {
height : 100%;
}
100% {
height : 0%;
}
}
.mfp-bg {
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 1042;
overflow : hidden;
position : fixed;
background : #0b0b0b;
opacity : 0.8;
}
.mfp-wrap {
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 1043;
position : fixed;
outline : none !important ;
}
.mfp-container {
text-align : center;
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
padding : 0 8px;
box-sizing : border-box;
}
.mfp-container:before {
content : '';
display : inline-block;
height : 100%;
vertical-align : middle;
}
.mfp-align-top .mfp-container:before {
display : none;
}
.mfp-content {
position : relative;
display : inline-block;
vertical-align : middle;
margin : 0 auto;
text-align : left;
z-index : 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width : 100%;
cursor : auto;
}
.mfp-ajax-cur {
cursor : progress;
}
.mfp-zoom-out-cur {
cursor : zoom-out;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor : pointer;
}
.mfp-zoom {
cursor : zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor : auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
user-select : none;
}
.mfp-loading.mfp-figure {
display : none;
}
.mfp-hide {
display : none !important ;
}
.mfp-preloader {
color : #CCC;
position : absolute;
top : 50%;
width : auto;
text-align : center;
margin-top : -0.8em;
left : 8px;
right : 8px;
z-index : 1044;
}
.mfp-preloader a {
color : #CCC;
}
.mfp-preloader a:hover {
color : #FFF;
}
.mfp-s-ready .mfp-preloader {
display : none;
}
.mfp-s-error .mfp-content {
display : none;
}
button.mfp-close, button.mfp-arrow {
overflow : visible;
cursor : pointer;
background : transparent;
border : 0;
display : block;
outline : none;
padding : 0;
z-index : 1046;
box-shadow : none;
touch-action : manipulation;
}
button::-moz-focus-inner {
padding : 0;
border : 0;
}
.mfp-close {
width : 44px;
height : 44px;
line-height : 44px;
position : absolute;
right : 0;
top : 0;
text-decoration : none;
text-align : center;
opacity : 0.65;
padding : 0 0 18px 10px;
color : #FFF;
font-style : normal;
font-size : 28px;
font-family : Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity : 1;
}
.mfp-close:active {
top : 1px;
}
.mfp-close-btn-in .mfp-close {
color : #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color : #FFF;
right : -6px;
text-align : right;
padding-right : 6px;
width : 100%;
}
.mfp-image-holder .mfp-close {
width : auto;
}
.mfp-counter {
position : absolute;
top : 0;
right : 0;
color : #CCC;
font-size : 12px;
line-height : 18px;
white-space : nowrap;
}
.mfp-arrow {
position : absolute;
opacity : 0.65;
margin : 0;
top : 50%;
margin-top : -55px;
padding : 0;
width : 90px;
height : 110px;
}
.mfp-arrow:active {
margin-top : -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity : 1;
}
.mfp-arrow:before, .mfp-arrow:after {
content : '';
display : block;
width : 0;
height : 0;
position : absolute;
left : 0;
top : 0;
margin-top : 35px;
margin-left : 35px;
border : transparent inset medium;
}
.mfp-arrow:after {
border-top-width : 13px;
border-bottom-width : 13px;
top : 8px;
}
.mfp-arrow:before {
border-top-width : 21px;
border-bottom-width : 21px;
opacity : 0.7;
}
.mfp-arrow-left {
left : 0;
}
.mfp-arrow-left:after {
border-right : 17px solid #FFF;
margin-left : 31px;
}
.mfp-arrow-left:before {
margin-left : 25px;
border-right : 27px solid #3F3F3F;
}
.mfp-arrow-right {
right : 0;
}
.mfp-arrow-right:after {
border-left : 17px solid #FFF;
margin-left : 39px;
}
.mfp-arrow-right:before {
border-left : 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top : 40px;
padding-bottom : 40px;
}
.mfp-iframe-holder .mfp-content {
line-height : 0;
width : 100%;
max-width : 900px;
}
.mfp-iframe-holder .mfp-close {
top : -40px;
}
.mfp-iframe-scaler {
width : 100%;
height : 0;
overflow : hidden;
padding-top : 56.25%;
}
.mfp-iframe-scaler iframe {
position : absolute;
display : block;
top : 0;
left : 0;
width : 100%;
height : 100%;
box-shadow : 0 0 8px rgb(0, 0, 0, 0.6);
background : #000;
}
img.mfp-img {
width : auto;
max-width : 100%;
height : auto;
display : block;
line-height : 0;
box-sizing : border-box;
padding : 40px 0 40px;
margin : 0 auto;
}
.mfp-figure {
line-height : 0;
}
.mfp-figure:after {
content : '';
position : absolute;
left : 0;
top : 40px;
bottom : 40px;
display : block;
right : 0;
width : auto;
height : auto;
z-index : -1;
box-shadow : 0 0 8px rgb(0, 0, 0, 0.6);
background : #444;
}
.mfp-figure small {
color : #BDBDBD;
display : block;
font-size : 12px;
line-height : 14px;
}
.mfp-figure figure {
margin : 0;
}
.mfp-bottom-bar {
margin-top : -36px;
position : absolute;
top : 100%;
left : 0;
width : 100%;
cursor : auto;
}
.mfp-title {
text-align : left;
line-height : 18px;
color : #F3F3F3;
overflow-wrap : break-word;
padding-right : 36px;
}
.mfp-image-holder .mfp-content {
max-width : 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor : pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left : 0;
padding-right : 0;
}
.mfp-img-mobile img.mfp-img {
padding : 0;
}
.mfp-img-mobile .mfp-figure:after {
top : 0;
bottom : 0;
}
.mfp-img-mobile .mfp-figure small {
display : inline;
margin-left : 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background : rgb(0, 0, 0, 0.6);
bottom : 0;
margin : 0;
top : auto;
padding : 3px 5px;
position : fixed;
box-sizing : border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding : 0;
}
.mfp-img-mobile .mfp-counter {
right : 5px;
top : 3px;
}
.mfp-img-mobile .mfp-close {
top : 0;
right : 0;
width : 35px;
height : 35px;
line-height : 35px;
background : rgb(0, 0, 0, 0.6);
position : fixed;
text-align : center;
padding : 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform : scale(0.75);
}
.mfp-arrow-left {
transform-origin : 0;
}
.mfp-arrow-right {
transform-origin : 100%;
}
.mfp-container {
padding-left : 6px;
padding-right : 6px;
}
}
html {
box-sizing : border-box;
}
*, *:before, *:after {
box-sizing : inherit;
}
body {
margin : 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
display : block;
}
summary {
display : list-item;
}
audio, canvas, progress, video {
display : inline-block;
}
progress {
vertical-align : baseline;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden], template {
display : none;
}
a {
background-color : transparent;
}
a:active, a:hover {
outline-width : 0;
}
abbr[title] {
border-bottom : none;
text-decoration : underline;
text-decoration : underline dotted;
}
b, strong {
font-weight : bolder;
}
dfn {
font-style : italic;
}
mark {
background : #ff0;
color : #000;
}
small {
font-size : 80%;
}
sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sub {
bottom : -0.25em;
}
sup {
top : -0.5em;
}
figure {
margin : 1em 40px;
}
img {
border-style : none;
}
code, kbd, pre, samp {
font-family : monospace, monospace;
font-size : 1em;
}
hr {
box-sizing : content-box;
height : 0;
overflow : visible;
}
button, input, select, textarea, optgroup {
font : inherit;
margin : 0;
}
optgroup {
font-weight : bold;
}
button, input {
overflow : visible;
}
button, select {
text-transform : none;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style : none;
padding : 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline : 1px dotted ButtonText;
}
fieldset {
border : #c0c0c0 solid 1px;
margin : 0 2px;
padding : 0.35em 0.625em 0.75em;
}
legend {
color : inherit;
display : table;
max-width : 100%;
padding : 0;
white-space : normal;
}
textarea {
overflow : auto;
}
[type="checkbox"], [type="radio"] {
padding : 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height : auto;
}
[type="search"] {
outline-offset : -2px;
}
::-webkit-file-upload-button {
font : inherit;
}
html, body {
font-family : Verdana, sans-serif;
font-size : 15px;
line-height : 1.5;
}
html {
overflow-x : hidden;
}
h1 {
font-size : 36px;
}
h2 {
font-size : 30px;
}
h3 {
font-size : 24px;
}
h4 {
font-size : 20px;
}
h5 {
font-size : 18px;
}
h6 {
font-size : 16px;
}
.w3-serif {
font-family : serif;
}
.w3-sans-serif {
font-family : sans-serif;
}
.w3-cursive {
font-family : cursive;
}
.w3-monospace {
font-family : monospace;
}
h1, h2, h3, h4, h5, h6 {
font-family : "Segoe UI", Arial, sans-serif;
font-weight : 400;
margin : 10px 0;
}
.w3-wide {
letter-spacing : 4px;
}
hr {
border : 0;
border-top : 1px solid #eee;
margin : 20px 0;
}
.w3-image {
max-width : 100%;
height : auto;
}
img {
vertical-align : middle;
}
a {
color : inherit;
}
.w3-table, .w3-table-all {
border-collapse : collapse;
border-spacing : 0;
width : 100%;
display : table;
}
.w3-table-all {
border : #ccc solid 1px;
}
.w3-bordered tr, .w3-table-all tr {
border-bottom : 1px solid #ddd;
}
.w3-striped tbody tr:nth-child(even) {
background-color : #f1f1f1;
}
.w3-table-all tr:nth-child(odd) {
background-color : #fff;
}
.w3-table-all tr:nth-child(even) {
background-color : #f1f1f1;
}
.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover {
background-color : #ccc;
}
.w3-centered tr th, .w3-centered tr td {
text-align : center;
}
.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
padding : 8px 8px;
display : table-cell;
text-align : left;
vertical-align : top;
}
.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child {
padding-left : 16px;
}
.w3-btn, .w3-button {
border : none;
display : inline-block;
padding : 8px 16px;
vertical-align : middle;
overflow : hidden;
text-decoration : none;
color : inherit;
background-color : inherit;
text-align : center;
cursor : pointer;
white-space : nowrap;
}
.w3-btn:hover {
box-shadow : 0 8px 16px 0 rgb(0, 0, 0, 0.2), 0 6px 20px 0 rgb(0, 0, 0, 0.19);
}
.w3-btn, .w3-button {
user-select : none;
}
.w3-disabled, .w3-btn:disabled, .w3-button:disabled {
cursor : not-allowed;
opacity : 0.3;
}
.w3-disabled *, :disabled * {
pointer-events : none;
}
.w3-btn.w3-disabled:hover, .w3-btn:disabled:hover {
box-shadow : none;
}
.w3-badge, .w3-tag {
background-color : #000;
color : #fff;
display : inline-block;
padding-left : 8px;
padding-right : 8px;
text-align : center;
}
.w3-badge {
border-radius : 50%;
}
.w3-ul {
list-style-type : none;
padding : 0;
margin : 0;
}
.w3-ul li {
padding : 8px 16px;
border-bottom : 1px solid #ddd;
}
.w3-ul li:last-child {
border-bottom : none;
}
.w3-tooltip, .w3-display-container {
position : relative;
}
.w3-tooltip .w3-text {
display : none;
}
.w3-tooltip:hover .w3-text {
display : inline-block;
}
.w3-ripple:active {
opacity : 0.5;
}
.w3-ripple {
transition : opacity 0s;
}
.w3-input {
padding : 8px;
display : block;
border : none;
border-bottom : 1px solid #ccc;
width : 100%;
}
.w3-select {
padding : 9px 0;
width : 100%;
border : none;
border-bottom : 1px solid #ccc;
}
.w3-dropdown-click, .w3-dropdown-hover {
position : relative;
display : inline-block;
cursor : pointer;
}
.w3-dropdown-hover:hover .w3-dropdown-content {
display : block;
}
.w3-dropdown-hover:first-child, .w3-dropdown-click:hover {
background-color : #ccc;
color : #000;
}
.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child {
background-color : #ccc;
color : #000;
}
.w3-dropdown-content {
cursor : auto;
color : #000;
background-color : #fff;
display : none;
position : absolute;
min-width : 160px;
margin : 0;
padding : 0;
z-index : 1;
}
.w3-check, .w3-radio {
width : 24px;
height : 24px;
position : relative;
top : 6px;
}
.w3-sidebar {
height : 100%;
width : 200px;
background-color : #fff;
position : fixed !important ;
z-index : 1;
overflow : auto;
}
.w3-bar-block .w3-dropdown-hover, .w3-bar-block .w3-dropdown-click {
width : 100%;
}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content, .w3-bar-block .w3-dropdown-click .w3-dropdown-content {
min-width : 100%;
}
.w3-bar-block .w3-dropdown-hover .w3-button, .w3-bar-block .w3-dropdown-click .w3-button {
width : 100%;
text-align : left;
padding : 8px 16px;
}
.w3-main, #main {
transition : margin-left 0.4s;
}
.w3-modal {
z-index : 3;
display : none;
padding-top : 100px;
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 100%;
overflow : auto;
background-color : rgb(0, 0, 0);
background-color : rgb(0, 0, 0, 0.4);
}
.w3-modal-content {
margin : auto;
background-color : #fff;
position : relative;
padding : 0;
outline : 0;
width : 600px;
}
.w3-bar {
width : 100%;
overflow : hidden;
}
.w3-center .w3-bar {
display : inline-block;
width : auto;
}
.w3-bar .w3-bar-item {
padding : 8px 16px;
float : left;
width : auto;
border : none;
display : block;
outline : 0;
}
.w3-bar .w3-dropdown-hover, .w3-bar .w3-dropdown-click {
position : static;
float : left;
}
.w3-bar .w3-button {
white-space : normal;
}
.w3-bar-block .w3-bar-item {
width : 100%;
display : block;
padding : 8px 16px;
text-align : left;
border : none;
white-space : normal;
float : none;
outline : 0;
}
.w3-bar-block.w3-center .w3-bar-item {
text-align : center;
}
.w3-block {
display : block;
width : 100%;
}
.w3-responsive {
display : block;
overflow-x : auto;
}
.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
content : "";
display : table;
clear : both;
}
.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
float : left;
width : 100%;
}
.w3-col.s1 {
width : 8.33333%;
}
.w3-col.s2 {
width : 16.66666%;
}
.w3-col.s3 {
width : 24.99999%;
}
.w3-col.s4 {
width : 33.33333%;
}
.w3-col.s5 {
width : 41.66666%;
}
.w3-col.s6 {
width : 49.99999%;
}
.w3-col.s7 {
width : 58.33333%;
}
.w3-col.s8 {
width : 66.66666%;
}
.w3-col.s9 {
width : 74.99999%;
}
.w3-col.s10 {
width : 83.33333%;
}
.w3-col.s11 {
width : 91.66666%;
}
.w3-col.s12 {
width : 99.99999%;
}
@media (min-width: 601px) {
.w3-col.m1 {
width : 8.33333%;
}
.w3-col.m2 {
width : 16.66666%;
}
.w3-col.m3, .w3-quarter {
width : 24.99999%;
}
.w3-col.m4, .w3-third {
width : 33.33333%;
}
.w3-col.m5 {
width : 41.66666%;
}
.w3-col.m6, .w3-half {
width : 49.99999%;
}
.w3-col.m7 {
width : 58.33333%;
}
.w3-col.m8, .w3-twothird {
width : 66.66666%;
}
.w3-col.m9, .w3-threequarter {
width : 74.99999%;
}
.w3-col.m10 {
width : 83.33333%;
}
.w3-col.m11 {
width : 91.66666%;
}
.w3-col.m12 {
width : 99.99999%;
}
}
@media (min-width: 993px) {
.w3-col.l1 {
width : 8.33333%;
}
.w3-col.l2 {
width : 16.66666%;
}
.w3-col.l3 {
width : 24.99999%;
}
.w3-col.l4 {
width : 33.33333%;
}
.w3-col.l5 {
width : 41.66666%;
}
.w3-col.l6 {
width : 49.99999%;
}
.w3-col.l7 {
width : 58.33333%;
}
.w3-col.l8 {
width : 66.66666%;
}
.w3-col.l9 {
width : 74.99999%;
}
.w3-col.l10 {
width : 83.33333%;
}
.w3-col.l11 {
width : 91.66666%;
}
.w3-col.l12 {
width : 99.99999%;
}
}
.w3-rest {
overflow : hidden;
}
.w3-stretch {
margin-left : -16px;
margin-right : -16px;
}
.w3-content, .w3-auto {
margin-left : auto;
margin-right : auto;
}
.w3-content {
max-width : 980px;
}
.w3-auto {
max-width : 1140px;
}
.w3-cell-row {
display : table;
width : 100%;
}
.w3-cell {
display : table-cell;
}
.w3-cell-top {
vertical-align : top;
}
.w3-cell-middle {
vertical-align : middle;
}
.w3-cell-bottom {
vertical-align : bottom;
}
.w3-hide {
display : none !important ;
}
.w3-show-block, .w3-show {
display : block !important ;
}
.w3-show-inline-block {
display : inline-block !important ;
}
@media (max-width: 1205px) {
.w3-auto {
max-width : 95%;
}
}
@media (max-width: 600px) {
.w3-modal-content {
margin : 0 10px;
width : auto !important ;
}
.w3-modal {
padding-top : 30px;
}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content, .w3-dropdown-click.w3-mobile .w3-dropdown-content {
position : relative;
}
.w3-hide-small {
display : none !important ;
}
.w3-mobile {
display : block;
width : 100% !important ;
}
.w3-bar-item.w3-mobile, .w3-dropdown-hover.w3-mobile, .w3-dropdown-click.w3-mobile {
text-align : center;
}
.w3-dropdown-hover.w3-mobile, .w3-dropdown-hover.w3-mobile .w3-btn, .w3-dropdown-hover.w3-mobile .w3-button, .w3-dropdown-click.w3-mobile, .w3-dropdown-click.w3-mobile .w3-btn, .w3-dropdown-click.w3-mobile .w3-button {
width : 100%;
}
}
@media (max-width: 768px) {
.w3-modal-content {
width : 500px;
}
.w3-modal {
padding-top : 50px;
}
}
@media (min-width: 993px) {
.w3-modal-content {
width : 900px;
}
.w3-hide-large {
display : none !important ;
}
.w3-sidebar.w3-collapse {
display : block !important ;
}
}
@media (max-width: 992px) and (min-width: 601px) {
.w3-hide-medium {
display : none !important ;
}
}
@media (max-width: 992px) {
.w3-sidebar.w3-collapse {
display : none;
}
.w3-main {
margin-left : 0 !important ;
margin-right : 0 !important ;
}
.w3-auto {
max-width : 100%;
}
}
.w3-top, .w3-bottom {
position : fixed;
width : 100%;
z-index : 1;
}
.w3-top {
top : 0;
}
.w3-bottom {
bottom : 0;
}
.w3-overlay {
position : fixed;
display : none;
width : 100%;
height : 100%;
top : 0;
left : 0;
right : 0;
bottom : 0;
background-color : rgb(0, 0, 0, 0.5);
z-index : 2;
}
.w3-display-topleft {
position : absolute;
left : 0;
top : 0;
}
.w3-display-topright {
position : absolute;
right : 0;
top : 0;
}
.w3-display-bottomleft {
position : absolute;
left : 0;
bottom : 0;
}
.w3-display-bottomright {
position : absolute;
right : 0;
bottom : 0;
}
.w3-display-middle {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
}
.w3-display-left {
position : absolute;
top : 50%;
left : 0%;
transform : translate(0%,-50%);
}
.w3-display-right {
position : absolute;
top : 50%;
right : 0%;
transform : translate(0%,-50%);
}
.w3-display-topmiddle {
position : absolute;
left : 50%;
top : 0;
transform : translate(-50%,0%);
}
.w3-display-bottommiddle {
position : absolute;
left : 50%;
bottom : 0;
transform : translate(-50%,0%);
}
.w3-display-container:hover .w3-display-hover {
display : block;
}
.w3-display-container:hover span.w3-display-hover {
display : inline-block;
}
.w3-display-hover {
display : none;
}
.w3-display-position {
position : absolute;
}
.w3-circle {
border-radius : 50%;
}
.w3-round-small {
border-radius : 2px;
}
.w3-round, .w3-round-medium {
border-radius : 4px;
}
.w3-round-large {
border-radius : 8px;
}
.w3-round-xlarge {
border-radius : 16px;
}
.w3-round-xxlarge {
border-radius : 32px;
}
.w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third, .w3-row-padding > .w3-twothird, .w3-row-padding > .w3-threequarter, .w3-row-padding > .w3-quarter, .w3-row-padding > .w3-col {
padding : 0 8px;
}
.w3-container, .w3-panel {
padding : 0.01em 16px;
}
.w3-panel {
margin-top : 16px;
margin-bottom : 16px;
}
.w3-code, .w3-codespan {
font-family : Consolas, "courier new";
font-size : 16px;
}
.w3-code {
width : auto;
background-color : #fff;
padding : 8px 12px;
border-left : 4px solid #4CAF50;
overflow-wrap : break-word;
}
.w3-codespan {
color : crimson;
background-color : #f1f1f1;
padding-left : 4px;
padding-right : 4px;
font-size : 110%;
}
.w3-card, .w3-card-2 {
box-shadow : 0 2px 5px 0 rgb(0, 0, 0, 0.16), 0 2px 10px 0 rgb(0, 0, 0, 0.12);
}
.w3-card-4, .w3-hover-shadow:hover {
box-shadow : 0 4px 10px 0 rgb(0, 0, 0, 0.2), 0 4px 20px 0 rgb(0, 0, 0, 0.19);
}
.w3-spin {
animation : w3-spin 2s linear infinite;
}
@keyframes w3-spin {
0% {
transform : rotate(0deg);
}
100% {
transform : rotate(359deg);
}
}
.w3-animate-fading {
animation : fading 10s infinite;
}
@keyframes fading {
0% {
opacity : 0;
}
50% {
opacity : 1;
}
100% {
opacity : 0;
}
}
.w3-animate-opacity {
animation : opac 0.8s;
}
@keyframes opac {
from {
opacity : 0;
}
to {
opacity : 1;
}
}
.w3-animate-top {
position : relative;
animation : animatetop 0.4s;
}
@keyframes animatetop {
from {
top : -300px;
opacity : 0;
}
to {
top : 0;
opacity : 1;
}
}
.w3-animate-left {
position : relative;
animation : animateleft 0.4s;
}
@keyframes animateleft {
from {
left : -300px;
opacity : 0;
}
to {
left : 0;
opacity : 1;
}
}
.w3-animate-right {
position : relative;
animation : animateright 0.4s;
}
@keyframes animateright {
from {
right : -300px;
opacity : 0;
}
to {
right : 0;
opacity : 1;
}
}
.w3-animate-bottom {
position : relative;
animation : animatebottom 0.4s;
}
@keyframes animatebottom {
from {
bottom : -300px;
opacity : 0;
}
to {
bottom : 0;
opacity : 1;
}
}
.w3-animate-zoom {
animation : animatezoom 0.6s;
}
@keyframes animatezoom {
from {
transform : scale(0);
}
to {
transform : scale(1);
}
}
.w3-animate-input {
transition : width 0.4s ease-in-out;
}
.w3-animate-input:focus {
width : 100% !important ;
}
.w3-opacity, .w3-hover-opacity:hover {
opacity : 0.60;
}
.w3-opacity-off, .w3-hover-opacity-off:hover {
opacity : 1;
}
.w3-opacity-max {
opacity : 0.25;
}
.w3-opacity-min {
opacity : 0.75;
}
.w3-greyscale-max, .w3-grayscale-max, .w3-hover-greyscale:hover, .w3-hover-grayscale:hover {
filter : grayscale(100%);
}
.w3-greyscale, .w3-grayscale {
filter : grayscale(75%);
}
.w3-greyscale-min, .w3-grayscale-min {
filter : grayscale(50%);
}
.w3-sepia {
filter : sepia(75%);
}
.w3-sepia-max, .w3-hover-sepia:hover {
filter : sepia(100%);
}
.w3-sepia-min {
filter : sepia(50%);
}
.w3-tiny {
font-size : 10px !important ;
}
.w3-small {
font-size : 12px !important ;
}
.w3-medium {
font-size : 15px !important ;
}
.w3-large {
font-size : 18px !important ;
}
.w3-xlarge {
font-size : 24px !important ;
}
.w3-xxlarge {
font-size : 36px !important ;
}
.w3-xxxlarge {
font-size : 48px !important ;
}
.w3-jumbo {
font-size : 64px !important ;
}
.w3-left-align {
text-align : left !important ;
}
.w3-right-align {
text-align : right !important ;
}
.w3-justify {
text-align : justify !important ;
}
.w3-center {
text-align : center !important ;
}
.w3-border-0 {
border : 0 !important ;
}
.w3-border {
border : #ccc solid 1px !important ;
}
.w3-border-top {
border-top : 1px solid #ccc !important ;
}
.w3-border-bottom {
border-bottom : 1px solid #ccc !important ;
}
.w3-border-left {
border-left : 1px solid #ccc !important ;
}
.w3-border-right {
border-right : 1px solid #ccc !important ;
}
.w3-topbar {
border-top : 6px solid #ccc !important ;
}
.w3-bottombar {
border-bottom : 6px solid #ccc !important ;
}
.w3-leftbar {
border-left : 6px solid #ccc !important ;
}
.w3-rightbar {
border-right : 6px solid #ccc !important ;
}
.w3-section, .w3-code {
margin-top : 16px !important ;
margin-bottom : 16px !important ;
}
.w3-margin {
margin : 16px !important ;
}
.w3-margin-top {
margin-top : 16px !important ;
}
.w3-margin-bottom {
margin-bottom : 16px !important ;
}
.w3-margin-left {
margin-left : 16px !important ;
}
.w3-margin-right {
margin-right : 16px !important ;
}
.w3-padding-small {
padding : 4px 8px !important ;
}
.w3-padding {
padding : 8px 16px !important ;
}
.w3-padding-large {
padding : 12px 24px !important ;
}
.w3-padding-16 {
padding-top : 16px !important ;
padding-bottom : 16px !important ;
}
.w3-padding-24 {
padding-top : 24px !important ;
padding-bottom : 24px !important ;
}
.w3-padding-32 {
padding-top : 32px !important ;
padding-bottom : 32px !important ;
}
.w3-padding-48 {
padding-top : 48px !important ;
padding-bottom : 48px !important ;
}
.w3-padding-64 {
padding-top : 64px !important ;
padding-bottom : 64px !important ;
}
.w3-padding-top-64 {
padding-top : 64px !important ;
}
.w3-padding-top-48 {
padding-top : 48px !important ;
}
.w3-padding-top-32 {
padding-top : 32px !important ;
}
.w3-padding-top-24 {
padding-top : 24px !important ;
}
.w3-left {
float : left !important ;
}
.w3-right {
float : right !important ;
}
.w3-button:hover {
color : #000 !important ;
background-color : #ccc !important ;
}
.w3-transparent, .w3-hover-none:hover {
background-color : transparent !important ;
}
.w3-hover-none:hover {
box-shadow : none !important ;
}
.w3-amber, .w3-hover-amber:hover {
color : #000 !important ;
background-color : #ffc107 !important ;
}
.w3-aqua, .w3-hover-aqua:hover {
color : #000 !important ;
background-color : #00ffff !important ;
}
.w3-blue, .w3-hover-blue:hover {
color : #fff !important ;
background-color : #2196F3 !important ;
}
.w3-light-blue, .w3-hover-light-blue:hover {
color : #000 !important ;
background-color : #87CEEB !important ;
}
.w3-brown, .w3-hover-brown:hover {
color : #fff !important ;
background-color : #795548 !important ;
}
.w3-cyan, .w3-hover-cyan:hover {
color : #000 !important ;
background-color : #00bcd4 !important ;
}
.w3-blue-grey, .w3-hover-blue-grey:hover, .w3-blue-gray, .w3-hover-blue-gray:hover {
color : #fff !important ;
background-color : #607d8b !important ;
}
.w3-green, .w3-hover-green:hover {
color : #fff !important ;
background-color : #4CAF50 !important ;
}
.w3-light-green, .w3-hover-light-green:hover {
color : #000 !important ;
background-color : #8bc34a !important ;
}
.w3-indigo, .w3-hover-indigo:hover {
color : #fff !important ;
background-color : #3f51b5 !important ;
}
.w3-khaki, .w3-hover-khaki:hover {
color : #000 !important ;
background-color : #f0e68c !important ;
}
.w3-lime, .w3-hover-lime:hover {
color : #000 !important ;
background-color : #cddc39 !important ;
}
.w3-orange, .w3-hover-orange:hover {
color : #000 !important ;
background-color : #ff9800 !important ;
}
.w3-deep-orange, .w3-hover-deep-orange:hover {
color : #fff !important ;
background-color : #ff5722 !important ;
}
.w3-pink, .w3-hover-pink:hover {
color : #fff !important ;
background-color : #e91e63 !important ;
}
.w3-purple, .w3-hover-purple:hover {
color : #fff !important ;
background-color : #9c27b0 !important ;
}
.w3-deep-purple, .w3-hover-deep-purple:hover {
color : #fff !important ;
background-color : #673ab7 !important ;
}
.w3-red, .w3-hover-red:hover {
color : #fff !important ;
background-color : #f44336 !important ;
}
.w3-sand, .w3-hover-sand:hover {
color : #000 !important ;
background-color : #fdf5e6 !important ;
}
.w3-teal, .w3-hover-teal:hover {
color : #fff !important ;
background-color : #009688 !important ;
}
.w3-yellow, .w3-hover-yellow:hover {
color : #000 !important ;
background-color : #ffeb3b !important ;
}
.w3-white, .w3-hover-white:hover {
color : #000 !important ;
background-color : #fff !important ;
}
.w3-black, .w3-hover-black:hover {
color : #fff !important ;
background-color : #000 !important ;
}
.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
color : #000 !important ;
background-color : #9e9e9e !important ;
}
.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
color : #000 !important ;
background-color : #f1f1f1 !important ;
}
.w3-dark-grey, .w3-hover-dark-grey:hover, .w3-dark-gray, .w3-hover-dark-gray:hover {
color : #fff !important ;
background-color : #616161 !important ;
}
.w3-pale-red, .w3-hover-pale-red:hover {
color : #000 !important ;
background-color : #ffdddd !important ;
}
.w3-pale-green, .w3-hover-pale-green:hover {
color : #000 !important ;
background-color : #ddffdd !important ;
}
.w3-pale-yellow, .w3-hover-pale-yellow:hover {
color : #000 !important ;
background-color : #ffffcc !important ;
}
.w3-pale-blue, .w3-hover-pale-blue:hover {
color : #000 !important ;
background-color : #ddffff !important ;
}
.w3-text-amber, .w3-hover-text-amber:hover {
color : #ffc107 !important ;
}
.w3-text-aqua, .w3-hover-text-aqua:hover {
color : #00ffff !important ;
}
.w3-text-blue, .w3-hover-text-blue:hover {
color : #2196F3 !important ;
}
.w3-text-light-blue, .w3-hover-text-light-blue:hover {
color : #87CEEB !important ;
}
.w3-text-brown, .w3-hover-text-brown:hover {
color : #795548 !important ;
}
.w3-text-cyan, .w3-hover-text-cyan:hover {
color : #00bcd4 !important ;
}
.w3-text-blue-grey, .w3-hover-text-blue-grey:hover, .w3-text-blue-gray, .w3-hover-text-blue-gray:hover {
color : #607d8b !important ;
}
.w3-text-green, .w3-hover-text-green:hover {
color : #4CAF50 !important ;
}
.w3-text-light-green, .w3-hover-text-light-green:hover {
color : #8bc34a !important ;
}
.w3-text-indigo, .w3-hover-text-indigo:hover {
color : #3f51b5 !important ;
}
.w3-text-khaki, .w3-hover-text-khaki:hover {
color : #b4aa50 !important ;
}
.w3-text-lime, .w3-hover-text-lime:hover {
color : #cddc39 !important ;
}
.w3-text-orange, .w3-hover-text-orange:hover {
color : #ff9800 !important ;
}
.w3-text-deep-orange, .w3-hover-text-deep-orange:hover {
color : #ff5722 !important ;
}
.w3-text-pink, .w3-hover-text-pink:hover {
color : #e91e63 !important ;
}
.w3-text-purple, .w3-hover-text-purple:hover {
color : #9c27b0 !important ;
}
.w3-text-deep-purple, .w3-hover-text-deep-purple:hover {
color : #673ab7 !important ;
}
.w3-text-red, .w3-hover-text-red:hover {
color : #f44336 !important ;
}
.w3-text-sand, .w3-hover-text-sand:hover {
color : #fdf5e6 !important ;
}
.w3-text-teal, .w3-hover-text-teal:hover {
color : #009688 !important ;
}
.w3-text-yellow, .w3-hover-text-yellow:hover {
color : #d2be0e !important ;
}
.w3-text-white, .w3-hover-text-white:hover {
color : #fff !important ;
}
.w3-text-black, .w3-hover-text-black:hover {
color : #000 !important ;
}
.w3-text-grey, .w3-hover-text-grey:hover, .w3-text-gray, .w3-hover-text-gray:hover {
color : #757575 !important ;
}
.w3-text-light-grey, .w3-hover-text-light-grey:hover, .w3-text-light-gray, .w3-hover-text-light-gray:hover {
color : #f1f1f1 !important ;
}
.w3-text-dark-grey, .w3-hover-text-dark-grey:hover, .w3-text-dark-gray, .w3-hover-text-dark-gray:hover {
color : #3a3a3a !important ;
}
.w3-border-amber, .w3-hover-border-amber:hover {
border-color : #ffc107 !important ;
}
.w3-border-aqua, .w3-hover-border-aqua:hover {
border-color : #00ffff !important ;
}
.w3-border-blue, .w3-hover-border-blue:hover {
border-color : #2196F3 !important ;
}
.w3-border-light-blue, .w3-hover-border-light-blue:hover {
border-color : #87CEEB !important ;
}
.w3-border-brown, .w3-hover-border-brown:hover {
border-color : #795548 !important ;
}
.w3-border-cyan, .w3-hover-border-cyan:hover {
border-color : #00bcd4 !important ;
}
.w3-border-blue-grey, .w3-hover-border-blue-grey:hover, .w3-border-blue-gray, .w3-hover-border-blue-gray:hover {
border-color : #607d8b !important ;
}
.w3-border-green, .w3-hover-border-green:hover {
border-color : #4CAF50 !important ;
}
.w3-border-light-green, .w3-hover-border-light-green:hover {
border-color : #8bc34a !important ;
}
.w3-border-indigo, .w3-hover-border-indigo:hover {
border-color : #3f51b5 !important ;
}
.w3-border-khaki, .w3-hover-border-khaki:hover {
border-color : #f0e68c !important ;
}
.w3-border-lime, .w3-hover-border-lime:hover {
border-color : #cddc39 !important ;
}
.w3-border-orange, .w3-hover-border-orange:hover {
border-color : #ff9800 !important ;
}
.w3-border-deep-orange, .w3-hover-border-deep-orange:hover {
border-color : #ff5722 !important ;
}
.w3-border-pink, .w3-hover-border-pink:hover {
border-color : #e91e63 !important ;
}
.w3-border-purple, .w3-hover-border-purple:hover {
border-color : #9c27b0 !important ;
}
.w3-border-deep-purple, .w3-hover-border-deep-purple:hover {
border-color : #673ab7 !important ;
}
.w3-border-red, .w3-hover-border-red:hover {
border-color : #f44336 !important ;
}
.w3-border-sand, .w3-hover-border-sand:hover {
border-color : #fdf5e6 !important ;
}
.w3-border-teal, .w3-hover-border-teal:hover {
border-color : #009688 !important ;
}
.w3-border-yellow, .w3-hover-border-yellow:hover {
border-color : #ffeb3b !important ;
}
.w3-border-white, .w3-hover-border-white:hover {
border-color : #fff !important ;
}
.w3-border-black, .w3-hover-border-black:hover {
border-color : #000 !important ;
}
.w3-border-grey, .w3-hover-border-grey:hover, .w3-border-gray, .w3-hover-border-gray:hover {
border-color : #9e9e9e !important ;
}
.w3-border-light-grey, .w3-hover-border-light-grey:hover, .w3-border-light-gray, .w3-hover-border-light-gray:hover {
border-color : #f1f1f1 !important ;
}
.w3-border-dark-grey, .w3-hover-border-dark-grey:hover, .w3-border-dark-gray, .w3-hover-border-dark-gray:hover {
border-color : #616161 !important ;
}
.w3-border-pale-red, .w3-hover-border-pale-red:hover {
border-color : #ffe7e7 !important ;
}
.w3-border-pale-green, .w3-hover-border-pale-green:hover {
border-color : #e7ffe7 !important ;
}
.w3-border-pale-yellow, .w3-hover-border-pale-yellow:hover {
border-color : #ffffcc !important ;
}
.w3-border-pale-blue, .w3-hover-border-pale-blue:hover {
border-color : #e7ffff !important ;
}
* {
box-sizing : border-box;
}
html, body {
height : 100%;
margin : 0;
padding : 0;
background-color : #4F4F4F;
font-size : 16px;
font-family : 'PT Sans', sans-serif;
font-weight : 400;
}
section {
background-color : #FFF;
}
h1, h2, h3, h4, h5, h6 {
text-align : left;
color : #cc0000;
text-transform : uppercase;
font-weight : 700;
margin-top : 15px;
}
.section-title h2 {
text-align : center;
}
img {
display : inline-block;
width : 100%;
height : auto;
max-width : 100%;
max-height : 100%;
}
a, a:link, a:visited {
text-decoration : none;
font-weight : 700;
color : #cc0000;
transition : all 0.3s;
}
a:hover {
outline : 0;
color : #ff0000;
}
p.collapsed a i.icon-down-big, p.collapsed a i.icon-up-big {
cursor : default;
pointer-events : none;
}
div.tablediv {
overflow-x : auto;
}
.section-title h2 {
text-align : center;
}
.em-hr {
clear : both;
border : 0;
border-bottom : transparent;
margin : 0;
}
.em-mediapad {
padding : 110px 0 0 0 !important ;
}
.clear {
clear : both;
}
.preloader {
position : fixed;
top : 0;
left : 0;
right : 0;
bottom : 0;
text-align : center;
background : #cc0000;
background : linear-gradient(to right, #cc0000, #ff4f0f);
z-index : 9999;
}
.loader {
display : inline-block;
width : 30px;
height : 30px;
position : relative;
border : #Fff solid 4px;
top : calc(50% - 15px);
animation : loader 2s ease infinite;
}
.loader-inner {
vertical-align : top;
display : inline-block;
width : 100%;
background-color : #fff;
animation : loader-inner 2s ease-in infinite;
}
.btn-custom {
display : inline-block;
font-size : 16px;
font-weight : 400;
padding : 10px 30px;
text-align : center;
color : #cc0000;
background : #fff;
border : #fff solid 2px;
border-radius : 26px;
transition : all 0.3s;
}
.btn-custom:focus, .btn-custom:hover {
background : none;
color : #fff;
}
.em-btn-custom, a.em-btn-custom, a.em-btn-custom:link, a.em-btn-custom:visited {
display : block;
font-size : 18px;
font-weight : 700;
padding : 5px 15px;
border : none;
margin-bottom : 5px;
text-align : left;
border-radius : 0 5px 20px 0;
color : #cc0000;
transition : all 0.3s;
}
a.em-btn-custom:focus, a.em-btn-custom:hover {
color : #ff4f0f;
}
table.em_cookie {
border-collapse : collapse;
margin : 25px 0;
font-size : 0.9em;
min-width : 400px;
box-shadow : 0 0 20px rgb(0, 0, 0, 0.15);
}
table.em_cookie thead tr {
background-color : #4F4F4F;
color : #ffffff;
text-align : left;
}
table.em_cookie th, table.em_cookie td {
padding : 12px 15px;
}
table.em_cookie tbody tr {
border-bottom : thin solid #dddddd;
}
table.em_cookie tbody tr:nth-of-type(even) {
background-color : #f3f3f3;
}
table.em_cookie tbody tr:last-of-type {
border-bottom : 2px solid #4F4F4F;
}
table.em_cookie tbody tr.active-row {
font-weight : bold;
color : #009879;
}
div.form-group {
position : relative;
}
div.form-group span.emtoolti {
display : none;
opacity : 1 !important ;
position : absolute;
top : 15px;
left : 15px;
background-color : #fff;
color : #333;
font-size : 15px;
text-align : left;
white-space : nowrap;
border : #cc0000 solid 3px;
padding : 5px 10px;
z-index : 2;
}
div.form-group:hover span.emtoolti {
display : block;
z-index : 3;
}
.w3-row-padding-em:before, .w3-row-padding-em:after {
content : "";
display : table;
clear : both;
}
.w3-third-1, .w3-third-2, .w3-third-3 {
float : left;
width : 100%;
padding : 0;
}
@media (min-width: 601px) {
.w3-third-1, .w3-third-2, .w3-third-3 {
width : 33.33333%;
}
.w3-third-1 {
padding-right : 20px;
}
.w3-third-2 {
padding : 0 10px 0 10px;
}
.w3-third-3 {
padding-left : 20px;
}
}
.w3-margin-bottom {
margin-bottom : 36px !important ;
}
.w3-light-grey, .w3-hover-light-grey:hover {
background-color : #e6e6e6 !important ;
}
div.w3-container h3 {
margin : 10px 0 0 0;
}
div.w3-container p.w3-opacity {
margin : 5px 0 15px 0;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.emvid-thumb {
position : relative;
display : inline-block;
margin : 0;
}
.emvid-thumb:before {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
font-family : 'emediaicons';
content : '\f144';
font-size : 100px;
color : #fff;
opacity : 0.5;
text-shadow : 0 0 20px rgb(0, 0, 0, 0.5);
}
.emvid-thumb img, .empdf-thumb img {
width : 100%;
}
.emvid-link, .empdf-link, .emanm-link {
display : block;
position : relative;
max-width : 400px;
text-align : center;
margin : 0 auto 15px auto;
padding : 15px 5px 15px 5px;
background-color : #e6e6e6;
border-radius : 3px;
color : #333;
cursor : pointer;
transition : all 0.5s;
font-weight : 600;
}
.emvid-link:hover, .empdf-link:hover, .emanm-link:hover {
background-color : #cc0000;
color : #fff;
}
.emvid-link i.fa, .empdf-link i.fa, .emanm-link i.fa {
font-weight : normal;
font-size : 24px;
vertical-align : -10%;
}
.emvid-overlay {
position : fixed;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 100;
background-color : rgb(0, 0, 0, 0.9);
opacity : 0.9;
display : none;
}
.emvid-close {
position : fixed;
top : 30px;
right : 30px;
width : 16px;
height : 16px;
z-index : 9999;
display : none;
cursor : pointer;
}
.emvid-main-vid-box {
position : fixed;
width : 100%;
height : 100vh;
display : none;
top : 0;
left : 0;
z-index : 999;
}
.emvid-videoWrapper {
position : relative;
z-index : 999;
background-color : #000;
width : 100%;
height : 100%;
margin : 0 auto;
}
.emvid-videoWrapper video {
position : relative;
top : 0;
left : 0;
z-index : 999;
width : 100% !important ;
height : 100% !important ;
box-sizing : border-box;
border-width : 40px;
border-style : solid;
border-color : transparent;
}
.empdf-thumb {
position : relative;
display : inline-block;
margin : 0;
}
.empdf-thumb:before {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
font-family : 'emediaicons';
content : '\f1c1';
font-weight : 900;
font-size : 100px;
color : #333;
opacity : 0.5;
text-shadow : 0 0 20px rgb(255, 255, 255, 0.95);
}
.logo {
width : 100%;
max-width : 206px;
height : auto;
transition : all 0.3s ease-in-out;
}
nav.navbar.bootsnav {
background : none !important ;
border-bottom : 1px solid rgb(255, 255, 255, 0);
}
.navbar-brand {
height : auto;
padding : 12px 15px 12px 15px;
transition : all 0.3s ease-in-out;
}
.navbar-right {
margin-right : 0;
}
nav.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav ul.nav > li > ul > li > a {
font-size : 14px;
font-weight : 400;
text-transform : uppercase;
color : #fff;
padding : 40px 0 36px;
line-height : 1em;
letter-spacing : 0.05em;
transition : all 0.3s ease-in-out;
}
nav.navbar.bootsnav ul.nav > li > a:after {
content : '/';
padding : 0 14px 0 18px;
color : #fff;
}
nav.navbar.bootsnav ul.nav > li:last-child a:after {
display : none;
}
nav.navbar.bootsnav li.dropdown .meinsono, nav.navbar.bootsnav li.dropdown .meinrad {
margin-left : -15px;
padding-left : 15px;
padding-right : 5px;
}
nav.navbar.bootsnav ul.nav > li.active > a, nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.active > a {
color : #fff;
font-weight : 600;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a {
text-transform : none;
letter-spacing : normal;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
top : 85%;
border : #fff solid 1px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
background-color : #ff4f0f;
color : #fff;
}
.animated {
animation-duration : 0.3s;
}
@media (min-width: 1024px) {
nav.navbar.bootsnav ul.nav > li > a::after, nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after {
font-family : inherit;
font-weight : normal !important ;
content : '/';
margin : 0;
padding : 0 10px 0 10px;
color : #fff;
cursor : default !important ;
pointer-events : none !important ;
}
}
nav.navbar.bootsnav.sticky-header {
background : linear-gradient(to right, #cc0000, #ff4f0f) !important ;
}
nav.navbar.bootsnav.sticky-header .navbar-brand {
padding-top : 12px;
padding-bottom : 12px;
}
nav.navbar.bootsnav.sticky-header ul.nav > li > a {
padding-top : 30px;
padding-bottom : 26px;
}
.banner {
position : relative;
top : 0;
left : 0;
width : 100%;
background : #cc0000;
background : linear-gradient(to right, #cc0000, #ff4f0f);
background-size : cover;
padding : 180px 0 100px 0;
}
.banner .row {
position : relative;
z-index : 1;
}
.header-content h2 {
font-size : 36px;
color : #fff;
font-weight : 400;
line-height : 1.2em;
margin-bottom : 0.6em;
}
.header-content h2 span {
background : #fff;
color : #20bea7;
text-transform : uppercase;
font-size : 32px;
padding : 6px 14px;
}
.header-content p {
color : #fff;
line-height : 1.3em;
font-size : 16px;
letter-spacing : 0.04em;
margin-bottom : 1.8em;
}
.buy-button {
padding-top : 10px;
}
.btn-video {
display : inline-block;
font-size : 16px;
font-weight : 400;
padding : 10px 20px 10px 20px;
text-align : center;
color : #fff;
border : #fff solid 2px;
border-radius : 26px;
margin-left : 20px;
}
.btn-video i {
padding-right : 10px;
}
.btn-video:focus, .btn-video:hover {
background : #fff;
color : #cc0000;
}
.slider-image {
text-align : center;
}
.section-title {
margin-bottom : 30px;
text-align : center;
}
.section-title p {
font-weight : 400;
}
.section-title h2 {
font-size : 30px;
font-weight : 700;
}
.about {
padding : 80px 0;
}
.about .section-title {
text-align : center;
}
.section-title p {
font-weight : 400;
}
.section-title h2 {
font-size : 30px;
font-weight : 700;
}
.about-entry p {
line-height : 1.5em;
margin-bottom : 1.5em;
font-weight : 400;
}
.service-single {
padding : 30px 0 0;
max-width : 280px;
}
.service-single .icon-box {
font-size : 70px;
background : #cc0000;
background : linear-gradient(#cc0000, #ff4f0f);
}
.service-single h3 {
font-size : 24px;
color : #333;
font-weight : 400;
margin-bottom : 20px;
}
.service-single p {
color : #959596;
font-weight : 400;
margin-bottom : 1em;
}
.btn-learn {
font-weight : 400;
color : #ff6562;
}
.btn-learn i {
padding-left : 10px;
}
.em-uebersicht {
width : 100%;
margin-top : 15px;
padding : 15px;
border-radius : 0 10px 40px 0;
}
.em-uebersicht h3 {
font-size : 20px;
font-weight : 700;
color : #fff;
margin-bottom : 5px;
}
.em-uebersicht-einzel-head {
width : 100%;
margin : 0;
padding : 15px;
border-radius : 0 10px 0 0;
}
.em-uebersicht-einzel-head h4 {
font-size : 14px;
color : #fff;
text-transform : none;
margin : 0;
}
.em-uebersicht-einzel {
width : 100%;
margin : 0;
padding : 15px;
border-radius : 0 0 40px 0;
margin-bottom : 15px;
}
.em-uebersicht-einzel div, .em-uebersicht-einzel a {
color : #fff;
font-size : 18px;
font-weight : 700;
margin : 0;
}
.em-uebersicht-einzel p, .em-uebersicht-einzel li {
color : #fff;
font-size : 16px;
font-weight : 400;
margin : 0;
margin-left : 2.8em;
}
.em-uebersicht-einzel li {
margin-left : 1.6em;
}
.em-uebersicht i.fa, .em-uebersicht-einzel i.fa {
font-size : 22px;
line-height : 22px;
font-weight : 400;
vertical-align : middle;
}
.features, .webinare, .tutorials {
background : #f2f6f9;
padding : 50px 0 80px 0;
}
.webinare h3, .tutorials h3 {
color : #cc0000;
font-size : 20px;
font-weight : 700;
text-transform : none;
margin : 15px 0 10px 0;
overflow-wrap : break-word;
word-break : break-word;
}
.feature-image {
padding-top : 30px;
text-align : center;
}
.btn-buynow {
display : inline-block;
font-size : 16px;
font-weight : 400;
padding : 10px 20px 10px 20px;
text-align : center;
background : #cc0000;
color : #fff;
border : #cc0000 solid 2px;
border-radius : 26px;
margin-top : 20px;
}
.btn-buynow:hover {
background : none;
color : #cc0000;
}
.feature-single {
text-align : center;
padding : 20px 0;
position : relative;
}
.feature-single:before {
content : '';
display : block;
background : #fff;
position : absolute;
top : -10px;
left : -25px;
right : -25px;
bottom : -10px;
z-index : 1;
opacity : 0;
transform : scale(0.80);
transition : all 0.3s ease-in-out;
box-shadow : 1px 1px 20.3px 8.7px rgb(0, 0, 0, 0.11);
}
.feature-single:hover:before {
opacity : 1;
transform : scale(1);
}
.feature-single .icon-box {
font-size : 70px;
position : relative;
z-index : 2;
background : #cc0000;
background : linear-gradient(#cc0000, #ff4f0f);
}
.feature-single h3 {
font-size : 18px;
color : #333333;
text-transform : uppercase;
padding : 4px 0;
position : relative;
z-index : 2;
}
.feature-single p {
font-size : 14px;
color : #959596;
position : relative;
z-index : 2;
}
.border-right {
border-right : 1px solid #dde3e6;
}
.border-bottom {
border-bottom : 1px solid #dde3e6;
}
.border-left {
border-left : 1px solid #dde3e6;
}
.border-top {
border-top : 1px solid #dde3e6;
}
.pricing {
padding : 100px 0;
background : url(../images/pricing-bg.jpg) top center no-repeat fixed;
background-size : cover;
position : relative;
}
.pricing:before {
content : '';
display : block;
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
background : #cc0000;
background : linear-gradient(to right, #cc0000, #ff4f0f);
opacity : 0.8;
}
.pricing .section-title h2 {
color : #fff;
}
.pricing .section-title p {
color : #fff;
}
.pricing-single {
background : #fff;
position : relative;
margin-bottom : 26px;
padding-bottom : 20px;
}
.pricing-header {
background-size : 100% auto;
padding-top : 190px;
text-align : center;
}
.pricing-header h3 {
font-size : 30px;
color : #333333;
font-weight : 700;
margin : 0 0 6px 0;
}
.pricing-header p {
font-size : 20px;
color : #ff6c81;
font-weight : 400;
}
.pricing-body ul {
padding : 20px 60px;
margin : 0;
list-style : none;
text-align : center;
}
.pricing-body ul li {
color : #95969a;
font-size : 16px;
font-weight : 400;
padding : 14px 0 12px;
border-bottom : 1px solid #dbdbdc;
}
.pricing-body ul li:last-child {
border-bottom : none;
}
.pricing-footer {
position : absolute;
bottom : -26px;
left : 0;
right : 0;
text-align : center;
}
.btn-choose {
display : inline-block;
color : #fff;
font-weight : 400;
font-size : 20px;
padding : 12px 30px;
border-radius : 40px;
background : #ff507a;
background : linear-gradient(to right, #ff507a, #ff685d);
}
.btn-choose:hover {
background : #ff507a;
color : #fff;
}
.recommended .pricing-header {
background-size : 100% auto;
}
.recommended .pricing-header p {
color : #43d3cf;
}
.recommended .btn-choose {
background : #43d3cf;
background : linear-gradient(to right, #2cdd9b, #1dc8cd);
}
.recommended .btn-choose:hover {
background : #43d3cf;
}
.faqs {
padding : 80px 0;
background : #f2f6f9;
}
.faq-image {
position : relative;
}
.faq-heading {
position : absolute;
top : 0;
left : 0;
}
.faq-heading h2 {
font-size : 40px;
color : #333333;
font-weight : 700;
margin-bottom : 1em;
}
.faq-heading p {
color : #333333;
font-weight : 400;
}
.faq-container .panel {
border-radius : 2px;
}
.faq-container .panel-heading {
padding : 0;
}
.faq-container .panel-heading h4 {
font-size : 18px;
color : #333;
font-weight : 400;
}
.faq-container .panel-heading h4 a {
display : block;
padding : 10px;
}
.faq-container .panel-body {
border-top : none !important ;
}
.faq-container .panel-body p {
color : #95969a;
font-size : 14px;
font-weight : 400;
line-height : 1.5em;
}
.testimonials {
position : relative;
padding : 50px 0;
background : #cc0000;
background : linear-gradient(to right, #cc0000, #ff4f0f);
}
@supports () {
.testimonials {
background-position : 0 0 !important ;
background-attachment : scroll !important ;
}
}
.testimonials .section-title {
text-align : center;
margin-bottom : 40px;
}
.testimonials .section-title h2 {
color : #FFF;
}
.testimonials .section-title p {
color : #FFF;
}
.testimonials .section-title h2:after {
left : 0;
margin-left : 0;
}
.testimonial-heading p {
color : #FFF;
}
.testimonials .container-fluid {
padding-left : 0;
padding-right : 0;
}
.row.no-gutters {
margin-right : 0;
margin-left : 0;
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
padding-right : 0;
padding-left : 0;
}
.testimonial-container {
background : url(../images/testimonial-bg.jpg) top center no-repeat;
padding-bottom : 20px;
margin-bottom : 60px;
}
.testimonial-box {
width : 50%;
padding : 6%;
position : relative;
bottom : -80px;
}
.testimonial-box:before {
content : '';
display : block;
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
background : #cc0000;
background : linear-gradient(to right, #cc0000, #ff4f0f);
opacity : 0.94;
z-index : 1;
}
.testimonial-box h2 {
position : relative;
z-index : 2;
color : #fff;
font-size : 40px;
font-weight : 400;
margin-bottom : 30px;
}
.testimonial-single {
padding : 30px;
margin-top : 40px;
padding-top : 50px;
background : #FDEBE7;
border-radius : 26px;
box-shadow : 0 5px 5px rgb(0, 0, 0, 0.2);
}
.testimonial-author {
position : absolute;
top : 0;
width : 80px;
padding : 8px;
background : #FDEBE7;
border : #FFF solid 2px;
border-radius : 26px;
}
.testimonial-single h3 {
text-transform : none;
font-size : 22px;
font-weight : 600;
color : #FFC83D;
}
.testimonial-single p {
font-size : 18px;
line-height : 1.6em;
color : #333;
}
.testimonial-single p span {
font-size : 15px;
white-space : nowrap;
}
.testimonial-single .btn-em-kontakt {
display : inline-block;
width : auto;
max-width : none;
border-radius : 26px;
border : #B38A4C solid 1px;
padding : 5px 15px 5px 15px;
}
.testimonial-single h3 span {
font-size : 14px;
font-weight : 400;
color : #B38A4C;
padding-left : 6px;
}
.testimonial-pagination {
padding-top : 20px;
text-align : center;
}
.testimonial-pagination .swiper-pagination-bullet {
background : none;
border : #fff solid 1px;
width : 10px;
height : 10px;
border-radius : 0;
}
.contactus {
padding : 80px 0;
}
.contact-form {
margin : 0;
padding : 0;
}
.contact-form .form-control {
box-shadow : none;
height : auto;
resize : none;
font-size : 18px;
background : #fff;
padding : 10px 14px;
border-radius : 5px;
border : #ccc solid 2px;
outline : 2px solid #fff;
}
.btn-contact {
display : block;
font-size : 16px;
font-weight : 400;
padding : 10px 20px 10px 20px;
text-align : center;
background : #cc0000;
color : #fff;
border : #cc0000 solid 2px;
border-radius : 26px;
margin : 20px auto 0;
}
.btn-contact:hover {
background : none;
color : #cc0000;
outline : 0;
}
.help-block ul li {
color : #a94442;
}
.contact-form input[type="checkbox"] {
transform : scale(1.7);
margin-left : 7px;
margin-right : 16px;
cursor : pointer;
outline : 1px solid #fff;
border-radius : 5px;
}
.contact-form input:disabled {
cursor : not-allowed;
}
.contact-form div.w3-disabled {
opacity : 1;
background-color : rgb(200, 200, 200, 0.3);
border-color : #ccc !important ;
outline : 2px solid rgb(200, 200, 200, 0.3);
}
.contact-form div.w3-disabled .em-group-color, .contact-form div.w3-disabled label, .contact-form div.w3-disabled h3, .contact-form div.w3-disabled h4, .contact-form div.w3-disabled p {
color : #999;
background-color : transparent;
}
.contact-form div.w3-disabled h4, .contact-form div.w3-disabled div.em-dis, .contact-form div.w3-disabled div.panel {
display : none;
}
.contact-form h3 {
font-size : 20px;
font-weight : 700;
text-transform : none;
color : #333;
}
.contact-form .em-group-color h4 {
margin-top : 0;
font-weight : 600;
font-size : 16px;
color : #fff;
}
.contact-form p, .contact-form label, .contact-form li {
font-weight : 400;
color : #333;
}
.form-group a, .form-group a:link, .form-group a:visited {
color : #cc0000;
}
.form-group a:hover {
color : #fff;
}
.form-group p {
line-height : 150%;
}
.form-group label {
display : block;
color : #fff;
}
.form-group span {
font-weight : bold;
}
.contact-form .em-group-radiologie, .contact-form .em-group-kardiologie, .contact-form .em-group-neurologie, .contact-form .em-group-msk, .contact-form .em-group-innere, .contact-form .em-group-urologie, .contact-form .em-group-womenshealth {
margin : 0;
padding : 0;
background-color : #fff;
border-radius : 0 10px 40px 0;
}
.contact-form .em-group-radiologie {
border : #6BA8BC solid 2px;
}
.contact-form .em-group-kardiologie {
border : #D40E1C solid 2px;
}
.contact-form .em-group-neurologie {
border : #966D88 solid 2px;
}
.contact-form .em-group-msk {
border : #749870 solid 2px;
}
.contact-form .em-group-innere {
border : #6DC2B5 solid 2px;
}
.contact-form .em-group-urologie {
border : #75ACC1 solid 2px;
}
.contact-form .em-group-womenshealth {
border : #F49532 solid 2px;
}
.contact-form .em-group-radiologie .em-group-color {
background-color : #6BA8BC;
border-radius : 0 7px 0 0;
}
.contact-form .em-group-kardiologie .em-group-color {
background-color : #D40E1C;
border-radius : 0 7px 0 0;
}
.contact-form .em-group-neurologie .em-group-color {
background-color : #966D88;
border-radius : 0 7px 0 0;
}
.contact-form .em-group-msk .em-group-color {
background-color : #749870;
border-radius : 0 7px 0 0;
}
.contact-form .em-group-innere .em-group-color {
background-color : #6DC2B5;
border-radius : 0 7px 0 0;
}
.contact-form .em-group-urologie .em-group-color {
background-color : #75ACC1;
border-radius : 0 7px 0 0;
}
.contact-form .em-group-womenshealth .em-group-color {
background-color : #F49532;
border-radius : 0 7px 0 0;
}
.contact-form .em-group-paddi {
padding : 15px;
}
.contact-form .em-group-radiologie .collapsed a, .contact-form .em-group-kardiologie .collapsed a, .contact-form .em-group-neurologie .collapsed a, .contact-form .em-group-msk .collapsed a, .contact-form .em-group-innere .collapsed a, .contact-form .em-group-urologie .collapsed a, .contact-form .em-group-womenshealth .collapsed a {
color : #cc0000;
}
.contact-form .em-group-radiologie .collapsed a:hover, .contact-form .em-group-kardiologie .collapsed a:hover, .contact-form .em-group-neurologie .collapsed a:hover, .contact-form .em-group-msk .collapsed a:hover, .contact-form .em-group-innere .collapsed a:hover, .contact-form .em-group-urologie .collapsed a:hover, .contact-form .em-group-womenshealth .collapsed a:hover {
color : #ff0000;
}
.contactus .panel-group {
margin-bottom : 0;
}
.contactus .panel {
margin-bottom : 0;
background-color : transparent;
border : none;
border-radius : 0;
box-shadow : none;
}
.contactus p.collapsed {
margin-bottom : 15px;
}
a.popup-image img {
max-width : 100%;
border : #000 solid 1px;
border-radius : 0 10px 35px 0;
margin : 15px 15px 15px 0;
}
a.popup-image.portrait img {
width : 30%;
height : auto;
max-width : 100%;
border : none;
border-radius : 0;
float : left;
margin : 0 15px 15px 0;
}
.mega-footer {
background : #333;
padding : 60px 0;
}
.mega-footer a:link, .mega-footer a:visited, .mega-footer a:active, .mega-footer a:hover, .mega-footer a:focus {
text-decoration : none;
color : inherit;
font-weight : 400;
}
.footer-info h2, .footer-soical h2 {
color : #fff;
font-size : 18px;
font-weight : 400;
margin-bottom : 20px;
}
.footer-info p {
color : #898989;
font-size : 16px;
font-weight : 400;
margin-bottom : 0;
}
.footer-soical a {
display : inline-block;
width : 36px;
height : 36px;
border-radius : 50%;
color : #fff;
text-align : center;
padding-top : 8px;
margin-right : 10px;
background : #bbb;
background : linear-gradient(to right, #bbb, #666);
}
.footer-soical a:hover {
background : #efefef;
}
footer {
background : #4f4f4f;
padding : 30px 0;
}
.footer-siteinfo p {
font-size : 14px;
color : #fff;
font-weight : 400;
margin : 0;
}
.footer-siteinfo a:link, .footer-siteinfo a:visited, .footer-siteinfo a:active, .footer-siteinfo a:hover, .footer-siteinfo a:focus {
text-decoration : none;
color : inherit;
font-weight : 400;
}
.footer-menu {
text-align : right;
}
.footer-menu ul {
padding : 0;
margin : 0;
list-style : none;
}
.footer-menu ul li {
display : inline-block;
}
.footer-menu ul li a {
display : block;
color : #fff;
font-weight : 400;
font-size : 14px;
padding : 0 10px;
letter-spacing : 0.04em;
}
@media only screen and (max-width: 1200px) {
.navbar-default .navbar-nav > li > a:after {
padding : 0 12px 0 14px;
}
}
@media only screen and (max-width: 992px) {
nav.navbar.bootsnav .navbar-header {
padding-left : 0;
padding-right : 0;
position : relative;
}
nav.navbar.bootsnav.sticky-header .navbar-brand, nav.navbar.bootsnav .navbar-brand {
display : block;
padding : 14px 0 13px;
}
nav.navbar.bootsnav .navbar-collapse {
background : linear-gradient(to right, #cc0000, #ff4f0f);
padding : 0 15px;
margin : 0;
}
nav.navbar.bootsnav .navbar-toggle {
background : none;
height : 36px;
width : 36px;
color : #fff;
margin : 0;
border : #fff solid 1px;
border-radius : 0;
position : absolute;
right : 0;
top : 21px;
}
nav.navbar.bootsnav .navbar-nav {
margin : 0;
padding : 0;
}
nav.navbar.bootsnav.sticky-header ul.nav > li > a, nav.navbar.bootsnav ul.nav > li > a {
padding : 14px 0;
border : none;
margin : 0;
}
nav.navbar.bootsnav ul.nav > li > a:after {
display : none;
}
.feature-image {
margin-bottom : 40px;
}
.pricing-single {
max-width : 400px;
margin : 0 auto 60px;
}
.faqs .pull-right {
float : none !important ;
}
.faq-image {
margin-bottom : 40px;
}
.footer-info {
margin-bottom : 30px;
}
.footer-siteinfo {
margin-bottom : 10px;
}
.footer-siteinfo, .footer-menu {
text-align : center;
}
.testimonial-slider {
margin-top : 30px;
}
nav.navbar.bootsnav ul.nav > li > a {
margin-left : -15px;
padding-left : 15px;
}
nav.navbar.bootsnav ul.nav > li > a:hover {
background-color : #ff4f0f;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
border-bottom : 1px solid #eee;
padding-left : 10px;
color : #fff;
}
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
font-family : 'emediaicons';
font-weight : 600;
content : "\f105";
}
nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before {
font-family : 'emediaicons';
font-weight : 600;
content : "\f107";
}
}
@media only screen and (max-width: 767px) {
nav.navbar.bootsnav.sticky-header .navbar-brand, nav.navbar.bootsnav .navbar-brand {
padding-left : 15px;
padding-right : 15px;
}
nav.navbar.bootsnav.sticky-header .navbar-brand {
padding-top : 8px;
padding-bottom : 8px;
transition : all 0.3s ease-in-out;
}
nav.navbar.bootsnav.sticky-header .navbar-brand .logo {
max-width : 130px;
transition : all 0.3s ease-in-out;
}
nav.navbar.bootsnav .navbar-toggle {
right : 15px;
}
nav.navbar.bootsnav .navbar-collapse {
margin-left : -15px;
margin-right : -15px;
}
nav.navbar.bootsnav ul.nav {
padding-bottom : 20px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li {
padding-left : 15px;
}
.banner {
padding : 140px 0 80px;
}
.slider-image {
margin-bottom : 40px;
}
.header-content h2 br {
display : none;
}
.header-content h2 {
font-size : 28px;
}
.section-title {
margin-bottom : 40px;
}
.section-title h2 {
font-size : 24px;
}
.about, .features, .pricing, .faqs, .contactus, .testimonials {
padding : 60px 0;
}
.service-single {
max-width : 100%;
}
.features .border-right, .features .border-bottom {
border : none;
}
.feature-single:before {
top : 0;
left : 0;
right : 0;
bottom : 0;
}
.pricing-body ul {
padding : 20px 30px;
}
.faq-image img {
display : none;
}
.faq-heading {
position : relative;
}
.faq-heading h2 br {
display : none;
}
.faq-heading h2 {
font-size : 28px;
}
.testimonial-container {
padding-bottom : 0;
margin-bottom : 0;
}
.testimonial-box {
width : 100%;
bottom : 0;
padding : 60px 20px;
}
.testimonial-box h2 br {
display : none;
}
.testimonial-box h2 {
font-size : 28px;
}
}
@media only screen and (max-width: 480px) {
.header-content h2, .faq-heading h2 {
font-size : 24px;
}
.btn-custom {
display : block;
margin : 0 0 20px;
}
.btn-video {
display : block;
margin : 0;
}
}

↑ Top