canvas {
display: block;
vertical-align: bottom;
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
background: #000000;
}
.text {
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
color: #fff;
max-width: 90%;
padding: 2em 3em;
background: rgba(0, 0, 0, 0.4);
text-shadow: 0px 0px 2px #131415;
font-family: 'Open Sans', sans-serif;
}
h1 {
font-size: 2.25em;
font-weight: 700;
letter-spacing: -1px;
}
a,
a:visited {
color: #e34234;
-webkit-transition: 0.25s;
transition: 0.25s;
}
a:hover,
a:focus {
color: #ba160c;
}
.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
outline:0
}
.flex-control-nav,
.flex-direction-nav,
.slides {
margin:0;
padding:0;
list-style:none
}
.flexslider {
padding:0
}
.flexslider .slides>li {
display:none;
-webkit-backface-visibility:hidden
}
.flexslider .slides img {
width:100%;
display:block
}
.flex-pauseplay span {
text-transform:capitalize
}
.slides:after {
content:" ";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
html[xmlns] .slides {
display:block
}
* html .slides {
height:1%
}
.no-js .slides>li:first-child {
display:block
}
.flexslider {
margin:0 0 60px;
background:#fff;
border:4px solid #fff;
position:relative;
border-radius:4px;
-o-box-shadow:0 1px 4px rgba(0,0,0,.2);
box-shadow:0 1px 4px rgba(0,0,0,.2);
zoom:1
}
.flex-viewport {
max-height:2000px;
transition:all 1s ease
}
.loading .flex-viewport {
max-height:300px
}
.flexslider .slides {
zoom:1
}
.carousel li {
margin-right:5px
}
.flex-direction-nav {
*height:0
}
.flex-direction-nav a {
display:block;
width:60px;
height:60px;
background:0 0;
border:2px solid #fff;
border-radius:50%;
margin:-20px 0 0;
position:absolute;
top:50%;
z-index:10;
overflow:hidden;
opacity:1;
color:rgba(0,0,0,.8);
text-shadow:1px 1px 0 hsla(0,0%,100%,.3);
transition:all .3s ease;
cursor:pointer
}
.flex-direction-nav a:hover {
background:hsla(0,0%,100%,.3)
}
.flex-direction-nav .flex-prev {
left:17px
}
.flex-direction-nav .flex-next {
right:17px;
text-align:right
}
.flexslider:hover .flex-prev {
opacity:.7;
left:10px
}
.flexslider:hover .flex-next {
opacity:.7;
right:10px
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
opacity:1
}
.flex-disabled {
opacity:0!important
}
.flex-direction-nav a:before {
font-family:ElegantIcons;
font-size:38px;
display:inline-block;
content:"#";
position:relative;
top:-3px;
color:#fff;
left:7px;
padding-bottom:22px
}
.flex-direction-nav a.flex-next:before {
content:"$";
right:8px;
left:-9px
}
.flex-pauseplay a {
display:block;
width:20px;
height:20px;
position:absolute;
bottom:5px;
left:10px;
opacity:.8;
z-index:10;
overflow:hidden;
cursor:pointer;
color:#000
}
.flex-pauseplay a:before {
font-family:flexslider-icon;
font-size:20px;
display:inline-block;
content:"\F004"
}
.flex-pauseplay a:hover {
opacity:1
}
.flex-pauseplay a.flex-play:before {
content:"\F003"
}
.flex-control-nav {
width:100%;
position:absolute;
bottom:44px;
text-align:center;
z-index:10
}
.flex-control-nav li {
margin:0 5px;
display:inline-block;
zoom:1;
*display:inline
}
.flex-control-paging li a {
width:8px;
height:8px;
display:block;
background:#fff;
background:hsla(0,0%,100%,.5);
cursor:pointer;
text-indent:-9999px;
border-radius:50%;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease
}
.flex-control-paging li a:hover {
background:#fff;
background:hsla(0,0%,100%,.7)
}
.flex-control-paging li a.flex-active {
background:#fff;
background:hsla(0,0%,100%,.9);
cursor:default
}
.flex-control-thumbs {
margin:5px 0 0;
position:static;
overflow:hidden
}
.flex-control-thumbs li {
width:25%;
float:left;
margin:0
}
.flex-control-thumbs img {
width:100%;
display:block;
opacity:.7;
cursor:pointer
}
.flex-control-thumbs img:hover {
opacity:1
}
.flex-control-thumbs .flex-active {
opacity:1;
cursor:default
}
@media screen and (max-width:860px) {
.flex-direction-nav .flex-prev {
opacity:1;
left:10px
}
.flex-direction-nav .flex-next {
opacity:1;
right:10px
}
}
.irs {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.irs,
.irs-line {
position:relative;
display:block
}
.irs-line {
overflow:hidden;
outline:none!important
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
position:absolute;
display:block;
top:0
}
.irs-line-left {
left:0;
width:11%
}
.irs-line-mid {
left:9%;
width:82%
}
.irs-line-right {
right:0;
width:11%
}
.irs-bar {
width:0
}
.irs-bar,
.irs-bar-edge {
position:absolute;
display:block;
left:0
}
.irs-bar-edge {
top:0
}
.irs-shadow {
position:absolute;
display:none;
left:0;
width:0
}
.irs-slider {
position:absolute;
display:block;
cursor:default;
z-index:1
}
.irs-slider.type_last {
z-index:2
}
.irs-min {
left:0
}
.irs-max,
.irs-min {
position:absolute;
display:block;
cursor:default
}
.irs-max {
right:0
}
.irs-from,
.irs-single,
.irs-to {
position:absolute;
display:block;
top:0;
left:0;
cursor:default;
white-space:nowrap
}
.irs-grid {
position:absolute;
display:none;
bottom:0;
left:0;
width:100%;
height:20px
}
.irs-with-grid .irs-grid {
display:block
}
.irs-grid-pol {
position:absolute;
top:0;
left:0;
width:1px;
height:8px;
background:#000
}
.irs-grid-pol.small {
height:4px
}
.irs-grid-text {
position:absolute;
bottom:0;
left:0;
white-space:nowrap;
text-align:center;
font-size:9px;
line-height:9px;
padding:0 3px;
color:#000
}
.irs-disable-mask {
position:absolute;
display:block;
top:0;
left:-1%;
width:102%;
height:100%;
cursor:default;
background:transparent;
z-index:2
}
.lt-ie9 .irs-disable-mask {
background:#000;
filter:alpha(opacity=0);
cursor:not-allowed
}
.irs-disabled {
opacity:.4
}
.irs-hidden-input {
position:absolute!important;
display:block!important;
top:0!important;
left:0!important;
width:0!important;
height:0!important;
font-size:0!important;
line-height:0!important;
padding:0!important;
margin:0!important;
overflow:hidden;
outline:none!important;
z-index:-9999!important;
background:none!important;
border-style:solid!important;
border-color:transparent!important
}
.irs {
height:55px
}
.irs-with-grid {
height:75px
}
.irs-line {
height:10px;
top:33px;
background:#1e2125;
border:none;
border-radius:16px;
-moz-border-radius:16px
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
height:8px
}
.irs-bar {
border-top:none;
border-bottom:none
}
.irs-bar,
.irs-bar-edge {
height:10px;
top:33px;
background:#9acc14
}
.irs-bar-edge {
width:14px;
border:none;
border-right:0;
border-radius:16px 0 0 16px;
-moz-border-radius:16px 0 0 16px
}
.irs-shadow {
height:2px;
top:38px;
background:#000;
opacity:.3;
border-radius:5px;
-moz-border-radius:5px
}
.lt-ie9 .irs-shadow {
filter:alpha(opacity=30)
}
.irs-slider {
top:25px;
width:27px;
height:27px;
border:1px solid #aaa;
background:#ddd;
background:linear-gradient(180deg,#fff 0,#dcdcdc 20%,#fff);
border-radius:27px;
-moz-border-radius:27px;
box-shadow:1px 1px 3px rgba(0,0,0,.3);
cursor:pointer
}
.irs-slider.state_hover,
.irs-slider:hover {
background:#fff
}
.irs-max,
.irs-min {
color:#fff;
font-size:12px;
line-height:1.333;
font-weight:900;
text-shadow:none;
top:0;
padding:1px 5px;
background:#1e2125;
border-radius:3px;
-moz-border-radius:3px
}
.lt-ie9 .irs-max,
.lt-ie9 .irs-min {
background:#ccc
}
.irs-from,
.irs-single,
.irs-to {
color:#fff;
font-size:14px;
line-height:1.333;
text-shadow:none;
padding:1px 5px;
background:#1e2125;
border-radius:3px;
-moz-border-radius:3px
}
.lt-ie9 .irs-from,
.lt-ie9 .irs-single,
.lt-ie9 .irs-to {
background:#999
}
.irs-grid {
height:27px
}
.irs-grid-pol {
opacity:.5;
background:#428bca
}
.irs-grid-pol.small {
background:#999
}
.irs-grid-text {
bottom:5px;
color:#99a4ac
}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
body {
margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display:block
}
audio,
canvas,
progress,
video {
display:inline-block;
vertical-align:baseline
}
audio:not([controls]) {
display:none;
height:0
}
[hidden],
template {
display:none
}
a {
background:transparent
}
a:active,
a:hover {
outline:0
}
abbr[title] {
border-bottom:1px dotted
}
b,
strong {
font-weight:700
}
dfn {
font-style:italic
}
h1 {
font-size:2em;
margin:.67em 0
}
mark {
background:#ff0;
color:#000
}
small {
font-size:80%
}
sub,
sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-.5em
}
sub {
bottom:-.25em
}
img {
border:0
}
svg:not(:root) {
overflow:hidden
}
figure {
margin:1em 40px
}
hr {
box-sizing:content-box;
height:0
}
pre {
overflow:auto
}
code,
kbd,
pre,
samp {
font-family:monospace,monospace;
font-size:1em
}
button,
input,
optgroup,
select,
textarea {
color:inherit;
font:inherit;
margin:0
}
button {
overflow:visible
}
button,
select {
text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance:button;
cursor:pointer
}
button[disabled],
html input[disabled] {
cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border:0;
padding:0
}
input {
line-height:normal
}
input[type=checkbox],
input[type=radio] {
box-sizing:border-box;
padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
-webkit-appearance:textfield;
box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}
textarea {
overflow:auto
}
optgroup {
font-weight:700
}
table {
border-collapse:collapse;
border-spacing:0
}
td,
th {
padding:0
}
@media print {
* {
text-shadow:none!important;
color:#000!important;
background:transparent!important;
box-shadow:none!important
}
a,
a:visited {
text-decoration:underline
}
a[href]:after {
content:" (" attr(href) ")"
}
abbr[title]:after {
content:" (" attr(title) ")"
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content:""
}
blockquote,
pre {
border:1px solid #999;
page-break-inside:avoid
}
thead {
display:table-header-group
}
img,
tr {
page-break-inside:avoid
}
img {
max-width:100%!important
}
h2,
h3,
p {
orphans:3;
widows:3
}
h2,
h3 {
page-break-after:avoid
}
select {
background:#fff!important
}
.navbar {
display:none
}
.table td,
.table th {
background-color:#fff!important
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color:#000!important
}
.label {
border:1px solid #000
}
.table {
border-collapse:collapse!important
}
.table-bordered td,
.table-bordered th {
border:1px solid #ddd!important
}
}
*,
:after,
:before {
box-sizing:border-box
}
html {
font-size:62.5%;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body {
font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
line-height:1.61803399;
color:#333;
background-color:#fff
}
button,
input,
select,
textarea {
font-family:inherit;
font-size:inherit;
line-height:inherit
}
a {
color:#428bca;
text-decoration:none
}
a:focus,
a:hover {
color:#2a6496;
text-decoration:underline
}
a:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
figure {
margin:0
}
img {
vertical-align:middle
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail>img,
.thumbnail a>img {
display:block;
max-width:100%;
height:auto
}
.img-rounded {
border-radius:6px
}
.img-thumbnail {
padding:4px;
line-height:1.61803399;
background-color:#fff;
border:1px solid #ddd;
border-radius:4px;
transition:all .2s ease-in-out;
display:inline-block;
max-width:100%;
height:auto
}
.img-circle {
border-radius:50%
}
hr {
margin-top:22px;
margin-bottom:22px;
border:0;
border-top:1px solid #eee
}
.sr-only {
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:inherit;
font-weight:500;
line-height:1.1;
color:inherit
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
font-weight:400;
line-height:1;
color:#999
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
margin-bottom:11px
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
font-size:65%
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
margin-bottom:11px
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
font-size:75%
}
.h1,
h1 {
font-size:36px
}
.h2,
h2 {
font-size:30px
}
.h3,
h3 {
font-size:24px
}
.h4,
h4 {
font-size:18px
}
.h5,
h5 {
font-size:14px
}
.h6,
h6 {
font-size:12px
}
p {
margin:0 0 11px
}
.lead {
margin-bottom:22px;
font-size:16px;
font-weight:200;
line-height:1.4
}
@media (min-width:768px) {
.lead {
font-size:21px
}
}
.small,
small {
font-size:85%
}
cite {
font-style:normal
}
.text-left {
text-align:left
}
.text-right {
text-align:right
}
.text-center {
text-align:center
}
.text-justify {
text-align:justify
}
.text-muted {
color:#999
}
.text-primary {
color:#428bca
}
a.text-primary:hover {
color:#3071a9
}
.text-success {
color:#3c763d
}
a.text-success:hover {
color:#2b542c
}
.text-info {
color:#31708f
}
a.text-info:hover {
color:#245269
}
.text-warning {
color:#8a6d3b
}
a.text-warning:hover {
color:#66512c
}
.text-danger {
color:#a94442
}
a.text-danger:hover {
color:#843534
}
.bg-primary {
color:#fff;
background-color:#428bca
}
a.bg-primary:hover {
background-color:#3071a9
}
.bg-success {
background-color:#dff0d8
}
a.bg-success:hover {
background-color:#c1e2b3
}
.bg-info {
background-color:#d9edf7
}
a.bg-info:hover {
background-color:#afd9ee
}
.bg-warning {
background-color:#fcf8e3
}
a.bg-warning:hover {
background-color:#f7ecb5
}
.bg-danger {
background-color:#f2dede
}
a.bg-danger:hover {
background-color:#e4b9b9
}
.page-header {
padding-bottom:10px;
margin:44px 0 22px;
border-bottom:1px solid #eee
}
ol,
ul {
margin-top:0;
margin-bottom:11px
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom:0
}
.list-inline,
.list-unstyled {
padding-left:0;
list-style:none
}
.list-inline {
margin-left:-5px
}
.list-inline>li {
display:inline-block;
padding-left:5px;
padding-right:5px
}
dl {
margin-top:0;
margin-bottom:22px
}
dd,
dt {
line-height:1.61803399
}
dt {
font-weight:700
}
dd {
margin-left:0
}
@media (min-width:768px) {
.dl-horizontal dt {
float:left;
width:160px;
clear:left;
text-align:right;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.dl-horizontal dd {
margin-left:180px
}
}
abbr[data-original-title],
abbr[title] {
cursor:help;
border-bottom:1px dotted #999
}
.initialism {
font-size:90%;
text-transform:uppercase
}
blockquote {
padding:11px 22px;
margin:0 0 22px;
font-size:17.5px;
border-left:5px solid #eee
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
margin-bottom:0
}
blockquote .small,
blockquote footer,
blockquote small {
display:block;
font-size:80%;
line-height:1.61803399;
color:#999
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
content:"\2014   \A0"
}
.blockquote-reverse,
blockquote.pull-right {
padding-right:15px;
padding-left:0;
border-right:5px solid #eee;
border-left:0;
text-align:right
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
content:""
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
content:"\A0   \2014"
}
blockquote:after,
blockquote:before {
content:""
}
address {
margin-bottom:22px;
font-style:normal;
line-height:1.61803399
}
code,
kbd,
pre,
samp {
font-family:Menlo,Monaco,Consolas,Courier New,monospace
}
code {
color:#c7254e;
background-color:#f9f2f4;
white-space:nowrap;
border-radius:4px
}
code,
kbd {
padding:2px 4px;
font-size:90%
}
kbd {
color:#fff;
background-color:#333;
border-radius:3px;
box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)
}
pre {
display:block;
padding:10.5px;
margin:0 0 11px;
font-size:13px;
line-height:1.61803399;
word-break:break-all;
word-wrap:break-word;
color:#333;
background-color:#f5f5f5;
border:1px solid #ccc;
border-radius:4px
}
pre code {
padding:0;
font-size:inherit;
color:inherit;
white-space:pre-wrap;
background-color:transparent;
border-radius:0
}
.pre-scrollable {
max-height:340px;
overflow-y:scroll
}
.container {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px
}
@media (min-width:768px) {
.container {
width:750px
}
}
@media (min-width:992px) {
.container {
width:970px
}
}
@media (min-width:1200px) {
.container {
width:1200px
}
}
.container-fluid {
margin-right:auto;
margin-left:auto;
padding-left:15px;
padding-right:15px
}
.row {
margin-left:15px;
margin-right:15px
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float:left
}
.col-xs-12 {
width:100%
}
.col-xs-11 {
width:91.66666667%
}
.col-xs-10 {
width:83.33333333%
}
.col-xs-9 {
width:75%
}
.col-xs-8 {
width:66.66666667%
}
.col-xs-7 {
width:58.33333333%
}
.col-xs-6 {
width:50%
}
.col-xs-5 {
width:41.66666667%
}
.col-xs-4 {
width:33.33333333%
}
.col-xs-3 {
width:25%
}
.col-xs-2 {
width:16.66666667%
}
.col-xs-1 {
width:8.33333333%
}
.col-xs-pull-12 {
right:100%
}
.col-xs-pull-11 {
right:91.66666667%
}
.col-xs-pull-10 {
right:83.33333333%
}
.col-xs-pull-9 {
right:75%
}
.col-xs-pull-8 {
right:66.66666667%
}
.col-xs-pull-7 {
right:58.33333333%
}
.col-xs-pull-6 {
right:50%
}
.col-xs-pull-5 {
right:41.66666667%
}
.col-xs-pull-4 {
right:33.33333333%
}
.col-xs-pull-3 {
right:25%
}
.col-xs-pull-2 {
right:16.66666667%
}
.col-xs-pull-1 {
right:8.33333333%
}
.col-xs-pull-0 {
right:0
}
.col-xs-push-12 {
left:100%
}
.col-xs-push-11 {
left:91.66666667%
}
.col-xs-push-10 {
left:83.33333333%
}
.col-xs-push-9 {
left:75%
}
.col-xs-push-8 {
left:66.66666667%
}
.col-xs-push-7 {
left:58.33333333%
}
.col-xs-push-6 {
left:50%
}
.col-xs-push-5 {
left:41.66666667%
}
.col-xs-push-4 {
left:33.33333333%
}
.col-xs-push-3 {
left:25%
}
.col-xs-push-2 {
left:16.66666667%
}
.col-xs-push-1 {
left:8.33333333%
}
.col-xs-push-0 {
left:0
}
.col-xs-offset-12 {
margin-left:100%
}
.col-xs-offset-11 {
margin-left:91.66666667%
}
.col-xs-offset-10 {
margin-left:83.33333333%
}
.col-xs-offset-9 {
margin-left:75%
}
.col-xs-offset-8 {
margin-left:66.66666667%
}
.col-xs-offset-7 {
margin-left:58.33333333%
}
.col-xs-offset-6 {
margin-left:50%
}
.col-xs-offset-5 {
margin-left:41.66666667%
}
.col-xs-offset-4 {
margin-left:33.33333333%
}
.col-xs-offset-3 {
margin-left:25%
}
.col-xs-offset-2 {
margin-left:16.66666667%
}
.col-xs-offset-1 {
margin-left:8.33333333%
}
.col-xs-offset-0 {
margin-left:0
}
@media (min-width:768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float:left
}
.col-sm-12 {
width:100%
}
.col-sm-11 {
width:91.66666667%
}
.col-sm-10 {
width:83.33333333%
}
.col-sm-9 {
width:75%
}
.col-sm-8 {
width:66.66666667%
}
.col-sm-7 {
width:58.33333333%
}
.col-sm-6 {
width:50%
}
.col-sm-5 {
width:41.66666667%
}
.col-sm-4 {
width:33.33333333%
}
.col-sm-3 {
width:25%
}
.col-sm-2 {
width:16.66666667%
}
.col-sm-1 {
width:8.33333333%
}
.col-sm-pull-12 {
right:100%
}
.col-sm-pull-11 {
right:91.66666667%
}
.col-sm-pull-10 {
right:83.33333333%
}
.col-sm-pull-9 {
right:75%
}
.col-sm-pull-8 {
right:66.66666667%
}
.col-sm-pull-7 {
right:58.33333333%
}
.col-sm-pull-6 {
right:50%
}
.col-sm-pull-5 {
right:41.66666667%
}
.col-sm-pull-4 {
right:33.33333333%
}
.col-sm-pull-3 {
right:25%
}
.col-sm-pull-2 {
right:16.66666667%
}
.col-sm-pull-1 {
right:8.33333333%
}
.col-sm-pull-0 {
right:0
}
.col-sm-push-12 {
left:100%
}
.col-sm-push-11 {
left:91.66666667%
}
.col-sm-push-10 {
left:83.33333333%
}
.col-sm-push-9 {
left:75%
}
.col-sm-push-8 {
left:66.66666667%
}
.col-sm-push-7 {
left:58.33333333%
}
.col-sm-push-6 {
left:50%
}
.col-sm-push-5 {
left:41.66666667%
}
.col-sm-push-4 {
left:33.33333333%
}
.col-sm-push-3 {
left:25%
}
.col-sm-push-2 {
left:16.66666667%
}
.col-sm-push-1 {
left:8.33333333%
}
.col-sm-push-0 {
left:0
}
.col-sm-offset-12 {
margin-left:100%
}
.col-sm-offset-11 {
margin-left:91.66666667%
}
.col-sm-offset-10 {
margin-left:83.33333333%
}
.col-sm-offset-9 {
margin-left:75%
}
.col-sm-offset-8 {
margin-left:66.66666667%
}
.col-sm-offset-7 {
margin-left:58.33333333%
}
.col-sm-offset-6 {
margin-left:50%
}
.col-sm-offset-5 {
margin-left:41.66666667%
}
.col-sm-offset-4 {
margin-left:33.33333333%
}
.col-sm-offset-3 {
margin-left:25%
}
.col-sm-offset-2 {
margin-left:16.66666667%
}
.col-sm-offset-1 {
margin-left:8.33333333%
}
.col-sm-offset-0 {
margin-left:0
}
}
@media (min-width:992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float:left
}
.col-md-12 {
width:100%
}
.col-md-11 {
width:91.66666667%
}
.col-md-10 {
width:83.33333333%
}
.col-md-9 {
width:75%
}
.col-md-8 {
width:66.66666667%
}
.col-md-7 {
width:58.33333333%
}
.col-md-6 {
width:50%
}
.col-md-5 {
width:41.66666667%
}
.col-md-4 {
width:33.33333333%
}
.col-md-3 {
width:25%
}
.col-md-2 {
width:16.66666667%
}
.col-md-1 {
width:8.33333333%
}
.col-md-pull-12 {
right:100%
}
.col-md-pull-11 {
right:91.66666667%
}
.col-md-pull-10 {
right:83.33333333%
}
.col-md-pull-9 {
right:75%
}
.col-md-pull-8 {
right:66.66666667%
}
.col-md-pull-7 {
right:58.33333333%
}
.col-md-pull-6 {
right:50%
}
.col-md-pull-5 {
right:41.66666667%
}
.col-md-pull-4 {
right:33.33333333%
}
.col-md-pull-3 {
right:25%
}
.col-md-pull-2 {
right:16.66666667%
}
.col-md-pull-1 {
right:8.33333333%
}
.col-md-pull-0 {
right:0
}
.col-md-push-12 {
left:100%
}
.col-md-push-11 {
left:91.66666667%
}
.col-md-push-10 {
left:83.33333333%
}
.col-md-push-9 {
left:75%
}
.col-md-push-8 {
left:66.66666667%
}
.col-md-push-7 {
left:58.33333333%
}
.col-md-push-6 {
left:50%
}
.col-md-push-5 {
left:41.66666667%
}
.col-md-push-4 {
left:33.33333333%
}
.col-md-push-3 {
left:25%
}
.col-md-push-2 {
left:16.66666667%
}
.col-md-push-1 {
left:8.33333333%
}
.col-md-push-0 {
left:0
}
.col-md-offset-12 {
margin-left:100%
}
.col-md-offset-11 {
margin-left:91.66666667%
}
.col-md-offset-10 {
margin-left:83.33333333%
}
.col-md-offset-9 {
margin-left:75%
}
.col-md-offset-8 {
margin-left:66.66666667%
}
.col-md-offset-7 {
margin-left:58.33333333%
}
.col-md-offset-6 {
margin-left:50%
}
.col-md-offset-5 {
margin-left:41.66666667%
}
.col-md-offset-4 {
margin-left:33.33333333%
}
.col-md-offset-3 {
margin-left:25%
}
.col-md-offset-2 {
margin-left:16.66666667%
}
.col-md-offset-1 {
margin-left:8.33333333%
}
.col-md-offset-0 {
margin-left:0
}
}
@media (min-width:1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float:left
}
.col-lg-12 {
width:100%
}
.col-lg-11 {
width:91.66666667%
}
.col-lg-10 {
width:83.33333333%
}
.col-lg-9 {
width:75%
}
.col-lg-8 {
width:66.66666667%
}
.col-lg-7 {
width:58.33333333%
}
.col-lg-6 {
width:50%
}
.col-lg-5 {
width:41.66666667%
}
.col-lg-4 {
width:33.33333333%
}
.col-lg-3 {
width:25%
}
.col-lg-2 {
width:16.66666667%
}
.col-lg-1 {
width:8.33333333%
}
.col-lg-pull-12 {
right:100%
}
.col-lg-pull-11 {
right:91.66666667%
}
.col-lg-pull-10 {
right:83.33333333%
}
.col-lg-pull-9 {
right:75%
}
.col-lg-pull-8 {
right:66.66666667%
}
.col-lg-pull-7 {
right:58.33333333%
}
.col-lg-pull-6 {
right:50%
}
.col-lg-pull-5 {
right:41.66666667%
}
.col-lg-pull-4 {
right:33.33333333%
}
.col-lg-pull-3 {
right:25%
}
.col-lg-pull-2 {
right:16.66666667%
}
.col-lg-pull-1 {
right:8.33333333%
}
.col-lg-pull-0 {
right:0
}
.col-lg-push-12 {
left:100%
}
.col-lg-push-11 {
left:91.66666667%
}
.col-lg-push-10 {
left:83.33333333%
}
.col-lg-push-9 {
left:75%
}
.col-lg-push-8 {
left:66.66666667%
}
.col-lg-push-7 {
left:58.33333333%
}
.col-lg-push-6 {
left:50%
}
.col-lg-push-5 {
left:41.66666667%
}
.col-lg-push-4 {
left:33.33333333%
}
.col-lg-push-3 {
left:25%
}
.col-lg-push-2 {
left:16.66666667%
}
.col-lg-push-1 {
left:8.33333333%
}
.col-lg-push-0 {
left:0
}
.col-lg-offset-12 {
margin-left:100%
}
.col-lg-offset-11 {
margin-left:91.66666667%
}
.col-lg-offset-10 {
margin-left:83.33333333%
}
.col-lg-offset-9 {
margin-left:75%
}
.col-lg-offset-8 {
margin-left:66.66666667%
}
.col-lg-offset-7 {
margin-left:58.33333333%
}
.col-lg-offset-6 {
margin-left:50%
}
.col-lg-offset-5 {
margin-left:41.66666667%
}
.col-lg-offset-4 {
margin-left:33.33333333%
}
.col-lg-offset-3 {
margin-left:25%
}
.col-lg-offset-2 {
margin-left:16.66666667%
}
.col-lg-offset-1 {
margin-left:8.33333333%
}
.col-lg-offset-0 {
margin-left:0
}
}
@media (min-width:1600px) {
.col-xlg-1,
.col-xlg-2,
.col-xlg-3,
.col-xlg-4,
.col-xlg-5,
.col-xlg-6,
.col-xlg-7,
.col-xlg-8,
.col-xlg-9,
.col-xlg-10,
.col-xlg-11,
.col-xlg-12 {
float:left
}
.col-xlg-12 {
width:100%
}
.col-xlg-11 {
width:91.66666667%
}
.col-xlg-10 {
width:83.33333333%
}
.col-xlg-9 {
width:75%
}
.col-xlg-8 {
width:66.66666667%
}
.col-xlg-7 {
width:58.33333333%
}
.col-xlg-6 {
width:50%
}
.col-xlg-5 {
width:41.66666667%
}
.col-xlg-4 {
width:33.33333333%
}
.col-xlg-3 {
width:25%
}
.col-xlg-2 {
width:16.66666667%
}
.col-xlg-1 {
width:8.33333333%
}
.col-xlg-pull-12 {
right:100%
}
.col-xlg-pull-11 {
right:91.66666667%
}
.col-xlg-pull-10 {
right:83.33333333%
}
.col-xlg-pull-9 {
right:75%
}
.col-xlg-pull-8 {
right:66.66666667%
}
.col-xlg-pull-7 {
right:58.33333333%
}
.col-xlg-pull-6 {
right:50%
}
.col-xlg-pull-5 {
right:41.66666667%
}
.col-xlg-pull-4 {
right:33.33333333%
}
.col-xlg-pull-3 {
right:25%
}
.col-xlg-pull-2 {
right:16.66666667%
}
.col-xlg-pull-1 {
right:8.33333333%
}
.col-xlg-pull-0 {
right:0
}
.col-xlg-push-12 {
left:100%
}
.col-xlg-push-11 {
left:91.66666667%
}
.col-xlg-push-10 {
left:83.33333333%
}
.col-xlg-push-9 {
left:75%
}
.col-xlg-push-8 {
left:66.66666667%
}
.col-xlg-push-7 {
left:58.33333333%
}
.col-xlg-push-6 {
left:50%
}
.col-xlg-push-5 {
left:41.66666667%
}
.col-xlg-push-4 {
left:33.33333333%
}
.col-xlg-push-3 {
left:25%
}
.col-xlg-push-2 {
left:16.66666667%
}
.col-xlg-push-1 {
left:8.33333333%
}
.col-xlg-push-0 {
left:0
}
.col-xlg-offset-12 {
margin-left:100%
}
.col-xlg-offset-11 {
margin-left:91.66666667%
}
.col-xlg-offset-10 {
margin-left:83.33333333%
}
.col-xlg-offset-9 {
margin-left:75%
}
.col-xlg-offset-8 {
margin-left:66.66666667%
}
.col-xlg-offset-7 {
margin-left:58.33333333%
}
.col-xlg-offset-6 {
margin-left:50%
}
.col-xlg-offset-5 {
margin-left:41.66666667%
}
.col-xlg-offset-4 {
margin-left:33.33333333%
}
.col-xlg-offset-3 {
margin-left:25%
}
.col-xlg-offset-2 {
margin-left:16.66666667%
}
.col-xlg-offset-1 {
margin-left:8.33333333%
}
.col-xlg-offset-0 {
margin-left:0
}
}
table {
max-width:100%;
background-color:transparent
}
th {
text-align:left
}
.table {
width:100%;
margin-bottom:22px
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding:8px;
line-height:1.61803399;
vertical-align:top;
border-top:1px solid #ddd
}
.table>thead>tr>th {
vertical-align:bottom;
border-bottom:2px solid #ddd
}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
border-top:0
}
.table>tbody+tbody {
border-top:2px solid #ddd
}
.table .table {
background-color:#fff
}
.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
padding:5px
}
.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border:1px solid #ddd
}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border-bottom-width:2px
}
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
background-color:#f9f9f9
}
.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
background-color:#f5f5f5
}
table col[class*=col-] {
position:static;
float:none;
display:table-column
}
table td[class*=col-],
table th[class*=col-] {
position:static;
float:none;
display:table-cell
}
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active {
background-color:#f5f5f5
}
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
background-color:#e8e8e8
}
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
background-color:#dff0d8
}
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
background-color:#d0e9c6
}
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
background-color:#d9edf7
}
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
background-color:#c4e3f3
}
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
background-color:#fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
background-color:#faf2cc
}
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
background-color:#f2dede
}
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
background-color:#ebcccc
}
@media (max-width:767px) {
.table-responsive {
width:100%;
margin-bottom:16.5px;
overflow-y:hidden;
overflow-x:scroll;
-ms-overflow-style:-ms-autohiding-scrollbar;
border:1px solid #ddd;
-webkit-overflow-scrolling:touch
}
.table-responsive>.table {
margin-bottom:0
}
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>thead>tr>th {
white-space:nowrap
}
.table-responsive>.table-bordered {
border:0
}
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left:0
}
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right:0
}
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom:0
}
}
fieldset {
margin:0;
min-width:0
}
fieldset,
legend {
padding:0;
border:0
}
legend {
display:block;
width:100%;
margin-bottom:22px;
font-size:21px;
line-height:inherit;
color:#333;
border-bottom:1px solid #e5e5e5
}
label {
display:inline-block;
margin-bottom:5px;
font-weight:700
}
input[type=search] {
box-sizing:border-box
}
input[type=checkbox],
input[type=radio] {
margin:4px 0 0;
margin-top:1px\9;
line-height:normal
}
input[type=file] {
display:block
}
input[type=range] {
display:block;
width:100%
}
select[multiple],
select[size] {
height:auto
}
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
output {
padding-top:7px
}
.form-control,
output {
display:block;
font-size:14px;
line-height:1.61803399;
color:#555
}
.form-control {
width:100%;
height:36px;
padding:6px 12px;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.form-control:focus {
border-color:#66afe9;
outline:0;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
color:#999;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#999
}
.form-control::-webkit-input-placeholder {
color:#999
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor:not-allowed;
background-color:#eee;
opacity:1
}
textarea.form-control {
height:auto
}
input[type=search] {
-webkit-appearance:none
}
input[type=date] {
line-height:36px
}
.form-group {
margin-bottom:15px
}
.checkbox,
.radio {
display:block;
min-height:22px;
margin-top:10px;
margin-bottom:10px;
padding-left:20px
}
.checkbox label,
.radio label {
display:inline;
font-weight:400;
cursor:pointer
}
.checkbox-inline input[type=checkbox],
.checkbox input[type=checkbox],
.radio-inline input[type=radio],
.radio input[type=radio] {
float:left;
margin-left:-20px
}
.checkbox+.checkbox,
.radio+.radio {
margin-top:-5px
}
.checkbox-inline,
.radio-inline {
display:inline-block;
padding-left:20px;
margin-bottom:0;
vertical-align:middle;
font-weight:400;
cursor:pointer
}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
margin-top:0;
margin-left:10px
}
.checkbox-inline[disabled],
.checkbox[disabled],
.radio-inline[disabled],
.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=radio][disabled] {
cursor:not-allowed
}
.input-sm {
height:30px;
padding:5px 10px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
select.input-sm {
height:30px;
line-height:30px
}
select[multiple].input-sm,
textarea.input-sm {
height:auto
}
.input-lg {
height:46px;
padding:10px 16px;
font-size:18px;
line-height:1.33;
border-radius:6px
}
select.input-lg {
height:46px;
line-height:46px
}
select[multiple].input-lg,
textarea.input-lg {
height:auto
}
.has-feedback {
position:relative
}
.has-feedback .form-control {
padding-right:45px
}
.has-feedback .form-control-feedback {
position:absolute;
top:27px;
right:0;
display:block;
width:36px;
height:36px;
line-height:36px;
text-align:center
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline {
color:#3c763d
}
.has-success .form-control {
border-color:#3c763d;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
border-color:#2b542c;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon {
color:#3c763d;
border-color:#3c763d;
background-color:#dff0d8
}
.has-success .form-control-feedback {
color:#3c763d
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline {
color:#8a6d3b
}
.has-warning .form-control {
border-color:#8a6d3b;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
border-color:#66512c;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon {
color:#8a6d3b;
border-color:#8a6d3b;
background-color:#fcf8e3
}
.has-warning .form-control-feedback {
color:#8a6d3b
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline {
color:#a94442
}
.has-error .form-control {
border-color:#a94442;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
border-color:#843534;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon {
color:#a94442;
border-color:#a94442;
background-color:#f2dede
}
.has-error .form-control-feedback {
color:#a94442
}
.form-control-static {
margin-bottom:0
}
.help-block {
display:block;
margin-top:5px;
margin-bottom:10px;
color:#737373
}
@media (min-width:768px) {
.form-inline .form-group {
display:inline-block;
margin-bottom:0;
vertical-align:middle
}
.form-inline .form-control {
display:inline-block;
width:auto;
vertical-align:middle
}
.form-inline .input-group>.form-control {
width:100%
}
.form-inline .control-label {
margin-bottom:0;
vertical-align:middle
}
.form-inline .checkbox,
.form-inline .radio {
display:inline-block;
margin-top:0;
margin-bottom:0;
padding-left:0;
vertical-align:middle
}
.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio] {
float:none;
margin-left:0
}
.form-inline .has-feedback .form-control-feedback {
top:0
}
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .radio-inline {
margin-top:0;
margin-bottom:0;
padding-top:7px
}
.form-horizontal .checkbox,
.form-horizontal .radio {
min-height:29px
}
.form-horizontal .form-group {
margin-left:-15px;
margin-right:-15px
}
.form-horizontal .form-control-static {
padding-top:7px
}
@media (min-width:768px) {
.form-horizontal .control-label {
text-align:right
}
}
.form-horizontal .has-feedback .form-control-feedback {
top:0;
right:15px
}
.btn {
display:inline-block;
margin-bottom:0;
font-weight:400;
text-align:center;
vertical-align:middle;
cursor:pointer;
background-image:none;
border:1px solid transparent;
white-space:nowrap;
padding:6px 12px;
font-size:14px;
line-height:1.61803399;
border-radius:4px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.btn.active:focus,
.btn:active:focus,
.btn:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px
}
.btn:focus,
.btn:hover {
color:#333;
text-decoration:none
}
.btn.active,
.btn:active {
outline:0;
background-image:none;
box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor:not-allowed;
pointer-events:none;
opacity:.65;
filter:alpha(opacity=65);
box-shadow:none
}
.btn-default {
color:#333;
background-color:#fff;
border-color:#ccc
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
color:#333;
background-color:#ebebeb;
border-color:#adadad
}
.btn-default.active,
.btn-default:active,
.open .dropdown-toggle.btn-default {
background-image:none
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
background-color:#fff;
border-color:#ccc
}
.btn-default .badge {
color:#fff;
background-color:#333
}
.btn-primary {
color:#fff;
background-color:#428bca;
border-color:#357ebd
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
color:#fff;
background-color:#3276b1;
border-color:#285e8e
}
.btn-primary.active,
.btn-primary:active,
.open .dropdown-toggle.btn-primary {
background-image:none
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
background-color:#428bca;
border-color:#357ebd
}
.btn-primary .badge {
color:#428bca;
background-color:#fff
}
.btn-success {
color:#fff;
background-color:#5cb85c;
border-color:#4cae4c
}
.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
color:#fff;
background-color:#47a447;
border-color:#398439
}
.btn-success.active,
.btn-success:active,
.open .dropdown-toggle.btn-success {
background-image:none
}
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
background-color:#5cb85c;
border-color:#4cae4c
}
.btn-success .badge {
color:#5cb85c;
background-color:#fff
}
.btn-info {
color:#fff;
background-color:#5bc0de;
border-color:#46b8da
}
.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
color:#fff;
background-color:#39b3d7;
border-color:#269abc
}
.btn-info.active,
.btn-info:active,
.open .dropdown-toggle.btn-info {
background-image:none
}
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
background-color:#5bc0de;
border-color:#46b8da
}
.btn-info .badge {
color:#5bc0de;
background-color:#fff
}
.btn-warning {
color:#fff;
background-color:#f0ad4e;
border-color:#eea236
}
.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
color:#fff;
background-color:#ed9c28;
border-color:#d58512
}
.btn-warning.active,
.btn-warning:active,
.open .dropdown-toggle.btn-warning {
background-image:none
}
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
background-color:#f0ad4e;
border-color:#eea236
}
.btn-warning .badge {
color:#f0ad4e;
background-color:#fff
}
.btn-danger {
color:#fff;
background-color:#d9534f;
border-color:#d43f3a
}
.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
color:#fff;
background-color:#d2322d;
border-color:#ac2925
}
.btn-danger.active,
.btn-danger:active,
.open .dropdown-toggle.btn-danger {
background-image:none
}
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
background-color:#d9534f;
border-color:#d43f3a
}
.btn-danger .badge {
color:#d9534f;
background-color:#fff
}
.btn-link {
color:#428bca;
font-weight:400;
cursor:pointer;
border-radius:0
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color:transparent;
box-shadow:none
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
border-color:transparent
}
.btn-link:focus,
.btn-link:hover {
color:#2a6496;
text-decoration:underline;
background-color:transparent
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
color:#999;
text-decoration:none
}
.btn-group-lg>.btn,
.btn-lg {
padding:10px 16px;
font-size:18px;
line-height:1.33;
border-radius:6px
}
.btn-group-sm>.btn,
.btn-sm {
padding:5px 10px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
.btn-group-xs>.btn,
.btn-xs {
padding:1px 5px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
.btn-block {
display:block;
width:100%;
padding-left:0;
padding-right:0
}
.btn-block+.btn-block {
margin-top:5px
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width:100%
}
.fade {
opacity:0;
transition:opacity .15s linear
}
.fade.in {
opacity:1
}
.collapse {
display:none
}
.collapse.in {
display:block
}
.collapsing {
position:relative;
height:0;
overflow:hidden;
transition:height .35s ease
}
.caret {
display:inline-block;
width:0;
height:0;
margin-left:2px;
vertical-align:middle;
border-top:4px solid;
border-right:4px solid transparent;
border-left:4px solid transparent
}
.dropdown {
position:relative
}
.dropdown-toggle:focus {
outline:0
}
.dropdown-menu {
position:absolute;
top:100%;
left:0;
z-index:1000;
display:none;
float:left;
min-width:160px;
padding:5px 0;
margin:2px 0 0;
list-style:none;
font-size:14px;
background-color:#fff;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,.15);
border-radius:4px;
box-shadow:0 6px 12px rgba(0,0,0,.175);
background-clip:padding-box
}
.dropdown-menu.pull-right {
right:0;
left:auto
}
.dropdown-menu .divider {
height:1px;
margin:10px 0;
overflow:hidden;
background-color:#e5e5e5
}
.dropdown-menu>li>a {
display:block;
padding:3px 20px;
clear:both;
font-weight:400;
line-height:1.61803399;
color:#333;
white-space:nowrap
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
text-decoration:none;
color:#262626;
background-color:#f5f5f5
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
color:#fff;
text-decoration:none;
outline:0;
background-color:#428bca
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
color:#999
}
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
text-decoration:none;
background-color:transparent;
background-image:none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor:not-allowed
}
.open>.dropdown-menu {
display:block
}
.open>a {
outline:0
}
.dropdown-menu-right {
left:auto;
right:0
}
.dropdown-menu-left {
left:0;
right:auto
}
.dropdown-header {
display:block;
padding:3px 20px;
font-size:12px;
line-height:1.61803399;
color:#999
}
.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;
content:""
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top:auto;
bottom:100%;
margin-bottom:1px
}
@media (min-width:768px) {
.navbar-right .dropdown-menu {
left:auto;
right:0
}
.navbar-right .dropdown-menu-left {
left:0;
right:auto
}
}
.btn-group,
.btn-group-vertical {
position:relative;
display:inline-block;
vertical-align:middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
position:relative;
float:left
}
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
z-index:2
}
.btn-group-vertical>.btn:focus,
.btn-group>.btn:focus {
outline:none
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
margin-left:-1px
}
.btn-toolbar {
margin-left:-5px
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float:left
}
.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
margin-left:5px
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius:0
}
.btn-group>.btn:first-child {
margin-left:0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius:0;
border-top-right-radius:0
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius:0;
border-top-left-radius:0
}
.btn-group>.btn-group {
float:left
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius:0
}
.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.dropdown-toggle {
border-bottom-right-radius:0;
border-top-right-radius:0
}
.btn-group>.btn-group:last-child>.btn:first-child {
border-bottom-left-radius:0;
border-top-left-radius:0
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline:0
}
.btn-group>.btn+.dropdown-toggle {
padding-left:8px;
padding-right:8px
}
.btn-group>.btn-lg+.dropdown-toggle {
padding-left:12px;
padding-right:12px
}
.btn-group.open .dropdown-toggle {
box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-group.open .dropdown-toggle.btn-link {
box-shadow:none
}
.btn .caret {
margin-left:0
}
.btn-lg .caret {
border-width:5px 5px 0
}
.dropup .btn-lg .caret {
border-width:0 5px 5px
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
display:block;
float:none;
width:100%;
max-width:100%
}
.btn-group-vertical>.btn-group>.btn {
float:none
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top:-1px;
margin-left:0
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius:0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius:4px;
border-bottom-right-radius:0;
border-bottom-left-radius:0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-bottom-left-radius:4px;
border-top-right-radius:0;
border-top-left-radius:0
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius:0
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius:0;
border-bottom-left-radius:0
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-right-radius:0;
border-top-left-radius:0
}
.btn-group-justified {
display:table;
width:100%;
table-layout:fixed;
border-collapse:separate
}
.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
float:none;
display:table-cell;
width:1%
}
.btn-group-justified>.btn-group .btn {
width:100%
}
[data-toggle=buttons]>.btn>input[type=checkbox],
[data-toggle=buttons]>.btn>input[type=radio] {
display:none
}
.input-group {
position:relative;
display:table;
border-collapse:separate
}
.input-group[class*=col-] {
float:none;
padding-left:0;
padding-right:0
}
.input-group .form-control {
position:relative;
z-index:2;
float:left;
width:100%;
margin-bottom:0
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
height:46px;
padding:10px 16px;
font-size:18px;
line-height:1.33;
border-radius:6px
}
select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
height:46px;
line-height:46px
}
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
height:auto
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
height:30px;
padding:5px 10px;
font-size:12px;
line-height:1.5;
border-radius:3px
}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
height:30px;
line-height:30px
}
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
height:auto
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display:table-cell
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius:0
}
.input-group-addon,
.input-group-btn {
width:1%;
white-space:nowrap;
vertical-align:middle
}
.input-group-addon {
padding:6px 12px;
font-size:14px;
font-weight:400;
line-height:1;
color:#555;
text-align:center;
background-color:#eee;
border:1px solid #ccc;
border-radius:4px
}
.input-group-addon.input-sm {
padding:5px 10px;
font-size:12px;
border-radius:3px
}
.input-group-addon.input-lg {
padding:10px 16px;
font-size:18px;
border-radius:6px
}
.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
margin-top:0
}
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group .form-control:first-child {
border-bottom-right-radius:0;
border-top-right-radius:0
}
.input-group-addon:first-child {
border-right:0
}
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group .form-control:last-child {
border-bottom-left-radius:0;
border-top-left-radius:0
}
.input-group-addon:last-child {
border-left:0
}
.input-group-btn {
font-size:0;
white-space:nowrap
}
.input-group-btn,
.input-group-btn>.btn {
position:relative
}
.input-group-btn>.btn+.btn {
margin-left:-1px
}
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
z-index:2
}
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
margin-right:-1px
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
margin-left:-1px
}
.nav {
margin-bottom:0;
padding-left:0;
list-style:none
}
.nav>li,
.nav>li>a {
position:relative;
display:block
}
.nav>li>a {
padding:10px 15px
}
.nav>li>a:focus,
.nav>li>a:hover {
text-decoration:none;
background-color:#eee
}
.nav>li.disabled>a {
color:#999
}
.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
color:#999;
text-decoration:none;
background-color:transparent;
cursor:not-allowed
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color:#eee;
border-color:#428bca
}
.nav .nav-divider {
height:1px;
margin:10px 0;
overflow:hidden;
background-color:#e5e5e5
}
.nav>li>a>img {
max-width:none
}
.nav-tabs {
border-bottom:1px solid #ddd
}
.nav-tabs>li {
float:left;
margin-bottom:-1px
}
.nav-tabs>li>a {
margin-right:2px;
line-height:1.61803399;
border:1px solid transparent;
border-radius:4px 4px 0 0
}
.nav-tabs>li>a:hover {
border-color:#eee #eee #ddd
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
color:#555;
background-color:#fff;
border:1px solid;
border-color:#ddd #ddd transparent;
cursor:default
}
.nav-tabs.nav-justified {
width:100%;
border-bottom:0
}
.nav-tabs.nav-justified>li {
float:none
}
.nav-tabs.nav-justified>li>a {
text-align:center;
margin-bottom:5px
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
top:auto;
left:auto
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li {
display:table-cell;
width:1%
}
.nav-tabs.nav-justified>li>a {
margin-bottom:0
}
}
.nav-tabs.nav-justified>li>a {
margin-right:0;
border-radius:4px
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
border:1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li>a {
border-bottom:1px solid #ddd;
border-radius:4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
border-bottom-color:#fff
}
}
.nav-pills>li {
float:left
}
.nav-pills>li>a {
border-radius:4px
}
.nav-pills>li+li {
margin-left:2px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
color:#fff;
background-color:#428bca
}
.nav-stacked>li {
float:none
}
.nav-stacked>li+li {
margin-top:2px;
margin-left:0
}
.nav-justified {
width:100%
}
.nav-justified>li {
float:none
}
.nav-justified>li>a {
text-align:center;
margin-bottom:5px
}
.nav-justified>.dropdown .dropdown-menu {
top:auto;
left:auto
}
@media (min-width:768px) {
.nav-justified>li {
display:table-cell;
width:1%
}
.nav-justified>li>a {
margin-bottom:0
}
}
.nav-tabs-justified {
border-bottom:0
}
.nav-tabs-justified>li>a {
margin-right:0;
border-radius:4px
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
border:1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs-justified>li>a {
border-bottom:1px solid #ddd;
border-radius:4px 4px 0 0
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover {
border-bottom-color:#fff
}
}
.tab-content>.tab-pane {
display:none
}
.tab-content>.active {
display:block
}
.nav-tabs .dropdown-menu {
margin-top:-1px;
border-top-right-radius:0;
border-top-left-radius:0
}
.navbar {
position:relative;
min-height:50px;
margin-bottom:22px;
border:1px solid transparent
}
@media (min-width:768px) {
.navbar {
border-radius:4px
}
}
@media (min-width:768px) {
.navbar-header {
float:left
}
}
.navbar-collapse {
max-height:340px;
overflow-x:visible;
padding-right:15px;
padding-left:15px;
border-top:1px solid transparent;
box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1);
-webkit-overflow-scrolling:touch
}
.navbar-collapse.in {
overflow-y:auto
}
@media (min-width:768px) {
.navbar-collapse {
width:auto;
border-top:0;
box-shadow:none
}
.navbar-collapse.collapse {
display:block!important;
height:auto!important;
padding-bottom:0;
overflow:visible!important
}
.navbar-collapse.in {
overflow-y:visible
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse {
padding-left:0;
padding-right:0
}
}
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
margin-right:-15px;
margin-left:-15px
}
@media (min-width:768px) {
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
margin-right:0;
margin-left:0
}
}
.navbar-static-top {
z-index:1000;
border-width:0 0 1px
}
@media (min-width:768px) {
.navbar-static-top {
border-radius:0
}
}
.navbar-fixed-bottom,
.navbar-fixed-top {
position:fixed;
right:0;
left:0;
z-index:1030
}
@media (min-width:768px) {
.navbar-fixed-bottom,
.navbar-fixed-top {
border-radius:0
}
}
.navbar-fixed-top {
top:0;
border-width:0 0 1px
}
.navbar-fixed-bottom {
bottom:0;
margin-bottom:0;
border-width:1px 0 0
}
.navbar-brand {
float:left;
padding:14px 15px;
font-size:18px;
line-height:22px;
height:50px
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration:none
}
@media (min-width:768px) {
.navbar>.container-fluid .navbar-brand,
.navbar>.container .navbar-brand {
margin-left:-15px
}
}
.navbar-toggle {
position:relative;
float:right;
margin-right:15px;
padding:9px 10px;
margin-top:8px;
margin-bottom:8px;
background-color:transparent;
background-image:none;
border:1px solid transparent;
border-radius:4px
}
.navbar-toggle:focus {
outline:none
}
.navbar-toggle .icon-bar {
display:block;
width:22px;
height:2px;
border-radius:1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top:4px
}
@media (min-width:768px) {
.navbar-toggle {
display:none
}
}
.navbar-nav {
margin:7px -15px
}
.navbar-nav>li>a {
padding-top:10px;
padding-bottom:10px;
line-height:22px
}
@media (max-width:767px) {
.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
box-shadow:none
}
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu>li>a {
padding:5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
line-height:22px
}
.navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-nav .open .dropdown-menu>li>a:hover {
background-image:none
}
}
@media (min-width:768px) {
.navbar-nav {
float:left;
margin:0
}
.navbar-nav>li {
float:left
}
.navbar-nav>li>a {
padding-top:14px;
padding-bottom:14px
}
.navbar-nav.navbar-right:last-child {
margin-right:-15px
}
}
@media (min-width:768px) {
.navbar-left {
float:left!important
}
.navbar-right {
float:right!important
}
}
.navbar-form {
padding:10px 15px;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);
margin:7px -15px
}
@media (min-width:768px) {
.navbar-form .form-group {
display:inline-block;
margin-bottom:0;
vertical-align:middle
}
.navbar-form .form-control {
display:inline-block;
width:auto;
vertical-align:middle
}
.navbar-form .input-group>.form-control {
width:100%
}
.navbar-form .control-label {
margin-bottom:0;
vertical-align:middle
}
.navbar-form .checkbox,
.navbar-form .radio {
display:inline-block;
margin-top:0;
margin-bottom:0;
padding-left:0;
vertical-align:middle
}
.navbar-form .checkbox input[type=checkbox],
.navbar-form .radio input[type=radio] {
float:none;
margin-left:0
}
.navbar-form .has-feedback .form-control-feedback {
top:0
}
}
@media (max-width:767px) {
.navbar-form .form-group {
margin-bottom:5px
}
}
@media (min-width:768px) {
.navbar-form {
width:auto;
border:0;
margin-left:0;
margin-right:0;
padding-top:0;
padding-bottom:0;
box-shadow:none
}
.navbar-form.navbar-right:last-child {
margin-right:-15px
}
}
.navbar-nav>li>.dropdown-menu {
margin-top:0;
border-top-right-radius:0;
border-top-left-radius:0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
border-bottom-right-radius:0;
border-bottom-left-radius:0
}
.navbar-btn {
margin-top:7px;
margin-bottom:7px
}
.navbar-btn.btn-sm {
margin-top:10px;
margin-bottom:10px
}
.navbar-btn.btn-xs,
.navbar-text {
margin-top:14px;
margin-bottom:14px
}
@media (min-width:768px) {
.navbar-text {
float:left;
margin-left:15px;
margin-right:15px
}
.navbar-text.navbar-right:last-child {
margin-right:0
}
}
.navbar-default {
background-color:#f8f8f8;
border-color:#3d3d3d
}
.navbar-default .navbar-brand {
color:#3d3d3d
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color:#3d3d3d;
background-color:#3d3d3d
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
color:#3d3d3d
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color:#3d3d3d;
background-color:#3d3d3d
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color:#3d3d3d;
background-color:#3d3d3d
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
color:#3d3d3d;
background-color:#3d3d3d
}
.navbar-default .navbar-toggle {
border-color:#ddd
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color:#ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color:#888
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color:#3d3d3d
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background-color:#3d3d3d;
color:#555
}
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color:#777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color:#333;
background-color:#3d3d3d
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color:#555;
background-color:#3d3d3d
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color:#ccc;
background-color:#3d3d3d
}
}
.navbar-default .navbar-link {
color:#777
}
.navbar-default .navbar-link:hover {
color:#333
}
.navbar-inverse {
background-color:#222;
border-color:#080808
}
.navbar-inverse .navbar-brand {
color:#999
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
color:#fff;
background-color:#3d3d3d
}
.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-text {
color:#999
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
color:#fff;
background-color:#3d3d3d
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
color:#fff;
background-color:#3d3d3d
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
color:#444;
background-color:#3d3d3d
}
.navbar-inverse .navbar-toggle {
border-color:#333
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background-color:#333
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color:#fff
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color:#101010
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
background-color:#080808;
color:#fff
}
@media (max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color:#080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color:#080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color:#999
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
color:#fff;
background-color:#3d3d3d
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
color:#fff;
background-color:#080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color:#444;
background-color:#3d3d3d
}
}
.navbar-inverse .navbar-link {
color:#999
}
.navbar-inverse .navbar-link:hover {
color:#fff
}
.breadcrumb {
padding:8px 15px;
margin-bottom:22px;
list-style:none;
background-color:#f5f5f5;
border-radius:4px
}
.breadcrumb>li {
display:inline-block
}
.breadcrumb>li+li:before {
content:"../../\A0";
padding:0 5px;
color:#ccc
}
.breadcrumb>.active {
color:#999
}
.pagination {
display:inline-block;
padding-left:0;
margin:22px 0;
border-radius:4px
}
.pagination>li {
display:inline
}
.pagination>li>a,
.pagination>li>span {
position:relative;
float:left;
padding:6px 12px;
line-height:1.61803399;
text-decoration:none;
color:#428bca;
background-color:#fff;
border:1px solid #ddd;
margin-left:-1px
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left:0;
border-bottom-left-radius:4px;
border-top-left-radius:4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-bottom-right-radius:4px;
border-top-right-radius:4px
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
color:#2a6496;
background-color:#eee;
border-color:#ddd
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
z-index:2;
color:#fff;
background-color:#428bca;
border-color:#428bca;
cursor:default
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
color:#999;
background-color:#fff;
border-color:#ddd;
cursor:not-allowed
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding:10px 16px;
font-size:18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-bottom-left-radius:6px;
border-top-left-radius:6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-bottom-right-radius:6px;
border-top-right-radius:6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding:5px 10px;
font-size:12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-bottom-left-radius:3px;
border-top-left-radius:3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-bottom-right-radius:3px;
border-top-right-radius:3px
}
.pager {
padding-left:0;
margin:22px 0;
list-style:none;
text-align:center
}
.pager li {
display:inline
}
.pager li>a,
.pager li>span {
display:inline-block;
padding:5px 14px;
background-color:#fff;
border:1px solid #ddd;
border-radius:15px
}
.pager li>a:focus,
.pager li>a:hover {
text-decoration:none;
background-color:#eee
}
.pager .next>a,
.pager .next>span {
float:right
}
.pager .previous>a,
.pager .previous>span {
float:left
}
.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
color:#999;
background-color:#fff;
cursor:not-allowed
}
.label {
display:inline;
padding:.2em .6em .3em;
font-size:75%;
font-weight:700;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:.25em
}
.label[href]:focus,
.label[href]:hover {
color:#fff;
text-decoration:none;
cursor:pointer
}
.label:empty {
display:none
}
.btn .label {
position:relative;
top:-1px
}
.label-default {
background-color:#999
}
.label-default[href]:focus,
.label-default[href]:hover {
background-color:grey
}
.label-primary {
background-color:#428bca
}
.label-primary[href]:focus,
.label-primary[href]:hover {
background-color:#3071a9
}
.label-success {
background-color:#5cb85c
}
.label-success[href]:focus,
.label-success[href]:hover {
background-color:#449d44
}
.label-info {
background-color:#5bc0de
}
.label-info[href]:focus,
.label-info[href]:hover {
background-color:#31b0d5
}
.label-warning {
background-color:#f0ad4e
}
.label-warning[href]:focus,
.label-warning[href]:hover {
background-color:#ec971f
}
.label-danger {
background-color:#d9534f
}
.label-danger[href]:focus,
.label-danger[href]:hover {
background-color:#c9302c
}
.badge {
display:inline-block;
min-width:10px;
padding:3px 7px;
font-size:12px;
font-weight:700;
color:#fff;
line-height:1;
vertical-align:baseline;
white-space:nowrap;
text-align:center;
background-color:#999;
border-radius:10px
}
.badge:empty {
display:none
}
.btn .badge {
position:relative;
top:-1px
}
.btn-xs .badge {
top:0;
padding:1px 5px
}
a.badge:focus,
a.badge:hover {
color:#fff;
text-decoration:none;
cursor:pointer
}
.nav-pills>.active>a>.badge,
a.list-group-item.active>.badge {
color:#428bca;
background-color:#fff
}
.nav-pills>li>a>.badge {
margin-left:3px
}
.jumbotron {
padding:30px;
margin-bottom:30px;
background-color:#eee
}
.jumbotron,
.jumbotron .h1,
.jumbotron h1 {
color:inherit
}
.jumbotron p {
margin-bottom:15px;
font-size:21px;
font-weight:200
}
.container .jumbotron {
border-radius:6px
}
.jumbotron .container {
max-width:100%
}
@media screen and (min-width:768px) {
.jumbotron {
padding-top:48px;
padding-bottom:48px
}
.container .jumbotron {
padding-left:60px;
padding-right:60px
}
.jumbotron .h1,
.jumbotron h1 {
font-size:63px
}
}
.thumbnail {
display:block;
padding:4px;
margin-bottom:22px;
line-height:1.61803399;
background-color:#fff;
border:1px solid #ddd;
border-radius:4px;
transition:all .2s ease-in-out
}
.thumbnail>img,
.thumbnail a>img {
margin-left:auto;
margin-right:auto
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
border-color:#428bca
}
.thumbnail .caption {
padding:9px;
color:#333
}
.alert {
padding:15px;
margin-bottom:22px;
border:1px solid transparent;
border-radius:4px
}
.alert h4 {
margin-top:0;
color:inherit
}
.alert .alert-link {
font-weight:700
}
.alert>p,
.alert>ul {
margin-bottom:0
}
.alert>p+p {
margin-top:5px
}
.alert-dismissable {
padding-right:35px
}
.alert-dismissable .close {
position:relative;
top:-2px;
right:-21px;
color:inherit
}
.alert-success {
background-color:#dff0d8;
border-color:#d6e9c6;
color:#3c763d
}
.alert-success hr {
border-top-color:#c9e2b3
}
.alert-success .alert-link {
color:#2b542c
}
.alert-info {
background-color:#d9edf7;
border-color:#bce8f1;
color:#31708f
}
.alert-info hr {
border-top-color:#a6e1ec
}
.alert-info .alert-link {
color:#245269
}
.alert-warning {
background-color:#fcf8e3;
border-color:#faebcc;
color:#8a6d3b
}
.alert-warning hr {
border-top-color:#f7e1b5
}
.alert-warning .alert-link {
color:#66512c
}
.alert-danger {
background-color:#f2dede;
border-color:#ebccd1;
color:#a94442
}
.alert-danger hr {
border-top-color:#e4b9c0
}
.alert-danger .alert-link {
color:#843534
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position:40px 0
}
to {
background-position:0 0
}
}
@keyframes progress-bar-stripes {
0% {
background-position:40px 0
}
to {
background-position:0 0
}
}
.progress {
overflow:hidden;
height:22px;
margin-bottom:22px;
background-color:#f5f5f5;
border-radius:4px;
box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar {
float:left;
width:0;
height:100%;
font-size:12px;
line-height:22px;
color:#fff;
text-align:center;
background-color:#428bca;
box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
transition:width .6s ease
}
.progress-striped .progress-bar {
background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
background-size:40px 40px
}
.progress.active .progress-bar {
-webkit-animation:progress-bar-stripes 2s linear infinite;
animation:progress-bar-stripes 2s linear infinite
}
.progress-bar-success {
background-color:#5cb85c
}
.progress-striped .progress-bar-success {
background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}
.progress-bar-info {
background-color:#5bc0de
}
.progress-striped .progress-bar-info {
background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}
.progress-bar-warning {
background-color:#f0ad4e
}
.progress-striped .progress-bar-warning {
background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}
.progress-bar-danger {
background-color:#d9534f
}
.progress-striped .progress-bar-danger {
background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)
}
.media,
.media-body {
overflow:hidden;
zoom:1
}
.media,
.media .media {
margin-top:15px
}
.media:first-child {
margin-top:0
}
.media-object {
display:block
}
.media-heading {
margin:0 0 5px
}
.media>.pull-left {
margin-right:10px
}
.media>.pull-right {
margin-left:10px
}
.media-list {
padding-left:0;
list-style:none
}
.list-group {
margin-bottom:20px;
padding-left:0
}
.list-group-item {
position:relative;
display:block;
padding:10px 15px;
margin-bottom:-1px;
background-color:#fff;
border:1px solid #ddd
}
.list-group-item:first-child {
border-top-right-radius:4px;
border-top-left-radius:4px
}
.list-group-item:last-child {
margin-bottom:0;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px
}
.list-group-item>.badge {
float:right
}
.list-group-item>.badge+.badge {
margin-right:5px
}
a.list-group-item {
color:#555
}
a.list-group-item .list-group-item-heading {
color:#333
}
a.list-group-item:focus,
a.list-group-item:hover {
text-decoration:none;
background-color:#f5f5f5
}
a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover {
z-index:2;
color:#fff;
background-color:#428bca;
border-color:#428bca
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading {
color:inherit
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text {
color:#e1edf7
}
.list-group-item-success {
color:#3c763d;
background-color:#dff0d8
}
a.list-group-item-success {
color:#3c763d
}
a.list-group-item-success .list-group-item-heading {
color:inherit
}
a.list-group-item-success:focus,
a.list-group-item-success:hover {
color:#3c763d;
background-color:#d0e9c6
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover {
color:#fff;
background-color:#3c763d;
border-color:#3c763d
}
.list-group-item-info {
color:#31708f;
background-color:#d9edf7
}
a.list-group-item-info {
color:#31708f
}
a.list-group-item-info .list-group-item-heading {
color:inherit
}
a.list-group-item-info:focus,
a.list-group-item-info:hover {
color:#31708f;
background-color:#c4e3f3
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover {
color:#fff;
background-color:#31708f;
border-color:#31708f
}
.list-group-item-warning {
color:#8a6d3b;
background-color:#fcf8e3
}
a.list-group-item-warning {
color:#8a6d3b
}
a.list-group-item-warning .list-group-item-heading {
color:inherit
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover {
color:#8a6d3b;
background-color:#faf2cc
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover {
color:#fff;
background-color:#8a6d3b;
border-color:#8a6d3b
}
.list-group-item-danger {
color:#a94442;
background-color:#f2dede
}
a.list-group-item-danger {
color:#a94442
}
a.list-group-item-danger .list-group-item-heading {
color:inherit
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover {
color:#a94442;
background-color:#ebcccc
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover {
color:#fff;
background-color:#a94442;
border-color:#a94442
}
.list-group-item-heading {
margin-top:0;
margin-bottom:5px
}
.list-group-item-text {
margin-bottom:0;
line-height:1.3
}
.panel {
margin-bottom:22px;
background-color:#fff;
border:1px solid transparent;
border-radius:4px;
box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.panel-body {
padding:15px
}
.panel-heading {
padding:10px 15px;
border-bottom:1px solid transparent;
border-top-right-radius:3px;
border-top-left-radius:3px
}
.panel-heading>.dropdown .dropdown-toggle,
.panel-title {
color:inherit
}
.panel-title {
margin-top:0;
margin-bottom:0;
font-size:16px
}
.panel-title>a {
color:inherit
}
.panel-footer {
padding:10px 15px;
background-color:#f5f5f5;
border-top:1px solid #ddd;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px
}
.panel>.list-group {
margin-bottom:0
}
.panel>.list-group .list-group-item {
border-width:1px 0;
border-radius:0
}
.panel>.list-group:first-child .list-group-item:first-child {
border-top:0;
border-top-right-radius:3px;
border-top-left-radius:3px
}
.panel>.list-group:last-child .list-group-item:last-child {
border-bottom:0;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px
}
.panel-heading+.list-group .list-group-item:first-child {
border-top-width:0
}
.panel>.table,
.panel>.table-responsive>.table {
margin-bottom:0
}
.panel>.table-responsive:first-child>.table:first-child,
.panel>.table:first-child {
border-top-right-radius:3px;
border-top-left-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
border-top-left-radius:3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
border-top-right-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
border-bottom-right-radius:3px;
border-bottom-left-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius:3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius:3px
}
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive {
border-top:1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
border-top:0
}
.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
border:0
}
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left:0
}
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right:0
}
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
border-bottom:0
}
.panel>.table-responsive {
border:0;
margin-bottom:0
}
.panel-group {
margin-bottom:22px
}
.panel-group .panel {
margin-bottom:0;
border-radius:4px;
overflow:hidden
}
.panel-group .panel+.panel {
margin-top:5px
}
.panel-group .panel-heading {
border-bottom:0
}
.panel-group .panel-heading+.panel-collapse .panel-body {
border-top:1px solid #ddd
}
.panel-group .panel-footer {
border-top:0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom:1px solid #ddd
}
.panel-default {
border-color:#ddd
}
.panel-default>.panel-heading {
color:#333;
background-color:#f5f5f5;
border-color:#ddd
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
border-top-color:#ddd
}
.panel-default>.panel-footer+.panel-collapse .panel-body {
border-bottom-color:#ddd
}
.panel-primary {
border-color:#428bca
}
.panel-primary>.panel-heading {
color:#fff;
background-color:#428bca;
border-color:#428bca
}
.panel-primary>.panel-heading+.panel-collapse .panel-body {
border-top-color:#428bca
}
.panel-primary>.panel-footer+.panel-collapse .panel-body {
border-bottom-color:#428bca
}
.panel-success {
border-color:#d6e9c6
}
.panel-success>.panel-heading {
color:#3c763d;
background-color:#dff0d8;
border-color:#d6e9c6
}
.panel-success>.panel-heading+.panel-collapse .panel-body {
border-top-color:#d6e9c6
}
.panel-success>.panel-footer+.panel-collapse .panel-body {
border-bottom-color:#d6e9c6
}
.panel-info {
border-color:#bce8f1
}
.panel-info>.panel-heading {
color:#31708f;
background-color:#d9edf7;
border-color:#bce8f1
}
.panel-info>.panel-heading+.panel-collapse .panel-body {
border-top-color:#bce8f1
}
.panel-info>.panel-footer+.panel-collapse .panel-body {
border-bottom-color:#bce8f1
}
.panel-warning {
border-color:#faebcc
}
.panel-warning>.panel-heading {
color:#8a6d3b;
background-color:#fcf8e3;
border-color:#faebcc
}
.panel-warning>.panel-heading+.panel-collapse .panel-body {
border-top-color:#faebcc
}
.panel-warning>.panel-footer+.panel-collapse .panel-body {
border-bottom-color:#faebcc
}
.panel-danger {
border-color:#ebccd1
}
.panel-danger>.panel-heading {
color:#a94442;
background-color:#f2dede;
border-color:#ebccd1
}
.panel-danger>.panel-heading+.panel-collapse .panel-body {
border-top-color:#ebccd1
}
.panel-danger>.panel-footer+.panel-collapse .panel-body {
border-bottom-color:#ebccd1
}
.well {
min-height:20px;
padding:19px;
margin-bottom:20px;
background-color:#f5f5f5;
border:1px solid #e3e3e3;
border-radius:4px;
box-shadow:inset 0 1px 1px rgba(0,0,0,.05)
}
.well blockquote {
border-color:#ddd;
border-color:rgba(0,0,0,.15)
}
.well-lg {
padding:24px;
border-radius:6px
}
.well-sm {
padding:9px;
border-radius:3px
}
.close {
float:right;
font-size:21px;
font-weight:700;
line-height:1;
color:#000;
text-shadow:0 1px 0 #fff;
opacity:.2;
filter:alpha(opacity=20)
}
.close:focus,
.close:hover {
color:#000;
text-decoration:none;
cursor:pointer;
opacity:.5;
filter:alpha(opacity=50)
}
button.close {
padding:0;
cursor:pointer;
background:transparent;
border:0;
-webkit-appearance:none
}
.modal-open {
overflow:hidden
}
.modal {
display:none;
overflow:auto;
overflow-y:scroll;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1050;
-webkit-overflow-scrolling:touch;
outline:0
}
.modal.fade .modal-dialog {
transform:translateY(-25%);
transition:transform .3s ease-out
}
.modal.in .modal-dialog {
transform:translate(0)
}
.modal-dialog {
position:relative;
width:auto;
margin:10px
}
.modal-content {
position:relative;
background-color:#fff;
border:1px solid #999;
border:1px solid rgba(0,0,0,.2);
border-radius:6px;
box-shadow:0 3px 9px rgba(0,0,0,.5);
background-clip:padding-box;
outline:none
}
.modal-backdrop {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1040;
background-color:#000
}
.modal-backdrop.fade {
opacity:0;
filter:alpha(opacity=0)
}
.modal-backdrop.in {
opacity:.5;
filter:alpha(opacity=50)
}
.modal-header {
padding:15px;
border-bottom:1px solid #e5e5e5;
min-height:16.61803399px
}
.modal-header .close {
margin-top:-2px
}
.modal-title {
margin:0;
line-height:1.61803399
}
.modal-body {
position:relative;
padding:20px
}
.modal-footer {
margin-top:15px;
padding:19px 20px 20px;
text-align:right;
border-top:1px solid #e5e5e5
}
.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
}
@media (min-width:768px) {
.modal-dialog {
width:600px;
margin:30px auto
}
.modal-content {
box-shadow:0 5px 15px rgba(0,0,0,.5)
}
.modal-sm {
width:300px
}
}
@media (min-width:992px) {
.modal-lg {
width:900px
}
}
.tooltip {
position:absolute;
z-index:1030;
display:block;
visibility:visible;
font-size:12px;
line-height:1.4;
opacity:0;
filter:alpha(opacity=0)
}
.tooltip.in {
opacity:.9;
filter:alpha(opacity=90)
}
.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:3px 8px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:#000;
border-radius:4px
}
.tooltip-arrow {
position:absolute;
width:0;
height:0;
border-color:transparent;
border-style:solid
}
.tooltip.top .tooltip-arrow {
bottom:0;
left:50%;
margin-left:-5px;
border-width:5px 5px 0;
border-top-color:#000
}
.tooltip.top-left .tooltip-arrow {
bottom:0;
left:5px;
border-width:5px 5px 0;
border-top-color:#000
}
.tooltip.top-right .tooltip-arrow {
bottom:0;
right:5px;
border-width:5px 5px 0;
border-top-color:#000
}
.tooltip.right .tooltip-arrow {
top:50%;
left:0;
margin-top:-5px;
border-width:5px 5px 5px 0;
border-right-color:#000
}
.tooltip.left .tooltip-arrow {
top:50%;
right:0;
margin-top:-5px;
border-width:5px 0 5px 5px;
border-left-color:#000
}
.tooltip.bottom .tooltip-arrow {
top:0;
left:50%;
margin-left:-5px;
border-width:0 5px 5px;
border-bottom-color:#000
}
.tooltip.bottom-left .tooltip-arrow {
top:0;
left:5px;
border-width:0 5px 5px;
border-bottom-color:#000
}
.tooltip.bottom-right .tooltip-arrow {
top:0;
right: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;
background-clip:padding-box;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,.2);
border-radius:6px;
box-shadow:0 5px 10px rgba(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:400;
line-height:18px;
background-color:#f7f7f7;
border-bottom:1px solid #ebebeb;
border-radius:5px 5px 0 0
}
.popover-content {
padding:9px 14px
}
.popover>.arrow,
.popover>.arrow:after {
position:absolute;
display:block;
width:0;
height:0;
border-color:transparent;
border-style:solid
}
.popover>.arrow {
border-width:11px
}
.popover>.arrow:after {
border-width:10px;
content:""
}
.popover.top>.arrow {
left:50%;
margin-left:-11px;
border-bottom-width:0;
border-top-color:#999;
border-top-color:rgba(0,0,0,.25);
bottom:-11px
}
.popover.top>.arrow:after {
content:" ";
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,.25)
}
.popover.right>.arrow:after {
content:" ";
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,.25);
top:-11px
}
.popover.bottom>.arrow:after {
content:" ";
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,.25)
}
.popover.left>.arrow:after {
content:" ";
right:1px;
border-right-width:0;
border-left-color:#fff;
bottom:-10px
}
.carousel,
.carousel-inner {
position:relative
}
.carousel-inner {
overflow:hidden;
width:100%
}
.carousel-inner>.item {
display:none;
position:relative;
transition:left .6s ease-in-out
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
line-height:1
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
display:block
}
.carousel-inner>.active {
left:0
}
.carousel-inner>.next,
.carousel-inner>.prev {
position:absolute;
top:0;
width:100%
}
.carousel-inner>.next {
left:100%
}
.carousel-inner>.prev {
left:-100%
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
left:0
}
.carousel-inner>.active.left {
left:-100%
}
.carousel-inner>.active.right {
left:100%
}
.carousel-control {
position:absolute;
top:0;
left:0;
bottom:0;
width:15%;
opacity:.5;
filter:alpha(opacity=50);
font-size:20px;
color:#fff;
text-align:center;
text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-control.left {
background-image:linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001));
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1)
}
.carousel-control.right {
left:auto;
right:0;
background-image:linear-gradient(90deg,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5));
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1)
}
.carousel-control:focus,
.carousel-control:hover {
outline:none;
color:#fff;
text-decoration:none;
opacity:.9;
filter:alpha(opacity=90)
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
position:absolute;
top:50%;
z-index:5;
display:inline-block
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
left:50%
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
right:50%
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
width:20px;
height:20px;
margin-top:-10px;
margin-left:-10px;
font-family:serif
}
.carousel-control .icon-prev:before {
content:"\2039"
}
.carousel-control .icon-next:before {
content:"\203A"
}
.carousel-indicators {
position:absolute;
bottom:10px;
left:50%;
z-index:15;
width:60%;
margin-left:-30%;
padding-left:0;
list-style:none;
text-align:center
}
.carousel-indicators li {
display:inline-block;
width:10px;
height:10px;
margin:1px;
text-indent:-999px;
border:1px solid #fff;
border-radius:10px;
cursor:pointer;
background-color:#000\9;
background-color:transparent
}
.carousel-indicators .active {
margin:0;
width:12px;
height:12px;
background-color:#fff
}
.carousel-caption {
position:absolute;
left:15%;
right:15%;
bottom:20px;
z-index:10;
padding-top:20px;
padding-bottom:20px;
color:#fff;
text-align:center;
text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
text-shadow:none
}
@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
width:30px;
height:30px;
margin-top:-15px;
margin-left:-15px;
font-size:30px
}
.carousel-caption {
left:20%;
right:20%;
padding-bottom:30px
}
.carousel-indicators {
bottom:20px
}
}
.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
content:" ";
display:table
}
.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
clear:both
}
.center-block {
display:block;
margin-left:auto;
margin-right:auto
}
.pull-right {
float:right!important
}
.pull-left {
float:left!important
}
.hide {
display:none!important
}
.show {
display:block!important
}
.invisible {
visibility:hidden
}
.text-hide {
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0
}
.hidden {
display:none!important;
visibility:hidden!important
}
.affix {
position:fixed
}
@-ms-viewport {
width:device-width
}
.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
display:none!important
}
@media (max-width:767px) {
.visible-xs {
display:block!important
}
table.visible-xs {
display:table
}
tr.visible-xs {
display:table-row!important
}
td.visible-xs,
th.visible-xs {
display:table-cell!important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display:block!important
}
table.visible-sm {
display:table
}
tr.visible-sm {
display:table-row!important
}
td.visible-sm,
th.visible-sm {
display:table-cell!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md {
display:block!important
}
table.visible-md {
display:table
}
tr.visible-md {
display:table-row!important
}
td.visible-md,
th.visible-md {
display:table-cell!important
}
}
@media (min-width:1200px) {
.visible-lg {
display:block!important
}
table.visible-lg {
display:table
}
tr.visible-lg {
display:table-row!important
}
td.visible-lg,
th.visible-lg {
display:table-cell!important
}
}
@media (max-width:767px) {
.hidden-xs {
display:none!important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display:none!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display:none!important
}
}
@media (min-width:1200px) {
.hidden-lg {
display:none!important
}
}
.visible-print {
display:none!important
}
@media print {
.visible-print {
display:block!important
}
table.visible-print {
display:table
}
tr.visible-print {
display:table-row!important
}
td.visible-print,
th.visible-print {
display:table-cell!important
}
}
@media print {
.hidden-print {
display:none!important
}
}
.bg-primary {
background-color:#424651!important
}
.bg-secondary-1 {
background-color:#6f6f75!important
}
.bg-secondary-2 {
background-color:#8d8886!important
}
.bg-white {
background-color:#fff!important
}
.bg-dribbble {
background-color:#ea4c89
}
.bg-twitter {
background-color:#00a0d1
}
.bg-facebook {
background-color:#3b5998
}
.bg-googleplus {
background-color:#c63d2d
}
.bg-tumblr {
background-color:#34526f
}
.text-dribbble {
color:#ea4c89
}
.text-twitter {
color:#00a0d1
}
.text-facebook {
color:#3b5998
}
.text-googleplus {
color:#c63d2d
}
.text-tumblr {
color:#34526f
}
.text-white {
color:#fff
}
.text-primary {
color:#424651
}
.standard-radius {
border-radius:25px
}
.transition-500 {
transition:all .5s ease
}
.transition-2000 {
transition:all 2s ease
}
.transition-300 {
transition:all .3s ease
}
.cover-div {
position:absolute;
width:100%;
height:100%;
top:0
}
.blank-input {
background:none;
border:none;
box-shadow:none
}
.blank-input,
.font-body,
.font-heading {
font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif
}
body {
-webkit-font-smoothing:antialiased;
font-size:14px;
line-height:24px;
background-color:#000
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
color:#fff
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight:300;
margin:0
}
.alt-font {
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px
}
ul {
list-style:none;
padding:0
}
a:hover {
text-decoration:none
}
.pointer {
cursor:pointer!important
}
.uppercase {
text-transform:uppercase
}
img {
max-width:100%
}
.jumbo-h1 {
font-size:40px;
line-height:56px;
font-weight:600;
margin-bottom:64px
}
.standard-h1,
h1 {
font-size:32px;
line-height:44px;
margin-bottom:48px
}
h2 {
font-size:28px;
line-height:44px
}
h3 {
font-size:26px;
line-height:32px
}
h5 {
font-size:18px
}
h5,
h6 {
font-weight:600;
margin-bottom:16px
}
h6 {
font-size:16px
}
strong {
font-weight:600
}
p {
font-size:14px;
line-height:24px
}
p.lead {
font-size:16px;
line-height:30px;
font-weight:400
}
p:last-child {
margin-bottom:0
}
p a {
color:#fff
}
.quote-text {
font-size:24px;
line-height:40px;
font-style:italic;
font-weight:300
}
span.text-white a {
font-weight:600;
color:#fff
}
.main-container {
transition:all .3s ease;
transform:translateZ(0);
overflow:hidden;
width:100%
}
.main-container.reveal-nav {
transform:translate3d(-300px,0,0)
}
.loader {
position:fixed;
top:0;
width:100%;
height:100%;
background:#000;
z-index:9999;
text-align:center;
transition:all .5s ease;
opacity:1
}
.spinner {
width:40px;
height:40px;
position:relative;
top:50%;
left:50%;
margin-left:-20px;
margin-top:-20px
}
.double-bounce1,
.double-bounce2 {
width:100%;
height:100%;
border-radius:50%;
background-color:#9acc14;
opacity:.6;
position:absolute;
top:0;
left:0;
-webkit-animation:bounce 2s ease-in-out infinite;
animation:bounce 2s ease-in-out infinite
}
.double-bounce2 {
-webkit-animation-delay:-1s;
animation-delay:-1s
}
@-webkit-keyframes bounce {
0%,
to {
-webkit-transform:scale(0)
}
50% {
-webkit-transform:scale(1)
}
}
@keyframes bounce {
0%,
to {
transform:scale(0);
-webkit-transform:scale(0)
}
50% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
section {
padding-top:40px;
padding-bottom:80px;
position:relative;
overflow:hidden;

margin: 0 8%;
width: 83%;
}
section.pad-large {
padding-top:160px;
padding-bottom:160px
}
section.duplicatable-content {
padding-bottom:40px
}
section:nth-of-type(odd) {
background:#1e2125
}
section:nth-of-type(2n) {
background:#292e33
}
.no-pad {
padding:0
}
.no-pad-top {
padding-top:0!important
}
.no-pad-left {
padding-left:0
}
.no-pad-right {
padding-right:0
}
.no-pad-bottom {
padding-bottom:0
}
.space-top-small {
margin-top:20px!important
}
.space-bottom-medium {
margin-bottom:40px!important
}
.space-bottom-large {
margin-bottom:80px!important
}
.space-bottom-xlarge {
margin-bottom:160px!important
}
.no-margin {
margin:0
}
.no-margin-bottom {
margin-bottom:0!important
}
.btn {
background:none;
transition:all .3s ease;
min-width:155px
}
.btn:hover {
background:none;
color:#fff;
border-color:#8d8886;
background-color:#8d8886
}
.btn-primary {
border-radius:25px;
display:inline-block;
padding:14px 28px 13px;
line-height:1;
border:2px solid #8d8886;
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
color:#8d8886
}
.btn-primary.btn-filled {
background:#8d8886;
color:#fff
}
.btn-primary.btn-filled:hover,
.btn-white {
border-color:#fff
}
.btn-white {
color:#fff
}
.btn-white:hover {
background:unset;
color:#9acc14;
border-color:#9acc14
}
.btn-white.btn-filled {
background:#fff;
color:#424651
}
.btn-grey {
border-color:#777;
color:#fff
}
.btn-grey:hover {
background-color:#fff;
color:#fff;
border-color:#fff
}
.btn-lg {
padding:18px 40px
}
.btn-sm {
padding:10px 28px;
font-size:11px
}
.btn-xs {
padding:8px 24px;
font-size:10px
}
.btn-text-only {
color:#fff;
border-color:transparent
}
.btn-text-only:hover {
background:none;
color:#9acc14;
border-color:transparent
}
.link-text {
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:2px solid #8d8886;
display:inline-block;
padding-bottom:0;
color:#8d8886
}
nav hr {
border:none;
border-top:1px solid hsla(0,0%,100%,.3);
position:relative;
bottom:2px
}
.has-dropdown {
bottom:3px
}
.has-dropdown:after {
font-family:ElegantIcons;
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
content:"3";
color:#777
}
.mobile-toggle {
display:none
}
.top-bar {
position:absolute;
background:#fff;
width:100%;
z-index:10;
transition:all .5s ease;
line-height:0;
top:0
}
.top-bar .logo {
max-width:80px;
position:relative;
bottom:7px
}
.logo.logo-wide {
max-width:140px;
bottom:12px;
margin-bottom:-6px
}
.logo.logo-square {
max-width:100px;
max-height:60px;
bottom:20px;
margin-bottom:-20px
}
.nav-sticky .logo-wide {
bottom:12px!important
}
.nav-sticky .logo-square {
bottom:20px!important
}
.nav-menu {
padding-top:40px
}
.nav-menu .social-icons {
float:right
}
.utility-menu {
margin-top:16px
}
.utility-menu .utility-inner {
padding-bottom:16px
}
.utility-menu .btn {
min-width:60px;
padding-left:18px;
padding-right:18px;
margin-left:8px;
margin-right:0
}
.utility-menu span {
display:inline-block;
position:relative;
top:9px
}
.utility-menu .btn-text-only {
min-width:0;
padding:0 8px
}
.overlay-bar {
background:none
}
.overlay-bar .has-dropdown:after {
color:#fff
}
.menu {
padding:0;
margin:0;
display:inline-block;
top:2px
}
.menu,
.menu li {
position:relative
}
.menu li {
float:left;
margin-right:56px
}
.menu li:last-child {
margin-right:0
}
.menu li a {
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
color:#777;
transition:all .5s ease;
padding-bottom:40px;
display:inline-block;
line-height:14px
}
.menu li a:hover {
color:#fff
}
@media (max-width:1050px) {
.menu li {
margin-right:32px
}
}
.top-bar .social-icons li a {
font-size:16px
}
.top-bar .logo-light {
display:none
}
.top-bar .utility-menu .utility-inner {
border-bottom:1px solid rgba(0,0,0,.2)
}
.overlay-bar .menu li a,
.overlay-bar .menu li a:hover,
.overlay-bar .social-icons li a {
color:#fff
}
.overlay-bar .subnav li a {
color:#777
}
.overlay-bar .subnav li a:hover {
color:#fff
}
.overlay-bar .logo-dark {
display:none
}
.overlay-bar .logo-light {
display:block
}
.overlay-bar .utility-menu span {
color:#fff
}
.overlay-bar .utility-menu .utility-inner {
border-bottom:1px solid hsla(0,0%,100%,.3)
}
.overlay-bar .login-button {
border-color:#fff;
color:#fff
}
.subnav {
display:none;
position:absolute;
background:#fff;
padding:24px;
transition:all .5s ease
}
.subnav li {
margin-right:0!important;
min-width:142px
}
.subnav li a {
padding-bottom:0!important;
margin-bottom:16px
}
.subnav li:last-child a {
margin-bottom:0
}
.has-dropdown:hover .subnav {
display:block
}
.nav-sticky {
position:fixed!important;
top:0
}
.nav-sticky .logo {
bottom:5px
}
.nav-sticky hr {
display:none!important
}
.top-bar.nav-sticky {
background:hsla(0,0%,100%,.9)
}
.top-bar.nav-sticky .nav-menu {
padding-top:32px
}
.top-bar.nav-sticky .menu li a {
padding-bottom:32px
}
.top-bar.nav-sticky .subnav {
background:hsla(0,0%,100%,.9)
}
.top-bar.nav-sticky .utility-menu {
display:none
}
.subnav-fullwidth {
overflow:hidden;
left:0;
position:absolute;
text-align:left
}
.subnav-fullwidth h6 {
margin-bottom:24px!important
}
.subnav-fullwidth .subnav {
position:relative;
overflow:hidden;
background:none!important;
text-align:left;
padding:0
}
.subnav-fullwidth .subnav li {
float:none!important
}
.subnav-fullwidth .btn {
padding-bottom:13px!important;
color:#8d8886!important;
margin-bottom:16px
}
.subnav-fullwidth .btn-filled,
.subnav-fullwidth .btn-filled:hover,
.subnav-fullwidth .btn:hover {
color:#fff!important
}
.overlay-bar.nav-sticky .logo-light {
display:none
}
.overlay-bar.nav-sticky .logo-dark {
display:block
}
.overlay-bar.nav-sticky .menu li a {
color:#777
}
.overlay-bar.nav-sticky .has-dropdown:after,
.overlay-bar.nav-sticky .social-icons li a {
color:#fff
}
.offscreen-menu .logo {
padding-bottom:32px
}
.offscreen-toggle i {
font-size:36px;
cursor:pointer
}
.nav-sticky .offscreen-toggle i {
color:#fff!important
}
.offscreen-container {
position:fixed;
width:300px;
background:#fff;
right:0;
height:100%;
top:0;
z-index:99999;
transition:all .3s ease;
transform:translate3d(300px,0,0);
padding:40px
}
.offscreen-container.reveal-nav {
transform:translateZ(0)
}
.offscreen-menu .container {
transition:all .3s ease;
transform:translateZ(0)
}
.offscreen-menu .container.reveal-nav {
transform:translate3d(-300px,0,0)
}
@media (max-width:768px) {
.offscreen-menu {
overflow:visible!important;
position:relative!important
}
.offscreen-menu .offscreen-toggle i {
color:#fff
}
}
.offscreen-container .logo {
bottom:0!important
}
.offscreen-container .menu {
display:block
}
.offscreen-container .menu li {
float:none;
margin-bottom:16px
}
.offscreen-container .menu li a {
padding-bottom:0!important;
color:#aaa!important
}
.offscreen-container .menu li a:hover {
color:#fff!important
}
.offscreen-container .social-icons {
position:absolute;
bottom:40px
}
.offscreen-container .social-icons li a {
color:#fff!important
}
.language {
display:inline-block;
margin-left:8px
}
.language img {
max-width:20px
}
.overlay:before {
position:absolute;
width:100%;
height:100%;
top:0;
content:"";
opacity:.9;
z-index:2;
background-color:#424651;
left:0
}
.overlay .container {
position:relative;
z-index:3
}
header {
position:relative;
overflow:hidden
}
header .container {
position:relative;
z-index:3
}
header .logo {
max-width:200px;
display:inline-block;
margin-bottom:24px
}
header .btn {
margin-right:16px
}
header .btn:last-child {
margin-right:0
}
.page-header {
margin:0;
padding:160px 0;
border-bottom:none
}
.page-header h1 {
font-size:40px;
margin-bottom:24px
}
.page-header p.lead {
font-size:18px
}
.page-header:before {
position:absolute;
width:100%;
height:100%;
top:0;
opacity:.3;
z-index:2;
background-color:#fff
}
.page-header .background-image-holder {
height:150%;
top:-20%
}
.hero-slider {
padding:0;
position:relative
}
.hero-slider .slides li {
height:650px;
overflow:hidden;
position:relative
}
.hero-slider .slides li h1 {
font-size:38px;
line-height:56px;
margin-bottom:40px
}
.hero-slider .slides li .btn {
margin-right:16px
}
.hero-slider .flex-direction-nav a {
color:transparent
}
.flex-direction-nav a:before {
top:17px;
font-size:36px;
left:10px
}
.flex-direction-nav a.flex-next:before {
left:-10px
}
@media (max-width:1350px) {
.flex-direction-nav {
display:none!important
}
}
.hero-slider .slides li.overlay:before {
position:absolute;
width:100%;
height:100%;
top:0;
content:"";
opacity:.3;
z-index:2;
background-color:#222
}
.header-icons {
padding:160px 0;
position:relative;
overflow:hidden
}
.header-icons h1 {
margin-bottom:80px
}
.header-icons i {
font-size:56px;
display:inline-block;
margin-bottom:16px
}
.header-icons .down-arrow {
display:inline-block;
width:64px;
height:64px;
border-radius:50%;
border:2px solid #fff;
text-align:center;
padding-top:10px;
margin-top:160px
}
.header-icons .down-arrow i {
font-size:40px;
position:relative;
right:1px
}
header.title {
height:565px;
position:relative;
overflow:hidden
}
header.title h1 {
margin-bottom:16px;
font-size:40px
}
header.title .sub {
font-size:12px;
letter-spacing:0
}
header.title .container {
position:relative;
z-index:3
}
header.title:before {
position:absolute;
width:100%;
height:100%;
top:0;
content:"";
opacity:.3;
z-index:2;
background-color:#fff
}
.action-banner {
padding:104px 0;
overflow:hidden;
position:relative
}
.action-banner .container {
position:relative;
z-index:3
}
.action-banner h1 {
font-size:40px;
line-height:56px;
font-weight:600;
margin-bottom:24px
}
.action-banner h2 {
font-size:32px;
line-height:44px;
margin-bottom:40px
}
.action-banner .btn {
margin-right:16px
}
header.signup {
padding:180px 0;
position:relative;
overflow:hidden;
height:auto
}
header.signup h1 {
font-weight:600;
font-size:40px;
line-height:56px;
margin-bottom:56px
}
header.signup .photo-form-wrapper {
margin-bottom:0
}
header.signup .photo-form-wrapper .btn {
padding-top:19px;
padding-bottom:19px;
border-radius:50px;
max-width:250px;
height:52px
}
header.signup:before {
position:absolute;
width:100%;
height:100%;
top:0;
content:"";
opacity:.3;
z-index:2;
background-color:#fff
}
.product-right {
height:650px;
position:relative;
overflow:hidden;
padding:0
}
.product-right h1,
.product-right p.lead {
margin-bottom:32px
}
.product-right .btn {
margin-right:16px
}
.product-right .product-image {
position:absolute;
right:-40px;
bottom:-80px;
max-width:750px
}
.hero-divider {
padding:160px 0;
position:relative;
overflow:hidden
}
.hero-divider:before {
position:absolute;
width:100%;
height:100%;
top:0;
content:"";
opacity:.4;
z-index:2;
background-color:#fff
}
.hero-divider .btn {
margin-right:16px;
margin-top:24px
}
.hero-divider .btn:last-child {
margin-right:0
}
.hero-divider .container {
position:relative;
z-index:3
}
.hero-divider h1 {
margin-bottom:32px
}
.video-wrapper {
left:0;
z-index:0
}
.video-wrapper,
.video-wrapper video {
position:absolute;
width:100%;
top:0
}
@media (max-width:1400px) {
.video-wrapper video {
width:110%
}
}
@media (max-width:1200px) {
.video-wrapper video {
width:130%
}
}
@media (max-width:1000px) {
.video-wrapper video {
width:150%
}
}
.divider-video .overlay {
z-index:1;
opacity:.4
}
.divider-video .divider-content {
position:relative;
z-index:2;
padding-top:121px;
padding-bottom:121px
}
header.centered-text h1 {
font-size:40px;
margin-bottom:24px;
line-height:56px
}
header.centered-text .btn {
margin-right:16px;
margin-top:20px
}
header.centered-text .btn:last-child {
margin-right:0
}
.image-divider.overlay:before,
header.fullscreen-element .overlay:before {
position:absolute;
width:100%;
height:100%;
top:0;
content:"";
opacity:.3;
z-index:2;
background-color:#000
}
.bottom-band {
width:100%;
position:absolute;
bottom:0;
background:rgba(0,0,0,.4);
padding-top:53.33333333px
}
.bottom-band .col-sm-4 {
margin-bottom:53.33333333px
}
.bottom-band .link-text {
border-color:#fff
}
.bottom-band .link-text:hover {
color:#fff
}
.bottom-band h3 {
margin-bottom:8px
}
.image-divider i {
font-size:56px;
margin-bottom:24px
}
.image-divider .feature-icon-large i {
border-color:#fff;
color:#fff
}
.feature {
overflow:hidden
}
.feature h4 {
font-weight:600
}
.feature i {
color:#424651
}
.feature-icon-large i {
display:block;
height:104px;
width:104px;
border:2px solid #424651;
border-radius:50%;
text-align:center;
color:#424651;
font-size:40px;
padding-top:31px;
margin-bottom:32px
}
.duplicatable-content .feature {
margin-bottom:40px
}
.feature-selector ul {
list-style:none;
padding:0
}
.feature-icon-large .pull-left {
width:25%
}
.feature-icon-large .pull-right {
width:75%
}
.feature-icon-large .pull-left .icon {
border:none;
width:auto;
font-size:48px;
padding-top:0
}
.selector-tabs {
margin-bottom:56px
}
.selector-tabs li {
text-align:center;
transition:all .3s ease;
opacity:.4;
cursor:pointer;
float:left
}
.selector-tabs li.active,
.selector-tabs li:hover {
opacity:1
}
.selector-tabs li span {
font-size:16px;
font-weight:600;
position:relative;
bottom:12px
}
.selector-tabs li i {
font-size:40px;
display:inline-block;
margin-right:8px
}
.selector-content li {
display:none;
transition:all .3s ease;
opacity:0
}
.selector-content li.active {
display:block;
opacity:1
}
.selector-content h1 {
margin-bottom:56px
}
.feature-icon-small {
margin-bottom:32px
}
.feature-icon-small i {
color:#424651;
font-size:36px;
display:inline-block;
margin-bottom:32px
}
.feature-icon-small h6 {
font-weight:700
}
.primary-features {
background:#424651!important
}
.primary-features .feature-icon-small i {
color:#fff
}
.feature-divider {
position:relative;
overflow:hidden
}
.feature-divider h1 {
margin-bottom:40px
}
img.phone-portrait {
max-height:580px
}
.store-link {
display:inline-block;
overflow:hidden;
margin-right:16px;
margin-top:24px
}
.store-link img {
height:50px
}
.feature-icon-left {
overflow:hidden;
margin-bottom:40px;
float:left
}
.feature-icon-left .icon-holder {
width:45px;
float:left
}
.feature-icon-left i {
font-size:32px
}
.feature-icon-left .feature-text {
width:217px;
float:left;
padding-top:8px
}
.feature-box {
padding:64px 40px;
position:relative;
z-index:1;
overflow:hidden;
min-height:397px
}
.feature-box .background-image-holder {
z-index:0;
left:0
}
.feature-box .background-image-holder.overlay:before {
position:absolute;
width:100%;
height:100%;
top:0;
content:"";
opacity:.75;
background:#000;
z-index:2;
z-index:-1
}
.feature-box h1 {
margin-bottom:24px
}
.feature-box .btn {
margin-top:24px
}
.feature-box .inner {
width:66.66666%;
position:relative;
z-index:3
}
.contained-feature-boxes .row {
padding:0 15px
}
.contained-feature-boxes .image-slider {
margin:0
}
.contained-feature-boxes .image-slider .flex-direction-nav {
display:none
}
.contained-feature-boxes .image-slider .flex-control-nav {
bottom:24px
}
.contained-feature-boxes .image-slider .flex-control-nav li a {
background:hsla(0,0%,100%,.5)
}
.contained-feature-boxes .image-slider .flex-control-nav li a.flex-active {
background:hsla(0,0%,100%,.9)
}
.feature-box.contained {
padding:40px;
overflow:hidden
}
.feature-box.contained .inner {
width:100%
}
.clients p {
margin-bottom:48px!important
}
.client-row {
overflow:hidden;
text-align:center;
line-height:0
}
.client-row .col-sm-3,
.client-row .col-sm-4,
.client-row .col-sm-6,
.client-row .col-sm-12 {
display:inline-block;
min-height:80px;
line-height:80px;
padding-top:16px;
padding-bottom:16px
}
.client-row img {
max-height:60px;
max-width:140px;
-webkit-filter:contrast(0);
filter:contrast(0);
transition:all .3s ease;
-webkit-backface-visibility:none
}
.client-row img:hover {
-webkit-filter:contrast(100%);
filter:contrast(100%)
}
.client-row .row-wrapper {
display:inline-block;
width:80%;
border-bottom:1px solid rgba(0,0,0,.2)
}
.client-row:last-child .row-wrapper {
border-bottom:none
}
.row-wrapper .col-sm-3,
.row-wrapper .col-sm-4,
.row-wrapper .col-sm-6,
.row-wrapper .col-sm-12 {
border-right:1px solid rgba(0,0,0,.2)
}
.row-wrapper .col-sm-3:last-child,
.row-wrapper .col-sm-4:last-child,
.row-wrapper .col-sm-6:last-child,
.row-wrapper .col-sm-12:last-child {
border-right:none
}
.clients-2 {
text-align:center;
padding:64px 0
}
.clients-2 .col-md-2 {
height:80px;
line-height:80px
}
.clients-2 img {
max-height:60px;
max-width:140px;
transition:all .3s ease;
opacity:.4
}
.clients-2 img:hover {
opacity:1
}
.wood-divider .product-image {
top:22%;
transform:rotate(-15deg);
right:-100px
}
.accordion-active {
background-color:#424651;
color:#fff
}
.background-image-holder,
.foreground-image-holder {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover!important;
z-index:0;
background-position:50% 50%!important
}
.background-image-holder.parallax-background {
height:120%;
top:-10%
}
.hover-background .background-image-holder,
.hover-background .foreground-image-holder {
transition:all .3s ease-out;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out
}
.hover-background .background-image-holder {
height:110%;
width:110%
}
.side-image {
padding:0;
position:relative
}
.side-image .image-container {
overflow:hidden;
position:absolute;
height:100%;
padding:0;
top:0
}
.side-image .image-container.pull-right {
right:0
}
.side-image .content {
padding-top:80px;
padding-bottom:80px
}
.side-image h1 {
margin-bottom:40px
}
.side-image p.lead {
margin-bottom:64px
}
.side-image.text-heavy h1 {
margin-bottom:32px
}
.side-image.text-heavy p.lead {
margin-bottom:40px
}
.side-image.text-heavy .feature {
margin-top:64px
}
.side-image.text-heavy .feature h5 {
margin-bottom:40px
}
.icons-large {
list-style:none;
overflow:hidden;
display:inline-block;
padding:0;
margin-bottom:32px
}
.icons-large li {
float:left;
margin-right:48px;
font-size:48px;
color:#424651
}
.icons-large li:last-child {
margin-right:0
}
.text-banner h1 {
margin-bottom:24px
}
.text-banner p:last-child {
margin-bottom:32px
}
.accordion-section .icons-large {
margin-bottom:0
}
.accordion-section .feature {
margin-bottom:40px
}
.accordion-section .feature:last-child {
margin-bottom:0
}
.accordion {
border-radius:25px;
list-style:none;
overflow:hidden;
border:2px solid #dadada;
padding:0
}
.accordion .title span {
padding:0 24px;
display:block
}
.accordion .title {
font-weight:600;
font-size:16px;
color:#fff;
padding:24px 0;
cursor:pointer;
transition:all .3s ease;
border-bottom:2px solid #dadada
}
.accordion .title:hover {
background-color:#424651;
color:#fff
}
.accordion li:last-child .text,
.accordion li:last-child .title {
border-bottom:none!important
}
.accordion .text {
padding:0 24px;
max-height:0;
transition:all .5s ease;
overflow:hidden;
opacity:0
}
.accordion li.active .title {
background-color:#424651;
color:#fff;
border-bottom:2px solid #dadada
}
.accordion li.active .text {
padding:24px;
max-height:500px;
border-bottom:2px solid #dadada;
opacity:1
}
.text-image-bottom {
padding-bottom:0
}
.text-image-bottom img {
display:inline-block;
margin-top:64px
}
.inline-video-wrapper {
width:100%;
height:auto;
overflow:hidden
}
.inline-video-wrapper video {
width:100%
}
.testimonials-slider {
position:relative;
margin-bottom:24px
}
.testimonials-slider p.lead {
font-size:18px
}
.testimonials-slider .author {
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px
}
.testimonials-slider .flex-control-nav {
bottom:-48px
}
.pure-text p:last-child {
margin-bottom:40px
}
.pure-text-centered h1 {
margin-bottom:24px
}
.inline-image-right img {
max-width:90%
}
.inline-image-right h1 {
margin-bottom:16px
}
.inline-image-right h6 {
margin-bottom:32px
}
.strip {
padding:64px 0
}
.strip::-moz-placeholder {
color:#999;
opacity:1
}
.strip:-ms-input-placeholder {
color:#999
}
.strip::-webkit-input-placeholder {
color:#999
}
.strip input::-webkit-input-placeholder {
color:#fff;
font-size:24px;
font-weight:300;
position:relative;
top:5px
}
.strip input:-moz-placeholder {
color:#fff
}
.strip textarea::-webkit-input-placeholder {
color:#fff
}
.strip textarea:-moz-placeholder {
color:#fff
}
.strip strong {
font-weight:600
}
.strip h3 {
margin:0;
position:relative;
top:5px;
display:inline-block;
font-weight:400
}
.social-icons {
list-style:none;
overflow:hidden;
display:inline-block
}
.social-icons li {
float:left;
margin-right:24px;
font-size:24px
}
.social-icons li:last-child {
margin-right:0
}
.social-icons li a {
color:#fff
}
.strip .social-icons {
position:relative;
top:10px
}
.strip .signup-email-field {
background:none;
border:none;
box-shadow:none;
font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
float:left;
color:#fff;
min-width:400px;
font-weight:300;
font-size:24px;
position:relative;
top:4px
}
.strip .signup-email-field:focus {
outline:none
}
.pricing-tables .col-md-3:first-child .pricing-table {
border-radius:25px 0 0 25px
}
.pricing-tables .col-md-3:last-child .pricing-table {
border-radius:0 25px 25px 0;
border-right:2px solid hsla(0,0%,100%,.2)
}
.pricing-table {
border-top:2px solid hsla(0,0%,100%,.2);
border-left:2px solid hsla(0,0%,100%,.2);
text-align:center;
padding-bottom:40px
}
.pricing-table,
.pricing-table .price {
border-bottom:2px solid hsla(0,0%,100%,.2)
}
.pricing-table .price {
padding:40px 0;
font-weight:600
}
.pricing-table .price .sub {
font-size:16px;
color:hsla(0,0%,100%,.3);
position:relative;
bottom:10px
}
.pricing-table .price .amount {
color:#fff;
font-size:56px;
display:inline-block;
padding:0 8px
}
.pricing-table .features {
margin:40px 0
}
.pricing-table .features li {
color:#fff;
font-size:16px;
text-align:center;
margin-bottom:16px
}
.pricing-table .features li:last-child {
margin-bottom:0
}
.pricing-table .features li strong {
font-weight:600
}
.pricing-table.emphasis {
background-color:#424651
}
.pricing-2 .pricing-tables .col-md-3:first-child .pricing-table,
.pricing-2 .pricing-tables .col-md-4:first-child .pricing-table {
border-radius:25px 0 0 25px
}
.pricing-2 .pricing-tables .col-md-3:last-child .pricing-table,
.pricing-2 .pricing-tables .col-md-4:last-child .pricing-table {
border-radius:0 25px 25px 0;
border-right:2px solid #292e33
}
.pricing-2 .pricing-table {
border-top:2px solid #292e33;
border-bottom:2px solid #292e33;
border-left:2px solid #292e33;
text-align:center;
padding-bottom:0
}
.pricing-2 .pricing-table .features {
margin:0
}
.pricing-2 .pricing-table .features li:first-child {
border-top:none
}
.pricing-2 .pricing-table .features li {
color:#fff;
border-top:2px solid #292e33;
padding:24px 0;
margin:0
}
.pricing-2 .pricing-table .price {
border-top:2px solid #292e33;
padding-bottom:24px;
border-bottom:none
}
.pricing-2 .pricing-table .price .amount {
color:#fff
}
.pricing-2 .pricing-table .price .sub {
color:#777;
opacity:.7
}
.pricing-2 .pricing-table.emphasis {
background-color:#6f6f75
}
.pricing-2 .pricing-table.emphasis .features li {
color:#fff;
background-color:#6f6f75!important
}
.pricing-2 .pricing-table.emphasis .price .amount,
.pricing-2 .pricing-table.emphasis .sub {
color:#fff
}
.pricing-2 .feature-list {
padding-bottom:0
}
.team-1 h1 {
margin-bottom:40px
}
.team-1 h2 {
margin-bottom:8px
}
.team-1 .feature .sub {
color:#fff;
margin-bottom:16px;
display:inline-block
}
.team-1-member {
text-align:center;
margin-top:48px
}
.team-1-member img {
display:inline-block;
margin-bottom:16px
}
.team-1-member h5 {
margin-bottom:8px
}
.team-1-member .social-icons {
margin-top:8px
}
.team-1-member .social-icons li a {
font-size:18px
}
.team-2-member {
margin-bottom:56px
}
.team-2-member .name {
font-size:24px;
font-weight:300;
color:#fff;
display:inline-block;
margin:24px 0
}
.team-2-member .image-holder {
position:relative;
overflow:hidden
}
.team-2-member .image-holder img {
position:relative;
z-index:1
}
.team-2-member .hover-state {
position:absolute;
width:100%;
height:100%;
top:0;
transition:all .3s ease;
opacity:0;
background-color:#6f6f75;
z-index:2;
text-align:center
}
.team-2-member .social-icons {
transition:all .3s ease;
opacity:0;
transform:translate3d(0,-200px,0)
}
.team-2-member .social-icons li a {
color:#fff;
font-size:32px
}
.team-2-member .image-holder:hover .hover-state {
opacity:.9
}
.team-2-member .image-holder:hover .social-icons {
opacity:1;
transform:translateZ(0)
}
.blog-snippet-1 {
margin-bottom:40px
}
.blog-snippet-1 img {
display:inline-block;
margin-bottom:16px
}
.blog-snippet-1 h2 {
margin-bottom:8px;
font-size:24px;
line-height:36px
}
.blog-snippet-1 .sub {
display:inline-block;
margin-bottom:16px
}
.blog-snippet-1 a {
margin-top:8px
}
.blog-snippet-2 {
overflow:hidden;
padding:0
}
.blog-snippet-2 li {
overflow:hidden;
margin-bottom:40px
}
.blog-snippet-2 li:last-child {
margin-bottom:0
}
.blog-snippet-2 li .icon {
width:10%;
float:left
}
.blog-snippet-2 li .icon i {
color:#424651;
font-size:32px;
position:relative;
top:5px
}
.blog-snippet-2 .title {
width:90%;
float:left
}
.blog-snippet-2 a {
color:#fff;
display:block;
font-weight:600
}
.blog-snippet-2 .sub {
letter-spacing:0;
opacity:.8;
font-size:12px
}
.blog-list-3 {
padding:0
}
.blog-snippet-3:nth-child(2n) {
background-color:#f4f4f4
}
.blog-snippet-3 {
padding-top:80px;
padding-bottom:80px
}
.blog-snippet-3 h1 {
margin-bottom:16px
}
.blog-snippet-3 h1 a {
color:#fff
}
.blog-snippet-3 h1 a em {
color:#424651;
font-weight:600;
font-style:normal
}
.blog-snippet-3 .alt-font {
letter-spacing:0;
font-size:12px;
display:inline-block;
margin-left:8px;
position:relative;
bottom:2px
}
blockquote {
font-size:18px;
font-weight:600;
color:#fff;
font-style:italic;
line-height:32px;
padding:0;
border:none;
margin-bottom:24px
}
.article-single {
background:#f4f4f4!important
}
.article-body p.lead {
font-size:20px;
font-weight:600;
line-height:32px;
margin-bottom:24px;
color:#fff
}
.article-body p:last-child {
margin-bottom:0
}
.article-body p {
font-size:16px;
line-height:32px;
margin-bottom:24px
}
.article-body figure {
margin:16px 0
}
.article-body figcaption {
font-style:italic;
font-size:14px;
color:#aaa;
margin-top:16px
}
.article-body h2 {
font-weight:600;
font-size:24px;
margin-bottom:24px
}
.article-body {
padding-bottom:64px;
border-bottom:1px solid #ddd
}
.author-details {
text-align:center;
padding:40px 0;
border-bottom:1px solid #ddd
}
.author-details img {
display:inline-block;
margin-bottom:16px
}
.author-details h5 {
font-weight:400
}
.author-details .social-icons {
margin-bottom:-8px;
margin-top:8px
}
.projects-gallery p.lead {
margin-bottom:64px!important
}
.projects-wrapper {
text-align:center
}
.filters {
padding:0;
list-style:none;
overflow:hidden;
display:inline-block;
margin-bottom:32px
}
.filters li {
float:left;
margin-right:16px;
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
color:#8d8886;
cursor:pointer
}
.filters li:last-child {
margin-right:0
}
.filters li.active {
border-bottom:2px solid #8d8886
}
.project {
height:345px
}
.project.col-md-4 {
width:33%
}
.project.col-md-4:nth-child(2n) {
width:34%
}
.project.col-md-4 .background-image-holder {
width:103%
}
.column-projects .project.col-md-4 {
width:33.33333%;
overflow:hidden
}
.column-projects .project.col-md-4 .background-image-holder {
width:100%!important
}
.column-projects .project {
overflow:hidden
}
@media screen and (max-width:990px) {
.project.col-md-4,
.project.col-md-4:nth-child(2n) {
width:50%
}
.project.col-md-4 .background-image-holder {
width:100%
}
.column-projects .project.col-md-4 {
width:50%
}
}
@media screen and (max-width:767px) {
.column-projects .project.col-md-4,
.project.col-md-4,
.project.col-md-4:nth-child(2n) {
width:100%
}
}
.project .image-holder {
overflow:hidden;
position:relative
}
.project img {
width:100%
}
.project .hover-state {
position:absolute;
width:100%;
height:100%;
top:0;
background-color:rgba(111,111,117,.9);
text-align:center;
transition:all .5s ease;
opacity:0;
padding-right:15px
}
.project:hover .hover-state {
opacity:1
}
.project .hover-state h1 {
margin-bottom:8px;
font-size:24px
}
.project .hover-state h3 {
font-size:18px;
margin-bottom:8px
}
.project .hover-state p {
margin-bottom:24px
}
.project .hover-state .btn-white:hover {
color:#6f6f75
}
.hover-state .align-vertical {
transform:translate3d(0,200px,0);
transition:all .5s ease;
opacity:0
}
.project:hover .align-vertical {
transform:translateZ(0);
opacity:1
}
.column-projects {
margin-bottom:80px
}
.column-projects .project {
height:300px;
margin-bottom:15px
}
.column-projects .project .hover-state h3 {
margin-bottom:24px
}
.column-projects .project .background-image-holder {
left:15px
}
.image-gallery {
margin-top:64px
}
.image-gallery .image-holder {
margin-bottom:30px;
height:375px;
overflow:hidden;
position:relative
}
.image-slider .flex-direction-nav {
display:none
}
@media (min-width:768px) {
.image-gallery .image-holder {
height:245px
}
}
@media (min-width:992px) {
.image-gallery .image-holder {
height:375px
}
}
.image-slider {
position:relative;
margin-bottom:32px
}
.image-slider .flex-direction-nav a.flex-prev:before {
left:0
}
.image-slider .flex-control-nav {
bottom:-48px
}
.image-slider .flex-control-nav li a {
background:rgba(0,0,0,.3)
}
.image-slider .flex-control-nav li a.flex-active {
background:rgba(0,0,0,.8)
}
.instagram-feed {
padding-top:40px;
padding-bottom:0
}
.instagram-feed span {
color:#fff
}
.instafeed {
margin-top:40px
}
.instafeed ul {
overflow:hidden;
margin:0
}
.instafeed ul li {
float:left;
width:16.666667%
}
#tweets .interact,
#tweets .user,
.instafeed ul li:nth-child(n+7) {
display:none
}
#tweets .tweet {
font-size:24px;
line-height:40px;
font-style:italic;
font-weight:300
}
.form-contact .inputs-wrapper {
border:2px solid rgba(0,0,0,.2);
border-radius:25px;
margin-bottom:24px
}
.form-contact input:focus,
.form-contact textarea:focus {
outline:none
}
.form-contact input,
.form-contact textarea {
background:none;
border:none;
box-shadow:none;
font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
width:100%;
padding:16px
}
.form-contact input::-moz-placeholder,
.form-contact textarea::-moz-placeholder {
color:#777;
opacity:1
}
.form-contact input:-ms-input-placeholder,
.form-contact textarea:-ms-input-placeholder {
color:#777
}
.form-contact input::-webkit-input-placeholder,
.form-contact textarea::-webkit-input-placeholder {
color:#777
}
.form-contact input input::-webkit-input-placeholder,
.form-contact textarea input::-webkit-input-placeholder {
color:#777;
font-size:24px;
font-weight:300;
position:relative;
top:5px
}
.form-contact input input:-moz-placeholder,
.form-contact textarea input:-moz-placeholder {
color:#777
}
.form-contact input textarea::-webkit-input-placeholder,
.form-contact textarea textarea::-webkit-input-placeholder {
color:#777
}
.form-contact input textarea:-moz-placeholder,
.form-contact textarea textarea:-moz-placeholder {
color:#777
}
.form-contact input {
border-bottom:2px solid rgba(0,0,0,.2)
}
.form-error,
.form-success {
width:100%;
padding:12px;
display:none;
margin-top:12px;
color:#fff
}
.form-success {
background-color:#58b551
}
.form-error {
background-color:#d94947
}
.field-error {
box-shadow:inset 0 0 10px -2px red!important
}
.form-loading {
border:3px solid rgba(0,0,0,.2);
border-radius:30px;
height:30px;
left:50%;
opacity:0;
margin:0 auto;
top:50%;
width:30px;
-webkit-animation:pulsate 1s ease-out;
-webkit-animation-iteration-count:infinite;
-moz-animation:pulsate 1s ease-out;
-moz-animation-iteration-count:infinite;
animation:pulsate 1s ease-out;
animation-iteration-count:infinite
}
@keyframes pulsate {
0% {
transform:scale(.1);
opacity:0
}
50% {
opacity:1
}
to {
transform:scale(1.2);
opacity:0
}
}
@-webkit-keyframes pulsate {
0% {
transform:scale(.1);
opacity:0
}
50% {
opacity:1
}
to {
transform:scale(1.2);
opacity:0
}
}
input[type=submit] {
-webkit-appearance:none;
background:none;
transition:all .3s ease;
min-width:155px;
border-radius:25px;
display:inline-block;
padding:14px 28px 13px;
line-height:1;
border:2px solid #8d8886;
color:#8d8886;
max-width:155px;
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px
}
.strip .mail-list-signup input[type=submit] {
background:none;
border:2px solid #fff
}
.contact-center p.lead {
font-size:18px
}
.contact-center .form-wrapper {
text-align:center;
margin-top:48px
}
.contact-photo {
position:relative;
overflow:hidden
}
.contact-photo h1 {
margin-bottom:200px
}
.contact-photo .social-icons {
margin-bottom:64px
}
.contact-photo .social-icons li {
margin-right:40px
}
.contact-photo .social-icons li a {
font-size:40px;
color:#fff;
opacity:.7;
transition:all .3s ease
}
.contact-photo .social-icons li a:hover {
opacity:1
}
.contact-photo .sub a {
color:#fff
}
.photo-form-wrapper {
margin-bottom:200px
}
.photo-form-wrapper input {
background:none;
border:none;
box-shadow:none;
font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
background:hsla(0,0%,100%,.85);
border-radius:50px;
padding:14px 24px;
width:100%;
margin-bottom:30px
}
.photo-form-wrapper .btn-filled {
background-color:#424651;
border-color:#424651
}
.photo-form-wrapper input:focus {
outline:none
}
.photo-form-wrapper input[type=submit] {
color:#fff!important;
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px
}
.photo-form-wrapper .form-loading {
border:3px solid hsla(0,0%,100%,.85);
border-radius:30px;
height:30px;
left:50%;
opacity:0;
margin:0 auto;
top:50%;
width:30px;
-webkit-animation:pulsate 1s ease-out;
-webkit-animation-iteration-count:infinite;
-moz-animation:pulsate 1s ease-out;
-moz-animation-iteration-count:infinite;
animation:pulsate 1s ease-out;
animation-iteration-count:infinite
}
.map {
padding:0;
overflow:hidden;
position:relative
}
.map-holder {
height:450px
}
.map-holder iframe {
border:none;
width:100%;
height:450px
}
.map-holder:before {
content:"";
opacity:0;
width:100%;
height:100%;
position:absolute;
top:0
}
.map-holder.on:before {
width:0
}
.map-overlay {
padding:160px 0;
position:relative;
overflow:hidden
}
.map-overlay:before {
content:"";
opacity:.9;
z-index:2;
background-color:#424651;
transition:all .5s ease
}
.map-overlay .map-holder,
.map-overlay:before {
position:absolute;
width:100%;
height:100%;
top:0
}
.map-overlay .map-holder {
z-index:0
}
.map-overlay .map-holder iframe {
width:100%;
height:150%;
position:absolute;
bottom:-80px
}
.map-overlay .container {
position:relative;
z-index:2
}
.details-holder {
background:#fff;
width:100%;
border-radius:50%
}
.details-holder img {
max-width:145px;
display:inline-block;
margin-bottom:16px
}
.fade-overlay:before {
opacity:0
}
.pure-text-contact i {
display:inline-block;
color:#424651;
text-align:center;
font-size:64px;
margin-bottom:0;
margin-right:48px
}
.pure-text-contact i:last-child {
margin-right:0
}
.icon-jumbo {
display:inline-block;
color:#424651;
text-align:center;
font-size:64px;
margin-bottom:24px
}
.social-bar {
overflow:hidden
}
.social-bar .link {
height:104px;
text-align:center;
position:relative;
overflow:hidden
}
.social-bar .link i {
color:#fff;
font-size:40px
}
.social-bar .hover-state,
.social-bar .initial {
transition:all .3s ease;
transform:translateZ(0);
position:absolute;
width:100%;
top:35px
}
.social-bar .hover-state {
transform:translate3d(0,200px,0);
top:42px
}
.social-bar span {
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
font-size:14px
}
.social-bar .link:hover .initial {
transform:translate3d(0,-200px,0)
}
.social-bar .link:hover .hover-state {
transform:translateZ(0)
}
.error-page.bg-primary h1 {
color:#fff;
margin-bottom:32px
}
.error-page .jumbo {
font-size:160px;
line-height:160px;
font-weight:600;
margin-bottom:16px!important
}
.error-page i {
display:inline-block;
font-size:80px;
margin-bottom:24px;
transition:all .3s ease;
-webkit-animation:spin 6s ease-in-out infinite alternate;
animation:spin 6s ease-in-out infinite alternate
}
.error-page .btn-text-only:hover {
color:#fff
}
.login-page {
overflow:hidden;
position:relative
}
.login-page .container {
position:relative;
z-index:3
}
.login-page .photo-form-wrapper {
margin-bottom:24px
}
.login-page a.text-white:hover {
color:#fff;
font-weight:600
}
.spin-me {
-webkit-animation:spin 6s ease-in-out infinite alternate;
animation:spin 6s ease-in-out infinite alternate
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(-15deg)
}
10% {
-webkit-transform:rotate(-85deg)
}
30% {
-webkit-transform:rotate(5deg)
}
50% {
-webkit-transform:rotate(250deg)
}
to {
-webkit-transform:rotate(0deg)
}
}
@keyframes spin {
0% {
transform:rotate(-15deg)
}
10% {
transform:rotate(-85deg)
}
30% {
transform:rotate(5deg)
}
50% {
transform:rotate(250deg)
}
to {
transform:rotate(0deg)
}
}
.coming-soon {
position:relative;
overflow:hidden
}
.coming-soon h1 {
font-size:40px;
font-weight:600
}
.coming-soon .logo {
display:inline-block;
margin-bottom:32px;
width:200px
}
.coming-soon .overlay:before {
position:absolute;
width:100%;
height:100%;
top:0;
content:"";
opacity:.3;
z-index:2;
background-color:#fff
}
.coming-soon .photo-form-wrapper {
margin-bottom:32px;
margin-top:48px
}
.countdown-row {
color:#fff;
font-size:80px;
font-weight:300
}
.countdown-section {
width:20%;
display:inline-block
}
.countdown-amount {
display:inline-block;
margin-bottom:48px
}
.countdown-period {
display:block;
font-size:24px
}
iframe.mail-list-form {
display:none!important
}
footer {
padding-top:50px;
padding-bottom:50px
}
footer.social h1 {
margin-bottom:24px
}
footer.social a.text-white {
font-size:18px
}
footer.social .social-icons {
margin:64px 0
}
footer.social .social-icons li {
margin-right:40px
}
footer.social .social-icons li a {
font-size:40px;
color:#fff;
opacity:.2;
transition:all .3s ease
}
footer.social .social-icons li a:hover {
opacity:1
}
footer.social .sub {
opacity:.5;
color:#fff;
font-size:12px
}
footer.social .sub a {
color:#fff;
font-weight:600
}
footer.details {
background:#f4f4f4
}
footer.details .logo {
margin-bottom:54px;
max-width:200px;
margin-top:12px
}
footer.details .sub {
font-size:12px;
display:inline-block;
margin-top:48px
}
footer.details .sub a {
color:#fff;
font-weight:600
}
footer.details h1 {
font-size:16px;
font-weight:600
}
footer.short {
font-size:16px;
color:#fff
}
footer.short .sub {
opacity:.5;
display:inline-block;
margin-right:32px;
position:relative;
bottom:4px
}
footer.short ul {
display:inline-block;
margin:0;
line-height:24px
}
footer.short ul li {
float:left;
margin-right:32px
}
footer.short ul li a {
color:#fff;
opacity:.8
}
footer.short .social-icons li a {
color:#fff;
opacity:1
}
footer.short-2 {
position:relative;
overflow:hidden
}
footer.short-2 span {
display:inline-block;
margin-right:64px
}
footer.short-2 span:last-child {
margin-right:0
}
footer.short-2 .contact-action {
position:absolute;
right:0;
height:100%;
width:25%;
background:#202227;
z-index:3;
top:0;
text-align:center;
font-size:18px;
transition:all .3s ease
}
footer.short-2 .contact-action .icon_mail {
display:inline-block;
margin-right:6px
}
footer.short-2 .contact-action .arrow_right {
position:relative;
top:2px
}
footer.short-2 .contact-action:hover {
background:#16181c
}
@media only screen and (min-width:320px) and (max-width:767px) {
.top-bar {
position:absolute
}
.utility-menu {
display:none
}
nav {
overflow:hidden;
transition:all .5s ease
}
nav .logo {
margin-bottom:32px
}
nav .columns {
width:100%
}
nav .social-icons {
display:none
}
.open-nav {
max-height:8000px
}
.nav-menu {
padding-top:24px
}
.top-bar .logo {
bottom:0
}
.top-bar .logo.logo-wide {
bottom:3px;
margin-bottom:22px
}
.mobile-toggle {
font-size:32px;
display:block;
position:absolute;
top:24px;
right:16px;
cursor:pointer;
color:#fff
}
.overlay-bar {
background:hsla(0,0%,100%,.9)
}
.overlay-bar .logo-light {
display:none
}
.overlay-bar .logo-dark {
display:block
}
.top-bar .menu li a {
color:#777;
padding-bottom:0
}
.overlay-bar .has-dropdown:after,
.overlay-bar .menu li a:hover {
color:#fff
}
.has-dropdown {
bottom:0
}
.menu {
top:0
}
.menu li {
float:none;
margin-bottom:16px;
margin-right:0
}
.subnav {
position:relative;
background:none
}
.subnav li {
margin-bottom:0
}
.subnav .col-md-3 {
margin-bottom:32px
}
.offscreen-container .logo,
.offscreen-container .social-links {
display:none
}
header,
section {
padding-top:64px;
padding-bottom:64px
}
.no-align-mobile {
padding-top:0!important;
margin-top:24px
}
h1 {
font-size:24px;
line-height:32px
}
p.lead {
font-size:14px;
line-height:24px
}
.action-banner h1,
.hero-slider .slides li h1,
header.signup h1,
header.title h1 {
font-size:32px;
line-height:40px
}
.action-banner h2 {
font-size:24px;
line-height:32px
}
.btn {
margin-top:16px
}
header.signup {
height:auto
}
.header-icons {
padding-top:64px;
padding-bottom:64px
}
header.title {
padding:0;
height:400px
}
.product-right {
height:632px;
padding-top:64px
}
.product-right .align-vertical {
padding-top:0!important
}
.product-right .product-image {
margin-top:200px;
right:0;
bottom:-85px
}
.page-header br {
display:none
}
.page-header h1 {
font-size:32px;
line-height:40px
}
header.centered-text h1 {
font-size:24px;
line-height:32px
}
.flex-direction-nav {
display:none
}
.header-icons h2 {
margin-bottom:32px
}
.bottom-band {
display:none
}
.side-image .content {
padding-top:64px;
padding-bottom:64px
}
.selector-tabs {
text-align:center
}
.selector-tabs li {
margin-bottom:16px;
display:inline-block;
width:100%
}
.feature-box {
padding:48px 32px
}
.feature-box .inner {
width:100%
}
.no-pad-left {
padding-left:15px
}
.row-wrapper {
border-bottom:none
}
.row-wrapper .col-sm-3,
.row-wrapper .col-sm-4,
.row-wrapper .col-sm-12 {
border-right:none
}
.accordion {
margin-top:32px
}
.strip {
padding:40px 0
}
.strip,
.strip .text-right {
text-align:center
}
.strip .col-xs-12 {
margin-bottom:16px
}
.inline-video-wrapper {
margin-top:40px
}
.video-wrapper {
display:none
}
.inline-image-right img {
display:inline-block;
margin-top:40px
}
.pricing-tables .no-pad {
padding:0 15px
}
.pricing-tables .no-pad-left {
padding-left:15px
}
.pricing-tables .no-pad-right {
padding-right:15px
}
.pricing-table {
margin-bottom:16px;
border-radius:25px!important;
border:2px solid hsla(0,0%,100%,.2)!important
}
.pricing-2 .hidden-sm:first-child {
display:none
}
.pricing-2 .pricing-table.emphasis .features li {
border-radius:25px
}
.pricing-2 .pricing-table .features li:first-child {
font-size:24px
}
.contact-photo .social-icons li,
footer.social .social-icons li {
margin-right:8px
}
.contact-photo .social-icons li a,
footer.social .social-icons li a {
font-size:24px
}
footer.details .col-sm-4 {
margin-bottom:16px
}
footer.details .logo,
footer.details h1 {
margin-bottom:32px
}
footer.short-2 {
padding-bottom:0
}
footer.short-2 span {
margin-right:16px
}
footer.short-2 .contact-action {
position:relative;
width:100%;
height:150px;
margin-top:80px
}
footer.short-2 .align-vertical {
padding-top:64px!important
}
.blog-snippet-2 li .icon {
width:20%
}
.blog-snippet-2 li .title {
width:80%
}
.contact-thirds .text-center {
text-align:left
}
.contact-thirds .col-sm-4 {
margin-bottom:24px
}
.pure-text-contact br {
display:none
}
.pure-text-contact i {
font-size:48px
}
.filters {
padding:0 15px;
text-align:center
}
.filters li {
width:100%;
margin:0 0 8px
}
.project {
width:100%
}
.image-gallery .image-holder {
height:225px
}
.hero-divider {
padding-top:64px;
padding-bottom:64px
}
.hero-divider .video-wrapper {
display:none
}
.hero-divider .btn {
margin-right:0
}
.fullscreen-element {
height:auto!important;
padding-top:64px;
padding-bottom:64px
}
.instafeed ul li:nth-child(n+5) {
display:none
}
.instafeed ul li {
width:25%
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.flex-direction-nav {
display:none
}
.product-right .product-image {
max-width:640px;
right:-100px;
bottom:50px
}
.feature-box .inner {
width:100%
}
.blog-snippet-2 li .icon {
width:15%
}
.blog-snippet-2 li .title {
width:85%
}
.map-overlay .col-md-4 {
width:40%
}
.map-overlay .col-md-offset-4 {
margin-left:30%
}
.hero-divider {
height:auto;
padding:80px 0 90px
}
.hero-divider .video-wrapper,
.video-wrapper {
display:none
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
.top-bar {
position:absolute
}
.utility-menu {
display:none
}
nav {
max-height:80px;
overflow:hidden;
transition:all .5s ease
}
nav .logo {
margin-bottom:32px
}
nav .columns {
width:100%
}
nav .social-icons {
display:none
}
.open-nav {
max-height:8000px
}
.nav-menu {
padding-top:24px
}
.top-bar .logo {
bottom:0
}
.top-bar .logo.logo-wide {
bottom:10px;
margin-bottom:22px
}
.mobile-toggle {
font-size:32px;
display:block;
position:absolute;
top:24px;
right:16px;
cursor:pointer;
color:#fff
}
.overlay-bar {
background:hsla(0,0%,100%,.9)
}
.overlay-bar .logo-light {
display:none
}
.overlay-bar .logo-dark {
display:block
}
.overlay-bar .menu li a {
color:#777;
padding-bottom:0
}
.overlay-bar .has-dropdown:after,
.overlay-bar .menu li a:hover {
color:#fff
}
.has-dropdown {
bottom:0
}
.menu {
top:0
}
.menu li {
float:none;
margin-bottom:16px;
margin-right:0
}
.subnav {
position:relative;
background:none
}
.subnav li {
margin-bottom:0
}
.subnav .col-md-3 {
margin-bottom:32px
}
.flex-direction-nav {
display:none
}
header.signup .photo-form-wrapper {
margin-bottom:32px
}
.product-right .btn {
margin-bottom:16px
}
.product-right .product-image {
right:-320px;
bottom:60px;
max-width:670px
}
.wood-divider.product-right .product-image {
position:relative;
top:-5%
}
.selector-tabs li {
margin-bottom:16px
}
.client-row img {
max-width:100px
}
.inline-video-wrapper {
margin-top:32px
}
.pricing-tables .no-pad {
padding:0 15px
}
.pricing-tables .no-pad-left {
padding-left:15px
}
.pricing-tables .no-pad-right {
padding-right:15px
}
.pricing-table {
margin-bottom:30px;
border-radius:25px!important;
border:2px solid hsla(0,0%,100%,.2)!important
}
.hidden-sm {
display:block!important
}
.hidden-sm:first-child {
display:none!important
}
footer.details .social-icons li {
margin-bottom:16px
}
.blog-snippet-2 li .icon {
width:15%
}
.blog-snippet-2 li .title {
width:85%
}
.hero-divider {
height:auto;
padding:80px 0 90px
}
.hero-divider .video-wrapper,
.instafeed ul li:nth-child(n+5),
.video-wrapper {
display:none
}
.instafeed ul li {
width:25%
}
.project.col-sm-4 {
width:50%
}
#submission-strip {
min-width:300px;
max-width:300px
}
footer.short-2 {
padding-bottom:0
}
footer.short-2 span {
margin-right:32px
}
footer.short-2 .contact-action {
position:relative;
width:100%;
height:150px;
margin-top:80px
}
footer.short-2 .align-vertical {
padding-top:64px!important
}
}
.resume-header {
padding:200px 0
}
.resume-header span {
font-weight:600;
color:#fff;
display:block;
font-size:18px;
margin-bottom:32px
}
.resume-header h1 {
margin-bottom:8px!important
}
.resume-header .social-icons li {
margin-right:16px
}
.resume-header .social-icons li a {
color:#fff
}
.milestones span {
font-size:16px;
display:inline-block;
width:100%
}
.milestones .sub {
font-size:14px;
font-style:italic
}
.milestones .pin-body {
width:2px;
height:30px;
margin:0 auto;
background-color:#424651
}
.milestones .pin-head {
width:20px;
height:20px;
border-radius:50%;
border:2px solid #424651;
margin:0 auto 24px;
transition:all .3s ease
}
.milestones .feature-icon-large i {
margin:0 auto
}
.milestones h5 {
margin-bottom:8px
}
.milestones .lead:last-child,
.skill-bars .lead:last-child {
margin-bottom:64px!important
}
.milestones .feature:hover .pin-head {
background-color:#424651
}
.expanding-list,
.expanding-ul {
position:relative;
overflow:hidden
}
.expanding-ul li {
text-align:center;
border-bottom:1px solid rgba(0,0,0,.2);
padding-bottom:24px;
margin-bottom:24px;
cursor:pointer
}
.expanding-ul li .title {
transition:all .3s ease
}
.expanding-ul .title i {
color:#424651;
font-size:32px;
display:inline-block;
margin-right:24px
}
.expanding-ul .title span {
position:relative;
bottom:8px
}
.expanding-ul .title strong {
font-weight:600;
color:#fff
}
.expanding-ul .text-content {
transition:all .3s ease;
opacity:0;
max-height:0
}
.expanding-ul li.active .title {
margin-bottom:24px
}
.expanding-ul li.active .text-content {
max-height:800px;
opacity:1
}
.expanding-ul li:last-child {
margin-bottom:0;
border-bottom:none
}
.skill-bars h3 {
font-weight:400;
margin-bottom:16px
}
.skills-ul {
overflow:hidden
}
.skills-ul span {
display:inline-block;
font-weight:600;
font-size:14px;
margin-bottom:4px
}
.skills-ul li {
margin-bottom:16px
}
.skills-ul li:last-child {
margin-bottom:0
}
.skill-bar-holder {
height:12px;
width:100%;
background:rgba(66,70,81,.1);
padding:0;
position:relative
}
.skill-capacity {
height:12px;
background:#424651;
padding:0!important;
left:0;
position:absolute
}
.skills-left {
text-align:right
}
.skills-left .skill-bar-holder {
background:rgba(111,111,117,.1)
}
.skills-left .skill-capacity {
background:#6f6f75;
left:auto;
right:0
}
@media screen and (max-width:990px) {
.skills-left {
margin-bottom:32px;
text-align:left
}
.skills-left .skill-capacity {
right:auto;
left:3px
}
}
.stat-counters h1 {
color:#fff
}
.stat,
.stat-bubble {
text-align:center
}
.stat-bubble {
width:120px;
height:120px;
border:2px solid #9acc14;
background:rgba(0,0,0,.5);
line-height:116px;
font-size:32px;
font-weight:600;
color:#fff;
border-radius:50%;
margin:0 auto 12px
}
.stat h3 {
color:#fff
}
.blog-image-snippet {
padding:160px 0
}
.blog-image-snippet .container {
position:relative;
z-index:2
}
.blog-image-snippet span {
display:block
}
.blog-image-snippet span i {
display:inline-block;
margin-right:6px
}
.blog-image-snippet h1 {
font-size:40px;
margin-bottom:16px
}
.blog-image-snippet:before {
position:absolute;
width:100%;
height:100%;
top:0;
content:"";
opacity:.4;
z-index:2;
background-color:#fff
}
.sidebar-widget h5 {
margin-bottom:16px
}
.sidebar-widget li {
padding:16px 0;
border-bottom:2px solid rgba(0,0,0,.1);
width:100%;
position:relative;
transition:all .3s ease
}
.sidebar-widget li .arrow_right {
position:absolute;
right:0
}
.sidebar-widget li:last-child {
border-bottom:none;
padding-bottom:0
}
.sidebar-widget li a {
color:#777;
transition:all .3s ease
}
.sidebar-widget li a:hover {
color:#fff
}
.sidebar-widget {
margin-bottom:40px
}
.sidebar-widget .tags {
overflow:hidden
}
.sidebar-widget .tags li {
display:inline-block;
float:left;
margin:0 8px 8px 0;
width:auto;
padding:0;
border:none
}
.sidebar-widget .tags li a {
border:2px solid rgba(0,0,0,.1);
border-radius:5px;
padding:6px;
display:inline-block
}
.sidebar-widget .tags li:hover {
background:#f7f7f7
}
.sidebar-widget .instafeed {
padding:0;
border:none
}
.sidebar-widget .instafeed li:nth-child(n+7) {
display:none
}
.sidebar-widget .instafeed li {
width:33.33333%;
padding:0
}
.sidebar-widget .tweet {
font-size:16px!important;
line-height:32px!important;
font-style:normal!important;
font-weight:400!important
}
.sidebar-widget .tweet a {
font-weight:600!important;
color:#fff!important
}
.sidebar-widget .social_twitter {
font-size:16px;
color:#fff
}
.sidebar-widget #tweets li {
border:none
}
@media screen and (max-width:767px) {
.blog-sidebar {
display:none
}
}
.blog-masonry-item {
margin-bottom:30px
}
.blog-masonry-item .post-title {
background:#fff;
padding:28px 32px 32px;
position:relative
}
.blog-masonry-item h2 {
font-size:24px;
line-height:36px;
margin-bottom:16px
}
.blog-masonry-item p {
margin-bottom:32px
}
.blog-masonry-item span {
display:block;
color:#fff;
line-height:18px
}
.blog-masonry-item .link-text {
position:absolute;
bottom:32px;
right:32px
}
.blog-masonry-item h1 {
font-weight:600;
margin-bottom:48px;
line-height:40px
}
.blog-masonry-item iframe {
width:100%
}
.quote-post .link-text,
.quote-post .post-title,
.quote-post h1,
.quote-post span {
transition:all .3s ease
}
.quote-post:hover .post-title {
background:#424651
}
.quote-post:hover h1,
.quote-post:hover span {
color:#fff
}
.quote-post:hover .link-text {
color:#fff;
border-color:#fff
}
.video-post iframe {
height:250px
}
.blog-filters {
padding:0;
list-style:none;
overflow:hidden;
display:inline-block;
margin-bottom:32px
}
.blog-filters li {
float:left;
margin-right:16px;
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
color:#8d8886;
cursor:pointer
}
.blog-filters li:last-child {
margin-right:0
}
.blog-filters li.active {
border-bottom:2px solid #8d8886
}
.article-body .media-holder {
margin:32px 0;
position:relative;
z-index:1
}
.article-body iframe {
width:100%;
height:440px
}
@media screen and (max-width:767px) {
.article-body iframe {
height:215px
}
}
@media screen and (max-width:990px) {
.media-holder {
margin-top:32px
}
}
.comment-list {
margin-top:32px
}
.comment-list h5 {
margin-bottom:32px
}
.comment-list ol {
padding:0;
margin-bottom:48px
}
.comment-list li {
margin-bottom:32px
}
.comment-list li:last-child {
margin-bottom:0
}
.comment-list .children {
padding-left:50px;
margin-bottom:32px
}
.blog-comment {
overflow:hidden
}
.blog-comment .user {
width:100px;
float:left
}
.blog-comment .user img {
max-width:100%
}
.blog-comment .info {
margin-bottom:16px
}
.blog-comment .link-text {
display:inline-block;
margin-left:12px
}
.blog-comment .message {
width:auto;
background:#fff;
margin-left:115px;
padding:24px
}
.blog-comment .message h6 {
margin-bottom:0
}
.comment-respond {
margin-top:32px
}
.comment-form .form-input {
margin-bottom:16px
}
.comment-form .form-input:last-child {
margin-bottom:0
}
.comment-form input[type=text],
.comment-form textarea {
width:100%;
padding:16px;
border:none;
box-shadow:none
}
.comment-form input[type=submit] {
min-width:185px
}
@media screen and (max-width:767px) {
.blog-comment .user {
display:none
}
.blog-comment .message {
margin-left:0
}
}
.simple-bar .logo {
max-width:800px;
max-height:40px;
bottom:12px;
transition:all .3s ease
}
.simple-bar .social-icons {
margin-left:32px
}
.simple-bar .nav-menu {
padding-top:54px;
transition:all .3s ease
}
.simple-bar .menu li {
margin-right:40px
}
.simple-bar .menu li a {
padding-bottom:54px
}
.simple-bar.nav-sticky .logo {
max-height:30px;
bottom:8px
}
.simple-bar .subnav {
text-align:left!important
}
.subnav-halfwidth {
width:500px
}
.menu li:last-child .subnav-halfwidth {
right:0
}
@media (max-width:767px) {
.simple-bar .logo {
max-height:30px;
bottom:30px
}
.simple-bar .menu li a {
padding-bottom:0
}
.simple-bar .text-right {
text-align:left!important
}
.subnav-halfwidth .subnav {
margin-bottom:32px
}
.subnav-halfwidth {
width:100%
}
.subnav-fullwidth {
width:100%!important;
left:0!important
}
}
.subnav-halfwidth .subnav {
position:relative;
overflow:hidden;
background:none!important;
text-align:left;
padding:0
}
.centered-logo .social-icons {
float:right;
margin-bottom:0
}
.centered-logo .utility-menu span {
top:2px
}
.centered-logo .logo {
max-width:800px;
max-height:50px;
bottom:0;
margin-top:32px
}
.centered-logo .menu li a {
padding-bottom:24px
}
.centered-logo .nav-menu {
padding-top:32px
}
.centered-logo .subnav {
text-align:left!important
}
.centered-logo .bottom-border {
width:100%;
height:4px;
background:#424651
}
@media (max-width:767px) {
.centered-logo .logo {
top:20px;
max-height:40px;
margin-top:0
}
.centered-logo .menu li a {
padding-bottom:0
}
.centered-logo .subnav {
text-align:center!important
}
}
.fullscreen-nav-toggle {
position:fixed;
z-index:1000;
width:60px;
height:60px;
background:hsla(0,0%,100%,.9);
text-align:center;
cursor:pointer;
top:32px;
right:32px;
font-size:40px;
line-height:67px;
color:#fff;
transition:all .3s ease
}
.fullscreen-nav-toggle i {
position:absolute;
right:11px;
top:12px;
transition:all .3s ease
}
.fullscreen-nav-toggle .icon_menu {
opacity:1
}
.fullscreen-nav-toggle .icon_close {
opacity:0
}
.toggle-icon .icon_menu {
opacity:0!important
}
.toggle-icon .icon_close {
opacity:1!important;
color:#fff!important
}
.toggle-icon {
background:hsla(0,0%,100%,0)
}
.fullscreen-nav-container {
position:fixed;
width:100%;
height:100%;
top:0;
z-index:999;
background:rgba(66,70,81,.92);
display:none;
opacity:0;
transition:all .3s ease
}
.show-fullscreen-nav {
display:block
}
.fade-fullscreen-nav {
opacity:1
}
.fullscreen-nav-container .logo {
max-height:60px;
display:block;
margin-bottom:32px
}
.fullscreen-nav-container .menu li {
line-height:48px;
float:none
}
.fullscreen-nav-container .menu li a {
color:#fff;
font-size:32px;
font-weight:300;
font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
text-transform:none;
padding-bottom:0
}
.fullscreen-nav-container .container {
transition:all .5s ease;
transform:translate3d(0,200px,0);
opacity:0;
margin-top:80px
}
.fullscreen-nav-container.fade-fullscreen-nav .close-fullscreen-nav,
.fullscreen-nav-container.fade-fullscreen-nav .container {
transform:translateZ(0);
opacity:1
}
.fullscreen-nav {
position:absolute;
z-index:10;
width:100%
}
.fullscreen-nav .outer-logo {
max-height:35px;
margin-top:44px;
display:inline-block
}
@media (max-width:767px) {
.fullscreen-nav {
max-height:7000px;
background:none;
height:auto;
overflow:visible
}
.fullscreen-nav-container .container {
margin-top:32px
}
.fullscreen-nav-container .logo {
max-height:40px;
margin-bottom:16px
}
.fullscreen-nav-container .menu li {
margin-bottom:0;
line-height:32px
}
.fullscreen-nav-container .menu li a {
font-size:24px;
padding-bottom:0
}
}
.soundcloud-1 {
padding:0;
position:relative;
overflow:hidden;
line-height:0
}
.soundcloud-1:before {
content:"";
position:absolute;
width:100%;
height:50%;
bottom:0;
left:0;
z-index:2
}
.soundcloud-1 iframe {
border:none;
height:200px;
width:100%;
position:relative;
z-index:1
}
.contained-bar {
background:none
}
.contained-wrapper {
margin-top:32px;
padding:0 32px
}
.contained-bar.nav-sticky,
.contained-wrapper {
background:hsla(0,0%,100%,.9)
}
.contained-bar.nav-sticky .contained-wrapper {
background:none;
padding:0;
margin-top:0
}
@media (max-width:768px) {
.contained-bar {
background:hsla(0,0%,100%,.9)
}
.contained-wrapper {
background:none;
padding:0;
margin-top:0
}
}
.elements h1 {
margin-bottom:16px
}
.pagination li a {
color:#8d8886;
background:none;
margin-left:12px;
border-radius:50%;
padding:5px 12px
}
.pagination li.active {
background:#8d8886
}
.pagination li:first-child a,
.pagination li:last-child a {
border-radius:50%!important
}
.pagination-lg li a {
padding:7px 16px
}
.pagination-sm li a {
padding:5px 11px
}
.pager li a {
background:none;
transition:all .3s ease;
min-width:155px;
border-radius:25px;
display:inline-block;
padding:14px 28px 13px;
line-height:1;
border:2px solid #8d8886;
font-family:Raleway,Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:700;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
color:#8d8886;
min-width:125px
}
.pager li a:hover {
background:#8d8886;
color:#fff
}
.video-wrapper iframe {
width:100%;
height:180%;
top:-40%;
position:absolute
}
.youtube-bg {
height:100%
}
@media (min-width:1800px) {
.video-wrapper iframe {
height:200%;
top:-50%
}
}
@media (max-width:1500px) {
.video-wrapper iframe {
height:150%;
top:-15%
}
}
@media (max-width:1300px) {
.video-wrapper iframe {
height:130%;
top:-5%
}
}
@media (max-width:1250px) {
.video-wrapper iframe {
height:120%;
top:-5%
}
}
@media (max-width:1100px) {
.video-wrapper iframe {
height:110%;
top:-5%
}
}
@media (max-width:1024px) {
.video-wrapper iframe {
display:none
}
}
.fullwidth-video iframe {
height:550px
}
@media (max-width:1200px) {
.fullwidth-video iframe {
height:500px
}
}
@media (max-width:1000px) {
.fullwidth-video iframe {
height:400px
}
}
@media (max-width:767px) {
.fullwidth-video iframe {
height:270px;
max-width:100%
}
}
.boxed-layout {
background:#eee
}
.boxed-layout .footer-container,
.boxed-layout .main-container,
.boxed-layout nav {
max-width:1280px;
margin:0 auto;
left:0;
right:0
}
.boxed-layout .flex-direction-nav {
display:none
}
.timeline-event:first-child {
margin-top:64px
}
.timeline-event {
width:100%;
position:relative;
overflow:hidden;
padding-bottom:64px;
margin-bottom:32px
}
.timeline-event:nth-child(2n) .col-sm-6:first-child {
text-align:right
}
.timeline-event .col-sm-6:first-child {
padding-right:54px
}
.timeline-event .col-sm-6:last-child {
padding-left:54px
}
.timeline-event:nth-child(odd) .col-sm-6:first-child {
padding-left:54px;
padding-right:15px
}
.timeline-event:nth-child(odd) .col-sm-6:last-child {
padding-right:54px;
text-align:right;
padding-left:15px
}
.timeline-event .middle {
position:absolute;
left:50%;
width:60px;
margin-left:-30px;
text-align:center;
height:100%
}
.timeline-event .middle i {
font-size:40px;
display:inline-block;
margin-bottom:16px;
color:#424651
}
.timeline-event .middle .vertical-line {
top:60px;
width:2px;
height:100%;
display:inline-block;
background:#424651;
position:absolute;
left:50%;
margin-left:-2px
}
.timeline-event h2 {
margin-bottom:8px
}
@media (max-width:767px) {
.timeline-event {
padding-bottom:0
}
.timeline-event .middle {
display:none
}
.timeline-event .col-sm-6 {
padding-left:15px!important;
padding-right:15px!important;
text-align:left!important
}
}
@media (max-width:767px) {
.bottom-band {
display:block;
margin-top:80px
}
.bottom-band h3 {
font-size:18px;
line-height:26px
}
.fullscreen-element .align-vertical {
padding-top:80px!important
}
}
.product-action {
height:auto;
padding:120px 0 0;
background:#424651
}
.product-action h2 {
margin-bottom:16px;
font-weight:600
}
.product-action p {
display:block;
max-width:520px;
margin:0 auto 40px
}
.product-action img {
margin-top:-80px;
position:relative;
top:110px
}
@media (max-width:767px) {
.product-action p {
margin-bottom:32px
}
.product-action img {
margin-top:24px;
top:24px
}
}
.no-loader .loader {
display:none!important
}
html {
scroll-behavior:smooth
}
.w-100 {
width:100%
}
.mb-auto,
.my-auto {
margin-bottom:auto!important
}
.mt-auto,
.my-auto {
margin-top:auto!important
}
.mb-5,
.my-5 {
margin-bottom:3rem!important
}
.mt-5,
.my-5 {
margin-top:3rem!important
}
.pb-5,
.py-5 {
padding-bottom:3rem!important
}
.pt-5,
.py-5 {
padding-top:3rem!important
}
.mb-4,
.my-4 {
margin-bottom:2rem!important
}
.mt-4,
.my-4 {
margin-top:2rem!important
}
.pb-4,
.py-4 {
padding-bottom:2rem!important
}
.pt-4,
.py-4 {
padding-top:2rem!important
}
.mb-3,
.my-3 {
margin-bottom:1rem!important
}
.mt-3,
.my-3 {
margin-top:1rem!important
}
.pb-3,
.py-3 {
padding-bottom:1rem!important
}
.pt-3,
.py-3 {
padding-top:1rem!important
}
.pr-3,
.px-3 {
padding-right:1rem!important
}
.pl-3,
.px-3 {
padding-left:1rem!important
}
.mr-2,
.mx-2 {
margin-right:.5rem!important
}
.ml-2,
.mx-2 {
margin-left:.5rem!important
}
.pb-2,
.py-2 {
padding-bottom:.5rem!important
}
.pt-2,
.py-2 {
padding-top:.5rem!important
}
.mr-3,
.mx-3 {
margin-right:1rem!important
}
.ml-3,
.mx-3 {
margin-left:1rem!important
}
.mb-0 {
margin-bottom:0!important
}
.mt-0 {
margin-top:0!important
}
.ml-auto,
.mx-auto {
margin-left:auto!important
}
.mr-auto,
.mx-auto {
margin-right:auto!important
}
.pr-15p {
padding-right:15px!important
}
.text-gold {
color:#f0c526!important
}
.font-12r {
font-size:1.2rem!important
}
.font-28p {
font-size:28px!important
}
.font-42p {
font-size:42px!important
}
.mh-40p {
max-height:40px
}
.mh-120p {
max-height:120px
}
@media (min-width:768px) {
.text-sm-left {
text-align:left!important
}
}
.d-flex {
display:flex!important
}
.header-htb {
padding-top:10vh
}
.autotype {
font-size:24px;
line-height:100px;
font-weight:100
}
@media (min-width:768px) {
.autotype {
font-size:36px
}
.header-htb {
padding-top:30vh
}
}
.text-green,
.text-success {
color:#9acc14!important
}
.shell-red {
color:#ef2929!important
}
.shell-blue {
color:#729ece!important
}
#particles-js {
position:fixed;
width:100%;
height:100%;
top:0;
background-image:url(/images/landing/landing-pattern.png)
}
.bg-none {
background:unset!important
}
a,
a:hover {
transition:.4s;
color:#9acc14
}
a:hover {
-webkit-filter:brightness(75%);
filter:brightness(75%)
}
.text-sunk {
font-size:24px;
font-weight:700;
color:#424651
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
color:#fff
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color:#9acc14
}
.navbar-brand {
float:unset;
padding:unset
}
.navbar-default {
border:none;
background:#3d3d3d;
transition:.4s
}
.navbar-default.navbar-nav>li>a {
line-height:60px
}
.navbar-scrolled {
background:#3d3d3d
}
.enroll {
margin-top:30px;
margin-bottom:30px
}
.prolab {
position:relative
}
.prolab:after {
transition:.5s;
content:"";
position:absolute;
bottom:0;
left:0;
width:0;
height:2px;
background:#9acc14;
z-index:1
}
.prolab:hover:after {
transition:.5s;
width:100%
}
.enroll-univ {
margin-top:40px
}
.fullscreen-element {
min-height:100vh
}
.mt-5 {
margin-top:3em
}
@media (min-width:992px) {
.mt-lg-0 {
margin-top:0
}
}
@media (min-width:768px) {
.text-md-right {
text-align:right!important
}
}
.d-block {
display:block!important
}
.press-releases .release {
margin-top:30px;
margin-bottom:30px
}
.press-releases i {
font-size:24px
}
#press-text a {
color:#9acc14
}
#members-container i {
font-size:1.2rem!important
}
.member-hover {
transition:.3s
}
.member-hover:hover {
transition:.3s;
background:#292e33
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
background:transparent;
border:none
}
.pagination li a {
border:none;
padding:6px 12px;
margin-left:unset
}
.pagination>li>a:focus,
.pagination>li>a:hover {
color:#fff;
background-color:transparent
}
.progress {
background-color:#000
}
.progress-bar {
background-color:#9acc14
}
.table-stripes tbody tr:nth-of-type(odd) {
background-color:rgba(52,60,65,.5)!important
}
.table-highlight {
border:1px solid #9acc14
}
.glyphicon-ring-dotted {
border-style:dotted
}
.glyph-ring-gold {
border-color:#f0c526
}
.glyphicon-ring {
width:60px;
height:60px;
border-radius:50%;
border:4px;
color:#fff;
display:inline-table;
text-align:center
}
.user-activity {
background-color:rgba(52,60,65,.5);
padding:15px 30px
}
.align-items-center {
align-items:center!important
}
.form-control {
background-color:#292e33;
border:none;
color:#9acc14
}
.user-tile {
white-space:nowrap
}
.panel {
background-color:#292e33
}
code {
background-color: #FFFFFF;
color:#000000!important
}
.btn-accent,
.btn-accent:hover {
border-color:#9acc14
}
.btn-accent:hover {
background-color:rgba(154,204,20,.1)
}
.footer-title {
font-size:16px;
font-weight:600;
line-height:44px;
margin-bottom:48px
}
.join-cta {
font-size:40px;
line-height:56px;
font-weight:600;
margin-bottom:24px
}
h2 {
margin-bottom:48px
}
.control {
display:block;
position:relative;
padding-left:30px;
margin-bottom:5px;
cursor:pointer;
font-size:14px
}
.control input {
position:absolute;
z-index:-1;
opacity:0
}
.control_indicator {
position:absolute;
top:2px;
left:0;
height:20px;
width:20px;
background:#292e33;
border:0 solid #000
}
.control-radio .control_indicator {
border-radius:5px
}
.control:hover input~.control_indicator,
.control input:focus~.control_indicator {
background:#171a1d
}
.control input:checked~.control_indicator {
background:#9acc14
}
.control:hover input:not([disabled]):checked~.control_indicator,
.control input:checked:focus~.control_indicator {
background:#749b0c
}
.control input:disabled~.control_indicator {
background:#e6e6e6;
opacity:.6;
pointer-events:none
}
.control_indicator:after {
box-sizing:unset;
content:"";
position:absolute;
display:none
}
.control input:checked~.control_indicator:after {
display:block
}
.control-checkbox .control_indicator:after {
left:8px;
top:4px;
width:3px;
height:8px;
border:solid #fff;
border-width:0 2px 2px 0;
transform:rotate(45deg)
}
.control-checkbox input:disabled~.control_indicator:after {
border-color:#7b7b7b
}
.partial-underline {
position:relative
}
.partial-underline:after {
content:"";
width:40px;
height:3px;
background:#9acc14;
position:absolute;
bottom:-2rem;
left:0
}
.joboffer {
cursor:pointer
}
.joboffer:hover {
background:#292e33
}
input[type=radio]+label {
cursor:pointer
}
input[type=radio]:checked+label {
transition:.2s;
color:#9acc14
}





.wrapper {
  display: -webkit-box;
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.card {
  width: 240px;
  height: 320px;
  border-radius: 15px;
  padding: 1.5rem;
  background: white;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
}
.card:hover {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.card:hover:before {
  opacity: 1;
}
.card:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 15px;
}
.card .info {
  position: relative;
  z-index: 3;
  color: white;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.card .info h1 {
  margin: 0px;
}
.card .info p {
  letter-spacing: 1px;
  font-size: 15px;
  margin-top: 8px;
}
.card .info button {
  padding: 0.6rem;
  outline: none;
  border: none;
  border-radius: 3px;
  background: white;
  color: black;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.card .info button:hover {
  background: dodgerblue;
  color: white;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.center-image-wup {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}