Your IP : 216.73.216.85
/**
*------------------------------------------------------------------------------
* @package SIMPLI - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
@import "joomla-fontawesome.css";
@import "../vendors/font-awesome-4.5.0/css/font-awesome.min.css";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%;
/* Part 1: Set a maxium relative to the parent */
width: auto\9;
/* IE7-8 need help adjusting responsive images */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img,
.gm-style img {
max-width: none;
}
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
}
input[type="search"] {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.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: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/**
*------------------------------------------------------------------------------
* @package SIMPLI - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/**
*------------------------------------------------------------------------------
* @package SIMPLI - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
.row {
margin-left: -40px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 40px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 980px;
}
.span12 {
width: 980px;
}
.span11 {
width: 895px;
}
.span10 {
width: 810px;
}
.span9 {
width: 725px;
}
.span8 {
width: 640px;
}
.span7 {
width: 555px;
}
.span6 {
width: 470px;
}
.span5 {
width: 385px;
}
.span4 {
width: 300px;
}
.span3 {
width: 215px;
}
.span2 {
width: 130px;
}
.span1 {
width: 45px;
}
.offset12 {
margin-left: 1060px;
}
.offset11 {
margin-left: 975px;
}
.offset10 {
margin-left: 890px;
}
.offset9 {
margin-left: 805px;
}
.offset8 {
margin-left: 720px;
}
.offset7 {
margin-left: 635px;
}
.offset6 {
margin-left: 550px;
}
.offset5 {
margin-left: 465px;
}
.offset4 {
margin-left: 380px;
}
.offset3 {
margin-left: 295px;
}
.offset2 {
margin-left: 210px;
}
.offset1 {
margin-left: 125px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 4.08163265%;
*margin-left: 4.03061224%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 4.08163265%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94897959%;
}
.row-fluid .span11 {
width: 91.32653061%;
*width: 91.2755102%;
}
.row-fluid .span10 {
width: 82.65306122%;
*width: 82.60204082%;
}
.row-fluid .span9 {
width: 73.97959184%;
*width: 73.92857143%;
}
.row-fluid .span8 {
width: 65.30612245%;
*width: 65.25510204%;
}
.row-fluid .span7 {
width: 56.63265306%;
*width: 56.58163265%;
}
.row-fluid .span6 {
width: 47.95918367%;
*width: 47.90816327%;
}
.row-fluid .span5 {
width: 39.28571429%;
*width: 39.23469388%;
}
.row-fluid .span4 {
width: 30.6122449%;
*width: 30.56122449%;
}
.row-fluid .span3 {
width: 21.93877551%;
*width: 21.8877551%;
}
.row-fluid .span2 {
width: 13.26530612%;
*width: 13.21428571%;
}
.row-fluid .span1 {
width: 4.59183673%;
*width: 4.54081633%;
}
.row-fluid .offset12 {
margin-left: 108.16326531%;
*margin-left: 108.06122449%;
}
.row-fluid .offset12:first-child {
margin-left: 104.08163265%;
*margin-left: 103.97959184%;
}
.row-fluid .offset11 {
margin-left: 99.48979592%;
*margin-left: 99.3877551%;
}
.row-fluid .offset11:first-child {
margin-left: 95.40816327%;
*margin-left: 95.30612245%;
}
.row-fluid .offset10 {
margin-left: 90.81632653%;
*margin-left: 90.71428571%;
}
.row-fluid .offset10:first-child {
margin-left: 86.73469388%;
*margin-left: 86.63265306%;
}
.row-fluid .offset9 {
margin-left: 82.14285714%;
*margin-left: 82.04081633%;
}
.row-fluid .offset9:first-child {
margin-left: 78.06122449%;
*margin-left: 77.95918367%;
}
.row-fluid .offset8 {
margin-left: 73.46938776%;
*margin-left: 73.36734694%;
}
.row-fluid .offset8:first-child {
margin-left: 69.3877551%;
*margin-left: 69.28571429%;
}
.row-fluid .offset7 {
margin-left: 64.79591837%;
*margin-left: 64.69387755%;
}
.row-fluid .offset7:first-child {
margin-left: 60.71428571%;
*margin-left: 60.6122449%;
}
.row-fluid .offset6 {
margin-left: 56.12244898%;
*margin-left: 56.02040816%;
}
.row-fluid .offset6:first-child {
margin-left: 52.04081633%;
*margin-left: 51.93877551%;
}
.row-fluid .offset5 {
margin-left: 47.44897959%;
*margin-left: 47.34693878%;
}
.row-fluid .offset5:first-child {
margin-left: 43.36734694%;
*margin-left: 43.26530612%;
}
.row-fluid .offset4 {
margin-left: 38.7755102%;
*margin-left: 38.67346939%;
}
.row-fluid .offset4:first-child {
margin-left: 34.69387755%;
*margin-left: 34.59183673%;
}
.row-fluid .offset3 {
margin-left: 30.10204082%;
*margin-left: 30%;
}
.row-fluid .offset3:first-child {
margin-left: 26.02040816%;
*margin-left: 25.91836735%;
}
.row-fluid .offset2 {
margin-left: 21.42857143%;
*margin-left: 21.32653061%;
}
.row-fluid .offset2:first-child {
margin-left: 17.34693878%;
*margin-left: 17.24489796%;
}
.row-fluid .offset1 {
margin-left: 12.75510204%;
*margin-left: 12.65306122%;
}
.row-fluid .offset1:first-child {
margin-left: 8.67346939%;
*margin-left: 8.57142857%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
float: right;
}
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}
.container-fluid {
padding-right: 40px;
padding-left: 40px;
*zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
display: table;
content: "";
line-height: 0;
}
.container-fluid:after {
clear: both;
}
code,
pre {
padding: 0 3px 2px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 14px;
color: #303030;
border-radius: 3px;
}
code {
padding: 2px 4px;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
white-space: nowrap;
}
pre {
display: block;
padding: 11.5px;
margin: 0 0 12px;
font-size: 15px;
line-height: 24px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
}
pre.prettyprint {
margin-bottom: 24px;
}
pre code {
padding: 0;
color: inherit;
white-space: pre;
white-space: pre-wrap;
background-color: transparent;
border: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
form {
margin: 0 0 24px;
}
fieldset {
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 24px;
font-size: 24px;
line-height: 48px;
color: #303030;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
legend small {
font-size: 18px;
color: #909090;
}
label,
input,
button,
select,
textarea {
font-size: 16px;
font-weight: normal;
line-height: 24px;
}
input,
button,
select,
textarea {
font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
display: block;
margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: inline-block;
height: 24px;
padding: 4px 6px;
margin-bottom: 12px;
font-size: 16px;
line-height: 24px;
color: #606060;
border-radius: 0;
vertical-align: middle;
}
input,
textarea,
.uneditable-input {
width: 206px;
}
textarea {
height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #fff;
border: 1px solid #ccc;
-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 linear .2s, box-shadow linear .2s;
-webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
transition: border linear .2s, -webkit-box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s, -webkit-box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
*margin-top: 0;
/* IE7 */
margin-top: 1px \9;
/* IE8-9 */
line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
select,
input[type="file"] {
height: 34px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 34px;
}
select {
width: 220px;
border: 1px solid #ccc;
background-color: #fff;
}
select[multiple],
select[size] {
height: auto;
}
select:focus,
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;
}
.uneditable-input,
.uneditable-textarea {
color: #909090;
background-color: #fcfcfc;
border-color: #ccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
cursor: not-allowed;
}
.uneditable-input {
overflow: hidden;
white-space: nowrap;
}
.uneditable-textarea {
width: auto;
height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #909090;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #909090;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #909090;
}
.radio,
.checkbox {
min-height: 24px;
padding-left: 20px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
margin-left: 10px;
}
.input-mini {
width: 60px;
}
.input-small {
width: 90px;
}
.input-medium {
width: 150px;
}
.input-large {
width: 210px;
}
.input-xlarge {
width: 270px;
}
.input-xxlarge {
width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
float: none;
margin-left: 0;
}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
display: inline-block;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 40px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 966px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 881px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 796px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 711px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 626px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 541px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 456px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 371px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 286px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 201px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 116px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 31px;
}
.controls-row {
*zoom: 1;
}
.controls-row:before,
.controls-row:after {
display: table;
content: "";
line-height: 0;
}
.controls-row:after {
clear: both;
}
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
float: left;
}
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
padding-top: 5px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #e0e0e0;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color: transparent;
}
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
color: #c09853;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
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);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea: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;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
color: #c09853;
background-color: #fcf8e3;
border-color: #c09853;
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
color: #b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
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);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea: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;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
color: #b94a48;
background-color: #f2dede;
border-color: #b94a48;
}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
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);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea: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;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
color: #468847;
background-color: #dff0d8;
border-color: #468847;
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
color: #3a87ad;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
color: #3a87ad;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
border-color: #3a87ad;
-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);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
border-color: #2d6987;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
color: #3a87ad;
background-color: #d9edf7;
border-color: #3a87ad;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
color: #b94a48;
border-color: #ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
padding: 23px 20px 24px;
margin-top: 24px;
margin-bottom: 24px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
*zoom: 1;
}
.form-actions:before,
.form-actions:after {
display: table;
content: "";
line-height: 0;
}
.form-actions:after {
clear: both;
}
.help-block,
.help-inline {
color: #565656;
}
.help-block {
display: block;
margin-bottom: 12px;
}
.help-inline {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
vertical-align: middle;
padding-left: 5px;
}
.input-append,
.input-prepend {
display: inline-block;
margin-bottom: 12px;
vertical-align: middle;
font-size: 0;
white-space: nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
font-size: 16px;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
position: relative;
margin-bottom: 0;
*margin-left: 0;
vertical-align: top;
border-radius: 0 0 0 0;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
display: inline-block;
width: auto;
height: 24px;
min-width: 16px;
padding: 4px 5px;
font-size: 16px;
font-weight: normal;
line-height: 24px;
text-align: center;
text-shadow: 0 1px 0 #fff;
background-color: #e0e0e0;
border: 1px solid #ccc;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
vertical-align: top;
border-radius: 0;
}
.input-prepend .add-on,
.input-prepend .btn {
margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
border-radius: 0 0 0 0;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
border-radius: 0 0 0 0;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
border-radius: 0 0 0 0;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
border-radius: 0 0 0 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
border-radius: 0 0 0 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
margin-right: -1px;
border-radius: 0 0 0 0;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
margin-left: -1px;
border-radius: 0 0 0 0;
}
.input-prepend.input-append .btn-group:first-child {
margin-left: 0;
}
input.search-query {
padding-right: 14px;
padding-right: 4px \9;
padding-left: 14px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
border-radius: 15px;
}
/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
border-radius: 0;
}
.form-search .input-append .search-query {
border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn {
border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .search-query {
border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
border-radius: 14px 0 0 14px;
}
.js-stools-field-filter .input-prepend,
.js-stools-field-filter .input-append {
margin-bottom: 0;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-bottom: 0;
vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
display: none;
}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
padding-left: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: left;
margin-right: 3px;
margin-left: 0;
}
.control-group {
margin-bottom: 12px;
}
legend + .control-group {
margin-top: 24px;
-webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
margin-bottom: 24px;
*zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
display: table;
content: "";
line-height: 0;
}
.form-horizontal .control-group:after {
clear: both;
}
.form-horizontal .control-label {
float: left;
width: 160px;
padding-top: 5px;
text-align: right;
}
.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
margin-left: 180px;
*margin-left: 0;
}
.form-horizontal .controls:first-child {
*padding-left: 180px;
}
.form-horizontal .help-block {
margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
margin-top: 12px;
}
.form-horizontal .form-actions {
padding-left: 180px;
}
/*Fix for tooltips wrong positioning*/
.control-label .hasPopover,
.control-label .hasTooltip {
display: inline-block;
}
/* Field subform repeatable */
.subform-repeatable-wrapper .btn-group > .btn.button {
min-width: 0;
}
.subform-repeatable-wrapper .ui-sortable-helper {
background: #fff;
}
.subform-repeatable-wrapper tr.ui-sortable-helper {
display: table;
}
/*Fix for floating 3 columns without overlapping */
@media (min-width: 980px) and (max-width: 1215px) {
.float-cols .control-label {
float: none;
}
.float-cols .controls {
margin-left: 0;
}
}
table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
.table {
width: 100%;
margin-bottom: 24px;
}
.table th,
.table td {
padding: 8px;
line-height: 24px;
text-align: left;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table th {
font-weight: bold;
}
.table thead th {
vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
border-top: 0;
}
.table tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed th,
.table-condensed td {
padding: 4px 5px;
}
.table-bordered {
border: 1px solid #ddd;
border-collapse: separate;
*border-collapse: collapse;
border-left: 0;
border-radius: 0;
}
.table-bordered th,
.table-bordered td {
border-left: 1px solid #ddd;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
border-top: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
border-top-left-radius: 0;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
border-top-right-radius: 0;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
border-bottom-left-radius: 0;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
border-bottom-right-radius: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
border-bottom-left-radius: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
border-bottom-right-radius: 0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
border-top-left-radius: 0;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
border-top-right-radius: 0;
}
.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 td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
display: table-cell;
float: none;
margin-left: 0;
}
.table td.span1,
.table th.span1 {
float: none;
width: 29px;
margin-left: 0;
}
.table td.span2,
.table th.span2 {
float: none;
width: 114px;
margin-left: 0;
}
.table td.span3,
.table th.span3 {
float: none;
width: 199px;
margin-left: 0;
}
.table td.span4,
.table th.span4 {
float: none;
width: 284px;
margin-left: 0;
}
.table td.span5,
.table th.span5 {
float: none;
width: 369px;
margin-left: 0;
}
.table td.span6,
.table th.span6 {
float: none;
width: 454px;
margin-left: 0;
}
.table td.span7,
.table th.span7 {
float: none;
width: 539px;
margin-left: 0;
}
.table td.span8,
.table th.span8 {
float: none;
width: 624px;
margin-left: 0;
}
.table td.span9,
.table th.span9 {
float: none;
width: 709px;
margin-left: 0;
}
.table td.span10,
.table th.span10 {
float: none;
width: 794px;
margin-left: 0;
}
.table td.span11,
.table th.span11 {
float: none;
width: 879px;
margin-left: 0;
}
.table td.span12,
.table th.span12 {
float: none;
width: 964px;
margin-left: 0;
}
.table tbody tr.success > td {
background-color: #dff0d8;
}
.table tbody tr.error > td {
background-color: #f2dede;
}
.table tbody tr.warning > td {
background-color: #fcf8e3;
}
.table tbody tr.info > td {
background-color: #d9edf7;
}
.table-hover tbody tr.success:hover > td {
background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover > td {
background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover > td {
background-color: #faf2cc;
}
.table-hover tbody tr.info:hover > td {
background-color: #c4e3f3;
}
.table-noheader {
border-collapse: collapse;
}
.table-noheader thead {
display: none;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
*margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
.dropdown .caret {
margin-top: 8px;
margin-left: 2px;
}
.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;
list-style: none;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid #303030;
*border-right-width: 2px;
*border-bottom-width: 2px;
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);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: 11px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e0e0e0;
border-bottom: 1px solid #fff;
}
.dropdown-menu .menuitem-group {
margin: 4px 1px;
overflow: hidden;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
background-color: #e0e0e0;
color: #606060;
text-transform: capitalize;
font-size: 95%;
padding: 3px 20px;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 24px;
color: #303030;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
text-decoration: none;
color: #ffffff;
background-color: #2b2b2b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#232323));
background-image: linear-gradient(to bottom, #303030, #232323);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff303030', endColorstr='#ff232323', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #2e93d7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#258cd1));
background-image: linear-gradient(to bottom, #3498db, #258cd1);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db', endColorstr='#ff258cd1', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #909090;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: default;
}
.open {
*z-index: 1000;
}
.open > .dropdown-menu {
display: block;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid #000;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
border-radius: 6px 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
padding-left: 20px;
padding-right: 20px;
}
.typeahead {
z-index: 1051;
margin-top: 2px;
border-radius: 0;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
.collapse.in {
height: auto;
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 24px;
color: #000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
button.close {
padding: 3;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.alert-options {
float: right;
line-height: 24px;
color: #000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.alert-options:hover,
.alert-options:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
.btn {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #303030;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #ccc;
*border: 0;
border-bottom-color: #b3b3b3;
border-radius: 0;
*margin-left: 0.3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
color: #303030;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc \9;
}
.btn:first-child {
*margin-left: 0;
}
.btn:hover,
.btn:focus {
color: #303030;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-large {
padding: 8px 18px;
font-size: 18px;
border-radius: 0;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 4px;
}
.btn-small {
padding: 6px 12px;
font-size: 14px;
border-radius: 0;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
margin-top: -1px;
}
.btn-mini {
padding: 2px 6px;
font-size: 12px;
border-radius: 0;
}
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #2e93d7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#3498db), to(#258cd1));
background-image: linear-gradient(to bottom, #3498db, #258cd1);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db', endColorstr='#ff258cd1', GradientType=0);
border-color: #258cd1 #258cd1 #196090;
*background-color: #258cd1;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
color: #fff;
background-color: #258cd1;
*background-color: #217dbb;
}
.btn-primary:active,
.btn-primary.active {
background-color: #1d6fa5 \9;
}
.btn-warning {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #f5ae3e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ba5b), to(#f39c12));
background-image: linear-gradient(to bottom, #f7ba5b, #f39c12);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7ba5b', endColorstr='#fff39c12', GradientType=0);
border-color: #f39c12 #f39c12 #b06f09;
*background-color: #f39c12;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
color: #fff;
background-color: #f39c12;
*background-color: #e08e0b;
}
.btn-warning:active,
.btn-warning.active {
background-color: #c87f0a \9;
}
.btn-danger {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#bd362f));
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
*background-color: #bd362f;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
color: #fff;
background-color: #bd362f;
*background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
background-color: #942a25 \9;
}
.btn-success {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#62c462), to(#51a351));
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
border-color: #51a351 #51a351 #387038;
*background-color: #51a351;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
color: #fff;
background-color: #51a351;
*background-color: #499249;
}
.btn-success:active,
.btn-success.active {
background-color: #408140 \9;
}
.btn-info {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #49afcd;
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2f96b4));
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
*background-color: #2f96b4;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
color: #fff;
background-color: #2f96b4;
*background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
background-color: #24748c \9;
}
.btn-inverse {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #2f2f2f;
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#101010));
background-image: linear-gradient(to bottom, #444, #101010);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff101010', GradientType=0);
border-color: #101010 #101010 #000000;
*background-color: #101010;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
color: #fff;
background-color: #101010;
*background-color: #030303;
}
.btn-inverse:active,
.btn-inverse.active {
background-color: #000000 \9;
}
button.btn,
input[type="submit"].btn {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link {
border-color: transparent;
cursor: pointer;
color: #3498db;
border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
color: #303030;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
color: #303030;
text-decoration: none;
}
.btn-group {
position: relative;
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
font-size: 0;
vertical-align: middle;
white-space: nowrap;
*margin-left: 0.3em;
}
.btn-group:first-child {
*margin-left: 0;
}
.btn-group + .btn-group {
margin-left: 5px;
}
.btn-toolbar {
font-size: 0;
margin-top: 12px;
margin-bottom: 12px;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
margin-left: 5px;
}
.btn-group > .btn {
position: relative;
border-radius: 0;
}
.btn-group > .btn + .btn {
margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
font-size: 16px;
}
.btn-group > .btn-mini {
font-size: 12px;
}
.btn-group > .btn-small {
font-size: 14px;
}
.btn-group > .btn-large {
font-size: 18px;
}
.btn-group > .btn:first-child {
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn.large:first-child {
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
*padding-top: 5px;
*padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
padding-left: 5px;
padding-right: 5px;
*padding-top: 2px;
*padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
*padding-top: 5px;
*padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
*padding-top: 7px;
*padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
background-image: none;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle {
background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
background-color: #258cd1;
}
.btn-group.open .btn-warning.dropdown-toggle {
background-color: #f39c12;
}
.btn-group.open .btn-danger.dropdown-toggle {
background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: #101010;
}
.btn .caret {
margin-top: 8px;
margin-left: 0;
}
.btn-large .caret {
margin-top: 6px;
}
.btn-large .caret {
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 5px;
}
.btn-mini .caret,
.btn-small .caret {
margin-top: 8px;
}
.dropup .btn-large .caret {
border-bottom-width: 5px;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.btn-group-vertical {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
}
.btn-group-vertical > .btn {
display: block;
float: none;
max-width: 100%;
border-radius: 0;
}
.btn-group-vertical > .btn + .btn {
margin-left: 0;
margin-top: -1px;
}
.btn-group-vertical > .btn:first-child {
border-radius: 0 0 0 0;
}
.btn-group-vertical > .btn:last-child {
border-radius: 0 0 0 0;
}
.btn-group-vertical > .btn-large:first-child {
border-radius: 0 0 0 0;
}
.btn-group-vertical > .btn-large:last-child {
border-radius: 0 0 0 0;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 24px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
border-radius: 0;
}
.alert,
.alert h4 {
color: #c09853;
}
.alert h4 {
margin: 0 0 0.5em;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 24px;
cursor: pointer;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.alert-success h4 {
color: #468847;
}
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
color: #b94a48;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.alert-info h4 {
color: #3a87ad;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
.nav {
margin-left: 0;
margin-bottom: 24px;
list-style: none;
}
.nav > li > a {
display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #e0e0e0;
}
.nav > li > a > img {
max-width: none;
}
.nav > .pull-right {
float: right;
}
.nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 24px;
color: #909090;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
}
.nav li + .nav-header {
margin-top: 9px;
}
.nav-list {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #3498db;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
margin-right: 2px;
}
.nav-list .divider {
*width: 100%;
height: 1px;
margin: 11px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
}
.nav-tabs,
.nav-pills {
*zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
display: table;
content: "";
line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
clear: both;
}
.nav-tabs > li,
.nav-pills > li {
float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 2px;
line-height: 14px;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
margin-bottom: -1px;
}
.nav-tabs > li > a {
padding-top: 8px;
padding-bottom: 8px;
line-height: 24px;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-color: #e0e0e0 #e0e0e0 #ddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
color: #606060;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-pills > li > a {
padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
color: #fff;
background-color: #3498db;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li > a {
margin-right: 0;
}
.nav-tabs.nav-stacked {
border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
border: 1px solid #ddd;
border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
border-color: #ddd;
z-index: 2;
}
.nav-pills.nav-stacked > li > a {
margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
border-radius: 6px;
}
.nav .dropdown-toggle .caret {
border-top-color: #3498db;
border-bottom-color: #3498db;
margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
border-top-color: #303030;
border-bottom-color: #303030;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
border-top-color: #606060;
border-bottom-color: #606060;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
color: #fff;
background-color: #909090;
border-color: #909090;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff;
opacity: 1;
filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
border-color: #909090;
}
.tabbable {
*zoom: 1;
}
.tabbable:before,
.tabbable:after {
display: table;
content: "";
line-height: 0;
}
.tabbable:after {
clear: both;
}
.tab-content {
overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
.tabs-below > .nav-tabs {
border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
border-bottom-color: transparent;
border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
border-color: #e0e0e0 #ddd #e0e0e0 #e0e0e0;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: #fff;
}
.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
border-color: #e0e0e0 #e0e0e0 #e0e0e0 #ddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: #fff;
}
.nav > .disabled > a {
color: #909090;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
cursor: default;
}
.navbar {
overflow: visible;
margin-bottom: 24px;
*position: relative;
*z-index: 2;
}
.navbar-inner {
min-height: 48px;
padding-left: 20px;
padding-right: 20px;
background-color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background-image: linear-gradient(to bottom, #fff, #fff);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
border: 1px solid #e0e0e0;
border-radius: 0;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
*zoom: 1;
}
.navbar-inner:before,
.navbar-inner:after {
display: table;
content: "";
line-height: 0;
}
.navbar-inner:after {
clear: both;
}
.navbar .container {
width: auto;
}
.nav-collapse.collapse {
height: auto;
overflow: visible;
}
.navbar .brand {
float: left;
display: block;
padding: 12px 20px 12px;
margin-left: -20px;
font-size: 20px;
font-weight: 200;
color: #303030;
text-shadow: 0 1px 0 #fff;
}
.navbar .brand:hover,
.navbar .brand:focus {
text-decoration: none;
}
.navbar-text {
margin-bottom: 0;
line-height: 48px;
color: #303030;
}
.navbar-link {
color: #303030;
}
.navbar-link:hover,
.navbar-link:focus {
color: #303030;
}
.navbar .divider-vertical {
height: 48px;
margin: 0 9px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.navbar .btn,
.navbar .btn-group {
margin-top: 9px;
}
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {
margin-top: 0;
}
.navbar-form {
margin-bottom: 0;
*zoom: 1;
}
.navbar-form:before,
.navbar-form:after {
display: table;
content: "";
line-height: 0;
}
.navbar-form:after {
clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
margin-top: 9px;
}
.navbar-form input,
.navbar-form select,
.navbar-form .btn {
display: inline-block;
margin-bottom: 0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
margin-top: 5px;
white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
margin-top: 0;
}
.navbar-search {
position: relative;
float: left;
margin-top: 9px;
margin-bottom: 0;
}
.navbar-search .search-query {
margin-bottom: 0;
padding: 4px 14px;
font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 1;
border-radius: 15px;
}
.navbar-static-top {
position: static;
margin-bottom: 0;
}
.navbar-static-top .navbar-inner {
border-radius: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
border-width: 0 0 1px;
}
.navbar-fixed-bottom .navbar-inner {
border-width: 1px 0 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding-left: 0;
padding-right: 0;
border-radius: 0;
}
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 980px;
}
.navbar-fixed-top {
top: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
.navbar-fixed-bottom {
bottom: 0;
}
.navbar-fixed-bottom .navbar-inner {
-webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
box-shadow: 0 -1px 10px rgba(0,0,0,.1);
}
.navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
float: right;
margin-right: 0;
}
.navbar .nav > li {
float: left;
}
.navbar .nav > li > a {
float: none;
padding: 12px 15px 12px;
color: #303030;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
}
.navbar .nav .dropdown-toggle .caret {
margin-top: 8px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
background-color: transparent;
color: #303030;
text-decoration: none;
}
.navbar .nav > li > a:focus {
outline: 2px solid #5e9ed6;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color: #303030;
text-decoration: none;
background-color: transparent;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.navbar .btn-navbar {
display: none;
float: right;
padding: 7px 10px;
margin-left: 5px;
margin-right: 5px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #f2f2f2;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f2f2f2));
background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#fff2f2f2', GradientType=0);
border-color: #f2f2f2 #f2f2f2 #cccccc;
*background-color: #f2f2f2;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
color: #fff;
background-color: #f2f2f2;
*background-color: #e5e5e5;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
background-color: #d9d9d9 \9;
}
.navbar .btn-navbar .icon-bar {
display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
margin-top: 3px;
}
.navbar .nav > li > .dropdown-menu:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: #303030;
position: absolute;
top: -7px;
left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
position: absolute;
top: -6px;
left: 10px;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
border-top: 7px solid #ccc;
border-top-color: #303030;
border-bottom: 0;
bottom: -7px;
top: auto;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
border-top: 6px solid #fff;
border-bottom: 0;
bottom: -6px;
top: auto;
}
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
border-top-color: #303030;
border-bottom-color: #303030;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: transparent;
color: #303030;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #303030;
border-bottom-color: #303030;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-top-color: #303030;
border-bottom-color: #303030;
}
.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
left: auto;
right: 0;
}
.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 {
left: auto;
right: 100%;
margin-left: 0;
margin-right: -1px;
border-radius: 6px 0 6px 6px;
}
.navbar-inverse .navbar-inner {
background-color: #1b1b1b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#111111));
background-image: linear-gradient(to bottom, #222222, #111111);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
border-color: #252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
color: #909090;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus {
color: #fff;
}
.navbar-inverse .brand {
color: #909090;
}
.navbar-inverse .navbar-text {
color: #909090;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
background-color: transparent;
color: #fff;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
color: #fff;
background-color: #111111;
}
.navbar-inverse .navbar-link {
color: #909090;
}
.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
color: #fff;
}
.navbar-inverse .divider-vertical {
border-left-color: #111111;
border-right-color: #222222;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #111111;
color: #fff;
}
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #909090;
border-bottom-color: #909090;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}
.navbar-inverse .navbar-search .search-query {
color: #fff;
background-color: #515151;
border-color: #111111;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
-webkit-transition: none;
transition: none;
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
color: #ccc;
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
color: #ccc;
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
color: #ccc;
}
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
padding: 5px 15px;
color: #303030;
text-shadow: 0 1px 0 #fff;
background-color: #fff;
border: 0;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
outline: 0;
}
.navbar-inverse .btn-navbar {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e0e0e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#040404));
background-image: linear-gradient(to bottom, #151515, #040404);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
border-color: #040404 #040404 #000000;
*background-color: #040404;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
color: #fff;
background-color: #040404;
*background-color: #000000;
}
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
background-color: #000000 \9;
}
.breadcrumb {
padding: 8px 15px;
margin: 0 0 24px;
list-style: none;
background-color: #f5f5f5;
border-radius: 0;
}
.breadcrumb > li {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
text-shadow: 0 1px 0 #fff;
}
.breadcrumb > li > .divider {
padding: 0 5px;
color: #ccc;
}
.breadcrumb > .active {
color: #909090;
}
.pagination {
margin: 24px 0;
}
.pagination ul {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
border-radius: 0;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
float: left;
padding: 4px 12px;
line-height: 24px;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
color: #909090;
cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
color: #909090;
background-color: transparent;
cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border-left-width: 1px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pagination-centered {
text-align: center;
}
.pagination-right {
text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
padding: 8px 18px;
font-size: 18px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
padding: 6px 12px;
font-size: 14px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
padding: 2px 6px;
font-size: 12px;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
}
.modal-header .close {
margin-top: 2px;
}
.modal-header h3 {
margin: 0;
line-height: 30px;
}
.modal-body {
width: 98%;
position: relative;
max-height: 400px;
padding: 1%;
}
.modal-body iframe {
width: 100%;
max-height: none;
border: 0 !important;
}
.modal-form {
margin-bottom: 0;
}
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
*zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
display: table;
content: "";
line-height: 0;
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 11px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 0;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
background-color: #fff;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-title:empty {
display: none;
}
.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 {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top .arrow:after {
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.popover.bottom .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}
.thumbnails {
margin-left: -40px;
list-style: none;
*zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
display: table;
content: "";
line-height: 0;
}
.thumbnails:after {
clear: both;
}
.row-fluid .thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: left;
margin-bottom: 24px;
margin-left: 40px;
}
.thumbnail {
display: block;
padding: 4px;
line-height: 24px;
border: 1px solid #ddd;
border-radius: 0;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a.thumbnail:hover,
a.thumbnail:focus {
border-color: #3498db;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.thumbnail .caption {
padding: 9px;
color: #606060;
}
.label,
.badge {
display: inline-block;
padding: 2px 4px;
font-size: 13.536px;
font-weight: bold;
line-height: 14px;
color: #fff;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #909090;
}
.label {
border-radius: 3px;
}
.badge {
padding-left: 9px;
padding-right: 9px;
border-radius: 9px;
}
.label:empty,
.badge:empty {
display: none;
}
a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label-important,
.badge-important {
background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
background-color: #953b39;
}
.label-warning,
.badge-warning {
background-color: #f39c12;
}
.label-warning[href],
.badge-warning[href] {
background-color: #c87f0a;
}
.label-success,
.badge-success {
background-color: #468847;
}
.label-success[href],
.badge-success[href] {
background-color: #356635;
}
.label-info,
.badge-info {
background-color: #3a87ad;
}
.label-info[href],
.badge-info[href] {
background-color: #2d6987;
}
.label-inverse,
.badge-inverse {
background-color: #303030;
}
.label-inverse[href],
.badge-inverse[href] {
background-color: #161616;
}
.btn .label,
.btn .badge {
position: relative;
top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
top: 0;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
overflow: hidden;
height: 24px;
margin-bottom: 24px;
background-color: #f7f7f7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f9f9f9));
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-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);
border-radius: 0;
}
.progress .bar {
width: 0%;
height: 100%;
color: #fff;
float: left;
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e90d2;
background-image: -webkit-gradient(linear, left top, left bottom, from(#149bdf), to(#0480be));
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-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-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress .bar + .bar {
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
.progress-striped .bar {
background-color: #149bdf;
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 .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger {
background-color: #dd514c;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
background-color: #ee5f5b;
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-success .bar,
.progress .bar-success {
background-color: #5eb95e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
background-image: linear-gradient(to bottom, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
background-color: #62c462;
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-info .bar,
.progress .bar-info {
background-color: #4bb1cf;
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
background-color: #5bc0de;
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-warning .bar,
.progress .bar-warning {
background-color: #f5ae3e;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7ba5b), to(#f39c12));
background-image: linear-gradient(to bottom, #f7ba5b, #f39c12);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7ba5b', endColorstr='#fff39c12', GradientType=0);
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
background-color: #f7ba5b;
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);
}
.accordion {
margin-bottom: 24px;
}
.accordion-group {
margin-bottom: 2px;
border: 1px solid #e5e5e5;
border-radius: 0;
}
.accordion-heading {
border-bottom: 0;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-inner {
padding: 9px 15px;
border-top: 1px solid #e5e5e5;
}
.carousel {
position: relative;
margin-bottom: 24px;
line-height: 1;
}
.carousel-inner {
overflow: hidden;
width: 100%;
position: relative;
}
.carousel-inner > .item {
display: none;
position: relative;
-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;
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: 40%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #fff;
text-align: center;
background: #101010;
border: 3px solid #fff;
border-radius: 23px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.carousel-control.right {
left: auto;
right: 15px;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-indicators {
position: absolute;
top: 15px;
right: 15px;
z-index: 5;
margin: 0;
list-style: none;
}
.carousel-indicators li {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 5px;
text-indent: -999px;
background-color: #ccc;
background-color: rgba(255, 255, 255, 0.25);
border-radius: 5px;
}
.carousel-indicators .active {
background-color: #fff;
}
.carousel-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px;
background: #303030;
background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
color: #fff;
line-height: 24px;
}
.carousel-caption h4 {
margin: 0 0 5px;
}
.carousel-caption p {
margin-bottom: 0;
}
.hero-unit {
padding: 60px;
margin-bottom: 30px;
font-size: 18px;
font-weight: 200;
line-height: 36px;
color: inherit;
background-color: #e0e0e0;
border-radius: 6px;
}
.hero-unit h1 {
margin-bottom: 0;
font-size: 60px;
line-height: 1;
color: inherit;
letter-spacing: -1px;
}
.hero-unit li {
line-height: 36px;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: inherit !important;
}
.hidden-print {
display: none !important;
}
}
@media (max-width: 767px) {
body {
padding-left: 20px;
padding-right: 20px;
}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {
margin-left: -20px;
margin-right: -20px;
}
.container-fluid {
padding: 0;
}
.dl-horizontal dt {
float: none;
clear: none;
width: auto;
text-align: left;
}
.dl-horizontal dd {
margin-left: 0;
}
.dropdown-menu .menuitem-group {
background-color: #10223e;
color: #eee;
}
.container {
width: auto;
}
.row-fluid {
width: 100%;
}
.row,
.thumbnails {
margin-left: 0;
}
.thumbnails > li {
float: none;
margin-left: 0;
}
[class*="span"],
.uneditable-input[class*="span"],
.row-fluid [class*="span"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.span12,
.row-fluid .span12 {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="offset"]:first-child {
margin-left: 0;
}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
display: block;
width: 100%;
min-height: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"],
.input-append input[class*="span"] {
display: inline-block;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 0;
}
}
@media (max-width: 480px) {
.nav-collapse {
-webkit-transform: translate3d(0, 0, 0);
}
.page-header h1 small {
display: block;
line-height: 24px;
}
input[type="checkbox"],
input[type="radio"] {
border: 1px solid #ccc;
}
.form-horizontal .control-label {
float: none;
width: auto;
padding-top: 0;
text-align: left;
}
.form-horizontal .controls {
margin-left: 0;
}
.form-horizontal .control-list {
padding-top: 0;
}
.form-horizontal .form-actions {
padding-left: 10px;
padding-right: 10px;
}
.tag-category input#filter-search,
.newsfeed-category input#filter-search {
width: auto;
margin-bottom: 12px;
}
.category-list input#filter-search {
width: auto;
}
.media .pull-left,
.media .pull-right {
float: none;
display: block;
margin-bottom: 10px;
}
.media-object {
margin-right: 0;
margin-left: 0;
}
.modal-header .close {
padding: 10px;
margin: -10px;
}
.carousel-caption {
position: static;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.row {
margin-left: -20px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 724px;
}
.span12 {
width: 724px;
}
.span11 {
width: 662px;
}
.span10 {
width: 600px;
}
.span9 {
width: 538px;
}
.span8 {
width: 476px;
}
.span7 {
width: 414px;
}
.span6 {
width: 352px;
}
.span5 {
width: 290px;
}
.span4 {
width: 228px;
}
.span3 {
width: 166px;
}
.span2 {
width: 104px;
}
.span1 {
width: 42px;
}
.offset12 {
margin-left: 764px;
}
.offset11 {
margin-left: 702px;
}
.offset10 {
margin-left: 640px;
}
.offset9 {
margin-left: 578px;
}
.offset8 {
margin-left: 516px;
}
.offset7 {
margin-left: 454px;
}
.offset6 {
margin-left: 392px;
}
.offset5 {
margin-left: 330px;
}
.offset4 {
margin-left: 268px;
}
.offset3 {
margin-left: 206px;
}
.offset2 {
margin-left: 144px;
}
.offset1 {
margin-left: 82px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.76243094%;
*margin-left: 2.71141053%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.76243094%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94897959%;
}
.row-fluid .span11 {
width: 91.43646409%;
*width: 91.38544368%;
}
.row-fluid .span10 {
width: 82.87292818%;
*width: 82.82190777%;
}
.row-fluid .span9 {
width: 74.30939227%;
*width: 74.25837186%;
}
.row-fluid .span8 {
width: 65.74585635%;
*width: 65.69483595%;
}
.row-fluid .span7 {
width: 57.18232044%;
*width: 57.13130003%;
}
.row-fluid .span6 {
width: 48.61878453%;
*width: 48.56776412%;
}
.row-fluid .span5 {
width: 40.05524862%;
*width: 40.00422821%;
}
.row-fluid .span4 {
width: 31.49171271%;
*width: 31.4406923%;
}
.row-fluid .span3 {
width: 22.9281768%;
*width: 22.87715639%;
}
.row-fluid .span2 {
width: 14.36464088%;
*width: 14.31362048%;
}
.row-fluid .span1 {
width: 5.80110497%;
*width: 5.75008456%;
}
.row-fluid .offset12 {
margin-left: 105.52486188%;
*margin-left: 105.42282106%;
}
.row-fluid .offset12:first-child {
margin-left: 102.76243094%;
*margin-left: 102.66039012%;
}
.row-fluid .offset11 {
margin-left: 96.96132597%;
*margin-left: 96.85928515%;
}
.row-fluid .offset11:first-child {
margin-left: 94.19889503%;
*margin-left: 94.09685421%;
}
.row-fluid .offset10 {
margin-left: 88.39779006%;
*margin-left: 88.29574924%;
}
.row-fluid .offset10:first-child {
margin-left: 85.63535912%;
*margin-left: 85.5333183%;
}
.row-fluid .offset9 {
margin-left: 79.83425414%;
*margin-left: 79.73221333%;
}
.row-fluid .offset9:first-child {
margin-left: 77.0718232%;
*margin-left: 76.96978239%;
}
.row-fluid .offset8 {
margin-left: 71.27071823%;
*margin-left: 71.16867742%;
}
.row-fluid .offset8:first-child {
margin-left: 68.50828729%;
*margin-left: 68.40624648%;
}
.row-fluid .offset7 {
margin-left: 62.70718232%;
*margin-left: 62.6051415%;
}
.row-fluid .offset7:first-child {
margin-left: 59.94475138%;
*margin-left: 59.84271056%;
}
.row-fluid .offset6 {
margin-left: 54.14364641%;
*margin-left: 54.04160559%;
}
.row-fluid .offset6:first-child {
margin-left: 51.38121547%;
*margin-left: 51.27917465%;
}
.row-fluid .offset5 {
margin-left: 45.5801105%;
*margin-left: 45.47806968%;
}
.row-fluid .offset5:first-child {
margin-left: 42.81767956%;
*margin-left: 42.71563874%;
}
.row-fluid .offset4 {
margin-left: 37.01657459%;
*margin-left: 36.91453377%;
}
.row-fluid .offset4:first-child {
margin-left: 34.25414365%;
*margin-left: 34.15210283%;
}
.row-fluid .offset3 {
margin-left: 28.45303867%;
*margin-left: 28.35099786%;
}
.row-fluid .offset3:first-child {
margin-left: 25.69060773%;
*margin-left: 25.58856692%;
}
.row-fluid .offset2 {
margin-left: 19.88950276%;
*margin-left: 19.78746195%;
}
.row-fluid .offset2:first-child {
margin-left: 17.12707182%;
*margin-left: 17.02503101%;
}
.row-fluid .offset1 {
margin-left: 11.32596685%;
*margin-left: 11.22392603%;
}
.row-fluid .offset1:first-child {
margin-left: 8.56353591%;
*margin-left: 8.4614951%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 710px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 648px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 586px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 524px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 462px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 400px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 338px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 276px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 214px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 152px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 90px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 28px;
}
}
@media (min-width: 1200px) {
.row {
margin-left: -50px;
*zoom: 1;
}
.row:before,
.row:after {
display: table;
content: "";
line-height: 0;
}
.row:after {
clear: both;
}
[class*="span"] {
float: left;
min-height: 1px;
margin-left: 50px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1150px;
}
.span12 {
width: 1150px;
}
.span11 {
width: 1050px;
}
.span10 {
width: 950px;
}
.span9 {
width: 850px;
}
.span8 {
width: 750px;
}
.span7 {
width: 650px;
}
.span6 {
width: 550px;
}
.span5 {
width: 450px;
}
.span4 {
width: 350px;
}
.span3 {
width: 250px;
}
.span2 {
width: 150px;
}
.span1 {
width: 50px;
}
.offset12 {
margin-left: 1250px;
}
.offset11 {
margin-left: 1150px;
}
.offset10 {
margin-left: 1050px;
}
.offset9 {
margin-left: 950px;
}
.offset8 {
margin-left: 850px;
}
.offset7 {
margin-left: 750px;
}
.offset6 {
margin-left: 650px;
}
.offset5 {
margin-left: 550px;
}
.offset4 {
margin-left: 450px;
}
.offset3 {
margin-left: 350px;
}
.offset2 {
margin-left: 250px;
}
.offset1 {
margin-left: 150px;
}
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 34px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 4.34782609%;
*margin-left: 4.29680568%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 4.34782609%;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94897959%;
}
.row-fluid .span11 {
width: 91.30434783%;
*width: 91.25332742%;
}
.row-fluid .span10 {
width: 82.60869565%;
*width: 82.55767524%;
}
.row-fluid .span9 {
width: 73.91304348%;
*width: 73.86202307%;
}
.row-fluid .span8 {
width: 65.2173913%;
*width: 65.1663709%;
}
.row-fluid .span7 {
width: 56.52173913%;
*width: 56.47071872%;
}
.row-fluid .span6 {
width: 47.82608696%;
*width: 47.77506655%;
}
.row-fluid .span5 {
width: 39.13043478%;
*width: 39.07941437%;
}
.row-fluid .span4 {
width: 30.43478261%;
*width: 30.3837622%;
}
.row-fluid .span3 {
width: 21.73913043%;
*width: 21.68811003%;
}
.row-fluid .span2 {
width: 13.04347826%;
*width: 12.99245785%;
}
.row-fluid .span1 {
width: 4.34782609%;
*width: 4.29680568%;
}
.row-fluid .offset12 {
margin-left: 108.69565217%;
*margin-left: 108.59361136%;
}
.row-fluid .offset12:first-child {
margin-left: 104.34782609%;
*margin-left: 104.24578527%;
}
.row-fluid .offset11 {
margin-left: 100%;
*margin-left: 99.89795918%;
}
.row-fluid .offset11:first-child {
margin-left: 95.65217391%;
*margin-left: 95.5501331%;
}
.row-fluid .offset10 {
margin-left: 91.30434783%;
*margin-left: 91.20230701%;
}
.row-fluid .offset10:first-child {
margin-left: 86.95652174%;
*margin-left: 86.85448092%;
}
.row-fluid .offset9 {
margin-left: 82.60869565%;
*margin-left: 82.50665484%;
}
.row-fluid .offset9:first-child {
margin-left: 78.26086957%;
*margin-left: 78.15882875%;
}
.row-fluid .offset8 {
margin-left: 73.91304348%;
*margin-left: 73.81100266%;
}
.row-fluid .offset8:first-child {
margin-left: 69.56521739%;
*margin-left: 69.46317657%;
}
.row-fluid .offset7 {
margin-left: 65.2173913%;
*margin-left: 65.11535049%;
}
.row-fluid .offset7:first-child {
margin-left: 60.86956522%;
*margin-left: 60.7675244%;
}
.row-fluid .offset6 {
margin-left: 56.52173913%;
*margin-left: 56.41969831%;
}
.row-fluid .offset6:first-child {
margin-left: 52.17391304%;
*margin-left: 52.07187223%;
}
.row-fluid .offset5 {
margin-left: 47.82608696%;
*margin-left: 47.72404614%;
}
.row-fluid .offset5:first-child {
margin-left: 43.47826087%;
*margin-left: 43.37622005%;
}
.row-fluid .offset4 {
margin-left: 39.13043478%;
*margin-left: 39.02839397%;
}
.row-fluid .offset4:first-child {
margin-left: 34.7826087%;
*margin-left: 34.68056788%;
}
.row-fluid .offset3 {
margin-left: 30.43478261%;
*margin-left: 30.33274179%;
}
.row-fluid .offset3:first-child {
margin-left: 26.08695652%;
*margin-left: 25.98491571%;
}
.row-fluid .offset2 {
margin-left: 21.73913043%;
*margin-left: 21.63708962%;
}
.row-fluid .offset2:first-child {
margin-left: 17.39130435%;
*margin-left: 17.28926353%;
}
.row-fluid .offset1 {
margin-left: 13.04347826%;
*margin-left: 12.94143744%;
}
.row-fluid .offset1:first-child {
margin-left: 8.69565217%;
*margin-left: 8.59361136%;
}
input,
textarea,
.uneditable-input {
margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
margin-left: 50px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 1136px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 1036px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 936px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 836px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 736px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 636px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 536px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 436px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 336px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 236px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 136px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 36px;
}
.thumbnails {
margin-left: -50px;
}
.thumbnails > li {
margin-left: 50px;
}
.row-fluid .thumbnails {
margin-left: 0;
}
}
@media (max-width: 992px) {
body {
padding-top: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: static;
}
.navbar-fixed-top {
margin-bottom: 24px;
}
.navbar-fixed-bottom {
margin-top: 24px;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding: 5px;
}
.navbar .container {
width: auto;
padding: 0;
}
.navbar .brand {
padding-left: 10px;
padding-right: 10px;
margin: 0 0 0 -5px;
}
.nav-collapse {
clear: both;
}
.nav-collapse .nav {
float: none;
margin: 0 0 12px;
}
.nav-collapse .nav > li {
float: none;
}
.nav-collapse .nav > li > a {
margin-bottom: 2px;
}
.nav-collapse .nav > .divider-vertical {
display: none;
}
.nav-collapse .nav .nav-header {
color: #303030;
text-shadow: none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 9px 15px;
font-weight: bold;
color: #303030;
border-radius: 3px;
}
.nav-collapse .btn {
padding: 4px 10px 4px;
font-weight: normal;
border-radius: 0;
}
.nav-collapse .dropdown-menu li + li a {
margin-bottom: 2px;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
background-color: #fff;
}
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
color: #909090;
}
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #111111;
}
.nav-collapse.in .btn-group {
margin-top: 5px;
padding: 0;
}
.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
float: none;
display: none;
max-width: none;
margin: 0 15px;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.nav-collapse .open > .dropdown-menu {
display: block;
}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
display: none;
}
.nav-collapse .dropdown-menu .divider {
display: none;
}
.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after {
display: none;
}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
float: none;
padding: 12px 15px;
margin: 12px 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
border-top-color: #111111;
border-bottom-color: #111111;
}
.navbar .nav-collapse .nav.pull-right {
float: none;
margin-left: 0;
}
.nav-collapse,
.nav-collapse.collapse {
overflow: hidden;
height: 0;
}
.navbar .btn-navbar {
display: block;
}
.navbar-static .navbar-inner {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 1199px) {
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
}
/* Extending Bootstrap */
/* Typography */
.small {
font-size: 11px;
}
/* Max Width */
iframe,
svg {
max-width: 100%;
}
/* Nowrap */
.nowrap {
white-space: nowrap;
}
/* Center */
.center,
.table td.center,
.table th.center {
text-align: center;
}
/* Disabled Link */
a.disabled,
a.disabled:hover {
color: #999999;
background-color: transparent;
cursor: default;
text-decoration: none;
}
/* Hero Banner */
.hero-unit {
text-align: center;
}
.hero-unit .lead {
margin-bottom: 18px;
font-size: 20px;
font-weight: 200;
line-height: 27px;
}
.btn .caret {
margin-bottom: 7px;
}
.btn.btn-micro .caret {
margin: 5px 0;
}
.blog-row-rule,
.blog-item-rule {
border: 0;
}
/* Modal */
body.modal {
padding-top: 0;
}
/* Alternating Rows */
.row-even,
.row-odd {
padding: 5px;
width: 99%;
border-bottom: 1px solid #ddd;
}
.row-odd {
background-color: transparent;
}
.row-even {
background-color: #f9f9f9;
}
.blog-row-rule,
.blog-item-rule {
border: 0;
}
/* Row reveal */
.row-fluid .row-reveal {
visibility: hidden;
}
.row-fluid:hover .row-reveal {
visibility: visible;
}
/* Buttons */
.btn-wide {
width: 80%;
}
/* Nav List Offset */
.nav-list > li.offset > a {
padding-left: 30px;
font-size: 12px;
}
.blog-row-rule,
.blog-item-rule {
border: 0;
}
.row-fluid .offset1 {
margin-left: 8.38297872%;
}
.row-fluid .offset2 {
margin-left: 16.89361702%;
}
.row-fluid .offset3 {
margin-left: 25.40425532%;
}
.row-fluid .offset4 {
margin-left: 33.91489361%;
}
.row-fluid .offset5 {
margin-left: 42.42553191%;
}
.row-fluid .offset6 {
margin-left: 50.93617021%;
}
.row-fluid .offset7 {
margin-left: 59.4468085%;
}
.row-fluid .offset8 {
margin-left: 67.9574468%;
}
.row-fluid .offset9 {
margin-left: 76.4680851%;
}
.row-fluid .offset10 {
margin-left: 84.9787234%;
}
.row-fluid .offset11 {
margin-left: 91.48936169%;
}
/* Navbar Buttons */
.navbar .nav > li > a.btn {
padding: 4px 10px;
line-height: 18px;
}
/* Nav Tabs Dark */
.nav-tabs.nav-dark {
border-bottom: 1px solid #333;
text-shadow: 1px 1px 1px #000;
}
.nav-tabs.nav-dark > li > a {
color: #F8F8F8;
}
.nav-tabs.nav-dark > li > a:hover {
border-color: #333 #333 #111;
background-color: #777777;
}
.nav-tabs.nav-dark > .active > a,
.nav-tabs.nav-dark > .active > a:hover {
color: #ffffff;
background-color: #555555;
border: 1px solid #222;
border-bottom-color: transparent;
}
/* Inline Thumbnails */
.thumbnail.pull-left {
margin: 0 10px 10px 0;
}
.thumbnail.pull-right {
margin: 0 0 10px 10px;
}
/* Specific Widths */
.width-10 {
width: 10px;
}
.width-20 {
width: 20px;
}
.width-30 {
width: 30px;
}
.width-40 {
width: 40px;
}
.width-50 {
width: 50px;
}
.width-60 {
width: 60px;
}
.width-70 {
width: 70px;
}
.width-80 {
width: 80px;
}
.width-90 {
width: 90px;
}
.width-100 {
width: 100px;
}
/* Specific Heights */
.height-10 {
height: 10px;
}
.height-20 {
height: 20px;
}
.height-30 {
height: 30px;
}
.height-40 {
height: 40px;
}
.height-50 {
height: 50px;
}
.height-60 {
height: 60px;
}
.height-70 {
height: 70px;
}
.height-80 {
height: 80px;
}
.height-90 {
height: 90px;
}
.height-100 {
height: 100px;
}
/* Horizontal Row (hr) */
hr.hr-condensed {
margin: 10px 0;
}
/* Striped */
.list-striped,
.row-striped {
list-style: none;
line-height: 18px;
text-align: left;
vertical-align: middle;
border-top: 1px solid #ddd;
margin-left: 0;
}
.list-striped li,
.list-striped dd,
.row-striped .row,
.row-striped .row-fluid {
border-bottom: 1px solid #ddd;
padding: 8px;
}
.list-striped li:nth-child(odd),
.list-striped dd:nth-child(odd),
.row-striped .row:nth-child(odd),
.row-striped .row-fluid:nth-child(odd) {
background-color: #f9f9f9;
}
.list-striped li:hover,
.list-striped dd:hover,
.row-striped .row:hover,
.row-striped .row-fluid:hover {
background-color: #f5f5f5;
}
.row-striped .row-fluid {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row-striped .row-fluid [class*="span"] {
min-height: 10px;
}
.row-striped .row-fluid [class*="span"] {
margin-left: 8px;
}
.row-striped .row-fluid [class*="span"]:first-child {
margin-left: 0;
}
/* Condensed */
.list-condensed li {
padding: 4px 5px;
}
.row-condensed .row,
.row-condensed .row-fluid {
padding: 4px 5px;
}
/* Bordered */
.list-bordered,
.row-bordered {
list-style: none;
line-height: 18px;
text-align: left;
vertical-align: middle;
margin-left: 0;
border: 1px solid #ddd;
border-radius: 4px;
}
/* Radio Button Groups */
.radio.btn-group input[type=radio] {
display: none;
}
.radio.btn-group > label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.radio.btn-group > label:first-of-type {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
}
fieldset.radio.btn-group {
padding-left: 0;
}
/* iFrames */
.iframe-bordered {
border: 1px solid #ddd;
}
/* Tabbed Content */
.tab-content {
overflow: visible;
}
.tabs-left .tab-content {
overflow: auto;
}
/* Non-linkable nav-tabs */
.nav-tabs > li > span {
display: block;
margin-right: 2px;
padding-right: 12px;
padding-left: 12px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 18px;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
/* Extended Joomla Button Classes */
.btn-micro {
padding: 1px 4px;
font-size: 10px;
line-height: 8px;
}
.btn-group > .btn-micro {
font-size: 10px;
}
/* Joomla => Bootstrap Tooltip */
.tip-wrap {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
z-index: 100;
}
/* Page Header */
.page-header {
margin: 2px 0px 10px 0px;
padding-bottom: 5px;
}
/* Input Prepend Chosen Select Boxes */
/* Common styling for Chosen Select Boxes with Input Prepend/Append */
.input-prepend > .add-on,
.input-append > .add-on {
vertical-align: top;
}
/* Styles specific to Input Prepend Chosen Select Boxes */
.input-prepend .chzn-container-single .chzn-single {
border-radius: 0 3px 3px 0;
}
.input-prepend .chzn-container-single .chzn-single-with-drop {
border-radius: 0 3px 0 0;
}
/* Styles specific to Input Append Chosen Select Boxes */
.input-append .chzn-container-single .chzn-single {
border-radius: 3px 0 0 3px;
}
.input-append .chzn-container-single .chzn-single-with-drop {
border-radius: 3px 0 0 0;
}
/* Styles specific to combined Input Prepend and Append Chosen Select Boxes */
.input-prepend.input-append .chzn-container-single .chzn-single,
.input-prepend.input-append .chzn-container-single .chzn-single-with-drop {
border-radius: 0;
}
/* Accessible Hidden Elements (good for hidden labels and such) */
.element-invisible {
position: absolute;
padding: 0;
margin: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
/* Make Accessible Hidden Elements visible on focus */
.element-invisible:focus {
width: auto;
height: auto;
overflow: auto;
background: #eee;
color: #000;
padding: 1em;
}
/* Form Vertical Overrides Form Horizontal */
.form-vertical .control-label {
float: none;
width: auto;
padding-right: 0;
padding-top: 0;
text-align: left;
}
.form-vertical .controls {
margin-left: 0;
}
/* Auto Width */
.width-auto {
width: auto;
}
/* Chosen proper wrapping in Bootstrap btn-group */
.btn-group .chzn-results {
white-space: normal;
}
/* Accordion overflow fix */
.accordion-body.in:hover {
overflow: visible;
}
/* Invalid indicators */
.invalid {
color: #c0392b;
font-weight: bold;
}
input.invalid {
border: 1px solid #c0392b;
background: #f2dede;
}
select.chzn-done.invalid + .chzn-container.chzn-container-single > a.chzn-single,
select.chzn-done.invalid + .chzn-container.chzn-container-multi > ul.chzn-choices {
border-color: #c0392b;
color: #c0392b;
}
/* Tweaking of tooltips */
.tooltip {
max-width: 400px;
}
.tooltip-inner {
max-width: none;
text-align: left;
text-shadow: none;
}
th .tooltip-inner {
font-weight: normal;
}
.tooltip.hasimage {
opacity: 1;
}
/* Align tip text to left (old mootools tip) */
.tip-text {
text-align: left;
}
.btn-group > .btn + .dropdown-backdrop + .btn {
margin-left: -1px;
}
.btn-group > .btn + .dropdown-backdrop + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
*padding-top: 5px;
*padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-backdrop + .dropdown-toggle {
padding-left: 5px;
padding-right: 5px;
*padding-top: 2px;
*padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-backdrop + .dropdown-toggle {
*padding-top: 5px;
*padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-backdrop + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
*padding-top: 7px;
*padding-bottom: 7px;
}
.dropdown-menu {
text-align: left;
}
.alert-link {
font-weight: bold;
}
.alert .alert-link {
color: #a47e3c;
}
.alert-success .alert-link {
color: #356635;
}
.alert-danger .alert-link,
.alert-error .alert-link {
color: #953b39;
}
.alert-info .alert-link {
color: #2d6987;
}
/* Joomla JUI NOTE: Original .modal definition has to be commented */
div.modal {
position: fixed;
top: 5%;
left: 50%;
z-index: 1050;
width: 80%;
margin-left: -40%;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
/* IE6-7 */
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}
div.modal.fade {
-webkit-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
}
div.modal.fade.in {
top: 5%;
}
.modal-batch {
overflow-y: visible;
}
.modal-body[class^="jviewport-height"],
.modal-body[class*="jviewport-height"] {
max-height: none;
}
.jviewport-height10 {
height: 10vh;
}
.jviewport-height20 {
height: 20vh;
}
.jviewport-height30 {
height: 30vh;
}
.jviewport-height40 {
height: 40vh;
}
.jviewport-height50 {
height: 50vh;
}
.jviewport-height60 {
height: 60vh;
}
.jviewport-height70 {
height: 70vh;
}
.jviewport-height80 {
height: 80vh;
}
.jviewport-height90 {
height: 90vh;
}
.jviewport-height100 {
height: 100vh;
}
div.modal.jviewport-width10 {
width: 10vw;
margin-left: -5vw;
}
div.modal.jviewport-width20 {
width: 20vw;
margin-left: -10vw;
}
div.modal.jviewport-width30 {
width: 30vw;
margin-left: -15vw;
}
div.modal.jviewport-width40 {
width: 40vw;
margin-left: -20vw;
}
div.modal.jviewport-width50 {
width: 50vw;
margin-left: -25vw;
}
div.modal.jviewport-width60 {
width: 60vw;
margin-left: -30vw;
}
div.modal.jviewport-width70 {
width: 70vw;
margin-left: -35vw;
}
div.modal.jviewport-width80 {
width: 80vw;
margin-left: -40vw;
}
div.modal.jviewport-width90 {
width: 90vw;
margin-left: -45vw;
}
div.modal.jviewport-width100 {
width: 100vw;
margin-left: -50vw;
}
/* Joomla JUI NOTE: Original .modal definition has to be commented */
@media (max-width: 767px) {
div.modal {
position: fixed;
top: 20px;
left: 20px;
right: 20px;
width: auto;
margin: 0;
}
div.modal.fade {
top: -100px;
}
div.modal.fade.in {
top: 20px;
}
div.modal[class*="jviewport-width"] {
width: auto;
margin: 0;
}
}
@media (max-width: 480px) {
div.modal {
top: 10px;
left: 10px;
right: 10px;
}
}
/**
*------------------------------------------------------------------------------
* @package SIMPLI - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
body {
background-color: #fff;
color: #303030;
font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
margin: 0;
position: relative;
}
@media (max-width: 767px) {
body {
padding-left: 24px;
padding-right: 24px;
}
}
a {
color: #3498db;
text-decoration: none;
}
a:hover,
a:focus {
color: #303030;
text-decoration: underline;
}
img[align="right"] {
margin-left: 24px;
}
.img-rounded {
border-radius: 6px;
}
.img-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-circle {
border-radius: 500px;
}
.img-border {
border: 1px solid #e0e0e0;
padding: 5px;
}
p {
margin: 0 0 12px;
}
.lead {
margin-bottom: 24px;
font-size: 24px;
font-weight: 200;
line-height: 36px;
}
small {
font-size: 85%;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
cite {
font-style: normal;
}
.muted {
color: #909090;
}
a.muted:hover,
a.muted:focus {
color: #777777;
}
.text-warning {
color: #c09853;
}
a.text-warning:hover,
a.text-warning:focus {
color: #a47e3c;
}
.text-error {
color: #b94a48;
}
a.text-error:hover,
a.text-error:focus {
color: #953b39;
}
.text-info {
color: #3a87ad;
}
a.text-info:hover,
a.text-info:focus {
color: #2d6987;
}
.text-success {
color: #468847;
}
a.text-success:hover,
a.text-success:focus {
color: #356635;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 12px 0;
font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
font-weight: bold;
line-height: 24px;
color: inherit;
text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-weight: normal;
line-height: 1;
color: #909090;
}
h1 {
font-size: 48px;
line-height: 1.1;
}
h2 {
font-size: 32px;
line-height: 1.25;
}
h3 {
font-size: 24px;
line-height: 1.4;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
h1 small {
font-size: 28px;
}
h2 small {
font-size: 20px;
}
h3 small {
font-size: 16px;
}
h4 small {
font-size: 16px;
}
.page-header {
border: 0;
padding: 0;
margin: 0;
}
.page-header h1,
.page-header h2,
.page-header h3 {
margin-top: 0;
margin-bottom: 0;
}
.page-header a {
color: #303030;
}
.page-header a:hover,
.page-header a:active,
.page-header a:focus {
color: inherit;
text-decoration: none;
border-bottom: 1px solid #303030;
}
ul,
ol {
padding: 0;
margin: 0 0 12px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
li {
line-height: 1.5;
}
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
ul.inline,
ol.inline {
margin-left: 0;
list-style: none;
}
ul.inline > li,
ol.inline > li {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 24px;
}
dt,
dd {
line-height: 24px;
}
dt {
font-weight: bold;
}
dd {
margin-left: 12px;
}
.dl-horizontal {
*zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
display: table;
content: "";
line-height: 0;
}
.dl-horizontal:after {
clear: both;
}
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #909090;
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 0 0 0 15px;
margin: 0 0 24px;
border-left: 5px solid #e0e0e0;
}
blockquote p {
margin-bottom: 0;
font-size: 20px;
font-weight: 300;
line-height: 1.25;
}
blockquote small {
display: block;
line-height: 24px;
color: #909090;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote.pull-right {
float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #e0e0e0;
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: 24px;
font-style: normal;
line-height: 24px;
}
.btn {
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn:hover,
.btn:focus {
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active,
.btn:active {
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.star {
color: #f1c40f;
}
.red {
color: #c0392b;
}
hr {
margin-top: 24px;
margin-bottom: 24px;
border: 0;
border-top: 1px solid #e0e0e0;
}
.wrap {
width: auto;
clear: both;
}
.center,
.table td.center,
.table th.center {
text-align: center;
}
.element-invisible {
position: absolute;
padding: 0;
margin: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.alert .close {
right: -15px;
top: -20px;
}
.float-end {
float: right;
}
/**
*------------------------------------------------------------------------------
* @package SIMPLI - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
fieldset .form-group {
margin-left: -15px;
margin-right: -15px;
}
fieldset .form-group > div,
fieldset .form-group > label,
fieldset .form-group > span {
padding-left: 15px;
padding-right: 15px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-control {
padding: 8px 6px;
}
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
.form-control:-moz-placeholder {
color: #909090;
}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
color: #909090;
}
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
color: #909090;
}
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
textarea.form-control {
height: auto;
}
.radio label,
.checkbox label {
display: inline;
}
.form-control-static {
margin-bottom: 0;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
}
.form-inline .form-control {
display: inline-block;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: none;
}
}
.btn {
-webkit-box-shadow: none;
box-shadow: none;
padding: 8px 24px;
}
/**
*------------------------------------------------------------------------------
* @package SIMPLI - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
.nav-child {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
border: 1px solid #ccc;
*border-right-width: 2px;
*border-bottom-width: 2px;
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);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-align: left;
min-width: 160px;
padding: 0;
margin: 0;
background-color: #fff;
border: 1px solid #303030;
font-size: 14px;
border-radius: 0;
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.nav-child.pull-right {
right: 0;
left: auto;
}
.nav-child .divider {
*width: 100%;
height: 1px;
margin: 11px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e0e0e0;
border-bottom: 1px solid #fff;
}
.nav-child .menuitem-group {
margin: 4px 1px;
overflow: hidden;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
background-color: #e0e0e0;
color: #606060;
text-transform: capitalize;
font-size: 95%;
padding: 3px 20px;
}
.nav-child > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 24px;
color: #303030;
white-space: nowrap;
}
.nav-child > li > a {
padding: 6px 12px;
color: #303030;
}
.nav-child > li > a span {
margin-right: 12px;
position: relative;
bottom: -2px;
}
.dropdown-menu,
.nav .nav-child {
min-width: 160px;
padding: 0;
margin: 0;
background-color: #fff;
border: 1px solid #303030;
font-size: 14px;
border-radius: 0;
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.dropdown-menu > li > a,
.nav .nav-child > li > a {
padding: 6px 12px;
color: #303030;
}
.dropdown-menu > li > a span,
.nav .nav-child > li > a span {
margin-right: 12px;
position: relative;
bottom: -2px;
}
.list-unstyled {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
border: 1px solid #ccc;
*border-right-width: 2px;
*border-bottom-width: 2px;
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);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-align: left;
min-width: 160px;
padding: 0;
margin: 0;
background-color: #fff;
border: 1px solid #303030;
font-size: 14px;
border-radius: 0;
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.list-unstyled > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 24px;
color: #303030;
white-space: nowrap;
position: relative;
}
.nav .list-unstyled {
min-width: 160px;
padding: 0;
margin: 0;
background-color: #fff;
border: 1px solid #303030;
font-size: 14px;
border-radius: 0;
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.nav .list-unstyled > li > a {
padding: 6px 12px;
color: #303030;
}
.nav .list-unstyled > li > a span {
margin-right: 12px;
position: relative;
bottom: -2px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.nav .list-unstyled > li:hover > a,
.nav .list-unstyled > li:focus > a,
.nav .nav-child > li:hover > a,
.nav .nav-child > li:focus > a {
background: #303030;
color: #ffffff;
text-decoration: none;
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav .list-unstyled > .active > a,
.nav .list-unstyled > .active:hover > a,
.nav .list-unstyled > .active:focus > a,
.nav .nav-child > .active > a,
.nav .nav-child > .active:hover > a,
.nav .nav-child > .active:focus > a {
background: #3498db;
color: #ffffff;
text-decoration: none;
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#mainnav {
background: #fff;
color: #000000;
border: 0;
border-bottom: 1px solid #e0e0e0;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 992px) {
#mainnav {
background: #303030;
}
.j4 #mainnav [class*="span"] {
width: 100%;
}
}
#mainnav .navbar-inner {
position: relative;
background: transparent;
border: 0;
min-height: 0;
margin: 0;
padding: 0;
width: 100%;
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#mainnav .btn-navbar {
background: #303030;
border: 0;
color: #fff;
float: left;
margin: 0;
text-transform: uppercase;
padding: 8px 18px;
height: 48px;
}
#mainnav .btn-navbar .fa {
margin-right: 5px;
}
@media only screen and (max-width: 480px) {
#mainnav .btn-navbar span {
display: none;
}
}
#mainnav .btn-navbar:hover,
#mainnav .btn-navbar:active,
#mainnav .btn-navbar:focus {
background: #3498db;
color: #ffffff;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#mainnav .nav-collapse {
display: block;
}
@media only screen and (min-width: 992px) {
#mainnav .nav > li {
padding-right: 24px;
display: inline-block;
}
}
#mainnav .nav > li > a,
#mainnav .nav > li > .separator {
text-transform: uppercase;
font-weight: 700;
padding: 0 2px;
line-height: 48px;
position: relative;
display: block;
text-shadow: none;
}
#mainnav .nav > li > a:after,
#mainnav .nav > li > .separator:after {
content: '';
border-bottom: 0px solid #303030;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
-webkit-transition: ease 0.2s all;
transition: ease 0.2s all;
}
#mainnav .nav > li > a:hover,
#mainnav .nav > li > a:active,
#mainnav .nav > li > a:focus,
#mainnav .nav > li:hover > a,
#mainnav .nav > li:hover > .separator {
background: transparent;
}
#mainnav .nav > li > a:hover:after,
#mainnav .nav > li > a:active:after,
#mainnav .nav > li > a:focus:after,
#mainnav .nav > li:hover > a:after,
#mainnav .nav > li:hover > .separator:after {
border-bottom-width: 5px;
}
#mainnav .nav > .active > a,
#mainnav .nav > .active > .separator {
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#mainnav .nav > .active > a:after,
#mainnav .nav > .active > .separator:after {
border-bottom-width: 2px;
}
#mainnav .nav .badge {
background: transparent;
border-radius: 0;
}
#mainnav .nav .badge-hot:before {
background-color: #c0392b;
border-radius: 2px;
color: #fff;
content: "Hot";
display: inline-block;
height: 10px;
font-size: 9px;
font-weight: normal;
line-height: 10px;
letter-spacing: 1px;
padding: 2px 5px;
position: absolute;
top: 2px;
right: -20px;
text-transform: uppercase;
width: 18px;
}
#mainnav .nav .parent {
position: relative;
}
#mainnav .nav .parent > a,
#mainnav .nav .parent > .separator {
padding-right: 20px;
}
#mainnav .nav .parent > a:before,
#mainnav .nav .parent > .separator:before {
content: "\f107";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
position: absolute;
right: 3px;
top: 1px;
}
#mainnav .nav .parent .parent > a:before,
#mainnav .nav .parent .parent > .separator:before {
content: "\f105";
right: 12px;
top: 6px;
}
#mainnav .nav .nav-child > li {
border-bottom: 1px dotted #e0e0e0;
}
#mainnav .nav .nav-child > li:last-child {
border-bottom: 0;
}
#mainnav .nav > li:hover > .nav-child {
display: block;
left: auto;
}
#mainnav .nav .nav-child > li:hover > .nav-child {
display: block;
left: 155px;
top: 5px;
}
#mainnav .nav .list-unstyled {
display: none;
}
#mainnav .nav .list-unstyled > li {
border-bottom: 1px dotted #e0e0e0;
}
#mainnav .nav .list-unstyled > li:last-child {
border-bottom: 0;
}
#mainnav .nav .list-unstyled > li:hover > .list-unstyled {
display: block;
left: 155px;
top: 5px;
}
#mainnav .nav > li:hover > .list-unstyled {
display: block;
left: auto;
}
@media only screen and (max-width: 992px) {
#mainnav .nav-collapse {
background: #fff;
}
#mainnav .nav-collapse.show,
#mainnav .nav-collapse.in {
padding-bottom: 24px;
}
#mainnav .nav-collapse .nav > li {
padding-left: 24px;
padding-right: 24px;
clear: both;
}
#mainnav .nav-collapse .list-unstyled,
#mainnav .nav-collapse .nav-child {
position: relative;
top: 0 !important;
left: 0 !important;
height: auto;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #e0e0e0;
}
#mainnav .nav-collapse .list-unstyled > li > a,
#mainnav .nav-collapse .nav-child > li > a {
padding: 8px 18px;
}
#mainnav .nav-collapse .list-unstyled .list-unstyled,
#mainnav .nav-collapse .nav-child .list-unstyled,
#mainnav .nav-collapse .list-unstyled .nav-child,
#mainnav .nav-collapse .nav-child .nav-child {
background: #f6f7f8;
border: 0;
}
#mainnav .nav-collapse .list-unstyled .parent > a,
#mainnav .nav-collapse .nav-child .parent > a,
#mainnav .nav-collapse .list-unstyled .parent > .separator,
#mainnav .nav-collapse .nav-child .parent > .separator {
position: relative;
}
#mainnav .nav-collapse .list-unstyled .parent > a:before,
#mainnav .nav-collapse .nav-child .parent > a:before,
#mainnav .nav-collapse .list-unstyled .parent > .separator:before,
#mainnav .nav-collapse .nav-child .parent > .separator:before {
content: "\f107";
}
}
.breadcrumb {
margin: 0 0 6px;
padding: 0;
border-radius: 0;
line-height: normal;
background: none;
font-size: 14px;
}
.page-featured .breadcrumb {
display: none;
}
.breadcrumb > .active {
color: #606060;
}
.breadcrumb .pathway {
color: #303030;
font-weight: bold;
}
.breadcrumb .divider img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 2px;
}
.pagination {
margin: 24px 0 0;
}
.pagination ul {
margin: 0;
padding: 0;
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.pagination ul > li {
display: inline-block;
margin-right: 2px;
}
.pagination ul > li > a,
.pagination ul > li > span {
border: 1px solid #303030;
padding: 6px 12px;
text-transform: uppercase;
display: block;
color: #303030;
}
.pagination ul > li > span {
border-color: #e0e0e0;
background: #e0e0e0;
opacity: 0.5;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
background: #303030;
color: #fff;
}
.pagination {
*zoom: 1;
display: block;
}
.pagination:before,
.pagination:after {
display: table;
content: "";
line-height: 0;
}
.pagination:after {
clear: both;
}
.pagination .pagination {
display: inline-block;
}
.counter {
display: inline-block;
padding: 6px 12px !important;
background-color: #303030;
color: #fff;
border: 1px solid #303030;
border-radius: 0;
}
ul.pagination > li.page-item {
display: inline-block;
margin-right: 2px;
}
ul.pagination > li.page-item > a.page-link,
ul.pagination > li.page-item > span.page-link {
border: 1px solid #303030;
padding: 6px 12px;
text-transform: uppercase;
display: block;
color: #303030;
border-radius: 0;
}
ul.pagination > li.page-item > span.page-link {
border-color: #e0e0e0;
background: #e0e0e0;
opacity: 0.5;
}
ul.pagination > li.page-item > a.page-link:hover,
ul.pagination > li.page-item > a.page-link:focus {
background: #303030;
color: #fff;
}
.pager {
margin: 24px 0;
list-style: none;
text-align: center;
*zoom: 1;
}
.pager:before,
.pager:after {
display: table;
content: "";
line-height: 0;
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 6px 12px;
background-color: #fff;
border: 1px solid #303030;
color: #303030;
border-radius: 0;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #303030;
color: #fff;
}
.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: #909090;
background-color: #fff;
cursor: default;
}
.pager .icon-chevron-left,
.pager .icon-chevron-right {
font-size: 10px;
}
/**
*------------------------------------------------------------------------------
* @package SIMPLI - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
.nav-tabs {
border-bottom: 1px solid #e0e0e0;
}
.nav-tabs > li {
margin-bottom: -1px;
margin-right: 4px;
}
.nav-tabs > li > a {
color: #303030;
background: transparent;
border: 1px solid transparent;
padding-top: 8px;
padding-bottom: 8px;
line-height: 24px;
border-radius: 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
background: #f6f7f8;
color: #303030;
border: 1px solid #e0e0e0;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
color: #fff;
background-color: #303030;
border: 1px solid #303030;
cursor: default;
}
.nav-pills > li > a {
border-radius: 0;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
color: #fff;
background-color: #3498db;
}
.nav-tabs.nav-stacked {
border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
border: 1px solid transparent;
border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.nav-tabs.nav-stacked > li:last-child > a {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
border-color: transparent;
}
.nav-pills.nav-stacked > li > a {
margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
margin-bottom: 1px;
}
.well {
min-height: 24px;
padding: 24px;
margin-top: 24px;
margin-bottom: 24px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 0;
}
.well blockquote {
border-color: #e0e0e0;
}
.well-large {
padding: 36px;
border-radius: 0;
}
.well-small {
padding: 12px;
border-radius: 0;
}
/**
*------------------------------------------------------------------------------
* @package SIMPLI - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
.ja-module {
padding: 0;
margin-bottom: 24px;
}
.module-title {
border-bottom: 1px solid #e0e0e0;
color: #303030;
font-size: 16px;
letter-spacing: 1px;
margin: 0 0 24px 0;
padding: 0 0 8px;
text-transform: uppercase;
}
.module-title span {
display: inline-block;
}
.module-ct {
*zoom: 1;
}
.module-ct:before,
.module-ct:after {
display: table;
content: "";
line-height: 0;
}
.module-ct:after {
clear: both;
}
.module-ct > ul,
.module-ct .custom > ul,
.module-ct > ol,
.module-ct .custom > ol {
margin: 0 0 0 24px;
padding-left: 0;
}
.module-ct > ul.unstyled,
.module-ct .custom > ul.unstyled,
.module-ct > ol.unstyled,
.module-ct .custom > ol.unstyled {
padding-left: 0;
}
.module-ct > ul.nav,
.module-ct .custom > ul.nav,
.module-ct > ol.nav,
.module-ct .custom > ol.nav {
padding-left: 0;
margin-left: 0;
}
.ja-module .nav,
.module-menu .nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ja-module .nav > li,
.module-menu .nav > li {
display: block;
padding: 2px 0;
margin: 0;
}
.ja-module .nav > li > .separator,
.module-menu .nav > li > .separator {
padding: 6px 12px;
display: block;
}
.ja-module .nav > li > a,
.module-menu .nav > li > a {
color: #303030;
display: inline-block;
background: #f6f7f8;
padding: 6px 12px;
position: relative;
left: 0;
-webkit-transition: left 0.2s ease;
transition: left 0.2s ease;
}
.ja-module .nav > li > a:before,
.module-menu .nav > li > a:before {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin-right: 5px;
}
.ja-module .nav > li > a:hover,
.module-menu .nav > li > a:hover,
.ja-module .nav > li > a:active,
.module-menu .nav > li > a:active,
.ja-module .nav > li > a:focus,
.module-menu .nav > li > a:focus {
text-decoration: none;
background: #303030;
color: #fff;
left: 3px;
}
.ja-module .nav > li.active > a,
.module-menu .nav > li.active > a {
background: #303030;
color: #fff;
}
#login-form {
margin-bottom: 0;
}
#login-form ul.unstyled {
margin-top: 24px;
margin-bottom: 0;
}
#login-form #form-login-username .input-prepend,
#login-form #form-login-password .input-prepend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding-left: 30px;
width: 100%;
}
#login-form #form-login-username .input-prepend .add-on,
#login-form #form-login-password .input-prepend .add-on {
position: absolute;
top: 0;
left: 0;
}
#login-form #form-login-username input,
#login-form #form-login-password input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left: 0;
height: 34px;
width: 100%;
}
#login-form #form-login-remember {
margin-bottom: 12px;
}
#login-form #form-login-remember label {
font-weight: normal;
}
#login-form #form-login-remember .inputbox {
margin: 0 0 0 5px;
vertical-align: middle;
}
.mod-login .mod-login__options {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 12px;
position: relative;
top: auto;
left: auto;
display: block;
}
.mod-login .mod-login__options a {
padding: 0;
margin-bottom: 4px;
}
.banneritem a {
font-weight: bold;
}
.bannerfooter {
border-top: 1px solid #e0e0e0;
font-size: 14px;
padding-top: 12px;
text-align: right;
}
.categories-module,
ul.categories-module,
.category-module,
ul.category-module,
ul.mostread {
margin: 0;
}
.categories-module li,
ul.categories-module li,
.category-module li,
ul.category-module li,
ul.mostread li {
list-style: none;
padding: 2px 0;
margin: 0;
}
.categories-module li:first-child,
ul.categories-module li:first-child,
.category-module li:first-child,
ul.category-module li:first-child,
ul.mostread li:first-child {
border-top: 0;
padding-top: 0;
}
.categories-module li a,
ul.categories-module li a,
.category-module li a,
ul.category-module li a,
ul.mostread li a {
color: #303030;
display: inline-block;
background: #f6f7f8;
padding: 6px 12px;
position: relative;
left: 0;
-webkit-transition: left 0.2s ease;
transition: left 0.2s ease;
}
.categories-module li a:before,
ul.categories-module li a:before,
.category-module li a:before,
ul.category-module li a:before,
ul.mostread li a:before {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin-right: 5px;
}
.categories-module li a:hover,
ul.categories-module li a:hover,
.category-module li a:hover,
ul.category-module li a:hover,
ul.mostread li a:hover,
.categories-module li a:active,
ul.categories-module li a:active,
.category-module li a:active,
ul.category-module li a:active,
ul.mostread li a:active,
.categories-module li a:focus,
ul.categories-module li a:focus,
.category-module li a:focus,
ul.category-module li a:focus,
ul.mostread li a:focus {
text-decoration: none;
background: #303030;
color: #fff;
left: 3px;
}
.categories-module h4,
ul.categories-module h4,
.category-module h4,
ul.category-module h4,
ul.mostread h4 {
font-size: 16px;
font-weight: normal;
margin: 0;
}
.feed h4 {
font-weight: bold;
}
.feed .newsfeed,
.feed ul.newsfeed {
border-top: 1px solid #e0e0e0;
}
.feed .newsfeed .feed-link,
.feed ul.newsfeed .feed-link,
.feed .newsfeed h5.feed-link,
.feed ul.newsfeed h5.feed-link {
font-size: 16px;
font-weight: normal;
margin: 0;
}
a.syndicate-module {
padding: 6px 12px;
display: inline-block;
background: #f39c12;
color: #fff;
}
a.syndicate-module img {
display: none;
}
a.syndicate-module:before {
content: "\f143";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin-right: 5px;
}
a.syndicate-module:hover,
a.syndicate-module:active,
a.syndicate-module:focus {
text-decoration: none;
background: #e08e0b;
}
.latestusers,
ul.latestusers {
margin-left: 0;
}
.latestusers li,
ul.latestusers li {
background: #e0e0e0;
display: inline-block;
padding: 5px 10px;
border-radius: 0;
}
.stats-module {
margin: 0;
}
.stats-module dt,
.stats-module dd {
display: inline-block;
margin: 0;
}
.stats-module dt {
font-weight: bold;
width: 35%;
}
.stats-module dd {
width: 60%;
}
.tagspopular ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.tagspopular ul > li {
color: #606060;
display: inline-block;
margin: 0 5px 10px 0;
}
.tagspopular ul > li > a {
background: #e0e0e0;
border-radius: 2px;
color: #606060;
display: block;
padding: 2px 10px;
}
.tagspopular ul > li > a:hover,
.tagspopular ul > li > a:focus,
.tagspopular ul > li > a:active {
background: #303030;
color: #fff;
text-decoration: none;
}
.tagssimilar ul {
margin: 0;
padding: 0;
list-style: none;
}
.tagssimilar ul > li {
border-bottom: 1px solid #e0e0e0;
padding: 8px 0;
}
.tagssimilar ul > li > a {
color: #606060;
}
.tagssimilar ul > li > a:hover,
.tagssimilar ul > li > a:focus,
.tagssimilar ul > li > a:active {
color: #303030;
}
.module-ct > ol.breadcrumb {
padding: 8px 18px;
margin-left: 0;
}
.custom {
background-repeat: no-repeat;
background-size: 100%;
}
.module-dark {
background-color: #101010;
color: #e0e0e0;
padding: 24px;
}
.module-dark .module-dark {
padding: 0;
}
.module-dark .module-title {
color: #e0e0e0;
border-color: #303030;
}
.module.mod-hilite {
border: 3px solid #f39c12;
padding: 24px;
}
.module.mod-hilite h4 {
font-size: 14px;
}
.module.box-grey {
background-color: #f5f5f1;
border: 1px solid #e0e0e0;
padding: 24px;
}
ul.grid-view {
display: -ms-grid;
display: grid;
-ms-grid-columns: (auto)[3];
grid-template-columns: repeat(3, auto);
-ms-grid-rows: (auto)[2];
grid-template-rows: repeat(2, auto);
margin: 0;
list-style: none;
}
ul.grid-view > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
ul.grid-view > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
ul.grid-view > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
ul.grid-view > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
ul.grid-view > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
ul.grid-view > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
ul.grid-view li {
background-color: #f6f7f8;
margin: 0;
height: 227px;
}
ul.grid-view li .item-info {
position: relative;
}
@media screen and (min-width: 992px) {
}
ul.grid-view li .item-info .item-image {
position: relative;
margin: 0;
}
ul.grid-view li .item-info .item-image img {
width: 100%;
}
ul.grid-view li .item-info .item-image .mask {
background-image: linear-gradient(135deg, #be3636 0px, #3b910b 100%);
background-repeat: repeat-x;
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
opacity: 0.6;
width: 100%;
}
ul.grid-view li .item-info .item-title {
bottom: 24px;
font-size: 20px;
font-weight: 600;
left: 12px;
margin: 0;
position: absolute;
padding: 0 24px 0;
}
ul.grid-view li .item-info .item-title a {
color: #fff;
}
ul.grid-view li.item-first {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 2;
grid-column-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 2;
grid-row-end: 3;
}
ul.grid-view li.item-first .item-info {
height: auto;
overflow: hidden;
}
@media screen and (min-width: 992px) {
ul.grid-view li.item-first .item-info .item-title {
font-size: 32px;
}
}
ul.grid-view li.item-first .item-info .item-image .mask {
background-image: linear-gradient(135deg, #000000, #1d578a);
}
ul.grid-view li:nth-child(3) .item-intro .item-image .mask {
background-image: linear-gradient(135deg, #000000, #dc1e25);
}
ul.list-view {
list-style: none;
margin: 0;
padding: 0;
}
ul.list-view li {
border-bottom: 1px dotted #e0e0e0;
display: block;
padding-bottom: 16px;
margin-bottom: 16px;
overflow: hidden;
}
ul.list-view li:last-child {
border: 0;
}
ul.list-view li .item-image {
float: left;
margin-right: 24px;
margin-bottom: 0;
max-width: 120px;
}
ul.list-view li .item-title {
font-size: 16px;
font-weight: 600;
margin: 0;
padding: 0;
}
ul.list-view li .item-title a {
color: #303030;
}
ul.list-view li .item-title a:hover,
ul.list-view li .item-title a:focus,
ul.list-view li .item-title a:active {
color: #303030;
}
ul.list-view li .mod-articles-category-introtext {
margin-bottom: 0;
}
.newsletter form {
margin-bottom: 0;
}
.newsletter .inputbox {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #e0e0e0;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
height: 42px;
line-height: 42px;
margin-bottom: 0;
padding: 0 24px;
width: 80%;
}
@media screen and (max-width: 767px) {
.newsletter .inputbox {
width: 50%;
}
}
/**
*------------------------------------------------------------------------------
* @package SIMPLI - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
h2.item-title,
.item-title h2 {
margin: 0;
font-size: 32px;
font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
}
@media (max-width: 480px) {
h2.item-title,
.item-title h2 {
font-size: 24px;
}
}
h2.item-title a,
.item-title h2 a {
color: #303030;
}
h2.item-title a:hover,
.item-title h2 a:hover,
h2.item-title a:active,
.item-title h2 a:active,
h2.item-title a:focus,
.item-title h2 a:focus {
color: #303030;
text-decoration: none;
border-bottom: 1px solid #303030;
}
.article-info {
margin: 6px auto 24px;
font-size: 14px;
color: #909090;
}
.article-info .article-info-term {
display: none;
}
.article-info dd {
display: inline-block;
margin: 0;
white-space: nowrap;
}
.article-info dd:after {
content: "–";
display: inline-block;
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
color: #909090;
font-size: 16px;
}
.article-info dd:last-child:after {
display: none;
}
.article-info dd .fa,
.article-info dd [class^="icon-"],
.article-info dd [class*=" icon-"] {
display: none;
}
.article-info dd div {
display: inline-block;
}
.createdby {
font-weight: 700;
}
.content_rating {
margin: 6px auto;
font-size: 12px;
color: #606060;
text-transform: uppercase;
}
.content_rating > p {
display: inline-block;
}
.content_vote .btn {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #303030;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
border: 1px solid #ccc;
*border: 0;
border-bottom-color: #b3b3b3;
border-radius: 0;
*margin-left: 0.3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
background-image: none;
text-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-box-shadow: none;
box-shadow: none;
padding: 8px 24px;
}
.content_vote .btn:hover,
.content_vote .btn:focus,
.content_vote .btn:active,
.content_vote .btn.active,
.content_vote .btn.disabled,
.content_vote .btn[disabled] {
color: #303030;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.content_vote .btn:active,
.content_vote .btn.active {
background-color: #cccccc \9;
}
.content_vote .btn:first-child {
*margin-left: 0;
}
.content_vote .btn:hover,
.content_vote .btn:focus {
color: #303030;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.content_vote .btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.content_vote .btn.active,
.content_vote .btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.content_vote .btn.disabled,
.content_vote .btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.content_vote .btn .label,
.content_vote .btn .badge {
position: relative;
top: -1px;
}
.content_vote .btn:hover,
.content_vote .btn:focus {
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.content_vote .btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.content_vote .btn.active,
.content_vote .btn:active {
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.icons .btn {
color: #303030;
border: 1px solid transparent;
padding: 4px 6px;
line-height: normal;
}
.icons .btn:hover,
.icons .btn:active,
.icons .btn:focus {
border: 1px solid #101010;
}
.icons .icon-cog {
font-size: 12px;
margin: 0;
}
.icons .caret {
display: none;
}
.item-image {
*zoom: 1;
margin-bottom: 24px;
}
.item-image:before,
.item-image:after {
display: table;
content: "";
line-height: 0;
}
.item-image:after {
clear: both;
}
.item-image img {
max-width: 100%;
}
body.magazine .item .item-image {
float: left;
margin-left: 40px;
width: 300px;
margin-left: 0 !important;
max-height: 216px;
overflow: hidden;
}
@media (min-width: 1200px) {
body.magazine .item .item-image {
margin-left: 50px;
width: 350px;
}
}
.pull-left.item-image,
.item-image.pull-left {
margin-right: 24px;
width: 50%;
}
@media only screen and (max-width: 767px) {
.pull-left.item-image,
.item-image.pull-left {
width: 100%;
margin-right: 0;
}
}
.pull-right.item-image,
.item-image.pull-right {
margin-left: 24px;
width: 50%;
}
@media only screen and (max-width: 767px) {
.pull-right.item-image,
.item-image.pull-right {
width: 100%;
margin-left: 0;
}
}
.img_caption p.img_caption {
width: 100%;
margin: 0;
padding: 5px;
text-align: center;
clear: both;
}
figure {
-webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.1);
margin: 0 0 24px;
}
figure.pull-left {
margin-left: 0;
}
figure.pull-right {
margin-right: 0;
}
@media (max-width: 480px) {
figure.pull-left,
figure.pull-right {
float: none;
}
figure.pull-left img,
figure.pull-right img {
width: 100%;
}
}
figure figcaption {
background-color: #303030;
color: #909090;
font-size: 12px;
letter-spacing: 0.5px;
padding: 6px 12px;
text-transform: uppercase;
text-align: center;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.readmore {
margin-top: 24px;
margin-bottom: 0;
}
.readmore .btn {
background: #fff;
border: 1px solid #303030;
color: #303030;
max-width: 157.5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.readmore .btn:hover,
.readmore .btn:active,
.readmore .btn:focus {
background: #303030;
color: #fff;
}
.readmore .btn .icon-chevron-right {
font-size: 8px;
top: -2px;
margin-left: -2px;
position: relative;
}
.items-more {
padding-top: 24px;
margin-top: 24px;
border-top: 1px solid #e0e0e0;
}
.items-more:before {
content: "More Articles";
display: inline-block;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 6px;
border-bottom: 3px solid #303030;
margin-bottom: 12px;
}
.items-more .nav-tabs > li {
margin: 0;
padding: 2px 0;
}
.items-more .nav-tabs > li > a {
border: 0;
padding: 0;
color: #303030;
display: inline-block;
padding: 6px 12px;
background: #f6f7f8;
position: relative;
left: 0;
-webkit-transition: left 0.2s ease;
transition: left 0.2s ease;
}
.items-more .nav-tabs > li > a:before {
content: "\f0f6";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin-right: 5px;
}
.items-more .nav-tabs > li > a:hover,
.items-more .nav-tabs > li > a:active,
.items-more .nav-tabs > li > a:focus {
background: #303030;
color: #fff;
left: 3px;
}
.blog-items[class^="masonry-"],
.blog-items[class*=" masonry-"] {
display: block;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.blog-items[class^="masonry-"] .blog-item,
.blog-items[class*=" masonry-"] .blog-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
page-break-inside: avoid;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
overflow: hidden;
}
@media (min-width: 1200px) {
.blog-items.masonry-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.blog-items.masonry-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.blog-items.masonry-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
}
.items-leading [class^="leading-"] {
padding: 24px 0;
}
.items-leading [class^="leading-"]:first-child {
padding-top: 0;
}
.items-leading [class^="leading-"] .item-image {
max-height: 192px;
overflow: hidden;
}
@media (max-width: 480px) {
.items-leading [class^="leading-"] .item-image {
width: 100%;
}
}
.items-leading [class^="leading-"] p {
margin-top: 12px;
margin-bottom: 0;
}
.items-leading [class^="leading-"] .readmore {
margin-top: 24px;
}
.items-row .item {
font-size: 14px;
padding-top: 12px;
padding-bottom: 12px;
}
@media only screen and (min-width: 992px) {
.items-row .item {
padding-top: 24px;
padding-bottom: 24px;
}
}
.items-row .item .item-title {
font-size: 24px;
}
.items-row .item p {
margin-top: 12px;
margin-bottom: 0;
}
.items-row .item .readmore {
margin-top: 24px;
}
.items-row.cols-2 .item .item-image,
.items-row.cols-3 .item .item-image,
.items-row.cols-4 .item .item-image,
.items-row.cols-5 .item .item-image,
.items-row.cols-6 .item .item-image {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
max-height: 192px;
overflow: hidden;
}
.blog-items .blog-item {
font-size: 14px;
padding-top: 12px;
padding-bottom: 12px;
}
@media only screen and (min-width: 992px) {
.blog-items .blog-item {
padding-top: 24px;
padding-bottom: 24px;
}
}
.blog .col {
padding-left: 0;
padding-right: 0;
}
.blog.container-fluid {
padding-left: 0;
padding-right: 0;
}
.blog.container-fluid > .row {
margin-left: 0;
}
.blog-featured .col {
padding-left: 0;
padding-right: 0;
}
.blog-featured.container-fluid {
padding-left: 0;
padding-right: 0;
}
.blog-featured.container-fluid > .row {
margin-left: 0;
}
.blog-featured.container-fluid > [class*="row cols"] {
margin-left: -15px;
margin-right: -15px;
}
.item-page .page-header {
margin-bottom: 24px;
}
.item-page .page-header h2 {
font-size: 48px;
margin: 0;
}
@media (max-width: 480px) {
.item-page .page-header h2 {
font-size: 24px;
}
}
.item-page h1,
.item-page h2,
.item-page h3 {
margin-top: 24px;
}
.item-page .db-frame-designit {
float: right;
margin: 0 0 24px 0;
}
.categories-list .page-header {
border-top: 1px solid #e0e0e0;
padding: 12px 0;
}
.categories-list .page-header .btn {
background: none;
border: 0;
line-height: 1;
margin-top: 12px;
}
.categories-list .page-header .btn span {
font-size: 24px;
}
.categories-list .com-content-categories__item-title .badge {
border-radius: 4px;
padding: 4px 6px;
font-weight: 400;
text-shadow: none;
}
.categories-list .category-desc {
font-size: 14px;
color: #606060;
padding-bottom: 12px;
}
.category-list .filters.btn-toolbar legend {
border: none;
margin-bottom: 0;
}
@media (min-width: 768px) {
.page-login .controls {
width: 40%;
}
}
.page-login .list-group {
border: none;
}
.page-login .list-group .list-group-item:last-child {
border-bottom: 1px solid #e0e0e0;
}
.search {
margin-top: 48px;
}
.search .pull-left {
margin-right: 12px;
}
.search #search-searchword {
height: 31px;
line-height: 31px;
margin-bottom: 0;
}
.search #searchForm .btn-group.pull-left {
margin-right: 0;
}
.search #searchForm #search-searchword {
height: inherit;
line-height: inherit;
margin-bottom: inherit;
}
.search .counter {
margin-top: 24px;
}
.finder .fa-search::before {
font-family: "fontAwesome";
}
.registration .form-control-feedback {
display: none;
}
@media (max-width: 320px) {
.contact-form input,
.contact-form textarea {
width: 100%;
}
}
.contentpane {
font-family: "PT Sans", sans-serif;
padding: 0;
}
.contentpane #mailto-window {
height: 300px;
padding: 24px;
position: relative;
overflow: auto;
}
.contentpane #mailto-window h2 {
font-size: 18px;
font-family: "PT Sans", sans-serif;
margin: 0 0 12px;
text-transform: uppercase;
}
.contentpane #mailto-window .inputbox {
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
}
.contentpane #mailto-window .mailto-close {
position: absolute;
top: 24px;
right: 12px;
}
.contentpane #mailto-window .mailto-close a {
display: block;
text-decoration: none;
}
.contentpane #mailto-window .mailto-close a:hover span,
.contentpane #mailto-window .mailto-close a:focus span,
.contentpane #mailto-window .mailto-close a:active span {
border-color: #303030;
}
.contentpane #mailto-window .mailto-close a:hover span:before,
.contentpane #mailto-window .mailto-close a:focus span:before,
.contentpane #mailto-window .mailto-close a:active span:before {
color: #303030;
text-decoration: none;
}
.contentpane #mailto-window .mailto-close span {
border: 1px solid #909090;
border-radius: 2px;
display: block;
height: 24px;
overflow: hidden;
text-indent: 100px;
text-align: center;
width: 24px;
}
.contentpane #mailto-window .mailto-close span:before {
color: #606060;
display: block !important;
height: 24px;
width: 24px;
text-indent: 0;
content: "\f00d";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
}
.contentpane #mailto-window .button {
background-color: #e0e0e0;
border: 0;
color: #303030;
padding: 0 24px;
line-height: 36px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.contentpane #mailto-window .button:first-child {
background-color: #303030;
color: #f6f7f8;
margin-right: 6px;
}
.contentpane #mailto-window .button:hover {
background-color: #3498db;
color: #fff;
}
.contentpane .item-page {
padding: 24px;
}
.contentpane .item-page .page-header h2 {
font-size: 32px;
font-family: "PT Sans", sans-serif;
margin: 0 0 24px;
}
.contentpane .item-page #pop-print {
background-color: #fff;
border: 1px solid #e0e0e0;
}
.contentpane .item-page #pop-print a {
color: #606060;
}
.contentpane .item-page #pop-print a span {
display: inline-block;
margin-right: 10px;
}
.contentpane .item-page #pop-print:hover,
.contentpane .item-page #pop-print:focus,
.contentpane .item-page #pop-print:active {
background-color: #303030;
border-color: #303030;
}
.contentpane .item-page #pop-print:hover a:hover,
.contentpane .item-page #pop-print:focus a:hover,
.contentpane .item-page #pop-print:active a:hover,
.contentpane .item-page #pop-print:hover a:focus,
.contentpane .item-page #pop-print:focus a:focus,
.contentpane .item-page #pop-print:active a:focus,
.contentpane .item-page #pop-print:hover a:active,
.contentpane .item-page #pop-print:focus a:active,
.contentpane .item-page #pop-print:active a:active {
color: #fff;
text-decoration: none;
}
#jform_privacyconsent_privacy-lbl a.modal,
#jform_consentbox-lbl a.modal,
#jform_terms_terms-lbl a.modal,
#jform_profile_tos-lbl a.modal {
display: inline-block;
position: relative;
}
#jform_terms_terms input[type="radio"],
#jform_privacyconsent_privacy input[type="radio"],
#jform_consentbox input[type="radio"],
#jform_profile_tos input[type="radio"],
#jform_terms_terms input[type="checkbox"],
#jform_privacyconsent_privacy input[type="checkbox"],
#jform_consentbox input[type="checkbox"],
#jform_profile_tos input[type="checkbox"] {
position: relative;
margin: 0;
margin-right: 5px;
width: auto;
float: none;
}
#jform_terms_terms label,
#jform_privacyconsent_privacy label,
#jform_consentbox label,
#jform_profile_tos label {
margin-right: 12px;
padding: 0;
}
.icons,
.mod-list,
.mod-custom,
.ja-module,
.mod-banners,
.mod-breadcrumbs__wrapper,
.mod-whosonline {
position: relative;
}
.btn.jmodedit {
background-color: rgba(0, 0, 0, 0.2);
border: 0;
border-radius: 0.25rem;
color: #fff;
left: auto;
margin-top: 0;
padding: 4px 4px 4px 8px;
position: absolute;
right: 0;
top: 0;
z-index: 900;
}
[role="tooltip"]:not(.show) {
background: #fff;
border: 1px solid #ccc;
border-radius: 6px;
-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
color: #000;
display: none;
margin: 0;
max-width: 100%;
padding: 12px;
right: 36px;
text-align: start;
z-index: 1070;
}
.float-pos [role="tooltip"] {
min-width: 150px;
}
:focus + [role="tooltip"],
:hover + [role="tooltip"] {
display: block;
position: absolute;
}
.btn-link.jmodedit {
display: none;
}
:hover > .btn-link.jmodedit {
display: block;
}
.alert {
padding: 24px;
}
.alert h4 {
font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 12px;
}
.alert p {
margin-bottom: 0;
}
.nav-pills a span {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 3px;
padding: 3px 5px;
text-shadow: none;
}
.label {
border-radius: 2px;
font-weight: 500;
padding: 5px 10px;
}
.label.label-primary {
background-color: #3498db;
}
.note-small {
color: #909090;
display: inline-block;
font-size: 10px;
margin-top: 6px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.list-group {
border: 1px solid #e0e0e0;
list-style: none;
margin: 0;
}
.list-group .list-group-item {
border-bottom: 1px solid #e0e0e0;
display: block;
padding: 12px 24px;
overflow: hidden;
}
.list-group .list-group-item:last-child {
border-bottom: 0;
}
.list-group .list-group-item .badge {
border-radius: 2px;
float: right;
line-height: 18px;
}
.list-group a.list-group-item {
color: #303030;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.list-group a.list-group-item:hover,
.list-group a.list-group-item:focus,
.list-group a.list-group-item:active {
background-color: #3498db;
border-color: #3498db;
color: #fff;
text-decoration: none;
}
.list-group a.list-group-item:hover .badge,
.list-group a.list-group-item:focus .badge,
.list-group a.list-group-item:active .badge {
background-color: rgba(0, 0, 0, 0.2);
}
.list-group .list-group-item-heading,
.list-group .list-group-item-text {
padding: 0 24px;
}
.list-group .list-group-item-heading {
border-top: 1px solid #e0e0e0;
font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-top: 0;
margin-bottom: 6px;
padding-top: 12px;
}
.list-group .list-group-item-heading:first-child {
border: 0;
}
.list-group .list-group-item-text {
line-height: 1.2;
}
.panel {
border: 1px solid #e0e0e0;
margin-bottom: 24px;
}
.panel .panel-heading {
background-color: #e0e0e0;
padding: 12px 24px;
}
.panel .panel-heading h3 {
margin: 0;
font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
}
.panel .panel-body {
padding: 12px 24px;
}
.panel.panel-primary {
border-color: #3498db;
}
.panel.panel-primary .panel-heading {
background-color: #3498db;
color: #fff;
}
.panel.panel-success {
border-color: #008c31;
}
.panel.panel-success .panel-heading {
background-color: #008c31;
color: #fff;
}
.panel.panel-danger {
border-color: #c0392b;
}
.panel.panel-danger .panel-heading {
background-color: #c0392b;
color: #fff;
}
.panel.panel-warning {
border-color: #f39c12;
}
.panel.panel-warning .panel-heading {
background-color: #f39c12;
color: #fff;
}
.panel.panel-info {
border-color: #1abc9c;
}
.panel.panel-info .panel-heading {
background-color: #1abc9c;
color: #fff;
}
.well.well-sm {
font-size: 14px;
}
.well.well-lg {
font-size: 18px;
}
blockquote.left-side {
float: left;
margin: 24px 24px 24px 0;
width: 50%;
}
blockquote.left-side p {
color: #606060;
font-style: italic;
}
.dropcap {
display: inline-block;
font-size: 45px;
float: left;
font-weight: bold;
line-height: 1;
margin-right: 12px;
}
ul.staff {
list-style: none;
margin: 0 !important;
padding: 0;
}
ul.staff li {
border-bottom: 1px dotted #e0e0e0;
display: block;
padding-top: 12px;
padding-bottom: 12px;
overflow: hidden;
}
ul.staff li:last-child {
border-bottom: 0;
}
ul.staff li img {
border: 1px solid #e0e0e0;
float: left;
padding: 3px;
margin-right: 12px;
margin-top: 5px;
}
ul.staff li h5 {
margin: 0;
}
.media {
background-color: #fff;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
overflow: hidden;
}
@media (max-width: 992px) {
.media {
border-bottom: 0;
border-right: 0;
margin-bottom: 24px;
display: block;
}
}
.media .media-img {
margin-right: 24px;
}
@media (max-width: 992px) {
.media .media-img {
float: none;
margin-right: 0;
}
}
@media (max-width: 992px) {
.media .media-img img {
width: 100%;
}
}
.media .media-body {
padding-top: 24px;
}
@media (max-width: 992px) {
.media .media-body {
padding-left: 24px;
padding-right: 24px;
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
}
}
.media h4 {
font-size: 16px;
margin: 0 0 6px;
text-transform: uppercase;
}
.testimonial {
text-align: center;
}
.testimonial .author-info {
margin-bottom: 12px;
}
.testimonial .author-img {
border: 1px solid #e0e0e0;
border-radius: 50%;
display: inline-block;
padding: 3px;
overflow: hidden;
width: 56px;
}
.testimonial .author-img img {
border-radius: 50%;
}
.testimonial .author-name {
display: block;
font-weight: 600;
letter-spacing: 0.5px;
margin-bottom: 6px;
text-transform: uppercase;
}
.testimonial .testimonial-text {
font-size: 18px;
padding-left: 10%;
padding-right: 10%;
}
.testimonial.style-2 {
overflow: hidden;
text-align: left;
}
.testimonial.style-2 .author-img {
border: 0;
float: left;
margin-top: 24px;
margin-right: 36px;
width: 80px;
}
.testimonial.style-2 .testimonial-text {
color: #606060;
font-style: italic;
padding-left: 0;
padding-right: 0;
line-height: 1.5;
text-align: left;
}
.client-list {
list-style: none;
marign: 0;
padding: 0;
}
.client-list > div {
min-height: 100px;
line-height: 100px;
text-align: center;
}
.client-list > div a img {
opacity: 0.8;
}
.client-list > div a:hover img,
.client-list > div a:focus img,
.client-list > div a:active img {
opacity: 1;
}
.social-list {
list-style: none;
margin: 12px 0 0;
padding: 0;
}
.social-list li {
display: inline-block;
margin-right: 6px;
}
.social-list li a {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
display: inline-block;
height: 32px;
line-height: 32px;
text-align: center;
width: 32px;
}
.hero-unit .unit-image {
margin-bottom: 48px;
}
@media screen and (min-width: 992px) {
.hero-unit .unit-image {
margin-bottom: 0;
}
}
@media (max-width: 992px) {
.hero-unit .unit-text {
margin-left: 0 !important;
}
}
.features-intro .features-title {
margin-bottom: 48px;
}
.features-intro.style-1 {
list-style: none;
margin: 0;
padding: 0;
}
.features-intro.style-1 ul {
list-style: none;
margin: 0;
padding: 0;
}
.features-intro.style-1 li {
margin-bottom: 36px;
padding-left: 72px;
position: relative;
}
.features-intro.style-1 li strong {
background-color: #909090;
border-radius: 50%;
color: #fff;
font-size: 24px;
display: block;
height: 48px;
line-height: 48px;
position: absolute;
top: 6px;
left: 0;
text-align: center;
width: 48px;
}
.features-intro.style-1 li .line-icon {
background: #e0e0e0;
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 53px;
left: 23px;
}
.features-intro.style-2 {
padding: 0 0 48px 0;
}
.features-intro.style-2 .row-fluid {
margin-bottom: 48px;
}
.features-intro.style-2 .row-fluid:last-child {
margin-bottom: 0;
}
.features-intro.style-2 .row-fluid .feature-item {
border: 1px solid #e0e0e0;
border-radius: 2px;
min-height: 300px;
margin-bottom: 24px;
padding: 24px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
@media screen and (min-width: 992px) {
.features-intro.style-2 .row-fluid .feature-item {
margin-bottom: 0;
}
}
.features-intro.style-2 .row-fluid .feature-item:hover {
border-color: #909090;
}
.features-intro.style-2 .row-fluid .hilite {
border: 2px solid #3498db;
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.08);
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.08);
}
.features-intro.style-2 .row-fluid .hilite .fa {
color: #3498db;
}
.features-intro.style-2 .row-fluid .fa {
color: #606060;
font-size: 40px;
}
.features-intro.style-2 .row-fluid .badge-new {
background-color: #008c31;
color: #fff;
display: inline-block;
font-weight: normal;
margin-top: -10px;
}
.features-intro.style-3 {
background-color: #f6f7f8;
border: 1px solid #e0e0e0;
-webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.2);
}
.features-intro.style-3 > div {
padding: 48px;
}
.features-intro.style-3 .item-first {
padding-right: 0;
}
.features-intro.style-3 .item-last {
padding-left: 0;
}
@media (max-width: 480px) {
.features-intro.style-3 .item-first,
.features-intro.style-3 .item-last {
padding: 24px;
}
}
.features-intro.style-3 img {
margin-bottom: 24px;
}
.features-intro.style-3 .features-title {
font-size: 24px;
margin-top: 12px;
margin-bottom: 12px;
}
.cta {
padding: 96px 0;
}
.cta .row-fluid {
margin-bottom: 36px;
}
.cta p {
font-size: 18px;
letter-spacing: 1.6;
}
.cta img {
display: inline-block;
margin: 0 20px;
}
.cta .images {
text-align: center;
line-height: 66px;
}
.btn-wrap {
clear: both;
overflow: hidden;
}
.btn-wrap .btn i {
margin-right: 12px;
}
.btn-wrap .btn-large {
font-size: 24px;
padding: 12px 48px;
}
.btn-wrap .btn-rounded {
border-radius: 25px;
}
.badge-icon-group {
border-radius: 3px;
overflow: hidden;
}
.badge-icon-group .badge-icon {
border: 1px solid rgba(255, 255, 255, 0.2);
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
float: left;
font-size: 16px;
padding: 6px 24px 12px;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 1px;
opacity: 0.6;
}
@media (max-width: 480px) {
.badge-icon-group .badge-icon {
border-width: 1px;
margin-bottom: 12px;
width: 100%;
}
}
.badge-icon-group .badge-icon.active {
border-color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.badge-icon-group .badge-icon.first-item {
border-radius: 3px 0 0 3px;
}
@media (max-width: 480px) {
.badge-icon-group .badge-icon.first-item {
border-radius: 3px;
}
}
.badge-icon-group .badge-icon.last-item {
border-radius: 0 3px 3px 0;
border-left: 0;
}
@media (max-width: 480px) {
.badge-icon-group .badge-icon.last-item {
border-radius: 3px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
}
.badge-icon-group .badge-icon i {
margin-right: 10px;
}
.badge-icon-group .badge-icon small {
display: block;
font-size: 12px;
line-height: 1;
opacity: 0.5;
letter-spacing: 0;
text-transform: uppercase;
}
.faq-block > div {
margin-bottom: 0;
}
@media sreen and (min-width: 992px) {
.faq-block > div {
margin-bottom: 24px;
}
}
.faq-block > div > div {
margin-bottom: 24px;
}
.faq-block .fa {
color: #909090;
font-weight: normal;
font-size: 16px;
margin-right: 6px;
margin-bottom: 5px;
vertical-align: middle;
}
.faq-block .btn-large {
border-radius: 5px;
font-weight: 600;
letter-spacing: 1px;
padding: 16px 48px;
text-transform: uppercase;
}
.thumbnails .thumbnail {
border-radius: 0;
text-align: center;
}
.thumbnails .thumbnail .thumb-wrap {
display: block;
height: 170px;
margin-bottom: 5px;
overflow: hidden;
}
.thumbnails .thumbnail img {
margin-bottom: 6px;
width: 100%;
}
.thumbnails .thumbnail img:hover {
cursor: pointer;
}
.thumbnails .thumbnail strong {
background-color: #f6f7f8;
color: #303030;
display: block;
padding: 6px 0;
}
.thumbnails .thumbnail:hover {
border-color: #909090;
}
.social-links {
list-style: none;
margin: 24px 0 0;
padding: 0;
text-align: right;
}
.social-links li {
display: inline-block;
}
.social-links li a {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 2px;
display: inline-block;
height: 32px;
line-height: 32px;
text-align: center;
width: 32px;
}
.carousel {
padding-bottom: 24px;
}
.carousel .carousel-inner {
min-height: 150px;
}
ol.carousel-indicators {
bottom: 0;
right: 0;
top: auto;
}
@media (max-width: 767px) {
ol.carousel-indicators {
bottom: -20px;
}
}
ol.carousel-indicators li,
ol.carousel-indicators [data-bs-target] {
background-color: #909090;
border-radius: 50%;
height: 16px;
margin: 0 5px;
width: 16px;
}
ol.carousel-indicators li.active,
ol.carousel-indicators [data-bs-target].active {
background-color: #3498db;
}
ol.carousel-indicators li:hover,
ol.carousel-indicators [data-bs-target]:hover {
cursor: pointer;
}
.vertical-tabs {
position: relative;
}
.vertical-tabs .nav-tabs {
border: 0;
margin-bottom: 48px;
text-align: center;
}
.vertical-tabs .nav-tabs > li {
display: inline-block;
float: none;
padding: 0 6px;
}
.vertical-tabs .nav-tabs > li > a {
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 20px;
color: #606060;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
padding: 6px 24px;
text-transform: uppercase;
outline: none;
}
.vertical-tabs .nav-tabs > li > a:before {
display: none;
}
.vertical-tabs .nav-tabs > li > a:hover,
.vertical-tabs .nav-tabs > li > a:focus,
.vertical-tabs .nav-tabs > li > a:active {
border-color: #303030;
left: 0;
}
.vertical-tabs .nav-tabs > li.active > a {
background-color: #3498db;
border-color: #3498db;
}
.vertical-tabs .tab-content {
min-height: 300px;
-webkit-transition: all 0.35s;
transition: all 0.35s;
margin: 0 auto;
width: 851px;
}
.sc-layout {
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 0;
margin: 0 auto 24px;
}
.sc-layout .topbar {
margin: -15px 0 0;
height: 45px;
}
.sc-layout.facebook .topbar {
background-color: #4e69a2;
}
.sc-layout.twitter .topbar {
background-color: #00abf1;
}
.sc-layout .sc-head {
background-color: #fff;
border: 1px solid #e0e0e0;
border-top: 0;
border-radius: 0 0 3px 3px;
padding-bottom: 40px;
position: relative;
margin-bottom: 24px;
}
.sc-layout .sc-head .avatar {
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 3px;
position: absolute;
bottom: 20px;
left: 20px;
padding: 8px;
}
.sc-layout.twitter .sc-head {
margin: 0 0 20px;
}
.sc-layout.twitter .sc-head .avatar {
border-radius: 0;
left: auto;
right: 15px;
}
.sc-layout.youtube .sc-head {
margin: 0 0 20px;
}
.sc-layout.youtube .sc-head .avatar {
border-radius: 0;
top: 20px;
bottom: auto;
width: 80px;
}
.sc-layout.youtube .topbar {
display: none;
}
.sc-layout .sc-body {
overflow: hidden;
}
.sc-layout .col-l {
float: left;
width: 299px;
}
.sc-layout .col-r {
float: right;
width: 528px;
}
.sc-layout .block {
background-color: #f6f7f8;
margin-bottom: 24px;
}
.sc-layout .block.white-bg {
background-color: #f0f0f0;
}
ul.list-layouts {
list-style: none;
margin: 0 !important;
padding: 0;
text-align: center;
}
ul.list-layouts li {
display: inline-block;
margin: 0 12px;
vertical-align: top;
width: auto;
max-width: 30%;
}
.img-block {
padding: 10px;
margin-bottom: 24px;
}
.img-block img {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
max-width: 100%;
}
.img-block img:hover {
opacity: 0.9;
}
.img-block h4 {
font-size: 16px;
margin: 12px 0 0;
}
.video-wrap {
background-color: #303030;
border: 1px solid #101010;
margin-top: 48px;
padding: 24px;
}
/**
*------------------------------------------------------------------------------
* @package SIMPLI - Free Template for Joomla!
*------------------------------------------------------------------------------
* @copyright Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
* @authors JoomlArt
*------------------------------------------------------------------------------
**/
#header {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 12px;
padding-bottom: 12px;
}
@media (max-width: 767px) {
#header {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
}
}
#header .container {
position: relative;
}
#header .menu {
margin-top: 16px;
margin-bottom: 0;
text-align: right;
}
#header .menu li {
display: inline-block;
padding: 0 16px;
}
#header .menu li > a {
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
}
#header .menu li > a:hover,
#header .menu li > a:focus,
#header .menu li > a:active {
background: transparent;
}
#header.stick-on-top {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
z-index: 21;
}
.navbar-brand {
color: inherit;
font-family: "PT Serif", Georgia, "Times New Roman", Times, serif;
height: auto;
text-transform: uppercase;
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 480px) {
.navbar-brand {
display: block;
margin-bottom: 12px;
overflow: hidden;
text-align: center;
}
}
@media only screen and (min-width: 992px) {
}
.navbar-brand:hover,
.navbar-brand:active,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand strong {
display: inline-block;
font-size: 48px;
line-height: 1;
}
.navbar-brand .slogan {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: 600;
display: block;
letter-spacing: 0.5;
opacity: 0.5;
}
@media only screen and (min-width: 992px) {
.navbar-brand {
float: left;
}
}
.navbar-brand.logo-image {
line-height: 90px;
max-width: 200px;
}
@media only screen and (min-width: 992px) {
#header .banner {
float: right;
}
}
.navbar-form {
background: #303030;
color: #e0e0e0;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
@media (max-width: 992px) {
.navbar-form {
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #606060;
width: auto;
}
}
@media only screen and (min-width: 992px) {
.navbar-form {
float: left;
margin-left: 40px;
width: 215px;
float: right;
}
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
.navbar-form {
margin-left: 50px;
width: 250px;
}
}
#mainnav .navbar-form .nav {
margin-right: 0;
}
#mainnav .navbar-form .nav > li {
padding-left: 24px;
}
@media only screen and (max-width: 992px) {
#mainnav .navbar-form .nav > li {
padding-left: 12px;
padding-right: 12px;
}
}
#mainnav .navbar-form .nav > li:hover a:after,
#mainnav .navbar-form .nav > li .active a:after {
border-bottom-color: #e0e0e0;
}
#mainnav .navbar-form .nav > li > a,
#mainnav .navbar-form .nav > li span.separator,
#mainnav .navbar-form .nav > li > a:hover,
#mainnav .navbar-form .nav > li span.separator:hover,
#mainnav .navbar-form .nav > li > a:active,
#mainnav .navbar-form .nav > li span.separator:active,
#mainnav .navbar-form .nav > li > a:focus,
#mainnav .navbar-form .nav > li span.separator:focus {
color: #e0e0e0;
}
#mainnav .navbar-form .nav > li > a:after,
#mainnav .navbar-form .nav > li span.separator:after,
#mainnav .navbar-form .nav > li > a:hover:after,
#mainnav .navbar-form .nav > li span.separator:hover:after,
#mainnav .navbar-form .nav > li > a:active:after,
#mainnav .navbar-form .nav > li span.separator:active:after,
#mainnav .navbar-form .nav > li > a:focus:after,
#mainnav .navbar-form .nav > li span.separator:focus:after {
border-bottom-color: #e0e0e0;
}
.navbar-form .search {
float: left;
height: 48px;
margin-top: 0;
}
.navbar-form .search:before {
content: "\f002";
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
float: left;
padding-left: 24px;
line-height: 48px;
}
@media only screen and (max-width: 992px) {
.navbar-form .search:before {
padding-left: 12px;
}
}
.navbar-form .search form {
float: left;
margin: 0;
}
.navbar-form .search label {
display: none;
}
.navbar-form .search .inputbox {
background: transparent;
color: #fff;
border: 0;
border-radius: 0;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
height: 48px;
background-image: none;
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
outline: none;
width: 160px;
}
@media (min-width: 992px) {
.navbar-form .search .inputbox {
width: 145px;
}
}
@media screen and (min-width: 1200px) {
.navbar-form .search .inputbox {
width: auto;
}
}
#mainnav {
position: relative;
z-index: 20;
}
#mainnav.stick-on-top {
width: 100%;
}
#mainnav.affix {
position: fixed;
}
@media (max-width: 991px) {
#mainnav {
margin-left: 0;
margin-right: 0;
}
#mainnav.stick-on-top {
width: 100%;
}
#mainnav.stick-on-top.affix-top {
width: auto;
}
#mainnav.affix {
width: 100%;
}
}
@media (max-width: 767px) {
#mainnav {
margin-left: -24px;
margin-right: -24px;
}
}
.top-sl .container {
padding: 48px 0;
}
.top-sl.no-padding .container {
padding: 0;
}
.top-sl.no-padding-top .container {
padding-top: 0;
}
.top-sl.no-padding-bot .container {
padding-bottom: 0;
}
.top-sl.grey-bg {
background-color: #f6f7f8;
color: #303030;
}
.top-sl.blue-bg {
background-color: #0049a0;
color: #fff;
}
@media only screen and (max-width: 992px) {
.top-sl .unit-text {
width: 100%;
}
.top-sl .unit-image {
margin-left: 0;
width: 100%;
}
}
.top-sl .hero-unit {
background: transparent;
border-radius: 0;
padding: 0;
margin: 0;
color: #fff;
}
.top-sl .hero-unit h1 {
line-height: 1.1;
margin-bottom: 24px;
}
.top-sl .hero-unit p {
margin-bottom: 36px;
}
@media only screen and (max-width: 992px) {
.top-sl .hero-unit h1 {
font-size: 32px;
}
}
.top-sl .ja-module {
margin-bottom: 0;
}
.mainbody-inner {
padding-top: 24px;
padding-bottom: 24px;
}
@media only screen and (max-width: 992px) {
.content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 22.5px;
width: 100%;
}
.sidebar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 22.5px;
width: 100%;
}
}
@media only screen and (min-width: 992px) {
.mainbody-inner {
padding-top: 48px;
padding-bottom: 48px;
}
.bd-2-cols #content {
float: left;
margin-left: 40px;
width: 725px;
}
.bd-2-cols .sidebar {
float: left;
margin-left: 40px;
width: 215px;
}
.bd-3-cols #content {
float: left;
margin-left: 40px;
width: 470px;
}
.bd-3-cols .sidebar {
float: left;
margin-left: 40px;
width: 215px;
}
.bd-1-col #content {
float: left;
margin-left: 40px;
width: 980px;
}
.bd-ct-r #content {
float: right;
}
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
.bd-2-cols #content {
margin-left: 50px;
width: 850px;
}
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
.bd-2-cols .sidebar {
margin-left: 50px;
width: 250px;
}
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
.bd-3-cols #content {
margin-left: 50px;
width: 550px;
}
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
.bd-3-cols .sidebar {
margin-left: 50px;
width: 250px;
}
}
@media only screen and (min-width: 992px) and (min-width: 1200px) {
.bd-1-col #content {
margin-left: 50px;
width: 1150px;
}
}
@media only screen and (max-width: 767px) {
.content {
padding-right: 0;
}
}
@media only screen and (max-width: 992px) {
.sidebar {
margin-top: 24px;
width: 100%;
}
}
.sidebar-inner {
font-size: 14px;
}
.section-title {
font-size: 32px;
padding-bottom: 12px;
margin: 0 0 24px;
position: relative;
text-align: center;
}
.section-title:before {
background-color: #3498db;
content: "";
display: block;
height: 3px;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -30px;
width: 60px;
}
.section-desc {
color: #909090;
font-size: 18px;
margin: 0 20% 72px;
text-align: center;
}
@media (max-width: 768px) {
.section-desc {
margin-left: 0;
margin-right: 0;
}
}
.no-container .section-title {
padding-top: 72px;
}
.no-container .section-desc {
margin: 0 auto;
max-width: 600px;
}
div.container div.container {
padding-top: 0;
padding-bottom: 0;
}
.border {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.border-top {
border-top: 1px solid #e0e0e0;
}
.border-bot {
border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 768px) {
.bg-image,
.bg-color {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
}
}
@media (max-width: 768px) {
.grey-bg,
.blue-bg,
.dark-bg {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
}
}
.grey-bg {
background-color: #f6f7f8;
}
.blue-bg {
background-color: #3498db;
color: #fff;
}
.blue-bg .moduletable h3 {
color: #fff;
}
.dark-bg {
background-color: #101010;
color: #909090;
margin-right: -24px;
margin-left: -24px;
}
@media screen and (min-width: 992px) {
.dark-bg {
margin-right: 0;
margin-left: 0;
}
}
.dark-bg a {
color: #909090;
}
.dark-bg a:hover,
.dark-bg a:focus,
.dark-bg a:active {
background-color: transparent;
color: #fff;
}
.dark-bg .ja-module .module-title {
border-color: #303030;
color: #e0e0e0;
}
.no-padding .container {
padding-top: 0;
padding-bottom: 0;
}
.no-padding-left {
padding-left: 0;
}
.no-padding-right {
padding-right: 0;
}
.no-padding-top div.container {
padding-top: 0;
}
.no-padding-bot .container {
padding-bottom: 0;
}
.no-margin-left {
margin-left: 0 !important;
padding-left: 40px;
}
.no-margin-right {
margin-right: 0 !important;
}
.no-repeat {
background-repeat: no-repeat;
}
.cover {
background-size: cover;
}
.full-width {
background-size: 100% auto;
background-position: top center;
}
@media (max-width: 1400px) {
.full-width {
background-size: auto 100%;
}
}
@media (max-width: 768px) {
.full-width {
background-size: auto;
}
}
.full-height {
background-size: auto 100%;
}
.bot-sl .container {
padding: 72px 0;
}
.bot-sl .ja-module {
margin-bottom: 0;
}
.bot-sl .ja-module .module-title {
font-weight: 600;
font-size: 16px;
margin: 0 0 24px;
text-transform: uppercase;
}
.bot-sl .ja-module .nav > li {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
margin-bottom: 6px;
padding-bottom: 6px;
}
.bot-sl .ja-module .nav > li:last-child {
border-bottom: 0;
}
.bot-sl .ja-module .nav > li > a {
background: none;
color: #909090;
font-weight: 300;
padding: 0;
}
.bot-sl .ja-module .nav > li > a:before {
display: none;
}
.bot-sl .ja-module .nav > li > a:hover,
.bot-sl .ja-module .nav > li > a:focus,
.bot-sl .ja-module .nav > li > a:active {
color: #fff;
}
@media screen and (max-width: 992px) {
.bot-sl .ja-module {
margin-bottom: 24px;
}
}
@media screen and (max-width: 480px) {
.bot-sl [class*="span"] {
width: 100%;
}
}
.float-pos {
position: fixed;
right: 0;
padding-right: 24px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.float-pos .ja-module {
margin-bottom: 0;
}
.float-pos ul.nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.float-pos .nav > li {
position: relative;
height: 22px;
margin: 0 0 10px;
width: 20px;
}
.float-pos .nav > li:after {
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.2);
content: "";
display: block;
height: 20px;
position: absolute;
right: 0;
top: 0;
width: 20px;
z-index: 300;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.float-pos .nav > li > a {
background-color: transparent;
border-radius: 3px 0 0 3px;
color: #fff;
display: inline-block;
font-size: 14px;
height: 26px;
line-height: 26px;
padding-left: 15px;
padding-right: 40px;
position: absolute;
top: -3px;
right: 0;
opacity: 0;
outline: none;
overflow: hidden;
text-align: center;
z-index: 200;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.float-pos .nav > li > a:before {
background-color: rgba(0, 0, 0, 0.8);
border-radius: 3px;
content: "";
position: absolute;
top: 1px;
right: 25px;
left: 0;
height: 25px;
z-index: -1;
}
.float-pos .nav > li > a:after {
content: "";
display: block;
border-left: 4px solid rgba(0, 0, 0, 0.8);
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
height: 0;
position: absolute;
right: 21px;
top: 9px;
width: 0;
}
.float-pos .nav > li > a:hover {
z-index: 400;
}
.float-pos .nav > li:hover {
overflow: visible;
}
.float-pos .nav > li:hover:after {
border-color: #303030;
background-color: #fff;
}
.float-pos .nav > li:hover a {
opacity: 1;
z-index: 400;
}
.float-pos .nav > li.active a {
opacity: 0.01;
filter: alpha(opacity=1);
}
.float-pos .nav > li.active:after {
background-color: #fff;
border-color: #3498db;
}
#footer {
border-top: 1px solid #e0e0e0;
color: #909090;
font-size: 12px;
}
@media (max-width: 768px) {
#footer {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
}
}
#footer .container {
padding-top: 12px;
padding-bottom: 12px;
}
#footer .ja-module {
margin-bottom: 0;
}
#footer .footnav {
font-size: 14px;
overflow: hidden;
margin: 0 -12px 48px;
}
#footer .footnav .footer-block {
float: left;
padding: 0 12px;
width: 25%;
}
#footer .footnav .nav > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
display: block;
padding-bottom: 6px;
margin-bottom: 6px;
}
#footer .footnav .nav > li:before {
display: none;
}
#footer .footnav .nav > li > a {
text-transform: none;
}
#footer .footer-position {
float: right;
}
@media only screen and (max-width: 768px) {
#footer .footer-position {
float: none;
margin-bottom: 12px;
}
}
#footer .nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0;
text-align: right;
}
#footer .nav > li {
display: inline-block;
}
#footer .nav > li:before {
content: "/";
display: inline-block;
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
color: #909090;
margin: 0 6px;
}
#footer .nav > li:first-child:before {
display: none;
}
#footer .nav > li > a {
background: none;
border-bottom: 1px solid transparent;
color: #303030;
display: inline-block;
left: 0;
padding: 0;
text-transform: uppercase;
}
#footer .nav > li > a:before {
display: none;
}
#footer .nav > li > a:hover,
#footer .nav > li > a:active,
#footer .nav > li > a:focus {
background: none;
border-bottom: 1px solid #303030;
padding: 0;
}
#footer .footer-info {
text-transform: uppercase;
}
#footer .footer-info p {
margin: 0;
line-height: 1;
}
#footer .footer-info small {
font-size: 100%;
}
#footer .footer-info small:after {
content: "-";
display: inline-block;
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
color: #909090;
font-size: 16px;
margin: 0 1px 0 2px;
}
#footer .footer-info small:last-child:after {
display: none;
}
#footer .banner {
display: block;
*zoom: 1;
text-align: center;
}
#footer .banner:before,
#footer .banner:after {
display: table;
content: "";
line-height: 0;
}
#footer .banner:after {
clear: both;
}
.subscribe-form {
text-align: center;
}
.subscribe-form form {
margin-bottom: 0;
}
.subscribe-form .input-group {
overflow: hidden;
margin: 0 auto;
padding-top: 24px;
width: 420px;
}
@media (max-width: 480px) {
.subscribe-form .input-group {
width: 100%;
}
}
.subscribe-form input {
display: inline-block;
}
.subscribe-form .input-group-addon {
background-color: #e0e0e0;
border-radius: 3px 0 0 3px;
display: none;
float: left;
height: 46px;
line-height: 32px;
padding-left: 12px;
padding-right: 12px;
}
@media screen and (min-width: 480px) {
.subscribe-form .input-group-addon {
display: inline-block;
}
}
.subscribe-form .col-xs-12 {
width: 100%;
}
.subscribe-form .form-control {
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 46px;
line-height: 46px;
margin: 0;
width: 250px;
}
@media (max-width: 480px) {
.subscribe-form .form-control {
width: 135px;
}
}
.subscribe-form .input-group-btn .btn {
border-radius: 0 3px 3px 0;
float: left;
height: 46px;
line-height: 46px;
padding: 0 24px;
text-transform: uppercase;
}
.subscribe-form #name,
.subscribe-form #email {
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 12px 24px;
min-width: 250px;
}
@media (max-width: 768px) {
.subscribe-form #name,
.subscribe-form #email {
min-width: 100px;
width: 120px;
}
}
.subscribe-form #submit {
background-color: #303030;
border: 1px solid #303030;
border-radius: 3px;
color: #fff;
padding: 12px 24px;
text-transform: uppercase;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.subscribe-form #submit:hover,
.subscribe-form #submit:active {
background-color: #3498db;
border-color: #3498db;
}
.docs-section {
margin-bottom: 72px;
}
.docs-section .page-header {
margin-bottom: 24px;
}
#gallery-box {
border-radius: 0;
}
@media (max-width: 768px) {
#gallery-box {
top: 48px !important;
-webkit-transform: none !important;
transform: none !important;
width: 90% !important;
}
}
#gallery-box .modal-header h3 {
line-height: 50px;
}
#gallery-box .modal-nav {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
padding-right: 45px;
top: 50%;
overflow: hidden;
width: 100%;
z-index: 100;
}
#gallery-box .modal-nav > span {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
display: inline-block;
font-size: 24px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
#gallery-box .modal-nav > span.btn-next {
float: right;
}
#gallery-box .modal-nav > span:hover {
background-color: #3498db;
cursor: pointer;
}
.tags .tag .label {
background-color: #3498db;
border-radius: 2px;
font-weight: normal;
padding: 5px 10px;
}
.img-wrap {
margin-bottom: 12px;
}
.swatch-item {
min-height: 120px;
position: relative;
}
.swatch-item dl {
margin: 0;
padding: 24px;
position: absolute;
left: 0;
bottom: 0;
}
.swatch-item dl dd {
margin-left: 0;
}
.color-brand-primary {
background: #3498db;
color: #fff;
}
.color-brand-secondary {
background-color: #008c31;
color: #fff;
}
.color-brand-warning {
background-color: #f39c12;
color: #fff;
}
.color-brand-danger {
background-color: #c0392b;
color: #fff;
}
.color-brand-info {
background-color: #1abc9c;
color: #fff;
}
.color-brand-success {
background-color: #008c31;
color: #fff;
}
.color-gray-darker {
background-color: #101010;
color: #fff;
}
.color-gray-dark {
background-color: #303030;
color: #fff;
}
.color-gray {
background-color: #606060;
color: #fff;
}
.color-gray-light {
background-color: #909090;
color: #fff;
}
.color-gray-lighter {
background-color: #e0e0e0;
color: #606060;
}
.color-gray-lightest {
background-color: #f6f7f8;
}
/* Fix for toggle menu */
#mainnav .nav .nav-item .subnav-toggle {
display: none;
}
#mainnav .nav .nav-item a::before {
display: none;
}
@media (min-width: 1200px) {
#mainnav .nav .nav-item a::before {
display: block;
}
}
#mainnav .nav .nav-item .subnav-toggle {
display: flex;
align-items: center;;
justify-content: center;
position: absolute;
right: 24px;
top: 0px;
height: 32px;
width: 32px;
}
#mainnav .nav .nav-item ul li .subnav-toggle {
right: 0;
}
@media (min-width: 1200px) {
#mainnav .nav .nav-item .subnav-toggle {
display: none;
}
}