/* /theme/agro/assets/vendor/bootstrap.min.css @ 2024-11-02T17:51:01+02:00 */
/*!
* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
@font-face {
font-family: "Glyphicons Halflings";
src: url("../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;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\002a";
}
.glyphicon-plus:before {
content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: 400;
line-height: 1;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
padding: 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: #777777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eeeeee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: "";
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: "\00A0 \2014";
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row-no-gutters {
margin-right: 0;
margin-left: 0;
}
.row-no-gutters [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
table {
background-color: transparent;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
min-height: 0.01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
opacity: 0.65;
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
background-image: none;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
background-image: none;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
background-image: none;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
background-image: none;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
background-image: none;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
background-image: none;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: 400;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
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;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
padding: 10px 15px;
margin-right: -15px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #777777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eeeeee;
border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777777;
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:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.thumbnail .caption {
padding: 9px;
color: #333333;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777777;
cursor: not-allowed;
background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333333;
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: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 0.2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: 0.5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
line-break: auto;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 12px;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: 0.9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
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;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
line-break: auto;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: 0.5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
outline: 0;
filter: alpha(opacity=90);
opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: "\2039";
}
.carousel-control .icon-next:before {
content: "\203a";
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/*# sourceMappingURL=bootstrap.css.map */
/* /theme/agro/assets/css/theme-purple.css @ 2025-02-10T12:53:00+02:00 */
/*!
// Contents
// ------------------------------------------------
1. Global Styles
2. Mixins
3. Typography
4. Colours
5. Sections
6. Buttons
7. Nav
8. Tooltips
9. Alerts
10. Icons
11. Forms
12. Accordions
13. Tabs
14. Progress Bars
15. Stats
16. Breadcrumbs
17. Pagination
18. Icon Features
19. Pricing Tables
20. Page Titles
21. Widgets
22. Image Tiles
23. Sliders
24. Galleries
25. Intros
26. Shop
27. Video
28. Blog
29. Image Blocks
30. Portfolio
31. Testimonials
32. Countdown
33. Maps
34. Twitter
35. Footers
36. Spacing
/*!---------- 1. GLOBAL STYLES ----------*/
body {
/*
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
*/
font-size: 13px;
line-height: 24px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: var(--color-grey);
overflow-x: hidden;
font-weight: 300;
}
body.boxed-layout {
background: #eee;
}
body.boxed-layout .main-container {
background: #fff;
}
body.boxed-layout,
.boxed-layout .nav-container,
.boxed-layout .main-container,
.boxed-layout nav {
max-width: 1366px;
margin: 0 auto;
left: 0;
right: 0;
}
ul {
list-style: none;
}
ul.bullets {
list-style: inside;
}
.main-container {
clear: both;
}
hr {
border: none;
border-top: 1px solid #9dafc145;
margin: 0 0 24px 0;
width: 100%;
}
hr.short-thick {
max-width: 50px;
border-top: 5px solid #ccc;
opacity: 1 !important;
}
hr.bold{
border-width: 3px;
border-color: var(--primary-color-fade);
}
.image-bg hr {
border-color: #fff;
opacity: .6;
}
.image-bg.bg-light hr {
border-color: #ccc;
opacity: 1;
}
.bg-dark hr {
border-color: #555;
}
.inline-block {
display: inline-block;
}
.list-inline {
margin-left: 0;
}
.list-inline > li {
padding: 0 8px;
}
.list-inline > li:last-child {
padding-right: 0;
}
.list-inline > li:first-child {
padding-left: 0;
}
.bg-primary .list-inline i {
color: #c99dff;
}
.overflow-hidden {
overflow: hidden;
}
.display-block {
display: block;
}
.show-grid {
border: 1px dashed rgba(255, 255, 255, 0);
padding: 8px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
cursor: default;
}
.show-grid:hover {
border-color: #222;
}
.right {
right: 0;
}
.relative {
position: relative;
z-index: 2;
}
.clearboth {
clear: both;
}
.spread-children * {
display: inline-block;
margin-left: 12px;
margin-right: 12px;
}
.spread-children-large * {
display: inline-block;
margin-left: 24px;
margin-right: 24px;
}
.container {
position: relative;
}
.vnu {
display: inline;
}
.row-gapless > div[class*='col-'] {
padding: 0;
}
@media all and (max-width: 1100px) {
.col-md-push-1 {
left: 0;
}
}
@media all and (max-width: 768px) {
.pull-left-sm {
float: left !important;
}
.overflow-hidden-xs {
overflow: hidden;
}
}
@media all and (max-width: 767px) {
.spread-children * {
margin-left: 6px;
margin-right: 6px;
}
}
/*!---------- 2. MIXINS ----------*/
.v-align-children {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
flex-direction: row;
-webkit-flex-direction: row;
}
.v-align-children-column {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
flex-direction: column;
-webkit-flex-direction: column;
}
.disable-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media all and (max-width: 990px) {
.v-align-children {
display: block !important;
}
}
.v-align-transform {
position: relative;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
top: 50%;
z-index: 2;
}
.align-bottom {
position: absolute;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
z-index: 2;
}
.align-top {
position: absolute;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
z-index: 2;
}
/*!---------- 3. TYPOGRAPHY ----------*/
@media all and (max-width: 767px) {
.text-center-xs {
text-align: center !important;
}
}
.bold {
font-weight: 800 !important;
}
.thin {
font-weight: 100 !important;
}
@media all and (max-width: 767px) {
.thin {
font-weight: 300 !important;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
pre,
table,
blockquote,
input,
button,
select,
textarea {
margin-bottom: 24px;
margin-top: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
color: var(--color-grey);
}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i{
color: #b8bdc0;
}
h1,
.h1 {
font-size: 56px;
line-height: 64px;
}
h1.large {
font-size: 72px;
line-height: 80px;
font-weight: 800;
}
@media all and (max-width: 990px) {
h1.large {
font-size: 56px;
line-height: 64px;
}
}
h2 {
font-size: 40px;
line-height: 48px;
}
h3 {
font-size: 32px;
line-height: 40px;
}
h4 {
font-size: 24px;
line-height: 32px;
}
h5 {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
h6,
.h6 {
font-size: 12px;
line-height: 24px;
font-weight: 600;
}
@media all and (max-width: 767px) {
h1,
p.large,
h1.large,
.h1 {
font-size: 32px;
line-height: 40px;
font-weight: 700;
}
h2 {
font-size: 32px;
line-height: 40px;
}
h3 {
font-size: 24px;
line-height: 32px;
}
h4 {
font-size: 18px;
line-height: 26px;
}
h5 {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
h6,
.h6 {
font-size: 12px;
line-height: 24px;
font-weight: 600;
}
}
.uppercase {
font-weight: 400;
text-transform: uppercase;
}
h1.uppercase {
letter-spacing: 17px;
margin-right: -17px;
}
h2.uppercase {
letter-spacing: 10px;
margin-right: -10px;
}
h3.uppercase {
letter-spacing: 6px;
margin-right: -6px;
}
h4.uppercase {
letter-spacing: 3px;
margin-right: -3px;
}
h5.uppercase {
letter-spacing: 2px;
margin-right: -2px;
}
h6.uppercase,
.h6-u {
letter-spacing: 2px;
font-weight: 600;
}
.bold-h6 {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
p{
font-weight: 400;
}
p.lead {
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.sub {
font-size: 12px;
}
@media all and (max-width: 767px) {
p.lead {
font-size: 13px;
line-height: 24px;
}
p {
font-size: 12px;
}
}
a,
a:visited,
a:focus,
a:active,
a:hover {
text-decoration: none;
outline: none;
}
a {
font-weight: 600;
color: #009846;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
cursor: poitner;
}
.image-bg a,
.bg-primary a {
/*color: #fff;*/
}
.image-bg a:hover,
.bg-primary a:hover {
/*color: #fff;
opacity: .9;*/
}
a:hover {
color: #009846;
text-decoration: none;
}
.label {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
letter-spacing: 1px;
background: #009846;
border-radius: 0;
padding: 6px 12px;
font-size: 10px;
vertical-align: middle;
}
blockquote {
overflow: hidden;
font-family: "Merriweather", "Georgia", Times New Roman, Times, serif;
font-size: 20px;
line-height: 40px;
font-style: italic;
background: #f5f5f5;
padding: 32px;
color: #777;
font-weight: 300;
}
.bg-secondary blockquote {
background: #fff;
border-color: #009846;
}
blockquote .author {
font-size: 12px;
display: block;
float: right;
margin-top: 16px;
}
.number {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.columns-2 {
column-count: 2;
-webkit-column-count: 2;
}
@media all and (max-width: 767px) {
br {
display: none;
}
blockquote {
font-size: 16px;
line-height: 32px;
}
.columns-2 {
column-count: 1;
-webkit-column-count: 1;
}
}
.text-left {
text-align: left !important;
}
@media all and (max-width: 767px) {
.text-left-xs {
text-align: left !important;
}
}
/*!---------- 3.1. TYPOGRAPHY - LISTS ----------*/
ul[data-bullet] li {
line-height: 32px;
}
ul[data-bullet] li i:first-child {
margin-right: 16px;
transform: scale(1.5);
-webkit-transform: scale(1.5);
display: inline-block;
}
ul.lead li {
font-size: 16px;
line-height: 40px;
}
/*!---------- 4. COLOURS ----------*/
.bg-primary {
background: #009846 !important;
}
.bg-secondary {
background: #f9f5ef;
}
.bg-white {
background: #fff;
}
.bg-dark {
background: #292929;
}
.color-body {
color: #666;
}
.color-primary {
color: #009846 !important;
}
.color-red {
color: #e31d3b !important;
}
.color-white {
color: #fff;
}
/*!---------- 5. SECTIONS ----------*/
section,
footer {
padding: 96px 0;
position: relative;
overflow: hidden;
}
footer {
padding: 72px 0;
}
.fullscreen {
height: 100vh;
}
.bg-dark h1,
nav.bg-dark h1,
footer.bg-dark h1,
.bg-primary h1,
.bg-dark h2,
nav.bg-dark h2,
footer.bg-dark h2,
.bg-primary h2,
.bg-dark h3,
nav.bg-dark h3,
footer.bg-dark h3,
.bg-primary h3,
.bg-dark h4,
nav.bg-dark h4,
footer.bg-dark h4,
.bg-primary h4,
.bg-dark h5,
nav.bg-dark h5,
footer.bg-dark h5,
.bg-primary h5,
.bg-dark h6,
nav.bg-dark h6,
footer.bg-dark h6,
.bg-primary h6 {
/*color: #ffffff;*/
}
.bg-dark p,
nav.bg-dark p,
footer.bg-dark p,
.bg-primary p,
.bg-dark span,
nav.bg-dark span,
footer.bg-dark span,
.bg-primary span,
.bg-dark li,
nav.bg-dark li,
footer.bg-dark li,
.bg-primary li {
/*color: #fefefe;*/
}
@media all and (max-width: 767px) {
section {
padding: 80px 0;
}
}
.overlay:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #292929;
opacity: 0.1;
z-index: 2;
}
.overlay-heavy:before {
opacity: .6;
}
.bg-light.overlay:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #ffffff;
opacity: 0.1;
z-index: 2;
}
.image-bg h1,
.image-bg h2,
.image-bg h3,
.image-bg h4,
.image-bg h5,
.image-bg h6 {
color: #ffffff;
}
.image-bg p,
.image-bg span,
.image-bg li {
}
.image-bg .container,
.image-bg div[class*='col-'] {
position: relative;
z-index: 3;
}
.container.image-bg .row {
position: relative;
z-index: 3;
}
.background-image-holder {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: #292929;
background-size: cover !important;
background-position: 50% 50% !important;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 0;
}
.background-image-holder img {
display: none;
}
.background-multiply .background-image-holder {
background-color: #009846 !important;
background-blend-mode: multiply;
}
.background-image-holder.fadeIn {
opacity: 1;
}
.parallax > .background-image-holder,
.parallax .slides li > .background-image-holder {
height: 100vh;
top: -50vh;
transition: all 0s ease !important;
transition: opacity 0.3s ease !important;
-webkit-transform-style: preserve-3d;
}
.parallax:first-child .slides li > .background-image-holder,
.parallax:first-child .background-image-holder {
top: 0;
}
.main-container > a:first-child + .parallax .background-image-holder {
top: 0;
}
@media all and (max-width: 767px) {
.parallax > .background-image-holder,
.parallax .slides li > .background-image-holder {
top: 0 !important;
transform: none !important;
-webkit-transform: none !important;
}
}
/*!---------- 6. BUTTONS ----------*/
.btn {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
border: 2px solid #009846;
padding: 0 26px;
height: 40px;
min-width: 150px;
line-height: 36px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0;
color: #009846;
text-align: center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
margin-right: 8px;
margin-bottom: 24px;
}
.btn:last-child,
.btn:last-of-type {
margin-right: 0;
}
.btn:hover {
background: #009846;
color: #fff;
}
.btn-icon {
width: 40px;
height: 40px;
font-size: 20px;
min-width: 0;
padding: 0;
line-height: 38px;
}
.btn-lg {
height: 50px;
line-height: 46px;
min-width: 200px;
}
.btn-icon.btn-lg {
width: 50px;
height: 50px;
line-height: 49px;
font-size: 24px;
min-width: 0;
}
.btn-icon.btn-sm {
width: 30px;
height: 30px;
line-height: 29px;
font-size: 13px;
min-width: 0;
padding: 0 0 0 1px!important;
}
.btn-sm {
height: 30px;
font-size: 11px;
line-height: 27px;
min-width: 0;
}
.btn-filled {
background: #009846;
color: #fff;
}
.btn-white,
.image-bg .btn,
.image-bg .btn:visited {
color: #fff;
border-color: #fff;
}
.btn-white:hover,
.image-bg .btn:hover,
.image-bg .btn:visited:hover {
}
.image-bg .btn.btn-filled,
.image-bg .btn-filled:visited {
border-color: #009846;
}
.image-bg .btn-filled:hover {
border-color: #fff;
}
.btn-rounded {
border-radius: 25px;
}
body.btn-rounded .btn {
border-radius: 25px !important;
}
.bg-light .btn {
border-color: #222;
color: #222;
}
.bg-light .btn:visited,
.bg-light .btn:visited:hover {
color: #222;
}
.bg-light .btn-filled,
.bg-light .btn-filled:visited {
color: #fff;
}
.btn:visited {
color: #009846;
}
.btn.btn-material:visited{
color: #fff;
}
.btn-white:visited,
.btn:visited:hover {
color: #fff;
}
.btn-white:visited:hover {
color: #222;
}
.btn-filled:visited {
color: #fff;
}
.btn.bg-dark {
color: #fff;
border-color: #292929;
}
.btn.bg-dark:hover {
background: #434343;
}
.bg-primary .btn {
color: #fff;
border-color: #fff;
}
.bg-primary .btn:hover {
background: #fff;
color: #009846;
}
/*!---------- 7. NAVIGATION ----------*/
.nav-container {
-webkit-backface-visibility: hidden;
max-width: 100%;
}
nav {
background: #fff;
-webkit-backface-visibility: hidden;
max-width: 100%;
}
nav ul {
margin-bottom: 0;
}
.module {
display: inline-block;
padding: 0 32px;
}
.module-group {
display: inline-block;
}
.module.left,
.module-group.left {
float: left;
}
.module.right,
.module-group.right {
float: right;
}
nav .btn,
.nav-bar .btn {
margin: 0;
height: auto;
}
.nav-utility {
height: 50px;
line-height: 48px;
overflow: hidden;
color: var(--color-grey);
}
.nav-utility i {
position: relative;
top: 1px;
color: var(--primary-color);
}
.nav-bar {
height: 70px;
max-height: 70px;
line-height: 70px;
}
.nav-bar .module,
.nav-bar .module-group {
height: 55px;
}
.nav-bar a {
display: inline-block;
height: 55px;
}
.logo {
max-height: 60%;
}
.logo-light {
display: none;
}
nav.nav-centered .logo {
max-height: 64px;
margin: 64px 0 40px 0;
}
nav.bg-dark .logo-light {
display: inline;
}
nav.bg-dark .logo-dark {
display: none;
}
.has-dropdown {
padding-right: 18px;
}
.has-dropdown:after {
position: absolute;
top: 1px;
right: -3px;
font-size: 16px;
content: "\e64b";
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: var(--color-yellow);
}
.menu {
width: 100%;
height: 55px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.menu.inline-block {
width: auto;
}
.menu li a {
font-size: 11px;
text-transform: uppercase;
font-weight: 300;
color: #fff;
opacity: 1;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
max-width: 100%;
white-space: normal;
}
.menu li a:hover {
opacity: 1 !important;
}
.menu > li {
margin-right: 20px;
float: left;
position: relative;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 1;
}
.menu > li:last-child {
margin-right: 0;
}
.menu > li:last-child > ul {
right: 0;
}
.menu > li:last-child > ul ul {
left: auto;
right: 100%;
}
.menu > li ul {
width: 200px;
padding: 8px 0;
background: #292929;
position: absolute;
z-index: 99;
opacity: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
visibility: hidden;
margin-top: -1px;
}
.menu > li > ul > li {
position: relative;
line-height: 24px;
width: 100%;
vertical-align: top;
}
.menu > li > ul > li i {
display: inline-block;
margin-right: 2px;
}
.menu > li > ul > .has-dropdown:after {
color: #fff;
top: 5px;
right: 24px;
content: "\e649";
}
.menu > li > ul li a {
color: #fff;
height: auto;
padding: 6px 24px;
}
.menu > li > ul > li > ul {
left: 100%;
top: 0;
}
.menu > li:hover > ul {
opacity: 1;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
visibility: visible;
}
.menu > li > ul > li:hover > ul,
.has-dropdown:hover .mega-menu ul {
opacity: 1;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
visibility: visible;
}
.mega-menu {
width: auto !important;
white-space: nowrap;
line-height: 24px;
}
.mega-menu ul {
position: relative !important;
left: auto !important;
padding: 0 !important;
}
.mega-menu > li {
width: 200px !important;
overflow: hidden;
display: inline-block;
}
.mega-menu .title {
letter-spacing: 1px;
color: #fff;
display: inline-block;
padding: 6px 24px;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
}
.make-right {
right: 0;
}
.module.widget-handle {
padding: 0 24px;
cursor: pointer;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0;
}
nav.nav-centered .module.widget-handle {
border: none !important;
}
@media all and (max-width: 1100px) {
.module.widget-handle {
padding: 0 16px;
}
}
.module.widget-handle i {
font-size: 20px;
line-height: 53px;
opacity: 1;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.module.widget-handle:hover i,
.module.active i {
opacity: 1;
}
.widget-handle .function {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
cursor: default;
width: 200px;
background: #292929;
position: absolute;
z-index: 99;
opacity: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
visibility: hidden;
margin-top: -2px;
right: 0;
}
.module.widget-handle:hover .function {
opacity: 1;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
visibility: visible;
}
.module.widget-handle .title {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
display: none;
opacity: .5;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.module.widget-handle .title:hover {
opacity: 1;
}
.widget-handle .cart {
position: relative;
}
.widget-handle .cart .label {
width: 17px;
height: 17px;
font-size: 10px;
line-height: 17px;
padding: 0;
text-align: center;
position: absolute;
background: #009846;
top: 10px;
right: -10px;
border-radius: 50%;
}
.widget-handle .search-form {
display: inline-block;
width: 100%;
line-height: 50px;
}
.widget-handle .search-form input {
margin: 0;
font-size: 16px;
}
nav .widget {
margin: 0;
padding: 24px;
}
nav .widget .title {
display: none !important;
}
nav .widget{
color: #fff;
}
nav .widget hr {
border-color: #777;
margin-bottom: 16px;
}
nav .widget hr:first-of-type {
display: none;
}
.cart-widget-handle .function {
width: auto;
background: #fff;
}
.cart-widget-handle .function span {
color: #222 !important;
}
nav .cart-overview {
min-width: 300px;
margin-bottom: 16px;
}
nav .cart-overview a {
height: auto;
}
.language .menu > li ul {
max-width: 150px;
}
.nav-open {
max-height: 10000px !important;
height: auto !important;
}
.nav-open .mobile-toggle {
border-bottom: 1px solid #ccc;
}
@media all and (max-width: 1120px) {
.menu > li {
margin-right: 24px;
}
}
.has-offscreen-nav .main-container {
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
}
.offscreen-container {
position: fixed;
transform: translate3d(200%, 0, 0);
-webkit-transform: translate3d(200%, 0, 0);
-moz-transform: translate3d(200%, 0, 0);
width: 50%;
top: 0;
height: 100%;
min-height: 100vh;
z-index: 20;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
overflow: hidden;
}
.offscreen-container.reveal-nav {
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
}
.main-container.reveal-nav {
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
}
.offscreen-left .offscreen-container {
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
}
.offscreen-left .offscreen-container.reveal-nav {
transform: translate3d(0%, 0, 0);
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
}
.offscreen-left .main-container.reveal-nav,
.offscreen-left nav.reveal-nav {
transform: translate3d(50%, 0, 0) !important;
-webkit-transform: translate3d(50%, 0, 0) !important;
-moz-transform: translate3d(50%, 0, 0) !important;
}
.offscreen-container .close-nav {
position: absolute;
right: 24px;
top: 16px;
z-index: 24;
font-size: 20px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: .5;
}
.offscreen-container .close-nav:hover {
opacity: 1;
}
.offscreen-container.bg-dark .close-nav i {
color: #fff;
}
@media all and (max-width: 990px) {
.offscreen-container {
width: 100vw;
}
.offscreen-container.reveal-nav {
transform: translate3d(0vw, 0, 0);
-webkit-transform: translate3d(0vw, 0, 0);
-moz-transform: translate3d(0vw, 0, 0);
}
.main-container.reveal-nav {
transform: none !important;
}
}
@media all and (max-width: 990px) {
nav.fixed {
position: absolute !important;
opacity: 1 !important;
visibility: visible !important;
}
nav.outOfSight {
transform: translate3d(0, 0px, 0) !important;
-webkit-transform: translate3d(0, 0px, 0) !important;
-moz-transform: translate3d(0, 0px, 0) !important;
}
.nav-bar,
.nav-bar .module-group,
.nav-bar .module {
height: auto;
overflow: hidden;
}
.nav-bar .module {
padding: 0 16px;
}
.nav-bar .module-group {
width: 100%;
padding: 16px 0;
}
.nav-bar .module-group .module {
display: block;
float: none;
width: 100%;
}
nav.nav-centered .logo {
margin: 24px 0 16px 0;
max-height: 40px;
}
.menu {
height: auto;
}
.menu.inline-block {
width: 100%;
}
.menu a {
height: auto;
line-height: 24px;
padding: 4px 0;
}
.menu li {
line-height: 24px;
float: none;
display: block;
width: 100%;
max-width: 100%;
}
.menu > li ul {
position: relative;
width: 100%;
opacity: 1;
visibility: visible;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
left: 0;
}
.menu > li > ul {
position: relative;
opacity: 1;
visibility: visible;
display: none;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
}
.menu > li > ul > .has-dropdown:after {
content: "\e64b";
}
.menu > li > ul > li > ul {
left: 0;
display: none;
padding: 0;
}
.menu > li > ul li a,
.mega-menu .title {
padding: 4px 16px;
}
.has-dropdown .has-dropdown li {
padding-left: 18px;
}
.has-dropdown {
padding-right: 0;
}
.mega-menu {
margin-left: 0 !important;
}
.mega-menu li {
width: 100% !important;
}
.toggle-sub > ul,
.toggle-sub .mega-menu ul {
display: block !important;
}
.module.widget-handle {
border-left: none;
border-top: 1px solid #ccc;
line-height: 40px;
min-height: 40px;
}
.module.widget-handle .menu {
line-height: 40px;
}
.module.widget-handle .menu li {
line-height: 40px;
}
.module.widget-handle i {
line-height: 40px;
}
.module.widget-handle .title {
display: inline-block;
position: relative;
bottom: 3px;
margin-left: 8px;
}
.widget-handle .function {
width: 100%;
position: relative;
opacity: 1;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
visibility: visible;
margin-top: 0;
display: none;
box-shadow: none !important;
}
.toggle-widget-handle .function {
display: block !important;
}
.widget-handle .cart .label {
width: 22px;
height: 22px;
font-size: 12px;
line-height: 22px;
top: 18px;
}
.mobile-toggle {
border-left: 1px solid #ccc !important;
border-bottom: none !important;
}
.mobile-toggle i {
line-height: 53px !important;
}
.mobile-toggle.absolute-xs {
position: absolute;
top: 0;
}
nav.nav-centered .mobile-toggle {
width: 100%;
}
nav.bg-dark .module.widget-handle {
border-top: 1px solid #444;
}
nav.bg-dark .mobile-toggle {
border-left: 1px solid #444 !important;
}
nav.bg-dark .nav-open .mobile-toggle {
border-bottom: 1px solid #444;
}
}
nav.outOfSight {
transform: translate3d(0, -200px, 0);
-webkit-transform: translate3d(0, -200px, 0);
-moz-transform: translate3d(0, -200px, 0);
}
nav.scrolled {
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
nav.fixed,
nav.absolute {
top: 0;
width: 100%;
z-index: 999;
left: 0;
right: 0;
}
nav.absolute {
position: absolute;
}
nav.fixed {
position: fixed;
visibility: hidden;
opacity: 0;
}
nav.fixed .nav-utility {
display: none;
}
nav.fixed.scrolled {
visibility: visible;
opacity: 1;
}
nav.transparent .menu > li > a,
nav.transparent .module.widget-handle i,
nav.transparent .nav-utility {
color: #fff;
}
nav.transparent .nav-utility,
nav.transparent .nav-bar {
}
nav.transparent .module.widget-handle {
border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
}
nav.transparent .menu > li > a,
nav.transparent .module.widget-handle i {
opacity: 1;
}
nav.transparent .has-dropdown:after {
color: #fff;
}
nav.transparent .logo-dark {
display: none;
}
nav.transparent .logo-light {
display: inline;
}
nav.transparent {
background: none;
}
.has-offscreen-nav > nav.fixed {
opacity: 1;
transform: none;
visibility: visible;
}
@media all and (max-width: 990px) {
nav.transparent .nav-open {
background: #fff;
}
nav.transparent .nav-open .menu > li > a,
nav.transparent .nav-open .module.widget-handle i,
nav.transparent .nav-open .nav-utility {
color: #292929;
}
nav.transparent .nav-open .logo-dark {
display: inline;
}
nav.transparent .nav-open .logo-light {
display: none;
}
nav.transparent .nav-open .has-dropdown:after {
color: #292929;
}
.menu > li:last-child > ul ul {
right: 0;
}
}
nav.transparent.fixed {
background: #fff;
}
nav.transparent.fixed .logo-light {
display: none;
}
nav.transparent.fixed .logo-dark {
display: inline;
}
nav.transparent.fixed .menu > li > a,
nav.transparent.fixed .module.widget-handle i {
color: #292929;
}
nav.transparent.fixed .menu > .has-dropdown:after {
color: #fff;
color: #292929;
}
nav.transparent.fixed .module.widget-handle {
border-left: 1px solid #ccc;
}
nav.transparent.fixed .menu > li > a,
nav.transparent.fixed .module.widget-handle i {
opacity: 1;
}
nav.bg-dark .menu > li > a,
nav.bg-dark .module.widget-handle i,
nav.bg-dark .nav-utility {
color: #fff;
opacity: 1;
}
nav.bg-dark .module.widget-handle {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
nav.bg-dark .nav-utility,
nav.bg-dark .nav-bar {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
nav.transparent.fixed.bg-dark {
background: #292929;
}
nav.transparent.fixed.bg-dark .menu > li > a,
nav.transparent.fixed.bg-dark .module.widget-handle i {
color: #fff;
}
nav.nav-centered.outOfSight .logo {
display: none;
}
/*!---------- 8. TOOLTIPS ----------*/
.tooltip {
font-weight: 600;
font-size: 13px;
}
.tooltip-inner {
border-radius: 0;
padding: 9px 24px 12px 24px;
}
/*!---------- 9. ALERTS ----------*/
.alert {
margin-bottom: 24px;
background: none;
border-radius: 0;
font-weight: 600;
padding: 12px 16px;
}
.alert .close {
opacity: 1;
font-size: 24px;
top: -2px;
right: -4px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.alert .close span {
font-weight: 400;
}
.alert-warning {
border: 1px solid #d88519;
color: #d88519;
}
.alert-success {
border: 1px solid #60b963;
color: #60b963;
}
.alert-danger {
border: 1px solid #c64444;
color: #c64444;
}
/*!---------- 10. ICONS ----------*/
.icon {
font-size: 64px;
display: inline-block;
color: #292929;
}
.image-bg.bg-light .icon {
color: #292929;
}
.image-bg .icon,
.bg-dark .icon {
color: #fff;
}
.icon-lg {
font-size: 80px;
}
.icon-sm {
font-size: 32px;
}
.icon-xs {
font-size: 18px;
}
@media all and (max-width: 767px) {
.icon {
font-size: 48px;
}
.icon-lg {
font-size: 64px;
}
.icon-sm {
font-size: 18px;
}
.icon-xs {
font-size: 16px;
}
}
.embelish-icons {
position: absolute;
top: 50%;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
transform: scale(10);
-webkit-transform: scale(10);
left: 50%;
opacity: 0.05;
z-index: -1;
}
/*!---------- 11. FORMS ----------*/
input,
button,
select,
textarea {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
}
input[type="text"],
button,
textarea,
select,
input[type="password"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.bg-secondary input[type="text"],
.bg-secondary textarea,
.bg-secondary select {
background: #fff;
}
.input-lh {
line-height: 50px;
}
.attempted-submit .field-error {
outline: 1px red !important;
}
.input-with-label span {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #292929;
letter-spacing: 1px;
font-weight: 600;
display: block;
cursor: default;
}
input[type="text-1"],
input[type="password-1"] {
background: #f5f5f5;
border: none;
width: 100%;
height: 50px;
padding-left: 20px;
font-weight: 500;
margin-bottom: 24px;
border-radius: 0;
}
.image-bg input[type="text"],
.image-bg textarea {
color: #555;
}
.image-bg.bg-light input.transparent,
.image-bg.bg-light button.transparent {
border-color: #292929;
}
input.transparent,
button.transparent {
background: none;
border: 1px solid rgba(255, 255, 255, 0.5);
color: #fff !important ;
}
input[type="text"]:focus,
input[type="password"]:focus {
outline: 1px solid #ccc;
}
textarea {
width: 100%;
border: none;
background: #f5f5f5;
margin-bottom: 24px;
border-radius: 0;
padding: 16px 20px;
}
textarea:focus {
outline: 1px solid #ccc;
}
::-webkit-input-placeholder {
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
color: #777;
font-size: 11px;
}
:-moz-placeholder {
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
color: #777;
font-size: 11px;
}
::-moz-placeholder {
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
color: #777;
font-size: 11px;
}
:-ms-input-placeholder {
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
color: #777;
font-size: 11px;
}
input.transparent::-webkit-input-placeholder,
button.transparent::-webkit-input-placeholder {
color: #fff;
}
input.transparent::-moz-input-placeholder,
button.transparent::-moz-input-placeholder {
color: #fff;
}
input.transparent:-moz-input-placeholder,
button.transparent:-moz-input-placeholder {
color: #fff;
}
input.transparent:-ms-input-placeholder,
button.transparent:-ms-input-placeholder {
color: #fff;
}
input[type="submit"],
button[type="submit"] {
height: 50px;
line-height: 48px;
border: 2px solid #009846;
background: #009846;
color: #fff;
width: 100%;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
border-radius: 0 !important;
}
.bg-primary input[type="submit"],
.bg-primary button[type="submit"] {
background: #fff;
color: #009846;
}
input[type="submit"]:focus,
button[type="submit"]:focus {
outline: none;
}
input[type="submit"].hollow,
button[type="submit"].hollow {
background: none;
border: 2px solid #009846;
color: #009846;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
input[type="submit"].hollow:hover,
button[type="submit"].hollow:hover {
background: #009846;
color: #fff;
}
.select-option {
position: relative;
cursor: pointer;
height: 50px;
overflow: hidden;
margin-bottom: 24px;
}
.select-option i {
position: absolute;
font-size: 18px;
right: 20px;
top: 14px;
z-index: 2;
pointer-events: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
cursor: pointer;
}
.select-option:focus i {
color: #fff;
}
.select-option select {
margin-bottom: 0;
}
select {
height: 50px;
background: #f5f5f5;
width: 100%;
border-radius: 0;
border: none;
outline: none;
padding-left: 20px;
position: relative;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
color: #777;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
cursor: pointer;
}
select:focus {
background: #eee;
}
select:active,
select:focus,
select:hover {
outline: none;
/*border: none;*/
}
.checkbox-option,
.radio-option {
display: inline-block;
width: 50px;
height: 25px;
border-radius: 25px;
border: 1px solid #009846;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 24px;
}
.checkbox-option .inner,
.radio-option .inner {
width: 19px;
height: 19px;
border-radius: 50%;
background: rgba(0, 0, 0, 0);
border: 1px solid #009846;
position: relative;
top: 2px;
left: 2px;
display: inline-block;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
}
.checkbox-option.checked .inner {
transform: translate3d(25px, 0, 0);
-webkit-transform: translate3d(25px, 0, 0);
-moz-transform: translate3d(25px, 0, 0);
background: #009846;
}
.checkbox-option input {
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
}
.radio-option {
width: 25px;
height: 25px;
text-align: left;
}
.radio-option:nth-of-type(n+2) {
margin-left: 24px;
}
.radio-option input {
width: 0;
height: 0;
opacity: 0;
overflow: hidden;
}
.radio-option .inner {
border: none;
width: 19px;
height: 19px;
left: 2px;
transform: scale(0);
-webkit-transform: scale(0);
}
.radio-option + span {
display: inline-block;
line-height: 25px;
}
.radio-option.checked .inner {
transform: scale(1);
-webkit-transform: scale(1);
}
.radio-option.checked .inner {
background: #009846;
}
@media all and (min-width: 991px) {
input.col-md-6,
button.col-md-6 {
width: 49%;
float: left;
}
input.col-md-6:first-of-type,
button.col-md-6:first-of-type {
margin-right: 1%;
}
input.col-md-6:last-of-type,
button.col-md-6:last-of-type {
margin-left: 1%;
}
}
form.thirds input,
form.thirds button {
width: 32%;
float: left;
margin-left: 1%;
margin-bottom: 16px;
}
form.halves input,
form.halves button {
width: 46%;
float: left;
margin-left: 2.5%;
margin-bottom: 16px;
}
form.halves p,
form.thirds p,
form.halves span,
form.thirds span {
clear: both;
}
.form-error,
.form-success {
background: #58ce38;
padding: 12px;
width: 80%;
clear: both;
display: block;
max-width: 700px;
position: relative;
top: 16px;
margin: 0 auto;
word-break: break-word;
}
.form-error {
background: #ce3838;
}
.form-error a,
.form-success a {
display: block;
color: #fff;
}
.attempted-submit .field-error {
outline: 1px solid #ce3838 !important;
}
form iframe.mail-list-form {
display: none;
}
.form-loading {
border: 3px solid #ffffff;
border-radius: 30px;
height: 30px;
left: 50%;
margin: -15px 0 0 -15px;
opacity: 0;
margin: 0px auto;
top: 50%;
width: 30px;
-webkit-animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation: pulsate 1s ease-out;
-moz-animation-iteration-count: infinite;
animation: pulsate 1s ease-out;
animation-iteration-count: infinite;
z-index: 99999;
}
@keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
@-webkit-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
button[type="submit"] .form-loading {
height: 25px;
width: 25px;
display: inline-block;
top: 9px;
position: relative;
left: 0;
}
.btn-white .form-loading {
border: 3px solid #c8c8c8;
}
@media all and (max-width: 767px) {
form.thirds input,
form.halves input,
form.thirds button,
form.halves button {
width: 100%;
margin-bottom: 8px;
float: left;
margin-left: 0;
}
}
/*!---------- 12. ACCORDIONS ----------*/
.accordion .title {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.accordion .content {
max-height: 0;
overflow: hidden;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
}
.accordion li.active .content {
max-height: 400px;
}
.accordion p:last-child {
margin-bottom: 0;
}
.accordion-1 li {
margin-bottom: 10px;
}
.accordion-1 li:last-child {
margin-bottom: 0;
}
.accordion-1 .title {
background: #f5f5f5;
padding: 13px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.bg-secondary .accordion-1 .title {
background: #ebebeb;
}
.bg-secondary .accordion-1 .title:hover {
background: #e4e4e4;
}
.accordion-1 .title span {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
.accordion-1 .active .title {
background: #009846;
color: #fff;
}
.accordion-1 .content {
border: 1px solid #eee;
border-top: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 0;
}
.accordion-1 .content p {
padding: 13px;
}
.accordion-1 .active .content {
opacity: 1;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
}
.accordion-1 .title:hover {
background: #eee;
}
.accordion-1 .active .title:hover {
background: #009846;
}
.accordion-2 .title {
font-size: 16px;
font-weight: 500;
padding: 16px 0;
border-bottom: 1px solid #ccc;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: .7;
}
.accordion-2 .title:before {
content: "\e622";
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.accordion-2 .active .title {
opacity: 1;
}
.accordion-2 .active .title:before {
content: '\e61a';
}
.accordion-2 .content p {
padding: 16px 0;
}
.accordion-2 .title:hover {
opacity: 1;
}
/*!---------- 13. TABBED CONTENT ----------*/
.tabs {
overflow: hidden;
}
.tabs li {
display: inline-block;
cursor: pointer;
}
.tabs.thirds {
width: 100%;
}
.tabs.thirds li {
width: 33.3333333%;
}
.tabs.thirds .tab-title {
width: 100%;
}
.button-tabs .tabs {
display: inline-block;
overflow: hidden;
}
.button-tabs .tabs > li {
margin-bottom: 8px;
float: left;
}
.button-tabs .tabs > li:last-child {
margin-right: 0;
}
.button-tabs .tab-title {
padding: 13px;
display: inline-block;
text-align: center;
min-width: 150px;
background: #f5f5f5;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.bg-secondary .button-tabs .tab-title {
background: #eee;
}
.button-tabs .tab-title span {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
.button-tabs .active .tab-title {
background: #009846;
color: #fff;
}
.button-tabs .tab-title:hover {
background: #eee;
}
.button-tabs .active .tab-title:hover {
background: #009846;
}
.button-tabs.vertical {
overflow: hidden;
}
.button-tabs.vertical > .tabs {
max-width: 30%;
float: left;
}
.button-tabs.vertical > .content {
padding-left: 3%;
max-width: 70%;
float: right;
}
.button-tabs.vertical > .tabs li,
.button-tabs.vertical .tab-title {
width: 100%;
}
.button-tabs.vertical > .tabs li {
margin-bottom: 10px;
}
.bg-dark .button-tabs .tab-title span {
color: #222;
}
@media all and (max-width: 767px) {
.button-tabs .tabs li {
width: 49%;
margin-bottom: 15px;
}
.button-tabs.vertical .tabs,
.button-tabs.vertical .content {
max-width: 100%;
width: 100%;
padding-left: 0;
}
}
.tabbed-content .content > li {
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
display: none;
}
.tabbed-content .content .active {
opacity: 1;
visibility: visible;
display: block;
}
.text-tabs .tabs {
padding-bottom: 16px;
border-bottom: 1px solid #ccc;
overflow: visible;
}
.text-tabs.no-border .tabs {
border-bottom: none;
}
.text-tabs .tab-title {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
padding: 0 24px;
opacity: 0.5;
position: relative;
}
.text-tabs .tab-title span {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
.text-tabs .tab-title:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #009846;
bottom: 10px;
opacity: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
bottom: -17px;
left: 0;
}
.text-tabs .active .tab-title {
opacity: 1;
color: #009846;
}
.bg-primary .text-tabs .tab-title:after {
background: #e5d0ff;
}
.text-tabs .active .tab-title:after {
opacity: 1;
}
.text-tabs .tab-title:hover {
opacity: 1;
}
@media all and (max-width: 767px) {
.text-tabs .tabs {
padding-bottom: 0;
}
.text-tabs .tabs li {
width: 49%;
margin-bottom: 15px;
}
.text-tabs .tab-title:after {
display: none;
}
.text-tabs:not(.text-center) .tabs li:first-child .tab-title {
padding-left: 24px;
}
}
.icon-tabs .tabs li {
width: 16%;
margin-bottom: 24px;
}
.icon-tabs .tab-title {
text-align: center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: .5;
}
.icon-tabs .tab-title:hover {
opacity: 1;
}
.icon-tabs .active .tab-title {
color: #000;
opacity: 1;
}
.icon-tabs .active .tab-title i {
color: #009846;
}
.image-bg .icon-tabs .active .tab-title i {
color: #fff;
}
.icon-tabs .tab-title i {
display: block;
margin-bottom: 16px;
}
.icon-tabs .tab-title span {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
@media all and (max-width: 767px) {
.icon-tabs .tabs li {
margin-bottom: 16px;
margin-right: 0;
width: 49%;
}
.icon-tabs .tab-title i {
font-size: 32px;
}
}
/*!---------- 14. PROGRESS BARS ----------*/
.progress-bars {
margin-bottom: 24px;
}
.progress {
height: auto;
box-shadow: none;
}
.progress-bar {
background: #009846;
box-shadow: none !important;
}
.bg-primary .progress-bar {
background: #a760ff;
}
.progress-1 {
height: 32px;
margin-bottom: 8px;
border-radius: 0;
border: none;
}
.progress-1:last-child {
margin-bottom: 0;
}
.progress-1 .progress-bar {
text-align: right;
padding-right: 12px;
line-height: 32px;
border-radius: 0;
}
.progress-1 .progress-bar span {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
font-size: 11px;
}
.progress-2 {
height: auto;
background: none;
text-align: center;
margin-bottom: 8px;
}
.progress-2 span {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
display: inline-block;
margin-bottom: 8px;
}
.progress-2 .bar-holder {
height: 16px;
border-radius: 8px;
overflow: hidden;
border: 1px solid #009846;
}
.bg-primary .progress-2 .bar-holder {
border-color: #b274ff;
}
/*!---------- 15. STATS ----------*/
.stat-2 h1 {
font-size: 80px;
line-height: 88px;
}
.stat-3 h1 {
margin-bottom: 8px;
font-size: 72px;
line-height: 80px;
}
.stat-3 h6 {
margin-bottom: 0;
}
/*!---------- 16. BREADCRUMBS ----------*/
.breadcrumb {
margin-bottom: 0;
}
.breadcrumb-2 {
background: none;
padding: 0;
}
.breadcrumb-2 li a,
.breadcrumb-2 li {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
font-size: 11px;
font-weight: 600;
}
.breadcrumb-2 > li + li:before {
padding: 0 16px;
color: #bbb;
}
.image-bg .breadcrumb li a {
color: #fff;
opacity: .8;
}
.image-bg .breadcrumb li a:hover {
opacity: 1;
}
.image-bg .breadcrumb li.active {
color: #fff;
}
.bg-dark .breadcrumb a {
color: #fff;
}
@media all and (max-width: 990px) {
.page-title-4 .breadcrumb,
.page-title-2 .breadcrumb {
float: left;
margin-top: 32px;
}
}
@media all and (max-width: 767px) {
.breadcrumb-2 > li + li:before {
padding: 0 4px;
}
.page-title-4 .breadcrumb,
.page-title-2 .breadcrumb {
float: left;
margin-top: 8 px;
}
}
/*!---------- 17. PAGINATION ----------*/
.pagination {
margin: 0;
}
.pagination li {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.pagination li a {
width: 32px;
height: 32px;
padding: 0;
text-align: center;
padding-top: 6px;
margin: 0 4px;
color: #292929;
font-weight: 400;
}
.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a {
background: #009846;
color: #fff;
border-color: #009846;
}
/*!---------- 18. ICON FEATURES ----------*/
.feature.boxed {
padding: 32px;
border-radius: 4px;
border: 1px solid var(--alternative-color);
}
.feature.boxed.bg-dark {
background: #292929;
}
.bg-dark .feature.boxed {
background: #363636;
}
.bg-secondary .feature.boxed {
background: #fff;
}
.feature.bordered {
padding: 32px;
border: 1px solid #ccc;
}
.feature {
margin-bottom: 24px;
}
.feature p:last-child {
margin-bottom: 0;
}
@media all and (max-width: 767px) {
.feature.boxed,
.feature.bordered {
padding: 24px;
}
}
@media all and (max-width: 990px) {
.feature .icon-lg {
font-size: 40px;
}
}
.feature-1 i {
display: inline-block;
margin-bottom: 16px;
font-size: 32px;
color: var(--primary-color);
}
.feature-2 i {
display: block;
width: 80px;
height: 80px;
border: 1px solid #009846;
text-align: center;
line-height: 80px;
color: #009846;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 24px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.feature-2 i:hover,
.feature-2.filled i {
background: #009846;
color: #fff;
}
.feature-3 {
overflow: hidden;
}
@media all and (min-width: 768px) {
.feature-3 {
min-height: 160px;
}
}
.feature-3 .left,
.feature-3 .right {
display: inline-block;
float: left;
}
.feature-3 .left {
width: 15%;
}
.feature-3 .right {
width: 85%;
}
.feature-3 i {
color: #009846;
}
.bg-primary .feature-3 i {
color: #fff;
}
.feature-4 .left {
width: 25%;
}
.feature-4 .right {
width: 75%;
}
.feature-color h1,
.feature-color h2,
.feature-color h3,
.feature-color h4,
.feature-color h5,
.feature-color h6 {
color: #ffffff;
}
.feature-color p,
.feature-color span,
.feature-color li {
color: #ffffff;
}
.feature-color i {
color: #fff;
opacity: .7;
}
.feature-color:nth-of-type(1) {
background: #009846;
}
.feature-color:nth-of-type(2) {
background: #821eff;
}
.feature-color:nth-of-type(3) {
background: #7404ff;
}
.feature-5 {
height: 33.333333vw;
padding: 0 48px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media all and (max-width: 1280px) {
.feature-5 {
height: auto;
padding: 80px 48px;
}
.feature-5 .v-align-transform {
top: 0;
transform: none;
-webkit-transform: none;
}
}
@media all and (max-width: 767px) {
.feature-3 .left,
.feature-4 .left {
margin-bottom: 8px;
}
.feature-3 .left,
.feature-4 .left,
.feature-3 .right,
.feature-4 .right {
width: 100%;
}
.feature-5 {
padding: 40px 24px;
}
}
.image-bg .feature i {
color: #fff;
}
.image-bg .feature h1,
.image-bg .feature h2,
.image-bg .feature h3,
.image-bg .feature h4,
.image-bg .feature h5,
.image-bg .feature h6 {
color: #ffffff;
}
.image-bg .feature p,
.image-bg .feature span,
.image-bg .feature li {
color: #ffffff;
}
.image-bg .feature.bordered {
border-color: rgba(255, 255, 255, 0.4);
}
.image-bg .feature.boxed {
background: rgba(34, 34, 34, 0.4);
}
.bg-light .feature.bordered {
border-color: rgba(34, 34, 34, 0.2);
}
/*!---------- 19. PRICING TABLES ----------*/
.pricing-table {
padding: 48px 32px;
}
.pricing-table .price {
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 80px;
line-height: 80px;
font-weight: 300;
color: #292929;
display: inline-block;
margin-bottom: 16px;
}
.bg-dark .pricing-table .price {
color: #fff;
}
.pricing-table p:last-child {
margin-bottom: 0;
}
.pricing-table.boxed,
.pricing-table.emphasis {
background: #f8f8f8;
}
.pricing-table.emphasis {
background: #009846;
color: #fff;
}
.pricing-table.emphasis a:not(.btn) {
color: #fff;
}
.pricing-table.emphasis .price,
.pricing-table.emphasis h5 {
color: #fff;
}
.pt-2 ul {
line-height: 36px;
}
/*!---------- 20. PAGE TITLES ----------*/
.page-title {
padding: 0;
}
.page-title .container {
position: relative;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
top: 50%;
z-index: 2;
}
.page-title i {
position: relative;
top: 1px;
}
@media all and (max-width: 767px) {
.page-title i {
display: none;
}
}
.page-title-1,
.page-title-2 {
height: 400px;
}
.page-title-1 .breadcrumb,
.page-title-3 .breadcrumb {
position: absolute;
z-index: 3;
width: 100%;
text-align: center;
bottom: 0;
}
.page-title-2 .breadcrumb {
position: relative;
margin-bottom: 0;
}
.nav-is-overlay .page-title-1.image-bg:first-child,
.nav-is-overlay.page-title-1.bg-dark:first-child,
.nav-is-overlay .page-title-2.image-bg:first-child,
.nav-is-overlay.page-title-2.bg-dark:first-child {
height: 455px;
padding-top: 55px;
}
@media all and (max-width: 767px) {
.page-title-1,
.page-title-2 {
height: 320px;
}
}
.page-title-3,
.page-title-4 {
height: 240px;
}
.page-title-4 .breadcrumb {
position: relative;
top: 8px;
margin-bottom: 0;
}
.nav-is-overlay .page-title-3.image-bg:first-child,
.nav-is-overlay.page-title-3.bg-dark:first-child,
.nav-is-overlay .page-title-4.image-bg:first-child,
.nav-is-overlay.page-title-4.bg-dark:first-child {
height: 295px;
padding-top: 55px;
}
@media all and (max-width: 767px) {
.page-title .text-right {
text-align: left !important;
}
}
.page-title.fullscreen {
height: 100vh !important;
padding-top: 0;
}
/*!---------- 21. WIDGETS ----------*/
.widget {
margin-bottom: 48px;
}
.link-list {
line-height: 32px;
}
.link-list a:after {
content: "\e628";
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 11px;
display: inline-block;
margin-left: 8px;
}
.widget ul:last-child,
.widget p:last-child {
margin-bottom: 0;
}
.widget .title {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
margin-bottom: 12px;
}
.widget hr {
margin-bottom: 12px;
}
.recent-posts {
line-height: 24px;
}
.recent-posts li {
margin-bottom: 8px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.recent-posts .date {
display: block;
letter-spacing: 0;
opacity: .8;
}
.recent-posts li:hover .date {
opacity: 1;
}
.tags {
overflow: hidden;
}
.tags li {
float: left;
margin: 0 4px 4px 0;
}
.tags .btn-sm {
padding: 0 8px;
margin: 0;
}
.widget .gallery {
overflow: hidden;
}
.widget .gallery li {
width: 33.33333%;
float: left;
padding: 0 4px 4px 0;
}
.twitter-feed .user,
.twitter-feed .interact {
display: none;
}
.widget .twitter-feed .timePosted {
display: none;
}
.widget .tweet {
margin-bottom: 0;
}
.widget .twitter-feed .slides li {
margin-bottom: 24px;
}
.widget .twitter-feed .slides li:last-child {
margin-bottom: 0;
}
.widget .twitter-feed .slides li:nth-of-type(n+3) {
display: none;
}
.widget .twitter-feed .slides li:before {
position: relative;
top: 6px;
float: left;
display: inline-block;
margin-right: 8px;
color: #292929;
content: "\e74b";
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 13px;
}
.widget .twitter-feed p {
padding-left: 22px;
position: relative;
}
.bg-dark .widget .twitter-feed .slides li:before {
color: #fff;
}
.widget .instafeed li {
width: 33.3333%;
display: inline-block;
padding: 0 4px 4px 0;
}
.widget .instafeed li:nth-of-type(n+7) {
display: none;
}
.widget .cart-overview img {
/*width: 25%;*/
padding-right: 2%;
}
.widget .cart-overview .description {
display: inline-block;
width: auto;
line-height: 24px;
}
.widget .cart-overview span {
display: block;
}
.widget .cart-overview li {
margin-bottom: 24px;
overflow: hidden;
}
.widget .cart-overview li:last-child {
margin-bottom: 0;
}
.widget .cart-controls {
max-height: 30px;
line-height: 30px;
}
.cart-overview a {
}
.cart-overview a:hover {
}
.widget .flex-direction-nav li a {
width: 16px;
height: 16px;
margin: -8px 0 0;
}
.widget .flex-direction-nav li a:before {
font-size: 16px;
}
.widget .flex-direction-nav li a.flex-next {
right: 8px;
}
.widget .flex-direction-nav li a.flex-prev {
left: 8px;
}
.widget .flex-control-nav {
display: none;
}
.widget .image-slider {
margin: 0;
}
/*!---------- 22. IMAGE TILES ----------*/
img {
max-width: 100%;
}
.image-tile {
overflow: hidden;
position: relative;
margin-bottom: 24px;
}
.image-tile img {
width: 100%;
display: inline-block;
}
.image-tile .label {
position: absolute;
top: 16px;
right: 16px;
z-index: 5;
}
.inner-title:before {
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#292929', GradientType=0);
pointer-events: none;
}
.inner-title.title-center:before {
background: #292929;
opacity: .4;
}
.inner-title:hover:before {
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.inner-title .title {
position: absolute;
width: 100%;
bottom: 24px;
z-index: 5;
}
.inner-title .title h1,
.inner-title .title h2,
.inner-title .title h3,
.inner-title .title h4,
.inner-title .title h5,
.inner-title .title h6 {
color: #ffffff;
}
.inner-title .title p,
.inner-title .title span,
.inner-title .title li {
color: #ffffff;
}
.inner-title.title-center .title {
bottom: auto;
top: 50%;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
}
.inner-title .title h5 {
font-weight: 600;
}
.inner-title {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 1;
}
.inner-title:hover {
opacity: .95;
}
.inner-title.hover-reveal:before {
opacity: 0;
}
.inner-title.hover-reveal .title {
opacity: 0;
transform: translate3d(0, 50px, 0);
-webkit-transform: translate3d(0, 50px, 0);
-moz-transform: translate3d(0, 50px, 0);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.inner-title.hover-reveal:hover .title {
opacity: 1;
transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
-moz-transform: translate3d(0, 0px, 0);
}
.inner-title.hover-reveal:hover:before {
opacity: 1;
}
.outer-title img {
display: inline-block;
margin-bottom: 12px;
}
.hover-tile {
position: relative;
overflow: hidden;
background: #292929;
}
.hover-tile img {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.hover-tile:hover img {
opacity: .5;
}
.hover-tile .hover-state {
position: relative;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
top: 50%;
z-index: 2;
position: absolute;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 0;
width: 100%;
}
.hover-state {
z-index: 99;
padding: 0 40px;
cursor: default;
}
.hover-state h1,
.hover-state h2,
.hover-state h3,
.hover-state h4,
.hover-state h5,
.hover-state h6 {
color: #ffffff;
}
.hover-state p,
.hover-state span,
.hover-state li {
color: #ffffff;
}
.hover-state * {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transform: translate3d(0, 30px, 0) scale(1.05);
-webkit-transform: translate3d(0, 30px, 0) scale(1.05);
}
.hover-tile:hover .hover-state {
opacity: 1;
}
.hover-tile:hover .hover-state * {
transform: translate3d(0, 0px, 0) scale(1);
-webkit-transform: translate3d(0, 0px, 0) scale(1);
}
.hover-state *:last-child {
margin-bottom: 0;
}
.border-thick {
border: 16px solid #fff;
border-top: none;
}
.border-thick.col-sm-6:first-child {
border-right: 8px solid #fff;
}
.border-thick.col-sm-6:last-child {
border-left: 8px solid #fff;
}
.horizontal-tile {
overflow: hidden;
}
.horizontal-tile:not(:last-of-type) {
margin-bottom: 30px;
}
.tile-left,
.tile-right {
width: 50%;
float: left;
display: inline-block;
overflow: hidden;
min-height: 300px;
position: relative;
}
.tile-right .description,
.tile-left .description {
padding: 48px;
}
.tile-right:hover .background-image-holder,
.tile-left:hover .background-image-holder {
/*
transform: scale(1.1);
-webkit-transform: scale(1.1);
*/
}
@media all and (max-width: 767px) {
.tile-left,
.tile-right {
width: 100%;
float: none;
min-height: unset;
margin-top: -6px;
}
.tile-right .description{
padding: 10px;
}
}
/*!---------- 23. SLIDERS ----------*/
.image-slider {
position: relative;
}
.image-slider .slides {
position: relative;
overflow: hidden;
}
.image-slider .slides li {
position: relative;
}
.image-slider .slides li img,
.image-slider .slides li a,
.image-slider .slides li a img {
width: 100%;
}
.row .image-slider {
margin-bottom: 24px;
}
.image-slider.height-70 .slides li {
height: 70vh;
min-height: 600px;
}
@media all and (max-width: 767px) {
.image-slider.height-70 .slides li {
height: auto;
min-height: none;
padding: 80px 0;
}
.image-slider.height-70 .v-align-transform {
top: 0;
transform: none;
-webkit-transform: none;
}
}
.flex-direction-nav a.flex-next {
right: 16px;
}
.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-prev:before {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 24px;
color: #fff;
}
.flex-direction-nav a.flex-prev {
left: 16px;
}
.flex-direction-nav a.flex-next:before {
content: "\e649";
}
.flex-direction-nav a.flex-prev:before {
content: "\e64a";
}
.flex-direction-nav a {
opacity: 1;
text-shadow: none;
color: rgba(0, 0, 0, 0);
width: 24px;
height: 24px;
margin: -12px 0 0;
}
.flex-control-nav li {
overflow: hidden;
}
.flex-control-nav li a {
background: none;
border: 2px solid #292929;
width: 10px;
height: 10px;
}
@media all and (max-width: 768px) {
.flex-direction-nav {
display: none;
}
}
.controls-inside .flex-control-nav {
bottom: 24px;
z-index: 10;
}
.controls-inside .flex-control-nav li a {
border-color: #fff;
}
.controls-inside .flex-control-nav li a.flex-active {
background: #fff;
}
.image-bg .flex-control-nav li a {
border-color: #fff;
}
.image-bg .flex-control-nav li a.flex-active {
background: #fff;
}
.slider-thumb-controls .flex-control-thumbs {
margin: 0;
}
.slider-thumb-controls .flex-direction-nav {
display: none;
}
@media all and (max-width: 767px) {
.slider-thumb-controls .flex-control-thumbs {
display: none;
}
.slider-thumb-controls .flex-direction-nav {
display: block;
}
}
.logo-carousel li {
text-align: center;
}
.logo-carousel li {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: .5;
}
.logo-carousel li:hover {
opacity: 1;
}
.logo-carousel img {
max-height: 60px;
}
@media all and (max-width: 767px) {
.logo-carousel .slides li {
width: 100%;
}
}
.text-slider .flex-direction-nav li a:before {
color: #222;
}
.image-bg .text-slider .flex-direction-nav li a:before {
color: #fff;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: .5;
}
.image-bg .text-slider .flex-direction-nav li a:hover:before {
opacity: 1;
}
.text-slider .flex-direction-nav a.flex-prev {
left: -60px;
}
.text-slider .flex-direction-nav a.flex-next {
right: -60px;
}
.kenburns .slides li:nth-of-type(odd) .background-image-holder {
animation: kenBurnsEast 25s linear infinite alternate;
-webkit-animation: kenBurnsEast 25s linear infinite alternate;
}
.kenburns .slides li:nth-of-type(even) .background-image-holder {
animation: kenBurnsWest 25s linear infinite alternate;
-webkit-animation: kenBurnsWest 25s linear infinite alternate;
}
@keyframes kenBurnsEast {
from {
transform: scale(1) translateX(0px);
-webkit-transform: scale(1) translateX(0px);
}
to {
transform: scale(1.2) translateX(100px);
-webkit-transform: scale(1.2) translateX(100px);
}
}
@-webkit-keyframes kenBurnsEast {
from {
transform: scale(1) translateX(0px);
-webkit-transform: scale(1) translateX(0px);
}
to {
transform: scale(1.2) translateX(100px);
-webkit-transform: scale(1.2) translateX(100px);
}
}
@keyframes kenBurnsWest {
from {
transform: scale(1) translateX(0px);
-webkit-transform: scale(1) translateX(0px);
}
to {
transform: scale(1.2) translateX(-100px);
-webkit-transform: scale(1.2) translateX(-100px);
}
}
@-webkit-keyframes kenBurnsWest {
from {
transform: scale(1) translateX(0px);
-webkit-transform: scale(1) translateX(0px);
}
to {
transform: scale(1.2) translateX(-100px);
-webkit-transform: scale(1.2) translateX(-100px);
}
}
@media all and (max-width: 767px) {
.kenburns .slides li .background-image-holder {
animation: none !important;
-webkit-animation: none !important;
}
}
/*!---------- 24. IMAGE GALLERIES ----------*/
.instafeed.grid-gallery {
overflow: hidden;
}
.instafeed.grid-gallery li {
width: 25%;
display: inline-block;
float: left;
padding: 8px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 1;
}
.instafeed.grid-gallery li:hover {
opacity: .9;
}
.instafeed.grid-gallery.gapless li {
padding: 0;
width: 16.66667%;
}
.instafeed.grid-gallery.gapless li img {
width: 100%;
}
.instafeed li img {
height: auto;
}
@media all and (max-width: 990px) {
.instafeed.grid-gallery li {
width: 33.333333%;
}
}
.lightbox-grid,
.lightbox-grid ul,
.lightbox-grid li {
position: relative;
overflow: hidden;
}
.lightbox-grid li {
width: 25%;
float: left;
border: 8px solid rgba(0, 0, 0, 0);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 1;
}
.lightbox-grid li:hover {
opacity: .9;
}
.square-thumbs li {
height: 285px;
}
.third-thumbs li {
width: 33.33333vw;
height: 33vw;
border: none;
}
@media all and (max-width: 1190px) {
.square-thumbs li {
height: 235px;
}
}
@media all and (max-width: 990px) {
.lightbox-grid li {
width: 33.33333%;
}
.square-thumbs li {
height: 240px;
}
}
@media all and (max-width: 767px) {
.lightbox-grid li {
width: 50%;
}
.third-thumbs li {
height: 50vw;
}
.square-thumbs li {
height: 185px;
}
}
.lb-outerContainer {
background: none;
border-radius: 0;
}
.lightbox .lb-image {
border-radius: 0;
}
.lb-data .lb-close,
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
background: none;
}
.lb-data .lb-close:before,
.lb-nav a.lb-next:before,
.lb-nav a.lb-prev:before {
content: "\e646";
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 24px;
color: #fff;
}
.lb-nav a.lb-next:before,
.lb-nav a.lb-prev:before {
position: absolute;
top: 50%;
font-size: 32px;
margin-top: -16px;
}
.lb-nav a.lb-next:before {
content: "\e649";
right: 16px;
}
.lb-nav a.lb-prev:before {
content: "\e64a";
left: 16px;
}
.flickr-feed li {
width: 25%;
padding: 8px;
}
.flickr-feed li.masonry-item {
margin-bottom: 0;
}
.flickr-feed li img {
min-width: 100%;
}
@media all and (max-width: 990px) {
.flickr-feed li {
width: 33.33333%;
}
}
@media all and (max-width: 767px) {
.flickr-feed li {
padding: 4px;
}
}
/*!---------- 25. INTROS ----------*/
.cover {
margin: 0;
padding: 0;
}
.cover h1,
.cover h2,
.cover h3,
.cover h4,
.cover h5,
.cover h6 {
}
.cover p,
.cover span,
.cover li {
}
.image-bg.bg-light h1,
.image-bg.bg-light h2,
.image-bg.bg-light h3,
.image-bg.bg-light h4,
.image-bg.bg-light h5,
.image-bg.bg-light h6 {
color: #222222;
}
/*
.image-bg.bg-light p,
.image-bg.bg-light span,
.image-bg.bg-light li {
color: #777777;
}
*/
.cover:first-child .fullscreen {
max-height: 100%;
}
.cover.fullscreen .slides > li {
height: 100vh;
}
.cover .slides li .container {
z-index: 4;
position: relative;
}
.cover .flex-control-nav {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: .9;
}
.cover .flex-control-nav:hover {
opacity: 1;
}
.cover .align-bottom {
padding: 0 32px;
bottom: 16px;
}
.cover .align-top {
padding: 0 32px;
}
@media all and (max-width: 767px) {
.cover .align-bottom {
padding: 0 15px;
}
.cover .align-bottom.relative-xs {
position: relative;
bottom: 0;
}
.cover.fullscreen {
height: auto;
padding: 80px 0;
}
.cover.fullscreen.image-slider {
padding: 0;
}
.cover.fullscreen .container {
top: 0;
transform: none;
-webkit-transform: none;
}
.cover.fullscreen .slides li {
height: auto;
padding: 80px 0;
}
}
/*!---------- 26. SHOP ----------*/
.product-single .image-slider .label {
font-size: 12px;
text-transform: uppercase ;
position: absolute;
z-index: 3;
top: 16px;
right: 16px;
}
.product-single .price {
font-size: 32px;
font-weight: 300;
line-height: 40px;
display: inline-block;
margin-right: 32px;
}
.product-single .old-price {
text-decoration: line-through;
opacity: .7;
}
.product-single .price:not(.old-price) {
color: #009846;
}
.add-to-cart input[type="text"] {
width: 100px;
text-align: center;
padding: 0;
margin: 0;
}
.add-to-cart input[type="submit"] {
width: 160px;
margin: 0;
}
th,
td {
line-height: 24px !important;
}
.ratings {
margin-bottom: 24px;
}
.ratings li {
display: inline-block;
background: #f8f8f8;
padding: 24px;
margin-bottom: 16px;
}
.star-rating li {
padding: 0;
color: #000;
}
.star-rating {
margin: 0 ;
display: inline-block;
margin-right: 24px;
}
.ratings .user span {
display: inline-block;
margin-right: 8px;
}
.ratings .user .date {
opacity: .7;
}
.ratings .user {
margin-bottom: 8px;
}
.ratings-form input[type="text"] {
width: 50%;
float: left;
}
.ratings-form input[type="text"]:first-child {
width: 48%;
margin-right: 2%;
}
.ratings-form input[type="submit"] {
width: 200px;
}
.product-thumb {
max-width: 180px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 1;
transform: scale3d(1, 1, 1);
}
.col-sm-6 .product-thumb {
max-width: 320px;
}
.product-thumb:hover {
transform: scale3d(0.95, 0.95, 0.95);
-webkit-transform: scale3d(0.95, 0.95, 0.95);
}
.cart .product-thumb {
max-width: 10000px;
max-height: 100px;
}
.cart .product-thumb:hover {
transform: none;
}
.cart td,
/*.cart span,*/
.cart th {
vertical-align: middle !important;
}
.cart span {
/* display: inline-block;*/
}
.cart .remove-item {
display: inline-block;
width: 24px;
height: 24px;
position: relative;
border: 1px solid #c64444;
color: #c64444;
border-radius: 50%;
text-align: center;
font-size: 12px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.cart .remove-item:hover {
color: #fff;
background: #c64444;
}
/*!---------- 27. VIDEO ----------*/
video:-webkit-full-screen,
audio:-webkit-full-screen {
-webkit-transform: translateY(0%);
}
iframe {
border: none;
}
.player {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
@media all and (max-width: 767px) {
.player {
display: none;
}
}
.vid-bg {
background: #222;
}
.vid-bg .background-image-holder {
display: none;
z-index: 0;
}
.vid-bg .masonry-loader {
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
}
.vid-bg .container.fadeOut {
opacity: 0;
}
@media all and (max-width: 1024px) {
.vid-bg .background-image-holder {
display: block;
}
.vid-bg .player {
display: none;
}
.vid-bg .container.fadeOut {
opacity: 1;
}
.vid-bg .masonry-loader {
display: none;
}
}
video {
max-width: 100%;
}
.local-video-container {
position: relative;
margin-bottom: 24px;
}
.local-video-container video {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.local-video-container .background-image-holder {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
top: 0;
box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.26);
}
.background-image-holder.fadeout {
opacity: 0 !important;
z-index: 0;
}
@media all and (max-width: 767px) {
video {
max-width: 100% !important;
}
}
.play-button {
width: 80px;
height: 80px;
border: 2px solid #fff;
text-align: center;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px;
z-index: 4;
border-radius: 50%;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
cursor: pointer;
}
.play-button:before {
position: absolute;
top: 50%;
margin-top: -8px;
left: 50%;
margin-left: -5px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 14px;
border-color: transparent transparent transparent #ffffff;
}
.play-button:hover {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
.play-button.dark {
border-color: #292929;
}
.play-button.dark:before {
border-color: transparent transparent transparent #292929;
}
@media all and (max-width: 767px) {
.play-button {
width: 65px;
height: 65px;
margin-top: -32px;
}
.play-button:before {
position: absolute;
top: 50%;
margin-top: -9px;
margin-left: -8px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20.0px;
border-color: transparent transparent transparent #fff;
}
}
.play-button.large {
height: 120px;
width: 120px;
margin-top: -60px;
margin-left: -60px;
}
.play-button.large:before {
margin-top: -18px;
margin-left: -10px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 31.0px;
border-color: transparent transparent transparent #ffffff;
}
.play-button.large.dark:before {
border-color: transparent transparent transparent #292929;
}
.play-button.inline {
position: relative;
top: 0;
left: 0;
margin-top: 0;
margin-left: 0;
display: inline-block;
z-index: 0;
}
@media all and (max-width: 767px) {
.play-button.large {
width: 90px;
height: 90px;
margin-top: -45px;
}
.play-button.large:before {
margin-top: -14px;
margin-left: -8px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 25.0px;
border-color: transparent transparent transparent #fff;
}
}
.modal-video {
position: fixed;
visibility: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 0;
z-index: -1;
}
.modal-video video {
margin: 0 auto;
width: 675px;
display: block;
top: 50%;
position: relative;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.modal-video.reveal-modal {
opacity: 1;
z-index: 999999;
visibility: visible;
}
.modal-video iframe {
position: absolute;
width: 768px;
height: 432px;
left: 50%;
margin-left: -384px;
margin-top: -216px;
top: 50%;
border: none;
}
.modal-video .ti-close {
font-size: 24px;
position: absolute;
top: 32px;
right: 32px;
color: #fff;
cursor: pointer;
}
@media all and (max-width: 990px) {
.modal-video iframe {
width: 640px;
height: 360px;
margin-left: -320px;
margin-top: -160px;
}
}
@media all and (max-width: 767px) {
.modal-video video {
width: 100%;
padding: 0 15px;
}
.modal-video iframe {
width: 100%;
margin-left: -50%;
}
}
.fs-video-wrapper {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.fs-video-wrapper video {
position: absolute;
width: 100%;
left: 0;
}
.embed-video-container {
width: 100%;
position: relative;
display: inline-block;
}
.embed-video-container iframe {
border: none;
width: 100%;
height: 312px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.modal-video .embed-video-container {
width: 80%;
max-height: 800px;
}
@media all and (max-width: 767px) {
.embed-video-container iframe {
height: 200px;
}
}
.fs-vid-background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.fs-vid-background video {
object-fit: cover;
width: 100%;
height: 100%;
}
.overlay .fs-vid-background:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #222222;
opacity: 0.5;
z-index: 2;
}
@media all and (max-width: 1024px) {
.fs-vid-background {
display: none;
}
}
/*!---------- 28. BLOG ----------*/
.post-title .label {
margin-right: 16px;
}
.post-title h4 {
position: relative;
top: 2px;
margin-bottom: 16px;
}
.post-meta,
.post-meta .tags {
overflow: hidden;
display: inline-block;
margin-bottom: 12px;
}
.post-meta > li {
float: left;
margin-right: 24px;
}
.post-meta i {
font-size: 16px;
margin-right: 8px;
position: relative;
top: 2px;
}
.post-snippet iframe {
width: 100%;
margin-bottom: 12px;
}
.post-snippet .embed-video-container {
margin-bottom: 24px;
}
.post-snippet .embed-video-container iframe {
margin: 0;
}
.post-snippet .inner {
background: #fff;
padding: 24px;
}
.comments-list,
.comments-list ul {
width: 100%;
overflow: hidden;
}
.comments-list li {
overflow: hidden;
margin-bottom: 40px;
}
.comments-list p:last-of-type {
margin: 0;
}
.comments-list .avatar,
.comments-list .comment {
display: inline-block;
float: left;
}
.comments-list .avatar {
width: 10%;
}
.comments-list .avatar img {
width: 75px;
}
.comments-list .comment {
width: 90%;
padding-left: 5%;
}
.comments-list .author {
display: inline-block;
margin-right: 16px;
margin-bottom: 16px;
}
.comments-list .comment .btn {
position: relative;
margin: 0;
}
.comments-list ul {
padding-left: 10%;
padding-top: 40px;
}
.comments-list ul li:last-of-type {
margin-bottom: 0;
}
.comments input[type="submit"] {
max-width: 25%;
float: right;
}
.masonry {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 0;
transform: translate3d(0, 100px, 0);
-webkit-transform: translate3d(0, 100px, 0);
-moz-transform: translate3d(0, 100px, 0);
}
.masonry.fadeIn {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.masonry-item {
max-width: 100%;
}
.container .masonry-item {
margin-bottom: 30px;
}
.masonry-item blockquote:hover {
background: #009846;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
color: #fff;
}
.masonryFlyIn .masonry-item {
opacity: 0;
transform: translate3d(0, 50px, 0);
-webkit-transform: translate3d(0, 50px, 0);
-moz-transform: translate3d(0, 50px, 0);
}
.masonryFlyIn .masonry-item.fadeIn {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.masonry-loader {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 1;
position: absolute;
width: 100%;
z-index: 10;
top: 80px;
}
.masonry-loader.fixed-center {
position: fixed;
top: 50%;
left: 50%;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
margin-top: -25px;
}
.masonry-loader.fadeOut {
opacity: 0;
max-height: 0;
padding: 0;
overflow: hidden;
}
.spinner {
width: 50px;
height: 50px;
margin: 0 auto;
border-radius: 50%;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 2px 1px 0px #009846;
-moz-animation: spin 0.7s linear infinite;
-webkit-animation: spin 0.7s linear infinite;
animation: spin 0.7s linear infinite;
display: inline-block;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media all and (max-width: 767px) {
.post-title .label {
margin-bottom: 8px;
display: inline-block;
}
.post-title h4 {
top: 0;
display: block;
}
.comments input[type="submit"] {
max-width: 100%;
float: none;
}
}
/*!---------- 29. IMAGE BLOCKS ----------*/
.image-md {
max-height: 120px;
}
.image-small {
max-height: 80px;
}
.image-xs {
max-height: 50px;
}
.image-xxs {
max-height: 30px;
}
.fade-half {
opacity: 0.5;
}
.fade-1-4 {
opacity: 0.75;
}
.fade-3-4 {
opacity: 0.25;
}
.fade-on-hover {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: .5;
}
.fade-on-hover:hover {
opacity: 1;
}
.cast-shadow {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.cast-shadow-light {
-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.image-block,
.image-block .image-bg {
padding: 0;
height: 50vw;
max-height: 700px;
}
.image-block .container {
height: 100%;
}
.image-block-right .image-bg {
position: absolute;
top: 0;
}
@media all and (max-width: 768px) {
.image-block {
height: auto;
max-height: 1000000px;
}
.image-block .image-bg {
height: 350px;
}
.image-block .v-align-transform {
top: 0;
transform: none;
-webkit-transform: none;
}
.image-block-right .image-bg {
position: relative;
}
}
.image-edge .container {
position: relative;
}
.image-edge .container div[class*='col-'] {
position: absolute;
}
@media all and (max-width: 990px) {
.image-edge .container div[class*='col-'] {
position: relative;
top: 0;
transform: none;
-webkit-transform: none;
}
}
.image-square {
height: 50vw;
max-height: 640px;
overflow: hidden;
padding: 0;
}
.image-square .image {
height: 100%;
}
/*
.image-square .image,
.image-square > .content {
position: absolute;
}
.image-square > .content {
padding: 0 10%;
top: 50%;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
}
.image-square.left .image {
left: 0;
}
.image-square.left > .content {
right: 0;
}
.image-square.right .image {
right: 0;
}
.image-square.right > .content {
left: 0;
}
@media all and (max-width: 990px) {
.image-square {
height: auto;
max-height: 100000px;
padding-bottom: 48px;
}
.image-square .image,
.image-square > .content {
position: relative;
}
.image-square .image {
height: 100vw;
margin-bottom: 48px;
max-height: 500px;
}
.image-square > .content {
top: 0;
transform: none;
-webkit-transform: none;
padding: 0 20%;
}
}
@media all and (max-width: 767px) {
.image-square > .content {
padding: 0 15px;
}
}
*/
.image-zoom img {
transition: all 9s ease;
-webkit-transition: all 9s ease;
-moz-transition: all 9s ease;
}
.image-zoom:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.image-caption {
position: relative;
overflow: hidden;
}
.image-caption .caption {
position: absolute;
width: 100%;
bottom: 0;
padding: 16px;
color: #fff;
}
.image-caption .caption p {
position: relative;
z-index: 4;
margin: 0;
}
.image-caption .caption:before {
content: '' attr(data-caption) '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 1;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.7)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6222222', GradientType=0);
/* IE6-9 */
}
.image-caption.hover-caption .caption {
opacity: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transform: translate3d(0, 100px, 0);
-webkit-transform: translate3d(0, 100px, 0);
-moz-transform: translate3d(0, 100px, 0);
}
.image-caption.hover-caption:hover .caption {
opacity: 1;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
/*!---------- 30. PORTOFLIO ----------*/
.filters {
overflow: hidden;
display: inline-block;
}
.filters li {
float: left;
margin-right: 32px;
cursor: pointer;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
border: 2px solid #009846;
padding: 0 26px;
height: 40px;
min-width: 150px;
line-height: 36px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0;
color: #009846;
text-align: center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
margin-right: 8px;
margin-bottom: 24px;
height: 30px;
font-size: 11px;
line-height: 27px;
min-width: 0;
border-color: rgba(255, 255, 255, 0);
opacity: .7;
border-radius: 25px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
}
.filters li.active {
border-color: #009846;
opacity: 1;
}
.filters li:last-child {
margin-right: 0;
}
.filters.floating {
position: absolute;
z-index: 10;
top: 16px;
text-align: center;
left: 50%;
transform: translate3d(-50%, 0, 0);
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
background: rgba(255, 255, 255, 0.98);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
border-radius: 200px;
}
.filters.floating li {
margin-bottom: 0;
}
.bg-dark .filters.floating {
background: #292929;
}
.bg-dark .filters.floating h1,
.bg-dark .filters.floating h2,
.bg-dark .filters.floating h3,
.bg-dark .filters.floating h4,
.bg-dark .filters.floating h5,
.bg-dark .filters.floating h6 {
color: #ffffff;
}
.bg-dark .filters.floating p,
.bg-dark .filters.floating span,
.bg-dark .filters.floating li {
color: #fefefe;
}
.project {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 1;
padding: 0;
}
.container .project {
padding: 0 15px;
}
.project.inactive {
opacity: .1 !important;
pointer-events: none !important;
}
.project .image-tile {
margin: 0;
}
.project.inactive:hover .title,
.project.inactive .image-tile:hover:before {
display: none;
}
@media all and (max-width: 868px) {
.filters.floating {
width: 90vw;
}
.filters.floating li {
float: none;
}
}
@media all and (max-width: 767px) {
.filters.floating {
border-radius: 0;
padding: 8px;
}
.filters.floating li {
width: 50%;
float: left;
margin: 0;
}
}
section + .portfolio-pullup {
padding-top: 0;
margin-top: -128px;
position: relative;
z-index: 20;
}
.portfolio-pullup .project {
margin-bottom: 0;
}
.portfolio-pullup .inner-title:hover {
opacity: 1;
}
/*!---------- 31. TESTIMONIALS ----------*/
.testimonials h4 {
line-height: 40px;
}
.testimonials .quote-author {
display: inline-block;
text-align: left;
overflow: hidden;
width: 250px;
margin-top: 24px;
}
.testimonials .quote-author img {
max-height: 60px;
float: left;
display: inline-block;
margin-right: 16px;
}
.testimonials .quote-author h6 {
display: inline-block;
margin-bottom: 0;
line-height: 18px;
padding-top: 14px;
}
.testimonials .quote-author span {
display: block;
line-height: 18px;
}
@media all and (max-width: 767px) {
.testimonials h4 {
line-height: 26px;
}
}
/*!---------- 32. COUNTDOWNS ----------*/
.countdown {
font-size: 80px;
line-height: 88px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 56px;
line-height: 64px;
font-weight: 100;
text-transform: uppercase;
}
.image-bg .countdown {
color: #fff;
}
@media all and (max-width: 990px) {
.countdown {
font-size: 64px;
line-height: 72px;
}
}
@media all and (max-width: 767px) {
.countdown {
font-size: 48px;
line-height: 56px;
}
}
/*!---------- 33. MAPS ----------*/
.map-holder {
overflow: hidden;
position: relative;
}
.map-holder iframe {
border: none;
position: absolute;
width: 100%;
height: 180%;
top: -40%;
left: 0;
z-index: 1;
}
.map-holder:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.map-holder.interact:before {
width: 0;
}
.map-holder.inline {
height: 400px;
overflow: hidden;
}
.map-canvas {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
/*!---------- 34. TWITTER ----------*/
.twitter-feed.thirds li {
width: 33.333333%;
padding: 0 15px;
float: left;
}
.twitter-feed.thirds ul {
overflow: hidden;
}
@media all and (max-width: 990px) {
.twitter-feed.thirds li {
width: 50%;
}
}
@media all and (max-width: 767px) {
.twitter-feed.thirds li {
width: 100%;
}
}
.tweets-slider.large p {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 24px;
line-height: 32px;
}
.tweets-slider.large .timePosted {
font-size: 14px;
}
@media all and (max-width: 990px) {
.tweets-slider.large p {
font-size: 18px;
line-height: 24px;
}
}
@media all and (max-width: 767px) {
.tweets-slider.large p {
font-size: 14px;
}
}
.sc-background-orange {
background: #009846 !important;
}
/*!---------- 35. MODALS ----------*/
.foundry_modal {
overflow-y: auto;
max-height: 100%;
max-width: 50%;
width: 50%;
position: fixed;
padding: 80px 48px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 0;
visibility: hidden;
top: 50%;
left: 50%;
background: #fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
z-index: -1;
}
.foundry_modal.no-bg {
background: none;
box-shadow: none !important;
}
.modal-screen {
position: fixed;
width: 100%;
height: 100%;
opacity: 0;
z-index: 9998;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
visibility: hidden;
top: 0;
left: 0;
}
.modal-screen.reveal-modal {
opacity: 1;
visibility: visible;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(0,0,0,0.2);
}
.foundry_modal.reveal-modal {
opacity: 1;
visibility: visible;
z-index: 9999;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
.foundry_modal .close-modal {
z-index: 4;
position: absolute;
top: 24px;
right: 32px;
cursor: pointer;
font-size: 18px;
}
.foundry_modal *:not(.background-image-holder):not(.close-modal) {
z-index: 4;
position: relative;
}
.foundry_modal.image-bg .close-modal,
.foundry_modal.no-bg .close-modal {
color: #fff;
}
.foundry_modal iframe {
width: 100%;
min-height: 400px;
}
@media all and (min-width: 1500px) {
.foundry_modal {
max-width: 45%;
width: 45%;
}
}
@media all and (max-width: 1190px) {
.foundry_modal {
max-width: 70%;
width: 70%;
padding: 64px 32px;
}
}
@media all and (max-width: 990px) {
.foundry_modal {
max-width: 80%;
width: 80%;
padding: 64px 32px;
}
}
@media all and (max-width: 767px) {
.foundry_modal {
max-width: 90%;
width: 90%;
padding: 48px 15px;
transform: translateX(0%) translateY(50%);
-webkit-transform: translateX(0%) translateY(50%);
}
.foundry_modal .close-modal {
right: 18px;
}
}
.iframe-modal {
width: 90%;
height: 90%;
max-width: 90%;
padding: 0;
}
.iframe-modal .close-modal {
z-index: 9999;
}
.iframe-modal iframe {
width: 100%;
height: 100%;
}
.modal-strip {
padding: 18px 0;
position: fixed;
bottom: 1%;
z-index: 200;
width: 98%;
margin: 0 1%;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transform: translate3d(0, 100px, 0);
-webkit-transform: translate3d(0, 100px, 0);
-moz-transform: translate3d(0, 100px, 0);
opacity: 0;
}
.modal-strip.reveal-modal {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
opacity: 1;
}
.modal-strip .close-modal {
position: absolute;
right: 32px;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.modal-strip i.close-modal {
font-size: 18px;
}
.modal-strip .icon + p {
padding-left: 32px;
position: relative;
top: 3px;
}
.modal-strip p + .btn {
margin-left: 24px;
}
@media all and (max-width: 1024px) {
.modal-strip {
margin: 0;
width: 100%;
bottom: 0;
}
}
@media all and (max-width: 767px) {
.modal-strip .close-modal {
position: relative;
top: 0;
right: 0;
left: 15px;
transform: none !important;
-webkit-transform: none !important;
margin-top: 16px;
}
.modal-strip .icon {
display: none;
}
.modal-strip .icon + p {
padding-left: 0;
top: 0;
}
}
/*!---------- 36. FOOTERS ----------*/
footer.bg-dark a {
color: #fff;
}
.footer-1 .logo {
max-height: 30px;
}
.footer-1 .sub {
opacity: .5;
}
.social-list {
margin: 0;
}
.image-bg .social-list a {
color: #fff;
}
.bg-dark .social-list a,
.image-bg .social-list a {
color: #fff;
opacity: .5;
}
.bg-dark .social-list a:hover {
opacity: 1;
}
.image-bg .social-list a {
opacity: 1;
}
.bg-light .social-list a {
color: #222;
}
.back-to-top {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.back-to-top:hover {
opacity: 1;
}
.bg-dark .back-to-top {
border-color: #fff;
}
.bg-dark .back-to-top:active,
.bg-dark .back-to-top:focus {
color: #fff;
}
.bg-dark .back-to-top:hover {
background: none;
}
/*!---------- 36. SPACING ----------*/
.mr0 {
margin-right: 0;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb8 {
margin-bottom: 8px;
}
.mb16 {
margin-bottom: 16px;
}
.mb24 {
margin-bottom: 24px;
}
.mb30 {
margin-bottom: 30px;
}
.mb32 {
margin-bottom: 32px;
}
.mb40 {
margin-bottom: 40px;
}
.mb48 {
margin-bottom: 48px;
}
.mb56 {
margin-bottom: 56px;
}
.mb64 {
margin-bottom: 64px;
}
.mb72 {
margin-bottom: 72px;
}
.mb80 {
margin-bottom: 80px;
}
.mb88 {
margin-bottom: 88px;
}
.mb96 {
margin-bottom: 96px;
}
.mb104 {
margin-bottom: 104px;
}
.mb112 {
margin-bottom: 112px;
}
.mb120 {
margin-bottom: 120px;
}
.mb160 {
margin-bottom: 160px;
}
.mt0 {
margin-top: 0 !important;
}
.mt8 {
margin-top: 8px;
}
.mt16 {
margin-top: 16px;
}
.mt24 {
margin-top: 24px;
}
.mt32 {
margin-top: 32px;
}
.mt40 {
margin-top: 40px;
}
.mt48 {
margin-top: 48px;
}
.mt56 {
margin-top: 56px;
}
.mt64 {
margin-top: 64px;
}
.mt72 {
margin-top: 72px;
}
.mt80 {
margin-top: 80px;
}
.mt88 {
margin-top: 88px;
}
.mt96 {
margin-top: 96px;
}
.mt104 {
margin-top: 104px;
}
.mt112 {
margin-top: 112px;
}
.mt120 {
margin-top: 120px;
}
.mt160 {
margin-top: 160px;
}
.p32 {
padding: 0 32px;
}
.p24 {
padding: 24px;
}
.p0 {
padding: 0;
}
.pt0 {
padding-top: 0;
}
.pt8 {
padding-top: 8px;
}
.pt16 {
padding-top: 16px;
}
.pt24 {
padding-top: 24px;
}
.pt32 {
padding-top: 32px;
}
.pt40 {
padding-top: 40px;
}
.pt48 {
padding-top: 48px;
}
.pt64 {
padding-top: 64px;
}
.pt72 {
padding-top: 72px;
}
.pt80 {
padding-top: 80px;
}
.pt88 {
padding-top: 88px;
}
.pt96 {
padding-top: 96px;
}
.pt104 {
padding-top: 104px;
}
.pt112 {
padding-top: 112px;
}
.pt120 {
padding-top: 120px;
}
.pt160 {
padding-top: 160px;
}
.pt180 {
padding-top: 180px;
}
.pt240 {
padding-top: 240px;
}
.pb0 {
padding-bottom: 0;
}
.pb8 {
padding-bottom: 8px;
}
.pb16 {
padding-bottom: 16px;
}
.pb24 {
padding-bottom: 24px;
}
.pb32 {
padding-bottom: 32px;
}
.pb40 {
padding-bottom: 40px;
}
.pb48 {
padding-bottom: 48px;
}
.pb56 {
padding-bottom: 56px;
}
.pb64 {
padding-bottom: 64px;
}
.pb72 {
padding-bottom: 72px;
}
.pb80 {
padding-bottom: 80px;
}
.pb88 {
padding-bottom: 88px;
}
.pb96 {
padding-bottom: 96px;
}
.pb104 {
padding-bottom: 104px;
}
.pb112 {
padding-bottom: 112px;
}
.pb120 {
padding-bottom: 120px;
}
.pb160 {
padding-bottom: 160px;
}
.pb180 {
padding-bottom: 180px;
}
.pb240 {
padding-bottom: 240px;
}
@media all and (max-width: 990px) {
.mb-s-0 {
margin-bottom: 0;
}
.mb-s-8 {
margin-bottom: 8px;
}
.mb-s-16 {
margin-bottom: 16px;
}
.mb-s-24 {
margin-bottom: 24px;
}
.mb-s-32 {
margin-bottom: 32px;
}
.mb-s-40 {
margin-bottom: 40px;
}
.mb-s-48 {
margin-bottom: 48px;
}
.mb-s-64 {
margin-bottom: 64px;
}
.mb-s-72 {
margin-bottom: 72px;
}
.mb-s-80 {
margin-bottom: 80px;
}
.mb-s-88 {
margin-bottom: 88px;
}
.mb-s-96 {
margin-bottom: 96px;
}
.mb-s-104 {
margin-bottom: 104px;
}
.mb-s-112 {
margin-bottom: 112px;
}
.mb-s-120 {
margin-bottom: 120px;
}
}
@media all and (max-width: 990px) {
.mb-sm-0 {
margin-bottom: 0;
}
.mb-sm-8 {
margin-bottom: 8px;
}
.mb-sm-16 {
margin-bottom: 16px;
}
.mb-sm-24 {
margin-bottom: 24px;
}
.mb-sm-32 {
margin-bottom: 32px;
}
.mb-sm-40 {
margin-bottom: 40px;
}
.mb-sm-48 {
margin-bottom: 48px;
}
.mb-sm-64 {
margin-bottom: 64px;
}
.mb-sm-72 {
margin-bottom: 72px;
}
.mb-sm-80 {
margin-bottom: 80px;
}
.mb-sm-88 {
margin-bottom: 88px;
}
.mb-sm-96 {
margin-bottom: 96px;
}
.mb-sm-104 {
margin-bottom: 104px;
}
.mb-sm-112 {
margin-bottom: 112px;
}
.mb-sm-120 {
margin-bottom: 120px;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-8 {
margin-top: 8px;
}
.mt-sm-16 {
margin-top: 16px;
}
.mt-sm-24 {
margin-top: 24px;
}
.mt-sm-32 {
margin-top: 32px;
}
.mt-sm-40 {
margin-top: 40px;
}
.mt-sm-48 {
margin-top: 48px;
}
.mt-sm-56 {
margin-top: 56px;
}
.mt-sm-64 {
margin-top: 64px;
}
.mt-sm-72 {
margin-top: 72px;
}
.mt-sm-80 {
margin-top: 80px;
}
.mt-sm-88 {
margin-top: 88px;
}
.mt-sm-96 {
margin-top: 96px;
}
.mt-sm-104 {
margin-top: 104px;
}
.mt-sm-112 {
margin-top: 112px;
}
.mt-sm-120 {
margin-top: 120px;
}
.p0-sm {
padding: 0;
}
.pt-sm-0 {
padding-top: 0;
}
.pt-sm-8 {
padding-top: 8px;
}
.pt-sm-16 {
padding-top: 16px;
}
.pt-sm-24 {
padding-top: 24px;
}
.pt-sm-32 {
padding-top: 32px;
}
.pt-sm-40 {
padding-top: 40px;
}
.pt-sm-48 {
padding-top: 48px;
}
.pt-sm-64 {
padding-top: 64px;
}
.pt-sm-72 {
padding-top: 72px;
}
.pt-sm-80 {
padding-top: 80px;
}
.pt-sm-88 {
padding-top: 88px;
}
.pt-sm-96 {
padding-top: 96px;
}
.pt-sm-104 {
padding-top: 104px;
}
.pt-sm-112 {
padding-top: 112px;
}
.pt-sm-120 {
padding-top: 120px;
}
.pt-sm-160 {
padding-top: 160px;
}
.pb-sm-0 {
padding-bottom: 0;
}
.pb-sm-8 {
padding-bottom: 8px;
}
.pb-sm-16 {
padding-bottom: 16px;
}
.pb-sm-24 {
padding-bottom: 24px;
}
.pb-sm-32 {
padding-bottom: 32px;
}
.pb-sm-40 {
padding-bottom: 40px;
}
.pb-sm-48 {
padding-bottom: 48px;
}
.pb-sm-64 {
padding-bottom: 64px;
}
.pb-sm-72 {
padding-bottom: 72px;
}
.pb-sm-80 {
padding-bottom: 80px;
}
.pb-sm-88 {
padding-bottom: 88px;
}
.pb-sm-96 {
padding-bottom: 96px;
}
.pb-sm-104 {
padding-bottom: 104px;
}
.pb-sm-112 {
padding-bottom: 112px;
}
.pb-sm-120 {
padding-bottom: 120px;
}
}
@media all and (max-width: 767px) {
.mb-xs-0 {
margin-bottom: 0;
}
.mb-xs-8 {
margin-bottom: 8px;
}
.mb-xs-16 {
margin-bottom: 16px;
}
.mb-xs-24 {
margin-bottom: 24px;
}
.mb-xs-32 {
margin-bottom: 32px;
}
.mb-xs-40 {
margin-bottom: 40px;
}
.mb-xs-48 {
margin-bottom: 48px;
}
.mb-xs-64 {
margin-bottom: 64px;
}
.mb-xs-72 {
margin-bottom: 72px;
}
.mb-xs-80 {
margin-bottom: 80px;
}
.mb-xs-88 {
margin-bottom: 88px;
}
.mb-xs-96 {
margin-bottom: 96px;
}
.mb-xs-104 {
margin-bottom: 104px;
}
.mb-xs-112 {
margin-bottom: 112px;
}
.mb-xs-120 {
margin-bottom: 120px;
}
.mt-xs-0 {
margin-top: 0 !important;
}
.mt-xs-8 {
margin-top: 8px;
}
.mt-xs-16 {
margin-top: 16px;
}
.mt-xs-24 {
margin-top: 24px;
}
.mt-xs-32 {
margin-top: 32px;
}
.mt-xs-40 {
margin-top: 40px;
}
.mt-xs-48 {
margin-top: 48px;
}
.mt-xs-56 {
margin-top: 56px;
}
.mt-xs-64 {
margin-top: 64px;
}
.mt-xs-72 {
margin-top: 72px;
}
.mt-xs-80 {
margin-top: 80px;
}
.mt-xs-88 {
margin-top: 88px;
}
.mt-xs-96 {
margin-top: 96px;
}
.mt-xs-104 {
margin-top: 104px;
}
.mt-xs-112 {
margin-top: 112px;
}
.mt-xs-120 {
margin-top: 120px;
}
.p0-xs {
padding: 0;
}
.pt-xs-0 {
padding-top: 0;
}
.pt-xs-8 {
padding-top: 8px;
}
.pt-xs-16 {
padding-top: 16px;
}
.pt-xs-24 {
padding-top: 24px;
}
.pt-xs-32 {
padding-top: 32px;
}
.pt-xs-40 {
padding-top: 40px;
}
.pt-xs-48 {
padding-top: 48px;
}
.pt-xs-64 {
padding-top: 64px;
}
.pt-xs-72 {
padding-top: 72px;
}
.pt-xs-80 {
padding-top: 80px;
}
.pt-xs-88 {
padding-top: 88px;
}
.pt-xs-96 {
padding-top: 96px;
}
.pt-xs-104 {
padding-top: 104px;
}
.pt-xs-112 {
padding-top: 112px;
}
.pt-xs-120 {
padding-top: 120px;
}
.pt-xs-160 {
padding-top: 160px;
}
.pt-xs-180 {
padding-top: 180px;
}
.pt-xs-240 {
padding-top: 240px !important;
}
.pb-xs-0 {
padding-bottom: 0;
}
.pb-xs-8 {
padding-bottom: 8px;
}
.pb-xs-16 {
padding-bottom: 16px;
}
.pb-xs-24 {
padding-bottom: 24px;
}
.pb-xs-32 {
padding-bottom: 32px;
}
.pb-xs-40 {
padding-bottom: 40px;
}
.pb-xs-48 {
padding-bottom: 48px;
}
.pb-xs-64 {
padding-bottom: 64px;
}
.pb-xs-72 {
padding-bottom: 72px;
}
.pb-xs-80 {
padding-bottom: 80px;
}
.pb-xs-88 {
padding-bottom: 88px;
}
.pb-xs-96 {
padding-bottom: 96px;
}
.pb-xs-104 {
padding-bottom: 104px;
}
.pb-xs-112 {
padding-bottom: 112px;
}
.pb-xs-120 {
padding-bottom: 120px;
}
.pb-xs-180 {
padding-bottom: 180px;
}
.pb-xs-240 {
padding-bottom: 240px !important;
}
}
.image-square {
height: 50vw;
max-height: 640px;
overflow: hidden;
padding: 0;
}
.image-square .image,
.image-square > .content {
position: absolute;
}
.image-square .image {
height: 100%;
}
.image-square > .content {
padding: 0 10%;
top: 50%;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
}
.image-square.left .image {
left: 0;
}
.image-square.left > .content {
right: 0;
}
.image-square.right .image {
right: 0;
}
.image-square.right > .content {
left: 0;
}
@media all and (max-width: 990px) {
.image-square {
height: auto;
max-height: 100000px;
padding-bottom: 48px;
}
.image-square .image,
.image-square > .content {
position: relative;
}
.image-square .image {
height: 100vw;
margin-bottom: 48px;
max-height: 500px;
}
.image-square > .content {
top: 0;
transform: none;
-webkit-transform: none;
padding: 0 20%;
}
}
@media all and (max-width: 767px) {
.image-square > .content {
padding: 0 15px;
}
}
/* /theme/agro/assets/vendor/themify-icons.css @ 2024-07-05T15:02:05+03:00 */
@font-face {
font-family: 'themify';
src:url('/theme/agro/assets/fonts/themify.eot?');
src:url('/theme/agro/assets/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
url('/theme/agro/assets/fonts/themify.woff') format('woff'),
url('/theme/agro/assets/fonts/themify.ttf') format('truetype'),
url('/theme/agro/assets/fonts/themify.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="ti-"], [class*=" ti-"] {
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-wand:before {
content: "\e600";
}
.ti-volume:before {
content: "\e601";
}
.ti-user:before {
content: "\e602";
}
.ti-unlock:before {
content: "\e603";
}
.ti-unlink:before {
content: "\e604";
}
.ti-trash:before {
content: "\e605";
}
.ti-thought:before {
content: "\e606";
}
.ti-target:before {
content: "\e607";
}
.ti-tag:before {
content: "\e608";
}
.ti-tablet:before {
content: "\e609";
}
.ti-star:before {
content: "\e60a";
}
.ti-spray:before {
content: "\e60b";
}
.ti-signal:before {
content: "\e60c";
}
.ti-shopping-cart:before {
content: "\e60d";
}
.ti-shopping-cart-full:before {
content: "\e60e";
}
.ti-settings:before {
content: "\e60f";
}
.ti-search:before {
content: "\e610";
}
.ti-zoom-in:before {
content: "\e611";
}
.ti-zoom-out:before {
content: "\e612";
}
.ti-cut:before {
content: "\e613";
}
.ti-ruler:before {
content: "\e614";
}
.ti-ruler-pencil:before {
content: "\e615";
}
.ti-ruler-alt:before {
content: "\e616";
}
.ti-bookmark:before {
content: "\e617";
}
.ti-bookmark-alt:before {
content: "\e618";
}
.ti-reload:before {
content: "\e619";
}
.ti-plus:before {
content: "\e61a";
}
.ti-pin:before {
content: "\e61b";
}
.ti-pencil:before {
content: "\e61c";
}
.ti-pencil-alt:before {
content: "\e61d";
}
.ti-paint-roller:before {
content: "\e61e";
}
.ti-paint-bucket:before {
content: "\e61f";
}
.ti-na:before {
content: "\e620";
}
.ti-mobile:before {
content: "\e621";
}
.ti-minus:before {
content: "\e622";
}
.ti-medall:before {
content: "\e623";
}
.ti-medall-alt:before {
content: "\e624";
}
.ti-marker:before {
content: "\e625";
}
.ti-marker-alt:before {
content: "\e626";
}
.ti-arrow-up:before {
content: "\e627";
}
.ti-arrow-right:before {
content: "\e628";
}
.ti-arrow-left:before {
content: "\e629";
}
.ti-arrow-down:before {
content: "\e62a";
}
.ti-lock:before {
content: "\e62b";
}
.ti-location-arrow:before {
content: "\e62c";
}
.ti-link:before {
content: "\e62d";
}
.ti-layout:before {
content: "\e62e";
}
.ti-layers:before {
content: "\e62f";
}
.ti-layers-alt:before {
content: "\e630";
}
.ti-key:before {
content: "\e631";
}
.ti-import:before {
content: "\e632";
}
.ti-image:before {
content: "\e633";
}
.ti-heart:before {
content: "\e634";
}
.ti-heart-broken:before {
content: "\e635";
}
.ti-hand-stop:before {
content: "\e636";
}
.ti-hand-open:before {
content: "\e637";
}
.ti-hand-drag:before {
content: "\e638";
}
.ti-folder:before {
content: "\e639";
}
.ti-flag:before {
content: "\e63a";
}
.ti-flag-alt:before {
content: "\e63b";
}
.ti-flag-alt-2:before {
content: "\e63c";
}
.ti-eye:before {
content: "\e63d";
}
.ti-export:before {
content: "\e63e";
}
.ti-exchange-vertical:before {
content: "\e63f";
}
.ti-desktop:before {
content: "\e640";
}
.ti-cup:before {
content: "\e641";
}
.ti-crown:before {
content: "\e642";
}
.ti-comments:before {
content: "\e643";
}
.ti-comment:before {
content: "\e644";
}
.ti-comment-alt:before {
content: "\e645";
}
.ti-close:before {
content: "\e646";
}
.ti-clip:before {
content: "\e647";
}
.ti-angle-up:before {
content: "\e648";
}
.ti-angle-right:before {
content: "\e649";
}
.ti-angle-left:before {
content: "\e64a";
}
.ti-angle-down:before {
content: "\e64b";
}
.ti-check:before {
content: "\e64c";
}
.ti-check-box:before {
content: "\e64d";
}
.ti-camera:before {
content: "\e64e";
}
.ti-announcement:before {
content: "\e64f";
}
.ti-brush:before {
content: "\e650";
}
.ti-briefcase:before {
content: "\e651";
}
.ti-bolt:before {
content: "\e652";
}
.ti-bolt-alt:before {
content: "\e653";
}
.ti-blackboard:before {
content: "\e654";
}
.ti-bag:before {
content: "\e655";
}
.ti-move:before {
content: "\e656";
}
.ti-arrows-vertical:before {
content: "\e657";
}
.ti-arrows-horizontal:before {
content: "\e658";
}
.ti-fullscreen:before {
content: "\e659";
}
.ti-arrow-top-right:before {
content: "\e65a";
}
.ti-arrow-top-left:before {
content: "\e65b";
}
.ti-arrow-circle-up:before {
content: "\e65c";
}
.ti-arrow-circle-right:before {
content: "\e65d";
}
.ti-arrow-circle-left:before {
content: "\e65e";
}
.ti-arrow-circle-down:before {
content: "\e65f";
}
.ti-angle-double-up:before {
content: "\e660";
}
.ti-angle-double-right:before {
content: "\e661";
}
.ti-angle-double-left:before {
content: "\e662";
}
.ti-angle-double-down:before {
content: "\e663";
}
.ti-zip:before {
content: "\e664";
}
.ti-world:before {
content: "\e665";
}
.ti-wheelchair:before {
content: "\e666";
}
.ti-view-list:before {
content: "\e667";
}
.ti-view-list-alt:before {
content: "\e668";
}
.ti-view-grid:before {
content: "\e669";
}
.ti-uppercase:before {
content: "\e66a";
}
.ti-upload:before {
content: "\e66b";
}
.ti-underline:before {
content: "\e66c";
}
.ti-truck:before {
content: "\e66d";
}
.ti-timer:before {
content: "\e66e";
}
.ti-ticket:before {
content: "\e66f";
}
.ti-thumb-up:before {
content: "\e670";
}
.ti-thumb-down:before {
content: "\e671";
}
.ti-text:before {
content: "\e672";
}
.ti-stats-up:before {
content: "\e673";
}
.ti-stats-down:before {
content: "\e674";
}
.ti-split-v:before {
content: "\e675";
}
.ti-split-h:before {
content: "\e676";
}
.ti-smallcap:before {
content: "\e677";
}
.ti-shine:before {
content: "\e678";
}
.ti-shift-right:before {
content: "\e679";
}
.ti-shift-left:before {
content: "\e67a";
}
.ti-shield:before {
content: "\e67b";
}
.ti-notepad:before {
content: "\e67c";
}
.ti-server:before {
content: "\e67d";
}
.ti-quote-right:before {
content: "\e67e";
}
.ti-quote-left:before {
content: "\e67f";
}
.ti-pulse:before {
content: "\e680";
}
.ti-printer:before {
content: "\e681";
}
.ti-power-off:before {
content: "\e682";
}
.ti-plug:before {
content: "\e683";
}
.ti-pie-chart:before {
content: "\e684";
}
.ti-paragraph:before {
content: "\e685";
}
.ti-panel:before {
content: "\e686";
}
.ti-package:before {
content: "\e687";
}
.ti-music:before {
content: "\e688";
}
.ti-music-alt:before {
content: "\e689";
}
.ti-mouse:before {
content: "\e68a";
}
.ti-mouse-alt:before {
content: "\e68b";
}
.ti-money:before {
content: "\e68c";
}
.ti-microphone:before {
content: "\e68d";
}
.ti-menu:before {
content: "\e68e";
}
.ti-menu-alt:before {
content: "\e68f";
}
.ti-map:before {
content: "\e690";
}
.ti-map-alt:before {
content: "\e691";
}
.ti-loop:before {
content: "\e692";
}
.ti-location-pin:before {
content: "\e693";
}
.ti-list:before {
content: "\e694";
}
.ti-light-bulb:before {
content: "\e695";
}
.ti-Italic:before {
content: "\e696";
}
.ti-info:before {
content: "\e697";
}
.ti-infinite:before {
content: "\e698";
}
.ti-id-badge:before {
content: "\e699";
}
.ti-hummer:before {
content: "\e69a";
}
.ti-home:before {
content: "\e69b";
}
.ti-help:before {
content: "\e69c";
}
.ti-headphone:before {
content: "\e69d";
}
.ti-harddrives:before {
content: "\e69e";
}
.ti-harddrive:before {
content: "\e69f";
}
.ti-gift:before {
content: "\e6a0";
}
.ti-game:before {
content: "\e6a1";
}
.ti-filter:before {
content: "\e6a2";
}
.ti-files:before {
content: "\e6a3";
}
.ti-file:before {
content: "\e6a4";
}
.ti-eraser:before {
content: "\e6a5";
}
.ti-envelope:before {
content: "\e6a6";
}
.ti-download:before {
content: "\e6a7";
}
.ti-direction:before {
content: "\e6a8";
}
.ti-direction-alt:before {
content: "\e6a9";
}
.ti-dashboard:before {
content: "\e6aa";
}
.ti-control-stop:before {
content: "\e6ab";
}
.ti-control-shuffle:before {
content: "\e6ac";
}
.ti-control-play:before {
content: "\e6ad";
}
.ti-control-pause:before {
content: "\e6ae";
}
.ti-control-forward:before {
content: "\e6af";
}
.ti-control-backward:before {
content: "\e6b0";
}
.ti-cloud:before {
content: "\e6b1";
}
.ti-cloud-up:before {
content: "\e6b2";
}
.ti-cloud-down:before {
content: "\e6b3";
}
.ti-clipboard:before {
content: "\e6b4";
}
.ti-car:before {
content: "\e6b5";
}
.ti-calendar:before {
content: "\e6b6";
}
.ti-book:before {
content: "\e6b7";
}
.ti-bell:before {
content: "\e6b8";
}
.ti-basketball:before {
content: "\e6b9";
}
.ti-bar-chart:before {
content: "\e6ba";
}
.ti-bar-chart-alt:before {
content: "\e6bb";
}
.ti-back-right:before {
content: "\e6bc";
}
.ti-back-left:before {
content: "\e6bd";
}
.ti-arrows-corner:before {
content: "\e6be";
}
.ti-archive:before {
content: "\e6bf";
}
.ti-anchor:before {
content: "\e6c0";
}
.ti-align-right:before {
content: "\e6c1";
}
.ti-align-left:before {
content: "\e6c2";
}
.ti-align-justify:before {
content: "\e6c3";
}
.ti-align-center:before {
content: "\e6c4";
}
.ti-alert:before {
content: "\e6c5";
}
.ti-alarm-clock:before {
content: "\e6c6";
}
.ti-agenda:before {
content: "\e6c7";
}
.ti-write:before {
content: "\e6c8";
}
.ti-window:before {
content: "\e6c9";
}
.ti-widgetized:before {
content: "\e6ca";
}
.ti-widget:before {
content: "\e6cb";
}
.ti-widget-alt:before {
content: "\e6cc";
}
.ti-wallet:before {
content: "\e6cd";
}
.ti-video-clapper:before {
content: "\e6ce";
}
.ti-video-camera:before {
content: "\e6cf";
}
.ti-vector:before {
content: "\e6d0";
}
.ti-themify-logo:before {
content: "\e6d1";
}
.ti-themify-favicon:before {
content: "\e6d2";
}
.ti-themify-favicon-alt:before {
content: "\e6d3";
}
.ti-support:before {
content: "\e6d4";
}
.ti-stamp:before {
content: "\e6d5";
}
.ti-split-v-alt:before {
content: "\e6d6";
}
.ti-slice:before {
content: "\e6d7";
}
.ti-shortcode:before {
content: "\e6d8";
}
.ti-shift-right-alt:before {
content: "\e6d9";
}
.ti-shift-left-alt:before {
content: "\e6da";
}
.ti-ruler-alt-2:before {
content: "\e6db";
}
.ti-receipt:before {
content: "\e6dc";
}
.ti-pin2:before {
content: "\e6dd";
}
.ti-pin-alt:before {
content: "\e6de";
}
.ti-pencil-alt2:before {
content: "\e6df";
}
.ti-palette:before {
content: "\e6e0";
}
.ti-more:before {
content: "\e6e1";
}
.ti-more-alt:before {
content: "\e6e2";
}
.ti-microphone-alt:before {
content: "\e6e3";
}
.ti-magnet:before {
content: "\e6e4";
}
.ti-line-double:before {
content: "\e6e5";
}
.ti-line-dotted:before {
content: "\e6e6";
}
.ti-line-dashed:before {
content: "\e6e7";
}
.ti-layout-width-full:before {
content: "\e6e8";
}
.ti-layout-width-default:before {
content: "\e6e9";
}
.ti-layout-width-default-alt:before {
content: "\e6ea";
}
.ti-layout-tab:before {
content: "\e6eb";
}
.ti-layout-tab-window:before {
content: "\e6ec";
}
.ti-layout-tab-v:before {
content: "\e6ed";
}
.ti-layout-tab-min:before {
content: "\e6ee";
}
.ti-layout-slider:before {
content: "\e6ef";
}
.ti-layout-slider-alt:before {
content: "\e6f0";
}
.ti-layout-sidebar-right:before {
content: "\e6f1";
}
.ti-layout-sidebar-none:before {
content: "\e6f2";
}
.ti-layout-sidebar-left:before {
content: "\e6f3";
}
.ti-layout-placeholder:before {
content: "\e6f4";
}
.ti-layout-menu:before {
content: "\e6f5";
}
.ti-layout-menu-v:before {
content: "\e6f6";
}
.ti-layout-menu-separated:before {
content: "\e6f7";
}
.ti-layout-menu-full:before {
content: "\e6f8";
}
.ti-layout-media-right-alt:before {
content: "\e6f9";
}
.ti-layout-media-right:before {
content: "\e6fa";
}
.ti-layout-media-overlay:before {
content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
content: "\e6fd";
}
.ti-layout-media-left-alt:before {
content: "\e6fe";
}
.ti-layout-media-left:before {
content: "\e6ff";
}
.ti-layout-media-center-alt:before {
content: "\e700";
}
.ti-layout-media-center:before {
content: "\e701";
}
.ti-layout-list-thumb:before {
content: "\e702";
}
.ti-layout-list-thumb-alt:before {
content: "\e703";
}
.ti-layout-list-post:before {
content: "\e704";
}
.ti-layout-list-large-image:before {
content: "\e705";
}
.ti-layout-line-solid:before {
content: "\e706";
}
.ti-layout-grid4:before {
content: "\e707";
}
.ti-layout-grid3:before {
content: "\e708";
}
.ti-layout-grid2:before {
content: "\e709";
}
.ti-layout-grid2-thumb:before {
content: "\e70a";
}
.ti-layout-cta-right:before {
content: "\e70b";
}
.ti-layout-cta-left:before {
content: "\e70c";
}
.ti-layout-cta-center:before {
content: "\e70d";
}
.ti-layout-cta-btn-right:before {
content: "\e70e";
}
.ti-layout-cta-btn-left:before {
content: "\e70f";
}
.ti-layout-column4:before {
content: "\e710";
}
.ti-layout-column3:before {
content: "\e711";
}
.ti-layout-column2:before {
content: "\e712";
}
.ti-layout-accordion-separated:before {
content: "\e713";
}
.ti-layout-accordion-merged:before {
content: "\e714";
}
.ti-layout-accordion-list:before {
content: "\e715";
}
.ti-ink-pen:before {
content: "\e716";
}
.ti-info-alt:before {
content: "\e717";
}
.ti-help-alt:before {
content: "\e718";
}
.ti-headphone-alt:before {
content: "\e719";
}
.ti-hand-point-up:before {
content: "\e71a";
}
.ti-hand-point-right:before {
content: "\e71b";
}
.ti-hand-point-left:before {
content: "\e71c";
}
.ti-hand-point-down:before {
content: "\e71d";
}
.ti-gallery:before {
content: "\e71e";
}
.ti-face-smile:before {
content: "\e71f";
}
.ti-face-sad:before {
content: "\e720";
}
.ti-credit-card:before {
content: "\e721";
}
.ti-control-skip-forward:before {
content: "\e722";
}
.ti-control-skip-backward:before {
content: "\e723";
}
.ti-control-record:before {
content: "\e724";
}
.ti-control-eject:before {
content: "\e725";
}
.ti-comments-smiley:before {
content: "\e726";
}
.ti-brush-alt:before {
content: "\e727";
}
.ti-youtube:before {
content: "\e728";
}
.ti-vimeo:before {
content: "\e729";
}
.ti-twitter:before {
content: "\e72a";
}
.ti-time:before {
content: "\e72b";
}
.ti-tumblr:before {
content: "\e72c";
}
.ti-skype:before {
content: "\e72d";
}
.ti-share:before {
content: "\e72e";
}
.ti-share-alt:before {
content: "\e72f";
}
.ti-rocket:before {
content: "\e730";
}
.ti-pinterest:before {
content: "\e731";
}
.ti-new-window:before {
content: "\e732";
}
.ti-microsoft:before {
content: "\e733";
}
.ti-list-ol:before {
content: "\e734";
}
.ti-linkedin:before {
content: "\e735";
}
.ti-layout-sidebar-2:before {
content: "\e736";
}
.ti-layout-grid4-alt:before {
content: "\e737";
}
.ti-layout-grid3-alt:before {
content: "\e738";
}
.ti-layout-grid2-alt:before {
content: "\e739";
}
.ti-layout-column4-alt:before {
content: "\e73a";
}
.ti-layout-column3-alt:before {
content: "\e73b";
}
.ti-layout-column2-alt:before {
content: "\e73c";
}
.ti-instagram:before {
content: "\e73d";
}
.ti-google:before {
content: "\e73e";
}
.ti-github:before {
content: "\e73f";
}
.ti-flickr:before {
content: "\e740";
}
.ti-facebook:before {
content: "\e741";
}
.ti-dropbox:before {
content: "\e742";
}
.ti-dribbble:before {
content: "\e743";
}
.ti-apple:before {
content: "\e744";
}
.ti-android:before {
content: "\e745";
}
.ti-save:before {
content: "\e746";
}
.ti-save-alt:before {
content: "\e747";
}
.ti-yahoo:before {
content: "\e748";
}
.ti-wordpress:before {
content: "\e749";
}
.ti-vimeo-alt:before {
content: "\e74a";
}
.ti-twitter-alt:before {
content: "\e74b";
}
.ti-tumblr-alt:before {
content: "\e74c";
}
.ti-trello:before {
content: "\e74d";
}
.ti-stack-overflow:before {
content: "\e74e";
}
.ti-soundcloud:before {
content: "\e74f";
}
.ti-sharethis:before {
content: "\e750";
}
.ti-sharethis-alt:before {
content: "\e751";
}
.ti-reddit:before {
content: "\e752";
}
.ti-pinterest-alt:before {
content: "\e753";
}
.ti-microsoft-alt:before {
content: "\e754";
}
.ti-linux:before {
content: "\e755";
}
.ti-jsfiddle:before {
content: "\e756";
}
.ti-joomla:before {
content: "\e757";
}
.ti-html5:before {
content: "\e758";
}
.ti-flickr-alt:before {
content: "\e759";
}
.ti-email:before {
content: "\e75a";
}
.ti-drupal:before {
content: "\e75b";
}
.ti-dropbox-alt:before {
content: "\e75c";
}
.ti-css3:before {
content: "\e75d";
}
.ti-rss:before {
content: "\e75e";
}
.ti-rss-alt:before {
content: "\e75f";
}
/* /theme/agro/assets/vendor/flexslider.min.css @ 2024-10-28T21:55:34+02:00 */
.flex-container a:focus,.flex-container a:hover,.flex-slider a:focus,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{padding:0;margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);-o-box-shadow:'' 0 1px 4px rgba(0,0,0,.2);box-shadow:'' 0 1px 4px rgba(0,0,0,.2)}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider .slides{zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001'}.flex-direction-nav a.flex-next:before{}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a .flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}
/* /theme/agro/assets/vendor/lightbox.min.css @ 2025-09-08T16:36:07+03:00 */
body:after{content:url(/theme/agro/assets/img/lightbox/close.png) url(/theme/agro/assets/img/lightbox/loading.gif) url(/theme/agro/assets/img/lightbox/prev.png) url(/theme/agro/assets/img/lightbox/next.png);display:none}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-container{padding:4px}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/theme/agro/assets/img/lightbox/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/theme/agro/assets/img/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/theme/agro/assets/img/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/theme/agro/assets/img/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
/* /theme/agro/assets/vendor/animate.min.css @ 2022-10-07T00:00:00+03:00 */
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* /theme/agro/assets/vendor/jquery.ui.css @ 2022-10-07T00:00:00+03:00 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
/* /theme/agro/assets/css/cart.css @ 2025-01-15T20:00:39+02:00 */
.delivery-radio{
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 16px;
font-weight: 400;
}
.delivery-radio .delivery-details{
font-size: 14px;
font-weight: 200;
display: block;
}
.delivery-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.delivery-checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
background-color: transparent;
border-radius: 50%;
border: 2px solid rgba(12, 55, 97, 0.9);
border-color: #000;
}
.delivery-detail{
padding-left: 35px;
}
/* On mouse-over, add a grey background color */
.delivery-radio:hover input ~ .delivery-checkmark {
border: 2px solid rgba(12, 55, 97, 1);
}
/* When the radio button is checked, add a blue background */
.delivery-radio input:checked ~ .delivery-checkmark {
border-color: #009846;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.delivery-checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.delivery-radio input:checked ~ .delivery-checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.delivery-radio .delivery-checkmark:after {
top: 2px;
left: 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #009846;
}
.delivery-radio img {
opacity: .5;
}
.delivery-radio input:checked ~ img{
opacity: 1;
}
.page-title.page-title-cart{
text-transform: none;
}
.cart-product-list{
margin-bottom: 20px;
}
.cart-product-list-item{
margin-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.cart-product-list-item-image{
border: 2px solid #0C3761;
background: linear-gradient(128.73deg, #042341 -1.06%, #011930 61.09%);
padding: 6px 18px;
}
input[type="number"].qty, .qty{
color: #000 !important;
padding: 28px 0px 0px 13px !important;
}
.table > thead > tr > th{
border-bottom: 1px solid #ddd;
}
table.cart p{
margin-bottom: 0;
}
/* /theme/agro/assets/css/custom.css @ 2025-02-10T12:55:31+02:00 */
:root {
--primary-color: #009846;
--primary-color-fade: #0098463d;
--alternative-color: #e9f4e8;
--color-light-grey: #f2eff1;
--color-grey: #344C64;
--color-light: hsla(0,0%,100%,.502);
--color-yellow: #f6eb02;
}
html {
scroll-behavior: smooth;
}
body{
font-size: 16px;
background-color: #fff;
}
section ul{
list-style: initial;
padding-left: 24px;
}
.bg-alternative{
background-color: var(--alternative-color);
}
.bg-light{
background-color: var(--color-light);
}
.bg-primary-color{
background-color: var(--primary-color);
}
.color-green{
color: var(--primary-color);
}
.color-grey{
color: var(--color-grey);
}
.color-yellow{
color: var(--color-yellow);
}
.border-bottom-primary{
border-bottom: 2px solid var(--primary-color-fade);
}
.border-bottom-primary:hover{
border-bottom: 2px solid var(--primary-color);
}
.border-white{
border: 1px solid white;
}
.invert{
filter: invert(100%);
}
h4 span.color-primary,
h3 span.color-primary{
border-bottom: 4px solid var(--color-yellow);
}
.catalog-items .catalog-item-image{
max-width: 256px;
max-height: 256px;
filter: grayscale(1);
}
.catalog-item-link:hover .catalog-item-image{
}
.catalog-item-link:hover{
}
.catalog-item-link:hover span{
color: var(--primary-color);
}
.catalog-item-image-wrap:before{
background-color: var(--primary-color);
}
.catalog-item-link{
/*padding: 12px;*/
display: block;
/*margin-bottom: 32px;*/
color: black;
}
.catalog-item-title span{
background-color: #344C6454;
color: var(--primary-color);
border-radius: 4px;
padding: 0 12px;
margin-left: 6px;
}
.catalog-item-sub-list a{
display: inline-block;
padding: 8px 24px;
background-color: var(--primary-color);
color: white;
border-radius: 4px;
margin: 7px 11px;
font-weight: 400;
}
.catalog-items-by-type .catalog-item-image{
padding-right: 32px;
max-width: 96px;
max-height: 64px;
margin-top: 12px;
}
.catalog-items-by-type .catalog-item-link {
height: 96px;
line-height: 72px;
}
.catalog-items-by-equipment .catalog-item{
border: 2px solid var(--alternative-color);
padding:12px;
}
.catalog-items-by-equipment .catalog-item-link{
background: #fff;
}
.catalog-items-by-equipment .catalog-item-link:hover{
border-color: var(--primary-color);
}
.catalog-items-by-equipment .catalog-item-link:hover img{
filter: grayscale(.3);
}
.catalog-items-by-equipment img.catalog-item-image{
filter: grayscale(.4);
/*filter: sepia(.5);*/
height: auto;
display: inline-block;
vertical-align: middle;
width: unset;
max-width: 100%;
max-height: 196px;
padding-top: 48px;
padding-bottom: 32px;
}
.row-hero{
border-radius: 4px;
}
.row-hero a{
/*max-width: 250px;*/
}
.border-4{
border-radius: 4px;
}
.list-style-none,
.catalog-menu{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.catalog-menu{
background-color: var(--primary-color);
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.catalog-menu li{
padding: 12px 12px;
position: relative;
border-bottom: 1px solid var(--primary-color);
margin: 1px;
background-color: var(--primary-color);
}
.catalog-menu li:hover{
border-color: white;
}
.catalog-menu li:first-child{
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.catalog-menu li:last-child{
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.catalog-menu li a{
color: white;
font-weight: 500;
line-height: 48px;
}
.catalog-menu li a:hover{
color: var(--color-yellow);
}
.catalog-menu li a img{
padding-right: 8px;
max-height: 58px;
}
.catalog-menu li:after{
position: absolute;
right: 0;
top: 50%;
transform: translate(-50%, -50%);
font-size: 16px;
content: "\e649";
font-family: 'themify';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #ffffff3b;
}
.catalog-menu li:hover:after{
opacity: 0.7;
color: var(--color-yellow);
}
.catalog-menu-icon{
position: absolute;
width: 46px;
height: 46px;
left: 0;
top: 0;
background-color: white;
}
.catalog-menu-icon i{
position: absolute;
top: 12px;
left: 12px;
width: 46px;
font-size: 20px;
color: var(--primary-color);
}
.catalog-menu-title{
padding-left: 44px;
}
#comments .accordion li.active .content {
max-height: unset;
}
/*Selectize style for regular select */
.selectize-input input[placeholder]{
width: 100%;
}
.selectize-input.not-full > input {
width: 100% !important;
}
.selectize-input-copy{
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 80%), 0 2px 0 #e0e0e0, 0 3px 0 #c8c8c8, 0 4px 1px rgb(0 0 0 / 10%);
box-shadow: inset 0 1px 0 rgb(255 255 255 / 80%), 0 2px 0 #e0e0e0, 0 3px 0 #c8c8c8, 0 4px 1px rgb(0 0 0 / 10%);
background-color: #f3f3f3;
background-image: -moz-linear-gradient(top, #f5f5f5, #efefef);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));
background-image: -webkit-linear-gradient(top, #f5f5f5, #efefef);
background-image: -o-linear-gradient(top, #f5f5f5, #efefef);
background-image: linear-gradient(to bottom, #f5f5f5, #efefef);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffefefef', GradientType=0);
}
/* MATERIAL BUTTON */
.btn-border-bottom{
border-bottom: 2px solid var(--primary-color);
border-radius: 0;
text-transform: uppercase;
color: var(--primary-color);
}
.btn-material {
position: relative;
display: inline-block;
box-sizing: border-box;
border: 2px solid var(--primary-color);
border-width: 2px;
border-radius: 2px;
padding: 4px 16px;
min-width: 64px;
height: 48px;
vertical-align: middle;
text-align: center;
text-overflow: ellipsis;
text-transform: uppercase;
color: #fff;
background-color: var(--alternative-color);
font-size: 14px;
font-weight: 500;
line-height: 40px;
overflow: hidden;
outline: none;
cursor: pointer;
transition: box-shadow 0.2s;
margin-bottom: 8px;
color: var(--color-grey);
}
.btn-material.btn-material-white{
border: 2px solid var(--primary-color);
background-color: white;
box-shadow: none;
}
.btn-material.btn-material-white:hover{
background-color: white;
color: var(--primary-color);
}
.btn-material.btn-material-outline {
border: 2px solid var(--alternative-color);
background-color: var(--alternative-color);
box-shadow: none;
}
.btn-material.btn-material-outline.active,
.btn-material.btn-material-outline:hover {
background-color: var(--primary-color);
border-color: var(--color-grey);
color: white;
}
.btn-material.btn-material-primary{
border-color: var(--primary-color);
box-shadow: none;
}
.cart-add-button.btn-material{
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-material::-moz-focus-inner {
border: none;
}
/* Overlay */
.btn-material::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
opacity: 0;
transition: opacity 0.2s;
}
/* Ripple */
.btn-material::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
padding: 50%;
width: 32px; /* Safari */
height: 32px; /* Safari */
background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
opacity: 0;
transform: translate(-50%, -50%) scale(1);
transition: opacity 1s, transform 0.5s;
}
/* Hover, Focus */
.btn-material:hover,
.btn-material:focus {
background-color: var(--primary-color);
border: 2px solid var(--primary-color);
color: white;
}
.btn-material:hover::before {
opacity: 0.08;
}
.btn-material:focus::before {
opacity: 0.24;
}
.btn-material:hover:focus::before {
opacity: 0.3;
}
/* Active */
.btn-material:active {
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.btn-material:active::after {
opacity: 0.32;
transform: translate(-50%, -50%) scale(0);
transition: transform 0s;
}
/* Disabled */
.btn-material:disabled {
color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);
box-shadow: none;
cursor: initial;
}
.btn-material:disabled::before {
opacity: 0;
}
.btn-material:disabled::after {
opacity: 0;
}
.btn-material.btn-material-opaque{
border-color: var(--primary-color-fade);
}
.btn-black{
color: #fff;
background-color: #000;
border-color: #000;
outline: 1px solid #FFF;
}
.btn-black:hover{
color: #000;
background-color: #fff;
outline: 1px solid #000;
}
.btn-black-ghost{
border: none;
color: #000;
background-color: #fff;
outline: 2px solid #000;
}
.btn-black-ghost:hover{
color: #fff;
background-color: #000;
outline: 2px solid #000;
}
.btn-orange-ghost{
border: none;
color: #009846;
background-color: #fff;
outline: 2px solid #009846;
}
.btn-orange-ghost:hover{
border: none;
color: #fff;
background-color: #009846;
outline: 2px solid #009846;
}
.btn, select, .btn-material, .product-item, .product-items-filters label > span, .menu li a, .selected-filters-list a, .selected-filters-list button, .product-item .btn-material, #car img, .btn.btn-blue, .btn-quick-filter, .accordion-2 .title::before, .accordion.accordion-2 li, .accordion.accordion-2 li:hover, .accordion.accordion-2 li .title .accordion.accordion-2 li .content, .product-item, .accordion .content, .accordion-2 .active .title::before, .product-items-filters label span::before, .product-items-filters p, .product-items-filters label > input:checked + span::before, .selected-filters-list button span, .accordion-1 li, .button-tabs .tab-title, .catalog-item-link, .catalog-menu li, .catalog-menu li:after, .catalog-item-link, .catalog-item-link img, .catalog-item-title {
transition: all .65s ease;
-webkit-transition: all .65s ease;
}
.widget-handle .search-form {
display: inline-block;
width: 100%;
line-height: 50px;
}
.ui-menu-item img {
display: block;
max-height: 64px;
}
.ui-widget-content a{
display: block;
border: none;
border-bottom: 1px solid #efefef;
}
.ui-widget-content li:hover a,
.ui-widget-content li:hover,
.ui-widget-content a:hover{
background-color: unset;
color: #000;
}
ul.ui-widget.ui-widget-content li a{
border-radius: 10px;
}
ul.ui-widget.ui-widget-content {
border: 1px solid #fff;
border-radius: 10px;
}
.widget-search.module.widget-handle i{
font-size: 14px;
line-height: 35px;
position: absolute;
padding: 8px;
min-width: 40px;
}
.widget-handle .search-form input {
margin: 0;
font-size: 16px;
}
.widget-handle .search-form input:focus{
outline: none;
}
nav input.search-header-input {
background: #f5f5f5;
border: none;
width: 100%;
height: 38px;
padding-left: 40px;
font-weight: 500;
margin-bottom: 24px;
border-radius: 4px;
max-width: 340px;
}
.megamenu a.thumbnail img{
max-height: 64px;
}
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
position: static;
}
.yamm .container {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
}
.yamm .yamm-content {
padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
left: 0;
right: 0;
}
/*custom lightbox*/
.lb-outerContainer{
width: 90%;
}
.lb-image{
margin: 0px auto;
}
.modal_title{
font-size: 26px;
margin-bottom: 12px;
}
.h3_title{
font-size: 32px;
line-height: 40px;
}
.h3_title small{
color: #777;
}
.menu > li ul{
background-color: #fff
}
.menu > li > ul li{
line-height: 20px;
/*border-bottom: 1px solid #efefef*/
}
.menu > li > ul li a{color: #666}
.widget-handle .cart .label{
background-color: transparent;
color: #fff
}
.logo-carousel img {
max-height: 150px;
}
.logo-carousel li{
opacity: 0.8;
}
.color-blue{color: #3b6edc}
.color-orange{color: #009846}
.circle-green:before {
color: #00e500 !important;
}
.circle:before {
content: ' \25CF';
font-size: 18px;
}
.nav-bar {
height: 75px;
max-height: 75px;
line-height: 75px;
}
.nav-bar .cart-overview .header-cart-item-name-price > div{
width: 100%;
text-align: left;
}
.nav-bar .cart-overview a.go-to-cart{
width: 100%;
}
.nav-bar .cart-overview .span-free-delivery i,
.nav-bar .cart-overview .span-free-delivery{
font-size: 13px;
}
.menu li a {font-size: 14px;}
.main-nav-menu li a{
font-weight: 800;
}
.menu > li > ul{
box-shadow: 5px 5px 15px rgba(0,0,0,0.15);
padding:0;
border-radius: 8px;
z-index: 9999;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
}
.menu > li > ul li a{
border-bottom: 2px solid var(--alternative-color);
}
.menu > li > ul li a img{
max-height: 64px;
}
.menu > li > ul li a:hover{
border-color: var(--primary-color);
color: var(--primary-color);
}
.menu > li:hover > a{
color: var(--color-yellow);
}
.menu > li a:hover{
color: var(--color-yellow);
}
.pr32{padding-right: 32px;}
img.logo-absolute{
min-height:64px;
max-height: 64px;
top: 6px;
position: absolute;
z-index: 999;
}
img.logo-mobile{
max-height: 55px;
}
#overlay-here{
max-height: 550px;
}
.color-links-image a{
color:black;
display: inline-block;
}
.color-links-image a{
border:1px solid transparent;
}
.color-links-image a.active,
.color-links-image a:hover{
border-bottom:1px solid grey;
}
.color-links{
padding: 4px
}
.color-links a{
width: 28px;
height: 28px;
display: inline-block;
border-radius: 50%;
border: 1px solid;
border-color: #717171;
position: relative;
-webkit-box-shadow: inset 0px 1px 3px rgb(0 0 0 / 25%);
box-shadow: inset 0px 1px 3px rgb(0 0 0 / 25%);
margin: 3px;
}
.color-links a{
width: 28px;
height: 28px;
display: inline-block;
border-radius: 50%;
border: 1px solid;
border-color: #717171;
position: relative;
-webkit-box-shadow: inset 0px 1px 3px rgb(0 0 0 / 25%);
box-shadow: inset 0px 1px 3px rgb(0 0 0 / 25%);
margin: 3px;
}
.color-links a.disabled{
cursor: not-allowed;
opacity: 0.3;
}
.color-links a:hover{
border-color: #EFF0F7;
}
.color-links a.active::before{
content: "";
display: block;
width: 38px;
height: 38px;
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
border-radius: 50%;
border: 1px solid;
border-color: #39c42f;
}
.sku-links p{
}
.sku-links a{
border: 2px solid var(--primary-color-fade);
display: inline-block;
padding: 5px 10px;
border-radius: 6px;
margin-bottom: 6px;
}
.sku-links a img{
opacity: .7;
}
.sku-links a:hover,
.sku-links a.active{
border-color: var(--primary-color);
}
.sku-links a:hover img,
.sku-links a.active img{
opacity: 1;
}
/*
.color-links-category.color-links a.active{
border: none;
margin: 0 2px;
}
.color-links-category.color-links a.active:before{
content: '';
display: block;
width: 32px;
height: 32px;
border-radius: 32px;
border: 2px solid #b5b5b5;
position: absolute;
top: -4px;
left: -4px;
}
.color-links-category.color-links a.active.pick-Steel,
.color-links-category.color-links a.active.pick-white{
border: 1px solid #e8e4e4;
}
.color-links-category.color-links a.active.pick-Steel:before,
.color-links-category.color-links a.active.pick-white:before{
top: -5px;
left: -5px;
}
*/
.pick-black{background-color: black;}
.pick-Steel, .pick-white{background-color: #fff; border:1px solid #e8e4e4;}
.pick-forest-green{background-color: #4e5044;}
.pick-blue, .pick-Ocean{background-color: #3b6edc;}
.pick-grey, .pick-Stone{background-color: #6c6d6d;}
.pick-red, .pick-Fiesta{background-color: #e92330;}
.pick-teal, .pick-River{background-color: #73bc94;}
.pick-orange{background-color: #FFA17C}
.pick-pink, .pick-Dusty{background-color: #FF438F}
.pick-Mustard, .pick-yellow{background-color: #FDD86E}
.pick-ice-blue{background-color: rgb(162, 192, 211);}
.pick-champagne{background-color: rgb(203, 186, 160);}
.pick-сinnamon{background-color: rgb(182, 103, 86);}
.pick-green{background-color: rgb(85, 105, 77);}
.pick-navy{background-color: rgb(85, 107, 121)}
.pick-gray{background-color: rgb(154, 154, 154)}
.pick-mint{background-color: rgb(159, 202, 200)}
.pick-ivory{background-color: #eeeef0}
.pick-sand, .pick-Desert{background-color: #bbb385}
.pick-magenta{background: linear-gradient(#ca00ca, #FF00FF);}
.pick-tomorrowland{
background-color: #000;
background-image: url(/theme/agro/assets/img/pick-tomorrowland.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.pick-Squad, .pick-squad{
background-image: url(/theme/agro/assets/img/squad.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.pick-black-white-camouflage,
.pick-camo{
background-image: url(/theme/agro/assets/img/camo.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.pick-black-star{
background-image: url(/theme/agro/assets/img/black-star.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.pick-blue-and-pink{
background-image: url(/theme/agro/assets/img/blue-pink.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.pick-silver{
background-image: url(/theme/agro/assets/img/silver.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.pick-rose{
background-color: #d3a7a5;
}
.pick-beige{
background-color: #fcf7dd;
}
.pick-champagne-gold{
background-color: #ebc395;
}
.pick-rose-gold{
background-color: #c1ae9c;
}
.pick-coral{
background-color: #f72647;
}
.pick-gold, .pick-gld{
background-color: #ecc595;
}
.pick-gun-metal,
.pick-essential{
background-color: #45463f;
}
.pick-cyan{
background-color: #acc0d2;
}
.pick-purple{
background-color: #8766b5;
}
/*
#3498db
*/
.menu ul.phones-dropdown{
width: 220px;
background-color: white;
}
.menu ul.phones-dropdown li a{
color: #666;
text-transform: none;
}
input#phone-modal{
color: #666;
background: #f5f5f5;
border: none;
height: 50px;
padding-left: 20px;
font-weight: 500;
margin-bottom: 24px;
border-radius: 0;
}
.module.cart-widget-handle{
padding: 0 10px;
}
.widget-handle .cart .label{
left: 2px;
}
.order-callout small{
color: #b8bdc0;
text-transform: uppercase;
}
@media (max-width: 767px){
.xs-text-left{text-align: left}
.table-responsive{border: none}
}
/* ARROWS */
.flex-direction-nav a.flex-next{
right: 5px;
}
.flex-direction-nav a.flex-prev{
left: 5px;
text-align: left;
}
.flex-direction-nav a{
height: 34px;
}
.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before,
.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before{
color: var(--primary-color);
}
@media (min-width: 768px) {
.navbar-toggle {
display: block;
}
}
@media (min-width: 768px){
.navbar-header {
float: initial;
}
}
@media (min-width: 768px){
.navbar-collapse.collapse {
display: none !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.collapse.in {
display: block !important;
}
}
@media (max-width: 1280px) {
nav .container{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
width: unset;
}
.module {
padding: 0 20px;
}
}
.navbar{
margin-bottom: 0;
}
.navbar-default {
border-bottom: none;
}
.navbar-default .navbar-nav > li > a{
color: var(--color-grey);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
background-color: var(--color-yellow);
color: var(--primary-color);
}
.cart-number{
padding: 1px 3px;
border-radius: 50%;
vertical-align: top;
}
.cart-detail-block{
padding: 24px 42px;
border-radius: 2px;
margin-bottom: 32px;
}
.cart-detail-block h4 .icon{
color: var(--primary-color);
font-size: 24px;
}
.fs15,
.fs15 a,
.fs15 li a{
font-size: 15px;
}
h1{font-size: 40px}
.pointer{
cursor: pointer;
}
.cart-overview- a{
line-height: 22px;
}
.header-cart-item{
border-bottom: 1px solid rgb(226, 226, 226);
line-height: 18px;
padding-top: 10px;
padding-bottom: 10px;
}
.pages-links .feature i{
color: #b8bdc0
}
.pages-links .feature.active i,
.pages-links .feature.active h5{
color: #009846;
}
.pages-links .feature a:hover h5,
.pages-links .feature a:hover i{
color: #009846;
}
.pages-links-menu a{
display: inline-block;
height: 44px;
line-height: 44px;
vertical-align: middle;
}
.pages-links-menu a span{
vertical-align: middle;
}
.pages-links-menu a i{
background-repeat: no-repeat;
height:44px;
width: 44px;
display: inline-block;
margin-top: 14px;
}
.pages-links i.icon-contact{
background-image: url("/theme/agro/assets/img/about/icon-contact.svg");
}
.pages-links i.icon-delivery{
background-image: url("/theme/agro/assets/img/about/icon-delivery.svg");
}
.pages-links i.icon-faq{
background-image: url("/theme/agro/assets/img/about/icon-faq.svg");
}
.pages-links i.icon-guarantee{
background-image: url("/theme/agro/assets/img/about/icon-guarantee.svg");
}
.pages-links i.icon-price{
background-image: url("/theme/agro/assets/img/about/icon-price.svg");
}
.select2.select2-container.select2-container--default{
width: auto !important;
}
.cart-sidebar .select2-container .select2-selection--single{
height: 50px;
background: #f5f5f5;
width: 100%;
border-radius: 0;
border: none;
outline: none;
padding-left: 20px;
position: relative;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
color: #777;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
cursor: pointer;
}
.cart-sidebar i{
color: #888
}
.cart-sidebar h2 {
font-size: 1.5em;
}
.cart-sidebar h4 {
font-size: 1em;
font-weight: bold;
}
a {
color: #1f2024;
}
.display-none{display: none;}
h1.page-title {
margin: 0px;
font-size: 20px;
font-weight: bold;
}
.page-title-3,
.page-title-4 {
height: 82px;
}
.product-item{
background: #f8f8f8;
background: #fff;
margin: 0;
padding: 0;
transition: box-shadow 0.2s;
outline: 2px solid var(--alternative-color);
border-radius: 0px;
}
.product-item:hover{
outline-color: var(--primary-color);
}
.product-item hr{
margin 0 auto;
width: 75%;
text-align: center;
margin-bottom: 24px;
}
.product-item:hover{
box-shadow: 0px 12px 17px rgba(0, 8, 29, 0.04),0px 5px 22px rgba(0, 8, 29, 0.05),0px 7px 8px rgba(0, 8, 29, 0.05);
transition: box-shadow 0.2s;
}
.product-item.product-item-forsale:before{
display: none;
position: absolute;
content: ' \25CF';
font-size: 18px;
color: var(--primary-color);
right: 28px;
top: 28px;
}
.product-item .product-item-title{
font-size: 20px;
font-weight: 700;
display: block;
}
.product-item-p{
font-size: 14px;
margin-bottom: 0;
}
.product-item .product-item-info{
padding: 16px;
padding-top: 0;
}
.product-item .product-item-info hr{
border-color: #009846;
margin: 0px auto;
margin-bottom: 24px;
}
.product-item-price{
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
}
.product-name-category{
font-size: 25px;
font-weight: 600;
}
.product-hero-photo {
cursor: pointer;
}
.product-details,
.product-color-capacity a.btn:not(.active),
.product-tabs a{
border-color: var(--border-color);
}
.product-details{
padding: 4px 8px;
border: 1px solid var(--border-color);
border-radius: 2px;
color: #777;
background-color: #f7f7f7;
}
.product-details span,
.product-details i,
.product-details .details-title{
color: #000;
font-weight: 500;
}
.product-details-payment .details-title{
margin: 4px 8px;
}
.product-details-payment .payment-icon{
opacity: .7;
}
.product-details-delivery{
padding: 12px;
}
.product-details-delivery .ti-truck::before{
display: inline-block;
transform: scaleX(-1);
}
.product-details-delivery i{
font-size: 22px;
padding-right: 6px;
}
.product-color-capacity a.btn{
border-width: 1px;
border-radius: 12px;
padding: 0 6px;
text-transform: none;
min-width: none;
color: var(--grey-light);
border-color: var(--border-color);
}
.price-span{
font-size: 24px;
line-height: 24px;
}
.category-more{border-bottom: 1px solid #777}
.category-title{
display: inline;
font-size: 32px;
}
.category-title-count{
font-size: 22px;
}
#toggle-filters {
/*margin-left: 18px;*/
}
.subcategory-item{
background-color: #fff;
border-radius: 4px;
border: 1px solid #fff;
}
.subcategory-item img{
max-height: 96px;
}
.subcategory-item:hover,
.subcategory-item.active{
border-color: #009846;
}
.subcategory-item:hover .subcategory-item-title,
.subcategory-item.active .subcategory-item-title{
color: #009846;
}
.subcategory-item.active .subcategory-item-title{
font-weight: 600;
}
.subcategory-item.active .subcategory-item-go-parent{
position: absolute;
right: 10%;
top: 10px;
color: #000;
}
.subcategory-item.active:hover a{
color: #009846;
}
/* FILTERS */
#product-items-filters.product-items-filters{
border-radius: 4px;
padding: 12px 0;
}
.product-items-filters label{
/*display: block;*/
padding-right: 20px;
font-size: 14px;
font-weight: 400;
margin-bottom: 0;
cursor: pointer;
}
.product-items-filters label input{
position: absolute;
z-index: -1;
opacity: 0;
}
.product-items-filters label > span{
display: inline-flex;
align-items: center;
user-select: none;
}
.product-items-filters label > span::before{
content: '';
display: inline-block;
width: 22px;
height: 22px;
flex-shrink: 0;
flex-grow: 0;
border: 1px solid var(--primary-color);
border-radius: 2px;
margin-right: 5px;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.product-items-filters label span span{
color: grey;
margin-left: 5px;
}
.product-items-filters label > input:not(:disabled):not(:checked)+span:hover::before {
border-color: var(--primary-color);
}
.product-items-filters label > input:not(:disabled):active+span::before {
background-color: #ff554d;
border-color: var(--primary-color);
}
.product-items-filters label > input:focus+span::before {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.product-items-filters label > input:focus:not(:checked)+span::before {
border-color: #ff554d;
}
.product-items-filters label > input:checked+span::before {
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' rx='4' fill='green' fill-opacity='0.9'/%3E%3Crect x='0.5' y='0.5' width='9' height='9' rx='1.5' stroke='green' stroke-opacity='0.9'/%3E%3C/svg%3E%0A");
}
.product-items-filters label > input:disabled+span::before {
background-color: #e9ecef;
}
.product-items-filters p{
font-size: 15px;
line-height: 18px;
line-height: 110%;
margin-bottom: 0;
}
.product-items-filters p:not(:first-child){
margin-top: 20px;
}
.product-items-filters .filter__label:hover > span{
color: var(--primary-color);
}
.product-items-filters .filter{
padding-bottom: 12px;
margin-bottom: 12px;
padding-left: 6px;
border-bottom: 1px solid var(--alternative-color);
}
.product-items-filters .filter:last-of-type{
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
.product-items-filters .filter .filter__title{
font-weight: 600;
color: grey;
padding-bottom: 5px;
margin-bottom: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
color: var(--color-grey);
display: block;
}
.product-items-filters .filter .filter__label{
width: 144px;
padding-bottom: 8px;
}
.selected-filters-list li{
padding-left: 0;
}
.selected-filters-list a,
.selected-filters-list button{
background-color: #fff;
border: 1px solid;
border-color: var(--primary-color-fade);
border-radius: 2px;
color: #000;
padding: 6px 12px;
margin-bottom: 14px;
}
.selected-filters-list a{
display: inline-block;
}
.selected-filters-list-title{
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: black;
}
.selected-filters-list button span{
color: var(--primary-color);
font-size: 12px;
}
.selected-filters-list button:hover,
.selected-filters-list button:hover span,
.selected-filters-list a:hover{
color: #fff;
background-color: #009846;
}
@media (max-width: 991px){
.subcategory-item img{
max-height: 72px;
}
#product-items-filters{
display:none;
}
#product-items-filters > div{
background-color: #fff;
}
}
@media (min-width: 992px){
#product-items-filters{
padding: 0;
}
}
.circle:before {
content: ' \25CF';
font-size: 18px;
}
.circle-green:before {
color: #00e500 !important;
}
.float-right{float: right}
.bg-black{
background: #1d1d1d;
color: white;
}
.bg-radial-primary{
}
a{font-weight: 400}
.footer-menu li a{
color: #333;
font-size: 1em;
}
#footer-social .socials li a {
display: inline-block;
margin: 10px;
width: 2em;
height: 2em;
/*border: 2px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
*/
color: #ffffff;
font-size: 2em;
line-height: 2em;
}
#faq a {
font-size: 24px;
font-family: 'Open Sans', Arial, sans-serif;
color: #666;
font-weight: 300;
}
/* grayscale image */
.grayscale img{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-backface-visibility: hidden;
}
.grayscale:hover img{
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
nav{
background-color: var(--primary-color);
}
.main-menu{
line-height: 100px;
}
.main-menu li a{
font-size: 1em;
color: #fff
}
.top-menu li a{
color: #fff;
text-transform: none;
font-size: 16px;
font-size: 1em;
text-transform: capitalize !important;
font-family: 'Open Sans', Arial, sans-serif;
}
#catalog-menu-mobile li a{
font-size: 20px;
padding-left: 25px;
}
#catalog-menu-mobile ul ul li {
line-height: 50px;
border-bottom: 2px solid var(--alternative-color);
}
#info-menu-mobile .menu-language li{
display: inline;
}
.top-menu {
position: absolute !important;
top: -15px;
right: 110px;
text-transform: capitalize !important;
height: 62px;
color: #000
}
.header-phones{
max-width: 370px
}
.header-phones a{
height: auto;
}
.product-select .btn{
padding: 0 6px;
margin-right: 0px;
}
.btn-white,
.btn.btn-white,
input[type="submit"].btn.btn-white,
button[type="submit"].btn.btn-white{
color: #689aef;
background-color: white;
}
.btn-blue,
a.btn-blue{
background: -webkit-linear-gradient(#689aef,#4583ec);
background: linear-gradient(#689aef,#689aef);
border: none;
color: #fff;
border-radius: 1px;
}
.btn-blue:hover,
a.btn-blue:hover{
background: -webkit-linear-gradient(#4583ec,#085ff1);
background: linear-gradient(#4583ec,#085ff1);
border: none;
}
.btn-blue:visited {
color: #fff;
}
.btn-apple{
text-decoration: none;
min-width: 30px;
min-height: 26px;
text-align: center;
border: 1px solid #d6d6d6;
border-radius: 4px;
color: #5B5B5B;
margin-bottom: 4px;
}
.btn-apple:visited{
color: #5B5B5B
}
.btn-apple.active,
.btn-apple:hover{
border-color: #689aef;
box-shadow: none;
background-color: transparent;
color: #5B5B5B !important;
}
.btn-apple.active{
border-width: 2px;
}
.btn-svg svg{
padding-left: 4px;
}
.btn-svg svg, .btn-svg span {
display: inline-block;
vertical-align: middle;
}
.btn-svg span {
padding-right: 20px;
}
.product-title{
font-size: 2em;
}
.bread a{
color: #777;
}
.module.widget-handle .cart i{
font-size: 28px;
color: var(--color-yellow);
}
.widget-handle .cart .label {
top: -5px;
width: 24px;
height: 24px;
font-size: 12px;
line-height: 24px;
position: relative;
}
.image-slider .v-align-transform{
top: 35%;
}
.image-slider .slides li{
display: flex;
align-items: center;
height: 316px;
}
.flex-control-thumbs img{
max-height: 75px;
width: auto;
margin-right: auto;
margin-left: auto;
}
.slide-text p{
font-size: 30px;
font-weight: 400;
}
a.slide-title{
font-size: 45px;
line-height: 80px;
font-weight: 100;
}
.main-title{
font-size: 2em;
}
.main-features p, main-features h5{
color: var(--color-grey);
font-size: 15px;
}
.main-features i{
color: var(--primary-color);
}
@media (min-width: 992px){
.container {width: 1130px;}
}
@media (min-width: 1400px){
.container {
width: 1400px;
}
}
.fs14{font-size: 14px;}
.navbar-fixed-bottom .product-quick-links{
padding-bottom: 0px
}
.navbar-fixed-bottom .product-quick-links a{
padding: 0 3px;
}
form.halves input[type="number"]{
color:#1e2023;
}
nav.transparent .has-dropdown:after{
color:#1e2023;
}
.menu > li{
/*height: 55px;*/
margin-right: 15px;
}
nav.transparent .menu > li > a, nav.transparent .module.widget-handle i, nav.transparent .nav-utility{
text-decoration: none;
color:#1e2023;
}
.description-short img{
max-height: 64px;
}
.icon-tabs .tab-title span{
letter-spacing: 1px;
line-height: 12px;
}
.ul-cart-overview li{
border-bottom: 1px solid #ccc;
padding: 10px;
}
.cart-overview img{
max-height: 75px;
}
table.table.borderless tr,
table.table.borderless td,
table.table.borderless th {
border: none;
border-top: none;
}
.table-specs th{
font-weight: 300;
color: #1e2023;
line-height: 12px;
}
.table-specs td{
font-weight: bold;
}
.btn{
border-width:1px;
font-weight: normal;
}
.intro-section .align-bottom{
bottom: -50px;
left: 7px;
}
.btn-lg{min-width: 180px}
.display-inline{
display:inline;
}
.tabs-img img{
text-align: center;
display: block;
max-width: 150px;
}
.price-old span{
position: relative;
font-weight: 100;
}
.price-old span:before {
position: absolute;
content: "";
left: -3px;
top: 50%;
right: -3px;
border-top: 2px solid red;
-webkit-transform:rotate(10deg);
-moz-transform:rotate(10deg);
-ms-transform:rotate(10deg);
-o-transform:rotate(10deg);
transform:rotate(10deg);
}
.pl60{padding-left: 60px}
.pl0{padding-left: 0}
.pl8{padding-left: 8px}
.pr8{padding-right: 8px}
.w100{width: 100%}
.w90{width: 90%}
.no-uppercase{
text-transform: none;
}
.softgrey-color{color:#1e2023;}
.product-description{
color: #1e2023;
line-height: 25px;
}
.page-title-2.page-title-2a{
min-height:650px;
}
.apps a {
display: inline-block;
width: 110px;
height: 32px;
margin-right: 10px;
cursor: pointer;
}
.apps a.appstore {
background: url(/i/appstore.svg) 100% no-repeat;
}
.apps a.googleplay {
background: url(/i/googleplay.svg) 100% no-repeat;
}
a.btn-yellow.btn-lg{
font-size: 15px
}
a.btn-yellow.btn-lg i{
font-size: 19px
}
a.btn-yellow{
border-radius: 10px;
background: linear-gradient(to bottom, #f4cb56, #eca826);
border: none;
color: #000 !important;
}
a.btn-yellow:hover{
background: linear-gradient(to bottom, #f6d265, #e99c1c);
border: none;
}
.fs12{
text-transform: none;
letter-spacing: 0px;
font-size: 14px
}
.badge.label-success{
background-color: #5cb85c;
}
.label.label-ghost{
background-color: white;
border: 2px solid var(--alternative-color);
color: var(--primary-color);
/*position: absolute;
top: 18px;
left: 30px;
*/
}
.cart-button-div .tooltip{
cursor: pointer;
}
.image-square .content{padding: 15px;}
@media (max-width: 991px){
.image-square{height:auto;}
}
@media (min-width: 992px){
#rent-section .image {float:right}
#rent-section .content {float:left}
}
nav.transparent.fixed{
box-shadow: 0 1px 0 rgba(117, 117, 117, .2);
}
.reviews-section span img{
max-height: 50px;
}
.no-bold{font-weight: normal;}
.no-min-width{min-width: auto}
/* Animating button */
.tooltip.top .tooltip-inner {background-color:#9037ff;}
.tooltip.top .tooltip-arrow {border-top-color: #9037ff;}
#order-main-page .tooltip.top .tooltip-inner {background-color:#fff; color: #9037ff;}
#order-main-page .tooltip.top .tooltip-arrow {border-top-color: #fff; }
.btn.cart-add-button.loading {
border-radius: 25px;
width: 50px;
min-width: 50px;
max-width: 50px;
max-height: 50px;
cursor: default;
}
.btn.cart-add-button.loading:hover {
background-color: transparent;
}
.cart-add-button{
font-size: 15px;
}
.cart-add-button::after {
content: " ";
border-top: solid 3px #9037ff;
border-right: solid 3px #9037ff;
border-bottom: solid 3px #9037ff;
border-left: solid 3px transparent;
border-radius: 50px;
position: absolute;
top: 7px;
right: 7px;
bottom: 7px;
left: 7px;
margin: auto;
max-width: 30px;
max-height: 30px;
opacity: 0;
z-index: 1;
}
input.cart-add-quantity.form-control{
width: 82px;
height: 46px;
border: 2px solid var(--primary-color);
background-color: var(--primary-color);
color: white;
border-radius: 2px 0 0 2px;
}
.loading-white.cart-add-button::after{
border-top: solid 3px #fff;
border-right: solid 3px #fff;
border-bottom: solid 3px #fff;
border-left: solid 3px transparent;
}
.cart-add-button.loading::after {
animation: fadeIn .3s ease-in, spin 1.3s infinite ease-in-out;
animation-fill-mode: forwards;
}
.cart-add-button.loading span,
.cart-add-button.loading i{
display: none;
}
input[data-mask="phone1"]{
max-width: 200px
}
.mb12{margin-bottom: 12px}
.mb18{margin-bottom: 18px}
.product-rating img{
max-height: 16px
}
.product-quick-links{
padding-bottom: 10px
}
.product-quick-links a{
color:#1e2023;
font-size: 14px;
border-bottom: 1px dotted;
margin: 10px;
}
.number.price small small{
font-size: 50%;
}
/****** PLACE YOUR CUSTOM STYLES HERE ******/
.form-success{
background-color: transparent;
width: 100%;
}
input[type=number].qty,
.qty {
font-size: 20px;
font-weight: 400;
color: #fff;
width: 50px;
border-bottom: 1px solid white;
background-color: transparent;
padding: 0px 0px 0px 13px;
text-align: center;
vertical-align: middle;
outline: none;
}
.cart-form h4.uppercase{
border-bottom: 2px solid #9037ff;
}
.transparent .module.cart-widget-handle .title{
color: white;
}
.fixed .module.cart-widget-handle .title{
color: black;
opacity: 0.5;
}
.module.cart-widget-handle .title{
opacity: 1;
display: inline-block;
}
.transparent .btn-test-drive1{
color: white;
border-color: white;
}
.fixed .btn-test-drive{
color: #9037ff;
border-color: #9037ff;
}
.btn-add-to-cart i{
font-size: 20px;
}
section ul{
color: var(--color-grey);
font-weight: 400;
}
section p{
font-size: 16px;
line-height: 22px;
color: var(--color-grey);
}
.intro-section .icon {font-size: 32px}
.slider-lightning .flex-control-nav{
display: none;
}
.lightning a{
margin: 0;
text-align: center;
cursor: default;
}
.lightning .icon{
display: block;
width: 60px;
height: 52px;
margin: 0 auto 10px;
background-image: url(/images/overall-led-icons.png);
}
.lightning .icon-headlights .icon{background-position: 0px 0}
.lightning .icon-headlights.active .icon,
.lightning .icon-headlights:hover .icon{background-position: 0px -104px}
.lightning .icon-taillights .icon{background-position: -60px 0}
.lightning .icon-taillights.active .icon,
.lightning .icon-taillights:hover .icon{background-position: -60px -104px}
.lightning .icon-signallights .icon{background-position: -120px 0}
.lightning .icon-signallights.active .icon,
.lightning .icon-signallights:hover .icon{background-position: -120px -104px}
.lightning .icon-brakelights .icon{background-position: -180px 0}
.lightning .icon-brakelights.active .icon,
.lightning .icon-brakelights:hover .icon{background-position: -180px -104px}
#order-main-page .halves button{
border-color: white;
margin-left: 0px;
}
#order-main-page .halves input{
color: black;
}
.transparent .module-phone1,
.transparent .module-address1{
display: none
}
.transparent.fixed .module-phone,
.transparent.fixed .module-address{
display: inline-block;
}
.tg_link {
width: 15px;
height: 13px;
margin-right: 4px;
}
.color-select-black{
border:1px solid grey;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: black;
}
.color-select-white{
border:1px solid grey;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: white;
}
.pricing-table .price{
font-size: 48px;
}
.pricing-table .name{
font-size: 40px;
}
.pricing-table li {
font-size: 18px;
}
.pricing-table li strong{
font-size: 20px;
}
.color-select.active{
border-bottom: 1px dashed white;
}
.pricing-product img{
max-height: 250px
}
.cart .cart-green {
color: green;
border-color: green;
}
.cart .cart-green:hover {background-color: green;}
.cart .cart-gray {
color: gray;
border-color: gray;
}
.cart .cart-gray:hover {background-color: gray;}
.cart-tabs .tab-title i{
font-size: 25px;
}
.button-tabs.vertical > .content{
width: 70%;
}
.checkbox-option, .radio-option{
display: inline-flex;
}
.category-sort{
transition: none;
-webkit-transition: none;
}
.lightning a:hover{cursor: normal}
.page-title-cart{height:100px;}
.transparent .module {color: #666}
.transparent.fixed .module {color: #666}
.adapt-switch{color: white}
.color-white{color:white;}
.color-black{color:black !important;}
.font-bold{font-weight: bold;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.min-height-220{min-height: 220px;}
.feature.feature-3 h5{margin-bottom: 0}
.bg-purple{background: #9037ff !important;}
.play-button h4{
margin-top: 40px
}
.mb2{margin-bottom: 2px;}
.image-square1 {
height: 55vw;
max-height: 800px;
}
#adapt-slider .flex-control-nav{
display: none
}
.controls-inside .flex-control-nav {
bottom: 35px;
}
.page-title-1, .page-title-2 {
height: 475px;
}
.page-title.page-title-breadcrumb{
}
.page-title-4 .breadcrumb {
margin: 0;
padding: 0;
top: 0;
}
.security-features .icon {
display: block;
width: 54px;
height: 54px;
margin: 0 auto 25px
}
.security-features .icon-1 {
background-position: 0px 0
}
.security-features .icon-2 {
background-position: -54px 0
}
.security-features .icon-3 {
background-position: -108px 0
}
.security-features .icon-4 {
background-position: -162px 0
}
.security-features .icon-5 {
background-position: 0px -54px
}
.security-features .icon-6 {
background-position: -54px -54px
}
.security-features .icon-7 {
background-position: -108px -54px
}
.security-features .icon-8 {
background-position: -162px -54px
}
.security-features .icon {
background-image: url("/images/overall-safe-icons.png")
}
input[type="number"]{
background: #f5f5f5;
border: none;
width: 100%;
height: 50px;
padding-left: 20px;
font-weight: 500;
margin-bottom: 24px;
border-radius: 0;
}
/* Callback button */
.cbh-phone {
position: fixed;
visibility: hidden;
background-color: transparent;
width: 100px;
height: 100px;
cursor: pointer;
z-index: 998;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: visibility .5s;
-moz-transition: visibility .5s;
-o-transition: visibility .5s;
transition: visibility .5s
}
.cbh-phone.cbh-show {
visibility: visible
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
.cbh-phone.cbh-static {
opacity: .6
}
.cbh-phone.cbh-hover {
opacity: 1
}
.cbh-ph-circle {
width: 160px;
height: 160px;
top: 20px;
left: 20px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(0, 229, 0, .4);
opacity: .1;
-webkit-animation: cbh-circle-anim 3.2s infinite ease-in-out;
-moz-animation: cbh-circle-anim 3.2s infinite ease-in-out;
-ms-animation: cbh-circle-anim 3.2s infinite ease-in-out;
-o-animation: cbh-circle-anim 3.2s infinite ease-in-out;
animation: cbh-circle-anim 3.2s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.cbh-phone.cbh-active .cbh-ph-circle {
-webkit-animation: cbh-circle-anim 1.1s infinite ease-in-out!important;
-moz-animation: cbh-circle-anim 1.1s infinite ease-in-out!important;
-ms-animation: cbh-circle-anim 1.1s infinite ease-in-out!important;
-o-animation: cbh-circle-anim 1.1s infinite ease-in-out!important;
animation: cbh-circle-anim 1.1s infinite ease-in-out!important
}
.cbh-phone.cbh-static .cbh-ph-circle {
-webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
-moz-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
-ms-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
-o-animation: cbh-circle-anim 2.2s infinite ease-in-out!important;
animation: cbh-circle-anim 2.2s infinite ease-in-out!important
}
.cbh-phone.cbh-hover .cbh-ph-circle {
border-color: red;
opacity: 1
}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle {
border-color: rgba(117, 235, 80, 1);
opacity: .5
}
.cbh-phone.cbh-green .cbh-ph-circle {
border-color: rgba(117, 235, 80, 0.8);
}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle {
border-color: rgba(204, 204, 204, 1);
opacity: .5
}
.cbh-phone.cbh-gray .cbh-ph-circle {
border-color: rgba(117, 235, 80, 1);
opacity: .5
}
.cbh-ph-circle-fill {
width: 100px;
height: 100px;
top: 50px;
left: 50px;
position: absolute;
background-color: #000;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .1;
-webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
-moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
-ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
-o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.cbh-phone.cbh-active .cbh-ph-circle-fill {
-webkit-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
-moz-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
-ms-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
-o-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out!important;
animation: cbh-circle-fill-anim 1.7s infinite ease-in-out!important
}
.cbh-phone.cbh-static .cbh-ph-circle-fill {
-webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
-moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
-ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
-o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
animation: cbh-circle-fill-anim 2.3s infinite ease-in-out!important;
opacity: 0!important
}
.cbh-phone.cbh-hover .cbh-ph-circle-fill {
background-color: rgba(0, 175, 242, .5);
opacity: .75!important
}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill {
background-color: rgba(117, 235, 80, .5);
opacity: .75!important
}
.cbh-phone.cbh-green .cbh-ph-circle-fill {
background-color: rgba(117, 235, 80, 0.5);
}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill {
background-color: rgba(204, 204, 204, .5);
opacity: .75!important
}
.cbh-phone.cbh-gray .cbh-ph-circle-fill {
background-color: rgba(117, 235, 80, .5);
opacity: .75!important
}
.cbh-ph-img-circle {
width: 60px;
height: 60px;
top: 70px;
left: 70px;
position: absolute;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==);
background-color: rgba(30, 30, 30, .1);
background-color: rgba(117, 235, 80, 1);
background-position: center center;
background-repeat: no-repeat;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
opacity: .7;
}
.cbh-phone.cbh-active .cbh-ph-img-circle {
-webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out!important;
-moz-animation: cbh-circle-img-anim 1s infinite ease-in-out!important;
-ms-animation: cbh-circle-img-anim 1s infinite ease-in-out!important;
-o-animation: cbh-circle-img-anim 1s infinite ease-in-out!important;
animation: cbh-circle-img-anim 1s infinite ease-in-out!important
}
.cbh-phone.cbh-static .cbh-ph-img-circle {
-webkit-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
-moz-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
-ms-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
-o-animation: cbh-circle-img-anim 0s infinite ease-in-out!important;
animation: cbh-circle-img-anim 0s infinite ease-in-out!important
}
.cbh-phone.cbh:hover .cbh-ph-img-circle {
background-color: rgba(0, 175, 242, 1)
}
.cbh-phone.cbh-green:hover .cbh-ph-img-circle {
}
.cbh-phone.cbh-green .cbh-ph-img-circle {
background-color: rgba(117, 235, 80, 1);
}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle:hover {
background-color: green
}
.cbh-phone.cbh-gray .cbh-ph-img-circle {
background-color: rgba(117, 235, 80, 1)
}
@-moz-keyframes cbh-circle-anim {
0% {
-moz-transform: rotate(0deg) scale(0.5) skew(1deg);
opacity: .1;
-moz-opacity: .1;
-webkit-opacity: .1;
-o-opacity: .1
}
30% {
-moz-transform: rotate(0deg) scale(.7) skew(1deg);
opacity: .5;
-moz-opacity: .5;
-webkit-opacity: .5;
-o-opacity: .5
}
100% {
-moz-transform: rotate(0deg) scale(1) skew(1deg);
opacity: .6;
-moz-opacity: .6;
-webkit-opacity: .6;
-o-opacity: .1
}
}
@-webkit-keyframes cbh-circle-anim {
0% {
-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
-webkit-opacity: .1
}
30% {
-webkit-transform: rotate(0deg) scale(.7) skew(1deg);
-webkit-opacity: .5
}
100% {
-webkit-transform: rotate(0deg) scale(1) skew(1deg);
-webkit-opacity: .1
}
}
@-o-keyframes cbh-circle-anim {
0% {
-o-transform: rotate(0deg) kscale(0.5) skew(1deg);
-o-opacity: .1
}
30% {
-o-transform: rotate(0deg) scale(.7) skew(1deg);
-o-opacity: .5
}
100% {
-o-transform: rotate(0deg) scale(1) skew(1deg);
-o-opacity: .1
}
}
@keyframes cbh-circle-anim {
0% {
transform: rotate(0deg) scale(0.5) skew(1deg);
opacity: .1
}
30% {
transform: rotate(0deg) scale(.7) skew(1deg);
opacity: .5
}
100% {
transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1
}
}
@-moz-keyframes cbh-circle-fill-anim {
0% {
-moz-transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .2
}
50% {
-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
opacity: .2
}
100% {
-moz-transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .2
}
}
@-webkit-keyframes cbh-circle-fill-anim {
0% {
-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .2
}
50% {
-webkit-transform: rotate(0deg) scale(1) skew(1deg);
opacity: .2
}
100% {
-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .2
}
}
@-o-keyframes cbh-circle-fill-anim {
0% {
-o-transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .2
}
50% {
-o-transform: rotate(0deg) scale(1) skew(1deg);
opacity: .2
}
100% {
-o-transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .2
}
}
@keyframes cbh-circle-fill-anim {
0% {
transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0deg) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0deg) scale(0.7) skew(1deg);
opacity: .2
}
}
@keyframes cbh-circle-img-anim {
0% {
transform: rotate(0deg) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0deg) scale(1) skew(1deg)
}
100% {
transform: rotate(0deg) scale(1) skew(1deg)
}
}
@-moz-keyframes cbh-circle-img-anim {
0% {
transform: rotate(0deg) scale(1) skew(1deg)
}
10% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-moz-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-moz-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-moz-transform: rotate(0deg) scale(1) skew(1deg)
}
100% {
-moz-transform: rotate(0deg) scale(1) skew(1deg)
}
}
@-webkit-keyframes cbh-circle-img-anim {
0% {
-webkit-transform: rotate(0deg) scale(1) skew(1deg)
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform: rotate(0deg) scale(1) skew(1deg)
}
100% {
-webkit-transform: rotate(0deg) scale(1) skew(1deg)
}
}
@-o-keyframes cbh-circle-img-anim {
0% {
-o-transform: rotate(0deg) scale(1) skew(1deg)
}
10% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
-o-transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
-o-transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
-o-transform: rotate(0deg) scale(1) skew(1deg)
}
100% {
-o-transform: rotate(0deg) scale(1) skew(1deg)
}
}
#clbh_phone_div:hover .cbh-ph-img-circle{
-webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out;
-moz-animation: cbh-circle-img-anim 1s infinite ease-in-out;
-ms-animation: cbh-circle-img-anim 1s infinite ease-in-out;
-o-animation: cbh-circle-img-anim 1s infinite ease-in-out;
/* animation: cbh-circle-img-anim 1s infinite ease-in-out; */
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
/* END callback button */
/* Breadcrumbs */
.breadcrumbs {
/*centering*/
padding: 12px 0 0 5px;
display: inline-block;
overflow: hidden;
border-radius: 5px;
/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
counter-reset: flag;
}
.breadcrumbs .crumb {
text-decoration: none;
outline: none;
display: block;
float: left;
font-size: 14px;
line-height: 36px;
color: white;
/*need more margin on the left of links to accomodate the numbers*/
padding: 0 10px 0 30px;
background: #666;
background: linear-gradient(#666, #333);
position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumbs .crumb:first-child {
padding-left: 30px;
border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.breadcrumbs .crumb:first-child:before {
left: 14px;
}
.breadcrumbs .crumb:last-child {
border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
padding-right: 20px;
}
/*hover/active styles*/
.breadcrumbs .crumb.active, .breadcrumbs .crumb:hover{
background: #333;
background-color: #206cff;
}
.breadcrumbs .crumb.active a,
.breadcrumbs .crumb:hover a{
color: white
}
.breadcrumbs .crumb.active:after, .breadcrumbs .crumb:hover:after {
background: #333;
background: linear-gradient(135deg, #333, #000);
}
/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumbs .crumb:after {
content: '';
position: absolute;
top: 1px;
right: -18px; /*half of square's length*/
/*same dimension as the line-height of .breadcrumb a */
width: 36px;
height: 35px;
/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's:
length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
if diagonal required = 1; length = 1/1.414 = 0.707*/
transform: scale(0.707) rotate(45deg);
/*we need to prevent the arrows from getting buried under the next link*/
z-index: 1;
/*background same as links but the gradient will be rotated to compensate with the transform applied*/
background: #666;
background: linear-gradient(135deg, #666, #333);
/*stylish arrow design using box shadow*/
/*
5px - for rounded arrows and
50px - to prevent hover glitches on the border created using shadows*/
box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.1), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumbs .crumb:last-child:after {
content: none;
}
.flat .crumb, .flat .crumb:after {
background: white;
color: black;
transition: all 0.5s;
}
.flat .crumb:before {
background: white;
box-shadow: 0 0 0 1px #ccc;
}
.flat .crumb:last-child,
.flat .crumb:hover, .flat .crumb.active,
.flat .crumb:hover:after, .flat .crumb.active:after{
background: #689aef;
color: white;
}
/* ULTRA BUTTON */
.btn-cartoon-wrapper {
display: flex;
justify-content: center;
}
.btn-cartoon {
font-style: italic;
display: flex;
padding: 10px 45px;
text-decoration: none;
font-family: 'Poppins', sans-serif;
font-size: 40px;
color: white;
background: #6225E6;
transition: 1s;
box-shadow: 6px 6px 0 white;
transform: skewX(-15deg);
text-transform: uppercase;
}
.btn-cartoon span{
padding-top: 8px;
}
.btn-cartoon:focus {
outline: none;
}
.btn-cartoon:hover {
transition: 0.5s;
box-shadow: 10px 10px 0 #FBC638;
}
.btn-cartoon span:nth-child(2) {
transition: 0.5s;
margin-right: 0px;
}
.btn-cartoon:hover span:nth-child(2) {
transition: 0.5s;
margin-right: 45px;
}
.btn-cartoon-wrapper span {
transform: skewX(15deg)
}
.btn-cartoon-wrapper span:nth-child(2) {
width: 20px;
margin-left: 30px;
position: relative;
top: 12%;
}
/**************SVG****************/
path.one {
transition: 0.4s;
transform: translateX(-60%);
}
path.two {
transition: 0.5s;
transform: translateX(-30%);
}
.btn-cartoon:hover path.three {
animation: color_anim 1s infinite 0.2s;
}
.btn-cartoon:hover path.one {
transform: translateX(0%);
animation: color_anim 1s infinite 0.6s;
}
.btn-cartoon:hover path.two {
transform: translateX(0%);
animation: color_anim 1s infinite 0.4s;
}
/* SVG animations */
@keyframes color_anim {
0% {
fill: white;
}
50% {
fill: #FBC638;
}
100% {
fill: white;
}
}
.bread-title{
font-size: 26px;
}
.testimonials ul li {
padding-bottom: 50px;
}
.module-phone a{
color: white;
border-bottom: 2px solid var(--color-yellow);
margin: 0 10px;
font-size: 18px;
letter-spacing: 1.1px;
}
.review-text{
font-size: 24px;
line-height: 30px;
color: #000;
}
.flex-control-nav{
bottom: 0px;
}
.testimonials ul li{
padding-bottom: 0px;
margin-bottom: 30px;
}
.flex-control-thumbs li {
border: 1px solid var(--alternative-color);
height: 78px;
display: flex;
align-items: center;
}
.flex-control-thumbs li:has(.flex-active){
border-color: var(--primary-color);
}
.flex-control-nav li a{
border-color: #000;
background-color: transparent;
}
.image-slider .flex-viewport{
border: 3px solid var(--primary-color-fade);
border-radius: 6px;
margin-bottom: 12px;
}
.flex-control-paging li a.flex-active{
background-color: #000;
}
.info-module{
padding-right: 6px;
padding-left: 6px;
}
.color-yellow-gradient{
color: #f4cb56;
}
.color-yellow-gradient:hover{
color: linear-gradient(to bottom, #f6d265, #e99c1c);
}
.cart-overview .header-cart-item{
position: relative;
}
.cart-overview .header-cart-item a.cart-product-remove{
position: absolute;
}
a.cart-product-remove{
z-index: 4;
top: 32px;
right: 24px;
cursor: pointer;
font-size: 22px;
}
.cart-product-remove:hover{
color:#000;
}
.cart-product-remove i{
padding-left: 8px;
color:#009846;
}
.cart-widget-handle .cart-product-remove{
display: none;
}
.cart-line{
position: relative;
}
.header-logo{
position: relative;
padding-left: 82px;
text-transform: uppercase;
font-weight: bold;
}
.header-logo img{
left: 0;
}
.footer-logo{
max-height: 100px;
}
section.section-footer p,
section.section-footer a{
font-size: 18px;
line-height: 26px;
}
section.section-footer h3{
color: #009846;
color: #FFF;
}
h1.product-title{
font-size: 30px;
line-height: 32px;
}
.product-description-short,
.product-description-short p{
font-weight: 400;
}
.product-code{
color: #777;
}
.description-short p{
font-size: 32px;
line-height: 40px;
font-weight: 300;
color: #000;
margin-bottom: 24px;
margin-top: 0;
padding: 0;
}
.description-short p strong{}
.accordion li.active .content {
font-size: 18px;
padding: 15px;
}
.menu-language li.active a{
font-weight: bold
}
.popup__title {
text-align: center;
margin-bottom: 20px;
color: #000;
}
.popup__btns {
display: flex;
flex-direction: column;
}
.popup__inner {
min-width: 250px;
}
.popup__btns > .btn {
margin: 0;
}
.popup__btns > .btn:not(:last-child) {
margin: 0 0 10px;
}
p.lead{
font-weight: 300
}
select{
cursor: pointer;
color: var(--color-grey);
background-color: white;
border: 2px solid var(--primary-color-fade);
border-radius: 2px;
text-transform: none;
height: 48px;
font-size: 14px;
font-weight: 500;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1L9.95907 7.44365C9.27518 8.17314 8.93323 8.53789 8.5 8.53789C8.06677 8.53789 7.72482 8.17314 7.04093 7.44365L1 1' stroke='black' stroke-opacity='1' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
background-size: .85em auto, 100%;
width: 100%;
}
select:hover{
border-color: var(--primary-color);
}
#fancybox-container-1 .fancybox-bg{
opacity: 0.6;
background: #2e2e2e;
}
#fancybox-container-1.fancybox-is-open .fancybox-bg {
opacity: 1;
visibility: visible;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.2);
}
#fancybox-container-1 .popup__title{
font-size: 18px;
font-weight: 600;
}
#fancybox-container-1 button{
text-transform: none;
}
#fancybox-container-1 .popup__inner {
padding-top: 16px;
}
.sidebar{
top: 125px;
bottom: 0;
left: 0;
display: block;
overflow-x: hidden;
overflow-y: auto;
z-index: 99999;
background-color: white;
}
.sidebar ul {
}
.sidebar ul ul{
}
.sidebar > ul > li{
padding: 5px 0;
border-bottom: 1px solid #06aa52;
}
.sidebar ul li a{
font-weight: 400;
color: var(--color-grey);
}
.car{
position: relative;
height: 200px;
display: block;
transition: all 0.5s ease-out;
}
.car img {
position: absolute;
bottom: 5px;
right: 5px;
}
#car_body{
height: 100px;
right: 222px;
right: 172px;
animation: shaking 1s linear infinite;
}
#car_wheel1{
height: 36px;
right: 248px;
}
#car_wheel2{
height: 48.5px;
right: 228px;
right: 178px;
}
#car_basket_wheels{
height: 42px;
right: 81px;
right: 31px;
}
#car_basket{
height: 165px;
bottom: 30px;
right: 58px;
right: 8px;
animation: shaking 1.2s linear infinite;
}
#car_shadow{
height:6px;
bottom: 0;
right: -20px;
opacity: .6;
}
#car- img{
transition: all .65s ease;
-webkit-transition: all .65s ease;
}
@keyframes drive {
0% {
translate: 0 0;
opacity: 1;
}
50% {
translate: -100vw 0;
opacity: 1;
}
50.1% {
translate: -100vw 0;
opacity: 0;
}
50.2% {
translate: 100vw 0;
opacity: 0;
}
50.3% {
translate: 100vw 0;
opacity: 1;
}
100% {
translate: 0 0;
}
}
@keyframes shaking {
0% {
translate: 0 0;
}
20% {
translate: 0 1px;
}
40% {
translate: 0 0;
}
60% {
translate: 0 2px;
}
80% {
translate: 0 0;
}
100% {
translate: 0 0;
}
}
.form-control{
border-radius: 2px;
border-color: var(--primary-color-fade);
border-width: 2px;
min-height: 48px;
}