html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
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
}
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[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-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
@media print {
*,
:after,
:before {
background: 0 0!important;
color: #000!important;
box-shadow: none!important;
text-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
}
.navbar {
display: none
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000!important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td,
.table th {
background-color: #fff!important
}
.table-bordered td,
.table-bordered th {
border: 1px solid #ddd!important
}
}
*,
:after,
:before {
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent
}
body {
font-size: 16px;
line-height: 1.72857;
background-color: #fff
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
color: #4c4c4c;
text-decoration: none
}
a:focus,
a:hover {
color: #191919;
text-decoration: underline
}
a:focus {
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
padding: 4px;
line-height: 1.72857;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 27px;
margin-bottom: 27px;
border: 0;
border-top: 1px solid #dedede
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
[role=button] {
cursor: pointer
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Raleway, Arial, sans-serif;
font-weight: 600;
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: #b8b8b8
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
margin-top: 27px;
margin-bottom: 13.5px
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
font-size: 65%
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
margin-top: 13.5px;
margin-bottom: 13.5px
}
.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: 41px
}
.h2,
h2 {
font-size: 34px
}
.h3,
h3 {
font-size: 28px
}
.h4,
h4 {
font-size: 20px
}
.h5,
h5 {
font-size: 16px
}
.h6,
h6 {
font-size: 14px
}
.lead {
margin-bottom: 27px;
font-size: 18px;
font-weight: 300;
line-height: 1.4
}
@media (min-width: 768px) {
.lead {
font-size: 24px
}
}
.small,
small {
font-size: 87%
}
.mark,
mark {
background-color: #fcf8e3;
padding: .2em
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.initialism,
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #b8b8b8
}
.text-primary {
color: #c40022
}
a.text-primary:focus,
a.text-primary:hover {
color: #910019
}
.text-success {
color: #3c763d
}
a.text-success:focus,
a.text-success:hover {
color: #2b542c
}
.text-info {
color: #31708f
}
a.text-info:focus,
a.text-info:hover {
color: #245269
}
.text-warning {
color: #8a6d3b
}
a.text-warning:focus,
a.text-warning:hover {
color: #66512c
}
.text-danger {
color: #a94442
}
a.text-danger:focus,
a.text-danger:hover {
color: #843534
}
.bg-primary {
color: #fff;
background-color: #c40022
}
a.bg-primary:focus,
a.bg-primary:hover {
background-color: #910019
}
.bg-success {
background-color: #dff0d8
}
a.bg-success:focus,
a.bg-success:hover {
background-color: #c1e2b3
}
.bg-info {
background-color: #d9edf7
}
a.bg-info:focus,
a.bg-info:hover {
background-color: #afd9ee
}
.bg-warning {
background-color: #fcf8e3
}
a.bg-warning:focus,
a.bg-warning:hover {
background-color: #f7ecb5
}
.bg-danger {
background-color: #f2dede
}
a.bg-danger:focus,
a.bg-danger:hover {
background-color: #e4b9b9
}
.page-header {
padding-bottom: 12.5px;
margin: 54px 0 27px;
border-bottom: 1px solid #dedede
}
ol,
ul {
margin-top: 0;
margin-bottom: 13.5px
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-top: 0;
margin-bottom: 27px
}
dd,
dt {
line-height: 1.72857
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
.dl-horizontal dd:after,
.dl-horizontal dd:before {
content: " ";
display: table
}
.dl-horizontal dd:after {
clear: both
}
@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 #b8b8b8
}
.initialism {
font-size: 90%
}
blockquote {
padding: 13.5px 27px;
margin: 0 0 27px
}
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.72857;
color: #b8b8b8
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
content: '\2014 \00A0'
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #dedede;
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: '\00A0 \2014'
}
address {
margin-bottom: 27px;
font-style: normal;
line-height: 1.72857
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 25px;
padding-right: 25px
}
.container:after,
.container:before {
content: " ";
display: table
}
.container:after {
clear: both
}
@media (min-width: 768px) {
.container {
width: 770px
}
}
@media (min-width: 992px) {
.container {
width: 990px
}
}
@media (min-width: 1280px) {
.container {
width: 1280px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 25px;
padding-right: 25px
}
.container-fluid:after,
.container-fluid:before {
content: " ";
display: table
}
.container-fluid:after {
clear: both
}
.row {
margin-left: -25px;
margin-right: -25px
}
.row:after,
.row:before {
content: " ";
display: table
}
.row:after {
clear: both
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
float: left
}
.col-xs-1 {
width: 8.33333%
}
.col-xs-2 {
width: 16.66667%
}
.col-xs-3 {
width: 25%
}
.col-xs-4 {
width: 33.33333%
}
.col-xs-5 {
width: 41.66667%
}
.col-xs-6 {
width: 50%
}
.col-xs-7 {
width: 58.33333%
}
.col-xs-8 {
width: 66.66667%
}
.col-xs-9 {
width: 75%
}
.col-xs-10 {
width: 83.33333%
}
.col-xs-11 {
width: 91.66667%
}
.col-xs-12 {
width: 100%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-pull-1 {
right: 8.33333%
}
.col-xs-pull-2 {
right: 16.66667%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-4 {
right: 33.33333%
}
.col-xs-pull-5 {
right: 41.66667%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-7 {
right: 58.33333%
}
.col-xs-pull-8 {
right: 66.66667%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-10 {
right: 83.33333%
}
.col-xs-pull-11 {
right: 91.66667%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-push-0 {
left: auto
}
.col-xs-push-1 {
left: 8.33333%
}
.col-xs-push-2 {
left: 16.66667%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-4 {
left: 33.33333%
}
.col-xs-push-5 {
left: 41.66667%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-7 {
left: 58.33333%
}
.col-xs-push-8 {
left: 66.66667%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-10 {
left: 83.33333%
}
.col-xs-push-11 {
left: 91.66667%
}
.col-xs-push-12 {
left: 100%
}
.col-xs-offset-0 {
margin-left: 0
}
.col-xs-offset-1 {
margin-left: 8.33333%
}
.col-xs-offset-2 {
margin-left: 16.66667%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-4 {
margin-left: 33.33333%
}
.col-xs-offset-5 {
margin-left: 41.66667%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-7 {
margin-left: 58.33333%
}
.col-xs-offset-8 {
margin-left: 66.66667%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-10 {
margin-left: 83.33333%
}
.col-xs-offset-11 {
margin-left: 91.66667%
}
.col-xs-offset-12 {
margin-left: 100%
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left
}
.col-sm-1 {
width: 8.33333%
}
.col-sm-2 {
width: 16.66667%
}
.col-sm-3 {
width: 25%
}
.col-sm-4 {
width: 33.33333%
}
.col-sm-5 {
width: 41.66667%
}
.col-sm-6 {
width: 50%
}
.col-sm-7 {
width: 58.33333%
}
.col-sm-8 {
width: 66.66667%
}
.col-sm-9 {
width: 75%
}
.col-sm-10 {
width: 83.33333%
}
.col-sm-11 {
width: 91.66667%
}
.col-sm-12 {
width: 100%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-pull-1 {
right: 8.33333%
}
.col-sm-pull-2 {
right: 16.66667%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-4 {
right: 33.33333%
}
.col-sm-pull-5 {
right: 41.66667%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-7 {
right: 58.33333%
}
.col-sm-pull-8 {
right: 66.66667%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-10 {
right: 83.33333%
}
.col-sm-pull-11 {
right: 91.66667%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-push-0 {
left: auto
}
.col-sm-push-1 {
left: 8.33333%
}
.col-sm-push-2 {
left: 16.66667%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-4 {
left: 33.33333%
}
.col-sm-push-5 {
left: 41.66667%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-7 {
left: 58.33333%
}
.col-sm-push-8 {
left: 66.66667%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-10 {
left: 83.33333%
}
.col-sm-push-11 {
left: 91.66667%
}
.col-sm-push-12 {
left: 100%
}
.col-sm-offset-0 {
margin-left: 0
}
.col-sm-offset-1 {
margin-left: 8.33333%
}
.col-sm-offset-2 {
margin-left: 16.66667%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-4 {
margin-left: 33.33333%
}
.col-sm-offset-5 {
margin-left: 41.66667%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-7 {
margin-left: 58.33333%
}
.col-sm-offset-8 {
margin-left: 66.66667%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-10 {
margin-left: 83.33333%
}
.col-sm-offset-11 {
margin-left: 91.66667%
}
.col-sm-offset-12 {
margin-left: 100%
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left
}
.col-md-1 {
width: 8.33333%
}
.col-md-2 {
width: 16.66667%
}
.col-md-3 {
width: 25%
}
.col-md-4 {
width: 33.33333%
}
.col-md-5 {
width: 41.66667%
}
.col-md-6 {
width: 50%
}
.col-md-7 {
width: 58.33333%
}
.col-md-8 {
width: 66.66667%
}
.col-md-9 {
width: 75%
}
.col-md-10 {
width: 83.33333%
}
.col-md-11 {
width: 91.66667%
}
.col-md-12 {
width: 100%
}
.col-md-pull-0 {
right: auto
}
.col-md-pull-1 {
right: 8.33333%
}
.col-md-pull-2 {
right: 16.66667%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-4 {
right: 33.33333%
}
.col-md-pull-5 {
right: 41.66667%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-7 {
right: 58.33333%
}
.col-md-pull-8 {
right: 66.66667%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-10 {
right: 83.33333%
}
.col-md-pull-11 {
right: 91.66667%
}
.col-md-pull-12 {
right: 100%
}
.col-md-push-0 {
left: auto
}
.col-md-push-1 {
left: 8.33333%
}
.col-md-push-2 {
left: 16.66667%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-4 {
left: 33.33333%
}
.col-md-push-5 {
left: 41.66667%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-7 {
left: 58.33333%
}
.col-md-push-8 {
left: 66.66667%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-10 {
left: 83.33333%
}
.col-md-push-11 {
left: 91.66667%
}
.col-md-push-12 {
left: 100%
}
.col-md-offset-0 {
margin-left: 0
}
.col-md-offset-1 {
margin-left: 8.33333%
}
.col-md-offset-2 {
margin-left: 16.66667%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-4 {
margin-left: 33.33333%
}
.col-md-offset-5 {
margin-left: 41.66667%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-7 {
margin-left: 58.33333%
}
.col-md-offset-8 {
margin-left: 66.66667%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-10 {
margin-left: 83.33333%
}
.col-md-offset-11 {
margin-left: 91.66667%
}
.col-md-offset-12 {
margin-left: 100%
}
}
@media (min-width: 1280px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
float: left
}
.col-lg-1 {
width: 8.33333%
}
.col-lg-2 {
width: 16.66667%
}
.col-lg-3 {
width: 25%
}
.col-lg-4 {
width: 33.33333%
}
.col-lg-5 {
width: 41.66667%
}
.col-lg-6 {
width: 50%
}
.col-lg-7 {
width: 58.33333%
}
.col-lg-8 {
width: 66.66667%
}
.col-lg-9 {
width: 75%
}
.col-lg-10 {
width: 83.33333%
}
.col-lg-11 {
width: 91.66667%
}
.col-lg-12 {
width: 100%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-pull-1 {
right: 8.33333%
}
.col-lg-pull-2 {
right: 16.66667%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-4 {
right: 33.33333%
}
.col-lg-pull-5 {
right: 41.66667%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-7 {
right: 58.33333%
}
.col-lg-pull-8 {
right: 66.66667%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-10 {
right: 83.33333%
}
.col-lg-pull-11 {
right: 91.66667%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-push-0 {
left: auto
}
.col-lg-push-1 {
left: 8.33333%
}
.col-lg-push-2 {
left: 16.66667%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-4 {
left: 33.33333%
}
.col-lg-push-5 {
left: 41.66667%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-7 {
left: 58.33333%
}
.col-lg-push-8 {
left: 66.66667%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-10 {
left: 83.33333%
}
.col-lg-push-11 {
left: 91.66667%
}
.col-lg-push-12 {
left: 100%
}
.col-lg-offset-0 {
margin-left: 0
}
.col-lg-offset-1 {
margin-left: 8.33333%
}
.col-lg-offset-2 {
margin-left: 16.66667%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-4 {
margin-left: 33.33333%
}
.col-lg-offset-5 {
margin-left: 41.66667%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-7 {
margin-left: 58.33333%
}
.col-lg-offset-8 {
margin-left: 66.66667%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-10 {
margin-left: 83.33333%
}
.col-lg-offset-11 {
margin-left: 91.66667%
}
.col-lg-offset-12 {
margin-left: 100%
}
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #b8b8b8;
text-align: left
}
th {
text-align: left
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 27px
}
.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.72857;
vertical-align: top;
border-top: 1px solid #dedede
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #dedede
}
.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 #dedede
}
.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 #dedede
}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5
}
table col[class*=col-] {
position: static;
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:hover>.active,
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover {
background-color: #e8e8e8
}
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>thead>tr>td.success,
.table>thead>tr>th.success {
background-color: #dff0d8
}
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover {
background-color: #d0e9c6
}
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>thead>tr>td.info,
.table>thead>tr>th.info {
background-color: #d9edf7
}
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover {
background-color: #c4e3f3
}
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>thead>tr>td.warning,
.table>thead>tr>th.warning {
background-color: #fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover {
background-color: #faf2cc
}
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>thead>tr>td.danger,
.table>thead>tr>th.danger {
background-color: #f2dede
}
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover {
background-color: #ebcccc
}
.table-responsive {
overflow-x: auto;
min-height: .01%
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 20.25px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #dedede
}
.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 {
padding: 0;
margin: 0;
border: 0;
min-width: 0
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 27px;
font-size: 24px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid none
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px
}
input[type=search] {
box-sizing: border-box
}
input[type=checkbox],
input[type=radio] {
margin: 4px 0 0;
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: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
output {
display: block;
padding-top: 7px;
font-size: 16px;
line-height: 1.72857;
color: #666
}
.form-control {
display: block;
width: 100%;
height: 41px;
padding: 6px 12px;
font-size: 16px;
line-height: 1.72857;
color: #666;
background-color: #fff;
background-image: none;
border: 1px solid #dedede;
border-radius: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.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::-ms-expand {
border: 0;
background-color: transparent
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eaeaeb;
opacity: 1
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed
}
textarea.form-control {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
line-height: 41px
}
.input-group-sm input[type=date],
.input-group-sm input[type=datetime-local],
.input-group-sm input[type=month],
.input-group-sm input[type=time],
.input-group-sm>.input-group-btn>input[type=date].btn,
.input-group-sm>.input-group-btn>input[type=datetime-local].btn,
.input-group-sm>.input-group-btn>input[type=month].btn,
.input-group-sm>.input-group-btn>input[type=time].btn,
.input-group-sm>input[type=date].form-control,
.input-group-sm>input[type=date].input-group-addon,
.input-group-sm>input[type=datetime-local].form-control,
.input-group-sm>input[type=datetime-local].input-group-addon,
.input-group-sm>input[type=month].form-control,
.input-group-sm>input[type=month].input-group-addon,
.input-group-sm>input[type=time].form-control,
.input-group-sm>input[type=time].input-group-addon,
input[type=date].input-sm,
input[type=datetime-local].input-sm,
input[type=month].input-sm,
input[type=time].input-sm {
line-height: 33px
}
.input-group-lg input[type=date],
.input-group-lg input[type=datetime-local],
.input-group-lg input[type=month],
.input-group-lg input[type=time],
.input-group-lg>.input-group-btn>input[type=date].btn,
.input-group-lg>.input-group-btn>input[type=datetime-local].btn,
.input-group-lg>.input-group-btn>input[type=month].btn,
.input-group-lg>.input-group-btn>input[type=time].btn,
.input-group-lg>input[type=date].form-control,
.input-group-lg>input[type=date].input-group-addon,
.input-group-lg>input[type=datetime-local].form-control,
.input-group-lg>input[type=datetime-local].input-group-addon,
.input-group-lg>input[type=month].form-control,
.input-group-lg>input[type=month].input-group-addon,
.input-group-lg>input[type=time].form-control,
.input-group-lg>input[type=time].input-group-addon,
input[type=date].input-lg,
input[type=datetime-local].input-lg,
input[type=month].input-lg,
input[type=time].input-lg {
line-height: 49px
}
}
.form-group {
margin-bottom: 15px
}
.checkbox,
.radio {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.checkbox label,
.radio label {
min-height: 27px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
position: absolute;
margin-left: -20px
}
.checkbox+.checkbox,
.radio+.radio {
margin-top: -5px
}
.checkbox-inline,
.radio-inline {
position: relative;
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 label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
cursor: not-allowed
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 43px
}
.form-control-static.input-lg,
.form-control-static.input-sm,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
padding-left: 0;
padding-right: 0
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn,
.input-sm {
height: 33px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 0
}
.input-group-sm>.input-group-btn>select.btn,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
select.input-sm {
height: 33px;
line-height: 33px
}
.input-group-sm>.input-group-btn>select[multiple].btn,
.input-group-sm>.input-group-btn>textarea.btn,
.input-group-sm>select[multiple].form-control,
.input-group-sm>select[multiple].input-group-addon,
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
select[multiple].input-sm,
textarea.input-sm {
height: auto
}
.form-group-sm .form-control {
height: 33px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 0
}
.form-group-sm select.form-control {
height: 33px;
line-height: 33px
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
height: auto
}
.form-group-sm .form-control-static {
height: 33px;
min-height: 41px;
padding: 6px 10px;
font-size: 14px;
line-height: 1.5
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn,
.input-lg {
height: 49px;
padding: 10px 16px;
font-size: 20px;
line-height: 1.33333;
border-radius: 0
}
.input-group-lg>.input-group-btn>select.btn,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
select.input-lg {
height: 49px;
line-height: 49px
}
.input-group-lg>.input-group-btn>select[multiple].btn,
.input-group-lg>.input-group-btn>textarea.btn,
.input-group-lg>select[multiple].form-control,
.input-group-lg>select[multiple].input-group-addon,
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
select[multiple].input-lg,
textarea.input-lg {
height: auto
}
.form-group-lg .form-control {
height: 49px;
padding: 10px 16px;
font-size: 20px;
line-height: 1.33333;
border-radius: 0
}
.form-group-lg select.form-control {
height: 49px;
line-height: 49px
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
height: auto
}
.form-group-lg .form-control-static {
height: 49px;
min-height: 47px;
padding: 11px 16px;
font-size: 20px;
line-height: 1.33333
}
.has-feedback {
position: relative
}
.has-feedback .form-control {
padding-right: 51.25px
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 41px;
height: 41px;
line-height: 41px;
text-align: center;
pointer-events: none
}
.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-lg+.form-control-feedback {
width: 49px;
height: 49px;
line-height: 49px
}
.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-sm+.form-control-feedback {
width: 33px;
height: 33px;
line-height: 33px
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
color: #3c763d
}
.has-success .form-control {
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 .form-control {
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,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
color: #a94442
}
.has-error .form-control {
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
}
.has-feedback label~.form-control-feedback {
top: 32px
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-static {
display: inline-block
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle
}
.form-inline .input-group .form-control,
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn {
width: auto
}
.form-inline .input-group>.form-control {
width: 100%
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox,
.form-inline .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.form-inline .checkbox label,
.form-inline .radio label {
padding-left: 0
}
.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio] {
position: relative;
margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
top: 0
}
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px
}
.form-horizontal .checkbox,
.form-horizontal .radio {
min-height: 34px
}
.form-horizontal .form-group {
margin-left: -25px;
margin-right: -25px
}
.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
content: " ";
display: table
}
.form-horizontal .form-group:after {
clear: both
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 25px
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 20px
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 14px
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 600;
text-align: center;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 16px;
line-height: 1.72857;
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,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
.btn.focus,
.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;
opacity: .65;
filter: alpha(opacity=65);
box-shadow: none
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #dedede
}
.btn-default.focus,
.btn-default:focus {
color: #333;
background-color: #e6e6e6;
border-color: #9e9e9e
}
.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open>.btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #bfbfbf
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.btn-default.dropdown-toggle.focus,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle:hover {
color: #333;
background-color: #d4d4d4;
border-color: #9e9e9e
}
.btn-default.active,
.btn-default:active,
.open>.btn-default.dropdown-toggle {
background-image: none
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
background-color: #fff;
border-color: #dedede
}
.btn-default .badge {
color: #fff;
background-color: #333
}
.btn-primary {
color: #fff;
background-color: #c40022;
border-color: #c40022
}
.btn-primary.focus,
.btn-primary:focus {
color: #fff;
background-color: #910019;
border-color: #45000c
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #910019;
border-color: #870017
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
color: #fff;
background-color: #6d0013;
border-color: #45000c
}
.btn-primary.active,
.btn-primary:active,
.open>.btn-primary.dropdown-toggle {
background-image: none
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
background-color: #c40022;
border-color: #c40022
}
.btn-primary .badge {
color: #c40022;
background-color: #fff
}
.btn-success {
color: #666;
background-color: #5aaa28;
border-color: #5aaa28
}
.btn-success.focus,
.btn-success:focus {
color: #666;
background-color: #44811e;
border-color: #234310
}
.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open>.btn-success.dropdown-toggle {
color: #666;
background-color: #44811e;
border-color: #40781c
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
color: #666;
background-color: #356417;
border-color: #234310
}
.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
background-image: none
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
background-color: #5aaa28;
border-color: #5aaa28
}
.btn-success .badge {
color: #5aaa28;
background-color: #666
}
.btn-info {
color: #666;
background-color: #c4c8ce;
border-color: #c4c8ce
}
.btn-info.focus,
.btn-info:focus {
color: #666;
background-color: #a8aeb7;
border-color: #7e8794
}
.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open>.btn-info.dropdown-toggle {
color: #666;
background-color: #a8aeb7;
border-color: #a3a9b2
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
color: #666;
background-color: #959ca7;
border-color: #7e8794
}
.btn-info.active,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
background-image: none
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
background-color: #c4c8ce;
border-color: #c4c8ce
}
.btn-info .badge {
color: #c4c8ce;
background-color: #666
}
.btn-warning {
color: #666;
background-color: #f63;
border-color: #f63
}
.btn-warning.focus,
.btn-warning:focus {
color: #666;
background-color: #ff4000;
border-color: #b32d00
}
.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open>.btn-warning.dropdown-toggle {
color: #666;
background-color: #ff4000;
border-color: #f53d00
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
color: #666;
background-color: #db3700;
border-color: #b32d00
}
.btn-warning.active,
.btn-warning:active,
.open>.btn-warning.dropdown-toggle {
background-image: none
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
background-color: #f63;
border-color: #f63
}
.btn-warning .badge {
color: #f63;
background-color: #666
}
.btn-danger {
color: #666;
background-color: #c40022;
border-color: #c40022
}
.btn-danger.focus,
.btn-danger:focus {
color: #666;
background-color: #910019;
border-color: #45000c
}
.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open>.btn-danger.dropdown-toggle {
color: #666;
background-color: #910019;
border-color: #870017
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
color: #666;
background-color: #6d0013;
border-color: #45000c
}
.btn-danger.active,
.btn-danger:active,
.open>.btn-danger.dropdown-toggle {
background-image: none
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
background-color: #c40022;
border-color: #c40022
}
.btn-danger .badge {
color: #c40022;
background-color: #666
}
.btn-link {
color: #4c4c4c;
font-weight: 400;
border-radius: 0
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
border-color: transparent
}
.btn-link:focus,
.btn-link:hover {
color: #191919;
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: #b8b8b8;
text-decoration: none
}
.btn-lg {
padding: 10px 16px;
font-size: 20px;
line-height: 1.33333;
border-radius: 6px
}
.btn-sm {
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px
}
.btn-xs {
padding: 1px 5px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: 5px
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropdown,
.dropup {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 16px;
text-align: left;
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: 12.5px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.72857;
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: #4c4c4c;
text-decoration: none;
outline: 0;
background-color: #efefef
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
color: #b8b8b8
}
.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: 14px;
line-height: 1.72857;
color: #b8b8b8;
white-space: nowrap
}
.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 dashed;
content: ""
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto
}
}
.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 .form-control:focus {
z-index: 3
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
display: table-cell
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
border-radius: 0
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle
}
.input-group-addon {
padding: 6px 12px;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: #666;
text-align: center;
background-color: #dedede;
border: 1px solid #dedede;
border-radius: 0
}
.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
padding: 5px 10px;
font-size: 14px;
border-radius: 0
}
.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
padding: 10px 16px;
font-size: 20px;
border-radius: 0
}
.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
margin-top: 0
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.input-group-addon:first-child {
border-right: 0
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.input-group-addon:last-child {
border-left: 0
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap
}
.input-group-btn>.btn {
position: relative
}
.input-group-btn>.btn+.btn {
margin-left: -1px
}
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
z-index: 2
}
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
margin-right: -1px
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav:after,
.nav:before {
content: " ";
display: table
}
.nav:after {
clear: both
}
.nav>li {
position: relative;
display: block
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px
}
.nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none;
background-color: #dedede
}
.nav>li.disabled>a {
color: #b8b8b8
}
.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
color: #b8b8b8;
text-decoration: none;
background-color: transparent;
cursor: not-allowed
}
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: #dedede;
border-color: #4c4c4c
}
.nav .nav-divider {
height: 1px;
margin: 12.5px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #dedede
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.72857;
border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
border-color: #dedede
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
color: #666;
background-color: #fff;
border: 1px solid #dedede;
border-bottom-color: transparent;
cursor: default
}
.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: #4c4c4c;
background-color: #efefef
}
.nav-stacked>li {
float: none
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
.nav-justified,
.nav-tabs.nav-justified {
width: 100%
}
.nav-justified>li,
.nav-tabs.nav-justified>li {
float: none
}
.nav-justified>li>a,
.nav-tabs.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,
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
margin-bottom: 0
}
}
.nav-tabs-justified,
.nav-tabs.nav-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a,
.nav-tabs.nav-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,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
border: 1px solid #dedede
}
@media (min-width: 768px) {
.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #dedede;
border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:focus,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-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: 27px;
border: 1px solid transparent
}
.navbar:after,
.navbar:before {
content: " ";
display: table
}
.navbar:after {
clear: both
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px
}
}
.navbar-header:after,
.navbar-header:before {
content: " ";
display: table
}
.navbar-header:after {
clear: both
}
@media (min-width: 768px) {
.navbar-header {
float: left
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 25px;
padding-left: 25px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
-webkit-overflow-scrolling: touch
}
.navbar-collapse:after,
.navbar-collapse:before {
content: " ";
display: table
}
.navbar-collapse:after {
clear: both
}
.navbar-collapse.in {
overflow-y: auto
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none
}
.navbar-collapse.collapse {
display: block!important;
height: auto!important;
padding-bottom: 0;
overflow: visible!important
}
.navbar-collapse.in {
overflow-y: visible
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse {
padding-left: 0;
padding-right: 0
}
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: 340px
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
max-height: 200px
}
}
.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
margin-right: -25px;
margin-left: -25px
}
@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: 11.5px 25px;
font-size: 20px;
line-height: 27px
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
.navbar-brand>img {
display: block
}
@media (min-width: 768px) {
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: -25px
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 25px;
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: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px
}
@media (min-width: 768px) {
.navbar-toggle {
display: none
}
}
.navbar-nav {
margin: 5.75px -25px
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 27px
}
@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: 27px
}
.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: 11.5px;
padding-bottom: 11.5px
}
}
.navbar-form {
margin: 4.5px -25px;
padding: 10px 25px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.navbar-form .form-control-static {
display: inline-block
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle
}
.navbar-form .input-group .form-control,
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
width: auto
}
.navbar-form .input-group>.form-control {
width: 100%
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .checkbox,
.navbar-form .radio {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle
}
.navbar-form .checkbox label,
.navbar-form .radio label {
padding-left: 0
}
.navbar-form .checkbox input[type=checkbox],
.navbar-form .radio input[type=radio] {
position: relative;
margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
top: 0
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px
}
.navbar-form .form-group:last-child {
margin-bottom: 0
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
box-shadow: none
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-radius: 4px 4px 0 0
}
.navbar-btn {
margin-top: 4.5px;
margin-bottom: 4.5px
}
.navbar-btn.btn-sm {
margin-top: 8.5px;
margin-bottom: 8.5px
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px
}
.navbar-text {
margin-top: 11.5px;
margin-bottom: 11.5px
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 25px;
margin-right: 25px
}
}
@media (min-width: 768px) {
.navbar-left {
float: left!important
}
.navbar-right {
float: right!important;
margin-right: -25px
}
.navbar-right~.navbar-right {
margin-right: 0
}
}
.navbar-default {
background-color: #f2f2f2;
border-color: #e0e0e0
}
.navbar-default .navbar-brand {
color: #333
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color: #1a1a1a;
background-color: transparent
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
color: #333
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: #4c4c4c;
background-color: transparent
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #666;
background-color: #e0e0e0
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
.navbar-default .navbar-toggle {
border-color: #ddd
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e0e0e0
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background-color: #e0e0e0;
color: #666
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #333
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #4c4c4c;
background-color: transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #666;
background-color: #e0e0e0
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
}
.navbar-default .navbar-link {
color: #333
}
.navbar-default .navbar-link:hover {
color: #4c4c4c
}
.navbar-default .btn-link {
color: #333
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
color: #4c4c4c
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
color: #ccc
}
.navbar-inverse {
background-color: #222;
border-color: #090909
}
.navbar-inverse .navbar-brand {
color: #dedede
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-text {
color: #dedede
}
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background-color: #090909
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:focus,
.navbar-inverse .navbar-nav>.disabled>a:hover {
color: #444;
background-color: transparent
}
.navbar-inverse .navbar-toggle {
border-color: #333
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
background-color: #090909;
color: #fff
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #090909
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #dedede
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff;
background-color: transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #fff;
background-color: #090909
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #444;
background-color: transparent
}
}
.navbar-inverse .navbar-link {
color: #dedede
}
.navbar-inverse .navbar-link:hover {
color: #fff
}
.navbar-inverse .btn-link {
color: #dedede
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
color: #fff
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
color: #444
}
.panel {
border: 1px solid transparent;
border-radius: 4px
}
.panel-body {
padding: 15px
}
.panel-body:after,
.panel-body:before {
content: " ";
display: table
}
.panel-body:after {
clear: both
}
.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 {
color: inherit
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
color: inherit
}
.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
color: inherit
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.list-group,
.panel>.panel-collapse>.list-group {
margin-bottom: 0
}
.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.list-group+.panel-footer,
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table {
margin-bottom: 0
}
.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
padding-left: 15px;
padding-right: 15px
}
.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,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
border-top-left-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
border-top-right-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child,
.panel>.table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: 3px
}
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
border-top: 1px solid #dedede
}
.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: 27px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px
}
.panel-group .panel+.panel {
margin-top: 5px
}
.panel-group .panel-heading {
border-bottom: 0
}
.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 1px solid #ddd
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.panel-default {
border-color: #ddd
}
.panel-default>.panel-heading {
color: #333;
border-color: #ddd
}
.panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ddd
}
.panel-primary {
border-color: #c40022
}
.panel-primary>.panel-heading {
color: #fff;
background-color: #c40022;
border-color: #c40022
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #c40022
}
.panel-primary>.panel-heading .badge {
color: #c40022;
background-color: #fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #c40022
}
.panel-success {
border-color: #d6e9c6
}
.panel-success>.panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6
}
.panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6
}
.panel-info {
border-color: #bce8f1
}
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #bce8f1
}
.panel-info>.panel-heading .badge {
color: #d9edf7;
background-color: #31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #bce8f1
}
.panel-warning {
border-color: #faebcc
}
.panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #faebcc
}
.panel-warning>.panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #faebcc
}
.panel-danger {
border-color: #ebccd1
}
.panel-danger>.panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ebccd1
}
.panel-danger>.panel-heading .badge {
color: #f2dede;
background-color: #a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ebccd1
}
.embed-responsive {
display: block;
height: 0;
padding: 0;
overflow: hidden
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0
}
.embed-responsive-16by9 {
padding-bottom: 56.25%
}
.embed-responsive-4by3 {
padding-bottom: 75%
}
.close {
float: right;
font-size: 24px;
font-weight: 600;
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: 0 0;
border: 0;
-webkit-appearance: none
}
.modal-open {
overflow: hidden
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform .3s ease-out;
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #fff;
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: 0
}
.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
}
.modal-header:after,
.modal-header:before {
content: " ";
display: table
}
.modal-header:after {
clear: both
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.72857
}
.modal-body {
position: relative;
padding: 15px
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer:after,
.modal-footer:before {
content: " ";
display: table
}
.modal-footer:after {
clear: both
}
.modal-footer .btn+.btn {
margin-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto
}
.modal-content {
box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
}
.modal-sm {
width: 300px
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px
}
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.center-block {
display: block
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
.hide {
display: none!important
}
.show {
display: block!important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none!important
}
.affix {
position: fixed
}
@-ms-viewport {
width: device-width
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
display: none!important
}
@media (max-width: 767px) {
.visible-xs {
display: block!important
}
table.visible-xs {
display: table!important
}
tr.visible-xs {
display: table-row!important
}
td.visible-xs,
th.visible-xs {
display: table-cell!important
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block!important
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline!important
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block!important
}
table.visible-sm {
display: table!important
}
tr.visible-sm {
display: table-row!important
}
td.visible-sm,
th.visible-sm {
display: table-cell!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block!important
}
}
@media (min-width: 992px) and (max-width: 1279px) {
.visible-md {
display: block!important
}
table.visible-md {
display: table!important
}
tr.visible-md {
display: table-row!important
}
td.visible-md,
th.visible-md {
display: table-cell!important
}
}
@media (min-width: 992px) and (max-width: 1279px) {
.visible-md-block {
display: block!important
}
}
@media (min-width: 992px) and (max-width: 1279px) {
.visible-md-inline {
display: inline!important
}
}
@media (min-width: 992px) and (max-width: 1279px) {
.visible-md-inline-block {
display: inline-block!important
}
}
@media (min-width: 1280px) {
.visible-lg {
display: block!important
}
table.visible-lg {
display: table!important
}
tr.visible-lg {
display: table-row!important
}
td.visible-lg,
th.visible-lg {
display: table-cell!important
}
}
@media (min-width: 1280px) {
.visible-lg-block {
display: block!important
}
}
@media (min-width: 1280px) {
.visible-lg-inline {
display: inline!important
}
}
@media (min-width: 1280px) {
.visible-lg-inline-block {
display: inline-block!important
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none!important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none!important
}
}
@media (min-width: 992px) and (max-width: 1279px) {
.hidden-md {
display: none!important
}
}
@media (min-width: 1280px) {
.hidden-lg {
display: none!important
}
}
@media print {
.visible-print {
display: block!important
}
table.visible-print {
display: table!important
}
tr.visible-print {
display: table-row!important
}
td.visible-print,
th.visible-print {
display: table-cell!important
}
}
@media print {
.visible-print-block {
display: block!important
}
}
@media print {
.visible-print-inline {
display: inline!important
}
}
@media print {
.visible-print-inline-block {
display: inline-block!important
}
}
@media print {
.hidden-print {
display: none!important
}
}
@font-face {
font-family: rsweb;
src: url(fonts/rsweb.eot);
src: url(fonts/rsweb.eot#iefix) format("embedded-opentype"), url(fonts/rsweb.ttf) format("truetype"), url(fonts/rsweb.woff) format("woff"), url(fonts/rsweb.svg) format("svg");
font-weight: 400;
font-style: normal
}
i.rsweb {
font-family: rsweb!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.auto-compute:before {
content: ""
}
.auto-maintenance:before {
content: ""
}
.auto-os-maintenance:before {
content: ""
}
.auto-patching:before {
content: ""
}
.auto-process:before {
content: ""
}
.auto-protection:before {
content: ""
}
.auto-scripts:before {
content: ""
}
.cl-autoscale:before {
content: ""
}
.cl-backup:before {
content: ""
}
.cl-big-data:before {
content: ""
}
.cl-block-storage:before {
content: ""
}
.cl-cdn:before {
content: ""
}
.cl-control-panel:before {
content: ""
}
.cl-databases:before {
content: ""
}
.cl-dns:before {
content: ""
}
.cl-email:before {
content: ""
}
.cl-email-archive:before {
content: ""
}
.cl-files:before {
content: ""
}
.cl-hybrid:before {
content: ""
}
.cl-images:before {
content: ""
}
.cl-load-balancers:before {
content: ""
}
.cl-monitoring:before {
content: ""
}
.cl-networks:before {
content: ""
}
.cl-office:before {
content: ""
}
.cl-orchestration:before {
content: ""
}
.cl-private-cloud:before {
content: ""
}
.cl-queues:before {
content: ""
}
.cl-registry:before {
content: ""
}
.cl-scale-apps:before {
content: ""
}
.cl-security:before {
content: ""
}
.cl-server-lg:before {
content: ""
}
.cl-server-md:before {
content: ""
}
.cl-server-sm:before {
content: "� "
}
.cl-servers:before {
content: ""
}
.cl-sites:before {
content: ""
}
.cl-tools:before {
content: ""
}
.cont-design:before {
content: ""
}
.cont-monitoring:before {
content: ""
}
.cont-support:before {
content: ""
}
.ded-api-services:before {
content: ""
}
.ded-backup:before {
content: ""
}
.ded-big-data:before {
content: ""
}
.ded-control-panel:before {
content: ""
}
.ded-data-replication:before {
content: ""
}
.ded-databases:before {
content: ""
}
.ded-email:before {
content: ""
}
.ded-hosting:before {
content: ""
}
.ded-load-balancers:before {
content: ""
}
.ded-log-management:before {
content: ""
}
.ded-managed-virualization:before {
content: ""
}
.ded-monitoring:before {
content: ""
}
.ded-security:before {
content: ""
}
.ded-server-lg:before {
content: ""
}
.ded-server-md:before {
content: ""
}
.ded-server-sm:before {
content: ""
}
.ded-server-xl:before {
content: ""
}
.ded-storage:before {
content: ""
}
.ded-support:before {
content: ""
}
.gen-antivirus:before {
content: ""
}
.gen-assistance:before {
content: ""
}
.gen-bolt-fill:before {
content: ""
}
.gen-bolt-gear:before {
content: ""
}
.gen-bolt-outline:before {
content: ""
}
.gen-building-lg:before {
content: ""
}
.gen-building-md:before {
content: ""
}
.gen-building-sm:before {
content: ""
}
.gen-bummed:before {
content: ""
}
.gen-calculator:before {
content: ""
}
.gen-chart:before {
content: ""
}
.gen-choice:before {
content: ""
}
.gen-clock:before {
content: ""
}
.gen-cloud:before {
content: ""
}
.gen-code:before {
content: ""
}
.gen-data-replication:before {
content: ""
}
.gen-desktop:before {
content: ""
}
.gen-ecommerce:before {
content: ""
}
.gen-flame:before {
content: ""
}
.gen-flame-shield:before {
content: ""
}
.gen-global:before {
content: ""
}
.gen-global-traffic:before {
content: ""
}
.gen-growth:before {
content: ""
}
.gen-hard-drive:before {
content: ""
}
.gen-help:before {
content: ""
}
.gen-install:before {
content: ""
}
.gen-key:before {
content: ""
}
.gen-laptop:before {
content: ""
}
.gen-license:before {
content: ""
}
.gen-lock-shield:before {
content: ""
}
.gen-locked-checked-shield:before {
content: ""
}
.gen-netowkring:before {
content: ""
}
.gen-network-connection:before {
content: ""
}
.gen-os:before {
content: ""
}
.gen-patching-shield:before {
content: ""
}
.gen-payment:before {
content: ""
}
.gen-pdf:before {
content: ""
}
.gen-performance:before {
content: ""
}
.gen-power:before {
content: ""
}
.gen-processor:before {
content: "� "
}
.gen-ram:before {
content: ""
}
.gen-server-instance:before {
content: ""
}
.gen-server-instances:before {
content: ""
}
.gen-server-rack:before {
content: ""
}
.gen-server-room:before {
content: ""
}
.gen-servers:before {
content: ""
}
.gen-servers2:before {
content: ""
}
.gen-shield:before {
content: ""
}
.gen-ssd:before {
content: ""
}
.gen-stacks:before {
content: ""
}
.gen-stoked:before {
content: ""
}
.gen-stopwatch:before {
content: ""
}
.gen-support:before {
content: ""
}
.gen-uptime:before {
content: ""
}
.gen-user:before {
content: ""
}
.gen-web:before {
content: ""
}
.gen-webpage:before {
content: ""
}
.gen-workers:before {
content: ""
}
.idio-binoculars:before {
content: ""
}
.idio-brain:before {
content: ""
}
.idio-cloud-education:before {
content: ""
}
.idio-cycle:before {
content: ""
}
.idio-diamond:before {
content: ""
}
.idio-fist:before {
content: ""
}
.idio-focus:before {
content: ""
}
.idio-heart:before {
content: ""
}
.idio-high-five:before {
content: ""
}
.idio-people:before {
content: ""
}
.idio-piggy:before {
content: ""
}
.idio-piggy-money:before {
content: ""
}
.idio-spaceship:before {
content: ""
}
.idio-straightjacket:before {
content: ""
}
.idio-target:before {
content: ""
}
.idio-torch:before {
content: ""
}
.idio-trophy:before {
content: ""
}
.idio-winner:before {
content: ""
}
.mng-24x7:before {
content: ""
}
.mng-access:before {
content: ""
}
.mng-advisors:before {
content: ""
}
.mng-anti-virus:before {
content: ""
}
.mng-apps:before {
content: ""
}
.mng-backup:before {
content: ""
}
.mng-cloud:before {
content: ""
}
.mng-code-assist:before {
content: ""
}
.mng-databases:before {
content: ""
}
.mng-firewall:before {
content: ""
}
.mng-generic:before {
content: ""
}
.mng-guarantee:before {
content: ""
}
.mng-infrastructure:before {
content: ""
}
.mng-installation:before {
content: ""
}
.mng-log-manager:before {
content: ""
}
.mng-monitoring:before {
content: ""
}
.mng-os-support:before {
content: ""
}
.mng-patching:before {
content: ""
}
.mng-performance:before {
content: ""
}
.mng-power:before {
content: ""
}
.mng-rapid-deployment:before {
content: ""
}
.mng-response:before {
content: ""
}
.mng-security:before {
content: ""
}
.mng-security-guidance:before {
content: ""
}
.mng-service:before {
content: ""
}
.mng-stack:before {
content: ""
}
.mng-storage:before {
content: ""
}
.mng-support:before {
content: "� "
}
.mng-threat:before {
content: ""
}
.mng-virtualization:before {
content: ""
}
.srv-advisory:before {
content: ""
}
.srv-anti-virus:before {
content: ""
}
.srv-architecture:before {
content: ""
}
.srv-archiving:before {
content: ""
}
.srv-backup:before {
content: ""
}
.srv-backups:before {
content: ""
}
.srv-caching:before {
content: ""
}
.srv-code-deployment:before {
content: ""
}
.srv-content-management:before {
content: ""
}
.srv-custom-apps:before {
content: ""
}
.srv-data-storage:before {
content: ""
}
.srv-database:before {
content: ""
}
.srv-design-build:before {
content: ""
}
.srv-design-build-2:before {
content: ""
}
.srv-devops:before {
content: ""
}
.srv-digital:before {
content: ""
}
.srv-disaster-recovery:before {
content: ""
}
.srv-ecommerce:before {
content: ""
}
.srv-email:before {
content: ""
}
.srv-engineer-support:before {
content: ""
}
.srv-guidance:before {
content: ""
}
.srv-mailgun:before {
content: ""
}
.srv-migration:before {
content: ""
}
.srv-monitoring:before {
content: ""
}
.srv-rich-media:before {
content: ""
}
.srv-saas:before {
content: ""
}
.srv-ssl:before {
content: ""
}
.srv-test-dev:before {
content: ""
}
.srv-virtualization:before {
content: ""
}
.srv-vpn:before {
content: ""
}
.srv-web-hosting:before {
content: ""
}
.srv-website:before {
content: ""
}
@keyframes fadein {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fadein {
from {
opacity: 0
}
to {
opacity: 1
}
}
img {
max-width: 100%
}
.half-padding {
padding: 20px 25px
}
.half-padding-full {
padding: 20px 0
}
.half-padding-top {
padding-top: 20px
}
.no-padding {
padding: 0
}
.no-side-padding {
padding-left: 0;
padding-right: 0
}
.standard-padding-full {
padding: 40px 0 60px
}
.standard-padding-top {
padding: 40px 0 0
}
@media only screen and (max-width: 767px) {
.row-eq-height {
display: block
}
}
.bg-steel-blue {
background-color: #0d1b2a
}
.bg-blue-gray {
background-color: #2e3238
}
.bg-red {
background-color: #c40022
}
.bg-dark-gray {
background-color: #2a2a2a
}
.bg-light-gray {
background-color: #efefef
}
.bg-white {
background-color: #fff
}
.bg-medium-teal {
background: #0dcfd9
}
.bg-crumpled-paper {
background-color: #b8b8b8;
background-image: url(BGcrumpled-paper.jpg)
}
.blue-gray {
color: #2e3238
}
.darkest-gray {
color: #2a2a2a
}
.brand-secondary {
color: #0dcfd9
}
.red {
color: #c40022
}
.white {
color: #fff
}
@media only screen and (min-width: 1280px) {
.half-padding,
.standard-padding {
padding-left: 50px;
padding-right: 50px
}
.half-padding-full,
.standard-padding-full {
padding-left: 25px;
padding-right: 25px
}
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #2a2a2a;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
text-align: left
}
p {
margin: 0 0 1em
}
p>a {
cursor: pointer;
font-weight: 400;
text-decoration: underline
}
p>a:hover {
color: #0dcfd9
}
h1 {
color: #2a2a2a;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 2.25em
}
h2 {
color: #2a2a2a;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 1.75em;
line-height: 1.25em
}
h3 {
color: #2a2a2a;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 1.25em;
line-height: 1.25em;
margin: 10px 0
}
h4,
h5,
h6 {
color: #2a2a2a;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.45em;
text-align: left
}
h4 {
font-size: 2rem
}
h5 {
font-size: 1.75rem
}
h6 {
font-size: 1.5rem
}
ul {
list-style: disc;
text-align: left
}
.twoColumnList {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.checks,
.times {
list-style: none;
padding-left: 1.3em
}
.checks.teal>li::before,
.times.teal>li::before {
color: #00b4c3
}
.checks.green>li::before,
.times.green>li::before {
color: #5aaa28
}
.checks li,
.times li {
list-style: none;
margin-left: 1em
}
.checks li::before,
.times li::before {
display: inline-block;
font-family: FontAwesome;
margin-left: -1.3em;
width: 1.3em
}
.checks li::before {
content: '\f00c'
}
.times li::before {
content: '\f00d'
}
li {
padding: 0
}
.semi-bold,
strong {
font-weight: 600
}
i {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #000;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
speak: none;
text-transform: none
}
i.rs-4x {
font-size: 4em
}
.fa-check {
color: #00b4c3
}
.read-more {
margin-top: 20px
}
.read-more a {
color: #fff;
text-decoration: none
}
.copyright {
font-size: .75em
}
blockquote {
border-left: 0;
font-size: 1.75rem;
font-weight: 400;
letter-spacing: 2px;
line-height: 2.5rem;
margin-bottom: 0
}
cite {
color: #b8b8b8;
display: block;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
white-space: pre-line
}
cite::before {
content: '— ';
max-height: 1px
}
.productTable {
border-collapse: collapse;
width: 100%
}
.productTable-feature,
.productTable-featureItem,
.productTable-name {
border: 1px solid #dedede;
font-size: 1.35rem;
line-height: 2rem
}
.productTable-name {
background-color: #666;
color: #fff;
font-size: 1.5rem;
padding: 20px 5px;
text-align: center
}
.productTable-feature {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.45em;
color: #00b4c3;
padding: 20px 5px;
text-align: center;
width: 20%
}
.productTable-featureItem {
padding: 20px;
vertical-align: text-top
}
.productTable-featureItem::after {
display: block;
margin-left: auto;
margin-right: auto;
font-family: FontAwesome;
padding: 10px 0;
text-align: center
}
.offered {
vertical-align: inherit
}
.offered::after {
color: #00b4c3;
content: '\f00c'
}
.notOffered {
vertical-align: inherit
}
.notOffered::after {
color: #dedede;
content: '\f00d'
}
.productTable-mobileTitle {
display: none
}
@media screen and (max-width: 767px) {
.productTable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.productTable-row {
display: block
}
.productTable-header {
display: none
}
.productTable-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row;
flex-flow: row;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: .7em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.productTable-name:first-child {
display: none
}
.productTable-feature {
width: 100%
}
.productTable-feature,
.productTable-featureItem {
display: block
}
.productTable-feature:first-child,
.productTable-featureItem:first-child {
background: #efefef;
display: block;
width: 100%
}
.productTable-featureItem {
padding: 8px
}
.productTable-featureItem::after {
display: inline-block;
margin-left: 15px
}
.productTable-mobileTitle {
display: block
}
}
.label,
label {
font-weight: 600
}
.label.label-default,
.label.label-primary,
label.label-default,
label.label-primary {
color: #fff
}
table {
width: 100%
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox,
.has-error.checkbox-inline,
.has-error.radio,
.has-error.radio-inline {
color: #c40022
}
.has-error .form-control {
background-color: #f7002b;
border-color: #c40022
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox,
.has-success.checkbox-inline,
.has-success.radio,
.has-success.radio-inline {
color: #5aaa28
}
.has-success .form-control {
background-color: #71d035;
border-color: #5aaa28
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
color: #f63
}
.has-warning .form-control {
background-color: #ff8c66;
border-color: #f63
}
.lpForm-container {
margin-right: auto;
margin-left: auto;
padding-left: 25px;
padding-right: 25px;
max-width: 1280px;
margin-top: -240px
}
.lpForm-container:after,
.lpForm-container:before {
content: " ";
display: table
}
.lpForm-container:after {
clear: both
}
@media (min-width: 768px) {
.lpForm-container {
width: 770px
}
}
@media (min-width: 992px) {
.lpForm-container {
width: 990px
}
}
@media (min-width: 1280px) {
.lpForm-container {
width: 1280px
}
}
.lpForm {
position: relative;
float: left;
width: 100%;
min-height: 1px;
background-color: #fff;
border: 1px solid #dedede;
padding: 20px 25px
}
@media (min-width: 768px) {
.lpForm {
float: left;
width: 33.33333%
}
}
@media (min-width: 768px) {
.lpForm {
left: 66.66667%
}
}
@media only screen and (max-width: 767px) {
.lpForm-container {
margin-top: 0
}
}
.nav-tabs {
margin-bottom: 1.5em
}
.panel {
background-color: transparent;
box-shadow: none;
margin-bottom: 0
}
.tab-content {
background-color: #fff;
overflow: auto;
padding: 15px;
position: relative
}
.table>thead>tr>th {
font-weight: unset
}
.formModal-closeIcon {
font-size: 25px;
opacity: .7;
position: absolute;
right: 10px;
top: 10px
}
.formModal-title {
text-align: center
}
.formModal-content {
border-radius: 0;
padding: 15px
}
.formModal-header {
border-bottom: 0
}
.formModal-body {
padding: 10px 20px
}
.formModal-label {
color: #2a2a2a
}
.form-required,
.formModal-required {
color: #c40022
}
.formModal-input {
background-color: #efefef;
border: 1px solid transparent;
box-shadow: none
}
.formModal-input:focus {
border-color: #0dcfd9;
box-shadow: none;
outline: 0
}
.form-checkboxes,
.form-radios {
border: 0;
box-shadow: none;
height: auto
}
.form-actions .throbber {
-webkit-animation: rotate .8s infinite linear;
animation: rotate .8s infinite linear;
background: 0 0;
border: 2px solid #000;
border-radius: 50%;
border-right-color: transparent;
height: 15px;
width: 15px
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@media (min-width: 768px) {
.formModal-dialog {
width: 440px
}
.form-inline .button,
.form-inline button {
width: auto
}
}
.button {
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 600;
margin: 0 auto;
padding: 11px 50px;
text-align: center;
text-decoration: none
}
.button:hover {
text-decoration: none
}
.button.lead {
background-color: #5aaa28;
color: #fff;
margin-bottom: 0;
text-align: center;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400
}
.button.lead:hover {
background-color: #65bf2d;
color: #fff
}
.button.learning {
background: #fff;
border: 3px solid #0dcfd9;
color: #333;
padding: 12px 20px
}
.button.learning:hover {
background-color: #0dcfd9;
color: #fff
}
.button.leaving {
background-color: #f6b100;
color: #fff
}
.button.leaving:hover {
background-color: #ffbc11;
color: #fff
}
.subnav .button {
padding: 8px 15px
}
.imacBanner {
background-repeat: no-repeat;
background-size: cover;
color: #fff;
font-family: Raleway, Helvetica, Arial, sans-serif;
background-image: url(collaboration-2.jpg);
background-position: right center;
height: 250px;
overflow: hidden;
padding: 50px 0
}
.homepage .imacBanner{
height: 400px;
}
.imacBanner-withCta {
height: 340px
}
.imacBanner-container {
margin-right: auto;
margin-left: auto;
padding-left: 25px;
padding-right: 25px;
max-width: 1280px;
-webkit-animation: fadein 1s;
animation: fadein 1s
}
.imacBanner-container:after,
.imacBanner-container:before {
content: " ";
display: table
}
.imacBanner-container:after {
clear: both
}
@media (min-width: 768px) {
.imacBanner-container {
width: 770px
}
}
@media (min-width: 992px) {
.imacBanner-container {
width: 990px
}
}
@media (min-width: 1280px) {
.imacBanner-container {
width: 1280px
}
}
.imacBanner-textRow {
margin-left: -25px;
margin-right: -25px
}
.imacBanner-textRow:after,
.imacBanner-textRow:before {
content: " ";
display: table
}
.imacBanner-textRow:after {
clear: both
}
.imacBanner-headlineLarge,
.imacBanner-headlineMedium,
.imacBanner-headlineSmall {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
@media (min-width: 768px) {
.imacBanner-headlineLarge {
float: left;
width: 58.33333%
}
}
@media (min-width: 768px) {
.imacBanner-headlineMedium {
float: left;
width: 50%
}
}
@media (min-width: 768px) {
.imacBanner-headlineSmall {
float: left;
width: 41.66667%
}
}
.imacBanner-headline {
color: #FFF;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 2.8rem;
font-weight: 700;
line-height: 1.1em;
margin: 0;
text-transform: uppercase
}
.homepage .imacBanner-headline{
font-family: Raleway, Helvetica, Arial, sans-serif;
color: #333;
font-size: 2.8rem;
}
.imacBanner-textContainer {
border: 3px solid #fff;
margin: 0 auto;
padding: 15px;
position: relative
}
.imacBanner-buttonRow {
margin-left: -25px;
margin-right: -25px;
padding-top: 20px
}
.imacBanner-buttonRow:after,
.imacBanner-buttonRow:before {
content: " ";
display: table
}
.imacBanner-buttonRow:after {
clear: both
}
.imacBanner-button {
position: relative;
min-height: 1px;
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
margin: 0 auto 0 20px;
text-align: center;
text-decoration: none;
background-color: #c40022;
color: #fff;
font-weight: 600;
padding: 8px 20px
}
@media (min-width: 768px) {
.imacBanner-button {
float: left;
width: 25%
}
}
.imacBanner-button:hover {
text-decoration: none;
background-color: #ab001e;
color: #fff
}
.imacBanner-buttonIcon {
-webkit-text-stroke: 1px #fff;
color: #fff;
float: right;
margin-top: 3px
}
.imacBanner-line {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #fff;
display: block;
height: 45rem;
position: absolute;
width: 3px
}
.imacBanner-line.left-top {
left: -3px;
top: -2px;
-webkit-transform-origin: 1px 0;
transform-origin: 1px 0
}
.imacBanner-line.left-bottom {
left: -2px;
top: 100%;
-webkit-transform-origin: 1px 0;
transform-origin: 1px 0
}
.imacBanner-line.right-bottom {
left: 100%;
top: 100%;
-webkit-transform-origin: -1px 2px;
transform-origin: -1px 2px
}
@media only screen and (max-width: 991px) {
.imacBanner {
height: 250px;
padding: 50px 15px
}
.imacBanner-withCta {
height: 300px
}
.imacBanner-button {
font-size: 1.2rem
}
}
@media only screen and (max-width: 767px) {
.imacBanner {
background-blend-mode: color;
background-color: #000;
background-image: none;
height: 270px;
padding: 50px 15px
}
.imacBanner-withCta {
height: 330px
}
.imacBanner-button {
margin-left: 20px;
width: 70%
}
.homepage .imacBanner-headline{
color: #fff;font-size: 2rem;
}
}
.ceiling-dropdownMenu a.ceiling-dropdownMenu-link {
color: #fff;
display: block;
padding: 6px 13px;
text-decoration: none
}
.ceiling-dropdownMenu-gray a.ceiling-dropdownMenu-link:hover {
background-color: #737373;
color: #fff
}
.ceiling-dropdownMenu-green a.ceiling-dropdownMenu-link:hover {
background-color: #65bf2d;
color: #fff
}
.subnav-item-active a.subnav-link-active {
color: #fff
}
.nav>li>a:focus {
background-color: transparent
}
.nav>li.no-hover>a:focus {
background-color: #5aaa28
}
.footer li a:focus {
color: #b8b8b8;
text-decoration: none
}
.footer li a.active {
color: #b8b8b8
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border: 0
}
.navbar-chaticon.chat_hidden {
display: block
}
.navbar-chaticon.chat_hidden::after {
color: #4c4c4c
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-dropDownMenu>li.navbar-dropDownItem>.navbar-dropDown-triggerActive {
background: #4c4c4c
}
.navbar-dropDownMenu>li.navbar-dropDownItem>.navbar-dropDown-triggerActive:focus,
.navbar-dropDownMenu>li.navbar-dropDownItem>.navbar-dropDown-triggerActive:hover {
background-color: transparent
}
}
@media screen and (max-width: 767px) {
.navbar-dropDownMenu>li.navbar-dropDownItem>.navbar-dropDown-triggerActive:focus,
.navbar-dropDownMenu>li.navbar-dropDownItem>.navbar-dropDown-triggerActive:hover {
background-color: #4c4c4c
}
.navbar-nav .navbar-topLink-dropDown.navbar-topLink:hover {
background-color: #333
}
}
.basement-flag-icon,
.regionSelector-flag-icon {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAH0CAYAAAA9ug07AAAPa0lEQVR4nO2dC3QVxRnHxyPYarXWR42nCvZUq1bAECDECiJIOVWPniq1lHp8tOqBm8rjgA1asPgAi2D1yEFpIWJ9nWp9FEVKTQAlJIb4wEBCQgivABFuEvIwYAiB8HX/c+9sZmdn773Zu+pe2TnnY+fuzvz2m2++mdnHl4X1+s08iif5Z41MWBgqIMXbJprYV6JhLO38oaG/bdit0yeiYXfOHmj49WnoqQTA4wK48fbZdKS+gY51dtKrK2spa0IRpYfWUvr4AuofKqDPtrTQp7+cygV57OufvZZvURZ1mjZspw1jZlLDihJi+FE6egbVPr+CkHaH22j8kxs5NMOoqAUagjK797TQtkdfoqopz9DR1lZqa+8kdtODH9PHFU1UM/8tfpZDNWEOxpmvnFxkA2IfjjV/tJmX3//BBl4eDLBYRiii/mMvV1NDxW6u7a5n3uYm2Nd4iIsAIg+ttj64hLbcv4g62w7RgbYjvG7/qIkYVBcyc0kVhY1KaD4qoQKSAHY0tvLmQTukuqbDvI7MYI0FGymelFw5jguaF68sW3X+NeSlmBrGOrvQMF45rqHOhkiwE+wFuwkbIsGusC/sjLI2G2ZE/Q09hR5DBfQgKqFHw1Ivh6O9Dg+AJ8Aj4Bm8l6P+afohEpoD34J28fwQUPgsysOHTT+Ed8PL0Tx4PbSC6jjbAN1IMfZhPx8pxqhCQvOhLUYdw/jDWfBDjGWhPpxVBYqBII9laIv5APNCCkxfAdCHQPhOfXEFTX6qlA9B/P7k3YhjYx9+Y+Tgt+mDhn+ibEZ0beFrjJhg756znldq+rCclq/YagJFfn9xJaFMeqirMkCzcivMkwgwyrAly3cRZP1ne7kmGJd7Xy/geewTx1FJrISAFZTu74JGNcSWN1kIYCKP2UQ+JoBCGwETIo4zqImDe0uqaf9HVVT9vw205bk8nsc+HBPNFU3lmqLpIan5UVOw4ve3UXPxJq4Fph/YT+TRWcijTOaEQltTdc1nVSvLeSWcFZr8dWGppYnm8VBXU+UeHpWzrusE0HBAdH6T7ZEeUlwi1GU7aCp+Cxi24jgT/iMbe+L88i4wrnOkE5jbUJeGvDUhAZR6CSBMmMImoiAqoyKvFO0Ms6el5mM/k51SGBhQrqUorFS6emqxtTPkkZIRPaPoFIAs2mVrmiuNFss+aJiujMsMqUkqoL9yTD5hRnZhxA/9P30FQB8CjUROQkWSFHblw4MZ1UUlnBn5XZ8V2cYGFjoDBVTAIHVZ8YAqLLoVIFNTAYyroUY75EVzBUQ+QXxgoSRFXRrWSXaTbRrfhiqw0KqZrGH3mxwFh6N2q1M6xx1Q6mXR5LqsRJus0U5usnAX4TKJAxWoasN6VxpKeZ27CE0THykSVNfLiWuo0dIylhUtU2D6CoA+BKo+JfJyqs+y+5w6y4g8M3dmWcemnHTDTKeECVQ1UDV0GhlixZPXFaZO53XRrZOGulm6TprOmNPMq2qo01KGmTM2eZxSAKi6QSy3Ue2HXpbdjneKk2/JSe0A2U3kE5hAm4Nm6ntZd2LbuiwflAvbgFLzkFfB9VkaDU3n1oxlAVR9Vl30U2D6CoA+BMa6tnEpxx1w6aALyEthulnDthI6TAhmeWnFtFw5yADtjY18cmVNNm/N5DVVN9XX65ZZWStl9mYbQpeQKqXjL9bmY+0Twmw3iOqNjnoXoLkrkLdMe7ekVlAqOd3p24E6qNPJ1JNEjzs3WaelDq7USYHpKwD6EKhejulu/c2ZJct+x6BOa+YFp+NlGi6SRl1CDb/KcpziLA+C1PnOBEe3jb8bxV/AHqmqoPDw3pZ5UN2a9ynqJZ3czIML5nEg3p9yoGZWl7Vl4uJRVrtp3BiqH3YObyqAhz9dx4HY3778P9S+ZjXXXDcZM5vNDEHz8AIVAuCRnVup9ZEc/kIVcKQjleXaGZ7J07jYeej1V3glVO4oK6WWnHEcCO06Ow7zrU7DusHKImXa5IqeHNL2Si6X1ice4QKt0GzVdpZL4lj3cby5RjMh0FrYErZ1Wnod7wLQKWgu7AcgNERzkdB8eTmtl1c93fIpehoAuAzy2A8Q9sF+ujtSU0N5aFmGnOF33H2Ew6OphsiOrPqw7RGB/GxQvtTQ3W3J9Uy38f/0FQB9CNRNlPLsbbvsVfxRXV+Yuuiozq06eqxFrc4ylh0ekAlNnRYxtVVMPYNujlO1tlxfK3BWuXYNeSnoGU9TCgCfXbaNvBR29jwinaSp++bGOR4VGzBNKuxUyekkFmCaAlB/a1ugBc61a6QDWfZpQCaQfD99BUAfAuW4L8SAiDAtxJCIuC+Eaom4EDNERhI52iXhuC854ARRLIhz0kW9JBz3JWuGk2/JTONbi6bQ0CnuS86bQVFSWJbQUASXmVGmokA4RtyXHLADrcwoqvEFln08gCdW3Fe4cJMZ9zXo3kKzqSgvAn/k5lvivoQNRNxXejSaChqL43JT5Ug1U2t0SkZIChsKWcOMREibsBP2QVM5XDBdyTPZoCIySvSoGsMkxy+ZYYJSEBoPFzSDnRDEFFprO7scwKgGnMnNN4Px5EKWCCpeqJDU4wiLQ9yXpTNE0+VAMrlZXH1hPzkUK9pRAxw6KMPslGxrfJzoYdGUiOELI/ZSxq6qTApMXwHQh8CeN1xIkNDcB2h3zQ7aOG2S/ZZBcxcgPzCSb01MIKTXrVfQyuJ8qli90nLnXqe5H1GfwJt3AfnLGZ17889IBsva6h62OT1I4xqOHX0CHaxhNHpqGqnarikpog3575jPvGxAzT0Lf0FzbtqpBE1jabu9bGNCYnnj46Rtd8T2CglQamA0/mGWPNAzDePZcMeuPVS2eSeVb64xt3Je3he3l/NKtlDmU522C3envKMfQqsHXqyxVdJt5VsQ7UgRWsW6V1FBYh9LRCv5/kTdp0JTYPoKgD4E2mbg6LPVm//mThyfLCUNVB+UJQXUPRzzvMkfb1vpSpi6FApxm2yvkDwFyvZ0DXR6n7Js2TJX4mhD15EYTm6TFFB3AeQa6PRs2jWQfD99BUA/AluNrYcSAP0IZOPeJU/F/8BpIyaQl8Iaz7+IvJQUAKbA9BUA/QdkuVdSTFk0lEuPxUMi+XjlYx5cOIz6/SuDlm44gwvy2BcT7ASCRve+9xOq2nwK7Sg4i2oKz+T5mYXn0SnRMokBJa3W551DI6+9jdiPptPJF07ieewrqTyVl+nxj6F2bXVa7d1+Eh37/DSaNH0aDb7uSS5nDHiMg3v3mUS71p9ODbU9aPb7vegHz/3cqi3+AeiGpZdxraiW8UdVq95Mp8F3LeQydvrzdM+cl/kW4Nlzs3gZlIW2qGsD5q47JwKLAhc8nWE2FduefWZwTW+a8Rq99NqYrrKGQBFbk2Fo0QkAwlaA9Lh0Ht9CBHjd6kG8DEyDOrzZNhvCuIYtzn1hMNcWNkTTABECePbUG+nQzhOc3UjryEYh2AX2eWNBX7r9ztFckEcLoBUH6VzHaXTAJYS26FFIQs4db9jBPnBmCLdVvOEXd2x2V/w/fQVAHwJ73n0t6eTRdyKRprpU98jDVH4i00oAtAM7Otpoz8ZV/EWNJ8D62jJaEBpEt1zKaMUbi5IDHmyooS2b8ij3z3fRxDEjOBAauwZCu5c/yKNZLz5Fs+Y/TCXr86LAh9wBEZVbWfMZ1wywxuZ93vSyiM32p9t880Dy/fQVAH0I/NObO8lLOR6BlEA6ZMyDmL3lKcwpxQUCVvXWFC4HwtuSB2IZKH/mci5Y/fynIVLbwQPU3ro/kaKp4Db+B5Lvp68A6ENgrK+fu0lfHRDPYxAWgwc/SQMBaTSmKKQl//3UGw2hHeTWWa/7zIYP9B1FToLbh+4Kc7q0dSsB0I9A8v30FQB9CCy+uD+pUnjexRQvoYyu7rcEeOhwOxdPgHhWszjvJS6lO8uSA1Y31tLUJY/SxBf+yZ8u3f/3yebq6Ar4XlkBjZ1+C3/zg+dfyK/Zui45DQEpyhlI74/px199YF9SNoSW0A6CoNukOwU3jLjxaYvazp9++M0CyffTVwD0I7CVUXPLNVw8CTHa3TiQlt73U/7es3pHv+SBgOA5/+gbf035BX28iarC225o6EmT8Q7ZS2F4ZR5LxEt/IfHKOwIRLTD2DwsoY0gkcgCCPPYh323g9b9fSGf3y7Htxz4ccwROOiuLvJQUuAvwPzAFpq8A6D+g0wdHnILndd/5sgTXy59BUf+e0Qno6rvECWmZ6HeJY8G0v+XvEjdnD6fm0HBqClm3sjQp+y2/lfroGU9TCgCbJDs0K3bRSZPG3ibDEO13iR3F7XeJY/me6+8S24DJfpfYBk32u8RGBZs4lZXl6wO6lQD4Na0pnnzr/itbU+Tkek1x+kPAhNYU3Xf5Ymloa4lSX/vXcIkkp6kuRYCx/vsSFWLxwUx7Pcdv3WuBXqwpcvJsTZGb5581xa0EwOMCaPG3gZKvDTC2mc6OHne2CacbznmVsc2IgFvuM34PsZ4kMSC0uIJR41hG7fmMmicaoKGMGkYZ+VDkJN3RlNUNimTaV0TMcLTKgBiw8OWMmu5wA0Rz+zD6YgajjlJGX+Yav/tGpqeWKQZwuAsgKtQPi9hLaNSSY+RHdL9junp5ULRy1AS8Q7rZw1agKi5cJjbQpQRAD4D+n74CoA+Bq4uq6Bdj58d9JJ+ogEqV1ftowoP/prT0ad4A8dqi9WA7LXn1Qxp43RwPgFL68JPtNCaU6wGw/SEzW7uvmWbPX0EXDZnpEggY3thI0GPHjtGy/DIa+dunuwkUMCEC2ho5197KbfTalDmJv61w0tBQkb54eyltHza024/ubTbs2LOHR5lVXXC+q3cBlvRlUSHtGn1TUi8XeHM7W1upcfEi2np536TfVlB7xSb6PHs8VZzx/eRffxxYtZJ2XH2Vpy9oPBXvgZ7PhwHQA+CigeSlHJfAOOnzcAvdMm4xnX7pFL7F71gpLvCGO5+lx5/No8MdR/n25nsWJQf8Yb8cOvBlO1+AGhoPUK/M6d5oCKgnGgobQtOEbHjm498hL+V4BJL/p68A6D+gfF1ScerJtPP6a5O61jGBlWeeblyFVdDRlhaq7ncZVZx2inH1OoQ2nXySO2D4LzMIqf6x2bTpe9+lvZMn0o6RI/hlXvlJJ3Yf2PBE5K899t2fw3/vnfBHqjGav+eO29xpWH3ZJdTZ1kbtVVXcllU/7k1bB/anqt7nuQMKKDRFc2FDV52Cv5b2Uhh5nAKgT4E+n74CYAAMgAEwAAbAAPjtBf4fUMXs84DdvFEAAAAASUVORK5CYII=)
}
.cta {
text-align: center
}
.cta-headerWrapper {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
@media (min-width: 992px) {
.cta-headerWrapper {
float: left;
width: 100%
}
}
.cta-button {
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 600;
margin: 0 auto;
padding: 11px 50px;
text-decoration: none;
background-color: #5aaa28;
color: #fff;
text-align: center;
display: table
}
.cta-button:hover {
text-decoration: none;
background-color: #65bf2d;
color: #fff
}
.cta-buttonWrapper {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 3px
}
@media (min-width: 992px) {
.cta-buttonWrapper {
float: left;
width: 100%
}
}
.cta-buttonWrapper a:focus {
text-decoration: none
}
.cta-iconWrapper {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
@media (min-width: 992px) {
.cta-iconWrapper {
float: left;
width: 100%
}
}
.cta-row {
margin-left: -25px;
margin-right: -25px
}
.cta-row:after,
.cta-row:before {
content: " ";
display: table
}
.cta-row:after {
clear: both
}
.cta-subheadWrapper {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
@media (min-width: 992px) {
.cta-subheadWrapper {
float: left;
width: 100%
}
}
.cta-subheadWrapper .cta-subhead {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 400;
letter-spacing: .05em;
margin: 13.5px 0
}
.cta-subheadWrapper a {
text-decoration: underline
}
.river {
padding: 12px 0
}
.bottom {
bottom: 0;
height: 10%;
position: absolute;
right: 0;
width: 100%
}
.modal-no-header .close {
padding: 5px 10px;
position: absolute;
right: 0;
top: 0;
z-index: 999
}
.circle {
background-color: #fff;
border: 2px solid #2a2a2a;
border-radius: 50%;
display: inline-block;
margin-bottom: 15px;
padding: 10px
}
.border-white {
border: 1px solid #fff;
padding: 35px
}
.river-light .pattern-header {
color: #2a2a2a
}
.river-dark .pattern-header {
color: #fff
}
.flex-center-all {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.ceiling {
background: #fff;
border: 0;
border-radius: 0;
display: none;
font-size: 10px;
font-weight: 600;
margin: 0;
min-height: 27px;
text-transform: uppercase
}
@media screen and (min-width: 992px) {
.ceiling {
display: block
}
.ceiling-container {
margin: 0 auto;
max-width: 1280px;
padding: 0;
width: 100%
}
}
.ceiling-menuInline {
list-style: none;
margin-bottom: 0;
margin-left: -5px;
padding-left: 0
}
.ceiling-menuInline-item {
border-right: 1px solid #b8b8b8;
display: inline-block;
font-weight: 400;
margin: 8px 0;
padding: 0 8px
}
.ceiling-menuInline-item:last-child,
.ceiling-menuInline-itemPartners {
border: 0
}
.ceiling-menuInline-link {
color: #4c4c4c;
cursor: pointer;
font-size: 10px;
line-height: 16px;
text-decoration: none;
vertical-align: middle
}
.ceiling-menuInline-link:hover {
color: #4c4c4c;
text-decoration: underline
}
.ceiling-menuInline-noLink {
line-height: 16px;
vertical-align: middle
}
.ceiling-menuContact {
float: left
}
.ceiling-menuContact:first-child {
margin-left: 0
}
.ceiling-menuNav {
float: right;
width: auto
}
.ceiling-menuNav:last-child {
margin-right: 0
}
.ceiling-dropdown {
border: 0;
padding: 0;
position: relative
}
.ceiling-dropdown::after {
content: ''
}
.ceiling-dropdown.open>.ceiling-dropdownMenu {
display: block
}
.ceiling-dropdownMenu {
border-radius: 0;
color: #fff;
display: none;
left: auto;
list-style: none;
margin: 2px 0 0;
padding: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 1000
}
.ceiling-dropdownMenu-item {
color: #fff;
font-size: 10px;
margin: 0;
padding: 0
}
.ceiling-dropdownMenu-gray {
background-color: #666
}
.ceiling-dropdownMenu-green {
background-color: #5aaa28
}
.ceiling-dropdownToggle {
color: #fff;
font-size: 10px;
line-height: 20px;
padding: 6px 12px;
text-decoration: none
}
.ceiling-dropdownToggle:active,
.ceiling-dropdownToggle:focus,
.ceiling-dropdownToggle:hover {
color: #fff;
text-decoration: none
}
.ceiling-dropdownToggle::after {
content: '\f0d7';
font-family: FontAwesome;
margin-left: 5px
}
.ceiling-dropdownToggle-green {
background-color: #5aaa28
}
.ceiling-dropdownToggle-green:active,
.ceiling-dropdownToggle-green:focus,
.ceiling-dropdownToggle-green:hover {
background-color: #65bf2d
}
.ceiling-dropdownToggle-gray {
background-color: #666
}
.ceiling-dropdownToggle-gray:active,
.ceiling-dropdownToggle-gray:focus,
.ceiling-dropdownToggle-gray:hover {
background-color: #737373
}
.ceilingLp {
background: #fff;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
line-height: 47px
}
.ceilingLp-brand {
background-color: #4c4c4c;
background-image: url(adventlogo.svg);
background-position: 9px 10px;
background-repeat: no-repeat;
background-size: 111px 29px;
float: left;
height: 50px;
margin: 0;
position: relative;
width: 127px
}
.ceilingLp-pageTitle {
float: left;
margin: 0 0 0 20px
}
@media only screen and (max-width: 767px) {
.ceilingLp-pageTitle {
display: none!important
}
}
.ceilingLp-brand-logo {
display: block;
height: 100%;
max-width: 100%
}
.ceilingLp-container {
padding: 0
}
.ceilingLp-menuInline {
list-style: none;
margin-bottom: 0
}
.ceilingLp-menuInline-item {
display: inline-block;
font-size: 1.4rem;
font-weight: 600;
margin: 0;
padding: 0 8px;
text-transform: uppercase
}
.ceilingLp-menuInline-link {
color: #333;
text-decoration: none;
vertical-align: middle
}
.ceilingLp-menuInline-link:hover {
color: #333;
text-decoration: underline
}
.ceilingLp-menuInline-noLink {
vertical-align: middle
}
.ceilingLp-phone {
float: right
}
.extLink::after {
content: '\f08e';
display: inline-block;
font-family: FontAwesome;
margin-left: 5px
}
.extLink-small::after {
font-size: .8em
}
.main-nav {
background: #333;
border: 0;
border-radius: 0;
margin: 0
}
.main-nav .navbar-menuContainer {
border: 0;
max-height: none;
padding: 0
}
.navbar-nav .navbar-topLink {
color: #fff;
display: block;
line-height: 2.1rem;
padding: 21px 10px;
text-decoration: none
}
.navbar-nav .navbar-topLink:focus,
.navbar-nav .navbar-topLink:hover,
.navbar-nav .navbar-topLink:visited {
background: #4c4c4c
}
.navbar-nav .navbar-topItem {
font-size: 1.3rem;
font-weight: 400;
text-transform: uppercase
}
.navbar-nav .navbar-topItem.open>.navbar-topLink {
background: #4c4c4c
}
.navbar-nav .navbar-topItem .navbar-dropDownLink,
.navbar-nav .navbar-topItem .navbar-tertiary-dropDownLink {
color: #fff;
font-size: .95em;
line-height: 1.5em;
padding: 6px 15px;
text-decoration: none;
text-transform: none
}
.navbar-nav .navbar-topItem .navbar-dropDownLink:focus,
.navbar-nav .navbar-topItem .navbar-dropDownLink:hover,
.navbar-nav .navbar-topItem .navbar-dropDownLink:visited,
.navbar-nav .navbar-topItem .navbar-tertiary-dropDownLink:focus,
.navbar-nav .navbar-topItem .navbar-tertiary-dropDownLink:hover,
.navbar-nav .navbar-topItem .navbar-tertiary-dropDownLink:visited {
background-color: transparent
}
.navbar-nav .navbar-topItem .navbar-dropDownLabel {
color: #b8b8b8;
font-size: .95em;
line-height: 1.5em;
margin: 0;
padding: 6px 15px;
text-decoration: none;
text-transform: uppercase;
width: 100%
}
.navbar-nav .navbar-topItem .navbar-dropDownLabel:focus,
.navbar-nav .navbar-topItem .navbar-dropDownLabel:hover,
.navbar-nav .navbar-topItem .navbar-dropDownLabel:visited {
background-color: transparent
}
.navbar-dropDown-trigger {
display: block
}
.navbar-dropDown-trigger::after {
content: '\f0da';
font-family: FontAwesome;
position: absolute;
right: 10px;
top: 8px
}
.navbar-container {
margin: 0 auto;
max-width: 1280px;
padding: 0
}
.navbar-footer {
bottom: 0;
position: fixed;
width: 100%
}
.navbar-footerLink {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.45em;
text-align: left;
color: #fff
}
.navbar-menu {
float: right;
width: auto
}
.navbar-dropDownMenu {
background: #4c4c4c;
border: 0;
border-radius: 0;
min-width: 230px;
padding: 0
}
.navbar-dropDownItem {
position: relative
}
.navbar-dropDownItem:hover {
background-color: #666
}
.navbar-tertiary-dropDownMenu {
background-color: #666;
border: 0;
box-shadow: none;
left: 100%;
margin: 0;
padding: 0;
position: absolute;
top: 0
}
.navbar-tertiary-dropDownItem:hover {
background-color: #737373
}
.navbar-dropDownSub {
position: relative
}
.navbar-dropDownSub>.navbar-dropDown-trigger::after {
content: '\f0da';
float: right;
font-family: FontAwesome
}
.navbar-brand {
background-color: #4c4c4c;
background-image: url('logo.png');
/*background-position: 10px 14px;*/
background-repeat: no-repeat;
/*background-size: 140px 36px;*/
background-size: 182px 64px;
height: 63px;
position: relative;
width: 184px
}
.navbar-search {
background-color: #4c4c4c;
display: none;
overflow: auto;
padding: 10px
}
.navbar-searchContainer {
float: right;
width: 300px
}
.navbar-chaticon,
.navbar-hamburger,
.navbar-phoneicon,
.navbar-searchicon {
text-align: center
}
.navbar-chaticon::after,
.navbar-hamburger::after,
.navbar-phoneicon::after,
.navbar-searchicon::after {
color: #fff;
display: none;
font-family: FontAwesome;
line-height: 1vw;
padding: 30px 0
}
.navbar-hamburger::after {
content: '\f00d';
font-size: 5.5vw
}
.navbar-hamburger.collapsed::after {
content: '\f0c9'
}
.navbar-phoneicon {
float: right;
font-size: 0
}
.navbar-phoneicon::after {
content: '\f10b';
font-size: 7.5vw
}
.navbar-chaticon {
float: right
}
.navbar-chaticon::after {
content: '\f086';
font-size: 6.5vw
}
.navbar-searchicon {
float: right;
width: 12px
}
.navbar-searchicon::after {
content: '\f002';
display: inline-block;
font-size: 1.25rem;
line-height: 0;
margin-right: 25px
}
.navbar-activeArrow {
border-bottom: 10px solid #4c4c4c;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
bottom: -1px;
display: none;
margin: auto;
position: absolute;
width: 0
}
.navbar-searchInput {
border: 1px solid #dedede;
font-size: 1.25rem;
outline: 0;
padding: 3px;
width: 72%
}
.navbar-searchButton {
float: right;
font-size: 1.2rem;
margin: 0;
opacity: .7;
padding: 6.5px;
width: 28%
}
.contentOffset {
margin-top: 98px
}
.contentOffset-landingPage {
margin-top: 50px
}
@media only screen and (min-width: 768px) {
.navbar-searchicon {
margin-left: 12px
}
.navbar-activeArrow {
margin: 0 0 0 -5px
}
}
@media only screen and (min-width: 992px) {
.navbar-topLink-dropDown::after {
content: '\f0d7';
font-family: FontAwesome;
margin-left: 10px
}
}
@media only screen and (max-width: 991px) {
.navbar-nav .navbar-topItem {
font-size: 1.07rem
}
.navbar-nav .navbar-topItem .navbar-dropDownLabel,
.navbar-nav .navbar-topItem .navbar-dropDownLink,
.navbar-nav .navbar-topItem .navbar-tertiary-dropDownLink {
font-size: .8em;
padding: 7px 15px 7px 25px
}
.navbar-nav .navbar-topItem .navbar-dropDownLabel {
padding-bottom: 1px
}
.navbar-nav .navbar-topLink {
padding: 21px 8px
}
.navbar-container {
max-width: 992px
}
.contentOffset {
margin-top: 63px
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar-menu {
float: left
}
.navbar-topLink-dropDown::after {
content: '\f0d7';
font-family: FontAwesome;
margin-left: 3px
}
.navbar-dropDown-trigger::after {
content: '\f0d9';
left: 10px
}
.navbar-dropDownMenu {
left: initial;
right: 0
}
.navbar-tertiary-dropDownMenu {
right: 100%
}
}
@media only screen and (max-width: 767px) {
.navbar-dropDown-trigger::after,
.navbar-topLink-dropDown::after {
content: '\f0da';
font-family: FontAwesome;
margin-left: 10px
}
.navbar-dropDown-triggerActive {
display: block
}
.navbar-dropDown-triggerActive::after {
content: '\f0d7';
top: 6px
}
.navbar-nav {
margin: 0 0 7.5px
}
.navbar-nav .navbar-topItem {
font-size: 1.45rem
}
.navbar-nav .navbar-topItem .navbar-dropDownLabel,
.navbar-nav .navbar-topItem .navbar-dropDownLink,
.navbar-nav .navbar-topItem .navbar-tertiary-dropDownLink {
border-bottom: 1px solid #4c4c4c;
font-size: 1.45rem
}
.navbar-nav .navbar-topItem .navbar-dropDownMenu {
background: #333
}
.navbar-nav .navbar-topItem .navbar-tertiary-dropDownMenu {
background-color: #666
}
.navbar-nav .navbar-tertiary-dropDownItem:hover {
background-color: transparent
}
.navbar-nav .navbar-topLink {
height: 50px;
padding-top: 15px
}
.navbar-brand {
position: relative;
float: left;
width: 33.33333%;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
background-position: center;
background-size: 100px 36px
}
.navbar-activeArrow {
left: 0;
right: 0
}
.navbar-searchContainer {
margin-right: auto;
width: 100%
}
.main-nav .navbar-chaticon,
.main-nav .navbar-hamburger,
.main-nav .navbar-phoneicon,
.main-nav .navbar-searchicon {
position: relative;
float: left;
width: 16.66667%;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
border-left: solid 1px #4c4c4c;
height: 63px
}
.main-nav .navbar-chaticon::after,
.main-nav .navbar-hamburger::after,
.main-nav .navbar-phoneicon::after,
.main-nav .navbar-searchicon::after {
display: inline-block
}
.main-nav .navbar-searchicon {
float: left
}
.main-nav .navbar-searchicon::after {
font-size: 5vw;
line-height: 1vw;
margin: 0
}
.main-nav .navbar-chaticon {
border-left: 0
}
.main-nav .navbar-menu {
float: left;
width: 100%
}
.navbar-dropDownItem:hover {
background: 0 0
}
}
.rug {
background-color: #333;
border-bottom: 1px solid #4c4c4c
}
.rug-chat-text {
padding: 15px 0 0 5px
}
.rug-container {
padding: 15px 0
}
.rug-container .fa-3x {
font-size: 2.5em
}
.rug-container .fa-4x {
font-size: 3.5em
}
.rug-email-text {
padding: 15px 0 0 5px
}
.rug-head {
color: #fff;
margin: 0
}
.rug-icon {
color: #fff;
margin-left: 15px
}
.rug-link {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.45em;
text-align: left;
color: #fff;
font-size: 1.5rem;
text-decoration: none
}
.rug-link-hover:focus,
.rug-link-hover:hover {
color: #fff;
text-decoration: underline
}
.rug-phone-text {
color: #fff;
float: left;
font-size: 1.35rem;
line-height: 1.5rem;
padding: 7px 20px
}
.rug-subhead {
color: #fff;
font-size: 4.25rem;
line-height: 3.25rem;
margin: 0
}
.footer {
background-color: #333
}
.footer-container {
margin-right: auto;
margin-left: auto;
max-width: 1280px;
padding: 0
}
.footer-container:after,
.footer-container:before {
content: " ";
display: table
}
.footer-container:after {
clear: both
}
@media (min-width: 768px) {
.footer-container {
width: 770px
}
}
@media (min-width: 992px) {
.footer-container {
width: 990px
}
}
@media (min-width: 1280px) {
.footer-container {
width: 1280px
}
}
.footer-menu {
list-style: none;
margin: 0;
padding: 0
}
.footer-menu-item {
line-height: 20px;
list-style: none
}
.footer-menu-link {
color: #b8b8b8;
font-size: 1.2rem;
text-decoration: none
}
.footer-menu-link:focus {
text-decoration: none
}
.footer-menu-link:focus,
.footer-menu-link:hover {
color: #b8b8b8
}
.footer-menu-split {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.footer-tabs {
list-style: none;
margin-bottom: 25px;
padding: 0
}
.footer-tab-link {
color: #fff;
font-size: 1.3rem;
text-decoration: none;
text-transform: uppercase
}
.footer-tab-link:focus,
.footer-tab-link:hover {
color: #fff;
cursor: default;
text-decoration: none
}
@media only screen and (max-width: 767px) {
.footer {
padding: 0
}
.footer .panel-body {
border-top: 0;
margin-bottom: 0;
padding: 0
}
.footer .panel-body a {
color: #b8b8b8
}
.footer .panel-default {
border: 0
}
.footer .panel-group .panel+.panel {
margin-top: 0
}
.footer .panel-heading {
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 0
}
.footer .panel-title {
background-color: #333;
border-bottom: 1px solid #404040;
padding-left: 0;
padding-right: 0;
text-align: center
}
.footer .panel-title a {
color: #fff
}
.footer-menu {
text-align: center
}
.footer-menu-item {
margin: 0
}
.footer-menu-link {
background-color: #404040;
display: block;
margin: 0;
padding: 15px
}
.footer-menu-link:hover {
background-color: #474747
}
.footer-menu-split {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1
}
.footer-tabs {
margin-bottom: 0
}
.footer-tab-link {
display: block;
padding: 15px
}
.footer-tab-link:hover {
cursor: pointer
}
}
.basement {
padding: 20px 25px 10px
}
.basement-container {
margin-right: auto;
margin-left: auto;
max-width: 1280px;
padding: 10px 0
}
.basement-container:after,
.basement-container:before {
content: " ";
display: table
}
.basement-container:after {
clear: both
}
@media (min-width: 768px) {
.basement-container {
width: 770px
}
}
@media (min-width: 992px) {
.basement-container {
width: 990px
}
}
@media (min-width: 1280px) {
.basement-container {
width: 1280px
}
}
.basement-copyright {
color: #666;
text-align: center
}
.basementLp-copyright {
color: #b8b8b8;
margin-top: 5px;
text-align: right
}
.basement-flag-icon {
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
height: 15px;
margin: 0 0 0 5px;
position: relative;
top: 4px;
width: 20px
}
.basement-flag-argentina {
background-position: 0 -280px
}
.basement-flag-australia {
background-position: 0 -40px
}
.basement-flag-austria {
background-position: 0 -360px
}
.basement-flag-brazil {
background-position: 0 -240px
}
.basement-flag-chile {
background-position: 0 -300px
}
.basement-flag-china {
background-position: 0 -400px
}
.basement-flag-colombia {
background-position: 0 -220px
}
.basement-flag-germany {
background-position: 0 -100px
}
.basement-flag-hk,
.basement-flag-hongkong {
background-position: 0 -120px
}
.basement-flag-in,
.basement-flag-india {
background-position: 0 -440px
}
.basement-flag-mexico {
background-position: 0 -260px
}
.basement-flag-netherlands {
background-position: 0 -140px
}
.basement-flag-peru {
background-position: 0 -320px
}
.basement-flag-ph,
.basement-flag-philippines {
background-position: 0 -420px
}
.basement-flag-sa {
background-position: 0 -180px
}
.basement-flag-sg,
.basement-flag-singapore {
background-position: 0 -460px
}
.basement-flag-switzerland {
background-position: 0 -380px
}
.basement-flag-uae {
background-position: 0 -200px
}
.basement-flag-uk,
.basement-flag-unitedkingdom {
background-position: 0 -20px
}
.basement-flag-unitedstates,
.basement-flag-usa {
background-position: 0 0
}
.basement-flag-venezuela {
background-position: 0 -340px
}
.basement-region-select {
font-size: 1.2rem
}
.basement-iconList {
list-style: none;
margin-left: -5px;
padding-left: 0
}
.basement-iconListItem {
float: left
}
.basement-iconBg {
color: #fff;
display: inline-block;
font: 1.83em FontAwesome;
text-rendering: auto;
top: .5px
}
.region-select {
text-align: center
}
.fa-facebook-official::before {
color: #3b5998
}
.fa-twitter-square::before {
color: #00aced
}
.fa-youtube-square::before {
color: #b00
}
.fa-linkedin-square::before {
color: #007bb6
}
.fa-google-plus-square::before {
color: #dd4b39
}
@media screen and (min-width: 768px) {
.basement-copyright {
text-align: right
}
.region-select {
text-align: left
}
}
.subnav {
background-color: #333;
border-radius: 0
}
.subnav-container {
margin: 0 auto;
max-width: 1279px;
padding: 0
}
.subnav-links {
list-style-type: none;
padding: 0
}
.subnav-header {
float: left;
width: 100%
}
.subnav-collapseBtn {
position: relative;
float: left;
width: 8.33333%;
min-height: 1px;
padding-right: 25px;
padding-left: 0
}
.subnav-toggleBtn {
float: left;
margin: 14px 0;
padding: 0
}
.subnav-toggleBtn .subnav-iconBar {
height: 3px
}
.subnav-pageTitleContainer {
position: relative;
float: left;
width: 91.66667%;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
display: none;
margin-top: 5px
}
.subnav-pageTitle {
color: #fff
}
.icon-bar {
background-color: #fff
}
.subnav-collapseContainer {
padding: 0 1px
}
.subnav-item {
border-bottom: solid transparent 4px;
float: left;
height: 50px;
margin-top: 10px;
padding: 7px 12.5px 6px
}
.subnav-item:hover {
background-color: transparent;
border-bottom: solid #00b4c3 4px
}
.subnav-item:focus {
background-color: transparent
}
.subnav-item-active {
background-color: transparent;
border-bottom: solid #00b4c3 4px
}
.subnav-link {
color: #fff;
font-size: .95em;
font-weight: 400;
padding-bottom: 16px;
padding-top: 12px;
text-decoration: none
}
.subnav-link:focus,
.subnav-link:hover {
background-color: transparent;
color: #fff;
text-decoration: none
}
.subnav-link-active {
color: #fff;
text-decoration: none
}
.subnav-leadBtn {
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 600;
margin: 0 auto;
text-decoration: none;
background-color: #5aaa28;
color: #fff;
text-align: center;
padding: 8px 10px
}
.subnav-leadBtn:hover {
text-decoration: none;
background-color: #65bf2d;
color: #fff
}
.subnav-leadBtn:focus {
color: #fff;
text-decoration: none
}
.subnav-noHover {
float: right;
margin: 5px 50px 5px 0;
padding: 8px 0
}
.subnav-noHover:hover {
border-bottom: solid transparent 4px
}
@media only screen and (max-width: 1279px) {
.subnav-item {
font-size: .9em;
padding: 7px 10px 6px
}
.subnav-container {
width: 100%
}
}
@media only screen and (max-width: 767px) {
.subnav-links {
padding-top: 5px
}
.subnav-item {
border-bottom: 0;
border-left: 2px solid transparent;
height: auto;
margin-top: 0;
padding: 10px 8px;
width: 100%
}
.subnav-item:hover {
border-bottom: 0;
border-left: 2px solid #00b4c3
}
.subnav-collapseBtn {
padding-right: 0
}
.subnav-pageTitleContainer {
display: inline-block
}
.subnav-noHover {
padding-left: 8px
}
.subnav-noHover:hover {
border-left: solid transparent 2px
}
}
@media only screen and (min-width: 1380px) {
.subnav-noHover {
margin-right: 0
}
}
.rsTabs {
border-bottom: 0;
margin: 0 auto;
max-width: 1280px
}
.rsTab-tab {
border: 1px solid #dedede;
margin-bottom: 0;
padding: 0
}
.rsTab-tab:first-child {
margin-left: 10px
}
.rsTab-tab>.rsTab-link {
border-radius: 0;
border: 0;
border-color: transparent;
display: block;
margin-right: 0;
padding: 10px 15px
}
.rsTab-tab>.rsTab-link:focus {
outline: 0
}
.rsTab-tab.active {
background-color: #c40022;
border: 1px solid #c40022;
border-bottom: 0;
color: #fff;
margin-bottom: 0;
position: relative;
z-index: 9
}
.rsTab-tab.active::before {
background: #c40022;
content: '';
height: 4px;
left: -1px;
position: absolute;
right: -1px;
top: -4px;
z-index: 9
}
.rsTab-tab.active>.rsTab-link {
background-color: transparent;
border: 0;
color: #fff
}
.rsTab-tab.active>.rsTab-link:focus,
.rsTab-tab.active>.rsTab-link:hover {
background-color: #c40022;
border: 0;
color: #fff
}
.rsTabs-content {
border-bottom: 2px solid #c40022;
border-top: 2px solid #c40022;
margin: 0 auto 10px;
max-width: 1280px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.rsTabs-container {
padding: 20px 0
}
.rsTabs-container .rsTab-tab {
display: inline-block
}
.rsTabs-container .panel {
border-radius: 0;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top: 1px solid #dedede
}
.rsTabs-container .panel+.panel {
margin-top: 0
}
.rsTabs-container .panel:not(:last-child) {
border-bottom: 0
}
.rsTabs-container .collapse.in {
border-bottom: 2px solid #c40022
}
.rsTabs-container .panel-default .panel-heading {
border-radius: 0;
padding: 0
}
.rsTabs-container .panel-default .rsTab-link {
background-color: #c40022;
color: #fff;
display: block;
padding: 10px 15px
}
.rsTabs-container .panel-default .collapsed {
background-color: #fff;
color: #2a2a2a
}
.rsTabs-container .panel-default .panel-title {
padding-left: 0;
padding-right: 0
}
.rug-to-top {
background-color: #00b4c3;
padding: 20px 15px 30px;
text-align: center
}
.rug-to-top a {
color: #fff;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.45em;
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase
}
.rug-to-top a:focus,
.rug-to-top a:hover,
.rug-to-top a:visited {
color: #fff;
text-decoration: none
}
.rug-to-top a i {
color: #fff;
font-family: FontAwesome;
font-size: 1.5em;
margin: 10px 0 0 15px
}
.top-link-desktop a {
background-color: #00b4c3;
bottom: 0;
color: #fff;
display: none;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 600;
height: 35px;
line-height: 1.45em;
margin-bottom: 10px;
margin-top: 10px;
padding: 0;
position: fixed;
right: 5px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 35px;
z-index: 100
}
.top-link-desktop a:focus,
.top-link-desktop a:hover,
.top-link-desktop a:visited {
color: #fff
}
.top-link-desktop a i {
color: #fff;
font-size: 1.1em;
padding-top: 10px
}
.regionSelector-americas,
.regionSelector-asia-pacific {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 992px) {
.regionSelector-americas {
float: left;
width: 50%
}
}
@media (min-width: 768px) {
.regionSelector-asia-pacific {
float: left;
width: 50%
}
}
@media (min-width: 992px) {
.regionSelector-asia-pacific {
float: left;
width: 25%
}
}
.regionSelector-close {
position: absolute;
right: 10px;
top: 5px;
z-index: 1
}
.regionSelector-europe {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.regionSelector-europe {
float: left;
width: 50%
}
}
@media (min-width: 992px) {
.regionSelector-europe {
float: left;
width: 25%
}
}
.regionSelector-flag-icon {
background-position: 0 0;
background-repeat: no-repeat;
float: left;
height: 15px;
margin: 7px 5px 0 0;
width: 20px
}
.regionSelector-flag-icon-argentina {
background-position: 0 -280px
}
.regionSelector-flag-icon-australia {
background-position: 0 -40px
}
.regionSelector-flag-icon-austria {
background-position: 0 -360px
}
.regionSelector-flag-icon-brazil {
background-position: 0 -240px
}
.regionSelector-flag-icon-chile {
background-position: 0 -300px
}
.regionSelector-flag-icon-china {
background-position: 0 -400px
}
.regionSelector-flag-icon-colombia {
background-position: 0 -220px
}
.regionSelector-flag-icon-germany {
background-position: 0 -100px
}
.regionSelector-flag-icon-hk,
.regionSelector-flag-icon-hongkong {
background-position: 0 -120px
}
.regionSelector-flag-icon-in,
.regionSelector-flag-icon-india {
background-position: 0 -440px
}
.regionSelector-flag-icon-mexico {
background-position: 0 -260px
}
.regionSelector-flag-icon-netherlands {
background-position: 0 -140px
}
.regionSelector-flag-icon-peru {
background-position: 0 -320px
}
.regionSelector-flag-icon-ph,
.regionSelector-flag-icon-philippines {
background-position: 0 -420px
}
.regionSelector-flag-icon-sa {
background-position: 0 -180px
}
.regionSelector-flag-icon-sg,
.regionSelector-flag-icon-singapore {
background-position: 0 -460px
}
.regionSelector-flag-icon-switzerland {
background-position: 0 -380px
}
.regionSelector-flag-icon-uae {
background-position: 0 -200px
}
.regionSelector-flag-icon-uk,
.regionSelector-flag-icon-unitedkingdom {
background-position: 0 -20px
}
.regionSelector-flag-icon-unitedstates,
.regionSelector-flag-icon-usa {
background-position: 0 0
}
.regionSelector-flag-icon-venezuela {
background-position: 0 -340px
}
.regionSelector-flag-link {
text-decoration: none
}
.regionSelector-flag-link:hover {
color: #2a2a2a
}
.regionSelector-list {
margin: 0;
padding: 0
}
.regionSelector-list-item {
line-height: 28px;
list-style: none;
margin: 0;
padding: 0
}
.regionSelector-row {
margin-left: -15px;
margin-right: -15px
}
.regionSelector-row:after,
.regionSelector-row:before {
content: " ";
display: table
}
.regionSelector-row:after {
clear: both
}
@media only screen and (min-width: 768px) {
.regionSelector-americas-list {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px
}
}
.pager {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center
}
.pager-previous {
display: inline;
margin-right: 2.5rem
}
.pager-next {
display: inline;
margin-left: 2.5rem
}
.pager-current {
display: inline;
padding: .25rem
}
.announcement-wrapper {
background-color: #fff;
border-bottom: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
border-top: 1px solid #b8b8b8;
margin-bottom: 10px;
overflow: hidden;
padding: 10px 0
}
.announcement-icon {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 4rem
}
@media (min-width: 992px) {
.announcement-icon {
float: left;
width: 8.33333%
}
}
.announcement-icon .fa {
color: #666
}
.announcement-link {
line-height: inherit;
text-decoration: none
}
.announcement-link:focus,
.announcement-link:hover {
color: #2e3238;
text-decoration: none
}
.announcement-linkText {
display: block;
font-weight: 700;
margin-top: 10px
}
.announcement-link-hover:hover {
background-color: #efefef;
color: #2e3238
}
.announcement-message {
position: relative;
min-height: 1px;
padding: 12px 15px
}
@media (min-width: 992px) {
.announcement-message {
float: left;
width: 83.33333%
}
}
.announcement-alert {
border-left: 8px solid #c40022
}
.announcement-general {
border-left: 8px solid #f63
}
.announcement-newProduct {
border-left: 8px solid #0dcfd9
}
.announcement-promotion {
border-left: 8px solid #5aaa28
}
@media only screen and (max-width: 767px) {
.announcement-icon,
.announcement-message {
width: 100%
}
.announcement-head,
.announcement-linkText {
text-align: center
}
}
.blogFeed-item {
background-color: #fff;
margin: 15px 5px;
padding-bottom: 64px;
position: relative;
width: 100%
}
.blogFeed-item:hover {
background-color: #dedede;
text-decoration: none
}
.blogFeed-item:hover .blogFeed-hr {
border-top-color: #b8b8b8
}
.blogFeed-imageContainer {
padding: 0
}
.blogFeed-image {
width: 100%
}
.blogFeed-textContainer {
padding: 0 15px
}
.blogFeed-date {
padding-top: 15px
}
.blogFeed-author {
font-size: .7em
}
.blogFeed-hr {
margin-bottom: 5px
}
.blogFeed-more {
color: #c40022;
font-weight: 600;
text-align: center
}
.blogFeed-linkContainer {
bottom: 0;
left: 15px;
position: absolute;
right: 15px
}
@media only screen and (max-width: 767px) {
.blogFeed-imageContainer {
display: none
}
}
.image-wrapper img {
height: auto;
width: auto
}
.lead-bodyWrapper {
margin-bottom: 14px
}
.lead-header {
margin-top: 0
}
.lead-wrapper {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center
}
.quote-icon {
padding: 20px
}
.read-more img {
max-height: 40px
}
.videoEmbed-title {
margin-top: 0;
text-align: center
}
.videoEmbed-column {
position: relative;
min-height: 1px;
padding: 20px 0
}
@media (min-width: 992px) {
.videoEmbed-column {
float: left;
width: 100%
}
}
.videoEmbed-wrapper {
margin-bottom: 10px;
position: relative
}
.embed-responsive {
position: static
}
.panel-pane {
width: 100%
}
.panel-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 1px;
width: 100%
}
.panel-flexVertical {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
flex-direction: column
}
.subpanel {
margin-bottom: 1em
}
.subpanel .lead,
.subpanel .lead-wrapper {
text-align: left
}
.subpanel .announcement-icon,
.subpanel .announcement-message {
width: 100%
}
.subpanel .announcement-head,
.subpanel .announcement-linkText {
text-align: center
}
.subpanel .announcement-wrapper {
display: block
}
.subpanelWell {
padding: 20px 25px
}
.subpanelWell .h1,
.subpanelWell .h2,
.subpanelWell .h3,
.subpanelWell h1,
.subpanelWell h2,
.subpanelWell h3 {
margin-top: 0
}
.subpanelWell-steel-blue {
background-color: #0d1b2a
}
.subpanelWell-blue-gray {
background-color: #2e3238
}
.subpanelWell-red {
background-color: #c40022
}
.subpanelWell-dark-gray {
background-color: #2a2a2a
}
.subpanelWell-light-gray {
background-color: #efefef
}
.subpanelWell-white {
background-color: #fff
}
.subpanelWell-medium-teal {
background: #0dcfd9
}
.subpanelWell-crumpled-paper {
background-color: #b8b8b8;
background-image: url(bg-crumpled-paper.png)
}
@media (min-width: 768px) {
.panel-flexPush-2 {
margin-left: 16.7%
}
.panel-flexPull-2 {
margin-right: 16.7%
}
}
.cornerPocket {
border-left: 1px solid #dedede;
margin-top: 40px;
padding-left: 20px
}
.cornerPocket-callout {
color: #0dcfd9;
margin: 0
}
.cornerPocket-heading,
.cornerPocket-text {
margin: 0
}
.expertise-container {
background-size: cover;
padding: 60px 0
}
.expertise-container p {
background-color: #c40022;
color: #fff;
display: table;
font-size: 4.4rem;
font-style: normal;
font-weight: 400;
letter-spacing: -.007em;
line-height: 175%;
margin-bottom: 5px;
padding: 0 20px;
text-align: left;
text-transform: none;
vertical-align: center
}
.list-grid ul {
padding-left: 1.3em
}
.list-grid ul li {
margin-left: 1em
}
.techapps img {
max-height: 80px;
max-width: 140px;
padding: 2%;
text-align: center;
vertical-align: middle
}
.techapps span:hover {
background-color: #0d1b2a;
cursor: pointer
}
.technologies h3+p {
font-size: 15px;
font-weight: 400;
line-height: 150%;
padding-top: 8px
}
.valueProp {
margin: 10px
}
.calculator h3 {
font-size: 16px
}
.calculator button {
padding: 0
}
.calculator .cart-total h2 {
line-height: 30px
}
.keyoffers-col-half {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width: 768px) {
.keyoffers-col-half {
float: left;
width: 50%
}
}
.keyoffers-col-third {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width: 992px) {
.keyoffers-col-third {
float: left;
width: 33.33333%
}
}
.keyoffers-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.keyoffersWidget {
background: #fff;
display: block;
margin-bottom: 10px;
padding: 25px;
position: relative;
text-decoration: none;
width: 100%
}
.keyoffersWidget-body {
padding-bottom: 10px
}
.keyoffersWidget-bottomText {
bottom: 0;
color: #c40022;
float: left;
font-weight: 600;
left: 25px;
margin-bottom: 1em;
padding-bottom: 5px;
position: absolute
}
.keyoffersWidget-col-full {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 20px
}
@media (min-width: 992px) {
.keyoffersWidget-col-full {
float: left;
width: 100%
}
}
.keyoffersWidget-header {
color: #c40022
}
.keyoffersWidget-hover:hover {
background-color: #dedede;
text-decoration: none
}
.keyoffersWidget-icon {
bottom: 0;
float: right;
font-size: .9rem;
height: 65px;
position: absolute;
right: 35px
}
.keyoffersWidget-icon .rsweb {
color: #666;
font-family: rsweb
}
.keyoffersWidget-row {
margin-left: -25px;
margin-right: -25px
}
.keyoffersWidget-row:after,
.keyoffersWidget-row:before {
content: " ";
display: table
}
.keyoffersWidget-row:after {
clear: both
}
.businessResource-widget {
min-height: 1px;
background-color: #fff;
border-top: 12px solid #0d1b2a;
color: #4c4c4c;
display: block;
font-weight: 600;
margin-bottom: 10px;
overflow: auto;
padding: 20px 30px;
position: relative;
text-decoration: none;
width: 100%
}
@media (min-width: 992px) {
.businessResource-widget {
float: left;
width: 100%
}
}
.businessResource-widget-hover:hover {
background-color: #0d1b2a;
border-top: 12px solid #000;
text-decoration: none
}
.businessResource-widget-hover:hover h3,
.businessResource-widget-hover:hover h6,
.businessResource-widget-hover:hover p {
color: #fff
}
.businessResource-widget-hover:hover a {
color: #fff;
text-decoration: none
}
.businessResource-widget-hover:hover img {
display: none
}
.businessResource-widget-hover:hover img.hover {
display: inline-block
}
.businessResource-third {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width: 992px) {
.businessResource-third {
float: left;
width: 33.33333%
}
}
.businessResource-half {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width: 768px) {
.businessResource-half {
float: left;
width: 50%
}
}
.feature,
.resource {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.feature.features-threeUp {
display: block
}
.feature ul li {
margin-left: 1em
}
.feature-bodyWrapper a {
text-decoration: underline
}
.feature-bodyWrapper a:hover {
color: #0dcfd9
}
.feature-content {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
border-bottom: 2px solid #dedede;
margin: 0 15px 0 0;
overflow: auto
}
@media (min-width: 992px) {
.feature-content {
float: left;
width: 83.33333%
}
}
.feature-header {
font-size: 1.75em;
font-weight: 600;
letter-spacing: .05em;
line-height: 1.45em;
margin: 13.5px 0 5px
}
.feature-iconWrapper .rsweb {
color: #4c4c4c;
font-size: 5rem
}
.feature-imgWrapper {
min-width: 50px
}
.feature-media {
position: relative;
min-height: 1px;
padding: 18px 10px 10px;
text-align: center
}
@media (min-width: 992px) {
.feature-media {
float: left;
width: 16.66667%
}
}
@media only screen and (max-width: 991px) {
.feature-imgWrapper {
float: none;
margin: 0 auto;
width: 50px
}
}
@media only screen and (max-width: 768px) {
.feature {
display: block;
margin-top: 10px
}
.feature-bodyWrapper {
margin: 0
}
}
.valueProp {
padding-bottom: 20px;
text-align: center
}
.valueProp-icon .rsweb {
font-size: 7rem
}
.valueProp-img {
display: block;
float: none;
height: auto;
margin: 0 auto;
max-height: 100%
}
.valueProp-link {
color: #c40022;
font-weight: 600
}
.valueProp-media {
height: 65px;
margin-bottom: 15px
}
.valueProp-row {
margin-left: -25px;
margin-right: -25px
}
.valueProp-row:after,
.valueProp-row:before {
content: " ";
display: table
}
.valueProp-row:after {
clear: both
}
.ias-container {
margin-right: auto;
margin-left: auto;
max-width: 1280px;
padding: 40px 25px 60px
}
.ias-container:after,
.ias-container:before {
content: " ";
display: table
}
.ias-container:after {
clear: both
}
@media (min-width: 768px) {
.ias-container {
width: 770px
}
}
@media (min-width: 992px) {
.ias-container {
width: 990px
}
}
@media (min-width: 1280px) {
.ias-container {
width: 1280px
}
}
.ias-row {
margin-left: -25px;
margin-right: -25px
}
.ias-row:after,
.ias-row:before {
content: " ";
display: table
}
.ias-row:after {
clear: both
}
.ias-col-full,
.ias-col-half {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width: 992px) {
.ias-col-full {
float: left;
width: 100%
}
}
@media (min-width: 768px) {
.ias-col-half {
float: left;
width: 50%
}
}
.ias-col-third {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width: 768px) {
.ias-col-third {
float: left;
width: 33.33333%
}
}
@media (min-width: 768px) {
.ias-col5-push {
left: 16.66667%
}
}
.ias-col5 {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (min-width: 768px) {
.ias-col5 {
float: left;
width: 33.33333%
}
}
.ias-title {
text-align: center
}
.iasWidget {
display: block;
padding: 20px 10px 0;
text-align: center;
text-decoration: none;
width: 100%
}
.iasWidget .rsweb {
font-size: 7rem
}
.iasWidget-bottom {
bottom: 0;
height: 10%;
position: absolute;
right: 0;
width: 100%
}
.iasWidget-col-full {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
@media (min-width: 992px) {
.iasWidget-col-full {
float: left;
width: 100%
}
}
.iasWidget-cta {
color: #c40022;
font-weight: 600;
text-align: center
}
.iasWidget-header {
text-align: center
}
.iasWidget-hover:hover {
background-color: #dedede;
text-decoration: none
}
.iasWidget-img {
display: block;
height: auto;
margin: 0 auto;
width: 25%
}
.iasWidget-row {
margin-left: -25px;
margin-right: -25px
}
.iasWidget-row:after,
.iasWidget-row:before {
content: " ";
display: table
}
.iasWidget-row:after {
clear: both
}
@media only screen and (min-width: 768px) {
.ias-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.additional-resource {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.additional-resource:hover .desc {
background-color: #efefef
}
.additional-resource a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-decoration: none;
width: 100%
}
.additional-resource .arrow {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #efefef;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 2vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.additional-resource .desc {
background-color: #fff;
border: 1px solid #efefef;
margin: 0;
overflow: auto;
padding: 10px 20px
}
.additional-resource .icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
font-family: FontAwesome;
font-size: 2vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.additional-resource .icon.api {
background-color: #333
}
.additional-resource .icon.api::after {
content: '\f1c9'
}
.additional-resource .icon.case-study {
background-color: #0d1b2a
}
.additional-resource .icon.case-study::after {
content: '\f0f2'
}
.additional-resource .icon.github {
background-color: #639
}
.additional-resource .icon.github::after {
content: '\f092'
}
.additional-resource .icon.pdf {
background-color: #c40022
}
.additional-resource .icon.pdf::after {
content: '\f1c1'
}
.additional-resource .icon.support {
background-color: #00b4c3
}
.additional-resource .icon.support::after {
content: '\f0ad'
}
.additional-resource .icon.video {
background-color: #2e3238
}
.additional-resource .icon.video::after {
content: '\f16a'
}
.additional-resource .icon.news {
background-color: #f6b100
}
.additional-resource .icon.news::after {
content: '\f1ea'
}
.additional-resource .icon.rss {
background-color: #f63
}
.additional-resource .icon.rss::after {
content: '\f143'
}
.additional-resource .row-eq-height {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
margin: 10px;
min-height: 7.8rem
}
@media only screen and (max-width: 768px) {
.additional-resource .icon {
font-size: 2em
}
.additional-resource .row-eq-height {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.awards {
margin: 0 20px 40px
}
.awards-title {
color: #c40022;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 3.75rem;
font-weight: 400;
line-height: 3rem;
margin: 0;
padding: 0
}
.awards-subhead {
font-size: 1.75rem;
line-height: 2.2rem;
margin: 0;
padding: 0;
text-transform: uppercase
}
.awards-subtext {
font-size: 1rem
}
.clear-container {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
clear: both
}
@media (min-width: 768px) {
.clear-container {
float: left;
width: 50%
}
}
.hostingOptions-hoverArea,
.hostingOptions-hoverArea:hover {
text-decoration: none
}
.hostingOptions-productRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.hostingOptions-product {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
color: #666;
margin-bottom: 25px;
text-align: center;
text-decoration: none
}
.hostingOptions-product:hover hr {
border-color: #c40022
}
.hostingOptions-product:hover .hostingOptions-title {
color: #c40022
}
.hostingOptions-logoRow {
margin-left: -25px;
margin-right: -25px
}
.hostingOptions-logoRow:after,
.hostingOptions-logoRow:before {
content: " ";
display: table
}
.hostingOptions-logoRow:after {
clear: both
}
.hostingOptions-logo {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
left: 37.5%;
text-align: center
}
@media (min-width: 768px) {
.hostingOptions-logo {
float: left;
width: 29.16667%
}
}
@media (min-width: 768px) {
.hostingOptions-logo {
left: 35.41667%
}
}
.hostingOptions-logoWide {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
left: 25%
}
@media (min-width: 768px) {
.hostingOptions-logoWide {
float: left;
width: 58.33333%
}
}
@media (min-width: 768px) {
.hostingOptions-logoWide {
left: 20.83333%
}
}
.hostingOptions-titleRow {
margin-left: -25px;
margin-right: -25px
}
.hostingOptions-titleRow:after,
.hostingOptions-titleRow:before {
content: " ";
display: table
}
.hostingOptions-titleRow:after {
clear: both
}
.hostingOptions-title {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
@media (min-width: 768px) {
.hostingOptions-title {
float: left;
width: 100%
}
}
.hostingOptions-hrContainer {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
left: 25%
}
.hostingOptions-hr {
border: 0;
border-top: 1px solid #b8b8b8;
margin: 0 0 10px
}
.hostingOptions-textContainer {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
clear: both
}
@media (min-width: 768px) {
.hostingOptions-textContainer {
float: left;
width: 100%
}
}
.hostingOptions-text {
margin-bottom: 35px;
text-align: center
}
.hostingOptions-learnMoreBottom {
bottom: 0;
height: 10%;
position: absolute;
right: 0;
width: 100%
}
.hostingOptions-learnMore {
color: #c40022;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
text-transform: uppercase
}
.hostingOptions-learnMore:hover {
color: #c40022
}
.solutions-hoverArea {
text-decoration: none
}
.solutions-hoverArea:hover .border-white {
border-color: #f6b100
}
.solutions-hoverArea:hover .rsweb,
.solutions-hoverArea:hover h6 {
color: #f6b100
}
.ctp {
background-image: url(city_imagev2.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover
}
.ctp-button {
color: #fff;
text-decoration: none
}
.ctp-button:hover {
text-decoration: underline
}
.quadrant {
background-image: url(quadrant.jpg);
background-position: 23% bottom;
background-repeat: no-repeat;
background-size: 35%;
padding: 20px 0 0
}
.quadrant-row {
margin-left: -25px;
margin-right: -25px
}
.quadrant-row:after,
.quadrant-row:before {
content: " ";
display: table
}
.quadrant-row:after {
clear: both
}
.quadrant-textContainer {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
@media (min-width: 768px) {
.quadrant-textContainer {
float: left;
width: 50%
}
}
@media (min-width: 768px) {
.quadrant-textContainer {
left: 50%
}
}
.quadrant-text,
.quadrant-title {
text-align: right
}
.quadrant-buttonContainer {
position: relative;
float: left;
width: 50%;
min-height: 1px;
left: 25%;
padding: 20px 0;
text-align: right
}
@media (min-width: 768px) {
.quadrant-buttonContainer {
float: left;
width: 50%
}
}
@media (min-width: 768px) {
.quadrant-buttonContainer {
left: 50%
}
}
.logoShowcase-image {
max-height: 40px;
max-width: 75%;
text-align: center;
vertical-align: middle
}
.logoShowcase-row {
margin-left: -25px;
margin-right: -25px;
text-align: center
}
.logoShowcase-row:after,
.logoShowcase-row:before {
content: " ";
display: table
}
.logoShowcase-row:after {
clear: both
}
.logoShowcase-logoItem {
display: inline-block;
padding: 1rem .75rem 0;
text-align: center
}
@media only screen and (max-width: 991px) {
.logoShowcase {
display: none
}
.quadrant {
background-position: 0 bottom;
background-repeat: no-repeat;
background-size: 54%
}
}
@media only screen and (min-width: 1850px) {
.quadrant {
background-position: 30% bottom;
background-size: 30%
}
}
@media only screen and (max-width: 767px) {
.quadrant-buttonContainer,
.quadrant-text,
.quadrant-title {
text-align: center
}
.quadrant {
background-image: none
}
.logoShowcase {
display: none
}
.hostingOptions-productRow {
display: block
}
.hostingOptions-product {
width: 100%
}
}
@media only screen and (max-width: 600px) {
.hostingOptions-logoWide {
left: 5%;
width: 90%
}
.hostingOptions-logo {
left: 25%;
width: 50%
}
}
.swatch-color {
height: 100px
}
.swatch-color.brand-secondary {
background-color: #0dcfd9
}
.swatch-color.signup-green {
background-color: #5aaa28
}
.swatch-color.magento-orange {
background-color: #f63
}
.swatch-color.purple {
background-color: #639
}
.swatch-color.mustard {
background-color: #f6b100
}
.swatch-color.gray-light {
background-color: #dedede
}
.swatch-color.gray-base {
background-color: #666
}
.swatch-color.gray-darker {
background-color: #4c4c4c
}
.swatch-color.darkest-gray {
background-color: #2a2a2a
}
.swatch-color:hover .swatch-copy-button {
background-color: #efefef;
display: block;
font-family: Raleway, Helvetica, Arial, sans-serif;
opacity: .85;
padding: 10px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 60px;
width: 88%
}
.swatch-color-lighter {
height: 40px;
position: absolute;
right: 15px;
top: 0;
width: 40px
}
.swatch-color-lighter.signup-green {
background-color: #65bf2d
}
.swatch-color-lighter.mustard {
background-color: #ffbc11
}
.swatch-color-lighter.brand-secondary {
background-color: #00b4c3
}
.swatch-color-darker {
height: 40px;
position: absolute;
right: 15px;
top: 40px;
width: 40px
}
.swatch-color-darker.mustard {
background-color: #c38c00
}
.swatch-footer {
background-color: #fff;
margin: 0;
overflow: auto;
padding: 5px
}
.swatch-copy,
.swatch-copy-button {
display: none
}
a.js-tabcollapse-panel-heading {
text-decoration: none
}
.enterprise-collapse {
background-color: #2a2a2a
}
.panel-body a {
text-decoration: none
}
.panel-default>.panel-heading {
background-color: #00b4c3
}
.panel-default>.panel-heading.enterprise {
background-color: #2a2a2a
}
.panel-default>.panel-heading .panel-title:hover {
text-decoration: none
}
.panel-default>.panel-heading .panel-title h2 {
margin-bottom: 0
}
.panel-default>.panel-heading .panel-title h2,
.panel-default>.panel-heading .panel-title p {
color: #fff;
text-align: center
}
.pricing {
background-color: #fff
}
.pricing a,
.pricing a:hover {
text-decoration: none
}
.pricing h3.teal {
color: #00b4c3
}
.pricing hr.white {
border-top: #fff solid 1px
}
.pricing i {
font-size: 1.5em;
margin-top: 15px;
vertical-align: middle
}
.pricing tr>td.col-md-2 {
border: 1px solid #efefef;
padding: 20px 15px;
width: 14%
}
.pricing tr>td.col-md-2:first-child {
width: 15.79%
}
.pricing .border-right {
border-right: solid 1px #efefef
}
.pricing .check {
color: #2a2a2a
}
.pricing .col-md-3 {
background-color: transparent;
border-right: 1px solid #efefef;
padding: 20px 15px
}
.pricing .col-md-3.pricing {
border: 0;
padding: 0
}
.pricing .col-md-9 {
padding: 20px 0
}
.pricing .col-md-9 .row {
border: 0
}
.pricing .fa-arrow-right {
border: 2px solid #00b4c3;
border-radius: 50%;
font-size: 1em;
margin-top: 0;
padding: 7px
}
.pricing .half-padding {
border-top: 1px solid #efefef
}
.pricing .lead-cell {
width: 20%
}
.pricing .panel-heading {
background-color: transparent;
border-bottom: transparent;
border-radius: 0;
border-right: solid 1px #dedede;
min-height: 222px
}
.pricing .panel-heading.business {
background-color: #00b4c3
}
.pricing .panel-heading.enterprise {
background-color: #2a2a2a
}
.pricing .price-compare p {
margin: 0 20px
}
.pricing .price-compare .col-md-4,
.pricing .price-compare .col-md-9 {
padding: 0
}
.pricing .price-compare .col-md-4:last-child,
.pricing .price-compare .col-md-9:last-child {
border: 0
}
.pricing .product-icons {
text-align: center
}
.pricing .product-icons li {
display: inline-block;
width: 30px
}
.pricing .row {
border: 1px solid #efefef
}
.pricing .times {
color: #dedede
}
.pricing .title {
background-color: #efefef;
border: 1px solid #dedede;
padding: 20px 0;
text-align: center
}
.pricing .triangle {
border-left: 110px solid transparent;
border-top: 90px solid #0dcfd9;
position: absolute;
right: -1px;
top: -1px
}
.pricing .triangle-text {
position: absolute;
right: 8px;
top: 0
}
.pricing .triangle-text h4 {
color: #fff;
line-height: 1em;
text-align: center
}
.pricing .business .check {
color: #00b4c3
}
.pricing .business .enterprise .check {
color: #2a2a2a
}
.pricing-header-row {
background-color: #efefef;
border-bottom: #dedede;
min-height: 225px
}
.rocket {
background-image: url(rocketBG.png);
background-position: center 28%;
background-repeat: no-repeat;
background-size: contain
}
@media only screen and (max-width: 992px) {
.check,
.times {
float: right
}
.pricing .panel-heading {
border-right: 0;
min-height: 0;
padding: 0 0 0 10px
}
.pricing .row {
border: 0
}
.rocket {
background-image: none
}
}
.imacBanner-events {
background-image: url(solve-bannerv2.jpg)
}
.eventsOverview {
margin-right: auto;
margin-left: auto;
padding-left: 25px;
padding-right: 25px;
max-width: 1280px
}
.eventsOverview:after,
.eventsOverview:before {
content: " ";
display: table
}
.eventsOverview:after {
clear: both
}
@media (min-width: 768px) {
.eventsOverview {
width: 770px
}
}
@media (min-width: 992px) {
.eventsOverview {
width: 990px
}
}
@media (min-width: 1280px) {
.eventsOverview {
width: 1280px
}
}
.eventsOverview-pagination {
list-style-type: none;
margin: 0;
padding: 2rem 0 0;
text-align: center
}
.eventsOverview-pagination-item {
display: inline-block;
list-style-type: none
}
.eventsOverview-pagination-itemPage {
background: #fff;
border: 1px solid #b8b8b8;
font-size: 1rem;
padding: .5rem;
text-decoration: none
}
.eventsOverview-pagination-itemPage:hover {
background: #b8b8b8;
color: #2a2a2a;
text-decoration: none
}
.eventsOverview-pagination-itemPageActive {
font-size: 1.4rem
}
.eventsOverview-pagination-itemPageNext,
.eventsOverview-pagination-itemPagePrev {
border-radius: 50%;
background: #00b4c3;
border: 0;
color: #fff;
padding: 0 .5rem
}
.eventsOverview-pagination-itemPageNext:hover,
.eventsOverview-pagination-itemPagePrev:hover {
background: #2a2a2a;
color: #fff
}
.eventsOverview-row {
margin-left: -25px;
margin-right: -25px
}
.eventsOverview-row:after,
.eventsOverview-row:before {
content: " ";
display: table
}
.eventsOverview-row:after {
clear: both
}
.eventsOverview-searchFilter {
position: relative;
min-height: 1px;
padding: 1rem 25px;
background: #00b4c3;
margin-bottom: 1rem
}
@media (min-width: 768px) {
.eventsOverview-searchFilter {
float: left;
width: 33.33333%
}
}
@media (min-width: 992px) {
.eventsOverview-searchFilter {
float: left;
width: 25%
}
}
.eventsOverview-searchFilter-label {
color: #fff;
font-size: 2.5rem;
text-align: center;
text-transform: uppercase
}
.eventsOverview-searchFilter-eventTypeSelect {
background: #fff;
display: block;
margin: 1rem auto 0;
max-width: 200px;
width: 100%
}
.eventsOverview-searchFilter-eventTypeSubmit {
background: #666;
border: 0;
color: #fff;
display: block;
font-size: 1.2rem;
margin: 1rem auto 0;
max-width: 200px;
text-transform: uppercase;
width: 100%
}
.eventsOverview-searchFilter-eventTypeSubmit:hover {
background: #333
}
.eventsOverview-searchResults {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 3rem
}
@media (min-width: 768px) {
.eventsOverview-searchResults {
float: left;
width: 66.66667%
}
}
@media (min-width: 992px) {
.eventsOverview-searchResults {
float: left;
width: 75%
}
}
.eventsOverview-weekEvent {
background: #fff;
border: 1px solid #b8b8b8;
margin: 0 0 .75rem;
text-align: center
}
.eventsOverview-weekEvent:after,
.eventsOverview-weekEvent:before {
content: " ";
display: table
}
.eventsOverview-weekEvent:after {
clear: both
}
.eventsOverview-weekEvent-date {
color: #fff;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.45em;
background: #00b4c3;
padding: .5rem 1.5rem;
text-align: center
}
.eventsOverview-weekEvent-details {
padding: .5rem 1.5rem 1rem
}
.eventsOverview-weekEvent-header {
margin-left: -25px;
margin-right: -25px
}
.eventsOverview-weekEvent-header:after,
.eventsOverview-weekEvent-header:before {
content: " ";
display: table
}
.eventsOverview-weekEvent-header:after {
clear: both
}
.eventsOverview-weekEvent-headerLocation {
float: left;
width: 100%;
position: relative;
min-height: 1px;
font-size: 1.2rem;
line-height: 4rem;
padding: 0 3rem 0 1.5rem;
text-transform: uppercase
}
@media (min-width: 992px) {
.eventsOverview-weekEvent-headerLocation {
float: left;
width: 41.66667%
}
}
.eventsOverview-weekEvent-headerTitle {
float: left;
width: 100%;
position: relative;
min-height: 1px;
font-size: 2rem;
line-height: 4rem;
padding: 0 1.5rem;
text-transform: uppercase
}
@media (min-width: 992px) {
.eventsOverview-weekEvent-headerTitle {
float: left;
width: 58.33333%
}
}
.eventsOverview-weekEvent-learnMore {
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 600;
margin: 0 auto 1rem;
text-align: center;
text-decoration: none;
background: #fff;
border: 3px solid #0dcfd9;
color: #333;
padding: 12px 20px;
width: auto
}
.eventsOverview-weekEvent-learnMore:hover {
text-decoration: none;
background-color: #0dcfd9;
color: #fff
}
.eventsOverview-weekTitle {
color: #fff;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 600;
background: #666;
font-size: 2.2rem;
margin-bottom: .75rem;
margin-top: 2.25rem;
padding: 1.5rem;
text-align: center
}
.eventsOverview-weekTitle:first-child {
margin-top: 0
}
.event {
margin-right: auto;
margin-left: auto;
padding-left: 25px;
padding-right: 25px;
max-width: 1280px
}
.event:after,
.event:before {
content: " ";
display: table
}
.event:after {
clear: both
}
@media (min-width: 768px) {
.event {
width: 770px
}
}
@media (min-width: 992px) {
.event {
width: 990px
}
}
@media (min-width: 1280px) {
.event {
width: 1280px
}
}
.event-backToEvents {
color: #00b4c3;
display: block;
margin-bottom: 1rem;
margin-left: 25px
}
.event-backToEvents::before {
border-radius: 50%;
background: #00b4c3;
border: 0;
color: #fff;
content: '<';
margin-right: .5rem;
padding: 0 .5rem;
text-decoration: none
}
.event-backToEvents:hover {
color: #2a2a2a
}
.event-backToEvents:hover::before {
background: #2a2a2a;
color: #fff;
text-decoration: none
}
.event-date {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 1rem
}
@media (min-width: 768px) {
.event-date {
float: left;
width: 16.66667%
}
}
.event-dateBox {
color: #fff;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.45em;
background: #00b4c3;
font-size: 2.2rem;
margin: 1rem auto;
max-width: 100px;
padding: 1rem 0;
text-align: center
}
.event-dateBox-day {
font-size: 2em
}
.event-details {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
@media (min-width: 768px) {
.event-details {
float: left;
width: 50%
}
}
.event-detailsTitle,
.event-info-whenTitle,
.event-info-whereTitle {
color: #2a2a2a;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.45em;
text-align: left
}
.event-info {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 1rem
}
@media (min-width: 768px) {
.event-info {
float: left;
width: 83.33333%
}
}
.event-info-header {
margin-left: -25px;
margin-right: -25px;
margin-bottom: .5rem;
text-align: center;
text-transform: uppercase
}
.event-info-header:after,
.event-info-header:before {
content: " ";
display: table
}
.event-info-header:after {
clear: both
}
.event-info-headerTitle {
float: left;
width: 100%;
position: relative;
min-height: 1px;
font-size: 2.5rem;
line-height: 1.5em;
margin-bottom: .5rem;
margin-top: 0;
padding: 0
}
@media (min-width: 992px) {
.event-info-headerTitle {
float: left;
width: 75%
}
}
.event-info-headerType {
float: left;
width: 100%;
position: relative;
min-height: 1px;
color: #2a2a2a;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .05em;
line-height: 1.45em;
margin-bottom: .5rem;
padding: 0;
text-align: center
}
@media (min-width: 992px) {
.event-info-headerType {
float: left;
width: 25%
}
}
.event-info-whereWhen {
margin-left: -25px;
margin-right: -25px;
border-top: 2px solid #b8b8b8;
padding-top: 1rem
}
.event-info-whereWhen:after,
.event-info-whereWhen:before {
content: " ";
display: table
}
.event-info-whereWhen:after {
clear: both
}
.event-info-when,
.event-info-where {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 1rem
}
@media (min-width: 768px) {
.event-info-where {
float: left;
width: 41.66667%
}
}
@media (min-width: 768px) {
.event-info-when {
float: left;
width: 41.66667%
}
}
.event-map {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 2rem
}
@media (min-width: 768px) {
.event-map {
float: left;
width: 50%
}
}
.event-mapCanvas {
height: 250px;
width: 100%
}
.event-row {
margin-left: -25px;
margin-right: -25px
}
.event-row:after,
.event-row:before {
content: " ";
display: table
}
.event-row:after {
clear: both
}
@media (min-width: 768px) {
.event,
.eventsOverview {
padding: 20px 25px
}
.eventsOverview-searchFilter,
.eventsOverview-searchResults {
margin-bottom: 0
}
.event-backToEvents {
margin-bottom: 0;
margin-left: 0
}
.event-dateBox {
margin: 0 0 0 -25px
}
.event-info-headerTitle,
.event-info-headerType {
text-align: left
}
.event-info-where {
padding: 0
}
.event-info-when {
padding-left: .6rem
}
.event-map {
padding-left: 0
}
.event-mapCanvas {
height: 400px
}
}
@media (min-width: 992px) {
.event,
.eventsOverview {
padding: 40px 25px 60px
}
.eventsOverview-weekEvent-headerTitle {
padding: 0 1.5rem 0 3rem
}
.events-banner {
margin-top: 58px
}
.eventsOverview-weekEvent-date {
text-align: left
}
.event-info-headerTitle {
line-height: 1em
}
.event-info-headerType,
.eventsOverview-weekEvent-headerLocation {
text-align: right
}
.eventsOverview-weekEvent {
text-align: left
}
.eventsOverview-weekEvent-learnMore {
float: left;
margin: 0 1.5rem 1rem
}
}
.story-container {
margin-right: auto;
margin-left: auto;
max-width: 1280px;
padding: 40px 25px 60px
}
.story-container:after,
.story-container:before {
content: " ";
display: table
}
.story-container:after {
clear: both
}
@media (min-width: 768px) {
.story-container {
width: 770px
}
}
@media (min-width: 992px) {
.story-container {
width: 990px
}
}
@media (min-width: 1280px) {
.story-container {
width: 1280px
}
}
.imacBanner-stories {
background-color: #000;
background-image: none;
min-height: inherit
}
.imacBanner-storiesTextRow {
position: relative
}
.imacBanner-storyLogo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 65px;
position: absolute;
right: 0
}
.imacBanner-storyLogoImage {
max-height: 95px
}
.story-colLeft,
.story-colRight {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
@media (min-width: 992px) {
.story-colLeft {
float: left;
width: 50%
}
}
@media (min-width: 992px) {
.story-colRight {
float: left;
width: 41.66667%
}
}
@media (min-width: 992px) {
.story-colRight {
left: 8.33333%
}
}
.story-title {
text-align: left
}
.story-titleWrapper {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px
}
@media (min-width: 992px) {
.story-titleWrapper {
float: left;
width: 100%
}
}
.story-caseStudyButton {
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 600;
margin: 0 auto 1rem;
text-align: center;
text-decoration: none;
background: #fff;
border: 3px solid #0dcfd9;
color: #333;
padding: 12px 20px;
width: auto
}
.story-caseStudyButton:hover {
text-decoration: none;
background-color: #0dcfd9;
color: #fff
}
.story-video {
position: relative
}
.storyOverview-searchFilter {
position: relative;
min-height: 1px;
padding: 1rem 25px;
background: #00b4c3;
margin-bottom: 1rem
}
@media (min-width: 768px) {
.storyOverview-searchFilter {
float: left;
width: 33.33333%
}
}
@media (min-width: 992px) {
.storyOverview-searchFilter {
float: left;
width: 25%
}
}
.storyOverview-searchFilter-label {
color: #fff;
font-size: 2.5rem;
text-align: center;
text-transform: uppercase
}
.storyOverview-searchFilter-select {
background: #fff;
display: block;
margin: 1rem auto 0;
max-width: 200px;
width: 100%
}
.storyOverview-searchFilter-submit {
background: #666;
border: 0;
color: #fff;
display: block;
font-size: 1.2rem;
margin: 1rem auto 0;
max-width: 200px;
text-transform: uppercase;
width: 100%
}
.storyOverview-searchFilter-submit:hover {
background: #333
}
.storyOverview-searchResults {
position: relative;
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
margin-bottom: 3rem
}
@media (min-width: 768px) {
.storyOverview-searchResults {
float: left;
width: 58.33333%
}
}
@media (min-width: 768px) {
.storyOverview-searchResults {
left: 8.33333%
}
}
@media (min-width: 992px) {
.storyOverview-searchResults {
float: left;
width: 66.66667%
}
}
@media (min-width: 992px) {
.storyOverview-searchResults {
left: 8.33333%
}
}
.storyOverview-item {
position: relative;
min-height: 1px;
margin-bottom: 1rem;
padding: 0 .6rem
}
@media (min-width: 768px) {
.storyOverview-item {
float: left;
width: 33.33333%
}
}
.storyOverview-itemInner {
border: 1px solid #b8b8b8;
padding: 5px
}
.storyOverview-itemLink {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #666;
height: 125px;
text-align: center;
text-decoration: none
}
.storyOverview-itemLink:hover {
background-color: #333;
text-decoration: none
}
.storyOverview-logo {
max-height: 50%;
max-width: 50%
}
.storyOverview-logoText {
color: #fff;
font-size: 1.8rem;
max-width: 80%
}
@media (max-width: 767px) {
.imacBanner-storyLogo {
display: none!important
}
.story-container {
padding: 0 25px
}
.storyOverview-logo {
max-width: 120px
}
}
.clear-fixed-top {
margin-top: 50px
}
@media screen and (min-width: 992px) {
.clear-fixed-top {
margin-top: 89px
}
}
.styleguide h1,
.styleguide h2,
.styleguide h3 {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
text-transform: uppercase!important;
font-weight: 200;
font-size: 1.5em;
line-height: 1.25em;
margin: 10px 0
}
.styleguide h4,
.styleguide h5,
.styleguide h6 {
font-family: Montserrat, Helvetica, Arial, sans-serif
}
.styleguide a {
color: #4c4c4c;
font-weight: 400;
line-height: 16px;
text-decoration: underline
}
.styleguide a:active,
.styleguide a:hover {
color: #0071db;
text-decoration: underline
}
.styleguide h1 {
font-size: 3em;
text-align: center
}
.styleguide h2 {
font-size: 2em;
line-height: 1.25em;
font-weight: 400
}
.styleguide h5 {
text-align: left
}
.styleguide blockquote {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-align: left;
font-weight: 400
}
.semi-bold {
font-weight: 600
}
.lrembedtxt,
code {
font-family: Tahoma, Arial, Geneva, Helvetica
}
.infrastructure-and-services-container h2 {
text-align: center!important
}
.discs {
padding-left: 1.3em
}
.discs li {
margin-left: 1em
}
html body * div.clear {
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
background: 0 0
}
.cloud-pricing-table td:first-child,
.cloud-pricing-table th:first-child {
text-align: left
}
.styleguide table td,
.styleguide table th {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ccc;
font-size: 1.4rem;
line-height: 1.7em
}
.styleguide table td.yes {
background-image: url(circle-check-blue.png);
background-position: 50% 50%;
background-repeat: no-repeat
}
.cloud-pricing-table {
width: 100%;
margin-bottom: 20px
}
.cloud-pricing-table th,
.cloud-pricing-table thead tr {
color: #fff!important;
background-color: #00b4c3!important
}
.cloud-pricing-table td,
.cloud-pricing-table th {
text-align: center;
border-right-width: 0!important;
padding: 20px 0 20px 10px!important;
font-size: 14px!important
}
.cloud-pricing-table th {
padding: 20px 10px!important;
font-weight: 600!important;
line-height: 1.5em!important;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 1.25rem!important;
text-transform: uppercase;
vertical-align: bottom
}
th .pricing-table-select-time,
th .pricing-table-select-time-option,
th .pricing-table-select-time-static {
color: #333;
font-size: 1.2rem;
cursor: pointer;
background-color: #fff
}
.cloud-pricing-table td.cloud-blue {
text-align: left;
padding-left: 10px
}
.pricing-row-dark {
background-color: #efefef!important
}
.styleguide table td,
.styleguide table th {
padding: 20px 16px
}
.styleguide table td.expand {
padding: 5px 16px 3px;
font-size: 12px;
background-color: #ddd
}
.pricing_table tr td:last-child,
.pricing_table tr th:last-child {
border-right-width: 0!important
}
.pricing_table tr td:first-child,
.pricing_table tr th:first-child {
text-align: left;
padding-left: 20px;
vertical-align: bottom
}
.legalese {
font-size: 1.2rem!important;
font-style: italic!important;
line-height: 1.3rem!important;
margin: 5px 0 5px 22px!important;
padding: 0!important;
text-indent: -11px!important
}
.leader {
display: inline-block;
text-align: center;
margin-bottom: 4em;
letter-spacing: normal;
vertical-align: top
}
.leader a {
text-decoration: none
}
.leader .leaderPortrait {
margin-bottom: 1em
}
.leader .leaderPortrait img {
border-radius: 50%;
border: 2px solid #aaa
}
.leader .leaderName {
font-size: 1.6rem;
font-weight: 400
}
.leader .leaderTitle {
font-size: 1.2rem
}
.pricing_table_title {
position: relative;
top: 50px
}
.pricing_table {
border-width: 0;
border-collapse: collapse;
border-bottom-width: 0!important
}
.pricing_table th {
text-align: center;
border-width: 0 1px 0 0!important;
border-right-style: solid!important;
border-right-color: #ababab!important;
background-color: #fff!important
}
.pricing_green {
color: #609017!important
}
.pricing_table td {
text-align: center;
border-width: 1px 1px 0 0!important;
border-top-style: solid!important;
border-top-color: #ababab!important;
border-right-style: solid!important;
border-right-color: #ababab!important
}
.styleguide table td.no {
background-image: url(dash.png);
background-position: 50% 50%;
background-repeat: no-repeat
}
.pricing_table .cta_row,
.pricing_table .cta_row td {
border-right-width: 0!important;
border-bottom-width: 0!important
}
a.more {
padding-right: 12px;
margin-right: 15px;
background: url(arrow-right-red.png) 100% 3px no-repeat
}
.styleguide .underline {
text-decoration: underline
}
.pricing_table .hybrid_row,
.pricing_table .hybrid_row td {
border: 0!important
}
#hybrid_cell {
border: 1px solid #ababab!important
}
.pricing_blue {
color: #559fe3!important
}
.vyatta_get_started_step1,
.vyatta_get_started_step2,
.vyatta_get_started_step3 {
min-height: 80px;
padding-left: 117px!important;
background: url(vrouter-how-it-works-1.png) no-repeat
}
.vyatta_get_started_step2 {
background: url(vrouter-how-it-works-2.png) no-repeat
}
.vyatta_get_started_step3 {
background: url(vrouter-how-it-works-3.png) no-repeat
}
h1.pagetitle {
color: #999;
font-size: 1.9rem;
letter-spacing: 0;
line-height: 19px;
font-weight: 400;
padding: 0;
margin: 0 0 20px
}
#partner_application_form {
padding-bottom: 60px
}
#partner_application_form a.block,
#partner_application_form label {
display: block;
font-size: 1.6rem;
font-weight: 300
}
#partner_application_form label b {
color: #4c4c4c
}
#partner_application_form .clear {
margin-bottom: 25px
}
#partner_application_form a.block,
#partner_application_form label.Partner_Type__c {
display: block;
float: left;
padding: 15px 15px 12px;
margin-right: 15px;
border-radius: 4px;
transition: all .15s linear;
-webkit-transition: all .15s linear;
font-weight: 700;
font-size: 1.6rem;
text-decoration: none;
background-color: #eee
}
#partner_application_form a.block.external {
padding-right: 30px;
background-image: url(NewWindoNavIndicators.png);
background-position: right 10px top 50%;
background-repeat: no-repeat
}
.relative_stuff {
display: none
}
#partner_application_form input[type=text] {
border: 2px solid #d1d1d1;
padding: 10px;
border-radius: 4px;
font-size: 1.6rem;
color: #191919;
letter-spacing: .03em;
width: 95%
}
#partner_application_form input[type=checkbox] {
float: left;
margin-right: 10px
}
#partner_application_form select {
font-size: 1.6rem;
font-weight: 300
}
.grid_6 select.rsform {
width: 468px
}
.grid_12 textarea.rsform {
width: 950px
}
#partner_application_form .checkbox_validate input[type=checkbox] {
margin-left: 30px
}
.align_right {
width: 100%;
text-align: right
}
.dark_hr {
display: block;
height: 1px;
border-width: 1px 0 0;
border-top-style: solid;
border-top-color: silver;
margin: 1em 0;
padding: 0
}
.calculate_entry_row {
padding-bottom: 20px
}
.pull_right {
float: right
}
.calculate_entry {
font-size: 12px!important;
width: 4em!important;
padding: 5px!important
}
#calculate_button {
font-size: 1.2rem;
color: #fff;
padding: 5px;
border-radius: 4px;
background-color: #3f92df
}
.hex_comp_table table {
border: 0!important;
border-collapse: collapse!important
}
#year_header,
#year_header th,
.hex_comp_table .parent,
.hex_comp_table .parent td {
border-right-width: 0!important;
border-left-width: 0!important;
background-color: #dedede!important
}
.edge {
border-right-width: 0!important;
border-left-width: 0!important;
padding-right: 5px!important
}
.left2 {
border-left-width: 0!important;
padding-left: 5px!important;
text-align: left!important
}
.hex_comp_table .parent,
.hex_comp_table .total_row {
font-weight: 700
}
.hex_comp_table .total_row {
border-right-width: 0!important
}
.hex_comp_table .total_row,
.hex_comp_table .total_row td {
background-color: #fff!important
}
.hex_comp_table .child,
.hex_comp_table .child td {
background-color: #f1f1f1!important
}
.detailPopup {
display: none;
border: 1px solid #dda;
padding: 12px;
position: absolute;
z-index: 100;
font-size: 1rem;
line-height: 14px;
background: #ffc
}
#hybridCalculator .detailPopup {
padding-bottom: 0;
width: 150px
}
.detailPopup .listTitleH3 {
margin: 0 0 8px;
font-size: 1.2rem;
color: #555
}
.styleguide tr.even,
.styleguide tr.odd {
background-color: initial
}
#wizard {
margin-top: 60px
}
.fancybox-inner #subnav-contact-form,
.fancybox-inner #subnav-contact-webform {
width: 340px
}
.fancybox-inner textarea {
width: 100%
}
.g-recaptcha {
margin: 10px 0;
display: table
}
.messageOffset {
margin-top: 140px
}
.contentOffset-landingPage .messageOffset {
margin-top: 80px
}
@media only screen and (max-width: 991px) {
.messageOffset {
margin-top: 120px
}
.messageOffset ul.primary li a {
display: block
}
.contentOffset-landingPage .messageOffset {
margin-top: 60px
}
}
.content .node-legal,
.content .view-cloud-sla {
background: #fff;
text-align: left
}
.content .node-legal h1,
.content .view-cloud-sla h1 {
line-height: 1.2em;
clear: both
}
.content .node-legal h2,
.content .view-cloud-sla h2 {
font-size: 30px;
line-height: 108%;
letter-spacing: -.005em;
padding: 0 0 .5em;
color: #333;
font-style: normal;
font-weight: 400;
margin: 0;
text-align: left;
text-transform: none
}
.content .node-legal .content,
.content .view-cloud-sla .content {
font-size: 1.4rem;
padding: 175px 0 40px
}
.content .node-legal .content a,
.content .view-cloud-sla .content a {
color: #4C4C4C;
font-size: 1.4rem;
text-decoration: underline
}
.content .node-legal .content ul,
.content .view-cloud-sla .content ul {
list-style: disc
}
.content .node-legal .content .breadcrumb,
.content .view-cloud-sla .content .breadcrumb {
margin: 0 0 30px;
padding: 0;
list-style-type: none
}
.content .node-legal .content .breadcrumb li,
.content .view-cloud-sla .content .breadcrumb li {
display: inline;
font-size: 12px;
margin: 0 0 10px
}
.content .node-legal .content .breadcrumb li a,
.content .view-cloud-sla .content .breadcrumb li a {
font-size: 12px;
color: #C40022;
text-decoration: none
}
.content .node-legal .content .breadcrumb li a:hover,
.content .view-cloud-sla .content .breadcrumb li a:hover {
text-decoration: underline
}
.content .node-legal .content .breadcrumb li:after,
.content .view-cloud-sla .content .breadcrumb li:after {
content: "\00a0\00a0/\00a0\00a0"
}
.content .node-legal .content .breadcrumb li:last-child::after,
.content .view-cloud-sla .content .breadcrumb li:last-child::after {
content: ""
}
.content .node-legal .content table,
.content .view-cloud-sla .content table {
border: 1px solid #000;
margin: 5px 0
}
.content .node-legal .content table th,
.content .view-cloud-sla .content table th {
background: #000;
color: #FFF;
padding: 3px
}
.content .node-legal .content table td,
.content .view-cloud-sla .content table td {
border: 1px solid #000;
padding: 3px
}
.content .node-legal .print,
.content .view-cloud-sla .print {
float: right;
font-size: 12px
}
.content .node-legal .print .fa,
.content .view-cloud-sla .print .fa {
font-size: 16px;
margin-right: 5px
}
.content .node-legal .print a,
.content .view-cloud-sla .print a {
color: #494949;
text-decoration: underline
}
.content .node-legal .register,
.content .view-cloud-sla .register {
font-size: 14px
}
.content .node-legal .field-name-field-revision-date,
.content .node-legal .field-name-field-revision-date *,
.content .view-cloud-sla .field-name-field-revision-date,
.content .view-cloud-sla .field-name-field-revision-date * {
display: inline
}
.content .node-legal .content,
.content .view-cloud-sla .content {
margin: 0 auto
}
.content .node-legal .content .tabs.primary,
.content .view-cloud-sla .content .tabs.primary {
clear: both;
display: block;
margin-bottom: 25px
}
.content .node-legal .content .tabs.primary li,
.content .view-cloud-sla .content .tabs.primary li {
border: 0;
display: inline-block;
height: auto;
float: none;
margin: 0;
padding: 0;
width: auto
}
.content .node-legal .content p,
.content .view-cloud-sla .content p {
margin-bottom: 25px
}
.content .node-legal .tabs-sla,
.content .view-cloud-sla .tabs-sla {
background: #E7E7E7;
width: 260px
}
.content .node-legal .tabs-sla .tab-chooser-header,
.content .view-cloud-sla .tabs-sla .tab-chooser-header {
color: #333;
font-style: normal;
font-weight: 400;
padding: 14px 20px;
margin: 0
}
.content .node-legal .tabs-sla .tab-chooser .tab-sla,
.content .view-cloud-sla .tabs-sla .tab-chooser .tab-sla {
border-top: 1px solid #fff;
font-size: 12px;
font-weight: 200;
line-height: 115%;
padding: 10px 20px;
position: relative;
list-style: none
}
.content .node-legal .tabs-sla .tab-chooser .tab-sla a,
.content .view-cloud-sla .tabs-sla .tab-chooser .tab-sla a {
color: #494949;
font-size: 12px;
text-decoration: none
}
.content .node-legal .tabs-sla .tab-chooser .tab-sla a .fa,
.content .view-cloud-sla .tabs-sla .tab-chooser .tab-sla a .fa {
display: none
}
.content .node-legal .tabs-sla .tab-chooser .tab-sla.active,
.content .view-cloud-sla .tabs-sla .tab-chooser .tab-sla.active {
background: #fff
}
.content .node-legal .tabs-sla .tab-chooser .tab-sla.active .fa,
.content .view-cloud-sla .tabs-sla .tab-chooser .tab-sla.active .fa {
color: #C40022;
display: block;
right: 15px;
position: absolute;
top: 5px
}
.content .node-legal .tabs-sla .tab-chooser .tab-sla.active:last-child,
.content .view-cloud-sla .tabs-sla .tab-chooser .tab-sla.active:last-child {
border-bottom: 1px solid #e7e7e7
}
.content .node-legal .pane-sla,
.content .view-cloud-sla .pane-sla {
display: none
}
.content .node-legal .pane-sla .register,
.content .view-cloud-sla .pane-sla .register {
margin-top: 30px
}
.content .node-legal .pane-sla.active,
.content .view-cloud-sla .pane-sla.active {
display: block
}
.invalid {
color: #c40022
}
div.messages {
margin: 0
}
input[type=submit] {
cursor: pointer
}
#subnav-contact-form h2 {
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 18px
}
#general_contact_form {
height: 100%;
bottom: 0;
background: #eee
}
#general_contact_form dd,
#general_contact_form dt {
margin: 0 40px
}
#subnav-contact-form #general_contact_form dt {
margin: 0
}
#general_contact_form dt label {
text-align: left;
display: block
}
#general_contact_form dd {
margin-bottom: 15px;
text-align: left
}
#subnav-contact-form #general_contact_form dd {
margin: 0 0 10px
}
#subnav-contact-form input[type=email],
#subnav-contact-form input[type=text],
#subnav-contact-form textarea {
width: 300px;
position: relative;
padding: 3px 4px;
font-size: 1.4rem;
border: 1px solid #bfbfbf;
color: #333;
border-radius: 2px;
box-shadow: #ddd 1px 1px 2px inset
}
#general_contact_form input[type=text] {
padding: 3px 4px;
font-size: 1.4rem;
border: 1px solid #bfbfbf;
color: #333;
border-radius: 2px;
box-shadow: #ddd 1px 1px 2px inset;
width: 100%
}
textarea {
border: 1px solid #ccc;
color: #505050;
font-size: 1.2rem;
background: #fff
}
form textarea {
width: 100%
}
#cloud_hybrid_contact input[type=text],
#cloud_private_contact input[type=text],
#mobile_cloud_contact input[type=text],
#subnav-contact-form textarea {
width: 300px;
position: relative;
padding: 3px 4px;
font-size: 1.4rem;
border: 1px solid #bfbfbf;
color: #333;
border-radius: 2px;
box-shadow: #ddd 1px 1px 2px inset
}
#general_contact_form div.full_form_captcha {
width: 325px;
margin: 0 auto
}
#general_contact_form dl div.full_form_captcha {
width: auto;
margin: 0 0 0 40px
}
#subnav-contact-form #general_contact_form dl div.full_form_captcha {
margin: 0
}
#captcha-wrap .captchaImage,
#captcha-wrap .captchaInput,
#captcha-wrap .captchaLabel {
position: relative;
float: left
}
#captcha-wrap .captchaImage {
left: 0
}
#captcha-wrap input {
height: 58px;
text-align: center;
font-size: 4.4rem!important;
width: 50px!important
}
#general_contact_form #captcha-wrap input {
width: 40px!important
}
#captcha-wrap #spinner {
position: absolute;
top: 22px;
left: 40px;
width: 24px;
height: 24px;
display: none;
background-image: url(spinner.gif)
}
#captcha-wrap #captcha-image-wrap {
width: 102px;
height: 66px
}
#general_contact_form #captcha-image-wrap {
width: 90px;
height: 58px
}
#captcha-wrap .captchaLabel {
text-align: left;
left: 15px;
width: 120px
}
#subnav-contact-form .captchaLabel {
width: 110px
}
#captcha-wrap p {
font-size: .9rem;
line-height: 1.2rem;
margin-bottom: 3px;
padding: 0
}
#captcha-wrap a {
font-size: 1rem;
line-height: 1.2rem;
cursor: pointer
}
#captcha-wrap .captchaInput {
left: 30px
}
#general_contact_form #captcha-wrap .captchaInput {
left: 20px
}
input.rsform,
select.rsform,
textarea.rsform {
position: relative;
top: 0;
left: 0;
padding: 5px;
font-size: 1.8rem;
color: #000;
border: 1px solid #ccc
}
.success {
display: none;
padding: 40px;
background-color: #fffbb7
}
#subnav-contact-form .error,
#subnav-contact-form .success {
height: 157px;
padding-top: 185px;
text-align: center;
display: none
}
#subnav-contact-form .success {
background: url(success.png) 50% 85px no-repeat
}
#subnav-contact-form .error h2,
#subnav-contact-form .success h2 {
font-size: 3.2rem;
font-weight: 400;
line-height: 1.4em
}
#subnav-contact-form .error p,
#subnav-contact-form .success p {
font-size: 1.8rem;
line-height: 1.4em
}
#subnav-contact-form .error {
background: url(error.png) 50% 85px no-repeat
}
#subnav-contact-webform h2 {
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 18px
}
#subnav-contact-webform input[type=email],
#subnav-contact-webform input[type=text],
#subnav-contact-webform textarea {
position: relative;
font-size: 1.4rem;
color: #333
}
#subnav-contact-webform #general_contact_form dl div.full_form_captcha {
margin: 0
}
#subnav-contact-webform .captchaLabel {
width: 110px
}
#subnav-contact-webform .webform-confirmation {
padding-top: 100px;
text-align: center;
background: url(success.png) 50% 0 no-repeat
}
#subnav-contact-webform .webform-confirmation h2 {
font-size: 3.2rem;
font-weight: 400;
line-height: 1.4em
}
#subnav-contact-webform .webform-confirmation p {
font-size: 1.8rem;
line-height: 1.4em
}
#subnav-contact-webform input.error {
border-color: red
}
#subnav-contact-webform .element-invisible {
display: none
}
#subnav-contact-webform .error li {
color: red
}
#inline-contact-form #general_contact_form {
background: 0 0
}
#inline-contact-form #general_contact_form dt {
margin: 5px 0
}
#inline-contact-form #general_contact_form dd {
margin: 0 0 10px!important
}
#inline-contact-form #general_contact_form .full_form_captcha {
margin: 0;
width: 325px
}
#inline-contact-form #general_contact_form #submit-element {
float: right;
width: 100px;
margin-top: -58px!important
}
#inline-contact-form #general_contact_form #submit-label {
display: none
}
#inline-contact-form #general_contact_form .invalid {
color: #09c2e5
}
#inline-contact-form #general_contact_form ul.errors {
list-style: none;
padding: 0
}
#inline-contact-form #general_contact_form ul.errors li {
margin: 0
}
#subnav-contact-webform input[type=email],
#subnav-contact-webform input[type=text],
#subnav-contact-webform textarea {
resize: none;
border: 1px solid transparent;
box-shadow: none;
padding: 4px;
background-color: #eee;
border-radius: 0;
width: 100%
}
#subnav-contact-webform input[type=email]:-ms-input-placeholder,
#subnav-contact-webform input[type=text]:-ms-input-placeholder,
#subnav-contact-webform textarea:-ms-input-placeholder {
color: transparent
}
#subnav-contact-webform .form-title {
color: #666;
font-weight: 700
}
#subnav-contact-webform textarea {
height: 90px
}
#subnav-contact-webform input:focus,
#subnav-contact-webform textarea:focus {
border: 1px solid #1AE9EF
}
#footer-wrap {
position: relative;
top: 0;
width: 100%!important;
background-color: #2e3238!important;
z-index: 40
}
#footer-wrap .rug {
padding: 20px 0 10px;
border-bottom: 1px solid #6a6e74;
background-color: #2e3238!important;
color: #fff!important
}
#footer-wrap .rug p {
color: #fff!important
}
#footer-wrap .rug p.support {
font-size: 1.4rem;
line-height: 1.8rem;
margin: 0
}
#footer-wrap .rug p.support365 {
font-size: 3rem;
line-height: 2.5rem;
margin: 0;
padding: 0
}
#footer-wrap .rug .container_support {
margin-top: -5px
}
#footer-wrap .rug .phone ul {
margin-top: 3px;
margin-left: 10px;
list-style: none;
float: left
}
#footer-wrap .rug .phone ul li {
margin-bottom: 0;
list-style: none
}
#footer-wrap .rug .phone a {
font-size: 1em
}
#footer-wrap .rug .phone .fa {
margin: -5px -3px;
float: left;
color: #fff!important
}
#footer-wrap .rug a,
#footer-wrap .rug a span {
color: #fff!important;
text-decoration: none;
font-size: 1em
}
#footer-wrap .rug .chat a,
#footer-wrap .rug .email a {
margin-top: 11px;
float: left;
font-size: 1em
}
#footer-wrap .rug .chat a span,
#footer-wrap .rug .email a span {
float: left
}
#footer-wrap .rug .chat .fa,
#footer-wrap .rug .email .fa {
margin-top: -14px;
margin-right: 10px;
float: left;
color: #fff!important
}
#footer-wrap #fatfooter-wrap {
position: relative;
top: 0;
left: 0;
width: 100%!important;
padding: 30px 0
}
#footer-wrap #fatfooter-wrap h3 {
color: #fff!important;
font-size: 1.3rem!important;
text-transform: uppercase!important;
margin-bottom: 15px
}
#footer-wrap #fatfooter-wrap ul {
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
line-height: 1.4rem
}
#footer-wrap #fatfooter-wrap ul li {
font-size: 1.2rem;
list-style: none;
text-transform: capitalize;
white-space: nowrap;
margin: 0 0 5px
}
#footer-wrap #fatfooter-wrap ul li.blank {
margin: 29px 0 5px
}
#fatfooter-wrap div a {
color: #aaa;
text-decoration: none
}
#fatfooter-wrap div a:hover {
text-decoration: underline
}
#basement-wrap {
position: relative;
background: #2a2a2a;
padding: 10px 0;
font-size: 1.2rem;
color: #fff!important;
text-transform: uppercase!important
}
#basement-wrap .copyright {
text-align: right;
font-size: .75em;
color: #6a6e74;
margin-top: -3px
}
#basement-wrap #teconsent {
position: relative;
float: right;
top: -8px;
margin: 0 0 -19px 20px
}
#truste-consent-track {
border-top: 1px solid #dedede
}
#truste-consent-track .truste-text {
margin: 15px 0 15px 10px!important;
font-size: 1.2rem
}
#truste-consent-track button {
background: 0 0!important;
color: #fff!important;
font-size: 1.2rem;
margin-left: 20px;
cursor: pointer
}
ul.footer-menu li.footer-menu-item {
list-style: none;
padding: 0
}
#breadcrumb-wrap .chat-specialist {
float: right
}
.trademarks li {
list-style-type: none;
width: 31%;
margin: 1%;
border: 1px solid #f2f5f5;
text-align: center;
float: left;
height: 170px
}
.trademarks li p {
padding: .75em;
background-color: #f2f5f5
}
.trademarks li img {
padding: 3em
}
.trademarks .image-container {
height: 75%
}
.trademarks .title-container {
height: 25%
}
.full-width {
width: 100%!important
}
.no-margin {
margin: 0!important
}
.standard-padding {
padding: 40px 15px 60px
}
.padding-top-20 {
padding-top: 20px!important
}
.padding-top-50 {
padding-top: 50px!important
}
.padding-bottom-0 {
padding-bottom: 0!important
}
.show-small {
display: none
}
.center,
.centered p {
text-align: center
}
.centered {
text-align: center!important
}
.left {
text-align: left!important
}
.right {
text-align: right!important
}
.white {
color: #fff!important
}
.va-middle {
vertical-align: middle!important
}
.color-advent-red {
color: #c40022!important
}
.ff-copy {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif!important
}
.ff-heading {
font-family: 'Open Sans', Helvetica, Arial, sans-serif!important
}
.no-text-decoration {
text-decoration: none!important
}
.uppercase {
text-transform: uppercase!important
}
.bg-decision-engine-gray {
background-color: #efefef!important
}
.bg-red {
background-color: #c40022!important
}
.bg-steel-blue {
background-color: #007295!important
}
.bg-blue-gray {
background-color: #2e3238!important
}
.bg-white {
background-color: #fff!important
}
.no-border {
border: none!important
}
.center-block {
margin: 0 auto;
float: none;
clear: both
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media screen and (min-width: 768px) {
.no-side-padding-full {
padding-left: 0;
padding-right: 0
}
}
.js-tabcollapse-panel-body {
background-color: #fff
}
.fatfooter_1,
.grid_1,
.grid_10,
.grid_11,
.grid_12,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_divider_vertical,
.grid_eighth,
.grid_fifth,
.grid_fifth_2,
.grid_fifth_3,
.navigation_1,
.navigation_2,
.navigation_3 {
position: relative;
float: left
}
.container_12 .grid_fifth {
width: 182px!important
}
.container_12 .grid_fifth_2 {
width: 364px!important
}
.container_12 .grid_fifth_3 {
width: 546px!important
}
.container_12 .grid_fifth.push_1,
.container_12 .grid_fifth_2.push_1,
.container_12 .grid_fifth_3.push_1 {
left: 10px!important
}
.container_12 .grid_fifth.push_2,
.container_12 .grid_fifth_2.push_2,
.container_12 .grid_fifth_3.push_2 {
left: 20px!important
}
.container_12 .grid_fifth.push_3,
.container_12 .grid_fifth_2.push_3,
.container_12 .grid_fifth_3.push_3 {
left: 30px!important
}
.container_12 .grid_fifth.push_4,
.container_12 .grid_fifth_2.push_4,
.container_12 .grid_fifth_3.push_4 {
left: 40px!important
}
.container_12 .grid_eighth {
width: 106px!important
}
.container_12 .grid_eighth.push_1 {
left: 16px!important
}
.container_12 .grid_eighth.push_2 {
left: 32px!important
}
.container_12 .grid_eighth.push_3 {
left: 48px!important
}
.container_12 .grid_eighth.push_4 {
left: 64px!important
}
.container_12 .grid_eighth.push_5 {
left: 80px!important
}
.container_12 .grid_eighth.push_6 {
left: 96px!important
}
.container_12 .grid_eighth.push_7 {
left: 112px!important
}
.styleguide hr {
border: 1px solid #2a2a2a;
margin-bottom: 10px
}
.grid_break,
.grid_break_20,
.grid_break_40,
.grid_hr,
.grid_hr_break,
.grid_hr_nobreak {
position: relative;
top: 0;
left: 0;
width: 100%!important;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #d1d1d1
}
.grid_break_40 {
margin-top: 20px;
padding-bottom: 20px;
border: 0
}
.grid_hr {
margin-top: 5px;
padding-bottom: 5px
}
.grid_break_20 {
margin-top: 10px;
padding-bottom: 10px;
border: 0
}
.grid_break {
margin-top: 5px;
padding-bottom: 5px;
border: 0
}
.grid_hr_break {
margin-top: 35px;
padding-bottom: 35px
}
.grid_hr_tab {
margin-top: -1px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc
}
.grid_break_20 {
position: relative;
top: 0;
left: 0;
width: 100%!important
}
.container_12 {
position: relative;
top: 0;
left: 0;
margin: 0 auto;
text-align: left
}
.container_12 .grid_1 {
width: 58px
}
.container_12 .grid_2 {
width: 140px
}
.container_12 .grid_3,
.container_river .grid_3 {
width: 220px
}
.container_12 .grid_4 {
width: 304px
}
.container_12 .grid_5 {
width: 386px
}
.container_12 .grid_6 {
width: 465px
}
.container_12 .grid_7 {
width: 550px
}
.container_12 .grid_8 {
width: 632px
}
.container_12 .grid_9 {
width: 714px
}
.container_12 .grid_10 {
width: 796px
}
.container_12 .grid_11 {
width: 878px
}
.container_12 .grid_12 {
width: 940px
}
.container_12 .push_1 {
left: 24px
}
.container_12 .push_2 {
left: 48px
}
.container_12 .push_3 {
left: 72px
}
.container_12 .push_4 {
left: 96px
}
.container_12 .push_5 {
left: 120px
}
.container_12 .push_6 {
left: 144px
}
.container_12 .push_7 {
left: 168px
}
.container_12 .push_8 {
left: 192px
}
.container_12 .push_9 {
left: 216px
}
.content-layout-fluid .container_12 {
position: relative;
width: 100%!important;
max-width: 1400px;
margin: 0 auto;
padding: 0 0 0 1%
}
.content-layout-fluid .container_12 .grid_1 {
width: 5.5%
}
.content-layout-fluid .container_12 .grid_2 {
width: 14%
}
.content-layout-fluid .container_12 .grid_3 {
width: 22.5%
}
.content-layout-fluid .container_12 .grid_4 {
width: 31%
}
.content-layout-fluid .container_12 .grid_5 {
width: 39.5%
}
.content-layout-fluid .container_12 .grid_6 {
width: 48%
}
.content-layout-fluid .container_12 .grid_7 {
width: 56.5%
}
.content-layout-fluid .container_12 .grid_8 {
width: 65%
}
.content-layout-fluid .container_12 .grid_9 {
width: 73.5%
}
.content-layout-fluid .container_12 .grid_10 {
width: 82%
}
.content-layout-fluid .container_12 .grid_11 {
width: 90.5%
}
.content-layout-fluid .container_12 .grid_12 {
width: 99%
}
.content-layout-fluid .container_12 .push_1 {
left: 3%
}
.content-layout-fluid .container_12 .push_2 {
left: 6%
}
.content-layout-fluid .container_12 .push_3 {
left: 9%
}
.content-layout-fluid .container_12 .push_4 {
left: 12%
}
.content-layout-fluid .container_12 .push_5 {
left: 15%
}
.content-layout-fluid .container_12 .push_6 {
left: 18%
}
.content-layout-fluid .container_12 .push_7 {
left: 21%
}
.content-layout-fluid .container_12 .push_8 {
left: 24%
}
.content-layout-fluid .container_12 .push_9 {
left: 27%
}
.content-layout-fluid .container_12 .push_10 {
left: 30%
}
.content-layout-fluid .container_12 .push_11 {
left: 33%
}
.cards.col-sm-4 {
padding: 0!important
}
.flip {
-webkit-perspective: 800;
perspective: 800;
position: relative;
text-align: center
}
.flip .card.flipped {
-webkit-transform: rotatey(-180deg);
transform: rotatey(-180deg)
}
.flip .card {
-webkit-transform-style: preserve-3d;
-webkit-transition: .5s;
color: #fff;
height: 100%;
transform-style: preserve-3d;
transition: .5s
}
.flip .card .face {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 2
}
.flip .card .front {
position: absolute;
width: 100%;
z-index: 1
}
.flip .card .back {
-webkit-transform: rotatey(-180deg);
transform: rotatey(-180deg)
}
.cards .front .inner {
margin: 35px 20px
}
.cards .inner {
margin: 0
}
.cards .inner .col-md-6 {
max-width: 50%
}
.cards .inner .col-sm-3 {
max-width: 25%
}
.cards tfoot .card a {
bottom: 0;
font-size: 1.25em;
left: 0;
padding: 15px 0;
position: absolute;
text-decoration: none;
width: 100%
}
.cards:nth-child(odd) {
background-color: #6a6e74
}
.cards:nth-child(odd) .card a,
.cards:nth-child(odd) tr:nth-child(even) {
background-color: #4c4c4c
}
.cards:nth-child(odd) tr:nth-child(odd) {
background-color: #6a6e74
}
.cards:nth-child(odd) tfoot,
.cards:nth-child(odd) thead {
background-color: #4c4c4c
}
.cards:nth-child(even) {
background-color: #0dcfd9
}
.cards:nth-child(even) .card a,
.cards:nth-child(even) tr:nth-child(even) {
background-color: #00b4c3;
text-decoration: none
}
.cards:nth-child(even) tr:nth-child(odd) {
background-color: #0dcfd9;
text-decoration: none
}
.cards:nth-child(even) tfoot,
.cards:nth-child(even) thead {
background-color: #00b4c3;
text-decoration: none
}
.cards thead td {
Text-align: center!important;
font-size: 1.2em!important;
font-weight: 600!important
}
.cards table {
width: 100%
}
.cards td {
border: none!important;
color: #fff;
padding: 10px!important;
text-align: left
}
.cards tr.notoffered td {
opacity: .4
}
.cards h3 {
color: #fff;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
margin: 30px 0
}
.cards .recommended:before {
background-color: #0dcfd9;
border-radius: 7px 7px 0 0;
color: #fff;
content: "Recommended";
height: 15px;
padding: 8px 0;
position: absolute;
text-align: center;
top: -30px;
left: 0;
width: 100%
}
.cards i.fa {
color: #fff!important;
float: left;
font-size: 1em;
line-height: 1.5em
}
.cards label {
display: inline-block;
width: 50px
}
.pricing-card-flip-button {
bottom: 0;
font-size: 1.25em;
left: 0;
padding: 15px 0;
position: absolute;
text-decoration: none;
width: 100%
}
.card a {
color: #fff
}
.card a.button {
border: 1px solid #fff;
font-size: 1em;
margin: 0 22%;
padding: 7px;
position: relative;
text-align: center;
width: 50%
}
.card tbody td a:after {
border-radius: 8px;
color: #fff;
content: "[+]";
cursor: pointer;
display: inline-block;
font-size: 13px;
height: 14px;
line-height: 14px;
position: relative;
text-align: center;
width: 14px
}
.card tbody td:after {
content: "\2713";
float: right
}
.card tbody tr.data td:after,
.card tbody tr.notoffered td:after,
.card tbody tr:first-child td:after {
content: " "
}
@media screen and (max-width: 768px) {
.cards {
margin-bottom: 60px
}
.cards:last-child {
margin-bottom: 0
}
}
#sla-comparison-table .fatfooter_1,
#sla-comparison-table .grid_1,
#sla-comparison-table .grid_10,
#sla-comparison-table .grid_11,
#sla-comparison-table .grid_12,
#sla-comparison-table .grid_2,
#sla-comparison-table .grid_3,
#sla-comparison-table .grid_4,
#sla-comparison-table .grid_5,
#sla-comparison-table .grid_6,
#sla-comparison-table .grid_7,
#sla-comparison-table .grid_8,
#sla-comparison-table .grid_9,
#sla-comparison-table .grid_divider_vertical,
#sla-comparison-table .grid_fifth,
#sla-comparison-table .navigation_1,
#sla-comparison-table .navigation_2,
#sla-comparison-table .navigation_3 {
position: relative;
float: left!important
}
#sla-comparison-table .container_12 .grid_3,
#sla-comparison-table .container_river .grid_3 {
width: 220px!important
}
#sla-comparison-table .container_12 .grid_1 {
width: 58px!important
}
#sla-comparison-table .container_12 .push_4 {
left: 96px!important
}
#sla-comparison-table .container_12 .grid_6 {
width: 468px!important
}
#sla-comparison-table .container_12 .grid_4 {
width: 304px!important
}
#sla-comparison-table .container_12 .push_6 {
left: 144px!important
}
#sla-comparison-table .container_12 .push_7 {
left: 168px!important
}
#sla-comparison-table .container_12 .push_9 {
left: 216px!important
}
#sla-comparison-table .container_12 .grid_10 {
width: 796px!important
}
#sla-comparison-table .container_12 .grid_11 {
width: 878px!important
}
#sla-comparison-table .container_12 .grid_12 {
width: 940px!important
}
#sla-comparison-table .container_12 .grid_fifth {
width: 182px!important
}
#sla-comparison-table .container_12 .grid_fifth.push_1 {
left: 10px!important
}
#sla-comparison-table .container_12 .grid_fifth.push_2 {
left: 20px!important
}
#sla-comparison-table .container_12 .grid_fifth.push_3 {
left: 30px!important
}
#sla-comparison-table .container_12 .grid_fifth.push_4 {
left: 40px!important
}
#sla-comparison-table .container_12 .grid_2 {
width: 140px!important
}
#sla-comparison-table .container_12 .grid_8 {
width: 632px!important
}
#sla-comparison-table .container_12 .grid_5 {
width: 386px!important
}
#sla-comparison-table .container_12 .grid_7 {
width: 550px!important
}
#sla-comparison-table .container_12 .grid_9 {
width: 714px!important
}
#sla-comparison-table .text12 {
text-align: center
}
.styleguide .solutions-header {
color: #333;
font-weight: 300;
text-align: center
}
.styleguide .ease {
transition: .15s ease;
-webkit-transition: .15s ease
}
.styleguide .no-border {
border-left: 0
}
.styleguide .styleguide .lead h1 {
font-size: 1.5em
}
.styleguide .styleguide .lead h2 {
margin-bottom: 30px;
font-size: 1.25em
}
.styleguide .styleguide .lead p {
text-align: center;
margin-top: 20px;
font-size: 18px
}
.styleguide .styleguide .lead img {
width: 100px;
height: 100px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px
}
.styleguide .value-prop-container {
margin: 0 auto;
display: flex;
flex-wrap: wrap
}
.styleguide .value-prop {
display: block
}
.styleguide .value-prop h3 {
font-size: 26px;
font-weight: 200;
line-height: 114%;
padding-bottom: .25em;
text-align: center
}
.styleguide .value-prop p {
font-size: 15px;
text-align: center;
font-weight: 300;
line-height: 150%;
padding-left: 15px;
padding-right: 15px
}
.styleguide .key-offers-container h2 {
font-weight: 300;
text-align: center;
color: #fff;
font-style: normal;
letter-spacing: -.007em;
line-height: 100%
}
.styleguide .offerBox {
background: url(offer-box-stack.png) right bottom/70px 100px no-repeat #fff;
display: block;
padding: 10px 0;
margin-bottom: 40px;
position: relative;
text-align: left;
vertical-align: middle;
width: auto
}
.styleguide .offerBox h3 {
margin-bottom: 0;
padding: 18px 20px 0;
text-align: left;
text-transform: none
}
.styleguide .offerBox p {
font-weight: 300;
margin-bottom: 0;
padding: 15px 20px 2px
}
.styleguide .offerBox a {
text-decoration: none;
text-shadow: none;
text-transform: none
}
.styleguide .offerBox a:hover {
color: #4c4c4c
}
.styleguide .offerBox.hover:hover {
box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
-ms-transform: translateY(-5px) scale(1.03);
-webkit-transform: translateY(-5px) scale(1.03);
transform: translateY(-5px) scale(1.03);
transition: .15s ease;
-webkit-transition: .15s ease
}
.styleguide .offerBox:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden
}
.styleguide .offerBox .more-info {
font-size: 1.5rem;
font-weight: 600;
padding-bottom: 20px
}
.styleguide .expertise-container {
background-size: cover;
padding: 60px 0;
margin-bottom: 0;
border-bottom: 0
}
.styleguide .expertise-container p {
border: 0;
background-color: #c40022;
color: #fff;
display: table;
font-style: normal;
font-size: 4.4rem;
font-weight: 300;
letter-spacing: -.007em;
line-height: 175%;
vertical-align: center;
padding: 0 20px;
margin-bottom: 5px;
text-align: left;
text-transform: none
}
.styleguide .infrastructure-and-services-container p {
font-size: 1.8rem;
text-align: center;
color: #5D5D5D;
font-style: normal;
font-weight: 300;
letter-spacing: 0;
line-height: 160%;
margin: 0;
padding: 0
}
.styleguide .infrastructure-and-services-container .clickarea {
padding: 5%;
background-color: transparent;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box
}
.styleguide .infrastructure-and-services-container .clickarea a {
text-decoration: none
}
.styleguide .infrastructure-and-services-container .clickarea:hover {
background-color: rgba(0, 0, 0, .1);
cursor: pointer;
transition: .15s ease;
-webkit-transition: .15s ease
}
.styleguide .infraserv {
display: block;
margin: 0;
padding: 0;
text-align: center;
vertical-align: top;
width: 100%
}
.styleguide .infraserv .more-info {
color: #c40022;
font-weight: 600
}
.styleguide .infraserv img {
display: block;
margin: auto auto 10px;
padding: 0;
position: relative;
text-align: center;
top: 0;
vertical-align: top;
width: 70px
}
.styleguide .infraserv h3 {
text-align: center;
padding-bottom: .25em
}
.styleguide .infraserv p {
font-size: 1.5rem;
font-weight: 300;
line-height: 140%;
margin-bottom: 20px;
text-align: center
}
.styleguide .infraserv a {
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0;
margin-top: .75em;
text-align: center;
text-transform: none;
background: right center no-repeat none;
border: 0;
color: #c40022;
padding: 0;
text-shadow: none
}
.styleguide .infraserv a:hover {
background: right center no-repeat none;
border: 0;
color: #D23;
text-shadow: none;
transition: .15s ease;
-webkit-transition: .15s ease
}
.styleguide .infraserv a:active {
background: right center no-repeat none
}
.styleguide .infraserv:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden
}
.styleguide .resource-container {
display: flex;
flex-wrap: wrap
}
.styleguide .resource-container h2 {
color: #333;
font-weight: 300;
text-align: center;
font-style: normal;
letter-spacing: -.007em;
line-height: 100%;
margin: 0;
padding: 0
}
.styleguide .resource {
background-color: #fff;
box-sizing: border-box;
border-top: 12px solid #23cd69;
padding: 20px 20px 5px;
margin: 0 0 40px
}
.styleguide .resource h6 {
color: #23cd69;
font-size: 1.1rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .1em
}
.styleguide .resource h3 {
display: inline-block;
font-size: 1.6rem!important;
font-weight: 600!important;
letter-spacing: .5px;
line-height: 120%;
padding-top: 8px;
text-transform: none;
width: 190px
}
.styleguide .resource p:first-of-type {
padding-top: 8px;
font-size: 15px;
font-weight: 300;
line-height: 150%
}
.styleguide .resource a {
color: #4c4c4c;
display: block;
font-size: 14px;
font-weight: 600;
letter-spacing: 0;
margin-top: 1em;
padding-bottom: 20px;
text-decoration: none;
text-transform: none
}
.styleguide .resource .read-more {
color: #c40022
}
.styleguide .resource:hover {
background-color: #23cd69;
border-top: 12px solid rgba(0, 0, 0, .2);
color: #fff;
cursor: pointer;
transition: .15s ease;
-webkit-transition: .15s ease
}
.styleguide .resource:hover a {
color: #fff;
text-decoration: none;
text-transform: none
}
.styleguide .resource:hover .read-more,
.styleguide .resource:hover h3,
.styleguide .resource:hover h6 {
color: #fff
}
.styleguide .resource:hover img {
display: none
}
.styleguide .resource:hover img.hover {
display: inline-block
}
.styleguide .resource img {
display: inline-block;
margin-right: 10px;
padding-top: 10px;
vertical-align: top;
width: 60px
}
.styleguide .resource img.hover {
display: none
}
.styleguide .technologies h3 {
padding-top: 8px;
font-size: 2rem;
font-weight: 200;
letter-spacing: 0;
line-height: 114%
}
.styleguide .technologies h3+p {
padding-top: 8px;
font-size: 15px;
font-weight: 300;
line-height: 150%
}
.styleguide .techapps-container h2 {
color: #333;
font-weight: 300;
text-align: center;
font-style: normal;
letter-spacing: -.007em;
line-height: 100%;
margin: 0;
padding: 0;
text-transform: none;
vertical-align: top
}
.styleguide .techapps-container p {
font-size: 1.8rem;
text-align: center;
color: #5D5D5D;
font-style: normal;
font-weight: 300;
letter-spacing: 0;
line-height: 160%;
margin: 0;
padding: 0;
text-transform: none
}
.styleguide .techapps {
display: table;
padding: 0 8.585%;
text-align: center;
width: 82.83%;
margin-top: 20px;
border: 0;
font-size: 100%;
vertical-align: baseline
}
.styleguide .techapps img {
max-height: 80px;
max-width: 140px;
padding: 2%;
text-align: center;
vertical-align: middle
}
.styleguide .techapps a {
border: 0;
cursor: pointer;
display: table-cell;
font-size: 1;
line-height: 0;
text-align: center;
text-decoration: none;
padding: 1.1%;
vertical-align: middle;
width: 22.749%
}
.styleguide .techapps a:hover {
background-color: rgba(0, 5, 10, .1);
cursor: pointer;
transition: .15s ease;
-webkit-transition: .15s ease
}
.styleguide .quote {
border: 0;
padding: 20px 0 0;
position: relative;
text-align: center;
width: 100%
}
.styleguide .quote p:first-of-type img,
.styleguide .quote>img:first-of-type {
height: auto;
width: 90px;
margin-bottom: 25px;
text-align: center;
vertical-align: middle
}
.styleguide .quote p:nth-of-type(4) img,
.styleguide .quote>img:last-of-type {
max-height: 50px;
max-width: 200px;
margin-top: 10px;
margin-bottom: 30px;
text-align: center;
vertical-align: middle
}
.styleguide .quote:nth-child(2) {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 28px;
font-weight: 200;
line-height: 140%;
margin: 0;
color: #fff;
text-align: center
}
.styleguide .quote:nth-child(2):before {
content: "“";
font-family: Arial;
font-weight: 600;
padding-right: 4px
}
.styleguide .quote:nth-child(2):after {
content: "”";
font-family: Arial;
font-weight: 600
}
.styleguide .quote:nth-child(3) {
font-size: 1.4rem;
font-style: italic;
font-weight: 600;
line-height: 120%;
margin: 30px 0 0;
color: #fff;
text-align: center
}
.styleguide .quote:nth-child(3):before {
content: "\2014\2002";
font-weight: 300
}
.styleguide .quote:nth-child(3):after {
content: "\2002\2014";
font-weight: 300
}
.styleguide .monopoly-card {
background: #007295;
border: 9px solid #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, .35);
text-align: center;
z-index: 10
}
.styleguide .monopoly-card .card-top {
padding: 10px 5px 15px;
border-bottom: 2px solid #0099c8
}
.styleguide .monopoly-card .card-top p {
line-height: 1.6rem;
margin: 5px 0;
color: #fff!important
}
.styleguide .monopoly-card .card-top img {
width: 50px;
height: 50px
}
.styleguide .monopoly-card .card-arrow {
position: relative;
top: -13px;
left: 69px;
width: 26px;
height: 26px;
background-image: url(monopoly-card-arrow.png);
background-size: 26px 26px;
z-index: 30
}
.styleguide .monopoly-card.partner .card-arrow {
left: 160px
}
.styleguide .monopoly-card .card-bottom {
position: relative;
top: -26px;
margin-bottom: -26px;
padding: 20px 8px 10px;
background: #005e7c;
min-height: 163px
}
.styleguide .monopoly-card .card-bottom p {
color: #fff!important
}
.styleguide .monopoly-card .card-bottom p:last-child {
margin: 10px 0 5px;
text-decoration: underline
}
.styleguide .monopoly-card a {
text-decoration: none;
color: #fff!important
}
.styleguide .monopoly-card:hover {
background: #006a8b
}
.styleguide .monopoly-card:hover .card-top {
border-bottom: 2px solid #0091be
}
.styleguide .monopoly-card.partner,
.styleguide .monopoly-card:hover .card-bottom {
background: #005771
}
.styleguide .monopoly-card.partner .card-top {
border-bottom: 2px solid #006a8b
}
.styleguide .monopoly-card.partner .card-bottom {
background: #004358
}
.styleguide .monopoly-card.partner:hover {
background: #004f67
}
.styleguide .monopoly-card.partner:hover .card-top {
border-bottom: 2px solid #006281
}
.styleguide .monopoly-card.partner:hover .card-bottom {
background: #003b4e
}
.styleguide .dc_availability p {
float: left
}
.styleguide .dc_availability ul {
display: inline;
padding: 0 0 0 5px
}
.styleguide .dc_availability ul li {
display: inline-block;
list-style-type: none;
padding: 2px 4px;
margin: 0;
width: 40px;
border-radius: 3px;
color: #fff;
font-weight: 600;
text-align: center
}
.styleguide .dc_availability ul .available {
background: #00a96d
}
.styleguide .dc_availability ul .unavailable {
background: #ccc
}
.styleguide .additional-resources-container h2 {
color: #333;
font-weight: 300;
text-align: center
}
.styleguide .additional-resource a {
display: block;
padding: 5px;
text-decoration: none
}
.styleguide .additional-resource a:hover {
background-color: rgba(0, 0, 0, .1)
}
.styleguide .additional-resource i {
color: #6a6e74;
vertical-align: top
}
.styleguide .additional-resource .fa-angle-right {
font-size: 3.2rem;
margin-top: 4px
}
.styleguide .additional-resource .icon {
font-size: 4.2rem;
padding: 0 8px
}
.styleguide .additional-resource span {
color: #6a6e74;
display: inline-block;
line-height: 150%;
width: 75%
}
.styleguide .additional-resource.grid_3 .fa-github-square {
padding: 0
}
.styleguide .additional-resource.grid_3 span {
width: 73%
}
.styleguide .cloud-lead .list-column h3 {
font-weight: 600!important
}
.styleguide .cloud-lead p {
text-align: center
}
.styleguide .portfolio-container h3 {
color: #3295e3!important;
font-weight: 600!important
}
.styleguide .portfolio-container a {
margin: 0 10px 20px 0;
display: inline-block
}
.styleguide .whyadvent.quote_river {
background-color: #c40022
}
.styleguide .whyadvent.quote_river h2 {
color: #fff;
font-size: 42px;
margin: 30px auto 60px
}
.styleguide .whyadvent.quote_river .quote {
padding: 0
}
.styleguide .whyadvent.quote_river .quote .no-content::after,
.styleguide .whyadvent.quote_river .quote .no-content::before {
content: none
}
.styleguide .whyadvent.quote_river .quote:nth-child(2),
.styleguide .whyadvent.quote_river .quote:nth-child(3) {
text-align: left
}
.styleguide .whyadvent.quote_river .quote>img:last-of-type {
float: left;
width: 230px
}
.styleguide .whyadvent.quote_river .quote .attribution {
margin: 40px 0
}
.styleguide .container_river {
width: 100%;
padding: 40px 0;
background-color: #f2f5f5
}
.styleguide .container_river.catfish {
margin-bottom: -56px
}
.styleguide .container_river.catfish .text14 {
text-align: center
}
.styleguide .container_river.depad-bottom {
padding: 40px 0 0
}
.styleguide .container_river.quote_river {
padding: 0;
background-color: #3B3F45
}
.styleguide .container_river.quote_river a {
display: block;
padding: 40px 0;
text-decoration: none
}
.styleguide .container_river.quote_river a:hover {
transition: .15s ease;
-webkit-transition: .15s ease;
background-color: #2a2a2a
}
.styleguide .container_river.quote_river .read-more {
color: #FFF;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0;
padding: 10px 25px;
text-align: center
}
.styleguide .container_river.home-river-contact {
background-color: #333
}
.styleguide .container_river .bleach {
background-color: #fff
}
.styleguide .container_river .service-level-wrap {
margin-top: -60px
}
.styleguide .container_river .pill .footer,
.styleguide .container_river .pill .header {
background-color: #555;
color: #fff;
text-align: center;
font-size: 2.2rem
}
.styleguide .container_river .pill .header {
border-radius: 5px 5px 0 0;
padding-top: 20px;
height: 66px
}
.styleguide .container_river .pill .header h2 {
font-size: 2.2rem;
color: #fff
}
.styleguide .container_river .pill .header h2 .descriptor {
font-size: 1.6rem
}
.styleguide .container_river .pill .content {
padding: 20px 30px 0;
height: 460px;
background-color: #fff
}
.styleguide .container_river .pill .footer {
border-radius: 0 0 5px 5px;
padding: 20px 0 15px;
height: 95px
}
.styleguide .container_river .pill .footer p {
color: #fff;
margin: 0
}
.styleguide .container_river .pill .footer .price {
font-size: 3.4rem
}
.styleguide .container_river .pill .pillcta {
text-align: center;
margin: auto;
padding-top: 20px
}
.styleguide .container_river .pill.recommended .footer,
.styleguide .container_river .pill.recommended .header {
background-color: #0071db
}
.styleguide .template_river {
width: 100%;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
padding: 0;
margin-top: 0;
margin-bottom: 0
}
.styleguide .template_river .river_background {
margin-top: 0;
margin-bottom: 0
}
.styleguide .template_river .river_background.purple {
background-color: #784b91
}
.styleguide .template_river .river_background.bright-gray {
background-color: #f2f5f5
}
i.rsweb {
font-size: 5em
}
@media screen and (max-width: 768px) {
#page-wrap {
overflow: hidden;
position: relative;
min-width: 320px
}
.styleguide h2 {
font-size: 1.5em
}
.styleguide h3 {
font-size: 1.25em
}
#banner-v3-wrap *,
#subnav-v3-wrap * {
-webkit-font-smoothing: antialiased
}
.no-navigation-wrap .banner {
margin-top: 44px!important
}
.banner {
color: #fff;
overflow: auto;
margin-top: 44px
}
.banner .header-content .pre-header {
height: 16px
}
.banner .header-content .pre-header .text,
.banner .header-content .sub-header .text {
font-size: 16px
}
.banner .header-content .header {
height: auto
}
.banner .header-content .header .text {
padding-top: 0;
line-height: 35px;
font-size: 28px;
height: auto;
color: #fff
}
.horizontal-scroll {
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch
}
.hide-small {
display: none!important
}
.hide-extra-small {
display: none
}
.center-small {
text-align: center!important
}
.container_river_cloud_contact .grid_4 {
margin: 5px 0 25px 20px
}
.service-level-wrap div.pill {
margin-bottom: 80px
}
.service-level-wrap div.pill .content {
padding: 20px 30px 80px;
height: auto
}
.service-level-wrap div.pill .content p:last-child {
display: none
}
.service-level-wrap div.pill .pillcta {
position: relative;
top: -230px
}
.pill-footer {
margin-bottom: 40px
}
.container_quote {
padding: 35px 0
}
.container_quote .quote-body {
font-size: 2.4rem;
text-align: center
}
.container_quote .quote-originator {
font-size: 1.2rem
}
.footer-social ul {
left: 24px
}
#cloud-databases-pricing-table {
min-width: 600px
}
#cloud-big-data-pricing-table {
min-width: 900px
}
#cloud-queues-pricing-table {
min-width: 200px
}
.dd-wrap {
padding: 5px 0
}
.dd-wrap-column {
padding: 10px 15px
}
.dd-wrap-label {
margin-bottom: 5px
}
.dd-wrap-center,
.dd-wrap-label {
display: block
}
.dd-wrap-column-lvl {
width: 90%
}
.dd-wrap-column-lvl option,
.dd-wrap-column-lvl select {
width: 100%
}
.pricing-header {
border: none
}
.content-layout-fluid .grid_1,
.content-layout-fluid .grid_10,
.content-layout-fluid .grid_11,
.content-layout-fluid .grid_12,
.content-layout-fluid .grid_2,
.content-layout-fluid .grid_3,
.content-layout-fluid .grid_4,
.content-layout-fluid .grid_5,
.content-layout-fluid .grid_6,
.content-layout-fluid .grid_7,
.content-layout-fluid .grid_8,
.content-layout-fluid .grid_9,
.content-layout-fluid .grid_fifth,
.content-layout-fluid .grid_fifth_2,
.content-layout-fluid .grid_fifth_3,
.styleguide .grid_1,
.styleguide .grid_10,
.styleguide .grid_11,
.styleguide .grid_12,
.styleguide .grid_2,
.styleguide .grid_3,
.styleguide .grid_4,
.styleguide .grid_5,
.styleguide .grid_6,
.styleguide .grid_7,
.styleguide .grid_8,
.styleguide .grid_9,
.styleguide .grid_fifth,
.styleguide .grid_fifth_2,
.styleguide .grid_fifth_3 {
width: 100%!important
}
.content-layout-fluid .grid_fifth.push_1,
.content-layout-fluid .grid_fifth.push_2,
.content-layout-fluid .grid_fifth.push_3,
.content-layout-fluid .grid_fifth.push_4,
.content-layout-fluid .grid_fifth_2.push_1,
.content-layout-fluid .grid_fifth_2.push_2,
.content-layout-fluid .grid_fifth_2.push_3,
.content-layout-fluid .grid_fifth_2.push_4,
.content-layout-fluid .grid_fifth_3.push_1,
.content-layout-fluid .grid_fifth_3.push_2,
.content-layout-fluid .grid_fifth_3.push_3,
.content-layout-fluid .grid_fifth_3.push_4,
.styleguide .grid_fifth.push_1,
.styleguide .grid_fifth.push_2,
.styleguide .grid_fifth.push_3,
.styleguide .grid_fifth.push_4,
.styleguide .grid_fifth_2.push_1,
.styleguide .grid_fifth_2.push_2,
.styleguide .grid_fifth_2.push_3,
.styleguide .grid_fifth_2.push_4,
.styleguide .grid_fifth_3.push_1,
.styleguide .grid_fifth_3.push_2,
.styleguide .grid_fifth_3.push_3,
.styleguide .grid_fifth_3.push_4 {
left: 0!important
}
.content-layout-fluid .grid_eighth,
.styleguide .grid_eighth {
width: 25%!important
}
.content-layout-fluid .grid_eighth.push_1,
.content-layout-fluid .grid_eighth.push_2,
.content-layout-fluid .grid_eighth.push_3,
.content-layout-fluid .grid_eighth.push_4,
.content-layout-fluid .grid_eighth.push_5,
.content-layout-fluid .grid_eighth.push_6,
.content-layout-fluid .grid_eighth.push_7,
.styleguide .grid_eighth.push_1,
.styleguide .grid_eighth.push_2,
.styleguide .grid_eighth.push_3,
.styleguide .grid_eighth.push_4,
.styleguide .grid_eighth.push_5,
.styleguide .grid_eighth.push_6,
.styleguide .grid_eighth.push_7 {
left: 0!important
}
.content-layout-fluid .container_12,
.styleguide .container_12 {
width: 95%!important;
padding: 0 2.5%!important
}
.content-layout-fluid .push_1,
.content-layout-fluid .push_10,
.content-layout-fluid .push_11,
.content-layout-fluid .push_2,
.content-layout-fluid .push_3,
.content-layout-fluid .push_4,
.content-layout-fluid .push_5,
.content-layout-fluid .push_6,
.content-layout-fluid .push_7,
.content-layout-fluid .push_8,
.content-layout-fluid .push_9,
.styleguide .push_1,
.styleguide .push_10,
.styleguide .push_11,
.styleguide .push_2,
.styleguide .push_3,
.styleguide .push_4,
.styleguide .push_5,
.styleguide .push_6,
.styleguide .push_7,
.styleguide .push_8,
.styleguide .push_9 {
left: auto!important
}
.content-layout-fluid .margin-small,
.styleguide .margin-small {
margin: 2em!important
}
.row-eq-height {
display: inline-block;
margin: 0 auto;
width: 100%
}
#footer-wrap #fatfooter-wrap {
margin: 0 auto
}
#footer-wrap #fatfooter-wrap .container_12 {
width: 100%!important;
padding: 0!important
}
#footer-wrap #fatfooter-wrap h3 {
width: 100%;
border-top: 1px solid #6a6e74;
border-bottom: 1px solid #6a6e74;
text-align: center;
padding: 10px 0;
margin-bottom: 0;
cursor: pointer
}
#footer-wrap #fatfooter-wrap li {
width: 100%;
border-bottom: 1px solid #2a2a2a;
background-color: #333;
margin: 0!important
}
#footer-wrap #fatfooter-wrap li a {
display: inline-block;
width: 100%;
text-align: center;
padding: 8px 0;
text-decoration: none
}
#footer-wrap #fatfooter-wrap li:hover {
background-color: #2a2a2a
}
#footer-wrap #fatfooter-wrap .accordionMenu,
#footer-wrap #fatfooter-wrap li.blank {
display: none
}
.reference_architecture .tabs li {
display: list-item!important
}
.reference_architecture ul.tabs {
padding-left: 5px;
padding-right: 5px
}
.reference_architecture ul.tabs li:first-child {
margin-left: 0
}
.reference_architecture ul.tabs li.active::after {
content: "\f0da";
display: block;
position: absolute;
font-family: FontAwesome;
font-size: 2em;
left: 2px;
top: 5px
}
.reference_architecture .pane .grid_7 img,
.reference_architecture .pane .grid_8 img {
width: 100%;
margin: auto;
padding-bottom: 20px
}
.styleguide .value-prop {
border-left: 0;
padding-left: 0
}
.styleguide .customer-teaser li {
margin-right: 10px
}
.styleguide .expertise-container {
background-color: #c40022;
background-image: none!important
}
.styleguide .expertise-container p {
font-size: 30px;
line-height: 125%
}
.styleguide .monopoly-card,
.styleguide .monopoly-card.partner,
.styleguide .monopoly-card.partner:hover,
.styleguide .monopoly-card:hover {
border: 0;
box-shadow: none;
background: #f2f5f5;
margin-bottom: 20px
}
.styleguide .monopoly-card .card-top,
.styleguide .monopoly-card.partner .card-top,
.styleguide .monopoly-card.partner:hover .card-top,
.styleguide .monopoly-card:hover .card-top {
padding: 0 5px 5px;
border: 0
}
.styleguide .monopoly-card .card-top p,
.styleguide .monopoly-card.partner .card-top p,
.styleguide .monopoly-card.partner:hover .card-top p,
.styleguide .monopoly-card:hover .card-top p {
font-size: 1.8rem;
line-height: 2.4rem;
color: #333!important
}
.styleguide .monopoly-card .card-arrow,
.styleguide .monopoly-card .card-top img,
.styleguide .monopoly-card.partner .card-arrow,
.styleguide .monopoly-card.partner .card-top img,
.styleguide .monopoly-card.partner:hover .card-arrow,
.styleguide .monopoly-card.partner:hover .card-top img,
.styleguide .monopoly-card:hover .card-arrow,
.styleguide .monopoly-card:hover .card-top img {
display: none
}
.styleguide .monopoly-card .card-bottom,
.styleguide .monopoly-card.partner .card-bottom,
.styleguide .monopoly-card.partner:hover .card-bottom,
.styleguide .monopoly-card:hover .card-bottom {
min-height: 70px;
background: 0 0;
margin-bottom: 20px
}
.styleguide .monopoly-card .card-bottom p,
.styleguide .monopoly-card a,
.styleguide .monopoly-card.partner .card-bottom p,
.styleguide .monopoly-card.partner a,
.styleguide .monopoly-card.partner:hover .card-bottom p,
.styleguide .monopoly-card.partner:hover a,
.styleguide .monopoly-card:hover .card-bottom p,
.styleguide .monopoly-card:hover a {
color: #333!important
}
.styleguide .monopoly-card.partner:hover,
.styleguide .monopoly-card.partner:hover:hover,
.styleguide .monopoly-card:hover,
.styleguide .monopoly-card:hover:hover {
background: #dedede
}
.container_12 .container_arrow,
.container_river .container_arrow {
display: none
}
.ea_chat_callout {
width: 100%
}
.icon-standard {
display: inline-block;
background-repeat: no-repeat;
background-position: center center
}
.icon-cust,
.icon-cust-app-boy,
.icon-cust-corporation-wiki,
.icon-cust-help-iq,
.icon-cust-map-my-fitness {
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
width: 60px;
height: 35px
}
.bg-red-small {
background-color: #c40022!important
}
.standard-padding {
padding: 30px 0 20px
}
.show-small {
display: block
}
}
@media screen and (max-width: 596px) {
#content-wrap #home-hero-river,
#content-wrapv2 #home-hero-river {
height: 100%;
overflow: visible;
background-repeat: no-repeat
}
#content-wrap #home-hero-river .container .header,
#content-wrapv2 #home-hero-river .container .header {
padding: 10px 0 0;
font-size: 1.9em;
line-height: 1.2em
}
#content-wrap #home-hero-river .container .sub-header,
#content-wrapv2 #home-hero-river .container .sub-header {
padding: 0;
font-size: 1em;
line-height: 1.4em
}
#content-wrap #home-hero-river .container .button,
#content-wrapv2 #home-hero-river .container .button {
display: none
}
}
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none
}
}
.country-flags {
background-image: url(global_flags.png);
background-repeat: no-repeat
}
.country {
background-image: url(global_flags.png);
background-repeat: no-repeat;
background-position: 0 -480px
}
.countryRedirect .country {
position: relative;
top: 2px;
width: 20px;
height: 13px;
display: inline-block
}
.region-select #region.country {
display: inline-block;
padding: 5px;
position: relative;
top: 6px
}
.region-select #region.country .flag {
background-image: url(global_flags.png);
background-repeat: no-repeat;
height: 13px;
margin: 0!important;
width: 20px
}
.unitedstates,
.usa {
background-position: 0 0
}
.argentina {
background-position: 0 -280px
}
.brazil {
background-position: 0 -240px
}
.chile {
background-position: 0 -300px
}
.colombia {
background-position: 0 -220px
}
.mexico {
background-position: 0 -260px
}
.peru {
background-position: 0 -320px
}
.venezuela {
background-position: 0 -340px
}
.uk,
.unitedkingdom {
background-position: 0 -20px
}
.netherlands {
background-position: 0 -140px
}
.germany {
background-position: 0 -100px
}
.switzerland {
background-position: 0 -380px
}
.austria {
background-position: 0 -360px
}
.sa {
background-position: 0 -180px
}
.uae {
background-position: 0 -200px
}
.australia {
background-position: 0 -40px
}
.hk,
.hongkong {
background-position: 0 -120px
}
.in,
.india {
background-position: 0 -440px
}
.sg,
.singapore {
background-position: 0 -460px
}
.ph,
.philippines {
background-position: 0 -420px
}
.china {
background-position: 0 -400px
}
.panels-ipe-editing .panels-ipe-region {
background-color: #fff
}
.panels-ipe-display-container .pane-content #banner-v3-wrap.solution {
margin-top: 0!important
}
.node-general .nav-tabs,
.node-grid-tabs .nav-tabs {
border: 0;
margin-bottom: 0;
text-align: center
}
.node-general .nav-tabs>li,
.node-grid-tabs .nav-tabs>li {
background-color: #00b4c3;
border-top: 5px solid #00b4c3;
display: inline-block;
float: none;
padding: 0
}
.node-general .nav-tabs>li:hover,
.node-grid-tabs .nav-tabs>li:hover {
border-top: 5px solid #fff
}
.node-general .nav-tabs>li:hover a,
.node-grid-tabs .nav-tabs>li:hover a {
background-color: #00b4c3
}
.node-general .nav-tabs>li.active,
.node-grid-tabs .nav-tabs>li.active {
background-color: #fff
}
.node-general .nav-tabs>li.active:hover,
.node-grid-tabs .nav-tabs>li.active:hover {
border-top: 5px solid #00b4c3
}
.node-general .nav-tabs>li.active.enterprise a>*,
.node-grid-tabs .nav-tabs>li.active.enterprise a>* {
color: #2a2a2a
}
.node-general .nav-tabs>li.active.enterprise:hover,
.node-grid-tabs .nav-tabs>li.active.enterprise:hover {
border-top: 5px solid #2a2a2a
}
.node-general .nav-tabs>li.active a,
.node-grid-tabs .nav-tabs>li.active a {
border: 0
}
.node-general .nav-tabs>li.active a>*,
.node-grid-tabs .nav-tabs>li.active a>* {
color: #00b4c3;
text-align: center
}
.node-general .nav-tabs>li.enterprise,
.node-grid-tabs .nav-tabs>li.enterprise {
background-color: #2a2a2a;
border-top: 5px solid #2a2a2a
}
.node-general .nav-tabs>li.enterprise:active,
.node-general .nav-tabs>li.enterprise:hover,
.node-grid-tabs .nav-tabs>li.enterprise:active,
.node-grid-tabs .nav-tabs>li.enterprise:hover {
border-top: 5px solid #2a2a2a
}
.node-general .nav-tabs>li.enterprise:active a,
.node-general .nav-tabs>li.enterprise:hover a,
.node-grid-tabs .nav-tabs>li.enterprise:active a,
.node-grid-tabs .nav-tabs>li.enterprise:hover a {
background-color: #fff
}
.node-general .nav-tabs>li.enterprise:active a>*,
.node-general .nav-tabs>li.enterprise:hover a>*,
.node-grid-tabs .nav-tabs>li.enterprise:active a>*,
.node-grid-tabs .nav-tabs>li.enterprise:hover a>* {
color: #2a2a2a
}
.node-general .nav-tabs>li.enterprise:active a:hover,
.node-general .nav-tabs>li.enterprise:hover a:hover,
.node-grid-tabs .nav-tabs>li.enterprise:active a:hover,
.node-grid-tabs .nav-tabs>li.enterprise:hover a:hover {
text-decoration: none
}
.node-general .nav-tabs>li a,
.node-grid-tabs .nav-tabs>li a {
border: 0;
border-radius: 0;
margin: 0;
padding: 10px 20px;
text-decoration: none
}
.node-general .nav-tabs>li a>*,
.node-grid-tabs .nav-tabs>li a>* {
color: #fff;
margin: 0;
text-align: center
}
@media only screen and (max-width: 992px) {
.node-general .my-tab .tab-content,
.node-grid-tabs .my-tab .tab-content {
display: none
}
}
.w3-panel{padding:0.01em 16px;margin-top:16px!important;margin-bottom:16px!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
.w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,*[class*="w3-hover-"]
{-webkit-transition:background-color .25s,color .15s,box-shadow .25s,opacity 0.25s,filter 0.25s,border 0.15s;transition:background-color .25s,color .15s,box-shadow .15s,opacity .25s,filter .25s,border .15s}
.w3-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.w3-closebtn:hover,.w3-closebtn:focus{color:#000;text-decoration:none;cursor:pointer}