| Current File : /home/aventura/www/site/wp-content/themes/kleo/assets/css/combined.css |
/*!
* Bootstrap v3.0.0
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world by @mdo and @fat.
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
margin: 0.67em 0;
font-size: 2em;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
height: 0;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
mark {
color: #000;
background: #ff0;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
padding: 0.35em 0.625em 0.75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
button,
input,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
box-sizing: border-box;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@media print {
* {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]: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;
}
@page {
margin: 2cm .5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.table td,
.table th {
background-color: #fff !important;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input,
select[multiple],
textarea {
background-image: none;
}
a {
color: #428bca;
text-decoration: none;
}
a:hover,
a:focus {
color: #2a6496;
text-decoration: underline;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
height: auto;
max-width: 100%;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
height: auto;
max-width: 100%;
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16.099999999999998px;
font-weight: 200;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small {
font-size: 85%;
}
cite {
font-style: normal;
}
.text-muted {
color: #999999;
}
.text-primary {
color: #428bca;
}
.text-warning {
color: #c09853;
}
.text-danger {
color: #b94a48;
}
.text-success {
color: #468847;
}
.text-info {
color: #3a87ad;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.1;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
font-weight: normal;
line-height: 1;
color: #999999;
}
h1,
h2,
h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h4,
h5,
h6 {
margin-top: 10px;
margin-bottom: 10px;
}
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;
}
h1 small,
.h1 small {
font-size: 24px;
}
h2 small,
.h2 small {
font-size: 18px;
}
h3 small,
.h3 small,
h4 small,
.h4 small {
font-size: 14px;
}
.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;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.428571429;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
display: table;
content: " ";
}
.dl-horizontal dd:after {
clear: both;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
display: table;
content: " ";
}
.dl-horizontal dd:after {
clear: both;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999999;
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee;
}
blockquote p {
font-size: 17.5px;
font-weight: 300;
line-height: 1.25;
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote small {
display: block;
line-height: 1.428571429;
color: #999999;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
blockquote.pull-right small:before {
content: '';
}
blockquote.pull-right small:after {
content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
}
address {
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 1.428571429;
}
code,
pre {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
white-space: nowrap;
background-color: #f9f2f4;
border-radius: 4px;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
color: #333333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 4px;
}
pre.prettyprint {
margin-bottom: 20px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container:before,
.container:after {
display: table;
content: " ";
}
.container:after {
clear: both;
}
.container:before,
.container:after {
display: table;
content: " ";
}
.container:after {
clear: both;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row:before,
.row:after {
display: table;
content: " ";
}
.row:after {
clear: both;
}
.row:before,
.row:after {
display: table;
content: " ";
}
.row:after {
clear: both;
}
.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,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-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 {
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 {
float: left;
}
.col-xs-1 {
width: 8.333333333333332%;
}
.col-xs-2 {
width: 16.666666666666664%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.33333333333333%;
}
.col-xs-5 {
width: 41.66666666666667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.333333333333336%;
}
.col-xs-8 {
width: 66.66666666666666%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.33333333333334%;
}
.col-xs-11 {
width: 91.66666666666666%;
}
.col-xs-12 {
width: 100%;
}
@media (min-width: 768px) {
.container {
max-width: 750px;
}
.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 {
float: left;
}
.col-sm-1 {
width: 8.333333333333332%;
}
.col-sm-2 {
width: 16.666666666666664%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.33333333333333%;
}
.col-sm-5 {
width: 41.66666666666667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.333333333333336%;
}
.col-sm-8 {
width: 66.66666666666666%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.33333333333334%;
}
.col-sm-11 {
width: 91.66666666666666%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-push-1 {
left: 8.333333333333332%;
}
.col-sm-push-2 {
left: 16.666666666666664%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.33333333333333%;
}
.col-sm-push-5 {
left: 41.66666666666667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.333333333333336%;
}
.col-sm-push-8 {
left: 66.66666666666666%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.33333333333334%;
}
.col-sm-push-11 {
left: 91.66666666666666%;
}
.col-sm-pull-1 {
right: 8.333333333333332%;
}
.col-sm-pull-2 {
right: 16.666666666666664%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.33333333333333%;
}
.col-sm-pull-5 {
right: 41.66666666666667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.333333333333336%;
}
.col-sm-pull-8 {
right: 66.66666666666666%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.33333333333334%;
}
.col-sm-pull-11 {
right: 91.66666666666666%;
}
.col-sm-offset-1 {
margin-left: 8.333333333333332%;
}
.col-sm-offset-2 {
margin-left: 16.666666666666664%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333333333333%;
}
.col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.col-sm-offset-8 {
margin-left: 66.66666666666666%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.col-sm-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media (min-width: 992px) {
.container {
max-width: 970px;
}
.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 {
float: left;
}
.col-md-1 {
width: 8.333333333333332%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33333333333333%;
}
.col-md-5 {
width: 41.66666666666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.333333333333336%;
}
.col-md-8 {
width: 66.66666666666666%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33333333333334%;
}
.col-md-11 {
width: 91.66666666666666%;
}
.col-md-12 {
width: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.333333333333332%;
}
.col-md-push-2 {
left: 16.666666666666664%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.33333333333333%;
}
.col-md-push-5 {
left: 41.66666666666667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.333333333333336%;
}
.col-md-push-8 {
left: 66.66666666666666%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.33333333333334%;
}
.col-md-push-11 {
left: 91.66666666666666%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.333333333333332%;
}
.col-md-pull-2 {
right: 16.666666666666664%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.33333333333333%;
}
.col-md-pull-5 {
right: 41.66666666666667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.333333333333336%;
}
.col-md-pull-8 {
right: 66.66666666666666%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.33333333333334%;
}
.col-md-pull-11 {
right: 91.66666666666666%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.333333333333332%;
}
.col-md-offset-2 {
margin-left: 16.666666666666664%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333333333%;
}
.col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.col-md-offset-8 {
margin-left: 66.66666666666666%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.col-md-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
.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 {
float: left;
}
.col-lg-1 {
width: 8.333333333333332%;
}
.col-lg-2 {
width: 16.666666666666664%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.33333333333333%;
}
.col-lg-5 {
width: 41.66666666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.333333333333336%;
}
.col-lg-8 {
width: 66.66666666666666%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.33333333333334%;
}
.col-lg-11 {
width: 91.66666666666666%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.333333333333332%;
}
.col-lg-push-2 {
left: 16.666666666666664%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.33333333333333%;
}
.col-lg-push-5 {
left: 41.66666666666667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.333333333333336%;
}
.col-lg-push-8 {
left: 66.66666666666666%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.33333333333334%;
}
.col-lg-push-11 {
left: 91.66666666666666%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.333333333333332%;
}
.col-lg-pull-2 {
right: 16.666666666666664%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.33333333333333%;
}
.col-lg-pull-5 {
right: 41.66666666666667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.333333333333336%;
}
.col-lg-pull-8 {
right: 66.66666666666666%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.33333333333334%;
}
.col-lg-pull-11 {
right: 91.66666666666666%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.333333333333332%;
}
.col-lg-offset-2 {
margin-left: 16.666666666666664%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666666666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333333333333336%;
}
.col-lg-offset-8 {
margin-left: 66.66666666666666%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333333334%;
}
.col-lg-offset-11 {
margin-left: 91.66666666666666%;
}
}
table {
max-width: 100%;
background-color: transparent;
}
th {
text-align: left;
}
.table {
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.428571429;
vertical-align: top;
border-top: 1px solid #dddddd;
}
.table thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd;
}
.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 #dddddd;
}
.table .table {
background-color: #ffffff;
}
.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 #dddddd;
}
.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 #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}
table col[class*="col-"] {
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
display: table-cell;
float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table > 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;
border-color: #d6e9c6;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
background-color: #d0e9c6;
border-color: #c9e2b3;
}
.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;
border-color: #eed3d7;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
background-color: #ebcccc;
border-color: #e6c1c7;
}
.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;
border-color: #fbeed5;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
background-color: #faf2cc;
border-color: #f8e5be;
}
@media (max-width: 768px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
border: 1px solid #dddddd;
}
.table-responsive > .table {
margin-bottom: 0;
background-color: #fff;
}
.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 > thead > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > thead > tr:last-child > td,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
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;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
/* IE8-9 */
line-height: normal;
}
input[type="file"] {
display: block;
}
select[multiple],
select[size] {
height: auto;
}
select optgroup {
font-family: inherit;
font-size: inherit;
font-style: inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
height: auto;
}
.form-control:-moz-placeholder {
color: #999999;
}
.form-control::-moz-placeholder {
color: #999999;
}
.form-control:-ms-input-placeholder {
color: #999999;
}
.form-control::-webkit-input-placeholder {
color: #999999;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
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 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eeeeee;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
display: block;
min-height: 20px;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
vertical-align: middle;
}
.radio label,
.checkbox label {
display: inline;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.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 {
height: auto;
}
.input-lg {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
select.input-lg {
height: 45px;
line-height: 45px;
}
textarea.input-lg {
height: auto;
}
.has-warning .help-block,
.has-warning .control-label {
color: #c09853;
}
.has-warning .form-control {
border-color: #c09853;
-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: #a47e3c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.has-warning .input-group-addon {
color: #c09853;
background-color: #fcf8e3;
border-color: #c09853;
}
.has-error .help-block,
.has-error .control-label {
color: #b94a48;
}
.has-error .form-control {
border-color: #b94a48;
-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: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.has-error .input-group-addon {
color: #b94a48;
background-color: #f2dede;
border-color: #b94a48;
}
.has-success .help-block,
.has-success .control-label {
color: #468847;
}
.has-success .form-control {
border-color: #468847;
-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: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.has-success .input-group-addon {
color: #468847;
background-color: #dff0d8;
border-color: #468847;
}
.form-control-static {
padding-top: 7px;
margin-bottom: 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;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
}
.form-horizontal .control-label,
.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 .form-group {
margin-right: -15px;
margin-left: -15px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
display: table;
content: " ";
}
.form-horizontal .form-group:after {
clear: both;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
display: table;
content: " ";
}
.form-horizontal .form-group:after {
clear: both;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333333;
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 {
pointer-events: none;
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-default {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.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:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #ffffff;
border-color: #cccccc;
}
.btn-primary {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.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:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #428bca;
border-color: #357ebd;
}
.btn-warning {
color: #ffffff;
/*background-color: #f0ad4e;
border-color: #eea236;*/
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ed9c28;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.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:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #d2322d;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.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:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #47a447;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.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:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #ffffff;
background-color: #39b3d7;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.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:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-link {
font-weight: normal;
color: #428bca;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.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: #2a6496;
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: #999999;
text-decoration: none;
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.btn-sm,
.btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs {
padding: 1px 5px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.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;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
/*
@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.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';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
line-height: 1;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-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-print:before {
content: "\e045";
}
.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-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.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-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-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.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-briefcase:before {
content: "\1f4bc";
}
.glyphicon-calendar:before {
content: "\1f4c5";
}
.glyphicon-pushpin:before {
content: "\1f4cc";
}
.glyphicon-paperclip:before {
content: "\1f4ce";
}
.glyphicon-camera:before {
content: "\1f4f7";
}
.glyphicon-lock:before {
content: "\1f512";
}
.glyphicon-bell:before {
content: "\1f514";
}
.glyphicon-bookmark:before {
content: "\1f516";
}
.glyphicon-fire:before {
content: "\1f525";
}
.glyphicon-wrench:before {
content: "\1f527";
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-bottom: 0 dotted;
border-left: 4px solid transparent;
content: "";
}
.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;
list-style: none;
background-color: #ffffff;
border: 1px solid #cccccc;
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);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #428bca;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #428bca;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999999;
}
.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-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.428571429;
color: #999999;
}
.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 {
border-top: 0 dotted;
border-bottom: 4px solid #000000;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
}
.btn-default .caret {
border-top-color: #333333;
}
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
border-top-color: #fff;
}
.dropup .btn-default .caret {
border-bottom-color: #333333;
}
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
border-bottom-color: #fff;
}
.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:focus,
.btn-group-vertical > .btn:focus {
outline: none;
}
.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:before,
.btn-toolbar:after {
display: table;
content: " ";
}
.btn-toolbar:after {
clear: both;
}
.btn-toolbar:before,
.btn-toolbar:after {
display: table;
content: " ";
}
.btn-toolbar:after {
clear: both;
}
.btn-toolbar .btn-group {
float: left;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn-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-bottom-left-radius: 0;
border-top-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 > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group-xs > .btn {
padding: 5px 10px;
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.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 .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 {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
display: table;
content: " ";
}
.btn-group-vertical > .btn-group:after {
clear: both;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
display: table;
content: " ";
}
.btn-group-vertical > .btn-group:after {
clear: both;
}
.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-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
border-collapse: separate;
table-layout: fixed;
}
.btn-group-justified .btn {
display: table-cell;
float: none;
width: 1%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
display: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group.col {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
width: 100%;
margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
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: 45px;
line-height: 45px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
text-align: center;
background-color: #eeeeee;
border: 1px solid #cccccc;
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 > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -4px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
z-index: 2;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav:before,
.nav:after {
display: table;
content: " ";
}
.nav:after {
clear: both;
}
.nav:before,
.nav:after {
display: table;
content: " ";
}
.nav:after {
clear: both;
}
.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: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #999999;
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: #428bca;
}
.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 #dddddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
background-color: #ffffff;
border: 1px solid #dddddd;
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 {
text-align: center;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-bottom: 1px solid #dddddd;
}
.nav-tabs.nav-justified > .active > a {
border-bottom-color: #ffffff;
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 5px;
}
.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: #ffffff;
background-color: #428bca;
}
.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 {
text-align: center;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-bottom: 1px solid #dddddd;
}
.nav-tabs-justified > .active > a {
border-bottom-color: #ffffff;
}
.tabbable:before,
.tabbable:after {
display: table;
content: " ";
}
.tabbable:after {
clear: both;
}
.tabbable:before,
.tabbable:after {
display: table;
content: " ";
}
.tabbable:after {
clear: both;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.nav .caret {
border-top-color: #428bca;
border-bottom-color: #428bca;
}
.nav a:hover .caret {
border-top-color: #2a6496;
border-bottom-color: #2a6496;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
position: relative;
z-index: 1000;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
.navbar:before,
.navbar:after {
display: table;
content: " ";
}
.navbar:after {
clear: both;
}
.navbar:before,
.navbar:after {
display: table;
content: " ";
}
.navbar:after {
clear: both;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
.navbar-header:before,
.navbar-header:after {
display: table;
content: " ";
}
.navbar-header:after {
clear: both;
}
.navbar-header:before,
.navbar-header:after {
display: table;
content: " ";
}
.navbar-header:after {
clear: both;
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
max-height: 340px;
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse:before,
.navbar-collapse:after {
display: table;
content: " ";
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse:before,
.navbar-collapse:after {
display: table;
content: " ";
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -15px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
.navbar-collapse .navbar-text:last-child {
margin-right: 0;
}
}
.container > .navbar-header,
.container > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
z-index: 1030;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
}
.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > 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;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 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);
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
}
@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-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
right: 0;
left: auto;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-text {
float: left;
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
margin-right: 15px;
margin-left: 15px;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777777;
}
.navbar-default .navbar-nav > li > a {
color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e6e6e6;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #333333;
border-bottom-color: #333333;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
border-top-color: #555555;
border-bottom-color: #555555;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #777777;
border-bottom-color: #777777;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333333;
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: #555555;
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: #cccccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777777;
}
.navbar-default .navbar-link:hover {
color: #333333;
}
.navbar-inverse {
background-color: #222222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #999999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #999999;
}
.navbar-inverse .navbar-nav > li > a {
color: #999999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color: #999999;
border-bottom-color: #999999;
}
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #999999;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff;
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: #ffffff;
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: #444444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #999999;
}
.navbar-inverse .navbar-link:hover {
color: #ffffff;
}
.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: #cccccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #999999;
}
.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.428571429;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
background-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
cursor: default;
background-color: #428bca;
border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #999999;
cursor: not-allowed;
background-color: #ffffff;
border-color: #dddddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-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;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-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:before,
.pager:after {
display: table;
content: " ";
}
.pager:after {
clear: both;
}
.pager:before,
.pager:after {
display: table;
content: " ";
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
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: #999999;
cursor: not-allowed;
background-color: #ffffff;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.label[href]:hover,
.label[href]:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.label-default {
background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #808080;
}
.label-primary {
background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #3071a9;
}
.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: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #999999;
border-radius: 10px;
}
.badge:empty {
display: none;
}
a.badge:hover,
a.badge:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.btn .badge {
position: relative;
top: -1px;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #428bca;
background-color: #ffffff;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
padding: 30px;
margin-bottom: 30px;
font-size: 21px;
font-weight: 200;
line-height: 2.1428571435;
color: inherit;
background-color: #eeeeee;
}
.jumbotron h1 {
line-height: 1;
color: inherit;
}
.jumbotron p {
line-height: 1.4;
}
.container .jumbotron {
border-radius: 6px;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1 {
font-size: 63px;
}
}
.thumbnail {
display: inline-block;
display: block;
height: auto;
max-width: 100%;
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.thumbnail > img {
display: block;
height: auto;
max-width: 100%;
}
a.thumbnail:hover,
a.thumbnail:focus {
border-color: #428bca;
}
.thumbnail > img {
margin-right: auto;
margin-left: auto;
}
.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 {
padding-right: 35px;
}
.alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #356635;
}
.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #2d6987;
}
.alert-warning {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
}
.alert-warning hr {
border-top-color: #f8e5be;
}
.alert-warning .alert-link {
color: #a47e3c;
}
.alert-danger {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-danger hr {
border-top-color: #e6c1c7;
}
.alert-danger .alert-link {
color: #953b39;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 40px 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;
color: #ffffff;
text-align: center;
background-color: #428bca;
-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;
transition: width 0.6s ease;
}
.progress-striped .progress-bar {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
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: -moz-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);
background-size: 40px 40px;
}
.progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-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-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
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: -moz-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-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
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: -moz-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-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
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: -moz-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-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
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: -moz-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,
.media-body {
overflow: hidden;
zoom: 1;
}
.media,
.media .media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media-object {
display: block;
}
.media-heading {
margin: 0 0 5px;
}
.media > .pull-left {
margin-right: 10px;
}
.media > .pull-right {
margin-left: 10px;
}
.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: #ffffff;
border: 1px solid #dddddd;
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
a.list-group-item {
color: #555555;
}
a.list-group-item .list-group-item-heading {
color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
text-decoration: none;
background-color: #f5f5f5;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.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 {
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: #e1edf7;
}
.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: #ffffff;
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-body:before,
.panel-body:after {
display: table;
content: " ";
}
.panel-body:after {
clear: both;
}
.panel-body:before,
.panel-body:after {
display: table;
content: " ";
}
.panel-body:after {
clear: both;
}
.panel > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item {
border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child {
border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.panel > .table {
margin-bottom: 0;
}
.panel > .panel-body + .table {
border-top: 1px solid #dddddd;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.panel-title > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #dddddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-group .panel {
margin-bottom: 0;
overflow: hidden;
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 {
border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #dddddd;
}
.panel-default {
border-color: #dddddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #dddddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #dddddd;
}
.panel-primary {
border-color: #428bca;
}
.panel-primary > .panel-heading {
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #428bca;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-warning {
border-color: #fbeed5;
}
.panel-warning > .panel-heading {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
border-top-color: #fbeed5;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #fbeed5;
}
.panel-danger {
border-color: #eed3d7;
}
.panel-danger > .panel-heading {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
border-top-color: #eed3d7;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #eed3d7;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #bce8f1;
}
.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: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
margin-right: 15px;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: auto;
overflow-y: scroll;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog {
z-index: 1050;
width: auto;
padding: 10px;
margin-right: auto;
margin-left: auto;
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
min-height: 16.428571429px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.428571429;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-footer {
padding: 19px 20px 20px;
margin-top: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.modal-footer:after {
clear: both;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.modal-footer:after {
clear: both;
}
.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;
}
@media screen and (min-width: 768px) {
.modal-dialog {
right: auto;
left: 50%;
width: 600px;
padding-top: 30px;
padding-bottom: 30px;
}
.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);
}
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
visibility: visible;
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-color: #000000;
border-width: 5px 5px 0;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-top-color: #000000;
border-width: 5px 5px 0;
}
.tooltip.top-right .tooltip-arrow {
right: 5px;
bottom: 0;
border-top-color: #000000;
border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-right-color: #000000;
border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-left-color: #000000;
border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-bottom-color: #000000;
border-width: 0 5px 5px;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
white-space: normal;
background-color: #ffffff;
border: 1px solid #cccccc;
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);
background-clip: padding-box;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 11px;
}
.popover .arrow:after {
border-width: 10px;
content: "";
}
.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;
border-top-color: #ffffff;
border-bottom-width: 0;
content: " ";
}
.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;
border-right-color: #ffffff;
border-left-width: 0;
content: " ";
}
.popover.bottom .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
border-top-width: 0;
}
.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
border-bottom-color: #ffffff;
border-top-width: 0;
content: " ";
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
border-right-width: 0;
}
.popover.left .arrow:after {
right: 1px;
bottom: -10px;
border-left-color: #ffffff;
border-right-width: 0;
content: " ";
}
.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;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
height: auto;
max-width: 100%;
line-height: 1;
}
.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: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
opacity: 0.5;
filter: alpha(opacity=50);
}
.carousel-control.left {
background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
font-family: serif;
}
.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;
border: 1px solid #ffffff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #ffffff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
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 .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
font-size: 30px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after {
clear: both;
}
.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;
visibility: hidden !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xlg {
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;
}
}
/* Visibility xlg */
@media (min-width: 1440px) {
.visible-xlg {
display: block !important;
}
table.visible-xlg {
display: table !important;
}
tr.visible-xlg {
display: table-row !important;
}
th.visible-xlg,
td.visible-xlg {
display: table-cell !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;
}
}
@media (min-width: 1440px) {
.hidden-xlg {
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;
}
}
/* --------------------------------------------------
Table of Contents
----------------------------------------------------- */
/*
Theme Name: Kleo Template
Description: A multipurpose WordPress template
Author: SeventhQueen
Author URI: http://themeforest.net/user/SeventhQueen/portfolio?ref=SeventhQueen
Tags: clean, responsive, creative, minimal, modern, landing page, bootstrap 3
01. Shared Styles
02. Page Template
03. Boxed Page
04. Page Sections
05. WordPress Styles
06. Font Icons Core
07. Visual Composer Extra class names
08. Retina Ready CSS Graphics
09. Media Queries
10. Shortcodes
*/
/* -----------------------------------------
01. Shared Styles
----------------------------------------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
th,
td {
direction: ltr;
}
html,
body {
overflow-x: hidden;
}
body {
/*background-image: url('../img/bg-body.gif');*/
/*font-family: 'Open Sans', sans-serif;*/
font-size: 13px;
line-height: 22px;
overflow: hidden;
}
/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 10px 0;
font-weight: 300;
line-height: 22px;
text-rendering: optimizelegibility;
}
h1.title {
font-size: 46px;
line-height: 48px;
font-weight: 300;
margin-bottom: 25px;
}
h2.title {
font-size: 36px;
line-height: 48px;
font-weight: 300;
margin-bottom: 30px;
}
h1 {
font-size: 36px;
line-height: 48px;
margin-bottom: 25px;
}
h2 {
font-size: 28px;
line-height: 36px;
margin-bottom: 20px;
}
h3 {
font-size: 22px;
line-height: 28px;
margin-bottom: 20px;
}
h4 {
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
}
h5 {
font-size: 17px;
line-height: 27px;
margin-bottom: 10px;
}
h6 {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
}
h1.intro {
color: #89949b;
line-height: 40px;
font-weight: 300;
margin-bottom: 60px;
}
/* Custom color sections*/
section.custom-color h1,
section.custom-color h2,
section.custom-color h3,
section.custom-color h4,
section.custom-color h5,
section.custom-color h6 {
color: inherit !important;
}
section.custom-color h1 a,
section.custom-color h2 a,
section.custom-color h3 a,
section.custom-color h4 a,
section.custom-color h5 a,
section.custom-color h6 a {
color: inherit !important;
}
section.custom-color .hr-title {
border: none !important;
}
section.custom-color .hr-title abbr {
background-color: transparent !important;
}
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
margin-top: 1.5em;
}
p {
margin: 0.85em 0;
}
.btn + .btn {
margin-left: 10px;
}
select + select {
margin-left: 5px !important;
}
.lead {
/*font-family: sans-serif;*/
margin-bottom: 20px;
font-size: 18px;
font-weight: 200;
line-height: 30px;
}
.muted,
h1.muted a {
color: #bbb;
}
a.muted:hover,
a.muted:focus {
color: #7f8c8d;
}
.text-warning {
color: #f1c40f;
}
a.text-warning:hover,
a.text-warning:focus {
color: #f39c12;
}
.text-error {
color: #e74c3c;
}
a.text-error:hover,
a.text-error:focus {
color: #c0392b;
}
.text-info {
color: #3498db;
}
a.text-info:hover,
a.text-info:focus {
color: #2980b9;
}
.text-success {
color: #1abc9c;
}
a.text-success:hover,
a.text-success:focus {
color: #16a085;
}
a:focus,
a:hover {
outline: none;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
img {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
}
.img-full-width,
.img-full-width .vc_figure,
.img-full-width .vc_single_image-wrapper,
.img-full-width a,
.img-full-width img {
width: 100% !important;
}
.vbottom {
vertical-align: bottom;
}
.wpb_single_image .vc_figure {
max-width: 100% !important;
}
div.wpb_single_image .vc_figure .vc_single_image-wrapper {
margin-bottom: 0;
}
img[alt] {
font-size: 82%;
line-height: 10px;
}
.inline-image {
display: inline-block;
margin: 0 5px;
}
iframe,
object,
embed,
video {
max-width: 100%;
border: none;
/*height: auto;*/
}
.adsbygoogle iframe {
height: inherit;
}
audio,
video {
width: 100%;
}
pre {
clear: none;
border: 1px solid #f7f7f7;
border-left: 3px solid #e5e5e5;
color: #777;
overflow: auto;
/*padding:2em;*/
line-height: 2em;
font-size: 12px;
background-color: #fff;
/*background-image: -webkit-linear-gradient(rgba(0, 0, 0, .02) 50%, transparent 50%, transparent);
background-image: -moz-linear-gradient(rgba(0, 0, 0, .02) 50%, transparent 50%, transparent);
background-image: -ms-linear-gradient(rgba(0, 0, 0, .02) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(0, 0, 0, .02) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(0, 0, 0, .02) 50%, transparent 50%, transparent);*/
-webkit-background-size: 100% 4em ;
-moz-background-size: 100% 4em ;
background-size: 100% 4em;
-webkit-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
transition: all ease-in-out 0.5s;
margin-bottom: 30px;
position: relative;
left: 0;
text-transform: none;
width: auto;
}
label {
font-weight: normal;
}
ins {
text-decoration: none;
}
/* TO DO */
.all-classes {
transition: all 0.25s ease-out 0s;
}
/* Useful classes*/
.no-padd {
padding: 0;
}
.no-bot-padd {
padding-bottom: 0;
}
.no-margin,
.no-margin-vc-elements .wpb_row,
.no-margin-vc-elements .wpb_content_element {
margin: 0;
}
.no-border,
input.form-control.no-border,
.btn.no-border {
border: none;
}
.no-border-radius {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.no-bot-margin {
margin-bottom: 0;
}
.small-text {
font-size: 12px;
}
.strong {
font-weight: bold;
}
.alignleft {
float: left;
margin: 5px 30px 10px 0;
}
.alignright {
float: right;
margin: 5px 0 10px 30px;
}
.aligncenter {
display: block;
margin: 5px auto 10px auto;
}
.alignnone {
float: none;
margin: 5px auto 10px auto;
}
.ov-hidden {
overflow: hidden;
}
.div-center {
margin: 0 auto;
}
.clear:before,
.clear:after {
display: table;
content: " ";
}
.clear:after {
clear: both;
}
.kleo-rounded {
border-radius: 100%;
}
.kleo-rounded img.avatar {
border-style: solid;
border-width: 5px;
border-radius: 100%;
}
.custom-color .kleo-rounded img.avatar {
border-color: rgba(255, 255, 255, 0.3) !important;
}
.text-left {
text-align: left;
}
/* Text meant only for screen readers */
span.screen-reader-text,
label.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
.bg-center,
#main .bg-center {
background-position: center !important;
}
.bg-no-repeat,
#main .bg-no-repeat {
background-repeat: no-repeat !important;
}
.bg-size-auto,
#main .bg-size-auto {
background-size: auto !important;
}
.letter-spacing-2px {
letter-spacing: 2px;
}
.letter-spacing-4px {
letter-spacing: 4px;
}
.letter-spacing-25 {
letter-spacing: 0.03em;
}
.letter-spacing-50 {
letter-spacing: 0.06em;
}
.letter-spacing-75 {
letter-spacing: 0.09em;
}
.letter-spacing-100 {
letter-spacing: 0.12em;
}
/* -----------------------------------------
02. Page Template
----------------------------------------- */
.wpb_wrapper section {
background-color: transparent;
}
#footer {
position: relative;
}
.border-top {
border-top-style: solid;
border-top-width: 1px;
}
.border-left {
border-left-style: solid;
border-left-width: 1px;
}
.border-right {
border-right-style: solid;
border-right-width: 1px;
}
.border-bottom {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.container-wrap.bg-full-width,
.container-wrap.bg-full-width + .container-wrap {
border-top: none;
}
.container .container {
padding: 0;
}
.template-page {
border-right-style: solid;
border-right-width: 1px;
}
#footer .template-page {
border: none;
}
.template-page,
.sidebar {
padding-top: 40px;
padding-bottom: 40px;
min-height: 1px;
}
.wpb_wrapper {
clear: both;
position: relative;
}
.container-full {
padding: 0;
}
.container-full:before,
.container-full:after {
display: table;
content: " ";
}
.container-full:after {
clear: both;
}
.container-full .template-page.col-sm-12 {
padding: 0;
}
.template-page.tpl-no {
border-right: 0;
}
.template-page.tpl-right .wrap-content {
padding-right: 35px;
}
.template-page.no .wrap-content {
padding-right: 0;
}
.template-page.col-sm-push-3 .wrap-content {
padding-right: 0;
padding-left: 35px;
}
.page-boxed .template-page.tpl-left .wrap-content {
padding-left: 17.5px;
}
.page-boxed .template-page.tpl-right .wrap-content {
padding-right: 17.5px;
}
.page-boxed .sidebar-left .inner-content {
padding-right: 17.5px;
}
.page-boxed .sidebar-right .inner-content {
padding-left: 17.5px;
}
.template-page.tpl-3ll .wrap-content,
.template-page.tpl-3lr .wrap-content,
.sidebar-main.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3lr .inner-content,
.sidebar-extra.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3ll .inner-content {
padding-left: 15px;
}
.template-page.tpl-3lr .wrap-content,
.template-page.tpl-3rr .wrap-content,
.sidebar-main.sidebar-3lr .inner-content,
.sidebar-main.sidebar-3ll .inner-content,
.sidebar-main.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3ll .inner-content {
padding-right: 15px;
width: 100%;
}
.sidebar-left .inner-content {
padding-right: 35px;
}
.sidebar-right .inner-content {
padding-left: 35px;
}
.template-page.tpl-3ll .wrap-content {
padding-right: 0;
}
.template-page.tpl-left,
.template-page.tpl-3ll,
.sidebar-extra.sidebar-3ll,
.sidebar-extra.sidebar-3lr,
.sidebar-extra.sidebar-3rr {
border-right: none;
border-left-style: solid;
border-left-width: 1px;
}
.sidebar-right,
.sidebar-main.sidebar-3rr {
border-left-style: solid;
border-left-width: 1px;
}
.sidebar-left,
.sidebar-extra.sidebar-3ll,
.sidebar-main.sidebar-3ll,
.sidebar-main.sidebar-3lr,
.sidebar-main.sidebar-3rr {
border-right-style: solid;
border-right-width: 1px;
}
.sidebar-right,
.sidebar-main.sidebar-3rr,
.sidebar-extra.sidebar-3rr {
margin-left: -1px;
}
.template-page.with-meta .article-content .wpb_wrapper:first-child,
.standard-listing.with-meta .article-media .mejs-container {
clear: right;
}
/* Equal height columns fix */
#main-container > .row {
/*overflow: hidden;*/
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* fix for overlapping backgrounds */
#main > .main-color .main-color .main-color {
background-image: none;
}
/* TODO - Temporary work on half background section(unfinished) */
section.container-wrap.border-bottom.half-section:before {
content: " ";
display: block;
width: 1px;
position: absolute;
top: 0;
left: 50%;
bottom: 0;
}
section.container-wrap.half-section {
background-image: -webkit-linear-gradient(0deg, #fff, #fff);
background-image: -moz-linear-gradient(0deg, #fff, #fff);
background-image: -o-linear-gradient(0deg, #fff, #fff);
background-image: -ms-linear-gradient(0deg, #fff, #fff);
background-image: linear-gradient(0deg, #fff, #fff);
-webkit-background-size: 50% 100%;
-moz-background-size: 50% 100%;
background-size: 50% 100%;
background-repeat: no-repeat;
}
section.container-wrap.half-section .col-sm-6:nth-child(2) {
padding-left: 50px;
}
.flexbox-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flexbox-center {
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.flexbox-bottom {
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.flexbox-justify-center {
justify-content: center;
}
.flexbox-justify-left {
justify-content: flex-start;
}
.flexbox-justify-right {
justify-content: flex-end;
}
/* -----------------------------------------
03. Boxed Page
----------------------------------------- */
.page-boxed {
box-shadow: 0 0 3px rgba(153, 153, 153, 0.1);
max-width: 1440px;
min-width: 300px;
margin: 0 auto;
position: relative;
}
.kleo-navbar-fixed .page-boxed .kleo-main-header {
/*max-width: 1280px;*/
width: 100%;
/* Still need this for IE */
max-width: 1440px;
margin: 0 auto;
}
.navbar-full-width .page-boxed {
box-shadow: none;
max-width: 100% !important;
}
.navbar-full-width .page-boxed #main,
.navbar-full-width .page-boxed #footer,
.navbar-full-width .page-boxed #socket {
max-width: 1440px;
width: 100%;
margin: 0 auto;
position: relative;
box-shadow: 0 0 3px rgba(153, 153, 153, 0.1);
}
.navbar-full-width #header,
.navbar-full-width .social-header .container,
.navbar-full-width .kleo-main-header,
.navbar-full-width .kleo-main-header .container {
max-width: 100% !important;
}
.navbar-full-width .social-header .container,
.navbar-full-width .kleo-main-header .container {
padding-right: 30px;
padding-left: 30px;
}
/* -----------------------------------------
04. Page Sections
----------------------------------------- */
/* General Main Section */
#main {
clear: both;
margin-top: -1px;
}
.main-title {
padding: 10px 0;
}
.main-title .page-title {
float: left;
clear: left;
-ms-word-wrap: break-word;
word-wrap: break-word;
max-width: 100%;
}
.template-page .page-title {
float: none;
}
.main-title .breadcrumb {
font-size: 12px;
background-color: transparent;
border-radius: none;
list-style: none outside none;
margin-bottom: 0;
padding: 0;
float: left;
clear: left;
}
.breadcrumb .sep {
padding: 0 3px;
}
.breadcrumb .sep:before {
content: "/";
}
.kleo-custom-breadcrumb .sep {
padding: 0 6px;
}
.title-single {
padding-bottom: 10px;
}
.main-title .page-title {
font-size: 26px;
line-height: 34px;
margin: 0;
}
.page-info {
clear: right;
float: right;
font-size: 12px;
margin: 0;
}
/* Center Title & Infos */
.main-center-title {
text-align: center;
}
.main-center-title .page-title {
float: none;
display: block;
}
.main-center-title .breadcrumb-extra {
display: block;
padding: 10px 0;
}
.main-center-title .breadcrumb {
float: none;
}
.main-center-title .page-info {
float: none;
}
/* Left Title - Right Infos */
.main-right-breadcrumb.main-title .container {
display: table;
width: 100%;
}
.main-right-breadcrumb.main-title .page-title {
display: table-cell;
vertical-align: middle;
float: none;
}
.main-right-breadcrumb .breadcrumb-extra {
display: table-cell;
vertical-align: middle;
}
.main-right-breadcrumb .breadcrumb {
float: right;
}
.form-control,
.form-control:focus {
border-style: solid;
border-width: 1px;
outline: 0;
box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance: none;
}
.bg-parallax {
background-attachment: fixed;
background-position-x: 50%;
}
.kleo-mobile .bg-parallax {
background-attachment: scroll !important;
}
.bg-full-width {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* Video background */
.bg-full-video .container,
.bg-full-video .container-full {
position: relative;
z-index: 1;
pointer-events: none;
}
.bg-full-video a,
.bg-full-video input,
.bg-full-video textarea,
.bg-full-video button {
pointer-events: all !important;
}
.bg-full-video {
padding: 0 !important;
position: relative;
}
.bg-full-video .mejs-container {
width: auto !important;
height: auto !important;
overflow: hidden;
position: static;
}
.bg-full-video .mejs-mediaelement {
position: relative;
}
.bg-full-video .mejs-container video {
width: 100%;
height: auto !important;
max-width: none;
}
.no-video-controls .mejs-controls,
.no-video-controls .mejs-overlay-play {
display: none !important;
}
.bg-full-video .mejs-poster.mejs-layer {
background-size: cover;
width: 100% !important;
height: 100% !important;
}
.video-wrap {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.video-wrap video {
min-height: 100%;
min-width: 100%;
}
.kleo-video-wrap {
/*overflow: hidden;*/
}
#main .mejs-container-fullscreen .mejs-mediaelement,
#main .mejs-container-fullscreen video {
height: auto !important;
}
/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) {
.bg-full-video > video {
height: 300%;
top: -100%;
}
}
@media (max-aspect-ratio: 16/9) {
.bg-full-video > video {
width: 300%;
left: -100%;
}
}
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
.bg-full-video > video {
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
}
/* Header Section */
div .logo {
float: left;
margin-right: 20px;
}
.logo,
.logo a {
display: block;
height: 100%;
/*overflow: hidden;*/
position: relative;
font-size: 22px;
font-weight: 100;
width: auto;
}
.logo img {
/*display: block;*/
/*height: 100%;*/
margin-top: -6px;
max-height: 100%;
width: auto;
}
.logo a,
.logo img {
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.social-header {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.top-bar {
font-size: 12px;
/*height: 33px;*/
line-height: 33px;
}
.top-bar:before,
.top-bar:after {
display: table;
content: " ";
}
.top-bar:after {
clear: both;
}
.top-bar:before,
.top-bar:after {
display: table;
content: " ";
}
.top-bar:after {
clear: both;
}
.top-bar .dropdown-menu {
left: -4px;
}
.top-bar .tabdrop .dropdown-menu {
left: auto;
right: 0;
}
/* Top Social Icons */
#top-social {
position: relative;
height: 33px;
}
#top-social ul {
padding-left: 0;
}
#top-social > ul {
height: 33px;
}
#top-social li {
margin-left: 0;
padding-left: 0;
}
#top-social li,
#top-social li a,
#top-social li i,
#top-social li .ts-text {
display: inline-block;
position: relative;
width: 33px;
height: 33px;
line-height: 33px;
text-align: center;
-webkit-transition: ease 0.5s;
-moz-transition: ease 0.5s;
-o-transition: ease 0.5s;
transition: ease 0.5s;
}
#top-social li,
#top-social li a,
#top-social li .ts-text {
float: left;
width: auto;
overflow: hidden;
}
#top-social li .ts-text {
opacity: 0;
}
#top-social li a {
width: 33px;
line-height: 33px;
border-right-width: 1px;
border-right-style: solid;
margin-left: 1px;
}
#top-social li:last-child a {
border-right: none;
}
#top-social li:hover,
#top-social li a:hover {
text-decoration: none;
}
#top-social li a:hover .ts-text {
opacity: 1;
}
#top-social li i {
float: left;
}
#top-social li.tabdrop {
overflow: visible;
}
#top-social .dropdown-menu li,
#top-social .dropdown-menu li a,
#top-social .dropdown-menu li .ts-text {
opacity: 1;
padding: 0;
}
#top-social .dropdown-menu li,
#top-social .dropdown-menu li a {
width: 100%;
}
#top-social .tabdrop:before {
border-left-style: solid;
border-left-width: 1px;
content: "\e97c";
display: block;
font: 16px "fontello";
height: 33px;
margin-left: -1px;
padding-top: 8px;
pointer-events: none;
position: absolute;
text-align: center;
transition: all 0.4s ease-in-out 0s;
width: 35px;
z-index: 12;
}
#top-social > ul li.tabdrop a {
border: none;
}
#top-social > ul li.tabdrop.open .dropdown-menu a {
width: 100% !important;
}
/* Icon Shortcode */
a .link-icon {
display: inline-block;
margin: 0 10px;
}
/* Top Meniu Links */
.top-menu > ul {
margin: 0;
padding: 0;
text-align: right;
}
.top-menu li {
display: inline-block;
}
.top-menu li.has-submenu {
position: relative;
}
.top-menu li > a {
line-height: 33px;
border-right-width: 1px;
border-right-style: solid;
display: inline-block;
padding: 0 8px;
}
.top-menu li:last-child > a {
border-right: none;
}
.top-menu .dropdown-menu a {
border: none;
display: block;
line-height: 20px;
padding: 5px 18px;
}
.top-menu ul li ul {
text-align: left;
}
.top-menu .dropdown-menu {
font-size: 12px;
margin: 0;
padding: 0;
border: 1px solid #e5e5e5;
border-radius: 0;
box-shadow: 1px 1px 3px rgba(102, 102, 102, 0.1);
min-width: 160px;
}
.top-menu .caret {
margin-right: 6px;
}
.top-menu .caret:after {
top: 0;
}
.top-menu .dropdown-menu li {
display: block;
}
.top-menu .dropdown-menu li:last-child {
border-bottom: none;
}
.top-menu .tabdrop:before {
border-left-style: solid;
border-left-width: 1px;
content: "\e97c";
display: block;
font: 16px "fontello";
height: 33px;
padding-top: 7px;
pointer-events: none;
position: absolute;
text-align: center;
transition: all 0.4s ease-in-out 0s;
width: 35px;
z-index: 12;
}
.top-menu .tabdrop > .dropdown-toggle {
width: 35px;
}
.top-menu li.bp-login-nav a:before,
.top-menu li.bp-register-nav a:before {
font-family: "fontello";
float: left;
display: inline-block;
margin-right: 5px;
}
.top-menu li.bp-login-nav a:before {
content: "\e83b";
}
.top-menu li.bp-register-nav a:before {
content: "\e82b";
}
.top-menu ul.dropdown-menu.pull-left ul.dropdown-menu.sub-menu {
left: 100%;
}
/* Nav Menu */
#header .is-sticky .kleo-main-header {
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
/*backface-visibility: hidden;*/
/*transition: all 0.3s ease-in-out 0s;*/
}
#header .kleo-main-header > .container {
animation-fill-mode: both;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.header-flexmenu #header .kleo-main-header > .container {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
}
.navbar .kleo-main-header {
padding-right: 0;
padding-left: 0;
margin-bottom: 0;
border-radius: 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}
@media (max-width: 991px) {
.kleo-main-header {
height: auto !important;
}
#header .kleo-main-header > .container {
flex-direction: column;
}
.kleo-main-header .navbar-header {
width: 100%;
}
}
@media (min-width: 991px) {
#header .kleo-main-header > .container {
font-size: xx-large;
}
#header .kleo-main-header .navbar-header,
#header .kleo-main-header .header-banner,
#header .kleo-main-header .primary-menu,
#header .kleo-main-header .secondary-menu {
font-size: small;
}
.kleo-main-header .nav > li > a.btn-buy {
/*line-height: 44px !important;
max-height: 44px;*/
}
.kleo-main-header .caret:after {
/*top: 50%;
margin-top: -10px;*/
top: 0;
}
.kleo-main-header .navbar-nav > li.flexMenu-viewMore > a > i {
font-size: 230%;
display: block;
}
}
.navbar {
margin-bottom: 0;
border: none;
}
#header .navbar {
min-height: 0;
}
/* TODO FLEXMENU CHANGED */
/*.navbar-header,
.kleo-main-header:not(.header-left):not(.header-centered) .navbar-collapse > ul > li > a,
.header-banner {
line-height: 88px;
}*/
@media (min-width: 991px) {
.kleo-main-header .nav.navbar-nav {
line-height: normal;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.navbar-header {
/* Chrome fix */
-webkit-transform: translateZ(0);
}
.navbar-header .logo {
float: left;
}
.navbar-toggle {
position: relative;
float: none;
padding: 9px 10px;
margin-top: 0;
margin-bottom: 8px;
background-color: transparent;
border-radius: 4px;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
background-color: red;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-collapse {
box-shadow: none;
}
.nav-collapse ul:first-child > li {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
}
.navbar-nav > li > a {
margin: 0;
padding: 0;
line-height: 20px;
border-radius: 0;
/*letter-spacing: 1px;
text-transform: uppercase;
font-weight: 600;*/
/*display: -webkit-box;
display: -moz-box;
display:-webkit-flex;
display: -ms-flexbox;
display:flex;*/
/*-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;*/
/*height: 100%;*/
}
@media (min-width: 991px) {
.navbar-nav > li > a {
margin: 0 12px;
font-size: 12px;
}
}
/*@media (max-width: 991px) {
.navbar-nav > li > a {
font-size: 14px !important;
}
}*/
.nav > li > a:hover,
.nav > li > a:focus {
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: transparent;
border: none;
}
.navbar .nav li a em,
.widget_nav_menu li a em {
/*background: #00B9F7;*/
/*color: #fff;*/
border-radius: 2px;
font: 10px Arial, Helvetica, sans-serif;
padding: 1px 3px;
font-style: normal;
/*font-weight: bold;*/
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-radius: 0;
font-size: 12px;
}
.btn-buy.btn-default:hover {
cursor: pointer;
}
.navbar-nav > li > a.btn-buy {
padding: 0 12px;
margin: 0;
}
@media (min-width: 992px) {
.navbar-nav a.kleo-bp-user-avatar {
display: inline-block;
}
}
.caret {
display: inline-block;
width: 0;
height: 0;
padding-left: 3px;
vertical-align: middle;
border: none;
content: "";
}
.caret:after {
font-family: "fontello";
content: "\e8a1";
position: absolute;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 190px;
list-style: none;
border-radius: 0;
margin: 0;
padding: 0;
border-style: solid;
border-width: 1px;
box-shadow: 1px 1px 3px rgba(102, 102, 102, 0.1);
}
.dropdown-menu li {
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.dropdown-menu li a {
padding: 7px 18px;
}
.dropdown-menu li:last-child {
border-bottom: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
text-decoration: none;
background-image: none;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #b6b5b5;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > a .caret:after {
content: "+";
position: absolute;
right: 16px;
top: 50%;
margin-top: -9px;
}
.dropdown-submenu > .dropdown-menu {
top: -1px;
margin-top: 0;
border-radius: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
/* display: block;*/
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
border-radius: 0;
}
.top-bar .dropdown-menu {
z-index: 10001;
}
.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
left: auto;
right: 12px;
}
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
left: auto;
right: 13px;
}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
border-radius: 0;
left: auto;
margin-left: 0;
right: 100%;
font-size: 12px;
}
.navbar .pull-left > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-left .dropdown-menu {
font-size: 12px;
left: 100%;
}
.kleo-main-header .btn {
border-width: 2px;
height: auto;
}
.kleo-main-header .navbar-collapse {
/* height: 100% !important;*/
}
@media (max-width: 991px) {
.kleo-main-header .secondary-menu {
margin-bottom: 30px;
}
}
.navbar-full-width .primary-menu,
.navbar-full-width .secondary-menu {
padding: 0;
}
.kleo-main-header.header-normal > .container {
text-align: right;
}
.kleo-main-header.header-normal > .container .primary-menu,
.kleo-main-header.header-normal > .container .secondary-menu {
text-align: left;
}
.kleo-main-header.header-normal .logo > a {
text-align: left;
}
.kleo-main-header.header-normal .navbar-collapse {
padding-right: 0;
}
.kleo-main-header.header-normal .navbar-header {
flex-grow: 1;
flex-shrink: 0;
}
.kleo-main-header a.btn-see-through {
color: #333;
border: 2px solid rgba(0, 0, 0, 0.2);
}
.kleo-main-header a.btn-see-through:hover {
border: 2px solid rgba(0, 0, 0, 0.4);
}
.kleo-main-header a.btn-see-through .kleo-main-header a.btn-see-through span.caret:after {
top: 14px;
}
/* Center Logo & Menu */
#header .header-centered.kleo-main-header > .container {
display: block;
}
.header-centered .navbar-collapse,
.header-centered .navbar-collapse .navbar-nav {
float: none !important;
}
.header-centered .navbar-header {
float: none;
display: inline-block;
width: 100%;
text-align: center;
}
.header-centered .navbar-header .logo {
float: none;
display: inline-block;
margin: 0;
}
.header-centered .navbar-header .logo > a {
text-align: left;
}
.header-centered .primary-menu {
padding-right: 0;
}
.header-centered .secondary-menu {
padding-left: 0;
}
@media (min-width: 991px) {
.header-flexmenu .header-centered .menus-wrap {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
}
.header-centered .menus-wrap {
text-align: center;
}
.header-centered .menus-wrap .primary-menu .navbar-nav,
.header-centered .menus-wrap .secondary-menu .navbar-nav {
text-align: left;
}
}
/* Right Logo */
@media (min-width: 991px) {
#header .kleo-main-header.logo-to-right > .container {
flex-direction: row-reverse;
}
#header .kleo-main-header.logo-to-right .primary-menu {
flex-grow: 1;
}
#header .kleo-main-header.logo-to-right .secondary-menu {
float: left;
margin-right: 15px;
}
.kleo-main-header.logo-to-right .navbar-collapse {
padding-left: 0;
}
.kleo-main-header.logo-to-right .logo {
margin-right: 0;
}
.logo-to-right .navbar-header {
float: right;
}
.logo-to-right .navbar-nav > li:first-child > a {
margin-left: 0;
}
}
/* Left logo & Menu below */
#header .header-left.kleo-main-header > .container {
flex-wrap: wrap;
}
.header-left .logo a,
.header-left .logo img {
-moz-transition: 0.001s all ease-out;
-webkit-transition: 0.001s all ease-out;
-o-transition: 0.001s all ease-out;
transition: 0.001s all ease-out;
}
.kleo-main-header.header-left .menus-wrap {
clear: both;
}
.kleo-main-header.header-left .header-banner {
min-width: 70%;
flex-grow: 1;
text-align: right;
}
.kleo-main-header.header-left .header-banner img {
margin: 0;
max-height: 100%;
width: auto;
}
.kleo-main-header.header-left .primary-menu {
flex-grow: 1;
}
.kleo-main-header.header-left .secondary-menu {
padding-right: 0;
float: right !important;
}
.kleo-main-header.header-left .secondary-menu a.btn:last-child {
margin-right: 0;
}
.kleo-main-header.header-left .navbar-collapse {
float: none;
clear: both;
padding-left: 0;
}
.kleo-main-header.header-left .navbar-nav > li:first-child > a {
margin-left: 0;
}
.kleo-main-header.header-left.header-scrolled .navbar-collapse {
clear: none;
}
.kleo-main-header.header-left.header-scrolled .navbar-nav > li:first-child > a {
margin-left: 20px;
}
.kleo-main-header.header-left.header-scrolled .header-banner {
display: none;
}
#header .header-left.kleo-main-header.header-scrolled > .container {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: nowrap;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
/*.kleo-main-header.header-left .navbar-header {
line-height: 88px;
}*/
@media (min-width: 991px) {
.header-flexmenu .header-left .menus-wrap {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.header-flexmenu .header-left .primary-menu .navbar-nav,
.header-flexmenu .header-left .secondary-menu .navbar-nav {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#header .kleo_ajax_results {
overflow-y: auto;
max-height: 500px;
max-height: 70vh;
}
}
.kleo-main-header,
.kleo-main-header li.menu-item {
z-index: 1599;
}
.kleo-main-header li.menu-item.open .dropdown-menu,
.kleo-main-header li .kleo-toggle-submenu {
z-index: 1600;
}
.social-header {
z-index: 1600;
}
/* Header Extras */
.kleo-main-header.header-extras .primary-menu {
flex-grow: 1;
}
.kleo-main-header.header-extras .secondary-menu {
float: right;
}
.kleo-main-header .btn {
padding: 14px 20px;
font-size: 16px;
line-height: 1.33 !important;
border-radius: 4px;
margin: 5px 0;
}
.kleo-main-header .nav > li > a.btn-buy {
/* v.4.1.9 */
transition: background-color 0.4s ease;
}
.kleo-main-header .nav > li > a.btn:hover,
.kleo-main-header .nav > li > a.btn-buy:hover {
box-shadow: none;
}
@media (min-width: 991px) {
.kleo-main-header .btn {
margin: 0 5px;
}
}
/* Header Split */
@media (min-width: 991px) {
#header .header-split.kleo-main-header > .container {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
height: 100%;
}
.header-split.kleo-main-header .logo {
margin-right: 0;
}
.header-split.kleo-main-header .navbar-header {
display: flex;
order: 2;
flex: 1 1 12%;
justify-content: center;
}
.header-split.kleo-main-header .primary-menu {
display: flex !important;
order: 1;
flex: 1 1 44%;
justify-content: flex-end;
}
.header-split.kleo-main-header .secondary-menu {
display: flex;
order: 3;
flex: 1 1 44%;
justify-content: flex-start;
}
}
/* Header Landing Page */
@media (min-width: 991px) {
#header .kleo-main-header.header-lp > .container {
text-align: center;
justify-content: center;
}
.header-lp.kleo-main-header .primary-menu .navbar-nav,
.header-lp.kleo-main-header .secondary-menu .navbar-nav {
text-align: left;
}
.header-lp.kleo-main-header .logo {
margin-right: 0;
}
.header-flexmenu .header-lp.kleo-main-header .navbar-header {
display: flex;
justify-content: start;
flex-shrink: 0;
}
.header-flexmenu .header-lp.kleo-main-header .primary-menu {
display: flex !important;
justify-content: center;
flex-grow: 1;
}
.header-flexmenu .header-lp.kleo-main-header .secondary-menu {
display: flex !important;
justify-content: flex-end;
}
.header-lp.kleo-main-header .secondary-menu {
float: right;
}
.header-lp.kleo-main-header .secondary-menu.navbar-collapse {
padding-right: 0;
}
}
.navbar-transparent a.btn-see-through {
border: 2px solid rgba(255, 255, 255, 0.8);
}
.navbar-transparent a.btn-see-through:hover {
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.4);
}
/* Megamenu */
.kleo-main-header .nav li.kleo-megamenu {
position: static;
}
.kleo-main-header .nav li.kleo-megamenu ul .caret {
opacity: 0;
display: none;
}
.kleo-main-header .nav li.kleo-megamenu > .dropdown-menu {
width: 100%;
max-width: 1024px;
padding: 20px 10px;
margin: auto;
position: absolute;
right: 0;
margin-top: -1px !important;
}
.navbar-full-width .kleo-main-header .nav li.kleo-megamenu.mega-5-cols > .dropdown-menu,
.navbar-full-width .kleo-main-header .nav li.kleo-megamenu.mega-6-cols > .dropdown-menu {
max-width: 100%;
}
.is-sticky .kleo-main-header .nav li.kleo-megamenu > .dropdown-menu {
margin-top: 0 !important;
}
.kleo-main-header .nav li.kleo-megamenu > ul.dropdown-menu > li {
display: inline-block;
float: left;
}
.kleo-main-header .nav li.kleo-megamenu.mega-2-cols > ul.dropdown-menu > li {
width: 50%;
}
.kleo-main-header .nav li.kleo-megamenu.mega-3-cols > ul.dropdown-menu > li {
width: 33.3%;
}
.kleo-main-header .nav li.kleo-megamenu.mega-4-cols > ul.dropdown-menu > li {
width: 25%;
}
.kleo-main-header .nav li.kleo-megamenu.mega-5-cols > ul.dropdown-menu > li {
width: 20%;
}
.kleo-main-header .nav li.kleo-megamenu.mega-6-cols > ul.dropdown-menu > li {
width: 16.4%;
}
.kleo-main-header .nav li.kleo-megamenu.mega-2-cols,
.kleo-main-header .nav li.kleo-megamenu.mega-3-cols {
position: relative;
}
.kleo-main-header .nav li.kleo-megamenu.mega-2-cols > .dropdown-menu {
width: 400px;
margin-left: -200px;
}
.kleo-main-header .nav li.kleo-megamenu.mega-3-cols > .dropdown-menu {
margin-left: -320px;
width: 640px;
}
.kleo-main-header .nav li.kleo-megamenu .dropdown-submenu ul {
display: inline-block;
width: 100%;
float: left;
}
.kleo-main-header .nav li.kleo-megamenu .dropdown-submenu > a {
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
}
.kleo-main-header .nav li.kleo-megamenu .dropdown-submenu .dropdown-menu {
display: block !important;
position: relative;
box-shadow: none;
border: none;
left: 0;
}
.navbar-transparent .kleo-main-header .nav li.kleo-megamenu .dropdown-submenu ul {
background-color: transparent;
}
.navbar-transparent.navbar-hover-opacity .kleo-main-header:hover {
background: rgba(0, 0, 0, 0.2);
}
/* End Megamenu */
.kleo-mobile-icons {
display: none;
}
.kleo-toggle-menu .notify-items {
position: relative;
}
.kleo-mobile-switch {
float: right;
}
/* Header With Transparency */
.navbar-transparent .navbar {
border-bottom: none;
}
.navbar-transparent .navbar .kleo-main-header {
background-color: rgba(0, 0, 0, 0);
/*transition: all 0.3s ease-in-out 0s;*/
}
.navbar-transparent .header-color,
.navbar-transparent .header-color .kleo-main-header {
background-image: none;
}
.navbar-transparent .navbar .kleo-main-header.header-scrolled {
background-color: rgba(0, 0, 0, 0.4);
}
.navbar-transparent.on-light-bg .navbar .kleo-main-header.header-scrolled {
transition: background-color 0.5s ease;
background-color: #fff;
/*box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.22);*/
}
.navbar-transparent.on-dark-bg #header .logo a,
.navbar-transparent.on-dark-bg .navbar .navbar-nav > li > a,
.navbar-transparent.on-dark-bg .navbar .navbar-nav .caret:after {
color: #fff;
}
.social-header.header-color {
background-image: none;
}
.navbar-transparent .navbar-nav > li > .dropdown-menu li,
.navbar-transparent .navbar-nav > li > .dropdown-menu .dropdown-menu li {
border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.navbar-transparent .navbar-nav > li > .dropdown-menu li > a:hover,
.navbar-transparent .navbar-nav > li > .dropdown-menu li > a:focus,
.navbar-transparent .dropdown-submenu:hover > a,
.navbar-transparent .dropdown-submenu:focus > a,
.navbar-transparent .dropdown-menu > .active > a {
background-color: rgba(0, 0, 0, 0.1) !important;
}
.navbar-transparent .navbar-nav > li > .dropdown-menu,
.navbar-transparent .navbar-nav > li > .dropdown-menu .dropdown-menu {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.6);
border-color: transparent;
}
.navbar-transparent .navbar-toggle .icon-bar {
background-color: #fff !important;
}
.navbar-transparent.on-light-bg .navbar-toggle .icon-bar {
background-color: #000 !important;
}
.navbar-transparent .sticky-wrapper {
height: auto !important;
}
.navbar-transparent:not(.kleo-navbar-fixed) #header {
position: absolute;
width: 100%;
background: transparent;
z-index: 1;
}
/* Fixed Header */
.kleo-navbar-fixed .kleo-main-header {
right: 0;
left: 0;
border-width: 0 0 1px;
}
.kleo-navbar-fixed .kleo-main-header.header-scrolled {
border: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.kleo-navbar-fixed .navbar {
margin-left: auto !important;
margin-right: auto !important;
left: 0 !important;
right: 0 !important;
}
.kleo-navbar-fixed .social-header {
position: relative;
}
.js .navbar-resize .navbar-nav {
padding-top: inherit;
}
.kleo-navbar-fixed .navbar {
top: 0;
z-index: 30;
}
.kleo-navbar-fixed.navbar-transparent #header {
min-height: 0;
position: fixed;
width: 100%;
z-index: 100;
background-color: transparent;
}
.kleo-navbar-fixed.navbar-transparent .kleo-main-header {
border: none;
transition: background-color 0.5s ease 0s;
}
.kleo-navbar-fixed.navbar-transparent .page-boxed #header {
max-width: 1440px;
}
/* Ajax Search Form */
#nav-menu-item-search {
position: relative;
}
#ajax_search_container {
padding: 0 0 5px;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
z-index: 9999;
position: absolute;
width: 300px;
left: -250px;
box-shadow: 2px 2px 3px rgba(102, 102, 102, 0.1);
top: 100%;
line-height: 1.2em;
}
#ajax_search_container:before {
position: absolute;
display: block;
content: "";
top: -8px;
right: 20px;
width: 14px;
height: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-style: solid;
border-width: 1px;
/*border-color: #e5e5e5;*/
border-right: none;
border-bottom: 0;
}
#nav-menu-item-search .icon-search:before {
/* v.4.1.9 */
content: '\e9b6' !important;
}
.logo-to-right #ajax_search_container {
left: auto;
right: -250px;
}
.logo-to-right #ajax_search_container:before {
right: auto;
left: 20px;
}
#ajax_searchform {
padding: 20px 10px 0;
line-height: 20px;
}
.kleo_ajax_results {
text-align: center;
padding: 10px 0 20px;
}
.kleo_ajax_results h4,
.kleo_ajax_entry {
text-align: left;
}
.kleo_ajax_results h4 {
font-size: 11px;
font-weight: bold;
height: 12px;
text-transform: uppercase;
/*color: #bbb;*/
/*border-bottom: 1px solid #e5e5e5;*/
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 0 0 10px;
}
.kleo_ajax_results h4 span {
/*background: #fff;*/
position: relative;
top: -2px;
letter-spacing: 0.2em;
text-transform: uppercase;
padding: 0 8px;
margin-left: 5px;
}
.searchHidden {
display: none;
}
.kleo_ajax_entry {
padding: 5px 5px 5px 10px;
display: table;
width: 100%;
}
.kleo_ajax_entry .search_excerpt {
font-size: 12px;
}
.kleo_ajax_entry .ajax_search_image .icon {
width: 44px;
height: 44px;
display: inline-block;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background: #f7f7f7;
}
.kleo_ajax_entry:last-child {
border: none;
}
.ajax_not_found {
font-style: italic;
/*color: #777;*/
padding: 0;
}
.ajax_search_content {
display: table-cell;
vertical-align: middle;
text-align: left;
padding-left: 10px;
}
.ajax_search_content .search_title {
display: inline-block;
float: left;
width: 100%;
line-height: 18px;
}
.ajax_search_content .search_excerpt {
display: inline-block;
float: left;
line-height: 16px;
}
.ajax_search_image {
width: 44px !important;
height: 44px;
line-height: 44px;
text-align: center;
display: table-cell;
}
.ajax_search_image img {
width: 100%;
}
.ajax_search_image img.attachment-thumbnail {
border-radius: 100%;
width: 44px;
}
.ajax_search_image img.attachment-thumbnail.wp-post-image {
height: 100%;
}
.ajax_view_all {
margin: 5px 0 10px;
padding: 6px 20px;
display: inline-block;
text-transform: uppercase;
/*border: 1px solid #e5e5e5;*/
border-style: solid;
border-width: 1px;
border-radius: 4px;
}
a.ajax_view_all:after {
font-family: "fontello";
font-size: 11px;
content: "\e8ab";
margin-left: 10px;
}
.kleo-ajax-search-loading {
display: none;
position: absolute;
right: 20px;
top: 27px;
width: auto;
}
.kleo-loading-icon:before {
content: "\e9a4";
font-family: 'fontello';
display: inline-block;
animation: 2s linear 0s normal none infinite spin;
}
.kleo-visible {
display: inline-block !important;
}
.show_search_pop {
-webkit-animation: show_search_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-animation: show_search_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-animation: show_search_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation: show_search_pop 0.3s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* Google Search Box in Header */
.has-google-search-box .sticky-wrapper {
z-index: 1490;
position: relative;
}
.has-google-search-box li#nav-menu-item-search {
z-index: 1501;
}
.has-google-search-box .header-color input.gsc-input {
color: #000;
font-size: 14px;
}
.has-google-search-box .cse .gsc-search-button input.gsc-search-button-v2,
.has-google-search-box input.gsc-search-button-v2 {
width: auto;
height: auto;
}
.has-google-search-box .gscb_a {
font-size: 22px;
line-height: 19px;
}
.has-google-search-box .kleo-search-wrap.show_search_pop {
padding: 10px;
}
/*Menu dropdown toggle*/
.kleo-toggle-menu {
position: relative;
}
.kleo-main-header .navbar-collapse ul.kleo-toggle-submenu * {
line-height: normal;
}
.kleo-toggle-menu .caret {
display: none;
}
.kleo-toggle-menu .kleo-toggle-submenu {
position: absolute;
padding: 0;
display: none;
/*display: block !important;*/
list-style: none;
width: 300px;
left: auto;
right: -10px;
z-index: 2;
border-style: solid;
border-width: 1px;
box-shadow: 2px 2px 3px rgba(102, 102, 102, 0.1);
border-radius: 0 0 3px 3px;
transition: all 0.3s ease-in-out 0s;
}
.navbar-nav > .kleo-toggle-menu .kleo-toggle-submenu {
top: 100%;
}
.navbar-transparent.on-dark-bg .kleo-toggle-menu .kleo-toggle-submenu {
/*background: rgba(255,255,255, 0.3);*/
}
.navbar-transparent.on-dark-bg .header-scrolled .kleo-toggle-menu .kleo-toggle-submenu {
/*background: inherit;*/
}
.navbar-transparent .kleo-toggle-menu .kleo-toggle-submenu {
border-color: transparent !important;
}
.navbar-nav > .kleo-toggle-menu .kleo-toggle-submenu:before {
position: absolute;
display: block;
content: "";
top: -8px;
right: 20px;
width: 14px;
height: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-style: solid;
border-width: 1px;
/*border-color: #e5e5e5;*/
border-right: none;
border-bottom: 0;
z-index: 999;
}
.navbar-transparent .navbar-nav > .kleo-messages-nav.kleo-toggle-menu .kleo-toggle-submenu:before {
background-color: rgba(0, 0, 0, 0);
top: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 10px 12px;
border-color: transparent transparent rgba(0, 0, 0, 0.6) transparent;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
}
.navbar-transparent .navbar-nav > .kleo-messages-nav .kleo-toggle-menu .minicart-buttons {
background-color: rgba(0, 0, 0, 0.2) !important;
border: 1px solid rgba(0, 0, 0, 0);
color: #fff;
}
.navbar-transparent .navbar-nav > .kleo-messages-nav .kleo-toggle-menu .sub-menu {
color: #fff !important;
}
.navbar-transparent .navbar-nav li.kleo-submenu-item span,
.navbar-transparent .navbar-nav ul.submenu-inner li.kleo-submenu-item {
color: #fff;
}
.navbar-transparent .navbar-nav > .kleo-notifications-nav.kleo-toggle-menu .kleo-toggle-submenu:before {
background-color: rgba(0, 0, 0, 0);
top: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 10px 12px;
border-color: transparent transparent rgba(0, 0, 0, 0.6) transparent;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
}
.navbar-transparent .navbar-nav > .kleo-notifications-nav.kleo-toggle-menu .minicart-buttons {
background-color: rgba(0, 0, 0, 0.2) !important;
border: 1px solid rgba(0, 0, 0, 0);
}
.logo-to-right .kleo-toggle-menu .kleo-toggle-submenu {
right: auto;
left: -10px;
}
.logo-to-right .kleo-toggle-menu .kleo-toggle-submenu:before {
right: auto;
left: 10px;
}
.kleo-toggle-menu a.remove {
position: absolute;
right: 15px;
top: 13px;
border-style: solid;
border-width: 1px;
border-radius: 2px;
padding: 0 5px;
display: inline-block;
}
.kleo-toggle-submenu .submenu-inner {
font-size: 12px;
padding-left: 0;
word-wrap: break-word;
max-height: 450px;
overflow-y: auto;
line-height: normal;
}
.kleo-toggle-submenu .kleo-submenu-item {
border-bottom-style: solid;
border-bottom-width: 1px;
clear: both;
overflow: hidden;
padding: 10px;
position: relative;
transition: all 0.5s ease 0s;
width: 100%;
}
.kleo-toggle-submenu .kleo-submenu-item:last-child {
border-bottom: none;
}
.kleo-toggle-submenu .kleo-submenu-item a.remove {
top: 10px;
}
.kleo-toggle-menu.kleo-loading a span.kleo-notifications {
display: none;
}
.kleo-toggle-menu .minicart-buttons {
padding: 15px;
}
.kleo-toggle-menu .minicart-buttons a.btn {
padding: 6px 10px;
font-size: 13px;
text-overflow: ellipsis;
max-width: 150px;
overflow: hidden;
}
.kleo-toggle-menu .minicart-buttons .btn-default:hover {
background: transparent !important;
}
.kleo-toggle-menu.kleo-loading > a:after {
content: "\e997";
font-family: "fontello";
animation: 2s linear 0s normal none infinite spin;
display: inline-block;
position: absolute;
top: -7px;
right: 0;
}
.kleo-toggle-menu.open .kleo-toggle-submenu {
display: block;
}
.kleo-notifications-nav ul {
counter-reset: section;
}
.kleo-notifications-nav ul.submenu-inner li {
padding-left: 26px;
}
.kleo-notifications-nav ul.submenu-inner.has-notif li:before {
counter-increment: section;
content: counter(section);
font-size: 24px;
margin-right: 10px;
position: absolute;
left: 5px;
top: 2px;
}
.notify-contents {
/*position: relative;
line-height: normal !important;*/
position: relative;
}
.kleo-notifications-nav li > .sa-notification,
.kleo-notifications-nav li > .notification {
margin-top: 0 !important;
padding-bottom: 0 !important;
height: auto !important;
padding-left: 0 !important;
width: 100%;
}
.kleo-notifications-nav .social-delete {
display: none;
}
.no-alert {
display: none !important;
}
.kleo-notifications {
border-radius: 100%;
display: inline;
font-size: 10px;
font-weight: bold;
line-height: 19px;
position: absolute;
right: -11px;
text-shadow: none;
top: 50%;
margin-top: -22px;
width: 20px;
height: 20px;
text-align: center;
}
/* FlexMenu */
@media screen and (min-width: 991px) {
.header-overflow .kleo-main-header,
.header-overflow .kleo-main-header .navbar-collapse {
overflow: hidden !important;
}
.flexMenu-popup li a {
line-height: normal !important;
}
.kleo-main-header .flexMenu-popup .caret:after {
top: 11px;
}
}
@media screen and (max-width: 400px) {
.navbar-header .logo {
float: none;
text-align: left;
}
.kleo-mobile-icons {
/*margin-top: -2px !important;*/
}
}
@media screen and (max-width: 480px) {
.navbar-header .logo {
/* v.4.1.9 */
float: none;
text-align: left;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.logo {
text-align: center;
}
.logo img {
margin: 0 auto;
}
.navbar-header {
float: none;
}
}
@media (max-width: 991px) {
.sticky-wrapper {
height: auto !important;
margin-top: -1px;
}
.container > .navbar-header,
.container > .navbar-collapse {
margin-left: 0;
margin-right: 0;
}
.navbar-nav {
margin: 0;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.kleo-main-header,
.navbar-transparent .kleo-main-header,
.kleo-navbar-fixed.navbar-transparent #header {
position: relative !important;
top: auto;
}
.kleo-main-header .navbar-toggle {
display: inline-block;
margin-right: 0;
}
.kleo-main-header .navbar-collapse {
max-height: inherit;
padding: 0;
width: 100%;
}
.kleo-main-header .navbar-collapse > ul > li > a,
.header-banner {
line-height: normal !important;
}
.kleo-main-header .logo:not('.logo-retina') img,
.kleo-main-header .logo:not('.logo-retina') a {
max-height: 100% !important;
}
.kleo-main-header .navbar-collapse.collapse {
display: none !important;
}
/* Kleo Menu */
#header .navbar-nav {
float: none;
}
#header .navbar-nav li {
display: inline-block;
width: 100%;
}
#header .navbar-nav li a {
padding: 10px 0;
text-transform: capitalize;
}
#header .navbar-nav li a.btn {
padding: 14px 20px;
}
#header .navbar-nav li a.btn-buy.btn-default {
padding-left: 10px;
padding-right: 10px;
}
#header .navbar-nav > li > a {
font-weight: bold;
text-transform: uppercase;
}
#header .navbar-nav li:first-child {
/*border-top-color: #f7f7f7;*/
}
#header .navbar-nav li:last-child {
border-bottom: none;
}
#header .navbar-nav .dropdown-menu {
position: relative;
background-color: transparent;
margin: 0;
padding: 0;
float: none;
width: 100%;
box-shadow: none;
border: none;
z-index: 0 !important;
}
#header .navbar-nav .dropdown-menu li a {
font-weight: normal;
font-size: 12px;
}
#header .navbar-nav .dropdown-menu li > a:before {
font-family: "fontello";
content: "\00a0";
display: block;
width: 20px;
height: 10px;
float: left;
margin: 0;
}
#header .navbar-nav .dropdown-submenu .dropdown-menu {
left: 0;
top: 0;
border-bottom: none;
margin-bottom: 0;
}
.kleo-main-header .navbar-nav > li > .dropdown-menu {
margin-top: 0 !important;
}
#header .navbar-nav .dropdown-submenu .dropdown-menu li:last-child {
border-bottom: none;
}
#header .navbar-nav .dropdown-submenu .dropdown-menu li a:before {
content: "\00a0 \00a0";
width: 30px;
}
#header .navbar-nav li .caret {
float: right;
}
#header .navbar-nav li .caret:after {
font-family: "fontello";
content: "\e982";
font-size: 18px;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
right: 0;
top: 0;
}
#header i.icon-basket-full-alt:before {
content: "\ea0a" !important;
}
#header .navbar-nav li.dropdown.open > a .caret:after,
#header .navbar-nav li.dropdown-submenu.open > a .caret:after {
content: "\e983";
}
#header .navbar-nav .dropdown-menu li > a:hover,
#header .navbar-nav .dropdown-menu li > a:focus,
#header .navbar-nav .dropdown-submenu:hover > a,
#header .navbar-nav .dropdown-submenu:focus > a,
#header .navbar-nav .dropdown-menu > .active > a {
background: none;
}
.logo-to-right .navbar-header {
float: none;
}
.logo-to-right .kleo-mobile-switch {
float: left;
}
.logo-to-right .kleo-mobile-icons {
float: left;
}
.logo-to-right .navbar-header .logo {
float: right;
margin-right: 0;
}
.header-centered .navbar-header {
display: block;
}
.header-centered.kleo-main-header {
text-align: left;
}
.kleo-main-header.header-left .header-banner {
text-align: center;
}
#top-social {
border-bottom-style: solid;
border-bottom-width: 1px;
}
#top-social > ul li a,
.top-menu > ul li a {
border: none;
}
#top-social .tabdrop:before,
.top-menu .tabdrop:before {
border-left: none;
}
#top-social .tabdrop .dropdown-menu {
margin-top: -1px;
}
/* Menu on Transparent Header */
.kleo-main-header,
.navbar-transparent .kleo-main-header,
.kleo-navbar-fixed.navbar-transparent #header {
position: relative !important;
top: auto !important;
background-color: #000;
}
.kleo-navbar-fixed.navbar-transparent.on-light-bg #header {
background-color: #fff;
}
.navbar-transparent #menu-kleonavmenu li {
border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.navbar-transparent #menu-kleonavmenu li:first-child {
border-top-color: rgba(255, 255, 255, 0.1) !important;
}
.navbar-transparent #menu-kleonavmenu li .caret:after {
color: rgba(255, 255, 255, 0.2) !important;
}
.navbar-transparent.on-dark-bg:not(.kleo-navbar-fixed) #header {
background: #000;
}
.navbar-transparent.on-dark-bg .navbar .kleo-main-header {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.navbar-transparent.on-dark-bg #ajax_searchform {
background-color: #000;
}
.navbar-transparent.on-light-bg:not(.kleo-navbar-fixed) #header {
background: #fff;
}
.navbar-transparent.on-light-bg .navbar .kleo-main-header {
box-shadow: 0 5px 15px rgba(191, 191, 191, 0.1);
}
.navbar-transparent.on-light-bg a.btn-see-through {
border: 2px solid rgba(0, 0, 0, 0.2);
}
.navbar-transparent.on-light-bg #ajax_searchform {
background-color: #fff;
}
.navbar-transparent.on-light-bg #ajax_searchform .form-control {
color: inherit;
}
.navbar-transparent.on-light-bg input.form-control[type=text] {
border-color: #e5e5e5;
}
/* Megamenu */
.kleo-main-header .nav li.kleo-megamenu {
position: relative;
}
#header .navbar-nav li.kleo-megamenu .dropdown-submenu:not(.open) .dropdown-menu {
display: none !important;
}
.kleo-main-header .nav li.kleo-megamenu .dropdown-submenu.open .dropdown-menu {
display: block !important;
}
#header .navbar-nav li.kleo-megamenu .caret {
opacity: 1;
display: inline-block;
margin-top: -10px;
}
/* Ajax Cart */
.kleo-mobile-icons {
display: inline-block;
float: right;
margin-top: -4px;
}
.kleo-toggle-menu,
.kleo-toggle-menu .kleo-toggle-submenu {
display: none !important;
}
.kleo-mobile-icons a {
color: #fff;
margin-right: 20px;
font-size: 20px;
}
.kleo-mobile-icons .cart-items {
position: relative;
}
.kleo-mobile-icons .cart-items span,
.kleo-mobile-icons .notify-items span {
border-radius: 100%;
display: inline-block;
font-size: 10px;
text-align: center;
position: absolute;
top: -7px;
right: -8px;
width: 20px;
height: 20px;
line-height: 19px;
}
.kleo-mobile-icons .notify-items span {
margin-top: 0;
}
.navbar-transparent .kleo-mobile-icons a {
color: #fff;
}
.navbar-transparent.on-light-bg .kleo-mobile-icons a {
color: #000;
}
/* Ajax Search */
a.search-trigger {
display: none !important;
}
#ajax_search_container:before {
display: none;
}
#ajax_search_container {
background-color: transparent;
border-radius: 0;
border: none;
z-index: 9999;
position: relative;
width: auto;
left: inherit;
box-shadow: none;
top: inherit;
line-height: inherit;
display: block;
padding: 0;
}
.logo-to-right #ajax_search_container {
right: inherit;
}
.kleo-ajax-search-loading {
right: 20px;
top: 18px;
}
#ajax_searchform {
padding: 10px 0;
}
a.ajax_view_all {
padding: 14px 20px !important;
}
#ajax_searchform input[type="text"] {
margin: 0;
}
/* Ajax Search on Transparent Header */
.navbar-transparent input.form-control[type=text] {
border-color: rgba(255, 255, 255, 0.2);
}
.navbar-transparent input.form-control[type=text]:focus {
/*background-color: rgba(255,255,255, 0.1);*/
}
.navbar-transparent .kleo_ajax_entry {
/*border-bottom: 1px solid rgba(255,255,255, 0.2) !important;*/
}
.navbar-transparent .kleo_ajax_entry:hover {
/*background-color: rgba(255,255,255, 0.1);*/
}
.navbar-transparent #ajax_search_container {
/*background-color: transparent !important;*/
}
.navbar-transparent #ajax_searchform {
background-color: #222;
}
.navbar-transparent #ajax_searchform .form-control {
background-color: transparent;
color: #fff;
}
.kleo-main-header .nav > li > a:hover,
.kleo-main-header .nav > li.active > a {
box-shadow: none !important;
}
}
@-webkit-keyframes show_search_pop {
0% {
-webkit-transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes show_search_pop {
0% {
-moz-transform: scale(0.8);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes show_search_pop {
0% {
-o-transform: scale(0.8);
}
100% {
-o-transform: scale(1);
}
}
@keyframes show_search_pop {
0% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
/* Modals */
/* Page flicker fix when open-close modals */
.modal {
overflow-y: hidden;
position: absolute;
}
body.modal-open {
margin-right: 0 !important;
}
/* End fix */
/* Temporary */
.modal {
min-height: 600px;
top: calc(50% - 300px) !important;
}
/* End Temporary */
.modal-lg {
margin-top: 60px;
width: 800px;
}
.mfp-bg {
opacity: 0;
transition: opacity 200ms ease-out 0s;
}
.mfp-wrap .mfp-container {
padding: 10px;
}
.kleo-mfp-zoom .mfp-content {
opacity: 0;
transform: scale(0.5);
transform-origin: center top 0;
transition: all 0.3s ease-in-out 0s;
}
.kleo-mfp-zoom.mfp-ready .mfp-content {
opacity: 1;
transform: scale(1);
}
.kleo-mfp-zoom.mfp-removing .mfp-content {
opacity: 0;
transform: scale(0.8);
}
.kleo-mfp-zoom.mfp-bg .mfp-content {
opacity: 0;
transition: opacity 0.3s ease-out 0s;
}
.kleo-mfp-zoom.mfp-ready.mfp-bg .mfp-content {
opacity: 0.8;
}
.kleo-mfp-zoom.mfp-removing.mfp-bg .mfp-content {
opacity: 0;
}
/* Common for Magnific Zoom */
.mfp-container .mfp-content {
width: auto;
}
.mfp-container .mfp-figure:after {
background: none;
box-shadow: none;
}
/* Login modal */
.kleo-form-modal {
background: none repeat scroll 0 0 #ffffff;
margin: 0 auto;
max-width: 400px;
position: relative;
width: 90%;
}
.kleo-form-signin {
padding: 0 20px 10px 20px;
}
.kleo-form-register {
padding: 0 20px 10px 20px;
}
.kleo-pop-title-wrap {
/*margin-bottom: 20px;*/
padding: 20px 0;
}
.kleo-pop-title {
margin: 0;
}
.kleo-form-modal .kleo-facebook-connect {
border-radius: 4px;
font-size: 16px;
line-height: 1.33;
padding: 14px 20px;
}
#kleo-login-result,
#kleo-lost-result {
clear: both;
margin: 10px 0;
}
.kleo-other-action {
margin-top: 10px;
}
.wrong-response {
color: red;
}
.good-response {
color: green;
}
.kleo-form-modal .kleo-fb-wrapper {
background: #3B5997;
padding: 50px 0;
}
.kleo-form-modal .mfp-close {
color: #3498DB !important;
}
.kleo-form-modal .kleo-facebook-connect.btn.btn-default {
background-color: transparent;
color: #fff;
border-color: rgba(255, 255, 255, 0.3);
border-width: 2px;
}
.kleo-form-modal .kleo-facebook-connect.btn.btn-default:hover {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
}
.kleo-form-modal .kleo-form-signin #forgot-email {
margin-top: 30px;
}
/* Temporary */
.kleo-form-modal .hr-title {
display: none;
}
/* Footer Section & Widgets */
#footer {
font-weight: 300;
}
#footer ul {
padding-left: 0;
margin-bottom: 0;
}
#footer li {
list-style: none;
}
#footer .list-unstyled li {
padding-bottom: 5px;
}
#footer a i {
color: #777;
}
#footer a:hover i {
color: #999;
}
#footer .btn-app {
color: #777;
margin-right: 5px;
margin-bottom: 5px;
}
#footer .widget-title {
margin-bottom: 14px;
background-image: none;
}
#footer .btn-app.btn-primary {
background: #252525;
}
#footer .ordered-list.colored-icons li:before {
color: #fff;
}
#footer .input-group {
margin-bottom: 10px;
}
#footer .input-group input[type="text"] {
background: #252525;
border: 1px solid #333;
color: #777;
}
#footer .input-group-btn .btn-default {
background: #777;
border: 1px solid #777;
color: #fafafa;
}
#footer .form-control:focus {
border-color: #777 !important;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
/* Footer widgets */
#footer .widget {
margin-bottom: 30px;
}
.kleo-block:before,
.kleo-block:after {
display: table;
content: " ";
}
.kleo-block:after {
clear: both;
}
.news-content {
padding-bottom: 10px;
padding-top: 9px;
float: none;
clear: both;
}
.news-content:first-child {
padding-top: 0;
}
.news-content.list-divider:first-child {
border: none;
padding-top: 10px;
}
.news-thumb {
clear: both;
display: inline-block;
float: left;
margin-bottom: 5px;
margin-right: 10px;
}
.news-thumb:empty {
display: none;
}
.news-thumb img {
width: 40px;
height: 40px;
border-radius: 100%;
}
.news-headline {
display: block;
}
.news-time {
display: block;
}
.tagcloud {
display: inline-block;
}
/* Bottom footer */
/*.footer-bottom {
height: 100%;
overflow-y: initial;
-webkit-overflow-scrolling: touch;
.kleo-page {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
height: 100%;
#header, #footer {
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
#main {
flex-grow: 1;
-webkit-flex-grow: 1;
}
}
}*/
/* IE 10 & 11 bugfix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.footer-bottom {
overflow: visible !important;
}
.footer-bottom .kleo-page #main {
flex: 1 0 auto !important;
}
}
/* Socket Section */
#socket {
position: relative;
}
#socket .template-page {
padding: 0;
}
/* -----------------------------------------
05. WordPress Styles
----------------------------------------- */
/* For All Posts */
.masonry-listing .post-title {
margin-left: -13px;
margin-bottom: 10px;
padding-left: 10px;
}
.masonry-listing .post-image img {
width: 100%;
}
.masonry-listing article .post-header .post-meta .meta-author,
.masonry-listing article .article-meta .post-meta .meta-author {
width: auto;
height: auto;
/* margin-right: 5px; */
}
section.alternate-color .masonry-listing .post-title {
margin-left: -10px;
}
.masonry-listing .post-footer {
border-top-style: solid;
border-top-width: 1px;
}
.masonry-listing .post-content {
border-style: solid;
border-width: 1px;
border-left-width: 3px;
}
section.alternate-color .masonry-listing .post-content {
border-width: 0;
}
.masonry-listing .post-content:hover {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.masonry-listing .format-link .inner-content {
margin-left: -3px;
padding-left: 10px;
}
/* Post Video */
.masonry-listing .format-video .fluid-width-video-wrapper {
margin-right: -3px;
width: 100%;
}
.masonry-listing .format-video .post-title {
border-left: 3px solid #07baf4;
}
/* Post Standard */
.masonry-listing .format-standard .post-title {
border-left: 3px solid #8a52ad;
}
/* Post Image */
.masonry-listing .format-image .post-title {
border-left: 3px solid #fc604a;
}
/* Post Gallery */
.masonry-listing .format-gallery .post-title {
border-left: 3px solid #43ae9e;
}
/* Post Audio */
.masonry-listing .format-audio .post-title {
border-left: 3px solid #367bb7;
}
/* Post Status */
.masonry-listing .format-status .inner-content {
margin-top: 10px;
border-left: 3px solid #ed005a;
}
/* Post Status */
.masonry-listing .format-link .inner-content {
margin-top: 10px;
border-left: 3px solid #00c5c4;
}
/* Post Quote */
.masonry-listing .format-quote,
.masonry-listing .format-quote .post-footer a,
.masonry-listing .format-quote .post-footer a .muted {
color: #fff;
}
.masonry-listing .format-quote .post-content {
padding-top: 20px;
border: none;
}
.masonry-listing .format-quote .post-footer {
border: none;
}
.masonry-listing .format-quote .inner-content {
font-size: 14px;
line-height: 24px;
letter-spacing: .1em;
font-style: italic;
margin-left: 40px;
}
.masonry-listing .format-quote .inner-content:before {
font: 160% "fontello";
content: "\e854";
color: #fff;
margin-left: -30px;
float: left;
}
/* Post Aside */
.masonry-listing .format-aside .post-title {
border-left: 3px solid #ee2534;
}
/* Featured Post */
.masonry-listing .featured-content .post-header {
background: #f7f7f7;
}
.masonry-listing .featured-content .post-header:before {
border-color: #f7f7f7;
}
.featured-content .kleo-carousel .post-title {
margin-left: 0px;
}
/* Single Post */
.unapproved {
color: red;
}
article .article-meta {
width: 100px;
float: left;
text-align: right;
}
/* Inline meta for single page */
.single .with-meta.inline-meta article .article-meta {
width: 100%;
text-align: left;
margin-bottom: 15px;
}
.single .with-meta.inline-meta article .article-media,
.single .with-meta.inline-meta article .article-content {
margin-left: 0;
clear: left;
}
.single .with-meta.inline-meta article .entry-date,
.single .with-meta.inline-meta article .post-meta {
width: auto;
font-family: inherit;
font-size: inherit;
}
.single .with-meta.inline-meta article .entry-date {
color: inherit;
}
.single .with-meta.inline-meta article .post-meta small {
display: inline-block;
float: none;
width: auto;
font-size: inherit;
}
.single .with-meta.inline-meta article .meta-author .author-name {
display: inline-block;
margin-left: 5px;
}
/*article .article-meta .post-meta .avatar {
display: block;
}*/
article .article-meta .entry-date {
font-size: 18px;
font-weight: 100;
display: inline-block;
width: 100%;
line-height: 28px;
}
article .article-meta .post-meta {
font-size: 0;
}
article .article-meta .post-meta small {
font-size: 11px;
}
/*article .article-meta .post-meta a.post-time:after {
content: attr(title);
display: block;
}*/
article .article-meta .post-meta .meta-comment-count,
article .article-meta .post-meta .meta-links {
display: block;
clear: both;
}
article .article-meta .post-meta .meta-links i {
padding-left: 5px;
}
article .post-header .post-meta {
margin: 10px 0;
display: inline-block;
}
article .post-header .post-meta .meta-links i {
padding-right: 3px;
}
article .post-meta .avatar,
article .post-header .post-meta .avatar,
article .article-meta .post-meta .avatar {
overflow: hidden;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.posts-listing.small-listing .post-header .post-meta .avatar,
.posts-listing.small-listing .article-meta .post-meta .avatar,
.posts-listing.masonry-listing .post-header .post-meta .avatar,
.posts-listing.masonry-listing .article-meta .post-meta .avatar,
.posts-listing.inline-meta .post-header .post-meta .avatar,
.posts-listing.inline-meta .article-meta .post-meta .avatar {
width: 25px;
}
article .article-meta .post-meta .meta-author a:after,
article .article-meta .post-meta .meta-links a:after,
article .article-meta .post-meta .meta-category a:after,
article .article-meta .post-meta .meta-comment-count a:after {
content: inherit;
}
article .post-header .post-meta .meta-author,
article .article-meta .post-meta .meta-author {
display: inline-block;
vertical-align: middle;
}
article .article-meta .post-meta .meta-author .author-name {
display: block;
clear: both;
}
article .article-meta .edit-link {
text-transform: uppercase;
font-size: 11px;
}
article .article-meta .edit-link:after {
content: " \2192";
}
.single .with-meta .article-media,
.posts-listing.standard-listing.with-meta .article-media {
margin-left: 130px;
/*margin-bottom: 40px;*/
}
.single .container .with-meta .article-content,
.posts-listing.standard-listing.with-meta .article-content {
margin-left: 130px;
/*padding: 0 0 40px;*/
}
.single .container .just-thumb-1 .article-content,
.posts-listing.standard-listing.just-thumb-1 .article-content {
/*padding: 0 0 20px;*/
}
.single .container-full .with-meta .article-content > .container {
padding-top: 40px;
}
.posts-listing .archive-description {
padding-bottom: 20px;
}
img.attachment-kleo-full-width {
width: 100%;
}
.article-content > p:empty,
.wrap-content > p:empty,
#main > p:empty {
display: none;
}
/* Attachment */
.single-attachment .entry-header {
width: 100px;
float: left;
text-align: right;
}
.single-attachment .post-time {
font-size: 18px;
/*font-family: 'Roboto Condensed', sans-serif;*/
font-weight: 100;
display: inline-block;
width: 100%;
line-height: 28px;
}
.single-attachment .entry-content {
margin-left: 130px;
margin-bottom: 40px;
}
#image-navigation {
padding-left: 130px;
text-align: center;
}
#image-navigation .previous-image,
#image-navigation .next-image {
display: inline-block;
padding: 0 10px;
}
#image-navigation .previous-image:before {
content: "\2190";
margin-right: 5px;
}
#image-navigation .next-image:after {
content: "\2192";
margin-left: 5px;
}
/* Listing/Category Posts */
.posts-listing.standard-listing.just-thumb-1.no-meta.no-excerpt.no-footer article:not(:first-child) .article-title,
.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+2)) .article-title,
.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+3)) .article-title {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
.posts-listing.standard-listing .type-post {
display: inline-block;
width: 100%;
}
.posts-listing.standard-listing:not(.template-page) .type-post {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.posts-listing.standard-listing.just-thumb-1.no-meta.no-excerpt.no-footer article:not(:first-child),
.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+2)),
.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:not(:nth-child(-n+3)) {
margin: 0;
padding: 0;
}
.posts-listing.standard-listing.just-thumb-1.no-meta.no-excerpt.no-footer article:nth-child(1),
.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:nth-child(2),
.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:nth-child(3) {
margin: 0;
padding: 0;
border-bottom: none;
}
.posts-listing.standard-listing.just-thumb-1 article:last-child,
.posts-listing.standard-listing.just-thumb-2 article:last-child,
.posts-listing.standard-listing.just-thumb-3 article:last-child {
margin-bottom: 40px !important;
/*border-bottom: 1px solid #e5e5e5;*/
}
.posts-listing.standard-listing.just-thumb-2.no-meta.no-excerpt.no-footer article:nth-child(1),
.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:nth-child(1),
.posts-listing.standard-listing.just-thumb-3.no-meta.no-excerpt.no-footer article:nth-child(2) {
border-bottom: none;
}
.posts-listing.standard-listing:not(.inline-meta) article {
margin-bottom: 40px;
padding-bottom: 40px;
}
.posts-listing.standard-listing:not(.inline-meta) article article {
margin-bottom: 0;
padding-bottom: 0;
}
.posts-listing.standard-listing.with-meta article {
position: relative;
}
.posts-listing.standard-listing.with-meta .article-title {
margin-left: 130px;
}
.posts-listing .post-item {
width: 100%;
}
.tpl-3ll article .article-meta,
.tpl-3lr article .article-meta,
.tpl-3rr article .article-meta {
width: 100%;
float: none;
text-align: left;
margin-bottom: 10px;
}
.tpl-3ll.posts-listing.standard-listing.with-meta .article-title,
.single .tpl-3ll.with-meta .article-media,
.tpl-3ll.posts-listing.standard-listing.with-meta .article-media,
.single .container .tpl-3ll.with-meta .article-content,
.tpl-3ll.posts-listing.standard-listing.with-meta .article-content,
.tpl-3lr.posts-listing.standard-listing.with-meta .article-title,
.single .tpl-3lr.with-meta .article-media,
.tpl-3lr.posts-listing.standard-listing.with-meta .article-media,
.single .container .tpl-3lr.with-meta .article-content,
.tpl-3lr.posts-listing.standard-listing.with-meta .article-content,
.tpl-3rr.posts-listing.standard-listing.with-meta .article-title,
.single .tpl-3rr.with-meta .article-media,
.tpl-3rr.posts-listing.standard-listing.with-meta .article-media,
.single .container .tpl-3rr.with-meta .article-content,
.tpl-3rr.posts-listing.standard-listing.with-meta .article-content {
margin-left: 0;
}
.tpl-3ll article .article-meta .entry-date,
.tpl-3ll article .article-meta .post-meta,
.tpl-3lr article .article-meta .entry-date,
.tpl-3lr article .article-meta .post-meta,
.tpl-3rr article .article-meta .entry-date,
.tpl-3rr article .article-meta .post-meta {
width: auto;
font-family: inherit;
font-size: inherit;
}
.tpl-3ll article .article-meta .post-meta .meta-links,
.tpl-3ll article .article-meta .post-meta a.post-time:after,
.tpl-3ll article .article-meta .post-meta .meta-comment-count,
.tpl-3lr article .article-meta .post-meta .meta-links,
.tpl-3lr article .article-meta .post-meta a.post-time:after,
.tpl-3lr article .article-meta .post-meta .meta-comment-count,
.tpl-3rr article .article-meta .post-meta .meta-links,
.tpl-3rr article .article-meta .post-meta a.post-time:after,
.tpl-3rr article .article-meta .post-meta .meta-comment-count {
display: inline;
}
.tpl-3ll article .post-header .post-meta .meta-author,
.tpl-3ll article .article-meta .post-meta .meta-author,
.tpl-3lr article .post-header .post-meta .meta-author,
.tpl-3lr article .article-meta .post-meta .meta-author,
.tpl-3rr article .post-header .post-meta .meta-author,
.tpl-3rr article .article-meta .post-meta .meta-author {
width: 25px;
height: auto;
margin-right: 5px;
}
/* Inline meta */
.posts-listing.standard-listing.with-meta.inline-meta .article-meta {
width: 100%;
text-align: left;
margin: 10px auto;
}
.posts-listing.standard-listing.with-meta.inline-meta .article-title,
.posts-listing.standard-listing.with-meta.inline-meta .article-media,
.posts-listing.standard-listing.with-meta.inline-meta .article-content {
margin-left: 0;
clear: left;
}
.posts-listing.standard-listing.with-meta.inline-meta .entry-date,
.posts-listing.standard-listing.with-meta.inline-meta .post-meta {
width: auto;
font-family: inherit;
font-size: inherit;
}
.posts-listing.standard-listing.with-meta.inline-meta .post-meta small {
display: inline-block;
float: none;
}
.posts-listing.standard-listing.with-meta.inline-meta .meta-author .author-name {
display: inline-block;
margin-left: 5px;
}
.no-meta .article-meta,
.no-meta .post-meta {
display: none !important;
}
.no-excerpt .post-info,
.no-excerpt .article-content {
display: none;
}
.posts-listing.no-footer .post-footer,
.posts-listing.no-footer .kleo-continue {
display: none;
}
/* Blog list style */
.small-listing article .post-header .post-meta .meta-author,
.small-listing article .article-meta .post-meta .meta-author {
width: auto;
height: auto;
}
.small-listing .post-header,
.small-listing .post-info,
.small-listing .post-footer {
padding: 0;
}
.small-listing .post-title {
margin-top: 0;
}
.small-listing .post-item {
padding: 20px 0;
}
.small-listing .featured-content .post-item {
padding: 20px 10px;
}
.small-listing .post-format-icon {
border-radius: 50%;
background: #f7f7f7;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
margin: 0 auto 10px;
}
.small-listing .entry-summary > p:first-child {
margin-top: 0;
}
.keep-ratio .post-image {
display: inline-block;
float: left;
position: relative;
width: 100%;
z-index: 1;
}
.keep-ratio .post-image::before {
content: "";
display: block;
}
.keep-ratio .post-image::before {
content: " ";
display: block;
padding-top: 100%;
width: 100%;
}
.keep-ratio.aspect-ratio-4-3 .post-image::before {
content: " ";
display: block;
padding-top: 75%;
width: 100%;
}
.keep-ratio.aspect-ratio-16-9 .post-image::before {
content: " ";
display: block;
padding-top: 56.25%;
width: 100%;
}
.keep-ratio .post-image a.element-wrap {
bottom: 0;
color: #fff;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: 0;
transform-style: preserve-3d;
vertical-align: middle;
}
.keep-ratio .post-image a.element-wrap:hover img {
transform: translate3d(-50%, -50%, 0px) scale(1.1);
}
.keep-ratio .post-image a.element-wrap img {
float: left;
left: 50%;
position: relative;
top: 50%;
transform: translate3d(-50%, -50%, 0px);
transition: all 1s linear 0s;
width: 100%;
}
/* Blog layout switch */
.kleo-view-switch {
float: right;
margin-bottom: 20px;
z-index: 2 !important;
}
.kleo-view-switch ul {
list-style: none;
padding: 0;
}
.kleo-view-switch li {
float: left;
padding: 0 5px;
}
.kleo-view-switch li:last-child {
padding-right: 0;
}
.kleo-view-switch span {
/*border: 1px solid #ccc;*/
color: #ccc;
cursor: pointer;
font-family: fontello;
font-size: 1.3em;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.kleo-view-switch span.active,
.kleo-view-switch span:hover {
color: #333;
background: #f7f7f7;
}
.kleo-view-switch .switch-masonry:before {
content: "\e9ad";
}
.kleo-view-switch .switch-small:before {
content: "\e9ac";
}
.kleo-view-switch .switch-standard:before {
content: "\e9ae";
}
/* New Blog Demo Style*/
.left-rail-text {
/* v.4.1.9 */
font-size: 112px;
font-weight: 900;
position: absolute;
left: -200px;
top: -140px;
white-space: nowrap;
color: #fafafa;
z-index: 0;
}
.right-rail-text {
/* v.4.1.9 */
font-size: 112px;
font-weight: 900;
position: absolute;
right: -200px;
top: -140px;
white-space: nowrap;
color: #fafafa;
z-index: 0;
left: auto;
}
/* Social share */
.share-links {
text-align: center;
padding: 30px 0;
clear: both;
}
.share-links div.hr-title {
margin-bottom: 30px;
}
.share-links span a {
font-size: 18px;
display: inline-block;
margin: 0 6px;
}
.social-share-wrap {
position: relative;
}
/* Articles likes */
.item-likes:before {
content: "\e810";
font-family: "fontello";
margin-right: 5px;
}
.item-likes.liked:before,
.item-likes:hover:before {
content: "\e80f";
font-family: "fontello";
}
.kleo-love .item-likes-count,
.kleo-love .item-likes-postfix {
font-weight: 100;
font-size: 16px;
}
/* Related Articles */
.related-wrap {
padding: 30px 0;
clear: both;
}
.related-wrap ul.kleo-carousel li article .post-image img {
width: 100%;
}
/* 404 page */
.search-404 .input-group input[type="text"] {
border: none;
-webkit-transition: .7s;
-moz-transition: .7s;
-o-transition: .7s;
transition: .7s;
color: #bbb;
font-weight: normal;
background: transparent;
box-shadow: none;
min-width: 320px;
}
.search-404 .input-group input[type="text"]:focus {
min-width: 430px;
color: #777;
}
.search-404 .input-group-btn .searchsubmit {
border: none;
text-indent: -9999em;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
width: 24px;
height: 24px;
border-radius: 100%;
position: relative;
float: right;
margin-top: 3px;
}
.search-404 .searchform {
margin: 30px auto;
display: inline-block;
border-radius: 22px;
border: 1px solid #e5e5e5;
height: 33px;
line-height: 30px;
padding: 0 10px;
min-width: 320px;
text-align: left;
box-shadow: 0 0 0 4px #f7f7f7;
}
/* Img alignment */
body .alignleft,
.entry-content a:hover .alignleft {
float: left;
margin: 4px 10px 0px 0;
display: block;
}
body .alignright,
.entry-content a:hover .alignright {
float: right;
margin: 4px 0px 0px 10px;
display: block;
}
body .aligncenter,
.entry-content a:hover .aligncenter {
clear: both;
display: block;
margin: 10px auto;
padding: 10px 0;
}
body .article-content .aligncenter,
.article-content a:hover .aligncenter {
clear: none;
}
.alignleft img,
.alignright img {
display: block;
}
/* Gallery */
.gallery {
margin-bottom: 20px;
}
.gallery-item {
float: left;
margin: 0 1px 1px 0 !important;
overflow: hidden;
position: relative;
}
.gallery-item img.attachment-thumbnail {
border: none !important;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-icon {
margin: 0;
}
.gallery-item {
margin: 0;
}
/*** Image caption ***/
div .wp-caption {
max-width: 100%;
font-size: 11px;
font-style: italic;
border-width: 1px;
border-style: solid;
margin: 5px 15px 10px 0;
position: relative;
}
.wp-caption img {
border: medium none;
display: block;
padding: 5px;
margin: 0;
width: 100%;
}
.wp-caption-text {
display: block;
font-size: 11px;
font-style: italic;
margin: 0 auto;
padding: 3px 10px 5px;
text-align: center;
font-family: sans-serif;
}
.wp-caption.aligncenter {
margin: 5px auto 10px auto;
}
/* Smiley */
.wp-smiley {
display: inline-block;
border: none;
}
/* Go To Top */
.kleo-go-top {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #ccc;
background-color: rgba(0, 0, 0, 0.2);
padding: 12px 14px;
position: fixed;
bottom: 50px;
right: -60px;
z-index: 100;
opacity: 0;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.kleo-go-top.off {
right: -60px;
opacity: 0;
}
.kleo-go-top.on {
right: 20px;
opacity: 1;
}
.kleo-go-top:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.kleo-go-top i {
color: #fff;
font-size: 24px;
line-height: 24px;
}
/* Apply Hover Effect */
.element-wrap {
display: inline-block;
position: relative;
width: 100%;
vertical-align: middle;
z-index: 0;
margin: 0 auto;
}
.element-wrap.element-left {
display: inline-block;
}
.element-wrap.element-left .img-element,
.element-wrap.element-left .btn {
display: block;
float: left;
}
.element-wrap.element-right {
display: block;
float: right;
}
.element-wrap.element-right .img-element,
.element-wrap.element-right .btn {
display: block;
float: right;
}
.element-wrap.element-center {
display: block;
text-align: center;
margin: 0 auto;
}
.element-wrap.element-center .img-element {
display: block;
margin-left: auto;
margin-right: auto;
}
.kleo_image,
.kleo_image img {
border-radius: 3px;
display: block;
position: relative;
}
.kleo_image.kleo-align-center {
display: block;
margin: 0 auto 10px auto;
text-align: center;
}
.kleo_image.kleo-align-center img {
margin: 0 auto;
display: inline-block;
}
.kleo_image.kleo-align-left {
display: block;
float: left;
margin-right: 15px;
margin-top: 5px;
}
.kleo_image.kleo-align-right {
display: block;
float: right;
margin-left: 15px;
margin-top: 5px;
}
.slotholder:after {
content: ' ';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.hover-element,
.higlight-caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.hover-element:hover {
background: rgba(0, 0, 0, 0.3);
}
.hover-element > i {
font-style: normal;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
display: inline-block;
font-size: 22px;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
position: absolute;
border-radius: 50%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
}
.hover-element:hover > i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.hover-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
color: #000;
opacity: 0;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.lighter .hover-caption {
background: rgba(255, 255, 255, 0.5);
}
.darker .hover-caption {
background: rgba(0, 0, 0, 0.3);
}
.element-wrap:hover .hover-caption {
opacity: 1;
}
.static-caption {
padding: 15px;
position: relative;
}
.static-caption:before {
width: 6px;
height: 6px;
display: block;
content: ' ';
z-index: 9999;
position: absolute;
top: -6px;
left: 50%;
margin-left: -3px;
border-top: 0;
border-left: 6px solid transparent !important;
border-right: 6px solid transparent !important;
border-bottom-style: solid;
border-bottom-width: 6px;
}
.higlight-caption {
color: #fff;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
vertical-align: middle;
text-align: center;
display: inline-block;
}
.darker .higlight-caption,
.darker .hover-caption {
color: #fff;
}
.lighter .higlight-caption,
.lighter .hover-caption {
color: #000;
}
.lighter .higlight-caption:hover {
background: rgba(255, 255, 255, 0.5);
}
.darker .higlight-caption:hover {
background: rgba(0, 0, 0, 0.3);
}
.darker .higlight-caption .title-caption h3 {
color: #fff;
}
.lighter .higlight-caption .title-caption {
color: #000;
}
.higlight-caption .title-caption {
display: table;
width: 100%;
height: 100%;
}
.higlight-caption .title-caption h3 {
display: table-cell;
vertical-align: middle;
text-align: center;
transition: all 1s ease 0s;
}
@media (min-width: 1200px) {
.higlight-caption .title-caption h3 {
font-size: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.higlight-caption .title-caption h3 {
font-size: 20px;
}
}
@media (min-width: 1440px) {
.higlight-caption .title-caption h3 {
font-size: 40px;
}
}
/* Highlight Items */
.highlight-items .thumbnail {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
margin-bottom: 20px;
}
.highlight-items div.thumbnail {
opacity: 1.0;
}
.highlight-items div.thumbnail:hover {
opacity: 0.3;
}
.highlight-items:hover > .highlight-this div.thumbnail {
opacity: 0.3;
}
.highlight-items:hover > .highlight-this div.thumbnail:hover {
opacity: 1.0;
}
/* For MediaElements */
.postroll {
padding: 5%;
color: #fff;
}
/* Default pagination */
.pagination {
display: inline-block;
width: 100%;
text-align: center;
padding: 20px 0;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: none;
padding: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
border-radius: 100%;
margin: 0 3px;
text-decoration: none;
border-style: solid;
border-width: 1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-radius: 100%;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
cursor: default;
border-style: solid;
border-width: 1px;
}
/* Sticky pagination */
.pagination-sticky {
position: absolute;
}
.pagination-sticky > a {
display: inline-block;
}
.pagination-sticky #newer-nav,
.pagination-sticky #older-nav {
background: rgba(0, 0, 0, 0.1);
display: inline-block;
color: #fff;
position: relative;
height: 90px;
width: 220px;
line-height: 20px;
position: fixed;
top: 50%;
z-index: 100;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.pagination-sticky #newer-nav {
border-top-left-radius: 0.4em;
border-bottom-left-radius: 0.4em;
right: -190px;
}
.pagination-sticky #newer-nav:hover {
background: rgba(0, 0, 0, 0.7);
right: 0;
}
.pagination-sticky #older-nav {
border-top-right-radius: 0.4em;
border-bottom-right-radius: 0.4em;
left: -190px;
}
.pagination-sticky #older-nav:hover {
background: rgba(0, 0, 0, 0.7);
left: 0;
}
.pagination-sticky #newer-nav:before,
.pagination-sticky #older-nav:after {
font: 18px 'fontello';
display: inline-block;
line-height: 90px;
float: left;
width: 30px;
text-align: center;
}
.pagination-sticky #newer-nav:before {
content: '\e89f';
}
.pagination-sticky #older-nav:after {
content: '\e89e';
}
.pagination-sticky .nav-image {
float: left;
display: inline-block;
width: 90px;
}
.pagination-sticky #newer-nav .nav-image {
float: right;
}
.pagination-sticky .wp-post-image,
.pagination-sticky .avatar {
width: 70px;
border-radius: 100%;
margin: 10px;
}
.pagination-sticky .outter-title {
/*display: table;*/
display: table;
float: left;
height: 90px;
width: 100px;
}
.pagination-sticky .entry-title {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100px;
}
/* Only for blog */
.pagination-sticky.member-navigation #newer-nav:before,
.pagination-sticky.member-navigation #older-nav:after {
width: 30px;
}
.pagination-sticky.member-navigation #newer-nav,
.pagination-sticky.member-navigation #older-nav {
width: 130px;
}
.pagination-sticky.member-navigation #newer-nav {
right: -100px;
}
.pagination-sticky.member-navigation #older-nav {
left: -100px;
}
.pagination-sticky.member-navigation #newer-nav:hover {
right: 0;
}
.pagination-sticky.member-navigation #older-nav:hover {
left: 0;
}
.pagination-sticky.member-navigation #newer-nav .entry-title {
text-align: left;
padding-left: 10px;
}
.pagination-sticky.member-navigation #older-nav .entry-title {
text-align: right;
padding-right: 10px;
}
@media screen and (max-width: 480px) {
.pagination-sticky {
background: rgba(0, 0, 0, 0.7);
bottom: 0;
left: 0;
right: 0;
height: 40px;
position: fixed;
width: 100%;
z-index: 200;
}
.pagination-sticky #newer-nav:before,
.pagination-sticky #older-nav:after {
line-height: 40px;
position: absolute;
}
.pagination-sticky #older-nav:after {
position: absolute;
right: 0;
}
.pagination-sticky #newer-nav,
.pagination-sticky #older-nav,
.pagination-sticky.member-navigation #newer-nav,
.pagination-sticky.member-navigation #older-nav {
/*background: rgba(0, 0, 0, 0.7);*/
background: none;
top: auto;
bottom: 0;
width: 50%;
height: 40px;
border-radius: 0;
}
.pagination-sticky #newer-nav,
.pagination-sticky.member-navigation #newer-nav {
right: 0;
}
.pagination-sticky #older-nav,
.pagination-sticky.member-navigation #older-nav {
left: 0;
}
.pagination-sticky .nav-image {
width: 40px;
}
.pagination-sticky .wp-post-image,
.pagination-sticky .avatar {
width: 30px;
border-radius: 100%;
margin: 5px;
}
.pagination-sticky .outter-title {
height: 30px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.pagination-sticky .entry-title {
display: block;
white-space: nowrap;
line-height: 40px;
font-size: 11px;
overflow: hidden;
text-overflow: ellipsis;
width: 7em;
}
.pagination-sticky.member-navigation #older-nav .outter-title {
width: 100%;
padding-right: 30px;
}
.pagination-sticky #newer-nav .outter-title {
padding-left: 30px;
}
.pagination-sticky.member-navigation .entry-title {
width: 100%;
}
}
.posts-load-more {
margin-top: 40px;
}
/* #Comments */
#comments-list {
position: relative;
}
#comments-list > .hr-title {
margin: 40px auto 30px;
}
#comments-list ol {
list-style: none;
margin: 0;
padding: 0;
}
#comments-list ol li {
margin-bottom: 0;
}
#comments-list .comment-wrap {
position: relative;
height: auto;
padding: 10px 0;
}
.comment-wrap .comment-avatar {
float: left;
position: relative;
z-index: 2;
margin-top: -7px;
}
.comment-wrap .comment-avatar img {
height: 60px;
width: 60px;
display: block;
}
#comments-list .comment-content {
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 0 0 0 90px;
padding-bottom: 10px;
}
#comments-list .comment-author {
font-weight: bold;
}
#comments-list .comment-date {
display: block;
font-size: 11px;
color: #bbb;
margin: 0;
padding: 0;
}
#comments-list .comment-meta-actions,
#comments-list .comment-meta-actions a {
font-size: 11px;
text-transform: uppercase;
color: #bbb;
display: inline-block;
}
#comments-list li ul {
list-style: none;
padding: 0;
}
#comments-list ul.children {
margin-left: 90px;
}
#comments-list ul.children ul {
margin-left: 0;
}
#comments-list ul.children .comment-wrap {
padding: 0;
}
#comments-list ul.children .comment-content {
margin-left: 0;
margin-bottom: 10px;
padding-bottom: 0;
}
#comments-list ul.children .comment-author {
font-weight: normal;
}
#comments-list ul.children .comment-avatar {
box-shadow: none;
margin-top: 0;
}
#comments-list ul.children .comment-avatar img {
height: 30px;
width: 30px;
border-width: 0;
}
#comments-list ul.children .comment-date {
display: inline-block;
}
#comments-list ul.children .comment-meta {
margin-left: 40px;
}
#comments .comment-respond,
#comments-list .comment-respond {
margin-left: 90px;
}
#comments-list ul.children .comment-respond {
margin-left: 0;
}
#comments .activity-timeline {
border-right-style: solid;
border-right-width: 1px;
height: 100%;
left: 30px;
position: absolute;
top: 0;
width: 1px;
z-index: 0;
margin-top: 30px;
}
/* Trackbacks */
#trackbacks-list span {
font-size: 12px;
}
#trackbacks-list ol li {
margin-bottom: 10px;
}
#trackbacks-list .comment-author {
font-size: 12px;
margin-bottom: 5px;
}
#trackbacks-list .comment-content p {
font-size: 14px;
}
/* Comment Form */
#respond-wrap {
padding-bottom: 20px;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
#respond {
margin: 30px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
margin-bottom: 0;
}
#commentform {
margin-top: 10px;
margin-bottom: 0;
}
#commentform p.comment-notes {
margin-bottom: 20px;
}
#commentform p.comment-notes span.required {
float: none;
}
#commentform label {
font-size: 12px;
font-weight: normal;
margin-bottom: 4px;
}
#commentform p.form-allowed-tags {
display: none;
}
#commentform p.form-allowed-tags code {
color: #444;
}
.comment #respond h3#reply-title {
display: block;
margin: 0px 0 10px;
}
#reply-title small {
font-size: 14px;
line-height: 0;
margin-left: 5px;
}
#reply-title small a,
#reply-title small a:hover {
text-decoration: none;
}
p.comment-form-comment {
margin-top: 5px;
margin-bottom: 15px;
}
p.form-submit {
height: auto;
overflow: hidden;
margin-bottom: 0;
}
#respond .form-submit input#submit {
margin: 0;
border: 0;
background: none;
border-style: solid;
border-width: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 1.5em;
padding: 10px;
font-size: 11px;
text-transform: uppercase;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
/* Post meta */
ul.link-list {
margin-left: 0;
padding-left: 0;
list-style: none;
}
ul.link-list li {
float: left;
margin-right: 10px;
}
/* Sidebar */
.sidebar {
font-size: 93%;
}
.sidebar select {
width: 100%;
}
.sidebar ul {
padding: 0;
list-style: none;
}
.sidebar .widget {
margin: 0 0 30px;
}
/* Widgets */
.widget-title {
margin-bottom: 10px;
}
/* Widgets with borders */
.kleo-widget-recent-posts-li,
.widget_categories li,
.widget_recent_entries li,
.widget_archive li,
.widget_display_views li,
.widget_recent_comments li,
.widget_product_categories li,
.widget_layered_nav li {
padding: 6px 0 16px;
/*border-bottom-style: solid;
border-bottom-width: 1px;*/
list-style: none;
}
.sidebar .kleo-widget-recent-posts-li,
.sidebar .widget_categories li,
.sidebar .widget_recent_entries li,
.sidebar .widget_archive li,
.sidebar .widget_display_views li,
.sidebar .widget_recent_comments li,
.sidebar .widget_product_categories li,
.sidebar .widget_layered_nav li {
padding: 6px 0;
border-bottom-style: solid;
border-bottom-width: 1px;
list-style: none;
}
#footer .kleo-widget-recent-posts-li,
#footer .widget_categories li,
#footer .widget_recent_entries li,
#footer .widget_archive li,
#footer .widget_display_views li,
#footer .widget_recent_comments li,
#footer .widget_product_categories li,
#footer .widget_layered_nav li {
padding: 6px 0;
border-bottom-style: solid;
border-bottom-width: 1px;
list-style: none;
}
.kleo-widget-recent-posts-li:first-child,
.widget_categories li:first-child,
.widget_recent_entries li:first-child,
.widget_archive li:first-child,
.widget_display_views li:first-child,
.widget_recent_comments li:first-child,
.widget_product_categories li:first-child,
.widget_layered_nav li:first-child {
border-top-style: solid;
border-top-width: 1px;
}
/* Custom menu */
.widget_nav_menu ul {
margin: 0;
list-style: none;
}
.widget_nav_menu ul li {
clear: both;
}
.widget_nav_menu ul ul {
margin: 0;
border: none;
border-radius: 0;
}
.widget_nav_menu li:first-child > a {
border-top-style: solid;
border-top-width: 1px;
}
.widget_nav_menu li ul li:first-child a {
border-top: none;
}
.widget_nav_menu a {
position: relative;
font-weight: normal;
display: block;
padding: 9px 0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-top: 0;
}
.widget_nav_menu .menu-item-has-children > a {
padding-right: 30px;
}
.widget_nav_menu ul ul li a {
padding-left: 10px;
}
.widget_nav_menu ul ul ul li a {
padding-left: 30px;
}
.widget_nav_menu .parent .sub-menu {
padding: 0;
}
.widget_nav_menu .parent .sub-menu .sub-menu {
padding: 0;
}
.widget_nav_menu .sub-menu a:before {
content: "-";
margin-right: 10px;
}
.widget_nav_menu .sub-menu .sub-menu a:before {
content: "-";
margin-right: 10px;
}
.widget_nav_menu a:hover,
.widget_nav_menu li.active > a {
text-decoration: none;
}
.widget_nav_menu .parent > a .caret:after {
display: block;
content: "+";
position: absolute;
right: 0;
/*top: 50%;*/
top: 16px;
font-size: 14px;
height: 30px;
line-height: 30px;
margin-top: -15px;
width: 30px;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.widget_nav_menu .parent > a .caret.active:after {
content: "-";
/*font-size: 30px;*/
}
.widget_nav_menu .parent > a .caret + .caret {
display: none;
}
.widget_nav_menu .sub-menu {
display: none;
}
.widget_nav_menu .current_page_item > a {
/*background: #f7f7f7;*/
}
.widget_nav_menu li.current-menu-parent > ul,
.widget_nav_menu li.current-menu-ancestor > ul {
display: block;
}
.widget_nav_menu li.current-menu-parent > a > span.caret:after,
.widget_nav_menu li.current-menu-ancestor > a > span.caret:after {
content: "-";
}
.widget_nav_menu li.current-menu-parent > a > span.caret.active:after,
.widget_nav_menu li.current-menu-ancestor > a > span.caret.active:after {
content: "+";
}
.widget_nav_menu li > a > span.caret:after {
content: "+";
}
.widget_nav_menu li > a > span.caret.active:after {
content: "-";
}
/* Recent comments */
#sidebar li.recentcomments a {
text-decoration: underline;
}
/* Tagcloud widget */
.widget_tag_cloud a {
display: block;
line-height: 1.2em !important;
float: left;
padding: 5px 8px;
margin: 0 5px 5px 0;
border-style: solid;
border-width: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
/* v.4.1.9 */
font-size: small;
}
.widget_tag_cloud a:hover {
text-decoration: none;
}
/* Social widget */
.kleo-social-widget-output {
list-style: none;
}
.kleo-social-widget-output li {
margin: 0;
padding: 0;
border: none;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.kleo-social-widget-output li img {
display: block;
}
.kleo-social-widget-output li img:hover {
opacity: 0.8;
}
.kleo-social-widget-output li img:active {
position: relative;
top: 1px;
}
/* Flickr widget */
.flickr-widget-wrap {
padding-top: 6px;
}
.flickr_badge_image {
float: left;
display: inline-block;
background: #252525;
border: 1px solid #333;
padding: 4px;
margin: -1px -1px 0 0;
transition: all 0.3s ease-in-out 0s;
}
.flickr_badge_image:hover {
background: #333;
}
.flickr_badge_image img {
width: 60px;
height: 60px;
}
/* Video widget */
.kleo-video-widget-description {
text-align: center;
margin-top: 15px;
}
/* Calendar widget */
#wp-calendar {
width: 100%;
font-size: 11px;
}
#wp-calendar thead th {
border-style: solid;
border-width: 1px;
border-top: none;
font-size: 11px;
font-weight: normal;
}
#wp-calendar tbody td {
text-align: center;
border-style: solid;
border-width: 1px;
line-height: 2.5em;
transition: background 0.15s ease;
-webkit-transition: background 0.15s ease;
-o-transition: background 0.15s ease;
-moz-transition: background 0.15s ease;
padding: 0;
}
#wp-calendar tbody td a {
display: block;
text-decoration: none;
/*background: #f7f7f7;*/
color: #333;
}
#wp-calendar tbody td:hover a {
background: #e5e5e5;
color: #111;
}
#wp-calendar tfoot td {
padding-top: 1px;
padding: 4px;
}
#wp-calendar caption {
cursor: pointer;
text-transform: uppercase;
margin: 0;
padding: 12px;
outline: 0 none !important;
border-style: solid;
border-width: 1px;
}
#wp-calendar tbody a {
display: block;
text-decoration: underline;
}
#wp-calendar th {
text-align: center;
border: 1px solid transparent;
border-top: none;
padding: 7px 0;
color: #bbb;
}
#wp-calendar td#today a {
color: #fff;
}
/* Thumb grid widget */
.kleo-recent-posts-thumb-grid li {
float: left;
width: 65px;
margin-left: 7px;
margin-bottom: 7px;
}
.kleo-recent-posts-thumb-grid li.col-1 {
margin-left: 0;
}
.kleo-recent-posts-thumb-grid li a,
.kleo-recent-posts-thumb-grid li img {
display: block;
width: auto;
}
.kleo-recent-posts-thumb-grid li img:hover {
opacity: 0.8;
}
/* Recent posts with thumb */
.kleo-widget-recent-posts-li {
margin: 0;
font-size: 12px;
min-height: 65px;
padding-left: 85px;
position: relative;
margin-bottom: 15px;
padding-bottom: 15px;
padding-top: 0;
}
.kleo-widget-recent-posts-li:first-child {
padding-top: 15px;
}
.kleo-widget-recent-posts-thumbnail {
position: absolute;
left: 0;
top: 0;
}
.kleo-widget-recent-posts-li:first-child .kleo-widget-recent-posts-thumbnail {
top: 15px;
}
.kleo-widget-recent-posts-thumbnail:hover {
opacity: 0.7;
}
.sidebar .kleo-widget-recent-posts-title {
font-weight: 600;
color: #000;
}
.sidebar .kleo-widget-recent-posts-title:hover {
text-decoration: none;
}
.sidebar .kleo-widget-recent-posts-date {
font-size: 12px;
font-weight: 400;
color: #777;
}
.kleo-widget-recent-posts-date {
margin-top: 5px;
}
/* Categories */
.widget_categories li {
position: relative;
padding-right: 20px;
}
.widget_categories li:before {
content: "\e873";
margin-right: 10px;
margin-left: 2px;
font-family: "fontello";
/*color: #dedede;*/
}
.widget_categories .cat-count-span {
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
height: 12px;
line-height: 12px;
color: #999;
font-size: 11px;
}
/* Product categories */
.widget_product_categories li {
position: relative;
padding-right: 20px;
}
.widget_product_categories li:before {
content: "\e873";
margin-right: 10px;
font-family: "fontello";
/*color: #dedede;*/
}
.widget_product_categories .count {
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
height: 12px;
line-height: 12px;
color: #999;
font-size: 11px;
}
/* Woo layered nav */
.widget_layered_nav li {
position: relative;
}
.widget_layered_nav li:before {
content: "\e86c";
margin-right: 10px;
font-family: "fontello";
/*color: #dedede;*/
}
.widget_layered_nav .count {
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
height: 12px;
line-height: 12px;
color: #999;
font-size: 11px;
}
/* Archives */
.widget_archive li:before {
content: "\e86c";
margin-right: 10px;
font-family: "fontello";
/*color: #dedede;*/
}
/* Topic views list */
.widget_display_views li:before {
content: "\e86c";
margin-right: 10px;
font-family: "fontello";
/*color: #dedede;*/
}
/* Recent entries */
.widget_recent_entries ul {
padding-left: 0;
}
.widget_recent_entries li:before {
content: "\e86c";
margin-right: 10px;
margin-left: 2px;
font-family: "fontello";
/*color: #dedede;*/
text-decoration: none;
}
.widget_recent_entries .post-date {
display: block;
font-size: 11px;
color: #777;
margin: 5px 0 0;
}
/* Recent comments */
.widget_recent_comments li:before {
content: "\e86c";
margin-right: 10px;
font-family: "fontello";
/*color: #dedede;*/
text-decoration: none;
}
/* RSS stream */
.widget_rss a.rsswidget {
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
}
.widget_rss .rss-date {
color: #bbb;
font-size: 11px;
}
.widget_rss ul li {
padding: 10px 0;
}
.widget_rss cite {
font-style: italic;
}
.widget_rss cite:before {
content: "- ";
}
/* Buddypress & Wp widget search */
.page-content .searchform {
max-width: 550px;
margin: 0 auto;
margin-top: 30px;
}
.widget .woocommerce-product-search,
.widget form#bbp-search-form > div,
.page-content .searchform > div,
.widget_search .searchform > div {
border-radius: 22px;
height: 33px;
line-height: 30px;
padding: 4px 5px 0 10px;
position: relative;
border-style: solid;
border-width: 1px;
/*border: 1px solid #e5e5e5;*/
}
.widget .woocommerce-product-search input[type=search],
.widget form#bbp-search-form input[type=text],
.page-content .searchform input[type=text],
.widget_search .searchform input[type=text] {
border: none;
-webkit-transition: .7s;
-moz-transition: .7s;
-o-transition: .7s;
transition: .7s;
color: #bbb;
font-weight: normal;
background: transparent;
box-shadow: none;
height: 24px;
line-height: 20px;
}
form#bbp-search-form input[type=text] {
margin: 0;
padding: 0;
width: 100%;
}
.widget .woocommerce-product-search input[type=search] {
padding-right: 30px;
}
.widget .woocommerce-product-search input[type=search]:focus,
.widget form#bbp-search-form input[type=text]:focus,
.page-content .searchform input[type=text]:focus,
.widget_search .searchform input[type=text]:focus {
color: #777;
}
.widget .woocommerce-product-search input[type=submit],
.widget form#bbp-search-form input[type=submit],
.page-content .searchform input[type=submit],
.widget_search .searchform input[type=submit] {
border: none;
text-indent: -9999em;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
width: 24px;
height: 24px;
border-radius: 100%;
position: relative;
float: right;
margin-top: -2px;
}
.widget .woocommerce-product-search input[type=submit]:hover,
.widget form#bbp-search-form input[type=submit]:hover,
.page-content .searchform input[type=submit]:hover,
.widget_search .searchform input[type=submit]:hover {
background-position: -24px 0;
}
.widget .woocommerce-product-search input[type=submit] {
position: absolute;
top: 5px;
right: 5px;
}
.kleo-search-form {
max-width: 700px;
margin: 0 auto;
position: relative;
}
.kleo-search-form .searchform div.input-group {
display: inline-block;
width: 100%;
margin: 0 auto;
}
.kleo-search-form .searchform .input-group-btn {
position: absolute;
right: 26px;
top: 30%;
}
.kleo-search-form .searchform .input-lg {
height: 63px;
border-radius: 8px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
background-color: #fff;
}
.kleo-search-form.search-style-transparent .searchform .input-lg {
border: none;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
opacity: 0.5;
}
.kleo-search-form .searchform .input-lg:focus,
.kleo-search-form .searchform .input-lg:active {
opacity: 1;
color: #777;
}
.kleo-search-form .searchform input.searchsubmit {
border: none;
text-indent: -9999em;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABgCAYAAABbjPFwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgtJREFUeNrs1yFzwjAYxnHKTYBErrJySOQmZ5Gzk/sMfATsLF8BuUlk7SS2ckgkkr3ZveVCSdqk5G7H7p+7HlDCQ35J0ybZ8Xgc3HIZDm68APjrctdVoaqqXF4KOSZ6am9OF0XxnaIBi8XCmb9cLoPyM98kloabwLmGO6vI8SGQfc+GB+ULZB8N0Ma/yTHuaMdBjlUsQhsfnN+G8F1CL1a46YlSGlkpzvTYk/acqfMqx3vkAFzkSyMrxUXlX4yANHCmQ2vKVhq+9lxips5MP26kXhnY+2f50vC1p95ZvtQrQ+9CU2v4PlvastE6pjxE9H7SfBfgXl930qsH3w/1u0o/TiIAp3zpVW++fteZ7wKMrR4KLeMedZPkuwD1/TcPCM4bvwkpSfOHnvvv77DphPY9J2bW0O4iAKd8ndBtk70z3wX4st7PXQg992ydKiMAZ/kuhJ4Lyvc9yOxbXf14t4e+OanWMqm3EQ+y6HyZ1NvYpUTdC6ETtA8iKt+FyNo2NIIw4Y+uxZZeCrk+VfsiovObiOzaHZkgp40/WaVaqSryIt9eqV69H9Aet5cDo5Trfe1xb36Wak+s+4ZRvehLXXTfMKoXfckBbCkBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA/wj4EWAAMFHXN7XDzN4AAAAASUVORK5CYII=') no-repeat;
width: 24px;
height: 24px;
border-radius: 100%;
}
.kleo-search-form .searchform input.searchsubmit:hover {
background-position: -24px 0;
}
.kleo-search-form .kleo_ajax_results {
background: #fff;
border-radius: 8px;
margin-top: 2px;
padding: 20px 8px;
}
.kleo_ajax_results:empty {
display: none;
}
.kleo-search-form.search-style-default .kleo_ajax_results {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.kleo-search-form.search-style-transparent .kleo_ajax_results {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.kleo-search-form .kleo-ajax-search-loading {
position: absolute;
right: 40px;
top: 21px;
width: auto;
font-size: 20px;
}
.woocommerce-product-search label.screen-reader-text {
display: none;
}
/* Login Widget */
.bbp_widget_login .bbp-logged-in .user-submit {
float: left;
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 100%;
display: inline-block;
}
.bbp_widget_login .bbp-logged-in h4 {
font-family: inherit;
font-size: 12px;
line-height: 20px;
margin: 0;
padding: 0 0 0 50px;
}
.bbp_widget_login a.logout-link {
padding-left: 10px;
}
.bbp_widget_login a.logout-link:after {
content: " \2192";
}
.bbp_widget_login input[type="text"],
.bbp_widget_login input[type="password"] {
border: 1px solid #e5e5e5;
height: 30px;
line-height: 30px;
padding: 0 10px;
}
.bbp_widget_login .button.user-submit {
font-size: 13px;
font-weight: normal;
margin: 3px 0;
min-width: 80px;
border-radius: 2px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
border-style: solid;
border-width: 1px;
transition: all 0.4s ease-in-out 0s;
color: #333;
}
.bbp_widget_login button.user-submit {
margin-right: 10px;
}
.main-color .bbp_widget_login .button.user-submit:hover,
.alternate-color .bbp_widget_login button.user-submit:hover,
.bbp_widget_login .button.user-submit:focus,
.bbp_widget_login .button.user-submit:active {
background-color: #ebebeb;
border-color: #adadad;
color: #333;
}
/* Extend Bootstrap Form Elements */
.btn {
font-size: 13px;
font-weight: normal;
margin: 3px 0;
min-width: 80px;
border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
transition: all 0.4s ease-in-out 0s;
}
.btn.disabled {
color: rgba(0, 0, 0, 0.2) !important;
}
.btn:focus {
outline: none;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
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-see-through {
background-color: transparent;
box-shadow: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
-o-box-shadow: none!important;
opacity: 1!important;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
border-style: solid;
border-width: 2px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px !important;
font-weight: bold;
}
.btn-see-through.btn-lg {
padding: 16px 20px;
}
.col.light .btn-see-through {
border: 2px solid rgba(255, 255, 255, 0.4);
color: #fff;
}
.col.light .btn-see-through:hover {
border: 2px solid #ffffff;
}
.col.dark .btn-see-through {
border: 2px solid rgba(0, 0, 0, 0.1) !important;
color: #444!important;
}
.col.dark .btn-see-through:hover {
border: 2px solid rgba(0, 0, 0, 0.3) !important;
}
.col.light .btn.btn-see-through.disabled,
.col.dark .btn.btn-see-through.disabled {
color: #ddd!important;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link {
font-weight: normal;
color: #428bca;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.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: #2a6496;
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: #999;
text-decoration: none;
}
/* NEW Buttons */
.btn i {
margin-right: 10px;
}
.btn-highlight:active,
.btn-highlight.active,
.open .dropdown-toggle.btn-highlight {
background-image: none;
}
.btn.btn-highlight.style2 {
letter-spacing: 2px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.btn .btn-twitter {
background-color: #00b9f7;
color: #fff;
}
.btn .btn-twitter:hover {
background-color: #01aee8;
}
.btn .btn-facebook {
background-color: #367bb7;
color: #fff;
}
.btn .btn-facebook:hover {
background-color: #2d70aa;
}
.btn-special {
box-shadow: 0 0 0 1px #ebebeb;
border: 5px solid #fff !important;
border-radius: 30px !important;
}
.btn-subtext small {
display: block;
}
.btn.btn-text-animated {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.btn-text-animated span:first-child {
display: inline-block;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
-webkit-backface-visibility: hidden;
-moz-transition: all 0.3s;
-moz-backface-visibility: hidden;
transition: all 0.3s;
backface-visibility: hidden;
}
.btn-text-animated:hover span:first-child {
-webkit-transform: translateX(-120%);
-moz-transform: translateX(-120%);
-ms-transform: translateX(-120%);
transform: translateX(-120%);
}
.btn-text-animated span:last-child {
display: inline-block;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
-webkit-backface-visibility: hidden;
-moz-transition: all 0.3s;
-moz-backface-visibility: hidden;
transition: all 0.3s;
backface-visibility: hidden;
}
.btn-text-animated span:last-child {
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
left: 100%;
right: 0;
}
.btn-text-animated:hover span:last-child {
left: 0;
}
.btn-app {
font-weight: bold;
text-align: left;
}
.btn-app i {
font-size: 34px;
line-height: 36px;
font-weight: normal;
float: left;
text-align: center;
width: 34px;
}
.btn-app.btn-xs i {
font-size: 24px;
line-height: 32px;
width: 24px;
}
.btn-app.btn-xs small {
line-height: 14px;
margin-left: 34px;
}
.btn-app.btn-xs span {
margin-left: 34px;
}
.btn-app small {
font-size: 12px;
font-weight: normal;
display: block;
margin-left: 40px;
}
.btn-app span {
display: block;
margin-left: 40px;
}
.btn-group-lg > .btn {
border-radius: 4px;
}
.btn-or {
background: #fff;
border: 1px solid #ccc;
border-radius: 50%;
color: #666;
display: inline-block;
font-size: 10px;
font-style: italic;
height: 26px;
left: 50%;
line-height: 21px;
margin: -13px 0 0 -17px;
position: absolute;
text-align: center;
top: 50%;
width: 26px;
z-index: 11;
}
.btn-group-lg .btn {
font-size: 14px;
padding: 16px 26px;
}
.btn-group-or > .btn:first-child:after {
background: #fff;
border: 1px solid #ccc;
border-radius: 50%;
color: #666;
display: inline-block;
font-size: 10px;
font-style: italic;
height: 26px;
right: -13px;
line-height: 21px;
position: absolute;
text-align: center;
top: 50%;
margin: -13px 0 0 0;
width: 26px;
z-index: 999;
content: " or ";
}
.btn-group-or > .btn-highlight.btn:first-child:after {
color: #fff;
border: 2px solid #fff;
}
.btn-group-or > .btn-highlight.btn:last-child {
margin-left: 2px;
}
.btn-lg {
padding: 14px 20px;
font-size: 16px;
line-height: 1.33;
border-radius: 4px;
}
.btn-sm,
.btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs {
padding: 1px 5px;
}
.kleo-facebook-connect.btn.btn-default {
background-color: #3B5997;
color: #fff;
border-color: #2b4780;
}
.kleo-facebook-connect.btn.btn-default:hover {
background-color: #2b4780;
color: #fff;
border-color: #2b4780;
}
input.form-control.input-xl {
padding: 25px 20px;
}
.input-group .input-xl,
.input-group .btn.btn-xl {
margin-top: 0;
}
.input-group .btn.btn-xl {
padding-right: 50px;
padding-left: 50px;
}
.input-group .btn i {
margin-right: 0;
}
.input-shadow {
box-shadow: 6px 0 18px rgba(43, 33, 47, 0.15);
}
@media (max-width: 767px) {
.input-group .btn.btn-xl {
padding-right: 30px;
padding-left: 30px;
}
}
.btn.btn-xl {
padding: 14px 60px;
font-size: 16px;
}
.btn.btn-xxl {
padding: 20px 80px;
font-size: 18px;
}
/* Left boxed icon button */
.btn.btn-boxed-icon.with-icon {
position: relative;
}
.btn.btn-boxed-icon.with-icon i {
position: absolute;
height: 100%;
left: 0;
top: 0;
background: #2b212f;
color: #fff;
text-align: center;
display: inline-block;
}
.btn.btn-boxed-icon.with-icon i {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.btn.btn-boxed-icon.with-icon i:before {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
align-self: center;
-webkit-align-self: center;
/* Safari 7.0+ */
}
.btn.btn-xs.btn-boxed-icon.with-icon {
padding-left: 25px;
}
.btn.btn-xs.btn-boxed-icon.with-icon i {
width: 20px;
line-height: 20px;
font-size: 12px;
}
.btn.btn-sm.btn-boxed-icon.with-icon {
padding-left: 40px;
}
.btn.btn-sm.btn-boxed-icon.with-icon i {
width: 30px;
line-height: 27px;
font-size: 16px;
}
.btn.btn-lg.btn-boxed-icon.with-icon {
padding-left: 70px;
}
.btn.btn-lg.btn-boxed-icon.with-icon i {
width: 50px;
line-height: 49px;
font-size: 18px;
}
.btn.btn-xl.btn-boxed-icon.with-icon {
padding-left: 110px;
}
.btn.btn-xl.btn-boxed-icon.with-icon i {
width: 50px;
line-height: 50px;
font-size: 18px;
}
.btn.btn-xxl.btn-boxed-icon.with-icon {
padding-left: 140px;
}
.btn.btn-xxl.btn-boxed-icon.with-icon i {
width: 60px;
line-height: 60px;
font-size: 20px;
}
.text-uppercase {
text-transform: uppercase;
}
/* Input Forms */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
/*background-color: #fff;*/
/*border: 1px solid #e5e5e5;*/
border-style: solid;
border-width: 1px;
/*color: rgba(0, 0, 0, 0.75);*/
display: block;
margin: 0 0 1em;
padding: 0.5em;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
/*border-color: #bbb;*/
outline: none;
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
/*background-color: #f7f7f7;*/
}
input[type=number] {
-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.input-lg {
line-height: 34px;
}
/* Custom selects */
select {
height: 30px;
/*line-height: 30px;*/
/*padding: 4px 30px 4px 9px !important;*/
border-radius: 2px;
border-style: solid;
border-width: 1px;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
/* Remove arrow from firefox */
text-indent: 0.01px;
text-overflow: "";
/* v.4.1.9 */
padding: 0 30px 0 9px !important;
}
html.no-touch select[multiple] {
padding: 0 2px 0 0 !important;
}
select:not([multiple]),
html.touch select {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIZJREFUeNrs1MEJwCAMBdA0OIjnDuYIdYY6pcdOIU2KhfbYiBbhC0Iu+vghuoQQViI6aPBi+mkBBgwY8HjYe7/ptp53VpSZY60p55y6J36i1wVSW5J/TlzTpWmHyxlaHaW9r9aWUpJ0Yu+aWAGFWlDzVCuk03zXw55TC4gvEzBgwPPCpwADAJAnLqKmIGxnAAAAAElFTkSuQmCC') 100% 50% no-repeat;
}
select.input-lg:not([multiple]),
html.touch select.input-lg {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAtCAYAAAC53tuhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVtJREFUeNrslr9OhEAQxvlj4CIkGiEQbIiFzT2Ahc+giS9gYcMz+Ap21lfY+AAW9w6+whUWl1AcQiBqAgRCgJvPaHIxFh5mMDE7yWS/nYLfzrA7u3IQBFNJkp6lkU2R/sgEWIAFWIAF+B+D+77v4KODu66r4KOC27YtLMs6hUMP+cbOkBLrun5I0CvM8zxfNk3zIsuywpoxyuu67hkt4BwOPaTkW4Mdx7kwTfNaVdU9ODRi7GDDMKZlWapVVS3h0Iix/+Moiu5pmKPqG4t/ZQcXRfH0XVzTtANWMJX1mIb9rxnTzs5YwZ7nXdJuDkiWH6FdOkqzMAxvuUu9sG27pSN09J6uoqzSNF2w7+okSR6oadxQx3qDQyPGvrkow0kcx3Pf908wh0aMHYzWWNf1KsuyO8yhqZEY7GAYQAR+/NSjXBKbJf/NQ2AweNvbSLy5BFiABViABfjHthZgADhOmRcecy8OAAAAAElFTkSuQmCC');
}
/* Targeting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
padding-right: 35px !important;
}
}
/* IE Fix */
select::-ms-expand {
display: none;
}
.lt-ie9 select,
.lt-ie10 select {
background: none;
padding-right: 3px !important;
}
/* Labels */
.label {
color: #777;
padding: 0;
font-size: 100%;
}
.label-default,
.label-primary,
.label-success,
.label-info,
.label-warning,
.label-danger {
padding: .2em .6em .3em;
font-size: 75%;
color: #fff;
}
.label.label-default a,
.label.label-default a:hover,
.label.label-primary a {
color: #fff;
}
/* Legend */
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 0;
font-size: 13px;
line-height: inherit;
color: #777;
border: 0;
}
/* Pagers */
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 10px;
min-width: 32px;
height: 32px;
border-radius: 3px;
}
.pager li > a i,
.pager li > span i {
margin-left: -14px;
margin-right: -14px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: transparent;
}
/* -----------------------------------------
06. Font Icons Core
----------------------------------------- */
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
margin-right: auto !important;
text-align: center;
margin-left: auto !important;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
vertical-align: -10%;
font-size: 1.3333333333333333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
display: inline-block;
width: 1.1428571428571428em;
text-align: right;
padding-right: 0.2857142857142857em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
width: 1.4285714285714286em;
}
.icons-ul {
margin-left: 2.142857142857143em;
list-style-type: none;
}
.icons-ul > li {
position: relative;
}
.icons-ul .icon-li {
position: absolute;
left: -2.14285714em;
width: 2.142857142857143em;
text-align: center;
line-height: inherit;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
display: none;
}
.icon-muted {
color: #eeeeee;
}
.icon-light {
color: #ffffff;
}
.icon-dark {
color: #333333;
}
.icon-border {
border: solid 1px #eeeeee;
padding: .2em .25em .15em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.icon-2x {
font-size: 2em;
}
.icon-2x.icon-border {
border-width: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.icon-3x {
font-size: 3em;
}
.icon-3x.icon-border {
border-width: 3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.icon-4x {
font-size: 4em;
}
.icon-4x.icon-border {
border-width: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.icon-5x {
font-size: 5em;
}
.icon-5x.icon-border {
border-width: 5px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
margin-left: .3em;
}
.custom-color a.kleo-icon-anchor {
color: inherit !important;
opacity: 0.8;
}
.custom-color a.kleo-icon-anchor:hover {
opacity: 1;
}
/* NO JS */
.no-js ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
}
.no-js a.menu:after,
.no-js .dropdown-toggle:after {
content: none;
}
.no-js .dropdown-submenu > .dropdown-menu {
display: none !important;
}
.no-js .dropdown-submenu:hover > .dropdown-menu {
display: block !important;
}
.no-js .kleo-thumbs-animated a {
margin-bottom: 0;
}
.no-js .kleo-gallery-image span {
position: absolute;
z-index: 0;
visibility: hidden;
}
.no-js .kleo-gallery-image span:first-child {
position: relative;
z-index: 1;
visibility: visible;
}
/* -----------------------------------------
07. Visual Composer Extra class names
----------------------------------------- */
.vc-relative {
position: relative;
}
/* -----------------------------------------
08. Retina Ready CSS Graphics
----------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.img-name {
background-image: url('../your-image-path/img-name@2x.png');
}
}
/* -----------------------------------------
Responsive Items
----------------------------------------- */
.responsive-cols {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.responsive-cols > * {
float: left;
}
.responsive-cols.per-row-6 > * {
width: 16.6%;
}
.responsive-cols.per-row-5 > * {
width: 20%;
}
.responsive-cols.per-row-4 > * {
width: 25%;
}
.responsive-cols.per-row-3 > * {
width: 33.333%;
}
.responsive-cols.per-row-2 > * {
width: 49.9%;
}
@media (min-width: 992px) and (max-width: 1199px) {
.responsive-cols > * {
width: 33.3% !important;
}
.responsive-cols.per-row-2 > * {
width: 49.9% !important;
}
}
@media (max-width: 991px) {
.responsive-cols > * {
width: 49.9% !important;
}
}
@media screen and (max-width: 480px) {
.responsive-cols > * {
width: 100% !important;
float: none;
}
}
/* Snow */
canvas.letitsnow {
position: absolute;
top: 0;
z-index: 999999;
pointer-events: none;
left: 0;
}
canvas.letitsnow.pos-fixed {
position: fixed;
}
/* Particles */
.kleo-particles canvas {
display: block;
vertical-align: bottom;
}
.kleo-particles {
position: absolute;
width: 100%;
height: 100%;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
/* -----------------------------------------
09. Media Queries
----------------------------------------- */
@media (min-width: 768px) {
.template-page.col-sm-push-3 {
left: -moz-calc(25% - 1px);
/* Firefox */
left: -webkit-calc(25% - 1px);
/* WebKit */
left: -o-calc(25% - 1px);
/* Opera */
left: calc(25% - 1px);
/* Standard */
}
.template-page.tpl-left.col-sm-push-2 {
left: -moz-calc(16.6667% - 1px);
/* Firefox */
left: -webkit-calc(16.6667% - 1px);
/* WebKit */
left: -o-calc(16.6667% - 1px);
/* Opera */
left: calc(16.6667% - 1px);
/* Standard */
}
.template-page.tpl-left.col-sm-push-4 {
left: -moz-calc(33.3333% - 1px);
/* Firefox */
left: -webkit-calc(33.3333% - 1px);
/* WebKit */
left: -o-calc(33.3333% - 1px);
/* Opera */
left: calc(33.3333% - 1px);
/* Standard */
}
.template-page.tpl-left.col-sm-push-5 {
left: -moz-calc(41.6667% - 1px);
/* Firefox */
left: -webkit-calc(41.6667% - 1px);
/* WebKit */
left: -o-calc(41.6667% - 1px);
/* Opera */
left: calc(41.6667% - 1px);
/* Standard */
}
.template-page.col-sm-push-6 {
left: -moz-calc(50% - 1px);
/* Firefox */
left: -webkit-calc(50% - 1px);
/* WebKit */
left: -o-calc(50% - 1px);
/* Opera */
left: calc(50% - 1px);
/* Standard */
}
.template-page.tpl-3ll.col-sm-push-6 {
left: -moz-calc(50% - 2px);
/* Firefox */
left: -webkit-calc(50% - 2px);
/* WebKit */
left: -o-calc(50% - 2px);
/* Opera */
left: calc(50% - 2px);
/* Standard */
}
.sidebar-3ll.col-sm-4 {
right: -moz-calc(33.3334% - 2px);
/* Firefox */
right: -webkit-calc(33.3334% - 2px);
/* WebKit */
right: -o-calc(33.3334% - 2px);
/* Opera */
right: calc(33.3334% - 2px);
}
.sidebar-3ll.col-sm-2 {
right: -moz-calc(66.6667% - 2px);
/* Firefox */
right: -webkit-calc(66.6667% - 2px);
/* WebKit */
right: -o-calc(66.6667% - 2px);
/* Opera */
right: calc(66.6667% - 2px);
}
.sidebar-extra.sidebar-3ll {
margin-left: -1px;
}
.sidebar-extra.sidebar-3lr {
left: -1px;
}
.sidebar-extra.sidebar-3lr.col-sm-3 {
left: -2px;
}
}
@media (min-width: 1200px) {
#productModal .product-info {
padding: 20px 30px 0 0;
}
}
@media screen and (max-width: 480px) {
.kleo-quick-contact-wrapper {
display: none;
}
/* Buddypress */
#buddypress div#item-nav {
/* v.4.1.9 */
border-bottom: 0;
padding: 20px;
}
.buddypress div#item-header div#item-header-content p:first-child {
height: 20px;
-webkit-line-clamp: 1;
max-width: 90%;
margin: 10px auto 10px;
}
#buddypress div#item-nav .responsive-tabs {
/* v.4.1.9 */
height: auto !important;
}
#buddypress div#item-nav .tabdrop .dropdown-menu li a {
/* v.4.1.9 */
height: 43px;
line-height: 43px;
}
#buddypress div#item-nav ul li a:before {
/* v.4.1.9 */
margin-bottom: 0 !important;
}
#buddypress div#item-nav ul li.dropdown a.dropdown-toggle:before {
/* v.4.1.9 */
background: #fafafa;
}
#buddypress div.message-search {
width: 100%;
display: block;
margin-top: 10px;
}
#buddypress li div.item {
margin-left: 0;
}
#buddypress #groups-list .group-inner-list {
overflow: auto;
}
.hr-title.hr-full,
.hr-title.hr-long,
.hr-title.hr-short {
width: 100% !important;
}
#buddypress div#item-nav .responsive-tabs {
height: auto;
}
#item-nav .tabdrop .dropdown-menu {
/* v.4.1.9 */
margin: 11px 0 0 !important;
}
#buddypress div.activity-comments {
margin-left: 0;
}
.carousel-prev,
.carousel-next,
.kleo-woo-prev,
.kleo-woo-next,
.kleo-thumbs-prev,
.kleo-thumbs-next {
display: none !important;
}
.logo,
.logo a {
overflow: hidden;
}
.logo img {
height: auto;
}
#comments .comment-respond,
#comments-list .comment-respond {
margin-left: 0;
}
.kleo-mfp-zoom .mfp-container {
padding: 0;
margin: 0 auto;
max-width: initial;
}
/*.template-page,
.sidebar {
!* v.4.1.9 *!
padding-top: 10px;
padding-bottom: 10px;
}*/
}
@media screen and (max-width: 400px) {
.container {
/*min-width: 320px;*/
}
.kleo-carousel li article {
padding-right: 1px !important;
}
.kleo-carousel {
padding-left: 0 !important;
}
}
@media screen and (max-width: 767px) {
.template-page.no-sidebar .wrap-content,
.template-page.col-sm-push-3 .wrap-content,
.template-page.tpl-3ll .wrap-content,
.sidebar-main.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3lr .inner-content,
.sidebar-extra.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3ll .inner-content,
.template-page.tpl-3lr .wrap-content,
.template-page.tpl-3rr .wrap-content,
.sidebar-main.sidebar-3lr .inner-content,
.sidebar-main.sidebar-3ll .inner-content,
.sidebar-main.sidebar-3rr .inner-content,
.sidebar-extra.sidebar-3ll .inner-content,
.template-page .wrap-content,
.sidebar-left .inner-content,
.template-page.tpl-right .wrap-content,
.sidebar-right .inner-content {
padding-left: 0;
padding-right: 0;
}
.template-page,
.template-page.tpl-left,
.template-page.tpl-3ll,
.sidebar-extra.sidebar-3ll,
.sidebar-extra.sidebar-3lr,
.sidebar-extra.sidebar-3rr,
.sidebar-right,
.sidebar-main.sidebar-3rr,
.sidebar-left,
.sidebar-extra.sidebar-3ll,
.sidebar-main.sidebar-3ll,
.sidebar-main.sidebar-3lr,
.sidebar-main.sidebar-3rr {
border: 0;
}
.page-boxed .template-page.tpl-right .wrap-content {
padding-right: 0;
}
.page-boxed .sidebar-right .inner-content {
padding-left: 0;
}
.page-boxed .template-page.tpl-left .wrap-content {
padding-left: 0;
}
.page-boxed .sidebar-left .inner-content {
padding-right: 0;
}
article .article-meta,
.single-attachment .entry-header {
width: 100%;
float: none;
text-align: left;
margin-bottom: 10px;
}
.posts-listing.standard-listing.with-meta .article-title,
.single .with-meta .article-media,
.posts-listing.standard-listing.with-meta .article-media,
.single .container .with-meta .article-content,
.posts-listing.standard-listing.with-meta .article-content,
.single-attachment .entry-content {
margin-left: 0;
}
#image-navigation {
padding-left: 0;
}
.vertical-col .col-sm-1,
.vertical-col .col-sm-2,
.vertical-col .col-sm-3,
.vertical-col .col-sm-4,
.vertical-col .col-sm-5,
.vertical-col .col-sm-6,
.vertical-col .col-sm-7,
.vertical-col .col-sm-8,
.vertical-col .col-sm-9,
.vertical-col .col-sm-10,
.vertical-col .col-sm-11,
.vertical-col .col-sm-12 {
display: block;
}
.vertical-col .container-full .row:first-child,
.vertical-col > .section-container .row:first-child {
display: block;
width: auto;
}
#main-container .template-page.tpl-3ll,
#main-container .sidebar.sidebar-3ll,
#main-container .template-page.tpl-3rr,
#main-container .sidebar.sidebar-3rr,
#main-container .template-page.tpl-3lr,
#main-container .sidebar.sidebar-3lr {
margin-bottom: 0;
padding-bottom: 0;
}
#main-container > .row {
display: block;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.tpl-right article .article-meta,
.tpl-left article .article-meta {
width: 100%;
float: none;
text-align: left;
margin-bottom: 10px;
}
.tpl-right.posts-listing.standard-listing.with-meta .article-title,
.single .tpl-right.with-meta .article-media,
.tpl-right.posts-listing.standard-listing.with-meta .article-media,
.single .container .tpl-right.with-meta .article-content,
.tpl-right.posts-listing.standard-listing.with-meta .article-content,
.tpl-left.posts-listing.standard-listing.with-meta .article-title,
.single .tpl-left.with-meta .article-media,
.tpl-left.posts-listing.standard-listing.with-meta .article-media,
.single .container .tpl-left.with-meta .article-content,
.tpl-left.posts-listing.standard-listing.with-meta .article-content {
margin-left: 0;
}
/*#image-navigation {
padding-left: 0;
}*/
.tpl-right article .article-meta .entry-date,
.tpl-right article .article-meta .post-meta,
.tpl-left article .article-meta .entry-date,
.tpl-left article .article-meta .post-meta {
width: auto;
font-family: inherit;
font-size: inherit;
}
.tpl-right article .article-meta .post-meta .meta-links,
.tpl-right article .article-meta .post-meta a.post-time:after,
.tpl-right article .article-meta .post-meta .meta-comment-count,
.tpl-left article .article-meta .post-meta .meta-links,
.tpl-left article .article-meta .post-meta a.post-time:after,
.tpl-left article .article-meta .post-meta .meta-comment-count {
display: inline;
}
/****************/
/*bbPress*/
#bbpress-forums form#bbp-search-form {
width: 96%;
}
#bbpress-forums #bbp-search-form input[type=text],
#bbpress-forums #bbp-search-form input[type=text] {
min-width: inherit;
width: 90%;
}
#bbpress-forums #bbp-search-form input[type=text]:focus,
#bbpress-forums #bbp-search-form input[type=text]:focus {
min-width: inherit;
}
}
/*bbPress*/
.article-content .bbp-search-form {
padding: 0 5px;
}
@media (min-width: 767px) {
/*bbPress*/
.article-content .bbp-search-form .input-group {
max-width: 500px;
}
.navbar-collapse.collapse {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.widget form#bbp-search-form input[type=text],
.widget_search .searchform input[type=text] {
max-width: 110px;
}
/*bbPress*/
#bbpress-forums form#bbp-search-form {
width: 99%;
}
}
@media (min-width: 1440px) {
.container {
max-width: 1280px;
}
}
.touch-device {
display: none;
}
/* Test Change breakpoint */
@media (max-width: 991px) {
section.bg-full-video .mejs-mediaelement {
display: none;
}
section.bg-full-video .mejs-poster {
display: block !important;
}
.post-image img {
width: 100%;
}
article .article-meta .entry-date,
article .article-meta .post-meta,
.single-attachment .post-time {
width: auto;
font-family: inherit;
font-size: inherit;
}
article .article-meta .post-meta .meta-links,
article .article-meta .post-meta .avatar,
article .article-meta .post-meta .meta-author img,
article .article-meta .post-meta .meta-author .author-name,
article .article-meta .post-meta a.post-time:after,
article .article-meta .post-meta .meta-comment-count {
display: inline;
}
article .article-meta .post-meta .meta-author,
article .article-meta .post-meta .meta-author img {
float: none;
}
article .article-meta .post-meta .meta-author img {
width: 25px;
}
}
/*
-----------------------------------------------------
10. SHORTCODES
-----------------------------------------------------
/* --------------------------------------------------
Individual Element Animations
- Top to Bottom
- Bottom to Top
- Left to Right
- Right to Left
----------------------------------------------------- */
.kleo-transform .animated.animate-when-visible,
.kleo-transform .animated.animate-when-almost-visible,
.cul {
opacity: 0;
}
.kleo-transform .animated.start-animation.top-to-bottom,
.popover.top,
.tooltip.top {
-webkit-animation: kleo-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-animation: kleo-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-animation: kleo-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation: kleo-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
opacity: 1;
}
.kleo-transform .animated.start-animation.bottom-to-top,
.popover.bottom,
.tooltip.bottom {
-webkit-animation: kleo-btt 0.8s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
/* Safari 4+ */
-moz-animation: kleo-btt 0.8s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
/* Fx 5+ */
-o-animation: kleo-btt 0.8s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
/* Opera 12+ */
animation: kleo-btt 0.8s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
/* IE 10+ */
opacity: 1;
}
.kleo-transform .animated.start-animation.left-to-right,
.popover.left,
.tooltip.left {
-webkit-animation: kleo-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Safari 4+ */
-moz-animation: kleo-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Fx 5+ */
-o-animation: kleo-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Opera 12+ */
animation: kleo-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* IE 10+ */
opacity: 1;
}
.kleo-transform .animated.start-animation.right-to-left,
.popover.right,
.tooltip.right {
-webkit-animation: kleo-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Safari 4+ */
-moz-animation: kleo-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Fx 5+ */
-o-animation: kleo-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Opera 12+ */
animation: kleo-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* IE 10+ */
opacity: 1;
}
/* Define Keyframes */
@-webkit-keyframes kleo-ltr {
0% {
-webkit-transform: translate(-10%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes kleo-ltr {
0% {
-moz-transform: translate(-10%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes kleo-ltr {
0% {
-o-transform: translate(-10%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes kleo-ltr {
0% {
transform: translate(-10%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes kleo-rtl {
0% {
-webkit-transform: translate(10%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes kleo-rtl {
0% {
-moz-transform: translate(10%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes kleo-rtl {
0% {
-o-transform: translate(10%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes kleo-rtl {
0% {
transform: translate(10%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes kleo-btt {
0% {
-webkit-transform: translate(0, 50%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes kleo-btt {
0% {
-moz-transform: translate(0, 50%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes kleo-btt {
0% {
-o-transform: translate(0, 50%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes kleo-btt {
0% {
transform: translate(0, 50%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes kleo-ttb {
0% {
-webkit-transform: translate(0, -10%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes kleo-ttb {
0% {
-moz-transform: translate(0, -10%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes kleo-ttb {
0% {
-o-transform: translate(0, -10%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes kleo-ttb {
0% {
transform: translate(0, -10%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/* --------------------------------------------------
One by one & Individual Element Animations
- Appear
----------------------------------------------------- */
.kleo-transform .one-by-one-animated .el-appear,
.kleo-transform .multi-columns-row .one-by-one-animated .el-appear,
.kleo-transform .kleo-thumbs-animated.th-appear img,
.kleo-transform .el-appear {
opacity: 0.1;
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.kleo-transform .multi-columns-row .el-appear {
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.kleo-transform .one-by-one-animated .start-animation .el-appear,
.kleo-transform .kleo-thumbs-animated.th-appear img.start-animation,
.kleo-transform .start-animation.el-appear {
-webkit-animation: kleo_appear 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Safari 4+ */
-moz-animation: kleo_appear 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Fx 5+ */
-o-animation: kleo_appear 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Opera 12+ */
animation: kleo_appear 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* IE 10+ */
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* Define Keyframes */
@-webkit-keyframes kleo_appear {
0% {
-webkit-transform: scale(0.5);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes kleo_appear {
0% {
-moz-transform: scale(0.5);
opacity: 0.1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes kleo_appear {
0% {
-o-transform: scale(0.5);
opacity: 0.1;
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes kleo_appear {
0% {
transform: scale(0.5);
opacity: 0.1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
/* --------------------------------------------------
One by one & Individual Element Animations
- Fade
----------------------------------------------------- */
.kleo-transform .one-by-one-animated .el-fade,
.kleo-transform .kleo-thumbs-animated.th-fade img,
.kleo-transform .el-fade {
opacity: 0.1;
}
.kleo-transform .one-by-one-animated .start-animation .el-fade,
.kleo-transform .kleo-thumbs-animated.th-fade img.start-animation,
.kleo-transform .start-animation.el-fade {
-webkit-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Safari 4+ */
-moz-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Fx 5+ */
-o-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Opera 12+ */
animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* IE 10+ */
opacity: 1;
}
.kleo-transform .el-zero-fade {
opacity: 0;
}
.kleo-transform .start-animation.el-zero-fade {
-webkit-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Safari 4+ */
-moz-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Fx 5+ */
-o-animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* Opera 12+ */
animation: kleo_fade 2s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* IE 10+ */
opacity: 1;
}
/* Define Keyframes */
@-webkit-keyframes kleo_fade {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
@-moz-keyframes kleo_fade {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
@-o-keyframes kleo_fade {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
@keyframes kleo_fade {
0% {
opacity: 0.1;
}
100% {
opacity: 1;
}
}
/* --------------------------------------------------
Individual Element Animations
- Pulsate
----------------------------------------------------- */
.kleo-transform .pulsate {
-webkit-animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation: pulsate 1s ease-out;
-moz-animation-iteration-count: infinite;
-ms-animation: pulsate 1s ease-out;
-ms-animation-iteration-count: infinite;
}
@-webkit-keyframes pulsate {
0% {
-webkit-transform: scale(0.65, 0.65);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
-webkit-transform: scale(1.7, 1.7);
opacity: 0.0;
}
}
@-moz-keyframes pulsate {
0% {
-moz-transform: scale(0.65, 0.65);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
-moz-transform: scale(1.7, 1.7);
opacity: 0.0;
}
}
@-ms-keyframes pulsate {
0% {
-ms-transform: scale(0.5, 0.5);
opacity: 0.0;
}
50% {
opacity: 1.0;
}
100% {
-ms-transform: scale(2, 2);
opacity: 0.0;
}
}
/* --------------------------------------------------
Individual Element Animations
- Progress Bar
----------------------------------------------------- */
.kleo-transform .custom-progress-bar div.progress.start-animation .bar-outer {
-webkit-animation: kleo_expand 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
/* Safari 4+ */
-moz-animation: kleo_expand 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
/* Fx 5+ */
-o-animation: kleo_expand 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
/* Opera 12+ */
animation: kleo_expand 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
/* IE 10+ */
width: 100%;
}
@-webkit-keyframes kleo_expand {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-moz-keyframes kleo_expand {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@-o-keyframes kleo_expand {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes kleo_expand {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
/*pop up animation*/
/*slide down (height increase) animation*/
.kleo-slide-down {
-webkit-animation: kleo_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-animation: kleo_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-animation: kleo_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation: kleo_slide_down 1s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
height: 100%;
}
@-webkit-keyframes kleo_slide_down {
0% {
height: 0%;
}
100% {
height: 100%;
}
}
@-moz-keyframes kleo_slide_down {
0% {
height: 0%;
}
100% {
height: 100%;
}
}
@-o-keyframes kleo_slide_down {
0% {
height: 0%;
}
100% {
height: 100%;
}
}
@keyframes kleo_slide_down {
0% {
height: 0%;
}
100% {
height: 100%;
}
}
/* Fontello Spin Animation */
.animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
/* --------------------------------------------------
SHORTCODES
----------------------------------------------------- */
/*
01. Feature Items
02. Poi and Pins
03. Popover
04. Tooltip
05. Dividers & Gaps
06. Progress Bar
07. Carousels
08. Single image
09. Pie chart
10. Media Queries
11. Progress bar
*/
/* -----------------------------------------
.05 Dividers & Gaps
----------------------------------------- */
.gap-10,
.gap-20,
.gap-30,
.gap-40,
.gap-60,
.gap-100,
.kleo-gap {
clear: both;
}
.gap-10 {
height: 10px;
line-height: 10px;
}
.gap-20 {
height: 20px;
line-height: 20px;
}
.gap-30 {
height: 30px;
line-height: 30px;
}
.gap-40 {
height: 40px;
line-height: 40px;
}
.gap-60 {
height: 60px;
line-height: 60px;
}
.gap-100 {
height: 100px;
line-height: 100px;
}
.hr-title {
border-top-style: solid;
border-top-width: 1px;
/*color: #bbb;*/
font-size: 11px;
text-align: center;
height: 10px;
line-height: 20px;
margin: 10px auto -10px;
height: auto;
}
.hr-title abbr {
/*padding: 0 10px;*/
padding: 2px 10px;
border-radius: 2px;
position: relative;
top: -10px;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.hr-title i {
position: relative;
top: -2px;
font-size: 8px;
}
.hr-title.hr-full {
width: 100%;
}
.hr-title.hr-long {
width: 50%;
}
.hr-title.hr-short {
width: 25%;
}
.hr-title.hr-left {
text-align: left;
}
.hr-title.hr-right {
text-align: right;
}
.hr-title.hr-left abbr {
padding-left: 0;
}
.hr-title.hr-right abbr {
padding-right: 0;
}
.hr-title.hr-left.hr-long {
margin-left: 0;
}
.hr-title.hr-right.hr-long {
margin-right: 0;
}
.hr-title.hr-double {
border-top: 4px double #ebebeb;
}
.hr-title.hr-double abbr {
top: -12px;
}
/* -----------------------------------------
06. Progress Bar
----------------------------------------- */
.custom-progress-bar {
position: relative;
}
.progressbar-icon {
position: absolute;
left: 0;
top: -15px;
width: 50px;
text-align: center;
font-weight: 100;
font-size: 50px;
color: #e5e5e5;
}
.progressbar-title {
position: absolute;
z-index: 2;
bottom: 0;
left: 70px;
padding: 0 10px;
border-radius: 3px;
height: 30px;
line-height: 30px;
}
.custom-progress-bar .progress {
height: 30px;
line-height: 30px;
position: relative;
margin-left: 70px;
background: #f7f7f7;
box-shadow: none;
}
.custom-progress-bar .bar {
background: #e5e5e5;
}
.custom-progress-bar div.progress .bar-outer,
.custom-progress-bar div.progress .bar {
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-size: 32px 32px;
border-radius: 3px;
}
.custom-progress-bar div.progress .bar strong {
display: block;
height: 30px;
position: absolute;
top: 0;
right: 0px;
padding: 0 7px;
background-color: #e5e5e5;
line-height: 30px;
font-size: 10px;
border-radius: 0 2px 2px 0;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
opacity: 0;
}
.custom-progress-bar div.progress {
clear: both;
}
.kleo-transform div.progress .bar-outer {
width: 0;
}
.custom-progress-bar.thin-progress .progressbar-title {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
padding: 0;
border-radius: 3px;
height: 30px;
line-height: 30px;
}
.custom-progress-bar.thin-progress .progress {
height: 5px;
line-height: 5px;
position: relative;
margin-left: 0;
background: #f7f7f7;
box-shadow: none;
overflow: visible;
}
.custom-progress-bar.thin-progress div.progress .bar-outer,
.custom-progress-bar.thin-progress div.progress .bar {
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-size: 32px 32px;
border-radius: 3px;
}
.custom-progress-bar.thin-progress div.progress .bar strong {
display: block;
height: 18px;
position: absolute;
top: -20px;
right: 0px;
padding: 0 7px;
line-height: 18px;
font-size: 10px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
opacity: 0;
}
.chart {
position: relative;
display: inline-block;
width: 110px;
height: 110px;
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.percentage {
display: inline-block;
line-height: 110px;
z-index: 2;
}
.percentage:after {
content: '%';
margin-left: 0.1em;
font-size: .8em;
}
.angular {
margin-top: 100px;
}
.angular .chart {
margin-top: 0;
}
/* -----------------------------------------
07. Carousels
----------------------------------------- */
/* Carousel Defaults */
.kleo-carousel-items {
position: relative;
}
.kleo-carousel-container {
position: relative;
overflow: hidden;
}
.kleo-carousel {
background: url('data:image/gif;base64,R0lGODlhEAAQAKUAABwaHIyOjMzKzOTm5LSytFxaXHR2dJyenNza3PT29Ly+vISGhERGRJSWlNTS1Ozu7Ly6vGRmZHx+fKSmpOTi5Pz+/MTGxDQyNJSSlMzOzOzq7LS2tHx6fNze3Pz6/MTCxIyKjExKTJyanNTW1PTy9GxqbKyqrP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQICQAAACwAAAAAEAAQAAAGk8CTcHgSHYjIU8dAOoFApwfDkfQYJqcFdBFKECleS4mCaSAum1MiIwQFHBWTRtgJxC8XYYIggSQlABwPRAODSB0jQxYKEB9JQiUFBQaLCo6PEZIGQyReSCRNQx4ZBIlIDgQOHkIQEBQVI54kIxUUG35RqxQEJBkOJAQDJx6GQh4biQJsGRCrSA/NJ8rDG8WPI6ZIQQAh+QQICQAAACwAAAAAEAAQAIUEAgSEgoTEwsTk4uSkoqRERkRkYmTU0tT08vSUlpS0srRsbmwcHhyMiozMyszs6uysqqxcXlzc2tz8+vxMTkycnpy8urx0dnQcGhyEhoTExsTk5uSkpqRMSkxsamzU1tT09vScmpy0trR0cnQ0MjSMjozMzszs7uysrqzc3tz8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGk8CVcLiCoIjI1aAEWoVCq1NEkpw0RKsENGFoDh+TlSmwIXAGHcEKdBASCB+V5SQcVFSKQkcIEoQ0SSUkGQhEJ4VIAylDHyYObUkrFx4eAR8OJpBJk5VDCF5EEporEyYKH0kjAAt0KxYWAyofXghxBBgMQidhAwoImQgKAysIgEMTIqiYYhZhSCfNK8vIrZErH6hJQQAh+QQICQAAACwAAAAAEAAQAIUEAgSEhoTExsTk5uRMTkykpqTU1tRsamz09vS0trR0dnScmpzMzszs7uzc3tw0MjRcXly0srT8/vy8vrx8fnwcGhyUkpTMyszs6uysqqzc2tx0cnT8+vy8urx8enykoqTU0tT08vTk4uRkZmT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkECScEhKdIhI0qCAIGUypJDCkeR8BE7oR8EhNrqaRSMSEY0uJIRB2OmIJIKQcJCRTCAQIYeRWCMXBAtyQyFNSCIiQwYMFyBJQgEeHhYGFwyOjwEKk4SGRA5+egwRoUMUFR4NbG4SBoYaGxIZDw9CXyQiESGXDAAFaQxEHH0kliQHFZ5DDR1dxhgVWI9CBqVDQQAh+QQICQAAACwAAAAAEAAQAIUcGhyMjozMysxUVlTk5uSsrqx0cnT09vS8vrzc3tyEgoScnpxERkTU0tTs7uy0trRkZmR8fnz8/vzExsSMioykpqQ0MjSUlpTMzsxcWlzs6uy0srR0dnT8+vzEwsTk4uSEhoRMSkzU1tT08vS8urysqqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjkCTcGiaCIhIk4PUMZEQphHlk+w8Gk7oJtAcOpqEzQgxIUSwh4SQRPpIRAehhiSZcDjCDuYhSpYgJSNEI3FIGlRCIhgCWEkmFxQUCyICGI1JkCALQ4RJH2pDeht9SBQWIIJObW+FCQoSDyEMQl8mH2IQECIABSYHlyZWfQMZJhwWhURLTcRKFhiOQwZ4SUEAIfkECAkAAAAsAAAAABAAEACFBAIEhIKExMLE5OLkREZEpKKkZGZk1NLU9PL0tLK0dHZ0XF5cnJqczMrM7OrsbG5s3Nrc/Pr8vLq8NDI0jI6MTE5MrK6sHBochIaExMbE5ObkTEpMpKakbGps1NbU9Pb0tLa0fH58ZGJkzM7M7O7sdHJ03N7c/P78vL68////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpDAlHCY8niIyBRJEkk1RqlPwZGMgA5OqIDTHJKamgRidHAwjpGBUCIZnDwfISlzOlAowsgIdERKQglxQwiCRA5UQh4jDVhJKQUMDBYeT41JkJKDhUMDJkR6CX1EDBUMCGttJyWeKQMUJygLInJNBQAHJQoQEyApEaIpCBcPKQYdKRgbm0IZF1TGSgSWjiEBjkEAIfkECAkAAAAsAAAAABAAEACFBAIEhIKExMLE5OLkpKKkTE5M1NLU9PL0lJKUZGZktLK0zMrM7Ors3Nrc/Pr8nJqcdHZ0NDI0jI6MrKqsXF5cHBochIaExMbE5ObkpKak1NbU9Pb0lJaUbGpsvLq8zM7M7O7s3N7c/P78nJ6cfHp8ZGJk////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABpRAk3Bo0miISBPI4zAtPiaHB5SUGpzQD5MIaoYUh48BpMBEzSaPByPSbIQHjahByAgdH8UReXkI3kMHgEQHVEIaHwtXSSYKExMeGk+LSQoZkEMGDUkYaEIMHQAQSRMJGQdCFRUZDgEhQhgjIgsQoyYXbxMVGhYWAwUCJhuvQxsRoxAkJgglg0MLEVTJShSbjEISCIxBACH5BAgJAAAALAAAAAAQABAAhRwaHIyOjMzKzFxaXKyurOTm5HR2dJyenLy+vPT29Nze3DQ2NISChJSWlNTS1GxqbLS2tOzu7KyqrMTGxPz+/ERGRIyKjDQyNJSSlMzOzGRmZLSytOzq7Hx6fKSipMTCxPz6/OTi5ISGhJyanNTW1HRydLy6vPTy9ExKTP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaTwJRwmCKRiMhUxARKCTIpkCmSBEEcTmiGSYw0C5tTxnHahKLUlMkUopASwhOJEoKYhKAM5Ih0XJtDJ3BIJydDJQMDD0lCHwgmE4gDGowpjggTQyQKSREFXR0ADEkQDBuDFxcSFAFnKRyrDhYBQgJwGwsKGA0hGgIpCa5CCRUWKSLGHgaARA4VhsgpJwaclSkjB4xBACH5BAgJAAAALAAAAAAQABAAhQQCBISChMTGxKSipOTm5ERGRLSytGxqbJSSlNTW1PT29IyKjMzOzKyqrOzu7FxeXLy6vHR2dDQyNExOTJyanOTi5Pz+/Hx+fBwaHISGhMzKzKSmpOzq7ExKTLS2tNza3Pz6/IyOjNTS1KyurPTy9Ly+vHx6fJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaTQJRwiEokiEiUAwJCaRgoEMSRBHlETiiDSRQoUBUDiSEiGSpRKgqD2VgSXxQpYal4IELOARBJiq5NQyIfSSQkQwEHB31JKCIMGgkXiox+kEdCH2hIDmpCDhkSCEkCFF5CHR0eFicEnxAWHwMbQiJfJRMVAwMEF1ggrkMKDxQoCCcoBiGBRAkPhxTFCgubjSgNI41BACH5BAgJAAAALAAAAAAQABAAhQQCBISChMTCxOTi5KSipExOTNTS1PTy9LSytGRmZJSWlHRydCwuLMzKzOzq7KyqrNza3Pz6/Ly6vIyOjFxeXJyenHx6fBwaHISGhMTGxOTm5KSmpNTW1PT29LS2tGxubJyanHR2dDQyNMzOzOzu7KyurNze3Pz+/Ly+vGRiZP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaRQJVwqOJwiEhV5uJQNUaqiISUPFw+TuhIEiE2OioCwDAyHBCDKFXFEJVOC5PwwDkNPBIhyXIJJA0eBl1DHHJIBwdDExYWGElCZA0ciyGOjwZPR0ImGlWJQwcKBRVJHAiCQhQpKCcPTSokDXZ4QhxdGQkaCAgkIBBqRB0LGyoPDyooG4NEJiGJxiodG6+PKrRJQQAh+QQICQAAACwAAAAAEAAQAIUcGhyMjozMyszk5uRUVlSsrqx0cnTc2tz09vS8vryEgoScnpxERkTU0tTs7uy0trRkZmR8enzk4uT8/vzExsSMioykpqQ0MjSUlpTMzszs6uxcWly0srR0dnTc3tz8+vzEwsSEhoRMSkzU1tT08vS8urysqqz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkMCTcHgydIjIk+DiOBE2p0+piURcIk5opvQhNhAnE2AEgZA4gyiVIXpMFB4hYjSRlEpCR+gSSDY4GV1DBxJJCCRDCxUVGElCDRkCI4qMjicNAhkjQxIaSSRUQiQWEAVJIxwNgh0GAhNTonQSD3gnHmAZCgMgIA4chROhURUPJyUJl1xJEhVgxycIsJYnFAKOQQAh+QQICQAAACwAAAAAEAAQAIUEAgSEgoTExsTk5uRERkSkoqRkZmTU1tSUlpT09vS0srRcXlx0dnSMiozMzszs7uzc3tw0NjRMTkysqqx0cnScnpz8/vy8urwcGhyEhoTMyszs6uxMSkykpqRsamzc2tycmpz8+vxkYmR8fnyMjozU0tT08vTk4uS8vrz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGj8CUcJgKBIjIVIlgShk8qQ1GkEwQGk6oAZMgHkIpReRDYZQAnZTlIVyIUBbSSfhhWE6Xi9CE4FSSJQoOYEMQA0kmXUITICBpSUoOGgeMjpBKGg4HQwNsSCaeQgkKAXpIgSWEDSQOFhqeJgd3eUInYB8gDyUlDwqHIaEpIRVUGhopDheERAMdYJnCF8GAm0lBACH5BAgJAAAALAAAAAAQABAAhQQCBISChMTCxOTi5KSipExOTNTS1PTy9LSytGRmZJSSlHRydBweHMzKzOzq7KyqrNza3Pz6/IyOjLy6vJyanHx6fBwaHISGhMTGxOTm5KSmpFxeXNTW1PT29GxubHR2dDQyNMzOzOzu7KyurNze3Pz+/Ly+vJyenP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaWQJRwiJIoiEgUZ3NAfSooESiU7GwoTugH1CGSIqhJYRC4cCwj1KEhXHwaJUpGSAqUCBaG8EBIPJILAB4ORAOESBwcQxMPDwhJQiGSHAgjGo+QBiENikIiTUgHoEIdAhQYSZQGYCgEGhAlHF1qHCUDExNCDl0DCAchBgcIcxEiRCUTBigNVCETrEQiE12bKBETxpBCiZBBADs=') center center no-repeat;
}
.caroufredsel_wrapper .kleo-carousel {
background: none;
}
.kleo-carousel-container.dot-carousel {
overflow: visible;
}
.kleo-carousel-container.dot-carousel ul.kleo-carousel {
padding-left: 0;
}
.caroufredsel_wrapper li {
height: auto !important;
visibility: visible !important;
}
.kleo-members-carousel .caroufredsel_wrapper li {
height: auto !important;
}
.kleo-carousel-items {
text-align: center;
margin: 0 auto;
}
.kleo-carousel-items ul {
margin-left: 0;
padding-left: 0;
}
.kleo-carousel {
margin: 0;
}
.kleo-carousel li {
float: left;
list-style: none;
height: 0;
visibility: hidden;
}
.kleo-carousel .kleo-video {
min-height: 1px !important;
}
.loop-image img {
width: 100%;
height: auto;
}
.kleo-carousel li article article {
padding-right: 0;
}
.loop-image {
position: relative;
overflow: hidden;
}
.loop-image a,
.gallery-container {
position: relative;
}
.loop-image a {
display: block;
}
.carousel-arrow .carousel-prev,
.carousel-arrow .carousel-next {
position: absolute;
width: 35px;
height: 75px;
background: rgba(0, 0, 0, 0);
color: #fff;
text-align: center;
font-size: 18px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.carousel-arrow .carousel-prev i,
.carousel-arrow .carousel-next i {
line-height: 75px;
}
.carousel-arrow .carousel-prev {
left: -35px;
top: 44%;
margin-top: -33px;
border-radius: 3px;
}
.carousel-arrow .carousel-next {
right: -35px;
top: 44%;
margin-top: -33px;
border-radius: 3px;
}
.dot-carousel .carousel-arrow .carousel-prev {
margin-left: -5px;
}
.dot-carousel .carousel-arrow .carousel-next {
margin-right: -5px;
}
.kleo-carousel-container:hover .carousel-arrow .carousel-prev {
left: 20px;
color: #fff;
background: rgba(0, 0, 0, 0.1);
}
.kleo-carousel-container:hover .carousel-arrow .carousel-next {
right: 20px;
color: #fff;
background: rgba(0, 0, 0, 0.1);
}
.gallery-container:hover .gal-carrow .carousel-prev {
top: 78%;
background: rgba(0, 0, 0, 0.2);
}
.gallery-container:hover .gal-carrow .carousel-next {
top: 78%;
background: rgba(0, 0, 0, 0.2);
}
.kleo-carousel-container .carousel-arrow .carousel-prev:hover,
.kleo-carousel-container .carousel-arrow .carousel-next:hover,
.kleo-carousel-container .gal-carrow .carousel-prev:hover,
.kleo-carousel-container .gal-carrow .carousel-next:hover {
background: rgba(0, 0, 0, 0.3);
}
.kleo-carousel-features {
text-align: center;
margin: 0 auto;
}
.kleo-carousel-features .caroufredsel_wrapper {
margin-bottom: 0 !important;
}
.kleo-carousel-features img {
/*width: 100%;*/
height: auto;
}
.kleo-carousel-features .kleo-carousel li figure {
text-align: center;
}
.kleo-carousel-features-pager {
padding: 20px 0;
}
/* Carousel Style Overlay */
.kleo-carousel-style-overlay {
overflow: hidden;
white-space: nowrap;
width: 100%;
}
.kleo-carousel-style-overlay li {
height: 100%;
overflow: hidden;
display: none;
}
.kleo-carousel-style-overlay .caroufredsel_wrapper li,
.kleo-carousel-style-overlay li:first-child {
height: 100% !important;
display: inline-block !important;
}
.kleo-carousel-style-overlay li article {
background: #000;
/*height: 100%;*/
}
.kleo-carousel-style-overlay li.format-standard article,
.kleo-carousel-style-overlay li.format-audio article,
.kleo-carousel-style-overlay li.format-quote article,
.kleo-carousel-style-overlay li.format-aside article {
height: 100%;
}
.kleo-carousel-style-overlay .format-image .entry-content,
.kleo-carousel-style-overlay .format-video .entry-content,
.kleo-carousel-style-overlay .format-audio .entry-content,
.kleo-carousel-style-overlay .format-standard .entry-content,
.kleo-carousel-style-overlay .format-quote .entry-content,
.kleo-carousel-style-overlay .format-gallery .entry-content,
.kleo-carousel-style-overlay .format-aside .entry-content {
color: #fff;
left: 0;
padding: 20px;
position: absolute;
right: 0;
top: 0;
z-index: 0;
margin: 10px;
overflow: hidden;
}
.kleo-carousel-style-overlay .format-image .entry-content,
.kleo-carousel-style-overlay .format-standard .entry-content,
.kleo-carousel-style-overlay .format-quote .entry-content,
.kleo-carousel-style-overlay .format-gallery .entry-content,
.kleo-carousel-style-overlay .format-aside .entry-content {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0 0;
bottom: 0;
}
.kleo-carousel-style-overlay .format-video .entry-content,
.kleo-carousel-style-overlay .format-audio .entry-content {
bottom: 0;
}
.kleo-carousel-style-overlay .post-image img {
width: 100%;
}
.kleo-carousel-style-overlay .post-title.entry-title {
bottom: 30px;
position: absolute;
color: #fff !important;
display: inline-block;
text-overflow: " ... ";
overflow: hidden;
white-space: nowrap;
width: 90%;
margin-bottom: 0;
}
.kleo-carousel-style-overlay hr {
display: none;
}
.kleo-carousel-style-overlay .entry-summary {
display: none;
}
.kleo-carousel-style-overlay .post-title.entry-title a {
color: #fff !important;
font-size: 28px;
}
/*.format-quote.hentry.category-thoughts.post_format-post-format-quote {
background: #000 none repeat scroll 0 0;
position: relative;
}
.kleo-carousel-style-overlay .format-quote .entry-content {
position: relative;
}
.entry-content {
}
.kleo-carousel-style-overlay .format-quote .entry-content .post-title {
bottom: 0;
position: relative;
}
.kleo-carousel-style-overlay .format-quote .entry-content .entry-summary {
bottom: 0;
position: relative;
}*/
/* Carousel Banner Items */
.kleo-banner-slider {
position: relative;
overflow: hidden;
opacity: 0;
}
.kleo-banner-items {
float: left;
height: 0;
}
.kleo-banner-items article {
position: relative;
float: left;
}
.kleo-banner-items img {
width: 100%;
height: auto;
}
.kleo-banner-slider .carousel-pager {
position: absolute;
bottom: 20px;
text-align: center;
width: 100%;
}
.kleo-banner-slider .carousel-pager a {
background: rgba(255, 255, 255, 0.3);
}
.kleo-banner-slider .carousel-pager a.selected {
background: #ffffff;
}
.kleo-banner-prev,
.kleo-banner-next {
position: absolute;
width: 35px;
height: 46px;
background: rgba(0, 0, 0, 0);
color: #fff;
text-align: center;
font-size: 18px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.kleo-banner-prev {
left: -35px;
top: 50%;
margin-top: -23px;
border-radius: 0 3px 3px 0;
}
.kleo-banner-next {
right: -35px;
top: 50%;
margin-top: -23px;
border-radius: 3px 0 0 3px;
}
.kleo-banner-slider:hover .kleo-banner-prev {
left: 0;
color: #fff;
}
.kleo-banner-slider:hover .kleo-banner-next {
right: 0;
color: #fff;
}
.kleo-banner-prev i,
.kleo-banner-next i {
line-height: 46px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.kleo-banner-prev:hover i,
.kleo-banner-next:hover i {
font-size: 26px;
}
.kleo-banner-arrow .kleo-banner-prev,
.kleo-banner-arrow .kleo-banner-next {
position: absolute;
width: 30px;
height: 30px;
color: #fff;
text-align: center;
font-size: 14px;
z-index: 9999;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: 2px;
}
.kleo-banner-arrow .kleo-banner-prev i,
.kleo-banner-arrow .kleo-banner-next i {
line-height: 30px;
}
.kleo-banner-arrow .kleo-banner-prev {
left: auto;
right: 45px;
top: 93%;
margin-top: -25px;
}
.kleo-banner-arrow .kleo-banner-next {
right: 10px;
top: 93%;
margin-top: -25px;
}
.kleo-banner-slider:hover .kleo-banner-arrow .kleo-banner-prev {
left: inherit;
}
.kleo-banner-slider:hover .kleo-banner-arrow .kleo-banner-next {
right: 10px;
}
.kleo-carousel .kleo-banner-items:first-child {
height: 0;
}
/* Carousel Feature Items */
.features-carousel li {
display: block;
float: left;
list-style: none;
text-align: center;
}
.features-carousel img {
height: auto;
}
.features-carousel ul {
margin: 0;
padding: 0;
list-style: none;
}
/* Carousel Testimonial Items */
.kleo-carousel-testimonials li {
text-align: center;
padding: 10px 15px;
}
.kleo-carousel-testimonials .testimonial-image {
width: 60px;
height: 60px;
line-height: 60px;
margin: 0 auto;
position: relative;
color: #c8c8c8;
text-align: center;
}
.kleo-carousel-testimonials .testimonial-image:before {
font: 28px 'fontello';
content: "\e854";
position: absolute;
top: 25px;
left: 44px;
margin-left: -24px;
}
.kleo-carousel-testimonials .testimonial-image img {
width: 60px;
height: 60px;
border-radius: 100%;
/*border-width: 5px;
border-style: solid;
border-color: #fff;*/
position: relative;
}
.kleo-carousel-testimonials .testimonial-content {
font-style: italic;
padding: 10px 10px 0;
text-align: center;
/*font-size: 14px;*/
/* v.4.1.9 */
font-size: 18px;
}
.kleo-carousel-testimonials .testimonial-meta {
font-size: 12px;
text-align: center;
}
/* Carousel pager */
.carousel-pager {
text-align: center;
margin: 0 auto;
}
.carousel-pager a {
text-decoration: none;
text-indent: -999px;
display: inline-block;
overflow: hidden;
width: 6px;
height: 6px;
margin: 0 5px 0 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.carousel-pager a.selected {
text-decoration: underline;
}
/* Carousel Gallery With Thumbs */
.kleo-gallery-image {
position: relative;
overflow: hidden;
}
.kleo-gallery-image > div {
opacity: 0;
}
.kleo-gallery-image > div:first-child {
opacity: 1;
}
.kleo-gallery {
position: relative;
overflow: hidden;
}
.kleo-gallery .kleo-carousel a {
float: left;
text-align: center;
position: relative;
margin: 1px;
}
.kleo-gallery.kleo-single-image .kleo-carousel a {
margin: 0;
}
.kleo-gallery .kleo-carousel a img {
min-width: 100%;
}
.kleo-gallery-image div,
.kleo-gallery-image img,
.kleo-thumbs-animated,
.kleo-thumbs-images,
.kleo-thumbs-animated img,
.kleo-thumbs-images img {
display: block;
width: 100%;
}
.kleo-thumbs-animated.rounded img,
.kleo-thumbs-images.rounded img {
border-radius: 100%;
}
.kleo-thumbs-animated a,
.kleo-thumbs-images a {
display: inline-block;
float: left;
position: relative;
/*padding: 5px;*/
margin: 1px;
}
.kleo-gallery .kleo-thumbs-images a {
margin: 0;
}
.kleo-single-image .kleo-thumbs-animated img {
display: inline-block;
}
.kleo-single-image .caroufredsel_wrapper .kleo-carousel {
text-align: center !important;
}
.kleo-single-image .kleo-carousel {
text-align: center;
/*width: 100% !important;*/
}
.kleo-single-image .kleo-carousel img {
width: auto !important;
}
.one-thumb a,
.one-thumbs a {
/* If not set this will be default thumb width */
width: 100%;
}
.two-thumbs a {
width: 49.9%;
}
.three-thumbs a {
width: 33.3%;
}
.four-thumbs a {
width: 25%;
}
.five-thumbs a {
width: 20%;
}
.six-thumbs a {
width: 16.66%;
}
.seven-thumbs a {
width: 14.2857%;
}
.eight-thumbs a {
width: 12.5%;
}
.nine-thumbs a {
width: 11.1111%;
}
.ten-thumbs a {
width: 10%;
}
.eleven-thumbs a {
width: 9.0909%;
}
.twelve-thumbs a {
width: 8.3333%;
}
.kleo-thumbs-prev,
.kleo-thumbs-next {
position: absolute;
width: 35px;
height: 75px;
background: rgba(0, 0, 0, 0);
color: #fff;
text-align: center;
font-size: 18px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.kleo-thumbs-prev {
left: -35px;
top: 50%;
margin-top: -37px;
border-radius: 0 3px 3px 0;
}
.kleo-thumbs-next {
right: -35px;
top: 50%;
margin-top: -37px;
border-radius: 3px 0 0 3px;
}
.kleo-gallery:hover .kleo-thumbs-prev {
left: 0;
color: #fff;
background: rgba(0, 0, 0, 0.1);
}
.kleo-gallery:hover .kleo-thumbs-next {
right: 0;
color: #fff;
background: rgba(0, 0, 0, 0.1);
}
.kleo-gallery .kleo-thumbs-prev:hover,
.kleo-gallery .kleo-thumbs-next:hover {
background: rgba(0, 0, 0, 0.3);
}
.kleo-thumbs-prev i,
.kleo-thumbs-next i {
line-height: 75px;
}
/* Thumbs ofer preview image */
.thumbs-over-img > .wpb_wrapper {
display: flex;
flex-direction: column-reverse;
text-align: center;
}
.thumbs-over-img h2 {
font-size: 16px;
letter-spacing: 0.03em;
margin: 30px 0;
}
.thumbs-over-img .kleo-gallery-container {
position: relative;
overflow: hidden;
transition: box-shadow 0.4s;
}
.thumbs-over-img .kleo-gallery-container:hover {
box-shadow: 0 12px 42px 12px rgba(0, 0, 0, 0.08);
}
.thumbs-over-img .kleo-gallery {
position: absolute;
overflow: hidden;
transform: translateY(-100%);
z-index: 100;
opacity: 0;
transition: opacity 0.4s;
width: 100%;
}
.thumbs-over-img .kleo-gallery-container:hover .kleo-gallery {
opacity: 1;
}
.thumbs-over-img .kleo-gallery-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 100;
transition: background 0.4s;
pointer-events: none;
}
.thumbs-over-img .kleo-gallery-container:hover:before {
background: rgba(255, 255, 255, 0.3);
}
.thumbs-over-img .kleo-gallery-image {
margin: auto !important;
position: relative !important;
}
.thumbs-over-img .kleo-gallery-image img {
transition: transform 0.4s;
}
.thumbs-over-img .kleo-gallery-image:hover img {
transform: scale(1.05);
}
.thumbs-over-img .kleo-carousel-container {
margin: auto;
}
.thumbs-over-img .caroufredsel_wrapper {
margin: 0 !important;
}
/* Carousel Gallery Grid */
.kleo-gallery-grid ul.kleo-isotope {
padding: 0;
list-style: none;
clear: both;
float: left;
margin: 0;
position: relative;
width: 100.4%;
}
.kleo-gallery-grid .kleo-isotope .isotope-item {
display: inline-block;
float: left;
overflow: hidden;
}
.kleo-gallery-grid .kleo-isotope .isotope-item img {
width: 100%;
}
.kleo-small-gap.kleo-gallery-grid .kleo-gallery-inner {
margin-bottom: 1px;
margin-right: 1px;
position: relative;
}
.kleo-large-gap.kleo-gallery-grid .kleo-gallery-inner {
margin-bottom: 10px;
margin-right: 10px;
position: relative;
}
.kleo-small-gap.kleo-gallery-grid {
padding: 1px 0 0 1px;
}
.kleo-gallery-grid .kleo-gallery-inner {
display: inline-block;
/* v.4.1.9 */
width: auto;
/* If we put 100% than gap will not work correctly */
}
.kleo-large-gap.kleo-gallery-grid {
padding: 10px 0 0 10px;
}
.kleo-masonry-item,
.kleo-isotope > li {
float: left;
}
.kleo-masonry .entry-summary {
word-wrap: break-word;
}
.kleo-masonry-item,
.kleo-isotope > li {
width: 33.3%;
}
.template-page.col-sm-12 .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li {
width: 24.9%;
}
.template-page.col-sm-12 .section-container.container-full .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width: 16.6%;
}
@media (min-width: 992px) {
.navbar-transparent .navbar-nav .dropdown-menu li a {
color: #fff !important;
}
}
@media (min-width: 1440px) {
.kleo-isotope > .kleo-masonry-item,
.kleo-isotope > li {
width: 33.3%;
}
.template-page.col-sm-12 .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li {
width: 24.9%;
}
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width: 16.6%;
}
}
@media (min-width: 1200px) and (max-width: 1439px) {
.kleo-isotope > .kleo-masonry-item,
.kleo-isotope > li {
width: 33.3%;
}
.template-page.col-sm-12 .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width: 24.9%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.kleo-masonry-item,
.kleo-isotope > li,
.template-page.col-sm-12 .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width: 33.3%;
}
.col-sm-9 .kleo-isotope > li,
.col-sm-9 .kleo-masonry-item,
.col-sm-6 .kleo-isotope > li,
.col-sm-6 .kleo-masonry-item {
width: 49.9%;
}
}
@media (max-width: 991px) {
.kleo-masonry-item,
.kleo-isotope > li,
.template-page.col-sm-12 .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width: 49.9%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.kleo-masonry-item,
.kleo-isotope > li,
.template-page.col-sm-12 .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width: 49.9%;
}
}
@media screen and (max-width: 480px) {
.kleo-masonry-item,
.kleo-isotope > li,
.template-page.col-sm-12 .kleo-masonry-item,
.template-page.col-sm-12 .kleo-isotope > li,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > .kleo-masonry-item,
.template-page.col-sm-12 .section-container.container-full .kleo-isotope > li {
width: 100% !important;
}
}
/* Bootstrap Carousel */
.carousel-caption h3 {
color: #fff;
}
/* -----------------------------------------
08. Single image
----------------------------------------- */
img {
height: auto;
}
.wpb_single_image img {
height: auto;
max-width: 100%;
}
/* -----------------------------------------
11. Progress bar
----------------------------------------- */
.kleo-transform .vc_bar.animated {
opacity: 1;
}
/* -----------------------------------------
Client Logos
----------------------------------------- */
.client-wrapper {
text-align: center;
}
.client {
display: inline-block;
width: 183px;
margin: 0 10px 20px;
}
.client:hover img {
opacity: 0.8;
}
.client a,
.b-client img {
display: block;
}
.client img {
max-width: 100%;
opacity: 0.3;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
/* -----------------------------------------
Isotope
----------------------------------------- */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/* Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/* disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
/* -----------------------------------------
iSotope Posts
----------------------------------------- */
/*.isotope-item {
width:100%;
}*/
.post-item {
/*background: #fff;*/
padding: 10px;
}
.grid-posts {
clear: both;
}
.grid-posts .format-quote .inner-content,
.grid-posts .format-link .inner-content,
.grid-posts .format-status .inner-content,
.grid-posts .format-aside .post-header,
.grid-posts .format-standard .post-header {
padding: 10px;
border-bottom: none;
}
.grid-posts .format-aside .post-header:before,
.grid-posts .format-standard .post-header:before {
content: none;
}
.grid-posts .entry-summary {
word-wrap: break-word;
}
.format-quote .post-title,
.format-quote .inner-content > h3 {
margin-bottom: 20px;
font-style: italic;
}
#widget .widgetContainer.g-box-full {
border-radius: 0 !important;
box-shadow: none !important;
}
.post-header {
padding: 20px 10px 0;
position: relative;
}
.post-header:before {
/*width: 6px;
height: 6px;
display: block;
content: ' ';
z-index: 9999;
position: absolute;
top: -6px;
left: 50%;
margin-left: -3px;
border-top: 0;
border-left: 6px solid transparent !important;
border-right: 6px solid transparent !important;
border-bottom-style: solid;
border-bottom-width: 6px;*/
/*border-color: #fff;*/
}
.post-title {
margin-bottom: 0;
}
.post-info {
/*background: #fff;*/
padding: 0 10px 20px;
}
.post-footer {
padding: 10px;
display: inline-block;
width: 100%;
}
/* -----------------------------------------
Callout Blockquote
----------------------------------------- */
.callout-blockquote {
margin: 20px 0;
text-align: left;
}
.callout-blockquote blockquote p {
font-size: 14px;
font-weight: 300;
/*line-height: 20px;*/
padding-left: 30px;
position: relative;
}
.callout-blockquote blockquote p:before {
font: 20px 'fontello';
content: "\e854";
position: absolute;
left: 0;
}
.callout-blockquote blockquote {
position: relative;
border-style: solid;
border-width: 1px;
border-radius: 4px;
padding: 30px 25px 30px 30px;
font-style: italic;
background: transparent !important;
}
.callout-blockquote figcaption {
margin: 12px 0 0 50px;
}
.callout-blockquote figcaption p {
margin-bottom: 0;
}
.callout-blockquote.dark blockquote {
background: #454951;
border-color: #454951;
color: #FFF;
}
.callout-blockquote blockquote:after,
.callout-blockquote blockquote:before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right: none;
}
.callout-blockquote blockquote:after {
border-color: rgba(247, 247, 247, 0);
border-width: 18px;
left: 0;
margin-left: 25px;
border-top-color: transparent !important;
}
.callout-blockquote blockquote:before {
border-color: rgba(239, 239, 239, 0);
border-width: 20px;
left: 0;
margin-left: 24px;
}
.callout-blockquote.dark blockquote:after,
.callout-blockquote.dark blockquote:before {
border-color: rgba(51, 51, 51, 0);
border-top-color: blue;
}
.kleo-testimonials.starred {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.kleo-testimonials.starred.vcenter-content .callout-blockquote {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.starred .callout-blockquote.light {
background-color: #fff;
padding: 30px;
margin: 2% 0;
-webkit-box-shadow: 0px 12px 42px 12px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 12px 42px 12px rgba(0, 0, 0, 0.08);
box-shadow: 0px 12px 42px 12px rgba(0, 0, 0, 0.08);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
width: 48%;
}
.starred .callout-blockquote.light:nth-child(2n+1) {
margin-right: 4%;
}
.starred .callout-blockquote blockquote {
border: none;
padding: initial;
}
.starred .callout-blockquote blockquote .rating-stars {
margin-bottom: 30px;
display: block;
}
.starred .callout-blockquote blockquote .rating-stars .icon {
color: #F5A623;
font-size: 18px;
}
.starred .callout-blockquote blockquote p {
font-family: "Open Sans", sans-serif;
font-weight: 500;
font-style: normal;
padding-left: 0;
margin-bottom: 20px;
}
.starred .callout-blockquote blockquote p:last-child {
margin-bottom: 0;
}
.starred .callout-blockquote blockquote p::before {
position: relative;
font-size: 26px;
margin-bottom: 20px;
display: none;
}
.starred .callout-blockquote blockquote::before {
border: none;
}
.starred .callout-blockquote figcaption {
margin: 0 0 20px;
font-weight: 100;
}
.starred .callout-blockquote figcaption br {
display: none;
}
/* -----------------------------------------
Default Blockquote
----------------------------------------- */
blockquote {
padding: 10px 20px;
margin: 20px 0;
border-left-style: solid;
border-left-width: 5px;
display: inline-block;
}
blockquote .rating-stars {
display: none;
}
blockquote p {
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin: 0;
}
blockquote h6 {
margin-top: 0;
}
blockquote cite {
font-size: 11px;
text-transform: uppercase;
color: #bbb;
display: block;
}
/* -----------------------------------------
Before & After - Twentytwenty plugin
----------------------------------------- */
.twentytwenty-container {
position: relative;
z-index: 99999;
}
.twentytwenty-container img {
display: block;
position: absolute;
top: 0;
width: 100%;
}
/* -----------------------------------------
Lists
----------------------------------------- */
.container .wpb_wrapper li {
text-align: left;
}
.fontelo-list {
padding-left: 0;
list-style: none;
}
.fontelo-list li {
padding-left: 2.6em;
padding-bottom: 5px;
}
.fontelo-list i {
font-weight: normal;
font-style: normal;
margin-left: -2.8em;
width: 2.4em;
display: inline-block;
text-align: center;
}
.fontelo-list.list-icon-large li {
padding-left: 2.4em;
}
.fontelo-list i {
font-family: 'fontello';
}
.list-divider li:first-child,
.list-divider.dashed li:first-child {
border-top: none;
}
.list-divider li {
border-top-style: solid;
border-top-width: 1px;
padding-bottom: 5px;
padding-top: 4px;
}
.list-divider.dashed li {
border-top-style: dashed;
}
.standard-list,
.ordered-list {
padding-left: 0;
list-style: none;
}
.standard-list i,
.ordered-list i,
.list-unstyled i {
display: none;
}
.standard-list li:before {
font: 1.7em/1em "fontello";
content: "\e976";
display: inline-block;
float: left;
margin-right: 10px;
}
.standard-list li:after {
display: table;
content: ' ';
clear: both;
}
.ordered-list {
counter-reset: my-badass-counter;
}
.ordered-list li:before {
border-radius: 9px;
content: counter(my-badass-counter, decimal);
counter-increment: my-badass-counter;
display: inline-block;
float: left;
text-align: center;
font-size: 11px;
line-height: 18px;
margin-right: 6px;
margin-left: -1.8em;
width: 18px;
height: 18px;
background: #777;
color: #fff;
}
.ordered-list li {
padding-left: 1.8em;
}
.ordered-list.upper-roman li:before {
content: counter(my-badass-counter, upper-roman);
}
.list-icon-large i {
font-size: 1.3333333333333333em;
}
.shadow-icons i {
text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
.dl-horizontal dd,
.dl-default dd {
margin-bottom: 20px;
}
.dl-horizontal dd ul {
margin-bottom: 0;
}
.one-by-one-animated li {
list-style-type: none;
}
/* -----------------------------------------
Tabs & Pills
----------------------------------------- */
/* Tabs */
.nav-tabs,
.nav-pills {
position: relative;
}
.tab-content > .tab-pane {
padding: 30px 0 0;
/* TEMPORAR */
}
.nav-tabs > li > a {
margin-right: -1px;
border-radius: 0;
font-size: 16px;
font-weight: 300;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
transition: all 0.2s ease 0s;
}
/* Tabs Square Style */
.tabs-style-square > li > a {
margin-top: 4px;
padding-bottom: 6px;
padding-top: 6px;
line-height: 2.0825;
}
.tabs-style-square > li.active > a,
.tabs-style-square > li.active > a:hover,
.tabs-style-square > li.active > a:focus {
border-bottom-color: transparent !important;
}
.tabs-style-square .tabdrop > a {
background-color: transparent;
border-color: transparent;
}
/* Tabs Default Style */
.kleo-tabs .tabs-style-default .tabdrop .dropdown-menu {
margin-top: 2px;
}
.tabs-style-default > li > a {
border-top: 2px solid transparent;
}
.tabs-style-default > li.active > a,
.tabs-style-default > li.active > a:hover,
.tabs-style-default > li.active > a:focus {
border-top-style: solid;
border-top-width: 2px;
border-bottom-color: transparent !important;
}
/* Tabs Line Style */
.kleo-tabs .tabs-style-line .tabdrop .dropdown-menu {
margin-top: 2px;
}
.tabs-style-line > li {
margin-bottom: -1px;
}
.tabs-style-line > li > a {
border: none;
padding-left: 0;
padding-right: 0;
margin: 0 15px;
border-bottom: 2px solid transparent;
}
.tabs-style-line > li > a:hover {
background-color: transparent;
}
.tabs-style-line .tabdrop > a {
margin: inherit;
padding: 10px 15px;
}
.tabs-style-line > li.active > a,
.tabs-style-line > li.active > a:hover,
.tabs-style-line > li.active > a:focus {
border: none;
border-bottom-style: solid;
border-bottom-width: 2px;
background-color: transparent;
}
.nav-tabs.tabs-centered {
text-align: center;
}
.nav-tabs.tabs-centered li {
float: none;
/* TEMPORAR */
display: inline-block;
/* TEMPORAR */
}
.custom-color .kleo-tabs .tabs-style-line li.active > a {
background: transparent !important;
border-color: inherit !important;
opacity: 0.8;
}
.custom-color .kleo-tabs .tabs-style-line li > a {
color: inherit !important;
}
/* Tabs Line Style */
.kleo-tabs .nav-tabs.tabs-style-text {
border-bottom-color: transparent;
}
.kleo-tabs .nav-tabs.tabs-style-text > li > a {
padding: 0 0 15px 0;
margin: 15px;
border-width: 0 0 3px 0;
border-color: transparent;
color: #00B9F7;
font-family: "Open Sans", sans-serif;
font-size: 13px;
letter-spacing: 0.75px;
font-weight: 600;
}
.kleo-tabs .nav-tabs.tabs-style-text > li.active > a,
.kleo-tabs .nav-tabs.tabs-style-text > li.active > a:hover,
.kleo-tabs .nav-tabs.tabs-style-text > li.active > a:focus,
.kleo-tabs .nav-tabs.tabs-style-text > li > a:hover {
background: transparent;
border-width: 0 0 3px 0;
border-color: transparent transparent #00B9F7 transparent;
}
.kleo-tabs .tabs-style-simple-upper .tabdrop .dropdown-menu {
margin-top: 3px;
}
.kleo-tabs .nav-tabs.tabs-style-simple-upper {
border-color: transparent;
}
.tabs-style-simple-upper > li {
margin-bottom: -1px;
}
.tabs-style-simple-upper > li > a {
font: 400 14px 'Open Sans', sans-serif !important;
text-transform: uppercase;
letter-spacing: 0.03em;
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 30px;
margin: 0 15px;
border-bottom: 3px solid transparent;
}
.tabs-style-simple-upper > li > a:hover {
background-color: transparent;
}
.tabs-style-simple-upper .tabdrop > a {
margin: inherit;
padding: 10px 15px;
}
.tabs-style-simple-upper > li.active > a,
.tabs-style-simple-upper > li.active > a:hover,
.tabs-style-simple-upper > li.active > a:focus {
border: none;
border-bottom-style: solid;
border-bottom-width: 3px;
background-color: transparent;
}
.custom-color .kleo-tabs .tabs-style-simple-upper li.active > a {
background: transparent !important;
border-color: inherit !important;
opacity: 0.8;
}
.custom-color .kleo-tabs .tabs-style-simple-upper li > a {
color: inherit !important;
}
/* Pills */
.nav-pills > li > a {
border-radius: 0;
border-style: solid;
border-width: 1px;
/*font-family: 'Roboto Condensed', sans-serif;*/
font-size: 16px;
font-weight: 300;
}
.nav-pills > li > a > i {
margin: 0 10px;
}
.nav-pills > li + li {
margin-left: -1px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
border-style: solid;
border-width: 1px;
}
.nav-pills.tabs-centered {
text-align: center;
}
.nav-pills.tabs-centered li {
float: none;
/* TEMPORAR */
display: inline-block;
/* TEMPORAR */
}
.main-color .nav-pills.pills-style-ghost > li.active a {
background: rgba(255, 255, 255, 0.1) !important;
}
.main-color .nav-pills.pills-style-ghost > li.active a:hover {
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.main-color .nav-pills.pills-style-ghost > li a:hover {
background: rgba(255, 255, 255, 0.1);
}
.main-color .nav-pills.pills-style-ghost > li.active a,
.main-color .nav-pills.pills-style-ghost > li > a {
border: 1px solid rgba(255, 255, 255, 0.1) !important;
color: #fff;
padding: 12px 20px;
}
/* All tabdrop */
.kleo-tabs .tabdrop .dropdown-menu {
border-style: solid;
border-width: 1px;
margin-top: 1px;
}
.kleo-tabs .tabdrop .dropdown-menu li {
float: none;
width: 100%;
text-align: left;
font-size: 12px;
}
.kleo-tabs .tabdrop .dropdown-menu li a {
padding: 0 10px;
height: 33px;
line-height: 33px;
font-size: 12px;
}
.kleo-tabs .tabdrop .dropdown-menu li a span {
left: inherit;
top: 6px;
right: 10px;
display: inline-block;
}
.kleo-tabs .tabdrop .dropdown-menu li a span {
box-shadow: none;
}
/* Temporar for tabdop */
.kleo-tabs .tabdrop .dropdown-menu {
text-align: left;
}
.kleo-tabs .tabdrop > a.dropdown-toggle,
.kleo-tabs .tabdrop > a.dropdown-toggle:hover,
.kleo-tabs .tabdrop > a.dropdown-toggle:focus {
border-color: transparent;
background: transparent;
}
.kleo-tabs .nav .open > a.dropdown-toggle,
.kleo-tabs .nav .open > a.dropdown-toggle:hover,
.kleo-tabs .nav .open > a.dropdown-toggle:focus {
/*border-color: #e5e5e5;*/
}
.kleo-tabs .tabdrop:before {
font: 120% "fontello";
content: "\e97c";
display: block;
text-align: center;
transition: all 0.4s ease-in-out 0s;
position: absolute;
top: 20px;
left: 12px;
z-index: 12;
pointer-events: none;
}
/* Specific tabdrop */
.kleo-tabs .nav-pills .tabdrop:before,
.kleo-tabs .tabs-style-line .tabdrop:before {
top: 12px;
}
.kleo-tabs .tabs-style-default .tabdrop:before {
top: 15px;
}
.kleo-tabs .tabs-style-default .tabdrop.pull-right > .dropdown-menu,
.kleo-tabs .tabs-style-square .tabdrop.pull-right > .dropdown-menu {
right: -1px;
}
/* Tour section */
.wpb_tour .nav-tab {
float: left;
width: 31.6667%;
}
.wpb_tour.pos-right .nav-tab {
float: right;
}
.wpb_tour .nav-tab li {
clear: left;
margin: 0 0 1px;
width: 100%;
}
.wpb_tour .tab-content {
border: none;
box-sizing: border-box;
float: left;
padding: 0 0 0 21.7391px;
width: 68.3333%;
}
.wpb_tour .tab-content > .tab-pane {
padding: 0;
}
.wpb_tour .tab-pane .kleo_text_column:first-child p:first-child {
margin-top: 0;
}
.wpb_tour_next_prev_nav {
padding-top: 10px;
}
.wpb_tour .wpb_tour_next_prev_nav span {
float: none;
width: auto;
}
@media (max-width: 767px) {
.wpb_tour .nav-tab,
.wpb_tour .tab-content {
float: none;
width: 100%;
}
}
/* -----------------------------------------
Accordion & Toggle
----------------------------------------- */
/* Default panel theme*/
.panel {
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-heading {
border-radius: 0;
}
.panel-group .panel-heading,
.panel-toggle .panel-heading {
border-bottom: 0;
}
.panel-default .panel-title {
font-size: 13px;
font-weight: bold;
}
.panel-group .panel,
.panel-toggle.panel {
border-radius: 0;
}
.panel-toggle.panel {
margin-bottom: 0;
}
.wpb_wrapper .panel + .panel {
margin-top: 5px;
}
.panel-title h1,
.panel-title h2,
.panel-title h3,
.panel-title h4,
.panel-title h5,
.panel-title h6,
.panel-title p {
margin: 0;
}
/* Kleo panel theme*/
.panel-group .panel-kleo + .panel {
margin-top: 0;
}
.panel-kleo .panel-title {
font-weight: 500;
font-size: 18px;
}
.panel-kleo .panel-title a b {
font-weight: normal;
}
.panel.icons-to-left .icon-closed,
.panel.icons-to-left .icon-opened,
.panel-group.icons-to-left .icon-closed,
.panel-group.icons-to-left .icon-opened {
float: left;
margin-right: 20px;
}
.panel.icons-to-right .icon-closed,
.panel.icons-to-right .icon-opened,
.panel-group.icons-to-right .icon-closed,
.panel-group.icons-to-right .icon-opened {
float: right;
margin-left: 20px;
}
/* Google Maps */
.wpb_gmaps_widget .wpb_map_wraper iframe {
margin-bottom: 0;
padding: 0;
display: block;
width: 100%;
border: none;
}
.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
}
.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
/* Knowledgebase Category Listing style */
h4.kb-section-name {
border-bottom: 1px solid #eee;
padding-bottom: 15px;
margin-bottom: 15px;
}
h4.kb-section-name i.icon {
margin-right: 10px;
}
.kb-wall-list,
.kb-archive-listing {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
}
.kb-wall-list > li,
.kb-archive-listing > li {
margin-bottom: 10px;
}
.kb-archive > div:nth-child(3n+1) {
clear: both;
}
.kb-wall-list i.icon {
margin-right: 5px;
}
.kb-view-more {
margin-top: 10px;
}
.kb-view-more a.btn-default {
background: transparent;
}
.kb-archive-listing li {
margin-bottom: 25px;
}
.kb-archive-listing h2 {
font-size: 20px;
}
.kb-archive-listing h2 i.icon {
margin-right: 10px;
font-size: 18px;
}
/* Disable all animations on all devices */
.disable-all-animations .animated.animate-when-visible,
.disable-all-animations .animated.animate-when-almost-visible,
.disable-all-animations .one-by-one-animated .el-appear,
.disable-all-animations .multi-columns-row .one-by-one-animated .el-appear,
.disable-all-animations .kleo-transform .kleo-thumbs-animated.th-appear img,
.disable-all-animations .el-appear,
.disable-all-animations .multi-columns-row .el-appear,
.disable-all-animations .one-by-one-animated .start-animation .el-appear,
.disable-all-animations .kleo-thumbs-animated.th-appear img.start-animation,
.disable-all-animations .start-animation .el-appear,
.disable-all-animations .start-animation.el-appear,
.disable-all-animations .one-by-one-animated .el-fade,
.disable-all-animations .kleo-thumbs-animated.th-fade img,
.disable-all-animations .el-fade,
.disable-all-animations .one-by-one-animated .start-animation .el-fade,
.disable-all-animations .kleo-thumbs-animated.th-fade img.start-animation,
.disable-all-animations .start-animation.el-fade,
.disable-all-animations .pulsate,
.disable-all-animations .cul {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
-moz-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.disable-all-animations .el-zero-fade {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
}
/* Disable all animations on mobile only */
@media (max-width: 767px) {
.disable-all-animations-on-mobile .animated.animate-when-almost-visible,
.disable-all-animations-on-mobile .animated.animate-when-visible,
.disable-all-animations-on-mobile .one-by-one-animated .el-appear,
.disable-all-animations-on-mobile .multi-columns-row .one-by-one-animated .el-appear,
.disable-all-animations-on-mobile .kleo-transform .kleo-thumbs-animated.th-appear img,
.disable-all-animations-on-mobile .el-appear,
.disable-all-animations-on-mobile .multi-columns-row .el-appear,
.disable-all-animations-on-mobile .one-by-one-animated .start-animation .el-appear,
.disable-all-animations-on-mobile .kleo-thumbs-animated.th-appear img.start-animation,
.disable-all-animations-on-mobile .start-animation .el-appear,
.disable-all-animations-on-mobile .start-animation.el-appear,
.disable-all-animations-on-mobile .one-by-one-animated .el-fade,
.disable-all-animations-on-mobile .kleo-thumbs-animated.th-fade img,
.disable-all-animations-on-mobile .el-fade,
.disable-all-animations-on-mobile .one-by-one-animated .start-animation .el-fade,
.disable-all-animations-on-mobile .kleo-thumbs-animated.th-fade img.start-animation,
.disable-all-animations-on-mobile .start-animation.el-fade,
.disable-all-animations-on-mobile .start-animation.el-zero-fade,
.disable-all-animations-on-mobile .pulsate,
.disable-all-animations-on-mobile .cul {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
-moz-transform: none !important;
-webkit-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.disable-all-animations-on-mobile .el-zero-fade {
-webkit-animation: none !important;
-o-animation: none !important;
animation: none !important;
opacity: 1 !important;
}
}
.sq-full-width {
width: 100%;
}
/* Vertical separator */
.vertical-separator {
border-left: 1px solid #ff5e5e;
padding-left: 30px;
position: relative;
margin-left: 8px;
}
.vertical-separator.vertical-dark {
border-left: 1px solid #312634;
}
.vertical-separator:before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: #ff5e5e;
display: block;
position: absolute;
top: -15px;
left: -3px;
}
.vertical-separator.vertical-dark:before {
background: #312634;
}
.vertical-separator:after {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: #ff5e5e;
display: block;
position: absolute;
bottom: -15px;
left: -3px;
}
.vertical-separator.vertical-dark:after {
background: #312634;
}
.kleo-open-href {
cursor: pointer !important;
}
/* -----------------------------------------
Box Shadow
----------------------------------------- */
.box-shadow {
-webkit-box-shadow: 0px 12px 42px 12px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 12px 42px 12px rgba(0, 0, 0, 0.08);
box-shadow: 0px 12px 42px 12px rgba(0, 0, 0, 0.08);
}
.relative-image.wpb_single_image img {
position: relative;
z-index: 10;
}
/* -----------------------------------------
QUICK CONTACT FORM
----------------------------------------- */
.kleo-quick-contact-wrapper {
position: fixed;
right: 20px;
bottom: 50px;
z-index: 300;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.kleo-quick-contact-wrapper.off {
right: 20px;
}
.kleo-quick-contact-wrapper.on {
right: 90px;
}
.kleo-quick-contact-wrapper .kleo-contact-form {
position: relative;
}
.kleo-quick-contact-wrapper .wpcf7-form,
.kleo-quick-contact-wrapper .wpcf7-form p,
.kleo-quick-contact-wrapper .kleo-contact-form .form-control,
.kleo-quick-contact-wrapper .kleo-contact-form textarea {
min-width: 240px;
margin-bottom: 6px;
}
.kleo-quick-contact-wrapper .wpcf7-form input[type="text"],
.kleo-quick-contact-wrapper .wpcf7-form input[type="submit"],
.kleo-quick-contact-wrapper .wpcf7-form input[type="email"],
.kleo-quick-contact-wrapper .wpcf7-form input[type="password"],
.kleo-quick-contact-wrapper .wpcf7-form textarea,
.kleo-quick-contact-wrapper .wpcf7-form .wpcf7-response-output {
border-radius: 3px;
background: #fff;
line-height: 20px;
padding: 5px;
height: 36px;
}
.kleo-quick-contact-wrapper .wpcf7-form textarea {
height: auto;
max-height: 80px;
}
.kleo-quick-contact-wrapper .wpcf7-form .wpcf7-response-output {
height: auto;
}
.kleo-quick-contact-wrapper .kleo-contact-form .text-input:focus,
.kleo-quick-contact-wrapper .kleo-contact-form .textarea:focus {
color: #666;
}
.kleo-contact-form textarea {
height: 100px;
}
.kleo-contact-form .kleo-contact-loading {
float: left;
}
.kleo-contact-form .kleo-contact-loading {
display: none;
}
.mail-success {
color: green;
}
.mail-error {
color: red;
}
#kleo-quick-contact {
position: absolute;
bottom: 70px;
right: 0;
-webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-style: solid;
border-width: 1px;
border-color: #e5e5e5;
border-radius: 4px;
padding: 20px;
z-index: 100;
display: none;
background-color: #f7f7f7;
}
#kleo-quick-contact .bottom-arrow {
position: absolute;
display: block;
content: "";
bottom: -8px;
right: 20px;
width: 14px;
height: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-style: solid;
border-width: 1px;
border-color: #e5e5e5;
border-left: none;
border-top: 0;
background-color: #f7f7f7;
}
.kleo-quick-contact-link {
display: block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #ccc;
background-color: rgba(0, 0, 0, 0.2);
padding: 12px 14px;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.kleo-quick-contact-link i {
color: #fff;
font-size: 24px;
line-height: 24px;
}
/* -----------------------------------------
Portfolio
----------------------------------------- */
/* Filter tab-links */
.portfolio-filter-tabs {
list-style: none;
text-align: center;
padding: 20px 0;
}
.portfolio-filter-tabs li {
display: inline-block;
padding: 10px 1px;
text-transform: uppercase;
}
.portfolio-filter-tabs li.selected a {
border-style: solid;
border-width: 1px;
}
.portfolio-filter-tabs li a {
display: inline-block;
border-radius: 22px;
height: 30px;
line-height: 30px;
padding: 0 22px;
border: 1px solid transparent;
}
/* Portfolio Items Common Style */
.portfolio-items li .portfolio-image img {
width: 100%;
}
/* Portfolio Items Default Style */
.portfolio-items.default-style li .portfolio-item-content {
margin: 0 10px 20px;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.22);
}
.portfolio-items.default-style li .portfolio-header .post-title {
padding: 10px;
}
.portfolio-items.default-style li .portfolio-info {
padding: 0 10px 10px;
}
/* Portfolio Items Overlay Style */
.portfolio-items.overlay-style li.porto-hosted_video .portfolio-info,
.portfolio-items.overlay-style li.porto-video .portfolio-info {
display: none;
}
.portfolio-items.overlay-style li .portfolio-header .post-title,
.portfolio-items.overlay-style li .portfolio-info {
padding: 10px;
position: absolute;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
.portfolio-items.overlay-style li .portfolio-header .post-title,
.portfolio-items.overlay-style li .portfolio-header .post-title a,
.portfolio-items.overlay-style li .portfolio-info p {
color: #fff !important;
}
.portfolio-items.overlay-style li .portfolio-info {
bottom: 20px;
}
.portfolio-items.per-row-5.overlay-style li .portfolio-info {
bottom: 0;
}
.portfolio-items.overlay-style li .portfolio-header .post-title {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
width: 50%;
top: -40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.portfolio-items.overlay-style li .portfolio-info {
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}
.portfolio-items.overlay-style li:hover .portfolio-info {
opacity: 1;
}
.portfolio-items.overlay-style li:hover .portfolio-header .post-title {
transition: all 0.3s ease-in-out 0s;
width: 100%;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
.portfolio-items.overlay-style li:hover .portfolio-image img,
.portfolio-items.overlay-style li:hover .portfolio-info {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
cursor: pointer;
}
.portfolio-items.overlay-style li:hover .hover-element {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}
.portfolio-items.overlay-style li:hover .hover-element i {
display: none;
}
/* Portfolio Items Animated-Title Style */
.portfolio-items.overlay-style.anim-title li .portfolio-header .post-title {
opacity: 0;
transform: translate3d(-20px, 50px, 0);
}
.portfolio-items.overlay-style.anim-title li:hover .portfolio-header .post-title {
opacity: 1;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
/* Hide excerpt */
.portfolio-items.hide-excerpt .portfolio-info {
display: none;
}
.portfolio-items .kleo-video-embed {
overflow: hidden;
}
/*.portfolio-items .mejs-container {
max-width: 100%;
height: auto !important;
}*/
/*.portfolio-items .mejs-mediaelement {
position: relative;
}*/
.portfolio-items .kleo-video-embed .fluid-width-video-wrapper {
height: 100%;
}
.portfolio-back {
padding: 20px 0;
}
/* -----------------------------------------
OFFCANVAS SIDEBAR
----------------------------------------- */
#main,
#footer,
#socket,
.kleo-main-header {
-webkit-transition: -webkit-transform 0.3s;
transition: transform .3s;
}
.adminbar-enable .offcanvas-sidebar {
top: 32px;
}
.offcanvas-left.offcanvas-type-default .offcanvas-sidebar,
.offcanvas-left.offcanvas-type-overlay .offcanvas-sidebar {
-webkit-transform: translate(-240px, 0);
transform: translate(-240px, 0);
}
.offcanvas-left.offcanvas-type-default .offcanvas-sidebar.is-open,
.offcanvas-left.offcanvas-type-overlay .offcanvas-sidebar.is-open {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.offcanvas-right.offcanvas-type-default .offcanvas-sidebar,
.offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar {
-webkit-transform: translate(240px, 0);
transform: translate(240px, 0);
right: 0;
}
.offcanvas-right.offcanvas-type-default .offcanvas-sidebar.is-open,
.offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar.is-open {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.offcanvas-left.offcanvas-type-default.offcanvas-open #main,
.offcanvas-left.offcanvas-type-default.offcanvas-open #footer,
.offcanvas-left.offcanvas-type-default.offcanvas-open #socket,
.offcanvas-left.offcanvas-type-default.offcanvas-open .kleo-main-header {
-webkit-transform: translate(240px, 0);
transform: translate(240px, 0);
}
.offcanvas-right.offcanvas-type-default.offcanvas-open #main,
.offcanvas-right.offcanvas-type-default.offcanvas-open #footer,
.offcanvas-right.offcanvas-type-default.offcanvas-open #socket,
.offcanvas-right.offcanvas-type-default.offcanvas-open .kleo-main-header {
-webkit-transform: translate(-240px, 0);
transform: translate(-240px, 0);
}
.offcanvas-right.offcanvas-type-default .kleo-page.offcanvas-open {
-webkit-transform: translate(-240px, 0);
transform: translate(-240px, 0);
}
.offcanvas-sidebar {
position: fixed;
width: 240px;
-webkit-transform: translate(-240px, 0);
transform: translate(-240px, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: transform .3s;
top: 0;
bottom: 0;
font-size: 14px;
line-height: 20px;
padding: 20px 10px;
z-index: 100;
overflow: auto;
box-sizing: border-box;
min-height: 100%;
height: 100%;
}
.offcanvas-type-overlay .wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu {
background: transparent;
}
.wrap-canvas-menu .widget_nav_menu .offcanvas-menu a {
white-space: normal;
}
.offcanvas-menu a.btn-buy {
background-color: transparent !important;
}
.wrap-canvas-menu .offcanvas-title {
height: 30px;
}
.wrap-canvas-menu .offcanvas-title .open-sidebar:before {
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
font-family: "fontello";
font-size: 20px;
content: "\e981";
display: block;
text-align: center;
}
.wrap-canvas-menu .offcanvas-title .open-sidebar:hover:before {
-webkit-transform: rotate(180deg) !important;
transform: rotate(180deg) !important;
}
.offcanvas-left .wrap-canvas-menu .offcanvas-title .open-sidebar {
float: right;
}
.offcanvas-right .wrap-canvas-menu .offcanvas-title .open-sidebar {
float: left;
}
.wrap-canvas-menu .offcanvas-before {
clear: right;
}
.wrap-canvas-menu .widget_nav_menu .offcanvas-menu {
padding: 30px 0;
}
.wrap-canvas-menu .widget_nav_menu .offcanvas-menu a {
text-transform: uppercase;
}
.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu {
position: relative;
background: transparent;
min-width: 100%;
}
.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu li {
border: none;
}
.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu > li > a:hover,
.wrap-canvas-menu .widget_nav_menu .offcanvas-menu .dropdown-menu > li > a:focus {
background: none;
}
.wrap-canvas-menu .kleo-social-icons {
list-style: none;
padding: 40px 0;
text-align: center;
}
.wrap-canvas-menu .kleo-social-icons li {
display: inline-block;
padding: 0 10px;
}
.wrap-canvas-menu .kleo-social-icons li a i {
font-size: 18px;
}
.wrap-canvas-menu .kleo-social-icons .ts-text {
display: none;
}
.wrap-canvas-menu .dropdown-menu > .active > a,
.wrap-canvas-menu .dropdown-menu > .active > a:hover,
.wrap-canvas-menu .dropdown-menu > .active > a:focus {
background: none;
}
.wrap-canvas-menu .caret:after {
top: 9px;
}
html:not(.kleo-transform) .offcanvas-sidebar {
display: none;
}
/* -----------------------------------------
Feature Items - SHORTCODE
----------------------------------------- */
.feature-item {
margin-bottom: 30px;
text-align: left;
}
.feature-item.default-icons-size .feature-icon,
.feature-item.big-icons-size .feature-icon {
display: inline-block;
float: left;
top: 0;
text-align: center;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
transition: all 0.3s ease-in-out 0s;
}
.feature-item.default-icons-size .feature-icon {
font-size: 37px;
margin: 1px 16px 0 0;
width: 67px;
height: 67px;
line-height: 65px;
border: 1px solid transparent;
}
.bordered-icons .feature-item.default-icons-size .feature-icon {
width: 67px;
height: 67px;
line-height: 65px;
}
.feature-item.big-icons-size .feature-icon {
font-size: 57px;
width: 87px;
height: 87px;
line-height: 80px;
border: 1px solid transparent;
}
.box-style .feature-item.big-icons-size:not(.center-icons) .feature-icon {
margin-bottom: 20px;
}
.box-style .feature-item.big-icons-size:not(.center-icons) {
width: 100%;
text-align: left;
}
.box-style .feature-item {
width: 100%;
}
.box-style .feature-text {
word-wrap: break-word;
}
.bordered-icons .feature-item.big-icons-size .feature-icon {
width: 87px;
height: 87px;
line-height: 80px;
}
.feature-item.default-icons-size .feature-title {
margin: 0 12px 10px 83px;
font-size: 28px !important;
}
.feature-item.big-icons-size .feature-title {
margin: 0 12px 10px 94px;
font-size: 28px !important;
}
.feature-item.big-icons-size {
display: inline-block;
}
.feature-item.big-icons-size.center-icons {
display: block;
}
.feature-item.default-icons-size .feature-text {
margin: 0 0 20px 83px;
}
.bordered-icons .feature-item.default-icons-size .feature-text {
margin: 0 0 20px 83px;
}
.feature-item.big-icons-size .feature-text {
margin: 0 0 20px 94px;
}
.feature-item.default-icons-size.center-icons .feature-icon {
margin: 1px 0 20px -36px;
}
.feature-item.default-icons-size.center-icons .feature-icon,
.feature-item.big-icons-size.center-icons .feature-icon {
float: none;
text-align: center;
left: 50%;
position: relative;
}
.bordered-icons .feature-item.default-icons-size.center-icons .feature-text {
margin: 0 0 20px 0;
}
.feature-item.default-icons-size.center-icons .feature-icon {
margin-bottom: 20px;
}
.feature-item.big-icons-size.center-icons .feature-icon {
margin: 1px 0 20px -46px;
}
.feature-item.center-icons .feature-title {
margin-left: 0;
margin-bottom: 20px;
text-align: center;
}
.feature-item.center-icons .feature-text {
margin-left: 0;
text-align: center;
}
.box-style,
.box-style .one-by-one-animated {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.box-style .one-by-one-animated {
width: 100%;
}
.box-style .feature-item {
text-align: center;
padding: 20px;
}
.box-style .col-xs-12 {
display: flex;
margin-left: -1px;
/* Flex 1px bug in safari */
}
.box-style .feature-item.default-icons-size .feature-icon,
.box-style .feature-item.big-icons-size .feature-icon {
left: 0;
margin-left: 0;
}
.box-style .feature-item h3 {
margin: 0;
font-size: 18px;
line-height: 24px;
}
.box-style .feature-item h5 {
margin-top: 10px;
}
.box-style p:empty {
display: none;
height: 0;
margin: 0;
}
.box-style p {
margin-top: 0;
}
/*.box-style h3 + p {
margin-top: 1em;
}*/
.custom-color .feature-item .feature-icon {
color: inherit !important;
}
.custom-color .feature-item:hover .feature-icon {
border-color: inherit !important;
}
/* New styles since v.4.1 */
/* Title Only */
.title-only .feature-item .feature-title {
transform: translateY(20px);
transition: all 0.4s ease 0s;
}
.title-only .feature-item .feature-text {
opacity: 0;
transform: translateY(20px);
transition: all 0.4s ease 0s;
}
.title-only .feature-item:hover .feature-title {
transition-duration: 0.2s;
transform: translateY(0);
}
.title-only .feature-item:hover .feature-text {
opacity: 1;
transform: translateY(0);
transition-duration: 0.2s;
}
/* Divided Items */
.divided-items .feature-item {
padding-top: 50px;
}
.divided-items,
.divided-items .one-by-one-animated {
position: relative;
z-index: 0;
}
@media (min-width: 768px) {
.divided-items,
.divided-items .one-by-one-animated {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.divided-items .feature-items {
position: static;
text-align: left;
}
.divided-items .feature-items:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
z-index: 10;
width: 1px;
margin-left: -15px;
}
.divided-items:before,
.divided-items:after,
.divided-items .one-by-one-animated:before,
.divided-items .one-by-one-animated:after {
display: block;
content: " ";
}
.divided-items:after,
.divided-items .one-by-one-animated:after {
clear: both;
}
.divided-items.box-shadow {
-webkit-box-shadow: 0px 12px 42px 12px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 12px 42px 12px rgba(0, 0, 0, 0.08);
box-shadow: 0px 12px 42px 12px rgba(0, 0, 0, 0.08);
}
.divided-items + .divided-items {
border-top-width: 1px;
border-top-style: solid;
}
@media (min-width: 768px) {
.divided-items .col-md-3:after,
.divided-items .col-md-6:after {
content: '';
position: absolute;
top: 50%;
z-index: 10;
width: 50%;
height: 1px;
margin-left: -15px;
}
}
.divided-items .col-md-4 {
border-bottom: 1px solid #e5e5e5;
}
@media (min-width: 320px) and (max-width: 400px) {
.feature-item.default-icons-size,
.feature-item.big-icons-size {
text-align: center;
margin-bottom: 30px;
padding-bottom: 10px;
}
.box-style .feature-item.big-icons-size:not(.center-icons) {
text-align: center;
}
.feature-item.default-icons-size .feature-icon {
float: none;
margin: 0 auto 10px;
}
.feature-item.big-icons-size .feature-icon {
float: none;
margin: 0 auto 30px;
}
.feature-item.default-icons-size .feature-text,
.feature-item.default-icons-size .feature-title,
.feature-item.big-icons-size .feature-title,
.feature-item.big-icons-size .feature-text {
margin: 0;
}
.bordered-icons .feature-item.default-icons-size .feature-text {
margin: 0 0 20px 0;
}
.feature-item.default-icons-size.center-icons .feature-icon,
.feature-item.big-icons-size.center-icons .feature-icon {
left: auto;
margin: 0 auto 30px;
}
}
/* clear first in row in ie 8 or lower */
.multi-columns-row .first-in-row {
clear: left;
}
/* clear the first in row for any block that has the class "multi-columns-row" */
.multi-columns-row .col-xs-6:nth-child(2n + 3) {
clear: left;
}
.multi-columns-row .col-xs-4:nth-child(3n + 4) {
clear: left;
}
.multi-columns-row .col-xs-3:nth-child(4n + 5) {
clear: left;
}
.multi-columns-row .col-xs-2:nth-child(6n + 7) {
clear: left;
}
.multi-columns-row .col-xs-1:nth-child(12n + 13) {
clear: left;
}
@media (min-width: 768px) {
/* reset previous grid */
.multi-columns-row .col-xs-6:nth-child(2n + 3) {
clear: none;
}
.multi-columns-row .col-xs-4:nth-child(3n + 4) {
clear: none;
}
.multi-columns-row .col-xs-3:nth-child(4n + 5) {
clear: none;
}
.multi-columns-row .col-xs-2:nth-child(6n + 7) {
clear: none;
}
.multi-columns-row .col-xs-1:nth-child(12n + 13) {
clear: none;
}
/* clear first in row for small columns */
.multi-columns-row .col-sm-6:nth-child(2n + 3) {
clear: left;
}
.multi-columns-row .col-sm-4:nth-child(3n + 4) {
clear: left;
}
.multi-columns-row .col-sm-3:nth-child(4n + 5) {
clear: left;
}
.multi-columns-row .col-sm-2:nth-child(6n + 7) {
clear: left;
}
.multi-columns-row .col-sm-1:nth-child(12n + 13) {
clear: left;
}
}
@media (min-width: 992px) {
/* reset previous grid */
.multi-columns-row .col-sm-6:nth-child(2n + 3) {
clear: none;
}
.multi-columns-row .col-sm-4:nth-child(3n + 4) {
clear: none;
}
.multi-columns-row .col-sm-3:nth-child(4n + 5) {
clear: none;
}
.multi-columns-row .col-sm-2:nth-child(6n + 7) {
clear: none;
}
.multi-columns-row .col-sm-1:nth-child(12n + 13) {
clear: none;
}
/* clear first in row for medium columns */
.multi-columns-row .col-md-6:nth-child(2n + 3) {
clear: left;
}
.multi-columns-row .col-md-4:nth-child(3n + 4) {
clear: left;
}
.multi-columns-row .col-md-3:nth-child(4n + 5) {
clear: left;
}
.multi-columns-row .col-md-2:nth-child(6n + 7) {
clear: left;
}
.multi-columns-row .col-md-1:nth-child(12n + 13) {
clear: left;
}
}
@media (min-width: 1200px) {
/* reset previous grid */
.multi-columns-row .col-md-6:nth-child(2n + 3) {
clear: left;
}
.multi-columns-row .col-md-4:nth-child(3n + 4) {
clear: left;
}
.multi-columns-row .col-md-3:nth-child(4n + 5) {
clear: left;
}
.multi-columns-row .col-md-2:nth-child(6n + 7) {
clear: none;
}
.multi-columns-row .col-md-1:nth-child(12n + 13) {
clear: none;
}
/* clear first in row for large columns */
.multi-columns-row .col-lg-6:nth-child(2n + 3) {
clear: left;
}
.multi-columns-row .col-lg-4:nth-child(3n + 4) {
clear: left;
}
.multi-columns-row .col-lg-3:nth-child(4n + 5) {
clear: left;
}
.multi-columns-row .col-lg-2:nth-child(6n + 7) {
clear: left;
}
.multi-columns-row .col-lg-1:nth-child(12n + 13) {
clear: left;
}
}
/* -----------------------------------------
Poi and Pins
----------------------------------------- */
.pin-attached {
position: relative;
}
.kleo-pin-circle {
position: absolute;
width: 23px;
height: 23px;
background: rgba(0, 0, 0, 0.1);
border-radius: 50%;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
z-index: 27;
}
.kleo-pin-circle:hover {
z-index: 28 !important;
}
.kleo-pin-circle span {
display: block;
top: 0;
left: 0;
width: 23px;
height: 23px;
border: 0;
outline: 0;
overflow: hidden;
text-indent: -5555px;
cursor: default;
border-radius: 50%;
-webkit-transform: scale(0.415);
-moz-transform: scale(0.415);
-ms-transform: scale(0.415);
-o-transform: scale(0.415);
transform: scale(0.415);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.kleo-pin-circle:hover span {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(0.3);
transform: scale(1);
}
.kleo-pin-circle span:hover {
cursor: pointer;
}
.kleo-pin-poi {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-style: solid;
border-width: 6px;
border-radius: 14px 14px 14px 0;
box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
display: inline-block;
width: 8px;
height: 8px;
padding: 5px;
margin-top: 40px;
transform: rotate(-45deg);
position: absolute;
z-index: 9999;
}
.kleo-pin-icon {
position: absolute;
width: 23px;
height: 23px;
line-height: 23px;
background: rgba(0, 0, 0, 0.1);
border-radius: 50%;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
z-index: 9999;
}
.kleo-pin-icon span {
display: block;
top: 0;
left: 0;
width: 23px;
height: 23px;
line-height: 23px;
border: 0;
outline: 0;
overflow: hidden;
text-align: center;
cursor: default;
border-radius: 50%;
-webkit-transform: scale(0.815);
-moz-transform: scale(0.815);
-ms-transform: scale(0.815);
-o-transform: scale(0.815);
transform: scale(0.815);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.kleo-pin-icon:hover span {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.kleo-pin-icon span:hover {
cursor: pointer;
}
.kleo-pin-icon span i {
/*color: #fff !important;*/
}
/* -----------------------------------------
Popover
----------------------------------------- */
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 29;
display: none;
max-width: 276px !important;
padding: 0;
text-align: left;
white-space: normal;
border: none;
border-radius: 6px;
background: #fff;
box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.1);
background-clip: padding-box;
-webkit-bg-clip: padding-box;
-moz-bg-clip: padding;
}
.tp-caption .popover {
/* Fix when used width in RevSlider */
min-width: 180px;
}
.popover.top {
margin-top: -30px;
}
.popover.right {
margin-left: 40px;
}
.popover.bottom {
margin-top: 90px;
}
.popover.left {
margin-left: -40px;
}
.popover-title {
padding: 10px 14px;
margin: 0;
font-size: 21px;
/*font-family: 'Roboto Condensed', sans-serif;*/
font-weight: 300;
line-height: 30px;
border: none;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
font-size: 13px;
line-height: 20px;
}
.popover.top .arrow,
.popover.top .arrow:after {
border-top-color: #fff;
}
.popover.right .arrow,
.popover.right .arrow:after {
border-right-color: #fff;
}
/*.popover.bottom .arrow {
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
.popover.bottom .arrow:after {
border-top-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}*/
/*.popover.bottom .arrow,
.popover.bottom .arrow:after {
border-right-color: red;
}*/
.popover.left .arrow,
.popover.left .arrow:after {
border-left-color: #fff;
}
/* -----------------------------------------
Tooltip
----------------------------------------- */
.tooltip {
/*font-family: 'Open Sans', sans-serif;*/
font-weight: normal;
}
.tooltip.in {
opacity: 1;
filter: alpha(opacity=100);
}
.tooltip.top {
margin-top: -10px;
}
.tooltip.right {
margin-left: 26px;
}
.tooltip.bottom {
margin-top: 36px;
}
.tooltip.left {
margin-left: -26px;
}
.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #777;
text-align: center;
text-decoration: none;
background-color: #fff;
border-color: #e5e5e5;
border-radius: 4px;
border-style: solid;
border-width: 1px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
/* -----------------------------------------
Pricing Table - SHORTCODE
----------------------------------------- */
.pricing-table .panel-info {
border: none;
border-radius: 0;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18);
}
.pricing-table .panel-info > .panel-heading {
border: none;
padding-bottom: 0;
}
.pricing-table .panel-heading h3 {
margin-bottom: 0;
padding-bottom: 10px;
text-transform: uppercase;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.pricing-table .panel-body {
font-style: italic;
padding: 5px 15px;
}
.pricing-table .panel-body > strong {
font-style: normal;
}
.pricing-table .pmpro-price {
padding: 20px 15px;
}
.pricing-table .pmpro-price .lead {
font-style: normal;
font-size: 54px;
line-height: 64px;
margin: 0;
font-weight: 300;
}
.pricing-table .pmpro-price .lead > strong {
font-weight: 300;
}
.pricing-table .pmpro-price sup {
font-size: 50%;
top: -0.75em;
}
.pricing-table .extra-description {
padding: 5px 15px 30px;
font-size: 12px;
}
.pricing-table ul.list-group {
padding: 20px 15px 0;
}
.container .pricing-table li.list-group-item {
border: none;
margin-bottom: 0;
border-radius: 0;
padding: 5px 15px;
font-size: 12px;
text-transform: uppercase;
}
.container .pricing-table ul.list-group li:last-child {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 25px;
}
.pricing-table .list-group-item.unavailable:before,
.pricing-table .pricing-table .extra-description:before {
display: none;
}
.pricing-table .list-group-item:before {
content: "\e980";
font: 13px 'fontello';
margin-right: 10px;
}
.pricing-table .panel-footer {
background: none;
border: none;
}
/* Popular Price Table */
.pricing-table .panel-info.popular {
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
}
.pricing-table .panel-info.popular .panel-heading {
margin-top: -20px;
padding-top: 20px;
}
.pricing-table .popular .panel-heading h3 {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.pricing-table .popular .extra-description {
text-transform: uppercase;
}
/* -----------------------------------------
Pricing Table Style 2
----------------------------------------- */
.pricing-table.style-2 > div {
padding: 0;
}
.pricing-table.style-2 > div:first-child {
padding-left: 15px;
}
.pricing-table.style-2 > div:last-child {
padding-right: 15px;
}
.pricing-table.style-2 .panel-info > .panel-heading {
padding: 10px;
}
.pricing-table .pmpro-price .lead {
font-size: 48px;
}
.pricing-table.style-2 .extra-description {
font-style: italic;
min-height: 100px;
}
.pricing-table.style-2 .panel-footer {
padding: 20px 15px;
}
.pricing-table.style-2 .btn {
padding: 10px 26px;
text-transform: uppercase;
}
/* Highlighted Price */
.pricing-table.style-2 .panel-info.popular {
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 10;
}
.pricing-table.style-2 .panel-info.popular > .panel-heading {
padding: 20px 10px;
}
.pricing-table.style-2 .panel-info.popular > .panel-footer {
padding: 30px 10px;
}
.pricing-table .panel-info.popular .pmpro-price .lead {
font-size: 60px;
}
/* With Color Headings*/
.pricing-table.color-headings .panel-heading h3 {
border-bottom: none;
}
/* -----------------------------------------
[kleo_news_focus] - SHORTCODE
----------------------------------------- */
/* News Listing */
.news-focus .kleo-tabs .tabs-style-line {
text-align: right;
}
.news-focus .kleo-tabs .tabs-style-line li {
float: none;
display: inline-block;
}
.news-focus .kleo-tabs .tabs-style-line li:first-child:not(.tabdrop),
.news-focus .kleo-tabs .tabs-style-line li.tabdrop + :not(.tabdrop) {
float: left;
}
.news-focus .kleo-tabs .tabs-style-line li:first-child:not(.tabdrop) a,
.news-focus .kleo-tabs .tabs-style-line li.tabdrop + :not(.tabdrop) a {
margin-left: 0;
}
.news-focus .kleo-tabs .tabs-style-line li.active > a {
background: transparent;
}
.news-focus .left-thumb-listing .post-image,
.news-focus .left-thumb-listing .kleo-video-wrap,
.news-focus .left-thumb-listing .kleo-video,
.news-focus .left-thumb-listing .mejs-mediaelement,
.news-focus .left-thumb-listing .mejs-overlay,
.news-focus .left-thumb-listing .mejs-inner {
width: 100px;
max-width: 100px;
float: left;
margin-right: 20px;
}
.news-focus .left-thumb-listing .post-date {
/*margin-left: 120px;*/
font-size: 11px;
}
.news-focus .left-thumb-listing .post-title {
/*margin: 0 0 0 120px;*/
font-size: 16px;
}
.news-focus .left-thumb-listing .post-content {
border-bottom-width: 1px;
border-bottom-style: solid;
display: inline-block;
margin-bottom: 10px;
padding-bottom: 10px;
width: 100%;
}
.news-focus .left-thumb-listing article:last-child .post-content {
border-bottom: 0;
}
.news-focus .standard-listing:not(.template-page) .type-post {
border-bottom: 0;
}
.news-focus .left-thumb-listing .kleo-video-wrap {
overflow: hidden;
}
.news-focus .left-thumb-listing .mejs-controls {
display: none !important;
}
.news-focus .left-thumb-listing .mejs-overlay-button::before {
font-size: 12px;
height: 25px;
line-height: 25px;
padding-left: 5px;
width: 25px;
}
.news-focus .left-thumb-listing .mejs-overlay-button {
height: 25px;
margin: 0 0 0 -12px !important;
width: 25px;
}
.news-focus .left-thumb-listing .kleo-banner-slider,
.news-focus .left-thumb-listing .flex-video {
width: 100px;
float: left;
margin-right: 20px;
}
.news-focus .left-thumb-listing .kleo-banner-items {
float: left !important;
}
/* -----------------------------------------
[kleo_news_highlight] - SHORTCODE
----------------------------------------- */
.news-highlight .standard-listing .post-image img {
width: 100%;
}
.news-highlight .left-thumb-listing .post-image,
.news-highlight .left-thumb-listing .kleo-video-wrap,
.news-highlight .left-thumb-listing .kleo-video,
.news-highlight .left-thumb-listing .mejs-mediaelement,
.news-highlight .left-thumb-listing .mejs-overlay,
.news-highlight .left-thumb-listing .mejs-inner {
width: 100px;
max-width: 100px;
float: left;
margin-right: 20px;
}
.news-highlight .left-thumb-listing .post-date {
/*margin-left: 120px;*/
font-size: 11px;
}
.news-highlight .left-thumb-listing .post-title {
/*margin: 0 0 0 120px;*/
font-size: 16px;
}
.news-highlight .left-thumb-listing .post-content {
border-bottom-width: 1px;
border-bottom-style: solid;
display: inline-block;
margin-bottom: 10px;
padding-bottom: 10px;
width: 100%;
}
.news-highlight .left-thumb-listing article:last-child .post-content {
border-bottom: 0;
}
.news-highlight .standard-listing:not(.template-page) .type-post {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.news-highlight .left-thumb-listing .kleo-video-wrap {
overflow: hidden;
}
.news-highlight .left-thumb-listing .mejs-controls {
display: none !important;
}
.news-highlight .left-thumb-listing .mejs-overlay-button::before {
font-size: 12px;
height: 25px;
line-height: 25px;
padding-left: 5px;
width: 25px;
}
.news-highlight .left-thumb-listing .mejs-overlay-button {
height: 25px;
margin: 0 0 0 -12px !important;
width: 25px;
}
.news-highlight .left-thumb-listing .kleo-banner-slider,
.news-highlight .left-thumb-listing .flex-video {
width: 100px;
float: left;
margin-right: 20px;
}
.news-highlight .left-thumb-listing .kleo-banner-items {
float: left !important;
}
.news-highlight .posts-listing .label {
/*background: #00b9f7 none repeat scroll 0 0;*/
border-radius: 0;
/*color: #fff;*/
display: inline-block;
font-size: 11px;
font-weight: normal;
left: 0;
padding: 7px 7px 6px;
position: absolute;
text-transform: uppercase;
top: 10px;
z-index: 10;
}
/* -----------------------------------------
[kleo_news_ticker] - SHORTCODE
----------------------------------------- */
.js .news-ticker {
height: 0;
overflow: hidden;
}
.news-ticker .post-title {
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
text-replace: optimizespeed;
}
.news-ticker h3 > a:after {
content: " - ";
padding-left: 15px;
}
.news-ticker article {
margin-right: 10px;
display: block;
float: left;
padding: 5px;
}
.news-ticker article h3 {
margin: 0;
}
/* -----------------------------------------
NEWS COLUMN - SHORTCODE
----------------------------------------- */
.kleo-column-news-image-wrapper img {
width: 100%;
height: auto;
}
.kleo-column-news .kleo-column-news-text-wrapper {
overflow: hidden;
}
.kleo-column-news-one-news .switch-container:first-child .aspect-ratio-container:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #fff;
bottom: 0;
left: 25px;
}
.kleo-column-news.border-radius {
border-radius: 10px;
overflow: hidden;
}
.kleo-column-news-one-news .news-meta .news-post-meta .meta-author img {
width: 20px;
border-radius: 50%;
margin-right: 10px;
}
.kleo-column-news-one-news .aspect-ratio-container > .content.kleo-column-news-text-wrapper {
padding: 25px;
text-align: left;
}
.kleo-column-news-one-news .aspect-ratio-container > .content.kleo-column-news-text-wrapper p {
margin-top: 20px;
}
.kleo-column-news-one-news .aspect-ratio-container {
background: #fff;
}
@media (min-width: 767px) {
.kleo-column-news .kleo-column-news-text-wrapper {
margin-top: 20px;
}
.kleo-column-news-one-news.need-switch .switch-container:first-child .aspect-ratio-container:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 9px solid #fff;
border-bottom: 0;
top: 0;
left: 25px;
}
.kleo-column-news-one-news > div {
padding-left: 0;
padding-right: 0;
}
.kleo-column-news-one-news .aspect-ratio-container {
position: relative;
}
.kleo-column-news-one-news .aspect-ratio-container:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.kleo-column-news-one-news .aspect-ratio-container > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.kleo-column-news-one-news.need-switch .switch-container:first-child {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding-top: 100%;
}
.kleo-column-news-one-news.need-switch .switch-container:nth-child(2) {
padding-bottom: 100%;
}
}
/* -----------------------------------------
[kleo_register] - SHORTCODE
----------------------------------------- */
/* Kleo Register Inline */
@media screen and (min-width: 767px) {
.kleo-form-register .first-col {
padding-right: 6px;
}
.kleo-form-register .last-col {
padding-left: 6px;
}
}
.kleo-register-inline .kleo-form-register,
.kleo-register-inline .kleo-form-signin {
padding: 0;
}
.kleo-register-style-white input[type="text"],
.kleo-register-style-white input[type="password"] {
border: 1px solid rgba(255, 255, 255, 0.6) !important;
background: rgba(255, 255, 255, 0.4);
color: rgba(0, 0, 0, 0.6) !important;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.kleo-register-style-white input[type="text"]:focus,
.kleo-register-style-white input[type="password"]:focus {
border: 1px solid #ffffff !important;
background: rgba(255, 255, 255, 0.8);
color: #000000 !important;
}
.kleo-register-style-white input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.4) !important;
}
.kleo-register-style-white input :-moz-placeholder {
color: rgba(0, 0, 0, 0.4) !important;
}
.kleo-register-style-white input::-moz-placeholder {
color: rgba(0, 0, 0, 0.4) !important;
}
.kleo-register-style-white input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4) !important;
}
.kleo-register-style-white input::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.4) !important;
}
.kleo-register-style-white input:placeholder-shown {
color: rgba(0, 0, 0, 0.4) !important;
}
.kleo-register-style-white button.btn-default {
border: none;
background: rgba(255, 255, 255, 0.75);
color: rgba(0, 0, 0, 0.6);
text-transform: uppercase;
}
.kleo-register-style-white button.btn-default:hover {
background: rgba(255, 255, 255, 0.9);
color: rgba(0, 0, 0, 0.8);
}
.kleo-register-style-black input[type="text"],
.kleo-register-style-black input[type="password"] {
border: 1px solid rgba(0, 0, 0, 0.2) !important;
background: rgba(0, 0, 0, 0.1);
color: rgba(255, 255, 255, 0.6) !important;
transition: background-color 0.3s ease, border-color 0.3s ease;
}
.kleo-register-style-black input[type="text"]:focus,
.kleo-register-style-black input[type="password"]:focus {
border: 1px solid rgba(0, 0, 0, 0.3) !important;
background: rgba(0, 0, 0, 0.2);
color: #ffffff !important;
}
.kleo-register-style-black input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6) !important;
}
.kleo-register-style-black input :-moz-placeholder {
color: rgba(255, 255, 255, 0.6) !important;
}
.kleo-register-style-black input::-moz-placeholder {
color: rgba(255, 255, 255, 0.6) !important;
}
.kleo-register-style-black input:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6) !important;
}
.kleo-register-style-black input::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6) !important;
}
.kleo-register-style-black input:placeholder-shown {
color: rgba(255, 255, 255, 0.6) !important;
}
.kleo-register-size-large input[type="text"],
.kleo-register-size-large input[type="password"],
.kleo-register-size-large input[type="text"]:focus,
.kleo-register-size-large input[type="password"]:focus {
height: 50px;
padding: 10px 15px;
border-width: 2px !important;
}
.kleo-register-style-black button.btn-default {
border: none;
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.6);
text-transform: uppercase;
}
.kleo-register-style-black button.btn-default:hover {
background: rgba(0, 0, 0, 0.8);
color: rgba(255, 255, 255, 0.8);
}
.kleo-register-inline .col-sm-12 {
position: initial;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/* --------------------------------------------------
COMPATIBILITY PLUGINS
----------------------------------------------------- */
/*
Theme Name: Kleo Template
Description: A multipurpose html template
Author: SeventhQueen
Author URI: http://themeforest.net/user/SeventhQueen/portfolio?ref=SeventhQueen
Version: 1.0
Tags: clean, responsive, creative, minimal, modern, landing page, bootstrap 3
/*
*** IN THIS DOCUMENT ***
01. WPML Multilingual CMS
02. rtMedia for WordPress, BuddyPress and bbPress - This plugin adds missing media rich features like photos,
videos and audio uploading to BuddyPress which are essential if you are building social network, seriously!
03. Multi-Site (Buddypress) Compatibility
04. Badge OS
05. Contact form7 - Just another contact form plugin. Simple but flexible.
06. Paid memberships Pro - Plugin to Handle Memberships.
07. Social Articles - The first BuddyPress plugin that let you to create and manage posts from your profile.
08. YITH WooCommerce Wishlist - Allows you to add Wishlist functionality to your e-commerce.
09. GEO my WP - Add location to any post types, pages or members (using Buddypress) and create an advance proximity search forms.
10. BuddyPress Group Email Subscription
12. Cometchat
13. Visual composer
- Ultimate Addons for Visual Composer
- TS Visual composer extend
14. MailChimp
15. Mediaelement
16. Mycred
18. BuddyPress Group Email Subscription
19. Mediaelement.js
*/
/* --------------------------------------------------
WPML Multilingual CMS - KLEO Compatibility
----------------------------------------------------- */
#lang_sel li {
width: 140px;
}
.submenu-languages {
display: none;
margin: 0;
padding: 0;
position: absolute;
box-shadow: 1px 1px 3px rgba(102, 102, 102, 0.1);
float: left;
left: 0;
list-style: none;
min-width: 190px;
top: 100%;
z-index: 1000;
}
.menu-item-language {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.menu-item-language:last-child {
border-bottom: 0 none;
}
.submenu-languages a {
padding: 7px 18px;
display: block;
}
.menu-item:hover .submenu-languages {
display: block;
}
/* --------------------------------------------------
rtMedia (Buddypress) - KLEO Compatibility
----------------------------------------------------- */
#buddypress .rtmedia-container textarea,
#buddypress .rtmedia-container input[type=text],
#buddypress .rtmedia-container input[type=text],
#buddypress .rtmedia-container input[type=color],
#buddypress .rtmedia-container input[type=date],
#buddypress .rtmedia-container input[type=datetime],
#buddypress .rtmedia-container input[type=datetime-local],
#buddypress .rtmedia-container input[type=email],
#buddypress .rtmedia-container input[type=month],
#buddypress .rtmedia-container input[type=number],
#buddypress .rtmedia-container input[type=range],
#buddypress .rtmedia-container input[type=search],
#buddypress .rtmedia-container input[type=tel],
#buddypress .rtmedia-container input[type=time],
#buddypress .rtmedia-container input[type=url],
#buddypress .rtmedia-container input[type=week],
#buddypress .rtmedia-container select,
#buddypress .rtmedia-container input[type=password] {
border-style: solid;
border-width: 1px;
background: transparent;
border-radius: 0;
color: #bbb;
font: inherit;
font-size: 100%;
padding: 6px;
}
.buddypress.media,
.buddypress.media-body {
overflow: visible;
}
.buddypress.media,
.buddypress.media .media {
margin-top: 0;
}
.buddypress.media:first-child {
margin-top: 0;
}
#buddypress .rtmedia-container .rtmedia-list .rtmedia-list-item {
height: 150px;
width: 150px;
margin-bottom: 30px;
}
#buddypress li.rtmedia-list-item {
overflow: visible !important;
}
#buddypress .rtmedia-item-thumbnail {
position: relative;
}
#buddypress .rtmedia-item-thumbnail .hover-element > i {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 22px;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
#buddypress .rtmedia-container ul.rtmedia-list li.rtmedia-list-item div.rtmedia-item-thumbnail {
height: inherit;
line-height: inherit;
width: inherit;
}
#buddypress .rtmedia-container .rtmedia-list .rtmedia-list-item a h4,
#buddypress .rtmedia-activity-container .rtmedia-list .rtmedia-list-item a h4,
#buddypress div.rtmedia-activity-container .rtmedia-list .rtmedia-list-item a h4 {
font-size: inherit;
}
body[class*="rtm-3.7"] #buddypress .rtmedia-container .rtmedia-list .rtmedia-list-item.masonry-brick a h4,
body[class*="rtm-3.7"] #buddypress .rtmedia-activity-container .rtmedia-list .rtmedia-list-item.masonry-brick a h4,
body[class*="rtm-3.7"] #buddypress div.rtmedia-activity-container .rtmedia-list .rtmedia-list-item.masonry-brick a h4 {
font-size: inherit;
color: #fff;
}
#buddypress .rtmedia-container .rtmedia-item-title a {
color: #bbb;
}
/* Carousel */
#buddypress div.rtmedia-activity-container ul.rtmedia-list li .rtmedia-item-thumbnail {
margin: 0 auto;
}
#buddypress.caroufredsel_wrapper .rtmedia-list .rtmedia-list-item,
#buddypress div.caroufredsel_wrapper .rtmedia-list .rtmedia-list-item {
margin: 0 !important;
}
#buddypress div.rtmedia-activity-container ul.rtmedia-list li {
padding: 2px !important;
}
#buddypress .rtmedia-activity-container:hover .activity-feed-prev {
left: 2px;
opacity: 1;
background: rgba(0, 0, 0, 0.1);
}
#buddypress .rtmedia-activity-container:hover .activity-feed-next {
right: 3px;
opacity: 1;
background: rgba(0, 0, 0, 0.1);
}
#buddypress .rtmedia-activity-container .activity-feed-prev:hover,
#buddypress .rtmedia-activity-container .activity-feed-next:hover {
background: rgba(0, 0, 0, 0.2);
}
#buddypress div.rtmedia-activity-container .rtmedia-list .rtmedia-list-item.media-type-photo {
width: auto;
float: left;
}
#buddypress .activity-feed-prev,
#buddypress .activity-feed-next {
position: absolute;
width: 35px;
height: 75px;
background: rgba(0, 0, 0, 0);
text-align: center;
font-size: 18px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
display: inline-block;
opacity: 0;
cursor: pointer;
}
#buddypress .activity-feed-prev {
left: 25px;
top: 40%;
margin-top: -37px;
}
#buddypress .activity-feed-next {
right: 25px;
top: 40%;
margin-top: -37px;
}
#buddypress .activity-feed-prev:after,
#buddypress .activity-feed-next:after {
font: 22px "fontello";
cursor: pointer;
width: 35px;
height: 75px;
display: inline-block;
color: #fff;
}
#buddypress .activity-feed-prev:after {
content: "\e89e";
}
#buddypress .activity-feed-next:after {
content: "\e89f";
}
#buddypress .rtmedia-item-title {
color: #bbb;
font-size: 11px !important;
text-transform: uppercase;
}
.mfp-content #rtmedia-single-media-container .rtmedia-media {
background-color: #000 !important;
}
.userprofile img.avatar {
border-radius: 100%;
border: 4px solid #333;
}
.rtmedia-container ul#rtmedia_comment_ul li .rtmedia-comment-user-pic img,
.rtmedia-activity-container ul#rtmedia_comment_ul li .rtmedia-comment-user-pic img {
border-radius: 100% !important;
}
.mfp-content .rtmedia-actions-before-description {
color: #777;
}
.mfp-close.dashicons-no-alt::before {
content: "\E825";
font-family: fontello;
}
.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta .rtm-media-single-comments textarea {
border: 1px solid #333;
margin-bottom: 10px;
background-color: #151515;
color: #e5e5e5;
}
.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta .rtm-media-single-comments .rt_media_comment_submit {
background-color: #5B74A8;
border-color: #5B74A8 !important;
color: #fff;
font-weight: bold;
}
.mfp-content #buddypress .rtm-lightbox-container #rtmedia-single-media-container .rtm-ltb-title-container,
.mfp-content #buddypress .rtm-lightbox-container #rtmedia-single-media-container .rtm-ltb-action-container {
padding: 0 10px;
position: absolute;
}
#buddypress .rtmedia-like-info {
background-color: #151515;
color: #777;
}
.rtmedia-container table,
.rtmedia-activity-container table,
#buddypress div.rtmedia-activity-container table {
width: 100%;
margin-top: 10px;
border: 1px solid #e5e5e5;
}
.rtm-file-input-container .rtMedia-simple-queue-list .upload-success {
background-color: #f7f7f7;
border-bottom: 1px solid #e5e5e5;
}
.rtm-file-input-container .rtMedia-simple-queue-list .upload-success td {
padding: 5px 10px;
}
.rtmedia-container ul#rtmedia_comment_ul li .rtmedia-comment-author a,
.rtmedia-activity-container ul#rtmedia_comment_ul li .rtmedia-comment-author a {
color: #000;
font-weight: bold;
line-height: 18px;
text-decoration: none;
}
.rtmedia-comment-content {
color: #777;
}
.rtm-comment-attachment img {
width: 100%;
}
.rtmedia-container ul#rtmedia_comment_ul li,
.rtmedia-activity-container ul#rtmedia_comment_ul li {
background-color: #151515;
color: #777;
}
#buddypress #rt_media_comment_form {
background-color: #151515;
}
.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta .rtm-single-meta-contents {
padding: 0;
}
.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta .rtm-media-single-comments {
background-color: #151515 !important;
}
.mfp-content #buddypress .rtm-lightbox-container .rtmedia-single-meta {
background-color: #000 !important;
}
.rtm-top-notch,
.rtmedia-container.rtmedia-single-container .row .rtmedia-item-comments .rtm-like-comments-info:before,
.rtmedia-single-container.rtmedia-activity-container .row .rtmedia-item-comments .rtm-like-comments-info:before {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #151515;
top: 25px !important;
}
.rtmedia-single-meta .rtmedia-actions-before-description .rtmedia-media-attributes span.rtmedia-media-attribute {
font-size: 13px;
}
.rtmedia-single-meta .rtmedia-actions-before-description .rtmedia-pro-rating {
margin-left: 0;
}
.rtmedia-single-container .rtmedia-pro-rating {
width: 100%;
}
.rtmedia-edit-privacy .rt-form-select {
margin-left: 10px;
}
#buddypress .rtmedia-container select {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIZJREFUeNrs1MEJwCAMBdA0OIjnDuYIdYY6pcdOIU2KhfbYiBbhC0Iu+vghuoQQViI6aPBi+mkBBgwY8HjYe7/ptp53VpSZY60p55y6J36i1wVSW5J/TlzTpWmHyxlaHaW9r9aWUpJ0Yu+aWAGFWlDzVCuk03zXw55TC4gvEzBgwPPCpwADAJAnLqKmIGxnAAAAAElFTkSuQmCC') 100% 50% no-repeat;
}
.mfp-content .rtm-like-comments-info:after {
border-bottom-color: #151515;
}
.mfp-content .rt_media_comment_form textarea {
resize: none;
}
/*Static page*/
#buddypress #item-body .rtmedia-item-comments .rt_media_comment_form textarea {
border-style: solid;
border-width: 1px;
background-color: transparent;
margin-bottom: 10px;
padding: 5px 10px;
}
#item-body .rtmedia-container ul#rtmedia_comment_ul li,
#item-body .rtmedia-activity-container ul#rtmedia_comment_ul li {
color: #777;
}
#buddypress #item-body #rt_media_comment_form {
background-color: transparent;
}
#buddypress #item-body .rtmedia-like-info {
background-color: #f7f7f7;
color: #777;
}
#item-body .rtm-top-notch,
#item-body .rtmedia-container.rtmedia-single-container .row .rtmedia-item-comments .rtm-like-comments-info:before,
#item-body .rtmedia-single-container.rtmedia-activity-container .row .rtmedia-item-comments .rtm-like-comments-info:before {
top: 25px !important;
}
#buddypress #item-body .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments > span a,
#buddypress #item-body .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments > span button,
#buddypress #item-body .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments > span button.rtmedia-action-buttons {
color: #777 !important;
}
/*End Static page*/
#buddypress .mejs-controls button,
.rtmedia-container .mejs-controls button,
.rtmedia-activity-container .mejs-controls button,
#buddypress div.rtmedia-activity-container .mejs-controls button {
padding: 0;
background: none;
}
#buddypress .hentry .mejs-controls,
.rtmedia-container .hentry .mejs-controls,
.rtmedia-activity-container .hentry .mejs-controls,
#buddypress div.rtmedia-activity-container .hentry .mejs-controls {
margin-left: 0;
width: 100%;
}
.rtm-lightbox-container #rtm-mejs-video-container {
padding-bottom: 20px;
}
.rtmedia-container ul#rtmedia_comment_ul li .rtmedia-comment-author a,
.rtmedia-activity-container ul#rtmedia_comment_ul li .rtmedia-comment-author a {
color: inherit !important;
}
#buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments > span a,
#buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments > span button,
#buddypress .rtmedia-single-container .rtmedia-single-meta div.rtmedia-actions-before-comments > span button.rtmedia-action-buttons {
color: #f7f7f7 !important;
}
.rtmedia-container ul#rtmedia_comment_ul li .rtmedia-delete-comment,
.rtmedia-activity-container ul#rtmedia_comment_ul li .rtmedia-delete-comment {
color: inherit !important;
}
/*.rtmedia-container #rtm-media-options,
.rtmedia-activity-container #rtm-media-options,
#buddypress div.rtmedia-activity-container #rtm-media-options,
.rtmedia-container,
.rtmedia-activity-container,
#buddypress div.rtmedia-activity-container {
line-height: inherit !important;
}*/
#rtmedia-add-media-button-post-update {
margin-top: 0 !important;
}
#rtm-gallery-title-container .rtm-gallery-title,
#item-body .rtmedia-container h2 {
font-weight: 300 !important;
}
#rtm-media-options ul,
.rtm-lightbox-container #rtm-media-options-list ul {
width: 180px;
z-index: 30;
}
.rtm-lightbox-container #rtm-media-options-list ul {
left: -100px;
}
#rtm-media-options ul li .rtmedia-action-buttons,
.rtm-lightbox-container #rtm-media-options-list ul li .rtmedia-action-buttons {
color: #bbb;
}
#rtm-media-options ul li .rtmedia-action-buttons,
.rtm-lightbox-container #rtm-media-options-list ul li .rtmedia-action-buttons {
padding: 0 5px;
}
#rtm-media-options ul li .rtmedia-action-buttons:hover,
.rtm-lightbox-container #rtm-media-options-list ul li .rtmedia-action-buttons:hover {
background-color: transparent;
color: #777;
}
#rtm-media-options .rtmedia-upload-media-link,
#rtm-media-options i,
#rtm-media-options a,
#rtm-media-options button,
#rtm-media-options span {
color: #bbb !important;
cursor: pointer;
font-size: 13px !important;
text-decoration: none;
}
body[class*="rtm-3.7"] #rtm-gallery-title-container #rtm-media-options {
border-style: solid;
border-width: 1px;
display: inline-block;
padding: 5px 15px !important;
width: auto !important;
float: right;
border-radius: 30px;
}
body[class*="rtm-3.7"] #rtm-gallery-title-container #rtm-media-options > span {
border-right: 1px solid #e5e5e5;
padding-right: 10px;
margin-right: 10px;
}
body[class*="rtm-3.7"] #rtm-gallery-title-container #rtm-media-options span {
transition: all 0.2s ease-in-out 0s;
}
body[class*="rtm-3.7"] #rtm-gallery-title-container #rtm-media-options span:hover {
color: #777 !important;
}
body[class*="rtm-3.7"] #rtm-gallery-title-container #rtm-media-options > span:last-child {
border-right: none;
padding-right: 0;
margin-right: 0;
}
.rtmedia-container .rtmedia_next_prev a,
.rtmedia-activity-container .rtmedia_next_prev a,
#buddypress div.rtmedia-activity-container .rtmedia_next_prev a {
background: #fff;
}
#buddypress span.theme-select.rtmedia-user-album-list {
margin: 0 0 0 10px !important;
width: auto !important;
border: 1px solid #ddd !important;
line-height: 30px !important;
padding: 0 9px !important;
}
#buddypress span.theme-select.rtmedia-user-album-list span {
width: auto !important;
}
.rtmedia-container .drag-drop,
.rtmedia-activity-container .drag-drop,
#buddypress div.rtmedia-activity-container .drag-drop {
border-style: dashed;
border-width: 2px;
}
.rtmedia-container .drag-drop .drag-drop-info,
.rtmedia-activity-container .drag-drop .drag-drop-info,
#buddypress div.rtmedia-activity-container .drag-drop .drag-drop-info {
font-size: inherit;
}
.drag-drop #drag-drop-area {
/* v.4.1.9 */
border: 2px dashed #bad481;
background: #f9ffec;
}
.drag-drop-inside p.drag-drop-info {
/* v.4.1.9 */
font-size: inherit;
}
p.drag-drop-buttons input#bp-browse-button {
/* v.4.1.9 */
width: 12em;
font-size: 16px;
border: 0;
background: #6fb74e;
color: #fff !important;
height: 40px;
}
p.drag-drop-buttons input#bp-browse-button:hover {
/* v.4.1.9 */
background: #84d284 !important;
border: 0;
}
.rtm-primary-button,
.rtmedia-container .drag-drop .start-media-upload,
.rtmedia-activity-container .drag-drop .start-media-upload,
#buddypress .rtmedia-container .rtmedia-uploader .drag-drop .start-media-upload {
border: none !important;
border-radius: 5px;
box-shadow: none !important;
padding: 6px 20px !important;
}
#buddypress .rtmedia-container .rtmedia-uploader .drag-drop input.start-media-upload {
padding-top: 0 !important;
}
#buddypress .rtmedia-container .rtmedia-uploader select {
background-color: #fff;
margin-left: 10px;
}
#rtMedia-upload-button {
border-style: solid;
border-width: 1px;
}
body[class*="rtm-3.7"] #rtm-media-options-list ul:before,
body[class*="rtm-3.7"] #rtm-media-sort-list ul:before {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e5e5e5 !important;
border-style: inset inset solid;
border-width: 5px !important;
content: "";
display: block;
position: absolute;
right: 20px;
top: -10px !important;
z-index: 9;
}
body[class*="rtm-3.7"] #rtm-media-options-list ul,
body[class*="rtm-3.7"] #rtm-media-sort-list ul {
background-color: #fff !important;
border-radius: 3px !important;
border: 1px solid #e5e5e5;
left: -85px;
margin-top: 12px;
padding: 10px 5px;
position: absolute;
right: 0;
width: 170px;
z-index: 9;
}
body[class*="rtm-3.7"] #rtm-media-options-list ul li .rtmedia-action-buttons {
border-radius: 6px;
color: inherit;
display: block;
font-size: 12px;
margin: 0;
padding: inherit;
text-align: left;
width: 100%;
}
body[class*="rtm-3.7"] .rtmedia-container .rtmedia-gallery-item-actions {
max-width: 150px;
z-index: 10;
}
body[class*="rtm-3.7"] #rtm-gallery-title-container #rtm-media-options {
visibility: hidden;
}
.logged-in #rtm-gallery-title-container #rtm-media-options {
visibility: visible !important;
}
body[class*="rtm-3.7"] #rtm-gallery-title-container #rtm-media-options .click-nav .rtm-options li a:hover,
body[class*="rtm-3.7"] #rtm-gallery-title-container #rtm-media-options .click-nav .rtm-options li span:hover,
body[class*="rtm-3.7"] #rtm-gallery-title-container #rtm-media-options .click-nav .rtm-options li button:hover,
body[class*="rtm-3.7"] #rtm-gallery-title-container #rtm-media-options .click-nav .rtm-options li input:hover {
color: #777 !important;
}
body[class*="rtm-3.7"] .rtmedia_next_prev {
text-align: center;
padding: 30px 0 !important;
}
.rtm-load-more {
background: none;
}
.rtmedia-container .rtmedia_next_prev a,
.rtmedia-activity-container .rtmedia_next_prev a,
#buddypress div.rtmedia-activity-container .rtmedia_next_prev a {
background: none !important;
border-style: solid;
border-width: 1px;
margin: 0 auto !important;
border-radius: 4px;
text-transform: uppercase;
font-size: 11px;
height: 30px;
line-height: 28px;
padding: 0 10px;
}
.rtmedia-activity-container .rtmedia_next_prev a,
#buddypress div.rtmedia-activity-container .rtmedia_next_prev a {
display: inline-block !important;
}
.rtmedia-container .rtmedia_next_prev a {
max-width: 120px;
overflow: hidden;
}
.rtmedia-container .rtmedia_next_prev a:before,
.rtmedia-activity-container .rtmedia_next_prev a:before,
#buddypress div.rtmedia-activity-container .rtmedia_next_prev a:before {
content: "+";
font-size: 120%;
margin-right: 5px;
}
/*#rtMedia-galary-prev,
#rtMedia-galary-next {
padding: 5px 10px;
}*/
#rtMedia-galary-prev {
display: none !important;
}
.no-js #rtMedia-galary-prev {
display: inline-block !important;
}
.rtm-media-loading {
position: absolute;
bottom: 25px;
left: 25px;
opacity: .5;
}
.rtmedia-container .rtmedia-editor-main .tabs-content .content,
.rtmedia-activity-container .rtmedia-editor-main .tabs-content .content,
#buddypress div.rtmedia-activity-container .rtmedia-editor-main .tabs-content .content {
padding: 10px 0 !important;
}
#rtmedia_media_single_edit .rtm-tabs-content select {
display: block;
}
.rtmedia-editor-main.columns {
padding: 0 !important;
}
.rtmedia-image-editor .imgedit-menu button.button {
width: 36px;
}
.rtmedia-image-editor .imgedit-menu button.button:before {
content: "";
}
.rtmedia-container.rtmedia-single-container .row,
.rtmedia-single-container.rtmedia-activity-container .row,
#buddypress div.rtmedia-single-container.rtmedia-activity-container .row {
background-color: transparent;
}
.rtmedia-container .row .row,
.rtmedia-activity-container .row .row,
#buddypress div.rtmedia-activity-container .row .row {
margin: 0;
}
.rtmedia-container.rtmedia-single-container .row .rtmedia-single-meta button,
.rtmedia-single-container.rtmedia-activity-container .row .rtmedia-single-meta button,
#buddypress div.rtmedia-single-container.rtmedia-activity-container .row .rtmedia-single-meta button {
background-image: none;
font-size: 11px;
text-transform: uppercase;
}
.wp_attachment_image .thumbnail {
max-width: 100% !important;
border-radius: 0 !important;
}
.rtmedia-container .imgedit-wrap div.imgedit-panel-content {
min-width: 400px;
max-width: 400px;
}
.rtmedia-container .imgedit-wrap div.imgedit-settings .imgedit-group {
display: inline-block;
width: 100%;
border-style: solid;
border-width: 1px;
margin: 10px 0;
padding: 10px;
}
.rtmedia-container .imgedit-wrap div.imgedit-settings .nowrap input {
margin: 0 5px;
}
.rtmedia-container .imgedit-wrap div.imgedit-settings .imgedit-group p {
display: block;
padding: 10px 0;
}
.rtmedia-container .imgedit-wrap div.imgedit-settings .imgedit-group p.disabled {
padding: 0;
}
.rtmedia-container .imgedit-wrap div.imgedit-settings .nowrap input[type="text"] {
display: inline-block;
}
.dashicons-editor-help:before {
font-family: 'fontello';
content: "\e97e";
}
.rtmedia-container .row,
.rtmedia-activity-container .row,
#buddypress div.rtmedia-activity-container .row {
max-width: 100% !important;
}
.rtmedia-container .column,
.rtmedia-activity-container .column,
#buddypress div.rtmedia-activity-container .column,
.rtmedia-container .columns,
.rtmedia-activity-container .columns,
#buddypress div.rtmedia-activity-container .columns {
padding: 0 !important;
}
.rtmedia-container .rtmedia-editor-attributes {
border: 1px solid #e5e5e5;
}
.rtmedia-container .rtmedia-editor-attributes .rtm-attr-edit-heading {
background-color: #f7f7f7;
color: #777;
display: block;
margin: 0;
padding: 5px 10px;
width: 100%;
}
.rtmedia-container .rtmedia-editor-attributes .row {
border-bottom: 1px solid #f7f7f7;
}
.rtmedia-container .rtmedia-editor-attributes .row:last-child {
border-bottom: none;
}
.rtmedia-container .rtmedia-edit-attr-select.row,
.rtmedia-container .rtmedia-edit-attr-checkbox.row {
padding: 10px;
}
.rtmedia-container .tabs dd,
.rtmedia-activity-container .tabs dd,
#buddypress div.rtmedia-activity-container .tabs dd {
float: none;
display: inline-block;
}
.rtmedia-container .tabs dd a,
.rtmedia-activity-container .tabs dd a,
#buddypress div.rtmedia-activity-container .tabs dd a {
display: block;
}
.rtmedia-container .rtmedia-editor-main dl.tabs dd > a,
.rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > a,
#buddypress div.rtmedia-activity-container .rtmedia-editor-main dl.tabs dd > a {
border-radius: 2px;
border-style: solid;
border-width: 1px;
font-size: 13px;
}
.rtmedia-container .rtmedia-editor-main dl.tabs dd.active > a,
.rtmedia-activity-container .rtmedia-editor-main dl.tabs dd.active > a,
#buddypress div.rtmedia-activity-container .rtmedia-editor-main dl.tabs dd.active > a {
border-style: solid;
border-width: 1px;
}
.rtmedia-container .rtmedia-pro-url-upload .rtm-upload-url #rtmedia_url_upload_input {
width: 100%;
}
.imgedit-submit .imgedit-submit-btn {
float: right;
}
.rtm-tabs .dashicons {
line-height: 1;
}
.rtmedia-success {
background-color: #F3FFDB;
border-left: 3px solid #81C839;
border-radius: 0;
color: #225500;
font-weight: normal;
margin-top: 3px;
text-decoration: none;
}
.rtmedia-container .mfp-arrow {
height: 110px !important;
line-height: 110px !important;
background: rgba(0, 0, 0, 0.5) !important;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFFFFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
border-right: none;
margin-left: 25px;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFFFFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: none;
}
.mfp-preloader {
border-radius: 3px;
color: white;
left: 50%;
margin-left: -100px;
max-width: 200px;
padding: 10px;
position: absolute;
right: 8px;
text-align: center;
}
/*.mfp-preloader,
.mfp-preloader a,
.mfp-s-ready,
.mfp-s-error {
color: #fff;
}*/
/* --------------------------------------------------
Badge OS - KLEO Compatibility
----------------------------------------------------- */
#buddypress .badgeos-achievements-list-item {
border-bottom: none;
}
#buddypress .badgeos-achievements-list-item {
padding: 0;
}
#buddypress .activity-list .badgeos .badgeos-item-image {
width: 30px;
padding-right: 0;
}
/* --------------------------------------------------
Contact form 7 - KLEO Compatibility
----------------------------------------------------- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="password"] {
border: 1px solid rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.1);
/*height: 30px;
line-height: 30px;*/
height: 48px;
line-height: 48px;
padding: 0 10px;
width: 100%;
/*margin-top: 10px;*/
margin-bottom: 10px;
color: #bbb;
}
.wpcf7 textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.1);
margin: 0;
width: 100%;
color: #bbb;
padding: 10px;
}
.wpcf7 input[type="submit"] {
border: 1px solid rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.1);
transition: all 0.3s ease-in-out 0s;
border-radius: 2px;
font-size: 12px;
height: auto;
line-height: 18px;
margin: 0;
padding: 14px 16px;
text-transform: uppercase;
min-width: 100px;
color: #888;
}
.wpcf7 input[type="submit"]:hover {
border: 1px solid rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0);
}
div.wpcf7-validation-errors {
border: 1px solid #F7E700;
}
div.wpcf7-response-output {
margin: 0;
}
/* See through style */
.kleo-line-form select {
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
width: 100%;
}
.kleo-line-form {
text-align: center;
}
.kleo-line-form input[type="submit"] {
padding: 8px 40px;
font-size: 14px;
background: transparent;
border-radius: 20px;
margin-top: 30px;
}
/* --------------------------------------------------
Paid memberships Pro - KLEO compatibility
----------------------------------------------------- */
form.pmpro_form .pmpro_submit {
margin-left: 0;
}
.pmpro_message {
font-size: inherit;
font-weight: 400;
line-height: inherit;
}
.pmpro_checkout thead th,
.pmpro_checkout tbody td {
padding-left: 0;
padding-right: 0;
}
#pmpro_account .pmpro_box {
border-top-style: solid;
border-top-width: 1px;
}
#pmpro_account ul {
list-style: none;
padding-left: 0;
}
#pmpro_tos_fields label {
float: none;
font-weight: bold;
text-align: left;
width: auto;
margin: 3px 0 0;
}
#pmpro_tos_fields textarea {
border: 1px solid #e5e5e5;
}
.pmpro_checkout tr.odd td {
background: none;
}
form.pmpro_form .input,
form.pmpro_form textarea,
.input,
form.pmpro_form select {
border: 1px solid #e5e5e5;
}
.pmpro_checkout .theme-select {
width: auto;
}
.pmpro-expiration-selects .theme-select {
width: 70px;
}
#pmpro_payment_information_fields .theme-select {
min-width: 70px;
}
.pmpro-invoice ul,
.pmpro-billing ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}
/*.membership .list-group {
list-style: none;
padding: 0;
}
.membership .list-group-item.unavailable:before,
.membership .pricing-table .extra-description:before {
display: none;
}
.membership .list-group-item:before {
content: "\e804";
font: 13px 'fontello';
margin-right: 6px;
}
.membership .list-group-item.unavailable {
color: #C2C2C2;
}*/
/* --------------------------------------------------
Social Articles - KLEO Compatibility
----------------------------------------------------- */
#articles-dir-list .publish-container {
width: 100%;
}
#articles-dir-list article.article-container {
border-style: solid;
border-width: 1px;
margin: 1%;
display: inline-block;
width: 48%;
float: left;
/* v.4.1.9 */
border-color: transparent !important;
background: #fafafa;
padding: 20px;
border-radius: 6px;
}
#articles-dir-list article.article-container:nth-of-type(2n+1) {
clear: left;
}
@media (max-width: 991px) {
#articles-dir-list article.article-container {
margin: 1% 0;
padding: 10px;
width: 100%;
float: none;
}
}
#main-container .article-content {
padding-top: 0;
float: none;
width: auto;
border: none;
background: transparent;
}
.article-content .article-image {
height: auto;
width: auto;
margin-left: 0;
margin-top: 0;
float: left;
margin: 0 20px 20px 0;
}
.article-content .article-image:empty {
display: none;
margin: 0 !important;
}
.article-content .article-data {
margin-left: 0;
margin-bottom: 15px;
width: auto;
min-height: 0;
float: none;
}
.article-content .article-data span.date {
float: none;
}
.article-content .article-metadata {
padding-right: 0;
/*border-top-style: solid;
border-top-width: 1px;*/
min-width: 0;
height: auto;
/*width: 50%;*/
width: 100%;
display: inline-block;
clear: left;
}
.article-content .article-metadata .author-options {
position: absolute;
right: 0;
/*top: 10px;*/
/* v.4.1.9 */
top: 18px;
}
.article-content .article-categories {
padding-left: 0;
width: 50%;
/*border-top-style: solid;
border-top-width: 1px;*/
line-height: 30px;
}
.article-content .article-likes,
.article-content .article-comments,
.article-content .date {
font-family: inherit;
font-style: normal;
float: none;
width: auto;
margin-bottom: 0;
line-height: 30px;
}
.article-content .article-container {
border-bottom: 1px solid #e5e5e5;
}
.article-content #articles-container {
max-width: inherit;
min-width: inherit;
padding-bottom: 35px;
}
.article-content .article-likes .likes-text {
line-height: inherit;
}
.article-content .article-likes .likes-count {
font-size: inherit;
font-weight: normal;
line-height: inherit;
text-shadow: none;
}
.article-content .author-options {
width: auto;
margin: 0;
line-height: 30px;
}
.article-content .author-options .edit,
.article-content .author-options .delete {
background: none;
margin-right: 0;
margin-left: 10px;
text-align: center;
color: #bbb;
border-radius: 4px;
display: block;
float: left;
height: 20px;
margin-bottom: 5px;
width: 21px;
/* v.4.1.9 */
background-color: transparent !important;
}
.article-content .author-options .edit:before,
.article-content .author-options .delete:before {
content: " ";
transition: all 0.3s ease-in-out 0s;
/* v.4.1.9 */
color: #fafafa !important;
font: 20px "fontello";
background-color: #bbb;
border-radius: 50%;
}
.article-content .author-options .edit:hover:before,
.article-content .author-options .delete:hover:before {
/* v.4.1.9 */
background-color: #777;
}
.article-content .author-options .edit:before {
content: "\e99c";
}
.article-content .author-options .delete:before {
content: "\e99d";
}
.article-content .author-options .edit:hover,
.article-content .author-options .delete:hover {
background: none;
}
.article-content #post-maker-container {
float: none;
max-width: none;
min-width: inherit;
padding-bottom: 40px;
position: relative;
width: 100%;
}
.article-content #post-maker-container .options {
float: none;
}
.article-content #post-maker-container .title-input {
background: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: inherit !important;
font-size: 22px !important;
font-weight: 300 !important;
height: auto !important;
margin-bottom: 20px !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
clear: both;
}
.article-content #post-maker-container .options-content,
.article-content #post-maker-container .options-content-second,
.article-content #post-maker-container .post-status-container {
float: left;
position: relative;
display: inline-block;
border: 1px solid #e5e5e5;
background: #f7f7f7;
margin-bottom: 10px;
padding: 10px;
}
.article-content #post-maker-container .options-content {
width: 50%;
}
.article-content #post-maker-container .options-content-second {
margin-left: -1px;
width: 50%;
}
.article-content #post-maker-container .post-status-container {
float: left;
margin-right: 0;
width: 100% !important;
border: none;
background: none;
}
@media (max-width: 991px) {
.article-content #post-maker-container .options-content {
width: 100%;
}
.article-content #post-maker-container .options-content-second {
margin-left: 0;
width: 100%;
}
}
.article-content .article-status {
border-radius: 2px;
float: left;
font-size: 13px;
height: 25px;
line-height: 25px;
margin-top: 5px;
padding: 0 10px;
width: auto;
}
.article-content .options-content .titlelabel {
background: none;
color: #666;
float: left;
font-size: 11px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin-bottom: 0 !important;
padding: 0 10px 5px 5px !important;
vertical-align: middle !important;
}
.article-content .categories-selector,
.article-content .tags-selector {
box-shadow: none;
border: 1px solid #e5e5e5;
border-radius: 3px !important;
float: left;
font-size: 12px;
font-weight: normal;
height: 35px;
line-height: 22px;
margin: 0;
padding: 5px 8px;
width: auto;
}
.article-content .category-list-container,
.article-content .tags-list-container {
top: 42px;
border: 1px solid #e5e5e5;
box-shadow: 2px 2px 3px rgba(102, 102, 102, 0.1);
border-radius: 3px !important;
left: auto;
right: 0;
}
.article-content .white-picker,
.article-content .white-picker-t,
.article-content .picker,
.article-content .picker-t {
top: inherit;
left: auto;
right: 10px;
bottom: 17px;
width: 20px;
background: none;
height: 20px;
}
.article-content .white-picker:before,
.article-content .white-picker-t:before,
.article-content .picker:before,
.article-content .picker-t:before {
font: 20px 'fontello';
content: '\e829';
line-height: 20px;
text-align: center;
transition: all 0.3s ease-in-out 0s;
}
.article-content .white-picker:hover:before,
.article-content .white-picker-t:hover:before,
.article-content .picker:hover:before,
.article-content .picker-t:hover:before {
color: #e5e5e5;
}
.article-content .tags-ready,
.article-content .categories-ready {
text-align: left;
}
.article-content #wysihtml5-editor-toolbar header {
background: #f7f7f7;
border-radius: 0;
border: 1px solid #e5e5e5;
border-bottom: none;
box-shadow: none;
display: block;
font-size: 0;
position: relative;
text-align: left;
width: 100%;
z-index: 1;
}
.article-content .upload-controls label,
.article-content .uploading label,
.article-content .messages-container label {
background: #f7f7f7;
border-radius: 0;
display: block;
font-style: italic;
font-size: 12px;
padding: 10px;
}
.article-content .messages-container {
float: none;
max-width: none;
min-width: inherit;
}
.article-content #wysihtml5-editor-toolbar .commands {
border-left: none;
background: #f7f7f7;
margin: 0;
padding: 0;
}
.article-content [data-wysihtml5-command],
.article-content [data-wysihtml5-action],
.article-content .fore-color {
float: left;
display: inline-block;
}
.article-content .fore-color ul li {
float: none;
border: 1px solid red;
display: block;
}
.article-content [data-wysihtml5-command]:hover,
.article-content [data-wysihtml5-action]:hover,
.article-content .fore-color:hover {
background: #e5e5e5;
}
.article-content .wysihtml5-action-active,
.article-content .wysihtml5-command-active {
background: #e5e5e5 !important;
box-shadow: none;
}
.article-content .wysihtml5-sandbox {
-moz-box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.4);
border-collapse: separate;
border: 1px solid #e5e5e5 !important;
border-top: none !important;
border-radius: 0 !important;
bottom: auto;
box-shadow: none !important;
clear: none;
display: block;
float: none;
min-height: 300px !important;
height: auto !important;
left: auto;
margin: 0 0 13px;
outline: 0 none rgba(0, 0, 0, 0.75);
outline-offset: 0;
padding: 10px;
position: static;
right: auto;
text-align: start;
top: auto;
vertical-align: top;
width: 100% !important;
z-index: auto;
}
.article-content .post-image-container {
background: none;
border-radius: 0 !important;
box-shadow: none;
float: left;
margin-bottom: 20px !important;
margin-top: 15px;
min-height: 200px;
position: relative;
width: 100%;
}
.article-content .edit-controls {
margin-top: 0;
position: absolute;
right: 10px;
top: 10px;
}
.article-content .notification a.social-delete {
display: none !important;
}
.article-content .notification {
color: #666 !important;
font-size: 13px !important;
height: auto !important;
margin-top: auto !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
text-shadow: none !important;
width: auto !important;
}
.article-content .notification a {
display: inline !important;
font-size: 13px !important;
height: auto !important;
min-width: 0 !important;
padding: 0 !important;
font-weight: bold;
}
.notifications .sa-notification {
height: auto;
margin-top: 0 !important;
padding-left: 0 !important;
}
body.is-user-profile #item-header-avatar {
background: transparent;
}
#buddypress .social-articles-main .article-categories {
width: 60%;
font-weight: bold;
letter-spacing: 0.05em;
}
#buddypress .social-articles-main .article-likes,
#buddypress .social-articles-main .article-comments,
#buddypress .social-articles-main .date,
#buddypress .social-articles-main .likes-count {
font-weight: bold;
letter-spacing: 0.05em;
}
.more-articles-button-container input.button {
height: 40px !important;
font-size: small;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.1em;
}
.navbar .sa-notification {
min-height: 0 !important;
margin-bottom: 0 !important;
line-height: normal !important;
}
li.kleo-notifications-nav .kleo-submenu-item > a {
line-height: 20px;
}
.navbar .sa-notification a {
overflow: hidden;
text-overflow: ellipsis;
display: inline-block !important;
width: 50px;
white-space: nowrap;
vertical-align: bottom;
}
.navbar .sa-notification a.social-delete {
width: 20px !important;
text-align: center;
border-radius: 50%;
top: 6px;
display: none !important;
}
.kleo-notifications-nav ul.submenu-inner.has-notif li:before {
top: 4px;
}
/* --------------------------------------------------
YITH WooCommerce Wishlist - KLEO Compatibility
----------------------------------------------------- */
.yith-wcwl-add-to-wishlist {
height: 30px;
z-index: 10;
display: inline-block !important;
}
.product-loop-inner .yith-wcwl-add-to-wishlist {
position: absolute;
right: 15px;
top: 15px;
}
.product-loop-inner .yith-wcwl-add-to-wishlist img.ajax-loading {
position: absolute;
top: 30px;
right: 0px;
}
.yith-wcwl-wishlistexistsbrowse .feedback,
.yith-wcwl-wishlistaddedbrowse .feedback {
display: none;
}
.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-add-button a.add_to_wishlist,
.yith-wcwl-wishlistaddedbrowse a {
display: inline-block;
position: relative;
background: #fff;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 16px;
white-space: nowrap;
text-align: left;
padding: 2px 4px;
border-radius: 2px;
margin-right: 20px;
}
.yith-wcwl-wishlistexistsbrowse a:before,
.yith-wcwl-add-button a.add_to_wishlist:before,
.yith-wcwl-wishlistaddedbrowse a:before {
font-family: 'fontello';
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
position: absolute;
top: 2px;
right: -22px;
text-align: center;
text-indent: 0;
text-transform: none;
}
.yith-wcwl-add-button a.add_to_wishlist:before {
content: "\e812";
}
.yith-wcwl-wishlistexistsbrowse a:before {
content: "\e821";
}
.yith-wcwl-wishlistaddedbrowse a:before {
content: "\e821";
}
.yith-wcwl-add-to-wishlist a {
color: #777;
transition: all 200ms ease-out 0s;
}
.product-loop-inner .yith-wcwl-add-to-wishlist a {
opacity: 0;
}
.entry-summary .yith-wcwl-add-to-wishlist a {
opacity: 0.5;
}
.entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 10px;
margin-left: 10px;
}
.entry-summary form.cart,
.entry-summary .yith-wcwl-add-to-wishlist {
display: inline-block !important;
float: left;
}
.woocommerce ul.products li.product:hover .yith-wcwl-add-to-wishlist a {
opacity: 0.5;
}
.yith-wcwl-add-to-wishlist a:hover {
opacity: 1;
}
.yith-wcwl-share {
display: none;
}
@media screen and (max-width: 480px) {
.yith-wcwl-add-to-wishlist a {
opacity: 1;
}
}
/* --------------------------------------------------
GEO my WP - KLEO Compatibility
----------------------------------------------------- */
.gmw-single-member-sc-form-wrapper {
padding: 20px 0;
}
.gmw-single-member-sc-form-wrapper input[type=text] {
float: left;
}
.gmw-single-member-sc-form-wrapper input.button {
height: 33px !important;
line-height: 33px !important;
margin-left: 10px;
}
.gmw-single-member-sc-form-wrapper br {
display: none;
}
.gmw-single-member-sc-direction-wrapper {
padding: 10px 0;
}
.gmw-single-member-sc-address-wrapper:before {
font-family: 'fontello';
content: "\e99f";
margin-right: 10px;
}
#gmw-fl-your-location {
margin: 20px 0;
}
#gmw-fl-your-location-wrapper {
margin-bottom: 30px;
}
#gmw-fl-location-map-wrapper {
margin-bottom: 30px;
}
.gmw-fl-location-fields-title {
padding-top: 20px;
}
/* --------------------------------------------------
BuddyPress Group Email Subscription - KLEO Compatibility
----------------------------------------------------- */
#groups-list .group-subscription-options {
width: auto;
background: #fff;
}
#buddypress .member-options .ass_manage_members_links {
padding-top: 0;
text-transform: uppercase;
/*font-family: 'Open Sans', sans-serif;*/
}
#ass-email-subscriptions-options-page form input {
margin: 10px;
}
#ass-email-subscriptions-options-page form label {
margin-bottom: 0px;
}
.ass-email-type .ass-email-explain {
margin-left: 33px !important;
margin-bottom: 6px !important;
color: #777 !important;
font-size: 12px !important;
}
#buddypress #groups-list li div.action {
position: initial;
}
#groups-list .group-subscription-options {
display: block;
position: absolute;
top: 0px;
left: 0;
margin: 10px 10px !important;
width: auto;
background-color: #fff;
padding: 9px;
text-align: center;
font-size: 9px;
border: 1px solid #efefef;
border-bottom: 0;
z-index: 10;
}
#groups-list .group-subscription-options a {
min-width: 130px;
}
#groups-list .group-subscription-options a.group-sub {
background-color: #fafafa;
margin-bottom: 2px;
display: block;
}
#groups-list .group-subscription-options a.group-subscription-close {
background-color: #fafafa;
}
#groups-list #gsubclose-1 {
background-color: #fafafa;
}
#buddypress #groups-list li div.action div.group-subscription-options {
display: none;
}
#gsubopt-1.generic-button.group-subscription-options {
background-color: #fff;
border: 1px solid #efefef;
font-size: 9px;
margin: 0 auto !important;
padding: 2% 25%;
position: absolute;
text-align: center;
width: 100%;
z-index: 99;
}
#gsubopt-1.generic-button.group-subscription-options a.group-sub {
background-color: #fafafa;
margin-bottom: 2px;
display: block;
}
@media (max-width: 640px) {
#gsubopt-1.generic-button.group-subscription-options {
padding: 2% 15%;
}
}
/* --------------------------------------------------
Cometchat - KLEO Compatibility
----------------------------------------------------- */
#cometchat *,
#cometchat_hidden_content {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
}
/* --------------------------------------------------
Visual composer - KLEO Compatibility
----------------------------------------------------- */
body.compose-mode .section-container.container > .row {
overflow: inherit;
}
body.compose-mode .vc-element:hover .row > .vc-element:before,
body.compose-mode .vc-element.vc-hover .row > .vc-element:before,
body.compose-mode .vc-element.vc-hold-hover .row > .vc-element:before {
content: "";
height: 100%;
left: 0;
margin: 0;
outline: 1px dashed rgba(125, 125, 125, 0.4);
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
body.compose-mode .vc-element .row {
margin-left: 0;
margin-right: 0;
}
i.icon {
height: auto;
line-height: inherit;
margin-left: 0;
vertical-align: baseline;
width: 1em;
}
.vc_message_box > p:first-of-type {
margin-top: 0;
}
.vc_row-o-full-height {
min-height: 100vh;
}
/*.vc_row-o-content-middle {
align-items: center;
box-sizing: border-box;
display: flex;
}*/
/* 5 columns layout */
.wpb_row .vc_1-5,
.row .col-sm-1-5,
.wpb_row .vc_2-5,
.row .col-sm-2-5,
.wpb_row .vc_3-5,
.row .col-sm-3-5,
.wpb_row .vc_4-5,
.row .col-sm-4-5 {
position: relative;
min-height: 1px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
@media (min-width: 768px) {
.wpb_row .vc_1-5,
.row .col-sm-1-5 {
float: left;
width: 20%;
}
.wpb_row .vc_2-5,
.row .col-sm-2-5 {
float: left;
width: 40%;
}
.wpb_row .vc_3-5,
.row .col-sm-3-5 {
float: left;
width: 60%;
}
.wpb_row .vc_4-5,
.row .col-sm-4-5 {
float: left;
width: 80%;
}
}
.wpb_column > .vc_column-inner > .wpb_wrapper > :last-child {
margin-bottom: 0;
}
.vc_col-has-fill > .vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
padding-top: 0;
}
/*.vc_row-has-fill>.vc_column_container>.vc_column-inner*/
/* No paddings in columns */
.no-col-gap .row {
margin-left: 0;
margin-right: 0;
}
.no-col-gap .col-sm-1,
.no-col-gap .col-sm-2,
.no-col-gap .col-sm-3,
.no-col-gap .col-sm-4,
.no-col-gap .col-sm-5,
.no-col-gap .col-sm-6,
.no-col-gap .col-sm-7,
.no-col-gap .col-sm-8,
.no-col-gap .col-sm-9,
.no-col-gap .col-sm-10,
.no-col-gap .col-sm-11,
.no-col-gap .col-sm-12 {
padding: 0;
}
.no-col-gap .vc_row > .vc_column_container,
.no-col-gap .vc_row > .vc_column_container > .vc_column-inner {
padding: 0;
}
.vertical-col .section-container .vc_row {
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vertical-col .section-container .vc_row .vc_column_container {
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.vertical-col .section-container .vc_row .vc_column_container .vc_column-inner {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vertical-col .vc_row::after,
.vertical-col .vc_row::before {
display: none;
}
/* Keep this block only for back-end user compatibility */
.vertical-col .col-sm-1 .wpb_single_image img,
.vertical-col .col-sm-2 .wpb_single_image img,
.vertical-col .col-sm-3 .wpb_single_image img,
.vertical-col .col-sm-4 .wpb_single_image img,
.vertical-col .col-sm-5 .wpb_single_image img,
.vertical-col .col-sm-6 .wpb_single_image img,
.vertical-col .col-sm-7 .wpb_single_image img,
.vertical-col .col-sm-8 .wpb_single_image img,
.vertical-col .col-sm-9 .wpb_single_image img,
.vertical-col .col-sm-10 .wpb_single_image img,
.vertical-col .col-sm-11 .wpb_single_image img,
.vertical-col .col-sm-12 .wpb_single_image img,
.vertical-col .vc_column_container .wpb_single_image img {
width: 100%;
}
/* End keep this */
.bg-center > .vc_column-inner {
background-position: center !important;
}
.bg-no-repeat > .vc_column-inner {
background-repeat: no-repeat !important;
}
.vc_row.vc_row-flex > .section-container::after,
.vc_row.vc_row-flex > .section-container::before {
display: none;
}
.vc_row.vc_row-flex > .section-container {
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vc_row.vc_row-flex > .section-container {
width: 100%;
}
.vc_row.vc_row-flex > .section-container > .vc_column_container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
}
.vc_row.vc_row-flex > .section-container > .vc_column_container {
display: flex;
}
.vc_row.vc_row-flex > .section-container > .vc_column_container > .vc_column-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.vc_row.vc_row-flex > .section-container > .vc_column_container > .vc_column-inner {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vc_row.vc_row-o-content-top > .section-container > .vc_column_container > .vc_column-inner {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.vc_row.vc_row-o-content-top:not(.vc_row-o-equal-height) > .section-container > .vc_column_container {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.vc_row.vc_row-o-content-bottom > .section-container > .vc_column_container > .vc_column-inner {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.vc_row.vc_row-o-content-bottom:not(.vc_row-o-equal-height) > .section-container > .vc_column_container {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.vc_row.vc_row-o-content-middle > .section-container > .vc_column_container > .vc_column-inner {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.vc_row.vc_row-o-content-middle:not(.vc_row-o-equal-height) > .section-container > .vc_column_container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.vc_row.vc_row-o-equal-height > .section-container > .vc_column_container {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.vc_row.vc_column-gap-1 > .section-container > .vc_column_container {
padding: 0.5px;
}
.vc_row.vc_column-gap-2 > .section-container > .vc_column_container {
padding: 1px;
}
.vc_row.vc_column-gap-3 > .section-container > .vc_column_container {
padding: 1.5px;
}
.vc_row.vc_column-gap-4 > .section-container > .vc_column_container {
padding: 2px;
}
.vc_row.vc_column-gap-5 > .section-container > .vc_column_container {
padding: 2.5px;
}
.vc_row.vc_column-gap-10 > .section-container > .vc_column_container {
padding: 5px;
}
.vc_row.vc_column-gap-15 > .section-container > .vc_column_container {
padding: 7.5px;
}
.vc_row.vc_column-gap-25 > .section-container > .vc_column_container {
padding: 12.5px;
}
.vc_row.vc_column-gap-30 > .section-container > .vc_column_container {
padding: 15px;
}
.vc_row.vc_column-gap-35 > .section-container > .vc_column_container {
padding: 17.5px;
}
@media (max-width: 767px) {
.vc_custom_heading {
word-wrap: break-word;
}
}
.kleo-gradient {
position: relative;
}
.kleo-gradient:before {
content: "";
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,3a2e3a+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #3a2e3a 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, #3a2e3a 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, #3a2e3a 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#3a2e3a', GradientType=0);
/* IE6-9 */
}
/* TEMP until VC fixes it */
.vc_gitem-col > .wpb_single_image.wpb_animate_when_almost_visible {
opacity: 1;
filter: alpha(opacity=1);
}
/* ZoomIn & Shadow Style for Single Image */
.zoomin-shd-singleimg .vc_figure {
transition: box-shadow 0.4s;
}
.zoomin-shd-singleimg .vc_figure:hover {
box-shadow: 0 12px 42px 12px rgba(0, 0, 0, 0.08);
}
.zoomin-shd-singleimg .vc_figure .vc_single_image-img {
transition: transform 0.4s;
}
.zoomin-shd-singleimg .vc_figure:hover .vc_single_image-img {
transform: scale(1.05);
}
.zoomin-shd-singleimg.wpb_single_image .vc_figure {
overflow: hidden;
}
/* Progress bar slim style */
.slim-style .vc_single_bar {
border-radius: 10px;
height: 10px;
margin-bottom: 54px;
margin-top: 50px;
}
.slim-style .vc_single_bar .vc_label {
position: absolute;
top: -40px;
left: 0;
}
.slim-style .vc_single_bar .vc_bar {
border-radius: 10px;
height: 10px;
}
.kleo-transform .vc_editor .animated.animate-when-visible,
.kleo-transform .vc_editor .animated.animate-when-almost-visible {
opacity: 1;
}
/* --------------------------------------------------
Ultimate Addons for Visual Composer - KLEO Compatibility
----------------------------------------------------- */
.article-content .container-wrap {
position: relative;
}
/* --------------------------------------------------
TS Visual composer extend - KLEO Compatibility
----------------------------------------------------- */
.ts-icon-title-text {
background: none repeat scroll 0 0 #fff;
display: inline-block;
padding: 0 20px;
}
/* Comapbility for example VC ADDONS*/
.vc-row-translate-wrapper {
background: transparent;
}
/* --------------------------------------------------
MailChimp - KLEO Compatibility
----------------------------------------------------- */
.mc4wp-form .form-inline input {
font-size: 16px;
}
.mc4wp-form .form-inline input[type="email"] {
height: 52px;
display: inline-block;
}
.mc4wp-form .form-inline a.btn {
margin: 0 10px;
vertical-align: inherit;
}
.mc4wp-form-fields input[type="email"].input-lg {
padding: 14px 20px;
}
.mc4wp-form .input-special {
/* v.4.1.9 */
border-radius: 30px;
text-align: center;
width: 50%;
margin-right: 20px !important;
margin-left: 20px !important;
}
/* --------------------------------------------------
Events manager - KLEO Compatibility
----------------------------------------------------- */
div.css-search.has-search-geo.has-search-term input.em-search-text,
div.css-search.has-search-geo.has-search-term input.em-search-geo {
width: auto !important;
display: inline;
}
div.css-search input,
div.css-search select {
display: inline-block;
}
/* --------------------------------------------------
MyCred - KLEO Compatibility
----------------------------------------------------- */
#mycred-users-badges img.mycred-badge {
width: 30px;
margin: 5px;
}
/* --------------------------------------------------
BuddyPress Cover photo - KLEO Compatibility
----------------------------------------------------- */
.profile-cover-action {
position: absolute;
left: 10px;
top: 10px;
z-index: 4;
/* v.4.1.9 */
transition: top 0.5s, margin-top 0.5s;
}
.buddypress.bp-header-small .profile-cover-action {
top: 67px;
}
.buddypress .profile-cover-action a.button {
white-space: nowrap;
line-height: 30px !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 40px;
overflow: hidden;
display: inline-block;
text-transform: uppercase;
font-size: 12px;
padding: 0 !important;
border: none !important;
text-align: left !important;
}
.buddypress.is-user-profile .profile-cover-action a.button {
color: rgba(255, 255, 255, 0.7) !important;
}
.buddypress .profile-cover-action a.button:before {
display: inline-block;
font: 16px 'fontello';
/*content: "\e81c";*/
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 30px;
height: 30px !important;
line-height: 30px;
margin-right: 10px;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
/* v.4.1.9 */
content: "\e9c3";
}
.buddypress.is-user-profile .profile-cover-action a.button:before {
background: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.6);
}
.buddypress.is-user-profile .profile-cover-action a.button:hover:before {
color: rgba(255, 255, 255, 0.9);
}
.buddypress .profile-cover-action a.button:hover {
width: 140px;
}
.buddypress.is-user-profile .profile-cover-action a.button:hover {
background-color: transparent !important;
}
body.is-user-profile div#item-header div#item-header-content {
z-index: 2;
position: relative;
}
body.is-user-profile div#item-header div#item-meta {
margin-top: 5px;
}
body.is-user-profile #item-header-avatar {
box-shadow: none;
/* v.4.1.9 */
border-color: rgba(255, 255, 255, 0.2) !important;
}
body.bp-header-small .bp-full-width-profile div#item-header {
padding-bottom: 40px;
}
body.is-user-profile .bp-full-width-profile div#item-header {
padding: 80px 10px;
margin-top: 0;
}
body.is-user-profile.bp-header-small .bp-full-width-profile div#item-header {
padding-bottom: 40px;
padding-top: 40px;
}
.buddypress div.generic-button a {
/* v.4.1.9 */
display: inline-block;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.05em;
height: 35px;
line-height: 35px;
}
.bp-full-width-profile div.generic-button a {
/* v.4.1.9 */
border: 0 !important;
background: rgba(255, 255, 255, 0.2);
}
body.is-user-profile #item-header div#message {
position: absolute;
}
.bp-full-width-profile #item-header-avatar {
box-shadow: none;
}
body.is-user-profile.bp-header-small #item-header-avatar {
box-shadow: none;
}
.is-user-profile div#item-header div#item-header-content h4,
.is-user-profile div#item-header div#item-header-content a,
.is-user-profile div#item-header div#item-header-content .label,
.is-user-profile div#item-header div#item-header-content span.activity,
.buddypress.is-user-profile div#item-header div#item-actions h3,
.is-user-profile div#item-header div#item-meta {
color: #fff !important;
}
.is-user-profile div#item-header div#item-header-content .generic-button a:hover {
color: #444 !important;
}
body.is-user-profile #item-header-avatar {
border-width: 6px;
}
body.is-user-profile .profile-cover-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.45)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.45) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
/* IE6-9 */
}
body.is-user-profile.bp-header-small:not(.bp-overlay-menu) .profile-cover-inner {
background: none;
}
/* --------------------------------------------------
BP Profile search - KLEO Compatibility
----------------------------------------------------- */
.bps-form input.form-control {
margin-bottom: 0;
}
/* Large form */
.bps-form-large {
text-align: center;
}
.bps-form-large .form-group {
margin-right: 10px;
margin-bottom: 10px;
}
.bps-form-large .form-control {
font-size: 16px;
line-height: normal;
}
.bps-form .btn-lg {
height: 45px;
line-height: 15px;
margin-top: 0;
vertical-align: top;
}
.bps-form-large .radio input[type="radio"],
.bps-form-large .checkbox input[type="checkbox"] {
margin-right: 5px;
}
.bps-form-large p.description {
font-style: italic;
color: #fff;
}
html.js .bps-form select.multi-js {
display: none;
}
.bps-form .input-range {
width: 130px;
}
.multiselect-container li {
text-align: left;
}
button.multiselect {
margin-bottom: 0;
padding-left: 10px;
padding-right: 20px;
text-align: left;
}
button.multiselect .caret {
float: right;
}
button.multiselect .caret {
line-height: 30px;
}
button.multiselect.btn-lg .caret {
line-height: 45px;
float: right;
}
ul.multiselect-container {
z-index: 3;
}
.multiselect-container label.checkbox {
margin-top: 0;
margin-bottom: 0;
}
.bps-form-legacy button.multiselect,
.bps-form-legacy .btn-group {
width: 100%;
}
@media (max-width: 767px) {
.bps-form .btn-group,
.bps-form .btn-group button,
.bps-form .input-range {
width: 100%;
}
}
/* --------------------------------------------------
Mediaelement - KLEO Compatibility
----------------------------------------------------- */
.mejs-container.mejs-audio {
/*height: 30px !important;*/
}
.kleo-video-wrap *,
.post-audio * {
outline: none !important;
}
/* Start: LAYERS */
.mejs-poster {
background-size: cover;
}
.mejs-overlay {
width: 100% !important;
}
.mejs-overlay-button {
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
width: 50px;
height: 50px;
margin-left: -25px !important;
}
.mejs-overlay-button:before {
font-family: "fontello";
font-size: 22px;
content: "\e8c4";
color: #fff;
display: block;
text-align: center;
line-height: 50px;
width: 50px;
height: 50px;
padding-left: 5px;
/* Temporary */
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
background: none;
font-size: 11px !important;
/*overflow: hidden;*/
}
/* rtMedia compatibility */
.rtm-lightbox-container .mejs-container .mejs-controls {
background: rgba(255, 255, 255, 0.2) !important;
}
.mejs-container.mejs-audio div.mejs-volume-button {
min-height: 0;
}
.mejs-container .mejs-controls > div {
min-height: 26px;
height: auto;
}
.mejs-controls .mejs-button button {
background-image: none;
line-height: 0 !important;
margin: 13px 5px;
}
.mejs-controls .mejs-button button:before {
font-family: "fontello";
font-size: 13px;
color: #000;
display: inline-block;
}
/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
min-height: 0;
}
/* rtMedia compatibility */
body[class*="rtm-3.7"] .rtmedia-activity-container .mejs-time {
margin: 2px !important;
}
.mejs-container .mejs-controls .mejs-time {
padding: 16px 3px 0;
}
.mejs-container .mejs-controls .mejs-time span {
color: #000;
}
/* rtMedia compatibility */
.rtmedia-activity-container .mejs-time.mejs-currenttime-container {
/*display: none;*/
}
/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-controls .mejs-play button:before {
content: "\e8c4" !important;
}
.mejs-controls .mejs-pause button:before {
content: "\e8c8" !important;
}
.mejs-overlay-loading,
.mejs-overlay-loading span {
background: none !important;
}
/* End: Play/pause */
/* Stop */
/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
margin: 0 10px 0 0;
padding-top: 12px;
}
.mejs-controls .mejs-time-rail a {
height: 4px;
}
.mejs-controls .mejs-time-rail span {
border-radius: 0;
height: 6px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #fff;
margin: 6px 5px;
}
.mejs-controls .mejs-time-rail .mejs-time-total .mejs-offscreen {
display: none;
}
/* rtMedia compatibility */
.rtm-lightbox-container .mejs-time-rail .mejs-time-total {
background: rgba(255, 255, 255, 0.5);
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #000;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #00B9F7;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
border: 1px solid #e5e5e5;
background: #e5e5e5;
height: 17px;
}
.rtmedia-activity-container .mejs-time-rail .mejs-time-float {
margin-left: -17px !important;
}
/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button:before {
content: "\e88c";
}
.mejs-controls .mejs-unfullscreen button:before {
content: "\e88e";
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button button:before {
content: "\e887" !important;
}
.mejs-controls .mejs-mute button:before {
content: "\e887" !important;
}
.mejs-controls .mejs-unmute button:before {
content: "\e886" !important;
}
/* horizontal version */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls div.mejs-horizontal-volume-slider {
float: right;
}
/* rtMedia compatibility */
body[class*="rtm-3.7"] .rtmedia-activity-container .mejs-time-rail {
margin: 9px 5px 0 0 !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #fff;
border-radius: 0;
height: 6px;
top: 18px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #444;
border-radius: 0;
height: 6px;
}
/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
/* End: TRACK (Captions and Chapters) */
/* Start: ERROR */
/* End: ERROR */
/* Start: Loop */
/* End: Loop */
/* Start: backlight */
/* End: backlight */
/* Start: picture controls */
/* End: picture controls */
/* context menu */
.mejs-contextmenu {
z-index: 1001;
/* make sure it shows on fullscreen */
}
/* Start: SourceChooser */
/* End: SourceChooser */
/* Start: Postroll */
/* End: Postroll */
.mejs-controls * {
outline: none !important;
}
.kleo-masonry .mejs-container.mejs-audio {
border-bottom: 1px solid #e5e5e5;
}
.kleo-masonry .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
background: #fafafa;
}