@charset "utf-8";
@charset 'UTF-8';
@charset "UTF-8";


@font-face {
font-family: 'roboto';
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/roboto/roboto-bold-webfont.woff2) format("woff2"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/roboto/roboto-bold-webfont.woff) format("woff");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'roboto';
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/roboto/roboto-light-webfont.woff2) format("woff2"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/roboto/roboto-light-webfont.woff) format("woff");
font-weight: 100;
font-style: normal; }
@font-face {
font-family: 'roboto';
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/roboto/roboto-medium-webfont.woff2) format("woff2"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/roboto/roboto-medium-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Montserrat';
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-Regular.woff) format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Montserrat';
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-Medium.woff) format("woff");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: 'Montserrat';
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'Montserrat';
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-Bold.woff) format("woff");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: 'Montserrat';
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-Bold.woff) format("woff");
font-weight: 800;
font-style: normal; }
@font-face {
font-family: 'Montserrat';
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/montserrat/Montserrat-Regular.woff) format("woff");
font-weight: 300;
font-style: normal; } html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; } @media print {
*,
*:before,
*:after {
background: transparent !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: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; }
.navbar {
display: none; }
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important; }
.label {
border: 1px solid #000; }
.table {
border-collapse: collapse !important; }
.table td,
.table th {
background-color: #fff !important; }
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important; } }
* {
box-sizing: border-box; }
*:before,
*:after {
box-sizing: border-box; }
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent; }
body {
font-family: inherit;
font-size: 16px;
line-height: 1.42857;
color: #121b1f;
background-color: #fff; }
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit; }
a {
color: #007BB4;
text-decoration: none; }
a:hover, a:focus {
color: #004768;
text-decoration: underline; }
a:focus {
outline: 5px auto -webkit-focus-ring-color;
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.42857;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto; }
.img-circle {
border-radius: 50%; }
hr {
margin-top: 22px;
margin-bottom: 22px;
border: 0;
border-top: 1px solid #ecedee; }
.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: inherit;
font-weight: 900;
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: normal;
line-height: 1;
color: #f7f9ff; }
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: 22px;
margin-bottom: 11px; }
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
font-size: 65%; }
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 11px;
margin-bottom: 11px; }
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
font-size: 75%; }
h1, .h1 {
font-size: 40px; }
h2, .h2 {
font-size: 28px; }
h3, .h3 {
font-size: 22px; }
h4, .h4 {
font-size: 18px; }
h5, .h5 {
font-size: 15px; }
h6, .h6 {
font-size: 14px; }
p {
margin: 0 0 11px; }
.lead {
margin-bottom: 22px;
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; }
.text-uppercase, .initialism {
text-transform: uppercase; }
.text-capitalize {
text-transform: capitalize; }
.text-muted {
color: #f7f9ff; }
.text-primary {
color: #77CC5B; }
a.text-primary:hover,
a.text-primary:focus {
color: #5aba3a; }
.text-success {
color: #3c763d; }
a.text-success:hover,
a.text-success:focus {
color: #2b542c; }
.text-info {
color: #31708f; }
a.text-info:hover,
a.text-info:focus {
color: #245269; }
.text-warning {
color: #8a6d3b; }
a.text-warning:hover,
a.text-warning:focus {
color: #66512c; }
.text-danger {
color: #a94442; }
a.text-danger:hover,
a.text-danger:focus {
color: #843534; }
.bg-primary {
color: #fff; }
.bg-primary {
background-color: #77CC5B; }
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #5aba3a; }
.bg-success {
background-color: #dff0d8; }
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3; }
.bg-info {
background-color: #d9edf7; }
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee; }
.bg-warning {
background-color: #fcf8e3; }
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5; }
.bg-danger {
background-color: #f2dede; }
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9; }
.page-header {
padding-bottom: 10px;
margin: 44px 0 22px;
border-bottom: 1px solid #ecedee; }
ul,
ol {
margin-top: 0;
margin-bottom: 11px; }
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0; }
.list-unstyled {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px; }
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px; }
dl {
margin-top: 0;
margin-bottom: 22px; }
dt,
dd {
line-height: 1.42857; }
dt {
font-weight: bold; }
dd {
margin-left: 0; }
.dl-horizontal dd:before, .dl-horizontal dd:after {
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[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #f7f9ff; }
.initialism {
font-size: 90%; }
blockquote {
padding: 11px 22px;
margin: 0 0 22px;
font-size: 20px;
border-left: 5px solid #ecedee; }
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0; }
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857;
color: #f7f9ff; }
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0'; }
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #ecedee;
border-left: 0;
text-align: right; }
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
content: ''; }
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014'; }
address {
margin-bottom: 22px;
font-style: normal;
line-height: 1.42857; }
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px; }
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none; }
pre {
display: block;
padding: 10.5px;
margin: 0 0 11px;
font-size: 15px;
line-height: 1.42857;
word-break: break-all;
word-wrap: break-word;
color: #121b1f;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px; }
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0; }
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container:before, .container:after {
content: " ";
display: table; }
.container:after {
clear: both; }
@media (min-width: 768px) {
.container {
width: 750px; } }
@media (min-width: 992px) {
.container {
width: 970px; } }
@media (min-width: 1200px) {
.container {
width: 1170px; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px; }
.container-fluid:before, .container-fluid:after {
content: " ";
display: table; }
.container-fluid:after {
clear: both; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row:before, .row:after {
content: " ";
display: table; }
.row:after {
clear: both; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-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-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-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-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-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: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-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: #f7f9ff;
text-align: left; }
th {
text-align: left; }
.table {
width: 100%;
max-width: 100%;
margin-bottom: 22px; }
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid #ddd; }
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
border-top: 0; }
.table > tbody + tbody {
border-top: 2px solid #ddd; }
.table .table {
background-color: #fff; }
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
padding: 5px; }
.table-bordered {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9; }
.table-hover > tbody > tr:hover {
background-color: #f5f5f5; }
table 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 > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
background-color: #f5f5f5; }
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8; }
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
background-color: #dff0d8; }
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6; }
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
background-color: #d9edf7; }
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3; }
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3; }
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc; }
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
background-color: #f2dede; }
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc; }
.table-responsive {
overflow-x: auto;
min-height: 0.01%; }
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 16.5px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd; }
.table-responsive > .table {
margin-bottom: 0; }
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap; }
.table-responsive > .table-bordered {
border: 0; }
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0; }
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0; }
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0; } }
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 22px;
font-size: 24px;
line-height: inherit;
color: #121b1f;
border: 0;
border-bottom: 1px solid #e5e5e5; }
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold; }
input[type="search"] {
box-sizing: border-box; }
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal; }
input[type="file"] {
display: block; }
input[type="range"] {
display: block;
width: 100%; }
select[multiple],
select[size] {
height: auto; }
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
output {
display: block;
padding-top: 7px;
font-size: 16px;
line-height: 1.42857;
color: #999999; }
.form-control {
display: block;
width: 100%;
height: 36px;
padding: 6px 12px;
font-size: 16px;
line-height: 1.42857;
color: #999999;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #999; }
.form-control::-webkit-input-placeholder {
color: #999; }
.form-control::-ms-expand {
border: 0;
background-color: transparent; }
.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
background-color: #ecedee;
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="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 36px; }
input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
.input-group-sm > input[type="date"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="date"].btn,
.input-group-sm input[type="date"],
input[type="time"].input-sm,
.input-group-sm > input[type="time"].form-control,
.input-group-sm > input[type="time"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="time"].btn,
.input-group-sm
input[type="time"],
input[type="datetime-local"].input-sm,
.input-group-sm > input[type="datetime-local"].form-control,
.input-group-sm > input[type="datetime-local"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
.input-group-sm
input[type="datetime-local"],
input[type="month"].input-sm,
.input-group-sm > input[type="month"].form-control,
.input-group-sm > input[type="month"].input-group-addon,
.input-group-sm > .input-group-btn > input[type="month"].btn,
.input-group-sm
input[type="month"] {
line-height: 33px; }
input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
.input-group-lg > input[type="date"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="date"].btn,
.input-group-lg input[type="date"],
input[type="time"].input-lg,
.input-group-lg > input[type="time"].form-control,
.input-group-lg > input[type="time"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="time"].btn,
.input-group-lg
input[type="time"],
input[type="datetime-local"].input-lg,
.input-group-lg > input[type="datetime-local"].form-control,
.input-group-lg > input[type="datetime-local"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
.input-group-lg
input[type="datetime-local"],
input[type="month"].input-lg,
.input-group-lg > input[type="month"].form-control,
.input-group-lg > input[type="month"].input-group-addon,
.input-group-lg > .input-group-btn > input[type="month"].btn,
.input-group-lg
input[type="month"] {
line-height: 49px; } }
.form-group {
margin-bottom: 15px; }
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px; }
.radio label,
.checkbox label {
min-height: 22px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer; }
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9; }
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px; }
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer; }
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px; }
input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
cursor: not-allowed; }
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
cursor: not-allowed; }
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
cursor: not-allowed; }
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 38px; }
.form-control-static.input-lg, .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, .form-control-static.input-sm, .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-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 33px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px; }
select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
height: 33px;
line-height: 33px; }
textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
height: auto; }
.form-group-sm .form-control {
height: 33px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px; }
.form-group-sm select.form-control {
height: 33px;
line-height: 33px; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto; }
.form-group-sm .form-control-static {
height: 33px;
min-height: 36px;
padding: 6px 10px;
font-size: 14px;
line-height: 1.5; }
.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 49px;
padding: 10px 16px;
font-size: 20px;
line-height: 1.33333;
border-radius: 6px; }
select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
height: 49px;
line-height: 49px; }
textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
height: auto; }
.form-group-lg .form-control {
height: 49px;
padding: 10px 16px;
font-size: 20px;
line-height: 1.33333;
border-radius: 6px; }
.form-group-lg select.form-control {
height: 49px;
line-height: 49px; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto; }
.form-group-lg .form-control-static {
height: 49px;
min-height: 42px;
padding: 11px 16px;
font-size: 20px;
line-height: 1.33333; }
.has-feedback {
position: relative; }
.has-feedback .form-control {
padding-right: 45px; }
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
pointer-events: none; }
.input-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-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 49px;
height: 49px;
line-height: 49px; }
.input-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-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 33px;
height: 33px;
line-height: 33px; }
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d; }
.has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus {
border-color: #2b542c;
box-shadow: inset 0 1px 1px rgba(0, 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 .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b; }
.has-warning .form-control {
border-color: #8a6d3b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus {
border-color: #66512c;
box-shadow: inset 0 1px 1px rgba(0, 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 .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442; }
.has-error .form-control {
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus {
border-color: #843534;
box-shadow: inset 0 1px 1px rgba(0, 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: 27px; }
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0; }
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #416170; }
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.form-inline .form-control-static {
display: inline-block; }
.form-inline .input-group {
display: inline-table;
vertical-align: middle; }
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto; }
.form-inline .input-group > .form-control {
width: 100%; }
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0; }
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.form-inline .has-feedback .form-control-feedback {
top: 0; } }
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 29px; }
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
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: 15px; }
@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: normal;
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.42857;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus {
color: #333;
text-decoration: none; }
.btn:active, .btn.active {
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.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: #ccc; }
.btn-default:focus, .btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c; }
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c; }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
background-image: none; }
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc; }
.btn-default .badge {
color: #fff;
background-color: #333; }
.btn-primary {
color: #fff;
background-color: #77CC5B;
border-color: #67c648; }
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #5aba3a;
border-color: #346c22; }
.btn-primary:hover {
color: #fff;
background-color: #5aba3a;
border-color: #4d9f31; }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #5aba3a;
border-color: #4d9f31; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
color: #fff;
background-color: #4d9f31;
border-color: #346c22; }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
background-image: none; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
background-color: #77CC5B;
border-color: #67c648; }
.btn-primary .badge {
color: #77CC5B;
background-color: #fff; }
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c; }
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625; }
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439; }
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #398439; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
color: #fff;
background-color: #398439;
border-color: #255625; }
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
background-image: none; }
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c; }
.btn-success .badge {
color: #5cb85c;
background-color: #fff; }
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da; }
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85; }
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc; }
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #269abc; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85; }
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
background-image: none; }
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da; }
.btn-info .badge {
color: #5bc0de;
background-color: #fff; }
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236; }
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d; }
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d58512; }
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
background-image: none; }
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236; }
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff; }
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a; }
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19; }
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #ac2925; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
background-image: none; }
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a; }
.btn-danger .badge {
color: #d9534f;
background-color: #fff; }
.btn-link {
color: #007BB4;
font-weight: normal;
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:hover, .btn-link:focus, .btn-link:active {
border-color: transparent; }
.btn-link:hover, .btn-link:focus {
color: #004768;
text-decoration: underline;
background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
color: #f7f9ff;
text-decoration: none; }
.btn-lg, .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 20px;
line-height: 1.33333;
border-radius: 6px; }
.btn-sm, .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 14px;
line-height: 1.5;
border-radius: 3px; }
.btn-xs, .btn-group-xs > .btn {
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="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; }
.fade.in {
opacity: 1; }
.collapse {
display: none; }
.collapse.in {
display: block; }
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: 0.35s;
transition-duration: 0.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-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent; }
.dropup,
.dropdown {
position: relative; }
.dropdown-toggle:focus {
outline: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 16px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box; }
.dropdown-menu.pull-right {
right: 0;
left: auto; }
.dropdown-menu .divider {
height: 1px;
margin: 10px 0;
overflow: hidden;
background-color: #e5e5e5; }
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857;
color: #121b1f;
white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #090d0f;
background-color: #f5f5f5; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #77CC5B; }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
color: #f7f9ff; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: 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.42857;
color: #f7f9ff;
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;
border-bottom: 4px solid \9;
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; } }
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left; }
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 2; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px; }
.btn-toolbar {
margin-left: -5px; }
.btn-toolbar:before, .btn-toolbar:after {
content: " ";
display: table; }
.btn-toolbar:after {
clear: both; }
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left; }
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0; }
.btn-group > .btn:first-child {
margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group > .btn-group {
float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0; }
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px; }
.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px; }
.btn-group.open .dropdown-toggle {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-group.open .dropdown-toggle.btn-link {
box-shadow: none; }
.btn .caret {
margin-left: 0; }
.btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0; }
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 5px 5px; }
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
content: " ";
display: table; }
.btn-group-vertical > .btn-group:after {
clear: both; }
.btn-group-vertical > .btn-group > .btn {
float: none; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0; }
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate; }
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%; }
.btn-group-justified > .btn-group .btn {
width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu {
left: auto; }
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none; }
.input-group {
position: relative;
display: table;
border-collapse: separate; }
.input-group[class*="col-"] {
float: none;
padding-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-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0; }
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle; }
.input-group-addon {
padding: 6px 12px;
font-size: 16px;
font-weight: normal;
line-height: 1;
color: #999999;
text-align: center;
background-color: #ecedee;
border: 1px solid #ccc;
border-radius: 4px; }
.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: 3px; }
.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: 6px; }
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0; }
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-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:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-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:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
z-index: 2; }
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px; }
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px; }
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.nav:before, .nav:after {
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:hover, .nav > li > a:focus {
text-decoration: none;
background-color: #ecedee; }
.nav > li.disabled > a {
color: #f7f9ff; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
color: #f7f9ff;
text-decoration: none;
background-color: transparent;
cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #ecedee;
border-color: #007BB4; }
.nav .nav-divider {
height: 1px;
margin: 10px 0;
overflow: hidden;
background-color: #e5e5e5; }
.nav > li > a > img {
max-width: none; }
.nav-tabs {
border-bottom: 1px solid #ddd; }
.nav-tabs > li {
float: left;
margin-bottom: -1px; }
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 4px 4px 0 0; }
.nav-tabs > li > a:hover {
border-color: #ecedee #ecedee #ddd; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #999999;
background-color: #fff;
border: 1px solid #ddd;
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:hover, .nav-pills > li.active > a:focus {
color: #fff;
background-color: #77CC5B; }
.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.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd; }
@media (min-width: 768px) {
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff; } }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0; }
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 22px;
border: 1px solid transparent; }
.navbar:before, .navbar:after {
content: " ";
display: table; }
.navbar:after {
clear: both; }
@media (min-width: 768px) {
.navbar {
border-radius: 4px; } }
.navbar-header:before, .navbar-header:after {
content: " ";
display: table; }
.navbar-header:after {
clear: both; }
@media (min-width: 768px) {
.navbar-header {
float: left; } }
.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch; }
.navbar-collapse:before, .navbar-collapse:after {
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-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0; } }
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px; } }
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px; }
@media (min-width: 768px) {
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0; } }
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px; }
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0; } }
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030; }
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0; } }
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px; }
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0; }
.navbar-brand {
float: left;
padding: 14px 15px;
font-size: 20px;
line-height: 22px;
height: 50px; }
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; }
.navbar-brand > img {
display: block; }
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px; } }
.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px; }
.navbar-toggle:focus {
outline: 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: 7px -15px; }
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 22px; }
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none; }
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a {
line-height: 22px; }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none; } }
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0; }
.navbar-nav > li {
float: left; }
.navbar-nav > li > a {
padding-top: 14px;
padding-bottom: 14px; } }
.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 7px;
margin-bottom: 7px; }
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle; }
.navbar-form .form-control-static {
display: inline-block; }
.navbar-form .input-group {
display: inline-table;
vertical-align: middle; }
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto; }
.navbar-form .input-group > .form-control {
width: 100%; }
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle; }
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0; }
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0; }
.navbar-form .has-feedback .form-control-feedback {
top: 0; } }
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px; }
.navbar-form .form-group:last-child {
margin-bottom: 0; } }
@media (min-width: 768px) {
.navbar-form {
width: auto;
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-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.navbar-btn {
margin-top: 7px;
margin-bottom: 7px; }
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
margin-top: 8.5px;
margin-bottom: 8.5px; }
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
margin-top: 14px;
margin-bottom: 14px; }
.navbar-text {
margin-top: 14px;
margin-bottom: 14px; }
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px; } }
@media (min-width: 768px) {
.navbar-left {
float: left !important; }
.navbar-right {
float: right !important;
margin-right: -15px; }
.navbar-right ~ .navbar-right {
margin-right: 0; } }
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7; }
.navbar-default .navbar-brand {
color: #777; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent; }
.navbar-default .navbar-text {
color: #777; }
.navbar-default .navbar-nav > li > a {
color: #777; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent; }
.navbar-default .navbar-toggle {
border-color: #ddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd; }
.navbar-default .navbar-toggle .icon-bar {
background-color: #888; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555; }
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7; }
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent; } }
.navbar-default .navbar-link {
color: #777; }
.navbar-default .navbar-link:hover {
color: #333; }
.navbar-default .btn-link {
color: #777; }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #333; }
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc; }
.navbar-inverse {
background-color: #222;
border-color: #090909; }
.navbar-inverse .navbar-brand {
color: white; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-text {
color: white; }
.navbar-inverse .navbar-nav > li > a {
color: white; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent; }
.navbar-inverse .navbar-toggle {
border-color: #333; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #333; }
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
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: white; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #090909; }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent; } }
.navbar-inverse .navbar-link {
color: white; }
.navbar-inverse .navbar-link:hover {
color: #fff; }
.navbar-inverse .btn-link {
color: white; }
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
color: #fff; }
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444; }
.breadcrumb {
padding: 8px 15px;
margin-bottom: 22px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px; }
.breadcrumb > li {
display: inline-block; }
.breadcrumb > li + li:before {
content: "/ ";
padding: 0 5px;
color: #ccc; }
.breadcrumb > .active {
color: #f7f9ff; }
.close {
float: right;
font-size: 24px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20); }
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50); }
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; }
.modal-open {
overflow: hidden; }
.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%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-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, 0.2);
border-radius: 0;
box-shadow: 0 3px 9px rgba(0, 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: 0.5;
filter: alpha(opacity=50); }
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857px; }
.modal-header .close {
margin-top: -2px; }
.modal-title {
margin: 0;
line-height: 1.42857; }
.modal-body {
position: relative;
padding: 15px; }
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after {
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, 0.5); }
.modal-sm {
width: 300px; } }
@media (min-width: 992px) {
.modal-lg {
width: 900px; } }
.clearfix:before, .clearfix:after {
content: " ";
display: table; }
.clearfix:after {
clear: both; }
.center-block {
display: block;
margin-left: auto;
margin-right: auto; }
.pull-right {
float: right !important; }
.pull-left {
float: left !important; }
.hide {
display: none !important; }
.show {
display: block !important; }
.invisible {
visibility: hidden; }
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0; }
.hidden {
display: none !important; }
.affix {
position: fixed; }
@-ms-viewport {
width: device-width; }
.visible-xs {
display: none !important; }
.visible-sm {
display: none !important; }
.visible-md {
display: none !important; }
.visible-lg {
display: none !important; }
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important; }
@media (max-width: 767px) {
.visible-xs {
display: block !important; }
table.visible-xs {
display: table !important; }
tr.visible-xs {
display: table-row !important; }
th.visible-xs,
td.visible-xs {
display: table-cell !important; } }
@media (max-width: 767px) {
.visible-xs-block {
display: block !important; } }
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important; }
table.visible-sm {
display: table !important; }
tr.visible-sm {
display: table-row !important; }
th.visible-sm,
td.visible-sm {
display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important; }
table.visible-md {
display: table !important; }
tr.visible-md {
display: table-row !important; }
th.visible-md,
td.visible-md {
display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1200px) {
.visible-lg {
display: block !important; }
table.visible-lg {
display: table !important; }
tr.visible-lg {
display: table-row !important; }
th.visible-lg,
td.visible-lg {
display: table-cell !important; } }
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important; } }
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important; } }
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) {
.hidden-xs {
display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important; } }
@media (min-width: 1200px) {
.hidden-lg {
display: none !important; } }
.visible-print {
display: none !important; }
@media print {
.visible-print {
display: block !important; }
table.visible-print {
display: table !important; }
tr.visible-print {
display: table-row !important; }
th.visible-print,
td.visible-print {
display: table-cell !important; } }
.visible-print-block {
display: none !important; }
@media print {
.visible-print-block {
display: block !important; } }
.visible-print-inline {
display: none !important; }
@media print {
.visible-print-inline {
display: inline !important; } }
.visible-print-inline-block {
display: none !important; }
@media print {
.visible-print-inline-block {
display: inline-block !important; } }
@media print {
.hidden-print {
display: none !important; } }
html {
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.has-overlay {
overflow: hidden;
height: auto; }
.has-overlay > body {
height: 100%;
overflow: hidden; }
.modal--fade, .modal--show {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
display: none\9; }
.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
width: auto;
height: auto;
opacity: 1; }
.is-active.modal--fade, .is-active.modal--show {
display: block\9;
height: 100%\9;
width: 100%\9; }
.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show {
display: block\9; }
.modal--fade .modal-inner, .modal--show .modal-inner {
position: absolute;
top: 60px;
left: 50%;
z-index: 20;
margin-left: -325px;
width: 650px;
overflow-x: hidden;
-webkit-overflow-scrolling: touch; }
.modal--fade .modal-inner > img, .modal--show .modal-inner > img, .modal--fade .modal-inner > video, .modal--show .modal-inner > video, .modal--fade .modal-inner > iframe, .modal--show .modal-inner > iframe {
width: 100%;
height: auto;
min-height: 300px; }
.modal--fade .modal-inner > img, .modal--show .modal-inner > img {
width: auto;
max-width: 100%; }
.modal--fade .modal-inner iframe, .modal--show .modal-inner iframe {
display: block;
width: 100%;
border: 0; }
.modal--fade .modal-content, .modal--show .modal-content {
position: relative;
max-height: 400px;
max-height: 60vh;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.modal--fade .modal-content > *, .modal--show .modal-content > * {
max-width: 100%; }
.modal--fade footer, .modal--show footer {
border-top: 1px solid white;
padding: 0 1.2em 18px;
background: #f0f0f0;
border-radius: 2px; }
.modal--fade .modal-close, .modal--show .modal-close {
display: block;
height: 1px;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden; }
.modal--fade .modal-close:focus:after, .modal--show .modal-close:focus:after {
outline: 1px dotted;
outline: -webkit-focus-ring-color auto 5px; }
.modal--fade .modal-close:before, .modal--show .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10; }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
content: '\00d7';
position: absolute;
top: 35px;
right: 50%;
z-index: 20;
margin-right: -325px; }
@media screen and (max-width: 690px) {
.modal--fade .modal-inner, .modal--show .modal-inner {
width: auto;
left: 20px;
right: 20px;
margin-left: 0; }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
margin-right: 0 !important;
right: 20px; } }
@media screen and (max-width: 30em) {
.modal--fade, .modal--show {
-webkit-transform: translate(0, 400px);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: opacity 1ms .25s;
transition: opacity 1ms .25s;
display: block;
right: auto;
bottom: auto; }
.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show {
width: 100%;
height: 100%; }
.modal--fade:target .modal-close, .modal--show:target .modal-close, .is-active.modal--fade .modal-close, .is-active.modal--show .modal-close {
display: block; }
.modal--fade .modal-inner, .modal--show .modal-inner {
box-sizing: border-box;
top: 0;
left: 0;
right: 0;
height: 100%;
overflow: auto; }
.modal--fade .modal-content, .modal--show .modal-content {
max-height: none;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.modal--fade .modal-close, .modal--show .modal-close {
display: none;
right: auto; }
.modal--fade .modal-close:before, .modal--show .modal-close:before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 20; }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
top: 5px !important;
right: 5px;
left: auto;
margin-left: 0; } }
@media screen and (max-height: 46em) and (min-width: 30em) {
.modal--fade .modal-content, .modal--show .modal-content {
max-height: 340px;
max-height: 50vh; } }
@media screen and (max-height: 36em) and (min-width: 30em) {
.modal--fade .modal-content, .modal--show .modal-content {
max-height: 265px;
max-height: 40vh; } }
.is-stacked.modal--fade, .is-stacked.modal--show {
-webkit-transform: translate(0, 0) scale(1, 1);
-ms-transform: translate(0, 0) scale(1, 1);
transform: translate(0, 0) scale(1, 1);
opacity: 1; }
.is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner {
-webkit-animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both; }
.is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close {
opacity: 0; }
@media screen and (max-width: 30em) {
.is-stacked.modal--fade, .is-stacked.modal--show {
-webkit-animation: scaleDown .7s ease both;
animation: scaleDown .7s ease both; }
.is-stacked.modal--fade .modal-inner, .is-stacked.modal--show .modal-inner {
-webkit-animation: none;
animation: none; }
.is-stacked.modal--fade .modal-close, .is-stacked.modal--show .modal-close {
opacity: 1; } }
@media screen and (min-width: 30em) {
.modal--fade {
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s; } }
.component-general-modal, .component-video-modal {
background: rgba(0, 0, 0, 0.7); }
.modal--fade .modal-content, .modal--show .modal-content {
overflow: visible; }
.component-general-modal .modal-inner .modal-content {
overflow-x: visible !important; }
.modal--fade, .modal--show {
line-height: 1.3; }
.modal--fade .modal-inner, .modal--show .modal-inner {
max-width: 100%;
-webkit-transition: max-width 0.25s linear,
margin-left 0.125s linear;
transition: max-width 0.25s linear,
margin-left 0.125s linear;
margin-top: 30px;
overflow: visible; }
.modal--fade header > h2, .modal--show header > h2 {
margin: 0.5em 0; }
.modal--fade footer, .modal--show footer {
padding: 0 !important;
border: 0 !important; }
.modal--fade .modal-close, .modal--show .modal-close {
text-indent: -10px; }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
height: 30px;
width: 30px;
background-repeat: no-repeat;
background-size: contain;
content: ' ';
position: absolute;
right: 0;
z-index: 20; }
@media screen and (max-width: 30em) {
.modal--fade .modal-close:before, .modal--show .modal-close:before {
background: #efefef;
height: 3em; }
.modal--fade .component-general-modal .modal-inner, .modal--show .component-general-modal .modal-inner {
left: 0; }
.modal--fade .modal-inner, .modal--show .modal-inner {
padding-top: 3em;
box-shadow: none; }
.modal--fade .modal-close, .modal--show .modal-close {
text-decoration: none; }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
content: attr(data-close);
font-size: 1em;
padding: 0.5em 1em;
float: right;
background: none !important; } }
@media (min-width: 768px) {
.modal--fade .modal-inner, .modal--show .modal-inner, .modal--fade .modal--show .modal-inner, .modal--show .modal--show .modal-inner {
margin-left: -350px;
width: 700px; }
.modal--fade .component-general-modal .modal-inner, .modal--show .component-general-modal .modal-inner {
left: 0; }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
margin-right: -350px;
right: 50%; } }
@media (min-width: 1024px) {
.modal--fade .modal-inner, .modal--show .modal-inner, .modal--fade .modal--show .modal-inner, .modal--show .modal--show .modal-inner {
margin-left: -500px;
width: 1000px; }
.modal--fade .modal-inner .vimeo, .modal--show .modal-inner .vimeo, .modal--fade .modal--show .modal-inner .vimeo, .modal--show .modal--show .modal-inner .vimeo {
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%); }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
margin-right: -500px;
right: 50%; } }
@media (min-width: 1400px) {
.modal--fade .modal-inner, .modal--show .modal-inner, .modal--fade .modal--show .modal-inner, .modal--show .modal--show .modal-inner {
margin-left: -700px;
width: 1400px; }
.modal--fade .modal-inner .youtube, .modal--show .modal-inner .youtube, .modal--fade .modal-inner .vimeo, .modal--show .modal-inner .vimeo, .modal--fade .modal--show .modal-inner .youtube, .modal--show .modal--show .modal-inner .youtube, .modal--fade .modal--show .modal-inner .vimeo, .modal--show .modal--show .modal-inner .vimeo {
position: relative;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%); }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
margin-right: -700px;
right: 50%; } }
.modal--fade .modal-inner .component-video, .modal--show .modal-inner .component-video, .modal--fade .modal--show .modal-inner .component-video, .modal--show .modal--show .modal-inner .component-video {
position: relative;
padding-bottom: 56%; }
.modal--fade .modal-inner .component-video .video-player, .modal--show .modal-inner .component-video .video-player, .modal--fade .modal--show .modal-inner .component-video .video-player, .modal--show .modal--show .modal-inner .component-video .video-player {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.component-video-modal .modal-inner {
margin-top: 120px; }
.component-video-modal .modal-inner .modal-content {
max-height: 100%;
overflow-y: hidden; }
.component-video-modal .modal-close:after {
max-height: 50px;
max-width: 50px;
height: 6%;
width: 6%;
min-height: 40px;
min-width: 40px;
top: 120px;
right: 50%; }
@media screen and (max-width: 690px) {
.component-video-modal .modal-close:after {
right: 20px; } }
@media screen and (max-width: 30em) {
.component-video-modal .modal-inner {
margin-top: 0;
top: 0; } }
.component-general-modal .modal-inner .modal-content {
padding: 30px;
overflow-x: hidden; }
@media screen and (max-height: 565px) {
.component-general-modal .modal-inner {
top: 60px; } }
.component-general-modal .modal-close:after {
max-height: 50px;
max-width: 50px;
height: 6%;
width: 6%;
min-height: 40px;
min-width: 40px;
top: 120px;
right: 50%; }
@media screen and (max-width: 690px) {
.component-general-modal .modal-close:after {
right: 20px; }
.component-general-modal .modal-inner {
left: 0; } }
@media screen and (max-width: 30em) {
.component-general-modal .modal-inner {
padding-top: 3em;
margin-top: 0;
max-height: 100%;
top: 0; }
.component-general-modal .modal-inner .modal-content {
padding: 15px;
max-height: 100%; } } @font-face {
font-family: 'FontAwesome';
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0);
src: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: 0.14286em;
text-align: center; }
.fa-li.fa-lg {
left: -1.85714em; }
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right {
margin-left: .3em; }
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
-webkit-filter: none;
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; }
.fa-glass:before {
content: ""; }
.fa-music:before {
content: ""; }
.fa-search:before {
content: ""; }
.fa-envelope-o:before {
content: ""; }
.fa-heart:before {
content: ""; }
.fa-star:before {
content: ""; }
.fa-star-o:before {
content: ""; }
.fa-user:before {
content: ""; }
.fa-film:before {
content: ""; }
.fa-th-large:before {
content: ""; }
.fa-th:before {
content: ""; }
.fa-th-list:before {
content: ""; }
.fa-check:before {
content: ""; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: ""; }
.fa-search-plus:before {
content: ""; }
.fa-search-minus:before {
content: ""; }
.fa-power-off:before {
content: ""; }
.fa-signal:before {
content: ""; }
.fa-gear:before,
.fa-cog:before {
content: ""; }
.fa-trash-o:before {
content: ""; }
.fa-home:before {
content: ""; }
.fa-file-o:before {
content: ""; }
.fa-clock-o:before {
content: ""; }
.fa-road:before {
content: ""; }
.fa-download:before {
content: ""; }
.fa-arrow-circle-o-down:before {
content: ""; }
.fa-arrow-circle-o-up:before {
content: ""; }
.fa-inbox:before {
content: ""; }
.fa-play-circle-o:before {
content: ""; }
.fa-rotate-right:before,
.fa-repeat:before {
content: ""; }
.fa-refresh:before {
content: ""; }
.fa-list-alt:before {
content: ""; }
.fa-lock:before {
content: ""; }
.fa-flag:before {
content: ""; }
.fa-headphones:before {
content: ""; }
.fa-volume-off:before {
content: ""; }
.fa-volume-down:before {
content: ""; }
.fa-volume-up:before {
content: ""; }
.fa-qrcode:before {
content: ""; }
.fa-barcode:before {
content: ""; }
.fa-tag:before {
content: ""; }
.fa-tags:before {
content: ""; }
.fa-book:before {
content: ""; }
.fa-bookmark:before {
content: ""; }
.fa-print:before {
content: ""; }
.fa-camera:before {
content: ""; }
.fa-font:before {
content: ""; }
.fa-bold:before {
content: ""; }
.fa-italic:before {
content: ""; }
.fa-text-height:before {
content: ""; }
.fa-text-width:before {
content: ""; }
.fa-align-left:before {
content: ""; }
.fa-align-center:before {
content: ""; }
.fa-align-right:before {
content: ""; }
.fa-align-justify:before {
content: ""; }
.fa-list:before {
content: ""; }
.fa-dedent:before,
.fa-outdent:before {
content: ""; }
.fa-indent:before {
content: ""; }
.fa-video-camera:before {
content: ""; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""; }
.fa-pencil:before {
content: ""; }
.fa-map-marker:before {
content: ""; }
.fa-adjust:before {
content: ""; }
.fa-tint:before {
content: ""; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: ""; }
.fa-share-square-o:before {
content: ""; }
.fa-check-square-o:before {
content: ""; }
.fa-arrows:before {
content: ""; }
.fa-step-backward:before {
content: ""; }
.fa-fast-backward:before {
content: ""; }
.fa-backward:before {
content: ""; }
.fa-play:before {
content: ""; }
.fa-pause:before {
content: ""; }
.fa-stop:before {
content: ""; }
.fa-forward:before {
content: ""; }
.fa-fast-forward:before {
content: ""; }
.fa-step-forward:before {
content: ""; }
.fa-eject:before {
content: ""; }
.fa-chevron-left:before {
content: ""; }
.fa-chevron-right:before {
content: ""; }
.fa-plus-circle:before {
content: ""; }
.fa-minus-circle:before {
content: ""; }
.fa-times-circle:before {
content: ""; }
.fa-check-circle:before {
content: ""; }
.fa-question-circle:before {
content: ""; }
.fa-info-circle:before {
content: ""; }
.fa-crosshairs:before {
content: ""; }
.fa-times-circle-o:before {
content: ""; }
.fa-check-circle-o:before {
content: ""; }
.fa-ban:before {
content: ""; }
.fa-arrow-left:before {
content: ""; }
.fa-arrow-right:before {
content: ""; }
.fa-arrow-up:before {
content: ""; }
.fa-arrow-down:before {
content: ""; }
.fa-mail-forward:before,
.fa-share:before {
content: ""; }
.fa-expand:before {
content: ""; }
.fa-compress:before {
content: ""; }
.fa-plus:before {
content: ""; }
.fa-minus:before {
content: ""; }
.fa-asterisk:before {
content: ""; }
.fa-exclamation-circle:before {
content: ""; }
.fa-gift:before {
content: ""; }
.fa-leaf:before {
content: ""; }
.fa-fire:before {
content: ""; }
.fa-eye:before {
content: ""; }
.fa-eye-slash:before {
content: ""; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: ""; }
.fa-plane:before {
content: ""; }
.fa-calendar:before {
content: ""; }
.fa-random:before {
content: ""; }
.fa-comment:before {
content: ""; }
.fa-magnet:before {
content: ""; }
.fa-chevron-up:before {
content: ""; }
.fa-chevron-down:before {
content: ""; }
.fa-retweet:before {
content: ""; }
.fa-shopping-cart:before {
content: ""; }
.fa-folder:before {
content: ""; }
.fa-folder-open:before {
content: ""; }
.fa-arrows-v:before {
content: ""; }
.fa-arrows-h:before {
content: ""; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: ""; }
.fa-twitter-square:before {
content: ""; }
.fa-facebook-square:before {
content: ""; }
.fa-camera-retro:before {
content: ""; }
.fa-key:before {
content: ""; }
.fa-gears:before,
.fa-cogs:before {
content: ""; }
.fa-comments:before {
content: ""; }
.fa-thumbs-o-up:before {
content: ""; }
.fa-thumbs-o-down:before {
content: ""; }
.fa-star-half:before {
content: ""; }
.fa-heart-o:before {
content: ""; }
.fa-sign-out:before {
content: ""; }
.fa-linkedin-square:before {
content: ""; }
.fa-thumb-tack:before {
content: ""; }
.fa-external-link:before {
content: ""; }
.fa-sign-in:before {
content: ""; }
.fa-trophy:before {
content: ""; }
.fa-github-square:before {
content: ""; }
.fa-upload:before {
content: ""; }
.fa-lemon-o:before {
content: ""; }
.fa-phone:before {
content: ""; }
.fa-square-o:before {
content: ""; }
.fa-bookmark-o:before {
content: ""; }
.fa-phone-square:before {
content: ""; }
.fa-twitter:before {
content: ""; }
.fa-facebook-f:before,
.fa-facebook:before {
content: ""; }
.fa-github:before {
content: ""; }
.fa-unlock:before {
content: ""; }
.fa-credit-card:before {
content: ""; }
.fa-feed:before,
.fa-rss:before {
content: ""; }
.fa-hdd-o:before {
content: ""; }
.fa-bullhorn:before {
content: ""; }
.fa-bell:before {
content: ""; }
.fa-certificate:before {
content: ""; }
.fa-hand-o-right:before {
content: ""; }
.fa-hand-o-left:before {
content: ""; }
.fa-hand-o-up:before {
content: ""; }
.fa-hand-o-down:before {
content: ""; }
.fa-arrow-circle-left:before {
content: ""; }
.fa-arrow-circle-right:before {
content: ""; }
.fa-arrow-circle-up:before {
content: ""; }
.fa-arrow-circle-down:before {
content: ""; }
.fa-globe:before {
content: ""; }
.fa-wrench:before {
content: ""; }
.fa-tasks:before {
content: ""; }
.fa-filter:before {
content: ""; }
.fa-briefcase:before {
content: ""; }
.fa-arrows-alt:before {
content: ""; }
.fa-group:before,
.fa-users:before {
content: ""; }
.fa-chain:before,
.fa-link:before {
content: ""; }
.fa-cloud:before {
content: ""; }
.fa-flask:before {
content: ""; }
.fa-cut:before,
.fa-scissors:before {
content: ""; }
.fa-copy:before,
.fa-files-o:before {
content: ""; }
.fa-paperclip:before {
content: ""; }
.fa-save:before,
.fa-floppy-o:before {
content: ""; }
.fa-square:before {
content: ""; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""; }
.fa-list-ul:before {
content: ""; }
.fa-list-ol:before {
content: ""; }
.fa-strikethrough:before {
content: ""; }
.fa-underline:before {
content: ""; }
.fa-table:before {
content: ""; }
.fa-magic:before {
content: ""; }
.fa-truck:before {
content: ""; }
.fa-pinterest:before {
content: ""; }
.fa-pinterest-square:before {
content: ""; }
.fa-google-plus-square:before {
content: ""; }
.fa-google-plus:before {
content: ""; }
.fa-money:before {
content: ""; }
.fa-caret-down:before {
content: ""; }
.fa-caret-up:before {
content: ""; }
.fa-caret-left:before {
content: ""; }
.fa-caret-right:before {
content: ""; }
.fa-columns:before {
content: ""; }
.fa-unsorted:before,
.fa-sort:before {
content: ""; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: ""; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: ""; }
.fa-envelope:before {
content: ""; }
.fa-linkedin:before {
content: ""; }
.fa-rotate-left:before,
.fa-undo:before {
content: ""; }
.fa-legal:before,
.fa-gavel:before {
content: ""; }
.fa-dashboard:before,
.fa-tachometer:before {
content: ""; }
.fa-comment-o:before {
content: ""; }
.fa-comments-o:before {
content: ""; }
.fa-flash:before,
.fa-bolt:before {
content: ""; }
.fa-sitemap:before {
content: ""; }
.fa-umbrella:before {
content: ""; }
.fa-paste:before,
.fa-clipboard:before {
content: ""; }
.fa-lightbulb-o:before {
content: ""; }
.fa-exchange:before {
content: ""; }
.fa-cloud-download:before {
content: ""; }
.fa-cloud-upload:before {
content: ""; }
.fa-user-md:before {
content: ""; }
.fa-stethoscope:before {
content: ""; }
.fa-suitcase:before {
content: ""; }
.fa-bell-o:before {
content: ""; }
.fa-coffee:before {
content: ""; }
.fa-cutlery:before {
content: ""; }
.fa-file-text-o:before {
content: ""; }
.fa-building-o:before {
content: ""; }
.fa-hospital-o:before {
content: ""; }
.fa-ambulance:before {
content: ""; }
.fa-medkit:before {
content: ""; }
.fa-fighter-jet:before {
content: ""; }
.fa-beer:before {
content: ""; }
.fa-h-square:before {
content: ""; }
.fa-plus-square:before {
content: ""; }
.fa-angle-double-left:before {
content: ""; }
.fa-angle-double-right:before {
content: ""; }
.fa-angle-double-up:before {
content: ""; }
.fa-angle-double-down:before {
content: ""; }
.fa-angle-left:before {
content: ""; }
.fa-angle-right:before {
content: ""; }
.fa-angle-up:before {
content: ""; }
.fa-angle-down:before {
content: ""; }
.fa-desktop:before {
content: ""; }
.fa-laptop:before {
content: ""; }
.fa-tablet:before {
content: ""; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: ""; }
.fa-circle-o:before {
content: ""; }
.fa-quote-left:before {
content: ""; }
.fa-quote-right:before {
content: ""; }
.fa-spinner:before {
content: ""; }
.fa-circle:before {
content: ""; }
.fa-mail-reply:before,
.fa-reply:before {
content: ""; }
.fa-github-alt:before {
content: ""; }
.fa-folder-o:before {
content: ""; }
.fa-folder-open-o:before {
content: ""; }
.fa-smile-o:before {
content: ""; }
.fa-frown-o:before {
content: ""; }
.fa-meh-o:before {
content: ""; }
.fa-gamepad:before {
content: ""; }
.fa-keyboard-o:before {
content: ""; }
.fa-flag-o:before {
content: ""; }
.fa-flag-checkered:before {
content: ""; }
.fa-terminal:before {
content: ""; }
.fa-code:before {
content: ""; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: ""; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: ""; }
.fa-location-arrow:before {
content: ""; }
.fa-crop:before {
content: ""; }
.fa-code-fork:before {
content: ""; }
.fa-unlink:before,
.fa-chain-broken:before {
content: ""; }
.fa-question:before {
content: ""; }
.fa-info:before {
content: ""; }
.fa-exclamation:before {
content: ""; }
.fa-superscript:before {
content: ""; }
.fa-subscript:before {
content: ""; }
.fa-eraser:before {
content: ""; }
.fa-puzzle-piece:before {
content: ""; }
.fa-microphone:before {
content: ""; }
.fa-microphone-slash:before {
content: ""; }
.fa-shield:before {
content: ""; }
.fa-calendar-o:before {
content: ""; }
.fa-fire-extinguisher:before {
content: ""; }
.fa-rocket:before {
content: ""; }
.fa-maxcdn:before {
content: ""; }
.fa-chevron-circle-left:before {
content: ""; }
.fa-chevron-circle-right:before {
content: ""; }
.fa-chevron-circle-up:before {
content: ""; }
.fa-chevron-circle-down:before {
content: ""; }
.fa-html5:before {
content: ""; }
.fa-css3:before {
content: ""; }
.fa-anchor:before {
content: ""; }
.fa-unlock-alt:before {
content: ""; }
.fa-bullseye:before {
content: ""; }
.fa-ellipsis-h:before {
content: ""; }
.fa-ellipsis-v:before {
content: ""; }
.fa-rss-square:before {
content: ""; }
.fa-play-circle:before {
content: ""; }
.fa-ticket:before {
content: ""; }
.fa-minus-square:before {
content: ""; }
.fa-minus-square-o:before {
content: ""; }
.fa-level-up:before {
content: ""; }
.fa-level-down:before {
content: ""; }
.fa-check-square:before {
content: ""; }
.fa-pencil-square:before {
content: ""; }
.fa-external-link-square:before {
content: ""; }
.fa-share-square:before {
content: ""; }
.fa-compass:before {
content: ""; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: ""; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: ""; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: ""; }
.fa-euro:before,
.fa-eur:before {
content: ""; }
.fa-gbp:before {
content: ""; }
.fa-dollar:before,
.fa-usd:before {
content: ""; }
.fa-rupee:before,
.fa-inr:before {
content: ""; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: ""; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: ""; }
.fa-won:before,
.fa-krw:before {
content: ""; }
.fa-bitcoin:before,
.fa-btc:before {
content: ""; }
.fa-file:before {
content: ""; }
.fa-file-text:before {
content: ""; }
.fa-sort-alpha-asc:before {
content: ""; }
.fa-sort-alpha-desc:before {
content: ""; }
.fa-sort-amount-asc:before {
content: ""; }
.fa-sort-amount-desc:before {
content: ""; }
.fa-sort-numeric-asc:before {
content: ""; }
.fa-sort-numeric-desc:before {
content: ""; }
.fa-thumbs-up:before {
content: ""; }
.fa-thumbs-down:before {
content: ""; }
.fa-youtube-square:before {
content: ""; }
.fa-youtube:before {
content: ""; }
.fa-xing:before {
content: ""; }
.fa-xing-square:before {
content: ""; }
.fa-youtube-play:before {
content: ""; }
.fa-dropbox:before {
content: ""; }
.fa-stack-overflow:before {
content: ""; }
.fa-instagram:before {
content: ""; }
.fa-flickr:before {
content: ""; }
.fa-adn:before {
content: ""; }
.fa-bitbucket:before {
content: ""; }
.fa-bitbucket-square:before {
content: ""; }
.fa-tumblr:before {
content: ""; }
.fa-tumblr-square:before {
content: ""; }
.fa-long-arrow-down:before {
content: ""; }
.fa-long-arrow-up:before {
content: ""; }
.fa-long-arrow-left:before {
content: ""; }
.fa-long-arrow-right:before {
content: ""; }
.fa-apple:before {
content: ""; }
.fa-windows:before {
content: ""; }
.fa-android:before {
content: ""; }
.fa-linux:before {
content: ""; }
.fa-dribbble:before {
content: ""; }
.fa-skype:before {
content: ""; }
.fa-foursquare:before {
content: ""; }
.fa-trello:before {
content: ""; }
.fa-female:before {
content: ""; }
.fa-male:before {
content: ""; }
.fa-gittip:before,
.fa-gratipay:before {
content: ""; }
.fa-sun-o:before {
content: ""; }
.fa-moon-o:before {
content: ""; }
.fa-archive:before {
content: ""; }
.fa-bug:before {
content: ""; }
.fa-vk:before {
content: ""; }
.fa-weibo:before {
content: ""; }
.fa-renren:before {
content: ""; }
.fa-pagelines:before {
content: ""; }
.fa-stack-exchange:before {
content: ""; }
.fa-arrow-circle-o-right:before {
content: ""; }
.fa-arrow-circle-o-left:before {
content: ""; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""; }
.fa-dot-circle-o:before {
content: ""; }
.fa-wheelchair:before {
content: ""; }
.fa-vimeo-square:before {
content: ""; }
.fa-turkish-lira:before,
.fa-try:before {
content: ""; }
.fa-plus-square-o:before {
content: ""; }
.fa-space-shuttle:before {
content: ""; }
.fa-slack:before {
content: ""; }
.fa-envelope-square:before {
content: ""; }
.fa-wordpress:before {
content: ""; }
.fa-openid:before {
content: ""; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: ""; }
.fa-yahoo:before {
content: ""; }
.fa-google:before {
content: ""; }
.fa-reddit:before {
content: ""; }
.fa-reddit-square:before {
content: ""; }
.fa-stumbleupon-circle:before {
content: ""; }
.fa-stumbleupon:before {
content: ""; }
.fa-delicious:before {
content: ""; }
.fa-digg:before {
content: ""; }
.fa-pied-piper-pp:before {
content: ""; }
.fa-pied-piper-alt:before {
content: ""; }
.fa-drupal:before {
content: ""; }
.fa-joomla:before {
content: ""; }
.fa-language:before {
content: ""; }
.fa-fax:before {
content: ""; }
.fa-building:before {
content: ""; }
.fa-child:before {
content: ""; }
.fa-paw:before {
content: ""; }
.fa-spoon:before {
content: ""; }
.fa-cube:before {
content: ""; }
.fa-cubes:before {
content: ""; }
.fa-behance:before {
content: ""; }
.fa-behance-square:before {
content: ""; }
.fa-steam:before {
content: ""; }
.fa-steam-square:before {
content: ""; }
.fa-recycle:before {
content: ""; }
.fa-automobile:before,
.fa-car:before {
content: ""; }
.fa-cab:before,
.fa-taxi:before {
content: ""; }
.fa-tree:before {
content: ""; }
.fa-spotify:before {
content: ""; }
.fa-deviantart:before {
content: ""; }
.fa-soundcloud:before {
content: ""; }
.fa-database:before {
content: ""; }
.fa-file-pdf-o:before {
content: ""; }
.fa-file-word-o:before {
content: ""; }
.fa-file-excel-o:before {
content: ""; }
.fa-file-powerpoint-o:before {
content: ""; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""; }
.fa-file-code-o:before {
content: ""; }
.fa-vine:before {
content: ""; }
.fa-codepen:before {
content: ""; }
.fa-jsfiddle:before {
content: ""; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: ""; }
.fa-circle-o-notch:before {
content: ""; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: ""; }
.fa-ge:before,
.fa-empire:before {
content: ""; }
.fa-git-square:before {
content: ""; }
.fa-git:before {
content: ""; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: ""; }
.fa-tencent-weibo:before {
content: ""; }
.fa-qq:before {
content: ""; }
.fa-wechat:before,
.fa-weixin:before {
content: ""; }
.fa-send:before,
.fa-paper-plane:before {
content: ""; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""; }
.fa-history:before {
content: ""; }
.fa-circle-thin:before {
content: ""; }
.fa-header:before {
content: ""; }
.fa-paragraph:before {
content: ""; }
.fa-sliders:before {
content: ""; }
.fa-share-alt:before {
content: ""; }
.fa-share-alt-square:before {
content: ""; }
.fa-bomb:before {
content: ""; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""; }
.fa-tty:before {
content: ""; }
.fa-binoculars:before {
content: ""; }
.fa-plug:before {
content: ""; }
.fa-slideshare:before {
content: ""; }
.fa-twitch:before {
content: ""; }
.fa-yelp:before {
content: ""; }
.fa-newspaper-o:before {
content: ""; }
.fa-wifi:before {
content: ""; }
.fa-calculator:before {
content: ""; }
.fa-paypal:before {
content: ""; }
.fa-google-wallet:before {
content: ""; }
.fa-cc-visa:before {
content: ""; }
.fa-cc-mastercard:before {
content: ""; }
.fa-cc-discover:before {
content: ""; }
.fa-cc-amex:before {
content: ""; }
.fa-cc-paypal:before {
content: ""; }
.fa-cc-stripe:before {
content: ""; }
.fa-bell-slash:before {
content: ""; }
.fa-bell-slash-o:before {
content: ""; }
.fa-trash:before {
content: ""; }
.fa-copyright:before {
content: ""; }
.fa-at:before {
content: ""; }
.fa-eyedropper:before {
content: ""; }
.fa-paint-brush:before {
content: ""; }
.fa-birthday-cake:before {
content: ""; }
.fa-area-chart:before {
content: ""; }
.fa-pie-chart:before {
content: ""; }
.fa-line-chart:before {
content: ""; }
.fa-lastfm:before {
content: ""; }
.fa-lastfm-square:before {
content: ""; }
.fa-toggle-off:before {
content: ""; }
.fa-toggle-on:before {
content: ""; }
.fa-bicycle:before {
content: ""; }
.fa-bus:before {
content: ""; }
.fa-ioxhost:before {
content: ""; }
.fa-angellist:before {
content: ""; }
.fa-cc:before {
content: ""; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""; }
.fa-meanpath:before {
content: ""; }
.fa-buysellads:before {
content: ""; }
.fa-connectdevelop:before {
content: ""; }
.fa-dashcube:before {
content: ""; }
.fa-forumbee:before {
content: ""; }
.fa-leanpub:before {
content: ""; }
.fa-sellsy:before {
content: ""; }
.fa-shirtsinbulk:before {
content: ""; }
.fa-simplybuilt:before {
content: ""; }
.fa-skyatlas:before {
content: ""; }
.fa-cart-plus:before {
content: ""; }
.fa-cart-arrow-down:before {
content: ""; }
.fa-diamond:before {
content: ""; }
.fa-ship:before {
content: ""; }
.fa-user-secret:before {
content: ""; }
.fa-motorcycle:before {
content: ""; }
.fa-street-view:before {
content: ""; }
.fa-heartbeat:before {
content: ""; }
.fa-venus:before {
content: ""; }
.fa-mars:before {
content: ""; }
.fa-mercury:before {
content: ""; }
.fa-intersex:before,
.fa-transgender:before {
content: ""; }
.fa-transgender-alt:before {
content: ""; }
.fa-venus-double:before {
content: ""; }
.fa-mars-double:before {
content: ""; }
.fa-venus-mars:before {
content: ""; }
.fa-mars-stroke:before {
content: ""; }
.fa-mars-stroke-v:before {
content: ""; }
.fa-mars-stroke-h:before {
content: ""; }
.fa-neuter:before {
content: ""; }
.fa-genderless:before {
content: ""; }
.fa-facebook-official:before {
content: ""; }
.fa-pinterest-p:before {
content: ""; }
.fa-whatsapp:before {
content: ""; }
.fa-server:before {
content: ""; }
.fa-user-plus:before {
content: ""; }
.fa-user-times:before {
content: ""; }
.fa-hotel:before,
.fa-bed:before {
content: ""; }
.fa-viacoin:before {
content: ""; }
.fa-train:before {
content: ""; }
.fa-subway:before {
content: ""; }
.fa-medium:before {
content: ""; }
.fa-yc:before,
.fa-y-combinator:before {
content: ""; }
.fa-optin-monster:before {
content: ""; }
.fa-opencart:before {
content: ""; }
.fa-expeditedssl:before {
content: ""; }
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: ""; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: ""; }
.fa-battery-2:before,
.fa-battery-half:before {
content: ""; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: ""; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: ""; }
.fa-mouse-pointer:before {
content: ""; }
.fa-i-cursor:before {
content: ""; }
.fa-object-group:before {
content: ""; }
.fa-object-ungroup:before {
content: ""; }
.fa-sticky-note:before {
content: ""; }
.fa-sticky-note-o:before {
content: ""; }
.fa-cc-jcb:before {
content: ""; }
.fa-cc-diners-club:before {
content: ""; }
.fa-clone:before {
content: ""; }
.fa-balance-scale:before {
content: ""; }
.fa-hourglass-o:before {
content: ""; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: ""; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: ""; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: ""; }
.fa-hourglass:before {
content: ""; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: ""; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: ""; }
.fa-hand-scissors-o:before {
content: ""; }
.fa-hand-lizard-o:before {
content: ""; }
.fa-hand-spock-o:before {
content: ""; }
.fa-hand-pointer-o:before {
content: ""; }
.fa-hand-peace-o:before {
content: ""; }
.fa-trademark:before {
content: ""; }
.fa-registered:before {
content: ""; }
.fa-creative-commons:before {
content: ""; }
.fa-gg:before {
content: ""; }
.fa-gg-circle:before {
content: ""; }
.fa-tripadvisor:before {
content: ""; }
.fa-odnoklassniki:before {
content: ""; }
.fa-odnoklassniki-square:before {
content: ""; }
.fa-get-pocket:before {
content: ""; }
.fa-wikipedia-w:before {
content: ""; }
.fa-safari:before {
content: ""; }
.fa-chrome:before {
content: ""; }
.fa-firefox:before {
content: ""; }
.fa-opera:before {
content: ""; }
.fa-internet-explorer:before {
content: ""; }
.fa-tv:before,
.fa-television:before {
content: ""; }
.fa-contao:before {
content: ""; }
.fa-500px:before {
content: ""; }
.fa-amazon:before {
content: ""; }
.fa-calendar-plus-o:before {
content: ""; }
.fa-calendar-minus-o:before {
content: ""; }
.fa-calendar-times-o:before {
content: ""; }
.fa-calendar-check-o:before {
content: ""; }
.fa-industry:before {
content: ""; }
.fa-map-pin:before {
content: ""; }
.fa-map-signs:before {
content: ""; }
.fa-map-o:before {
content: ""; }
.fa-map:before {
content: ""; }
.fa-commenting:before {
content: ""; }
.fa-commenting-o:before {
content: ""; }
.fa-houzz:before {
content: ""; }
.fa-vimeo:before {
content: ""; }
.fa-black-tie:before {
content: ""; }
.fa-fonticons:before {
content: ""; }
.fa-reddit-alien:before {
content: ""; }
.fa-edge:before {
content: ""; }
.fa-credit-card-alt:before {
content: ""; }
.fa-codiepie:before {
content: ""; }
.fa-modx:before {
content: ""; }
.fa-fort-awesome:before {
content: ""; }
.fa-usb:before {
content: ""; }
.fa-product-hunt:before {
content: ""; }
.fa-mixcloud:before {
content: ""; }
.fa-scribd:before {
content: ""; }
.fa-pause-circle:before {
content: ""; }
.fa-pause-circle-o:before {
content: ""; }
.fa-stop-circle:before {
content: ""; }
.fa-stop-circle-o:before {
content: ""; }
.fa-shopping-bag:before {
content: ""; }
.fa-shopping-basket:before {
content: ""; }
.fa-hashtag:before {
content: ""; }
.fa-bluetooth:before {
content: ""; }
.fa-bluetooth-b:before {
content: ""; }
.fa-percent:before {
content: ""; }
.fa-gitlab:before {
content: ""; }
.fa-wpbeginner:before {
content: ""; }
.fa-wpforms:before {
content: ""; }
.fa-envira:before {
content: ""; }
.fa-universal-access:before {
content: ""; }
.fa-wheelchair-alt:before {
content: ""; }
.fa-question-circle-o:before {
content: ""; }
.fa-blind:before {
content: ""; }
.fa-audio-description:before {
content: ""; }
.fa-volume-control-phone:before {
content: ""; }
.fa-braille:before {
content: ""; }
.fa-assistive-listening-systems:before {
content: ""; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: ""; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: ""; }
.fa-glide:before {
content: ""; }
.fa-glide-g:before {
content: ""; }
.fa-signing:before,
.fa-sign-language:before {
content: ""; }
.fa-low-vision:before {
content: ""; }
.fa-viadeo:before {
content: ""; }
.fa-viadeo-square:before {
content: ""; }
.fa-snapchat:before {
content: ""; }
.fa-snapchat-ghost:before {
content: ""; }
.fa-snapchat-square:before {
content: ""; }
.fa-pied-piper:before {
content: ""; }
.fa-first-order:before {
content: ""; }
.fa-yoast:before {
content: ""; }
.fa-themeisle:before {
content: ""; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: ""; }
.fa-fa:before,
.fa-font-awesome:before {
content: ""; }
.fa-handshake-o:before {
content: ""; }
.fa-envelope-open:before {
content: ""; }
.fa-envelope-open-o:before {
content: ""; }
.fa-linode:before {
content: ""; }
.fa-address-book:before {
content: ""; }
.fa-address-book-o:before {
content: ""; }
.fa-vcard:before,
.fa-address-card:before {
content: ""; }
.fa-vcard-o:before,
.fa-address-card-o:before {
content: ""; }
.fa-user-circle:before {
content: ""; }
.fa-user-circle-o:before {
content: ""; }
.fa-user-o:before {
content: ""; }
.fa-id-badge:before {
content: ""; }
.fa-drivers-license:before,
.fa-id-card:before {
content: ""; }
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: ""; }
.fa-quora:before {
content: ""; }
.fa-free-code-camp:before {
content: ""; }
.fa-telegram:before {
content: ""; }
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: ""; }
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: ""; }
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: ""; }
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: ""; }
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: ""; }
.fa-shower:before {
content: ""; }
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: ""; }
.fa-podcast:before {
content: ""; }
.fa-window-maximize:before {
content: ""; }
.fa-window-minimize:before {
content: ""; }
.fa-window-restore:before {
content: ""; }
.fa-times-rectangle:before,
.fa-window-close:before {
content: ""; }
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: ""; }
.fa-bandcamp:before {
content: ""; }
.fa-grav:before {
content: ""; }
.fa-etsy:before {
content: ""; }
.fa-imdb:before {
content: ""; }
.fa-ravelry:before {
content: ""; }
.fa-eercast:before {
content: ""; }
.fa-microchip:before {
content: ""; }
.fa-snowflake-o:before {
content: ""; }
.fa-superpowers:before {
content: ""; }
.fa-wpexplorer:before {
content: ""; }
.fa-meetup:before {
content: ""; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
.img-responsive {
width: 100%; }
.text-light {
color: #fff; }
.text-dark {
color: #122230; }
.center {
text-align: center; }
.left {
text-align: left; }
.arrow-down {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.btn {
padding: 10px 25px;
font-size: 16px;
line-height: 1.42857;
border-radius: 4px; }
.btn:focus:active {
outline: none;
outline-offset: 0px; }
.btn:focus {
outline: none;
outline-offset: 0px; }
.btn:active {
outline: none;
outline-offset: 0px; }
.btn.btn-link {
text-transform: uppercase;
display: inline-block;
position: relative;
font-weight: bold;
line-height: 19px;
letter-spacing: 0.7px;
padding-right: 20px !important;
padding: 10px 0px;
font-size: 15px;
line-height: 1.42857;
border-radius: 4px; }
.btn.btn-link i.arrows {
display: inline-block;
height: 15px;
width: 14px;
background: url(https://www.gigamon.com/content/dam/gigamon/front-end-resources/arrow.svg); }
.btn.btn-link svg {
position: absolute;
top: 13px;
right: 0px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.btn.btn-link:hover {
text-decoration: none; }
.btn.btn-link:hover svg {
right: -6px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.btn.btn-link-no-arrow {
color: #666; }
.btn.btn-link-no-arrow:hover {
text-decoration: none;
color: #1F6D9E; }
.btn.btn-primary {
padding: 16px 32px;
border: 1px solid #000;
border-radius: 0px;
color: #000;
background: transparent;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 19px;
letter-spacing: 3px;
color: #122231; }
.btn.btn-primary:hover {
background: transparent;
box-shadow: inset 0px 0px 0 2px #000; }
.btn.btn-rounded-corner {
padding: 14px 28px;
border: 1px solid #000;
border-radius: 20px;
color: #000;
background: transparent;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
text-align: center;
line-height: 16px;
letter-spacing: 0.34px !important;
color: #122231; }
.btn.btn-rounded-corner:hover {
background: transparent; }
.btn.btn-secondary {
padding: 16px 32px;
border-radius: 0px;
background: transparent;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 19px;
letter-spacing: 3px;
color: #122231;
color: #fff;
outline: 4px solid #FF6C00 !important;
outline-offset: -4px !important; }
.btn.btn-secondary:hover {
background: transparent;
box-shadow: inset 0px 0px 0 2px #FF6C00;
outline: 4px solid #FF6C00 !important;
outline-offset: -3px !important; }
.btn.btn-orange {
background: #FF6C00;
color: #fff; }
.nav > li > a:hover, .nav > li > a:focus {
background: transparent; }
@media (max-width: 768px) {
.btn.btn-primary, .btn.btn-secondary {
min-width: auto;
padding: 16px 20px 14px; } }
body {
text-rendering: auto;
font-smooth: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 300; }
h1, h2, h3, h4 {
font-family: inherit;
font-weight: 700;
margin: 15px 0 15px 0; }
b, strong {
font-weight: 600; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 700; }
a:focus {
text-decoration: none; }
a:focus:hover, a:focus:focus {
outline: none;
outline-offset: 0px;
text-decoration: none; }
@media (min-width: 768px) {
h1 {
font-size: 54px;
line-height: 0.9; }
.h1-small {
font-size: 30px; }
.h1-small h1 {
font-size: 30px; }
h2 {
font-size: 30px;
line-height: 1.0; }
h3 {
font-size: 22px; }
h4 {
font-size: 18px; }
h5 {
font-size: 17px; }
h6 {
font-size: 14px; }
p, .p, ul, ol {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: -.02em;
margin-bottom: 1em; }
[lang="zh-CN"].roboto-font p, [lang="zh-CN"].roboto-font .p, [lang="zh-CN"].roboto-font ul, [lang="zh-CN"].roboto-font ol {
font-weight: 300; }
[lang="ko-KR"].roboto-font p, [lang="ko-KR"].roboto-font .p, [lang="ko-KR"].roboto-font ul, [lang="ko-KR"].roboto-font ol {
font-weight: 300; } }
@media (min-width: 992px) {
h1 {
font-size: 56px;
line-height: 0.9; }
.h1-small {
font-size: 32px; }
.h1-small h1 {
font-size: 32px; }
h2 {
font-size: 32px;
line-height: 1; }
h3 {
font-size: 24px; }
h4 {
font-size: 20px; }
h5 {
font-size: 19px; }
h6 {
font-size: 16px; }
p, .p, ul, ol {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: -.02em;
margin-bottom: 1em; }
[lang="zh-CN"].roboto-font p, [lang="zh-CN"].roboto-font .p, [lang="zh-CN"].roboto-font ul, [lang="zh-CN"].roboto-font ol {
font-weight: 300; }
[lang="ko-KR"].roboto-font p, [lang="ko-KR"].roboto-font .p, [lang="ko-KR"].roboto-font ul, [lang="ko-KR"].roboto-font ol {
font-weight: 300; } }
@media (min-width: 1200px) {
h1 {
font-size: 56px;
line-height: 1.07em; }
.h1-small {
font-size: 35px; }
.h1-small h1 {
font-size: 35px; }
h2 {
font-size: 36px;
line-height: 1.07em; }
h3 {
font-size: 26px;
line-height: 1.3em; }
h4 {
font-size: 20px; }
h5 {
font-size: 19px; }
h6 {
font-size: 16px; }
p, .p, ul, ol {
font-size: 18px;
line-height: 1.6;
font-weight: 400;
letter-spacing: -.02em;
margin-bottom: 1em; }
[lang="zh-CN"].roboto-font p, [lang="zh-CN"].roboto-font .p, [lang="zh-CN"].roboto-font ul, [lang="zh-CN"].roboto-font ol {
font-weight: 300; }
[lang="ko-KR"].roboto-font p, [lang="ko-KR"].roboto-font .p, [lang="ko-KR"].roboto-font ul, [lang="ko-KR"].roboto-font ol {
font-weight: 300; } }
.edit-start, .edit-end {
font-size: .5em !important; }
.light-grey {
color: #555; }
.x-window label {
display: inline;
max-width: 100%;
font-weight: normal; }
.x-window legend {
display: inline;
width: auto;
margin-bottom: 0px;
border-bottom: none; }
.x-window fieldset {
min-width: auto; }
.security-form {
max-width: 100%;
width: 1200px;
margin: 0 auto; }
.security-form h1 {
color: #FF6C00;
font-size: 40px;
font-weight: 400; }
.modal--fade .modal-close:after, .modal--show .modal-close:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAAE2CAYAAADrvL6pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACbxJREFUeNrs3e1xE2cYhWEdVUAJLgE6iDuADkhloYPQgdOBXYJLoANnlazwTADHH1pp37PXPeORBT9493nOuWdlYzm7BXh4ePg8PVzNT++SfN0BwL9++Dg9vJ+f3k9++LL2A7+bPm4ffuTm8HdWCmxaaO9mF/yX29X64Qmprf/wAPjhFYcmN4DUxvHDCw5NbgCprd8Przg0uQGktl4/vOHQ5AaQ2vr8cIJDkxtAauvxwwkPTW4AqV3eDwscmtwAUrucHxY8NLkBpHZ+P5zh0OQGkNr5/HDGQ5MbQGrL++EChyY3gNSW88MFD01uAKm9yQ/51aGnh5vd41uLXIq76eM6yTdRAtYjtbX7ISs+NLkBpPYqP2TlhyY3gNRe7IcMcGhyA0jtRX7IIIcmN4DUnu2Ho9huBzg0uQGk9r9+mNzwIfMvXvljsHmTG0Bqv+L3/e7xt0mNxGHQfkEMQGo/42o/8OzJDSC1n7KfX9aRG4AKqR2cdvzmweFCfhv5Qna+5gaQ2m731+SB6+NL0U/u3ABSG/1ObXbZUP9B150bQGrP6n7aLxDAtqT2g9jIDSC1hq5naxcMoL/j2eqFA6TW2+1sfQAAqfV1OgYBkFpbl2MgAKm1dTgGA5BaW3djQACptXU2BgWQWltXY2DkBlJr62gMjtxAam3djAGSG0itrZMxSHIDqbV1MQZKbiC1tg7GYMkNpNbWvRgwuYHU2joXgyY3kFpb12Lg5AZSa+tYDJ7cQGpt3YoFkBtIra1TsQhyA6m1dSkWQm4gtbYOxWLIDaTW1p1YELmB1No6E4siN5BaW1diYeQGUmvrSCyO3EBqbd2IBZIbSK2tE7FIcgOptXUhFkpu0IG2DsRiyQ2y35b9WDC5QebbMh+LJjfIelvWY+HkBhlvy3gsntwg223ZjgCQG2S6LdMRBEGALLdlOQIhEJDhtgxHMAQDstuW3QiIgEBm2zIbQREUyGpbViMwAgMZbctoBEdwIJtt2YwACRBksi2TESRBgiy2ZTECJVCQwbYMRrAEC7LXlr0ImIBB5toyF0ETNMhaW9YicAIHGWvbTwRP8CBbxCaAAkhqMkVsgiiIsiRLxCaQ5CZDMkRsggnZkZ1Nik1AITPbyUwEVVAhK8QmsAIrIzJCbIIruLIhG8QmwAIsEzJBbIIsyLIgC8Qm0JABYhNswbZ7uyc2ARdwO7dzYhN0QbdruyY2gRd4O7ZjYhN82C2xQQHs1E6JTREUwS7tktgUQiHs0A6JTTEUw+5IjdgUREHsjNigKHZlV8RGbgpjR3ZEbIqjOHZDasSmQApkJyA2RdpykewCxKZQVYWyAxCbYlUVy+xBbApWVTAzB7EpWlXRzBrEpnBVhTNjEJviVRXPbEFsClhVQDMFsSliVRHNEsRGblWFNEMQG7lVFdPsQGzkVlVQMwOxkVtVUc0KxEZuVYU1IxAbuVUV12xAbORWVWAzAbGRW1WRzQLERm5VhTYDEBu5VRWb1EBs5FZVcFIDsZFbVdFJDcRGblWFJzUQG7lVFZ/UQGzkViUAUgOxoUoE8+ekBmJDldx2pAZiQ5vcRobUiA3kRmogNpAbqYHYyI3cSA3ERm4gNWIDuZEaqREbyI3UQGwgN1IDsYHcSA3ERm4gNWIDuZEaiA3kRmogNpAbqYHYQG6kBmIDuZEaiI3cSA3EBnIjNRAbyI3UQGwgN1IDsYHcSA3Ehm3IjdSIDeRGaiA2kBupgdhAbqSGc7E3AgDu2OBuzV0biA2kRm4gNpAauYHYQGrkBmIjNT9SBWIDqZEbiA2kRm4gNpAauYHYQGrkBmIjNZAbsYHUyA3EBlIjNxAbSI3cQGwgNXIDsZEayI3YQGrkRm7EBlIjNxAbSI3cQGwgNXIDsZEayA3ERmogN2IDqZEbiA2kRm4gNtRK7W5+HP0ayI3YQGqPQpg/r7gWciM2kNp3ETReE4gNG5baFq4NxIYNSo3cQGykVl14cgOxkVpl0ckNxEZqlQUnNxAbqVUW2wxAbKRWWWizALGRWmWRzQTERmqVBTYbEBupVRbXjEBspFZZWLMCsZFaZVHNDMRGapUFNTsQG6lVFtMMQWykVllIswSxkVplEc0UxKaAlQU0WxCb4lUWz4xBbApXWTizBrEpWmXRzBzEpmCVBTN7EJtiVRbLDkBsClVZKLsAsSlSZZHsBMSmQJUFshsQm+J8syM7IjZSUxi7sitiUxRFsTM7IzYFURC7sztiUwzFsEMQm0LYpV0SmyIogp3aKbEpgALYrd0Sm+ALvh3bMbEJvMDbtV0Tm6DDzolNwAXc7u2e2ARbsGVABohNoAVaFmSB2ARZkGVCJohNgCEbG81GBFdwISPEJrACKyuyQmyCKqgyIzPEJqACKjuyQ2yCCRmSoU2JTSAhS9vLUgRRECFTxCaAAkhuskVsgid4MiZjxCZwpCZrskZsggaZk7lKsQkYZE/2qsQmWJBBGawSm0BBFmWxSmyCBJmUySqxCRBkUzarxCY4kFEZrRKbwEBWZbVKbIICcpPZKrEJCMhNdqvEJhggNxmuEptAgNxkuUpsggByk+kqsQkAyE22q8Rm8SA3Ga8Sm4WD3GS9SmwWDXKT+SqxWTDITfarxGaxIDcdqBKbhQK6UCU2iwR0okpsFgjoRpXYLA7QkSqxWRigK1VisyhAZ6rEZkGA7pyrO7EYUgO5tXUoFkJqILe2LsUiSA3k1tapWACpgdzauhWDJzWQW1vHYuCkBnJr61oMmtRAbm2diwGTGsitrXsxWFIDubV1MAZKaiC3ti7GIEkN5NbWyRggqYHc2roZgyM1kFtbR2NgALm1dTUGBZBbW2djQAC5tXU3BgOQW1uHYyAAubV1OQYBkFtbp0NqALm1dTukBpBbW8dDagC5tXU9pAaQW1vnQ2oAubV1P6QGoM0B+/kP/iQ1YLvM3bmeuzQq72eX7TKZ+uPxCakB7twK7tw+7d2pAWi7c9uTGoA2uR3Edk9qAIrkdn/8rujtQC9JSQ04EwN+ze1ucsOH40vRUcxMaoA7tyf98M+5BzIzqQHu3J7lh1F+pIrUAHJ7th9G+CF4UgPI7UV+WPvbFpEaQG6n88Ph8Ifvlj5cjtt5gABWKLdh/XDBw5MaQG7L+eEChyc1gNyW98MZD09qALmdzw9nODypAeR2fj8seHhSA8jtcn5Y4PCkBpDb5f1wwsOTGkBu6/HDCQ5PagC5rc8Pbzg8qQHktl4/vOLwpAaQ2/r98ILDkxpAbuP44RmHJzWA3MbzwxOHvyE1gNxmFywutSx0AZ+nh6v56eE9yL9aK4DZD4ffZXx8y6P7yQ9fTv1v/C3AAA+smnyH3XFpAAAAAElFTkSuQmCC); }
html {
position: relative;
min-height: 100%;
background: #f2f2f2; }
body {
position: relative;
max-width: 1600px;
margin: 0 auto;
background: #fff;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.18); }
@media screen and (min-width: 1600px) {
body {
max-width: 100%; } }
.roboto-font body {
font-family: "roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.montserrat-font body {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.site-wrapper,
.site-header,
.site-content,
.site-footer,
.content-section {
width: 100%;
padding: 0;
margin: 0;
display: block;
overflow: hidden; }
#CQ * {
box-sizing: content-box; }
#CQ * .cq-wcm-preview * {
box-sizing: border-box; }
.site-wrapper {
background-color: #fff;
margin: 0 auto; }
.site-content {
overflow: visible;
position: relative;
z-index: 1; }
.container {
display: block;
padding-left: 15px;
padding-right: 15px; }
.adjust-column-width-max {
max-width: 1440px;
margin: 0 auto; }
.adjust-column-width-90 {
max-width: 1440px;
display: block;
margin: 0 auto;
padding: 0 120px; }
@media (min-width: 1400px) {
.adjust-column-width-90 {
padding: 0 120px; } }
@media (min-width: 1440px) {
.container {
width: 100%; }
.adjust-column-width-90 {
padding: 0 120px; } }
@media (min-width: 1200px) {
.container {
width: 100%; }
.adjust-column-width-90 {
padding: 0 120px; } }
@media (min-width: 768px) {
.container {
width: 100%; } }
@media (min-width: 992px) {
.container {
width: 100%; }
.flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.flex-container.flex-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.flex-container.flex-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.flex-container.flex-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.adjust-column-width-70 {
width: 70%;
margin-left: 15%; } }
@media (max-width: 1200px) {
.adjust-column-width-90 {
padding: 0 40px; } }
@media (max-width: 992px) {
.col-xs-12 {
padding: 0px; }
.adjust-column-width-90 {
padding: 0 10px; } }
.flex-align-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
.flex-align-center {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.flex-align-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end; }
.vert-pad-top-xs {
padding-top: 0;
margin-top: 15px; }
.vert-pad-top-xs[id*="gradient-"] {
padding-top: 15px;
margin-top: 0; }
.vert-pad-top-xs[class*="-bg"] {
padding-top: 15px;
margin-top: 0; }
.vert-pad-top-xs > [class*="-bg"] {
margin-top: 0; }
.vert-pad-top-sm {
padding-top: 0;
margin-top: 30px; }
.vert-pad-top-sm[id*="gradient-"] {
padding-top: 30px;
margin-top: 0; }
.vert-pad-top-sm[class*="-bg"] {
padding-top: 30px;
margin-top: 0; }
.vert-pad-top-sm > [class*="-bg"] {
margin-top: 0; }
.vert-pad-top-md {
padding-top: 0;
margin-top: 60px; }
.vert-pad-top-md[id*="gradient-"] {
padding-top: 60px;
margin-top: 0; }
.vert-pad-top-md[class*="-bg"] {
padding-top: 60px;
margin-top: 0; }
.vert-pad-top-md > [class*="-bg"] {
margin-top: 0; }
.vert-pad-top-lg {
padding-top: 0;
margin-top: 90px; }
.vert-pad-top-lg[id*="gradient-"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-top-lg[class*="-bg"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-top-lg > [class*="-bg"] {
margin-top: 0; }
.vert-pad-top-xl {
padding-top: 0;
margin-top: 90px; }
.vert-pad-top-xl[id*="gradient-"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-top-xl[class*="-bg"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-top-xl > [class*="-bg"] {
margin-top: 0; }
.vert-pad-bottom-xs {
padding-bottom: 0;
margin-bottom: 15px; }
.vert-pad-bottom-xs[id*="gradient-"] {
padding-bottom: 15px;
margin-bottom: 0; }
.vert-pad-bottom-xs[class*="-bg"] {
padding-bottom: 15px;
margin-bottom: 0; }
.vert-pad-bottom-xs > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-bottom-sm {
padding-bottom: 0;
margin-bottom: 30px; }
.vert-pad-bottom-sm[id*="gradient-"] {
padding-bottom: 30px;
margin-bottom: 0; }
.vert-pad-bottom-sm[class*="-bg"] {
padding-bottom: 30px;
margin-bottom: 0; }
.vert-pad-bottom-sm > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-bottom-md {
padding-bottom: 0;
margin-bottom: 60px; }
.vert-pad-bottom-md[id*="gradient-"] {
padding-bottom: 60px;
margin-bottom: 0; }
.vert-pad-bottom-md[class*="-bg"] {
padding-bottom: 60px;
margin-bottom: 0; }
.vert-pad-bottom-md > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-bottom-lg {
padding-bottom: 0;
margin-bottom: 90px; }
.vert-pad-bottom-lg[id*="gradient-"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-bottom-lg[class*="-bg"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-bottom-lg > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-bottom-xl {
padding-bottom: 0;
margin-bottom: 90px; }
.vert-pad-bottom-xl[id*="gradient-"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-bottom-xl[class*="-bg"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-bottom-xl > [class*="-bg"] {
margin-bottom: 0; }
.horz-pad-left-xs {
padding-left: 0;
margin-left: 15px; }
.horz-pad-left-xs[id*="gradient-"] {
padding-left: 15px;
margin-left: 0; }
.horz-pad-left-xs[class*="-bg"] {
padding-left: 15px;
margin-left: 0; }
.horz-pad-left-xs > [class*="-bg"] {
margin-left: 0; }
.horz-pad-left-sm {
padding-left: 0;
margin-left: 30px; }
.horz-pad-left-sm[id*="gradient-"] {
padding-left: 30px;
margin-left: 0; }
.horz-pad-left-sm[class*="-bg"] {
padding-left: 30px;
margin-left: 0; }
.horz-pad-left-sm > [class*="-bg"] {
margin-left: 0; }
.horz-pad-left-md {
padding-left: 0;
margin-left: 60px; }
.horz-pad-left-md[id*="gradient-"] {
padding-left: 60px;
margin-left: 0; }
.horz-pad-left-md[class*="-bg"] {
padding-left: 60px;
margin-left: 0; }
.horz-pad-left-md > [class*="-bg"] {
margin-left: 0; }
.horz-pad-left-lg {
padding-left: 0;
margin-left: 90px; }
.horz-pad-left-lg[id*="gradient-"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-left-lg[class*="-bg"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-left-lg > [class*="-bg"] {
margin-left: 0; }
.horz-pad-left-xl {
padding-left: 0;
margin-left: 90px; }
.horz-pad-left-xl[id*="gradient-"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-left-xl[class*="-bg"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-left-xl > [class*="-bg"] {
margin-left: 0; }
.horz-pad-right-xs {
padding-right: 0;
margin-right: 15px; }
.horz-pad-right-xs[id*="gradient-"] {
padding-right: 15px;
margin-right: 0; }
.horz-pad-right-xs[class*="-bg"] {
padding-right: 15px;
margin-right: 0; }
.horz-pad-right-xs > [class*="-bg"] {
margin-right: 0; }
.horz-pad-right-sm {
padding-right: 0;
margin-right: 30px; }
.horz-pad-right-sm[id*="gradient-"] {
padding-right: 30px;
margin-right: 0; }
.horz-pad-right-sm[class*="-bg"] {
padding-right: 30px;
margin-right: 0; }
.horz-pad-right-sm > [class*="-bg"] {
margin-right: 0; }
.horz-pad-right-md {
padding-right: 0;
margin-right: 60px; }
.horz-pad-right-md[id*="gradient-"] {
padding-right: 60px;
margin-right: 0; }
.horz-pad-right-md[class*="-bg"] {
padding-right: 60px;
margin-right: 0; }
.horz-pad-right-md > [class*="-bg"] {
margin-right: 0; }
.horz-pad-right-lg {
padding-right: 0;
margin-right: 90px; }
.horz-pad-right-lg[id*="gradient-"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-right-lg[class*="-bg"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-right-lg > [class*="-bg"] {
margin-right: 0; }
.horz-pad-right-xl {
padding-right: 0;
margin-right: 90px; }
.horz-pad-right-xl[id*="gradient-"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-right-xl[class*="-bg"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-right-xl > [class*="-bg"] {
margin-right: 0; }
.vert-pad-xs-top-xs {
padding-top: 0;
margin-top: 15px; }
.vert-pad-xs-top-xs[id*="gradient-"] {
padding-top: 15px;
margin-top: 0; }
.vert-pad-xs-top-xs[class*="-bg"] {
padding-top: 15px;
margin-top: 0; }
.vert-pad-xs-top-xs > [class*="-bg"] {
margin-top: 0; }
.vert-pad-xs-top-sm {
padding-top: 0;
margin-top: 30px; }
.vert-pad-xs-top-sm[id*="gradient-"] {
padding-top: 30px;
margin-top: 0; }
.vert-pad-xs-top-sm[class*="-bg"] {
padding-top: 30px;
margin-top: 0; }
.vert-pad-xs-top-sm > [class*="-bg"] {
margin-top: 0; }
.vert-pad-xs-top-md {
padding-top: 0;
margin-top: 60px; }
.vert-pad-xs-top-md[id*="gradient-"] {
padding-top: 60px;
margin-top: 0; }
.vert-pad-xs-top-md[class*="-bg"] {
padding-top: 60px;
margin-top: 0; }
.vert-pad-xs-top-md > [class*="-bg"] {
margin-top: 0; }
.vert-pad-xs-top-lg {
padding-top: 0;
margin-top: 90px; }
.vert-pad-xs-top-lg[id*="gradient-"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-xs-top-lg[class*="-bg"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-xs-top-lg > [class*="-bg"] {
margin-top: 0; }
.vert-pad-xs-top-xl {
padding-top: 0;
margin-top: 90px; }
.vert-pad-xs-top-xl[id*="gradient-"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-xs-top-xl[class*="-bg"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-xs-top-xl > [class*="-bg"] {
margin-top: 0; }
.vert-pad-xs-bottom-xs {
padding-bottom: 0;
margin-bottom: 15px; }
.vert-pad-xs-bottom-xs[id*="gradient-"] {
padding-bottom: 15px;
margin-bottom: 0; }
.vert-pad-xs-bottom-xs[class*="-bg"] {
padding-bottom: 15px;
margin-bottom: 0; }
.vert-pad-xs-bottom-xs > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-xs-bottom-sm {
padding-bottom: 0;
margin-bottom: 30px; }
.vert-pad-xs-bottom-sm[id*="gradient-"] {
padding-bottom: 30px;
margin-bottom: 0; }
.vert-pad-xs-bottom-sm[class*="-bg"] {
padding-bottom: 30px;
margin-bottom: 0; }
.vert-pad-xs-bottom-sm > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-xs-bottom-md {
padding-bottom: 0;
margin-bottom: 60px; }
.vert-pad-xs-bottom-md[id*="gradient-"] {
padding-bottom: 60px;
margin-bottom: 0; }
.vert-pad-xs-bottom-md[class*="-bg"] {
padding-bottom: 60px;
margin-bottom: 0; }
.vert-pad-xs-bottom-md > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-xs-bottom-lg {
padding-bottom: 0;
margin-bottom: 90px; }
.vert-pad-xs-bottom-lg[id*="gradient-"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-xs-bottom-lg[class*="-bg"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-xs-bottom-lg > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-xs-bottom-xl {
padding-bottom: 0;
margin-bottom: 90px; }
.vert-pad-xs-bottom-xl[id*="gradient-"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-xs-bottom-xl[class*="-bg"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-xs-bottom-xl > [class*="-bg"] {
margin-bottom: 0; }
.horz-pad-xs-left-xs {
padding-left: 0;
margin-left: 15px; }
.horz-pad-xs-left-xs[id*="gradient-"] {
padding-left: 15px;
margin-left: 0; }
.horz-pad-xs-left-xs[class*="-bg"] {
padding-left: 15px;
margin-left: 0; }
.horz-pad-xs-left-xs > [class*="-bg"] {
margin-left: 0; }
.horz-pad-xs-left-sm {
padding-left: 0;
margin-left: 30px; }
.horz-pad-xs-left-sm[id*="gradient-"] {
padding-left: 30px;
margin-left: 0; }
.horz-pad-xs-left-sm[class*="-bg"] {
padding-left: 30px;
margin-left: 0; }
.horz-pad-xs-left-sm > [class*="-bg"] {
margin-left: 0; }
.horz-pad-xs-left-md {
padding-left: 0;
margin-left: 60px; }
.horz-pad-xs-left-md[id*="gradient-"] {
padding-left: 60px;
margin-left: 0; }
.horz-pad-xs-left-md[class*="-bg"] {
padding-left: 60px;
margin-left: 0; }
.horz-pad-xs-left-md > [class*="-bg"] {
margin-left: 0; }
.horz-pad-xs-left-lg {
padding-left: 0;
margin-left: 90px; }
.horz-pad-xs-left-lg[id*="gradient-"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-xs-left-lg[class*="-bg"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-xs-left-lg > [class*="-bg"] {
margin-left: 0; }
.horz-pad-xs-left-xl {
padding-left: 0;
margin-left: 90px; }
.horz-pad-xs-left-xl[id*="gradient-"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-xs-left-xl[class*="-bg"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-xs-left-xl > [class*="-bg"] {
margin-left: 0; }
.horz-pad-xs-right-xs {
padding-right: 0;
margin-right: 15px; }
.horz-pad-xs-right-xs[id*="gradient-"] {
padding-right: 15px;
margin-right: 0; }
.horz-pad-xs-right-xs[class*="-bg"] {
padding-right: 15px;
margin-right: 0; }
.horz-pad-xs-right-xs > [class*="-bg"] {
margin-right: 0; }
.horz-pad-xs-right-sm {
padding-right: 0;
margin-right: 30px; }
.horz-pad-xs-right-sm[id*="gradient-"] {
padding-right: 30px;
margin-right: 0; }
.horz-pad-xs-right-sm[class*="-bg"] {
padding-right: 30px;
margin-right: 0; }
.horz-pad-xs-right-sm > [class*="-bg"] {
margin-right: 0; }
.horz-pad-xs-right-md {
padding-right: 0;
margin-right: 60px; }
.horz-pad-xs-right-md[id*="gradient-"] {
padding-right: 60px;
margin-right: 0; }
.horz-pad-xs-right-md[class*="-bg"] {
padding-right: 60px;
margin-right: 0; }
.horz-pad-xs-right-md > [class*="-bg"] {
margin-right: 0; }
.horz-pad-xs-right-lg {
padding-right: 0;
margin-right: 90px; }
.horz-pad-xs-right-lg[id*="gradient-"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-xs-right-lg[class*="-bg"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-xs-right-lg > [class*="-bg"] {
margin-right: 0; }
.horz-pad-xs-right-xl {
padding-right: 0;
margin-right: 90px; }
.horz-pad-xs-right-xl[id*="gradient-"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-xs-right-xl[class*="-bg"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-xs-right-xl > [class*="-bg"] {
margin-right: 0; }
@media (min-width: 768px) {
.vert-pad-sm-top-xs {
padding-top: 0;
margin-top: 15px; }
.vert-pad-sm-top-xs[id*="gradient-"] {
padding-top: 15px;
margin-top: 0; }
.vert-pad-sm-top-xs[class*="-bg"] {
padding-top: 15px;
margin-top: 0; }
.vert-pad-sm-top-xs > [class*="-bg"] {
margin-top: 0; }
.vert-pad-sm-top-sm {
padding-top: 0;
margin-top: 30px; }
.vert-pad-sm-top-sm[id*="gradient-"] {
padding-top: 30px;
margin-top: 0; }
.vert-pad-sm-top-sm[class*="-bg"] {
padding-top: 30px;
margin-top: 0; }
.vert-pad-sm-top-sm > [class*="-bg"] {
margin-top: 0; }
.vert-pad-sm-top-md {
padding-top: 0;
margin-top: 60px; }
.vert-pad-sm-top-md[id*="gradient-"] {
padding-top: 60px;
margin-top: 0; }
.vert-pad-sm-top-md[class*="-bg"] {
padding-top: 60px;
margin-top: 0; }
.vert-pad-sm-top-md > [class*="-bg"] {
margin-top: 0; }
.vert-pad-sm-top-lg {
padding-top: 0;
margin-top: 90px; }
.vert-pad-sm-top-lg[id*="gradient-"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-sm-top-lg[class*="-bg"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-sm-top-lg > [class*="-bg"] {
margin-top: 0; }
.vert-pad-sm-top-xl {
padding-top: 0;
margin-top: 90px; }
.vert-pad-sm-top-xl[id*="gradient-"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-sm-top-xl[class*="-bg"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-sm-top-xl > [class*="-bg"] {
margin-top: 0; }
.vert-pad-sm-bottom-xs {
padding-bottom: 0;
margin-bottom: 15px; }
.vert-pad-sm-bottom-xs[id*="gradient-"] {
padding-bottom: 15px;
margin-bottom: 0; }
.vert-pad-sm-bottom-xs[class*="-bg"] {
padding-bottom: 15px;
margin-bottom: 0; }
.vert-pad-sm-bottom-xs > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-sm-bottom-sm {
padding-bottom: 0;
margin-bottom: 30px; }
.vert-pad-sm-bottom-sm[id*="gradient-"] {
padding-bottom: 30px;
margin-bottom: 0; }
.vert-pad-sm-bottom-sm[class*="-bg"] {
padding-bottom: 30px;
margin-bottom: 0; }
.vert-pad-sm-bottom-sm > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-sm-bottom-md {
padding-bottom: 0;
margin-bottom: 60px; }
.vert-pad-sm-bottom-md[id*="gradient-"] {
padding-bottom: 60px;
margin-bottom: 0; }
.vert-pad-sm-bottom-md[class*="-bg"] {
padding-bottom: 60px;
margin-bottom: 0; }
.vert-pad-sm-bottom-md > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-sm-bottom-lg {
padding-bottom: 0;
margin-bottom: 90px; }
.vert-pad-sm-bottom-lg[id*="gradient-"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-sm-bottom-lg[class*="-bg"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-sm-bottom-lg > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-sm-bottom-xl {
padding-bottom: 0;
margin-bottom: 90px; }
.vert-pad-sm-bottom-xl[id*="gradient-"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-sm-bottom-xl[class*="-bg"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-sm-bottom-xl > [class*="-bg"] {
margin-bottom: 0; }
.horz-pad-sm-left-xs {
padding-left: 0;
margin-left: 15px; }
.horz-pad-sm-left-xs[id*="gradient-"] {
padding-left: 15px;
margin-left: 0; }
.horz-pad-sm-left-xs[class*="-bg"] {
padding-left: 15px;
margin-left: 0; }
.horz-pad-sm-left-xs > [class*="-bg"] {
margin-left: 0; }
.horz-pad-sm-left-sm {
padding-left: 0;
margin-left: 30px; }
.horz-pad-sm-left-sm[id*="gradient-"] {
padding-left: 30px;
margin-left: 0; }
.horz-pad-sm-left-sm[class*="-bg"] {
padding-left: 30px;
margin-left: 0; }
.horz-pad-sm-left-sm > [class*="-bg"] {
margin-left: 0; }
.horz-pad-sm-left-md {
padding-left: 0;
margin-left: 60px; }
.horz-pad-sm-left-md[id*="gradient-"] {
padding-left: 60px;
margin-left: 0; }
.horz-pad-sm-left-md[class*="-bg"] {
padding-left: 60px;
margin-left: 0; }
.horz-pad-sm-left-md > [class*="-bg"] {
margin-left: 0; }
.horz-pad-sm-left-lg {
padding-left: 0;
margin-left: 90px; }
.horz-pad-sm-left-lg[id*="gradient-"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-sm-left-lg[class*="-bg"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-sm-left-lg > [class*="-bg"] {
margin-left: 0; }
.horz-pad-sm-left-xl {
padding-left: 0;
margin-left: 90px; }
.horz-pad-sm-left-xl[id*="gradient-"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-sm-left-xl[class*="-bg"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-sm-left-xl > [class*="-bg"] {
margin-left: 0; }
.horz-pad-sm-right-xs {
padding-right: 0;
margin-right: 15px; }
.horz-pad-sm-right-xs[id*="gradient-"] {
padding-right: 15px;
margin-right: 0; }
.horz-pad-sm-right-xs[class*="-bg"] {
padding-right: 15px;
margin-right: 0; }
.horz-pad-sm-right-xs > [class*="-bg"] {
margin-right: 0; }
.horz-pad-sm-right-sm {
padding-right: 0;
margin-right: 30px; }
.horz-pad-sm-right-sm[id*="gradient-"] {
padding-right: 30px;
margin-right: 0; }
.horz-pad-sm-right-sm[class*="-bg"] {
padding-right: 30px;
margin-right: 0; }
.horz-pad-sm-right-sm > [class*="-bg"] {
margin-right: 0; }
.horz-pad-sm-right-md {
padding-right: 0;
margin-right: 60px; }
.horz-pad-sm-right-md[id*="gradient-"] {
padding-right: 60px;
margin-right: 0; }
.horz-pad-sm-right-md[class*="-bg"] {
padding-right: 60px;
margin-right: 0; }
.horz-pad-sm-right-md > [class*="-bg"] {
margin-right: 0; }
.horz-pad-sm-right-lg {
padding-right: 0;
margin-right: 90px; }
.horz-pad-sm-right-lg[id*="gradient-"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-sm-right-lg[class*="-bg"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-sm-right-lg > [class*="-bg"] {
margin-right: 0; }
.horz-pad-sm-right-xl {
padding-right: 0;
margin-right: 90px; }
.horz-pad-sm-right-xl[id*="gradient-"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-sm-right-xl[class*="-bg"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-sm-right-xl > [class*="-bg"] {
margin-right: 0; } }
@media (min-width: 992px) {
.vert-pad-md-top-xs {
padding-top: 0;
margin-top: 15px; }
.vert-pad-md-top-xs[id*="gradient-"] {
padding-top: 15px;
margin-top: 0; }
.vert-pad-md-top-xs[class*="-bg"] {
padding-top: 15px;
margin-top: 0; }
.vert-pad-md-top-xs > [class*="-bg"] {
margin-top: 0; }
.vert-pad-md-top-sm {
padding-top: 0;
margin-top: 30px; }
.vert-pad-md-top-sm[id*="gradient-"] {
padding-top: 30px;
margin-top: 0; }
.vert-pad-md-top-sm[class*="-bg"] {
padding-top: 30px;
margin-top: 0; }
.vert-pad-md-top-sm > [class*="-bg"] {
margin-top: 0; }
.vert-pad-md-top-md {
padding-top: 0;
margin-top: 60px; }
.vert-pad-md-top-md[id*="gradient-"] {
padding-top: 60px;
margin-top: 0; }
.vert-pad-md-top-md[class*="-bg"] {
padding-top: 60px;
margin-top: 0; }
.vert-pad-md-top-md > [class*="-bg"] {
margin-top: 0; }
.vert-pad-md-top-lg {
padding-top: 0;
margin-top: 90px; }
.vert-pad-md-top-lg[id*="gradient-"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-md-top-lg[class*="-bg"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-md-top-lg > [class*="-bg"] {
margin-top: 0; }
.vert-pad-md-top-xl {
padding-top: 0;
margin-top: 90px; }
.vert-pad-md-top-xl[id*="gradient-"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-md-top-xl[class*="-bg"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-md-top-xl > [class*="-bg"] {
margin-top: 0; }
.vert-pad-md-bottom-xs {
padding-bottom: 0;
margin-bottom: 15px; }
.vert-pad-md-bottom-xs[id*="gradient-"] {
padding-bottom: 15px;
margin-bottom: 0; }
.vert-pad-md-bottom-xs[class*="-bg"] {
padding-bottom: 15px;
margin-bottom: 0; }
.vert-pad-md-bottom-xs > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-md-bottom-sm {
padding-bottom: 0;
margin-bottom: 30px; }
.vert-pad-md-bottom-sm[id*="gradient-"] {
padding-bottom: 30px;
margin-bottom: 0; }
.vert-pad-md-bottom-sm[class*="-bg"] {
padding-bottom: 30px;
margin-bottom: 0; }
.vert-pad-md-bottom-sm > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-md-bottom-md {
padding-bottom: 0;
margin-bottom: 60px; }
.vert-pad-md-bottom-md[id*="gradient-"] {
padding-bottom: 60px;
margin-bottom: 0; }
.vert-pad-md-bottom-md[class*="-bg"] {
padding-bottom: 60px;
margin-bottom: 0; }
.vert-pad-md-bottom-md > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-md-bottom-lg {
padding-bottom: 0;
margin-bottom: 90px; }
.vert-pad-md-bottom-lg[id*="gradient-"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-md-bottom-lg[class*="-bg"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-md-bottom-lg > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-md-bottom-xl {
padding-bottom: 0;
margin-bottom: 90px; }
.vert-pad-md-bottom-xl[id*="gradient-"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-md-bottom-xl[class*="-bg"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-md-bottom-xl > [class*="-bg"] {
margin-bottom: 0; }
.horz-pad-md-left-xs {
padding-left: 0;
margin-left: 15px; }
.horz-pad-md-left-xs[id*="gradient-"] {
padding-left: 15px;
margin-left: 0; }
.horz-pad-md-left-xs[class*="-bg"] {
padding-left: 15px;
margin-left: 0; }
.horz-pad-md-left-xs > [class*="-bg"] {
margin-left: 0; }
.horz-pad-md-left-sm {
padding-left: 0;
margin-left: 30px; }
.horz-pad-md-left-sm[id*="gradient-"] {
padding-left: 30px;
margin-left: 0; }
.horz-pad-md-left-sm[class*="-bg"] {
padding-left: 30px;
margin-left: 0; }
.horz-pad-md-left-sm > [class*="-bg"] {
margin-left: 0; }
.horz-pad-md-left-md {
padding-left: 0;
margin-left: 60px; }
.horz-pad-md-left-md[id*="gradient-"] {
padding-left: 60px;
margin-left: 0; }
.horz-pad-md-left-md[class*="-bg"] {
padding-left: 60px;
margin-left: 0; }
.horz-pad-md-left-md > [class*="-bg"] {
margin-left: 0; }
.horz-pad-md-left-lg {
padding-left: 0;
margin-left: 90px; }
.horz-pad-md-left-lg[id*="gradient-"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-md-left-lg[class*="-bg"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-md-left-lg > [class*="-bg"] {
margin-left: 0; }
.horz-pad-md-left-xl {
padding-left: 0;
margin-left: 90px; }
.horz-pad-md-left-xl[id*="gradient-"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-md-left-xl[class*="-bg"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-md-left-xl > [class*="-bg"] {
margin-left: 0; }
.horz-pad-md-right-xs {
padding-right: 0;
margin-right: 15px; }
.horz-pad-md-right-xs[id*="gradient-"] {
padding-right: 15px;
margin-right: 0; }
.horz-pad-md-right-xs[class*="-bg"] {
padding-right: 15px;
margin-right: 0; }
.horz-pad-md-right-xs > [class*="-bg"] {
margin-right: 0; }
.horz-pad-md-right-sm {
padding-right: 0;
margin-right: 30px; }
.horz-pad-md-right-sm[id*="gradient-"] {
padding-right: 30px;
margin-right: 0; }
.horz-pad-md-right-sm[class*="-bg"] {
padding-right: 30px;
margin-right: 0; }
.horz-pad-md-right-sm > [class*="-bg"] {
margin-right: 0; }
.horz-pad-md-right-md {
padding-right: 0;
margin-right: 60px; }
.horz-pad-md-right-md[id*="gradient-"] {
padding-right: 60px;
margin-right: 0; }
.horz-pad-md-right-md[class*="-bg"] {
padding-right: 60px;
margin-right: 0; }
.horz-pad-md-right-md > [class*="-bg"] {
margin-right: 0; }
.horz-pad-md-right-lg {
padding-right: 0;
margin-right: 90px; }
.horz-pad-md-right-lg[id*="gradient-"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-md-right-lg[class*="-bg"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-md-right-lg > [class*="-bg"] {
margin-right: 0; }
.horz-pad-md-right-xl {
padding-right: 0;
margin-right: 90px; }
.horz-pad-md-right-xl[id*="gradient-"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-md-right-xl[class*="-bg"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-md-right-xl > [class*="-bg"] {
margin-right: 0; } }
@media (min-width: 1200px) {
.vert-pad-lg-top-xs {
padding-top: 0;
margin-top: 15px; }
.vert-pad-lg-top-xs[id*="gradient-"] {
padding-top: 15px;
margin-top: 0; }
.vert-pad-lg-top-xs[class*="-bg"] {
padding-top: 15px;
margin-top: 0; }
.vert-pad-lg-top-xs > [class*="-bg"] {
margin-top: 0; }
.vert-pad-lg-top-sm {
padding-top: 0;
margin-top: 30px; }
.vert-pad-lg-top-sm[id*="gradient-"] {
padding-top: 30px;
margin-top: 0; }
.vert-pad-lg-top-sm[class*="-bg"] {
padding-top: 30px;
margin-top: 0; }
.vert-pad-lg-top-sm > [class*="-bg"] {
margin-top: 0; }
.vert-pad-lg-top-md {
padding-top: 0;
margin-top: 60px; }
.vert-pad-lg-top-md[id*="gradient-"] {
padding-top: 60px;
margin-top: 0; }
.vert-pad-lg-top-md[class*="-bg"] {
padding-top: 60px;
margin-top: 0; }
.vert-pad-lg-top-md > [class*="-bg"] {
margin-top: 0; }
.vert-pad-lg-top-lg {
padding-top: 0;
margin-top: 90px; }
.vert-pad-lg-top-lg[id*="gradient-"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-lg-top-lg[class*="-bg"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-lg-top-lg > [class*="-bg"] {
margin-top: 0; }
.vert-pad-lg-top-xl {
padding-top: 0;
margin-top: 90px; }
.vert-pad-lg-top-xl[id*="gradient-"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-lg-top-xl[class*="-bg"] {
padding-top: 90px;
margin-top: 0; }
.vert-pad-lg-top-xl > [class*="-bg"] {
margin-top: 0; }
.vert-pad-lg-bottom-xs {
padding-bottom: 0;
margin-bottom: 15px; }
.vert-pad-lg-bottom-xs[id*="gradient-"] {
padding-bottom: 15px;
margin-bottom: 0; }
.vert-pad-lg-bottom-xs[class*="-bg"] {
padding-bottom: 15px;
margin-bottom: 0; }
.vert-pad-lg-bottom-xs > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-lg-bottom-sm {
padding-bottom: 0;
margin-bottom: 30px; }
.vert-pad-lg-bottom-sm[id*="gradient-"] {
padding-bottom: 30px;
margin-bottom: 0; }
.vert-pad-lg-bottom-sm[class*="-bg"] {
padding-bottom: 30px;
margin-bottom: 0; }
.vert-pad-lg-bottom-sm > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-lg-bottom-md {
padding-bottom: 0;
margin-bottom: 60px; }
.vert-pad-lg-bottom-md[id*="gradient-"] {
padding-bottom: 60px;
margin-bottom: 0; }
.vert-pad-lg-bottom-md[class*="-bg"] {
padding-bottom: 60px;
margin-bottom: 0; }
.vert-pad-lg-bottom-md > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-lg-bottom-lg {
padding-bottom: 0;
margin-bottom: 90px; }
.vert-pad-lg-bottom-lg[id*="gradient-"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-lg-bottom-lg[class*="-bg"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-lg-bottom-lg > [class*="-bg"] {
margin-bottom: 0; }
.vert-pad-lg-bottom-xl {
padding-bottom: 0;
margin-bottom: 90px; }
.vert-pad-lg-bottom-xl[id*="gradient-"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-lg-bottom-xl[class*="-bg"] {
padding-bottom: 90px;
margin-bottom: 0; }
.vert-pad-lg-bottom-xl > [class*="-bg"] {
margin-bottom: 0; }
.horz-pad-lg-left-xs {
padding-left: 0;
margin-left: 15px; }
.horz-pad-lg-left-xs[id*="gradient-"] {
padding-left: 15px;
margin-left: 0; }
.horz-pad-lg-left-xs[class*="-bg"] {
padding-left: 15px;
margin-left: 0; }
.horz-pad-lg-left-xs > [class*="-bg"] {
margin-left: 0; }
.horz-pad-lg-left-sm {
padding-left: 0;
margin-left: 30px; }
.horz-pad-lg-left-sm[id*="gradient-"] {
padding-left: 30px;
margin-left: 0; }
.horz-pad-lg-left-sm[class*="-bg"] {
padding-left: 30px;
margin-left: 0; }
.horz-pad-lg-left-sm > [class*="-bg"] {
margin-left: 0; }
.horz-pad-lg-left-md {
padding-left: 0;
margin-left: 60px; }
.horz-pad-lg-left-md[id*="gradient-"] {
padding-left: 60px;
margin-left: 0; }
.horz-pad-lg-left-md[class*="-bg"] {
padding-left: 60px;
margin-left: 0; }
.horz-pad-lg-left-md > [class*="-bg"] {
margin-left: 0; }
.horz-pad-lg-left-lg {
padding-left: 0;
margin-left: 90px; }
.horz-pad-lg-left-lg[id*="gradient-"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-lg-left-lg[class*="-bg"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-lg-left-lg > [class*="-bg"] {
margin-left: 0; }
.horz-pad-lg-left-xl {
padding-left: 0;
margin-left: 90px; }
.horz-pad-lg-left-xl[id*="gradient-"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-lg-left-xl[class*="-bg"] {
padding-left: 90px;
margin-left: 0; }
.horz-pad-lg-left-xl > [class*="-bg"] {
margin-left: 0; }
.horz-pad-lg-right-xs {
padding-right: 0;
margin-right: 15px; }
.horz-pad-lg-right-xs[id*="gradient-"] {
padding-right: 15px;
margin-right: 0; }
.horz-pad-lg-right-xs[class*="-bg"] {
padding-right: 15px;
margin-right: 0; }
.horz-pad-lg-right-xs > [class*="-bg"] {
margin-right: 0; }
.horz-pad-lg-right-sm {
padding-right: 0;
margin-right: 30px; }
.horz-pad-lg-right-sm[id*="gradient-"] {
padding-right: 30px;
margin-right: 0; }
.horz-pad-lg-right-sm[class*="-bg"] {
padding-right: 30px;
margin-right: 0; }
.horz-pad-lg-right-sm > [class*="-bg"] {
margin-right: 0; }
.horz-pad-lg-right-md {
padding-right: 0;
margin-right: 60px; }
.horz-pad-lg-right-md[id*="gradient-"] {
padding-right: 60px;
margin-right: 0; }
.horz-pad-lg-right-md[class*="-bg"] {
padding-right: 60px;
margin-right: 0; }
.horz-pad-lg-right-md > [class*="-bg"] {
margin-right: 0; }
.horz-pad-lg-right-lg {
padding-right: 0;
margin-right: 90px; }
.horz-pad-lg-right-lg[id*="gradient-"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-lg-right-lg[class*="-bg"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-lg-right-lg > [class*="-bg"] {
margin-right: 0; }
.horz-pad-lg-right-xl {
padding-right: 0;
margin-right: 90px; }
.horz-pad-lg-right-xl[id*="gradient-"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-lg-right-xl[class*="-bg"] {
padding-right: 90px;
margin-right: 0; }
.horz-pad-lg-right-xl > [class*="-bg"] {
margin-right: 0; } }
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.dark-grey-bg {
background-color: #121b1f; }
.grey-bg {
background-color: #999999; }
.light-grey-bg {
background-color: #f7f9ff; }
.medium-grey-bg {
background-color: #c9cdd2; }
.white-bg {
background-color: #FFFFFF; }
.aqua-bg {
background-color: #62B9B1; }
.blue-bg {
background-color: #1B5071; }
.hash-bg {
background-color: #343C40; }
.orange-bg {
background-color: #FF6C00; }
.light-orange-bg {
background-color: rgba(255, 102, 0, 0.1) !important; }
.light-blue-bg {
background-color: rgba(59, 161, 217, 0.1) !important; }
.ghost-white-bg {
background-color: #f7f9ff; }
.quartz-bg {
background-color: #e0e2e8; }
.light-black-bg {
background-color: #121b1f; }
.meteor-bg {
background-color: #36475a; }
.light-meteor {
background-color: #929ea6; }
.component-cta-button .btn-rounded-corner.meteor-fill {
background-color: #36475a; }
.component-cta-button .btn-rounded-corner.meteor-stroke {
border-radius: 26px;
border: 2px solid #36475a; }
.component-cta-button .btn.meteor-text {
color: #36475a; }
.white-text {
color: #FFFFFF; }
.dark-text {
color: #121b1f; }
.aqua-text {
color: #62B9B1; }
.orange-text {
color: #FF6C00; }
.meteor-text {
color: #36475a; }
.dark-grey-color {
color: #222222; }
.grey-color {
color: #999999; }
.light-grey-color {
color: #f6f6f6; }
.medium-grey-color {
color: #c9cdd2; }
.white-color {
color: #FFFFFF; }
.aqua-color {
color: #62B9B1; }
.blue-color {
color: #1B5071; }
.hash-color {
color: #343C40; }
.orange-color {
color: #FF6C00; }
.light-orange-color {
color: rgba(255, 102, 0, 0.1) !important; }
.light-blue-color {
color: rgba(59, 161, 217, 0.1) !important; }
.bold-aqua-color {
color: #1aafa5; }
.bold-grey-color {
color: #5b6770; }
.ghost-white-color {
color: #f7f9ff; }
.quartz-color {
color: #e0e2e8; }
.meteor-color {
color: #36475a; }
.component-background {
}
@media (max-width: 767px) {
body.edit .component-background.hidden-xs {
display: block !important;
background: rgba(255, 0, 0, 0.25) !important; } }
@media (min-width: 768px) and (max-width: 991px) {
body.edit .component-background.hidden-sm {
display: block !important;
background: rgba(255, 0, 0, 0.25) !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
body.edit .component-background.hidden-md {
display: block !important;
background: rgba(255, 0, 0, 0.25) !important; } }
@media (min-width: 1200px) {
body.edit .component-background.hidden-lg {
display: block !important;
background: rgba(255, 0, 0, 0.25) !important; } }
.component-image a:hover {
color: #1F6D9E;
text-decoration: none; }
.component-image a:hover .img-text {
color: #1F6D9E;
text-decoration: none; }
.img-responsive.original {
width: auto;
margin: 0 auto; }
.img-text {
text-align: center;
color: #122230;
display: block;
padding: 10px 0;
margin-bottom: 20px; }
@media (min-width: 992px) {
.crop-img .img-responsive.original {
width: 235px;
float: right; }
.crop-img {
max-height: 160px !important;
margin-right: -65px !important;
overflow: hidden !important;
width: 235px !important;
float: right !important; } }
@media (min-width: 1366px) and (max-width: 1439px) {
.crop-img {
max-height: 160px !important;
margin-right: -38px !important;
overflow: hidden !important;
width: 235px !important;
float: right !important; } }
@media (min-width: 1440px) {
.crop-img {
margin-right: 0px !important; } }
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
.crop-img .img-responsive.original {
width: 136px;
height: 177px; } }
.text-jumbo .component-text-jumbo .align-horz {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.text-jumbo .component-text-jumbo .dark-text a.btn {
}
.text-jumbo .component-text-jumbo .dark-text a.btn .chev {
fill: #121b1f; }
.text-jumbo .component-text-jumbo .white-text a.btn {
}
.text-jumbo .component-text-jumbo .white-text a.btn .chev {
fill: #fff; }
.text-jumbo .component-text-jumbo .orange-text a.btn {
}
.text-jumbo .component-text-jumbo .orange-text a.btn .chev {
fill: #ff6600; }
.text-jumbo .component-background > .container {
padding: 0px; }
@media (max-width: 1200px) {
.text-jumbo .component-background > .container {
padding: 0px 15px; } }
@media (min-width: 1200px) {
.text-jumbo .component-background > .container {
padding: 0px 0px; } }
@media (max-width: 992px) {
.text-jumbo .component-text-jumbo .align-horz {
display: block;
padding-bottom: 20px; } }
.text-jumbo h5 {
font-size: 15px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.73;
letter-spacing: normal;
color: #121b1f; }
.component-text.text-block span.orange-text a {
color: #ff6c00; }
.component-cta-button {
}
.component-cta-button.left {
text-align: left; }
.component-cta-button.center {
text-align: center; }
.component-cta-button.right {
text-align: right; }
.component-cta-button .default-stroke {
outline: 4px solid #000 !important;
outline-offset: -4px !important; }
.component-cta-button .default-stroke:hover {
outline: 4px solid #000 !important;
outline-offset: -3px !important; }
.component-cta-button .btn-primary.default-stroke {
outline: 4px solid #000 !important;
outline-offset: -4px !important; }
.component-cta-button .btn-primary.default-stroke:hover {
outline: 4px solid #000 !important;
outline-offset: -3px !important; }
.component-cta-button .btn-primary.no-stroke {
border: 0px !important;
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 0px !important; }
.component-cta-button .btn-primary.no-stroke:hover {
border: 0px !important;
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 0px !important; }
.component-cta-button .btn-primary.white-stroke {
border-radius: 3px !important;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18) !important;
outline: 4px solid #ffffff !important;
outline-offset: -4px !important; }
.component-cta-button .btn-primary.white-stroke:hover {
border-radius: 3px !important;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18) !important;
outline: 4px solid #ffffff !important;
outline-offset: -3px !important; }
.component-cta-button .btn-primary.grey-stroke {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 4px solid #314054;
outline-offset: -4px; }
.component-cta-button .btn-primary.grey-stroke:hover {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 4px solid #314054;
outline-offset: -3px; }
.component-cta-button .btn-primary.orange-stroke {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 4px solid #FF6C00;
outline-offset: -4px; }
.component-cta-button .btn-primary.orange-stroke:hover {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 4px solid #FF6C00;
outline-offset: -3px; }
.component-cta-button .no-fill {
background: transparent; }
.component-cta-button .no-fill:hover {
background: transparent; }
.component-cta-button .orange-fill {
background-color: #FF6C00; }
.component-cta-button .orange-fill:hover {
background-color: #ff8533; }
.component-cta-button .aqua-fill {
background-color: #62b9b1; }
.component-cta-button .aqua-fill:hover {
background-color: #84c8c1; }
.component-cta-button .blue-fill {
background-color: #3ba1d9; }
.component-cta-button .blue-fill:hover {
background-color: #69b8e2; }
.component-cta-button .purple-fill {
background-color: #454589; }
.component-cta-button .purple-fill:hover {
background-color: #7777bb; }
.component-cta-button .teal-fill {
background-color: #1b5071; }
.component-cta-button .teal-fill:hover {
background-color: #2875a4; }
.component-cta-button .white-fill {
background-color: #FFFFFF; }
.component-cta-button .white-fill:hover {
background-color: #F7F9FF; }
.component-cta-button .grey-fill {
background-color: #314054; }
.component-cta-button .grey-fill:hover {
background-color: #425670; }
.component-cta-button .btn {
display: inline-block;
margin: 0px 10px 0 0; }
.component-cta-button .btn.btn-link {
text-align: left; }
.component-cta-button .btn:first-child:last-child {
margin: 0 0; }
.component-cta-button .btn.white-text {
color: #fff; }
.component-cta-button .btn.white-text .chev {
fill: #fff !important; }
.component-cta-button .btn.dark-text {
color: #121b1f !important; }
.component-cta-button .btn.dark-text .chev {
fill: #121b1f !important; }
.component-cta-button .btn.orange-text {
text-align: center;
color: #ff6600; }
.component-cta-button .btn.orange-text .chev {
fill: #ff6600 !important; }
.component-cta-button .btn.blue-text {
letter-spacing: 2px;
text-align: center;
color: #47b1e1 !important; }
.component-cta-button .btn.blue-text .chev {
fill: #47b1e1 !important; }
.component-cta-button .btn.aqua-text {
letter-spacing: 2px;
text-align: center;
color: #62b9b1; }
.component-cta-button .btn.aqua-text .chev {
fill: #62b9b1 !important; }
.component-cta-button .btn.indigo-text {
text-align: center;
color: #4a4aff; }
.component-cta-button .btn.indigo-text .chev {
fill: #4a4aff !important; }
@media (max-width: 768px) {
.component-cta-button .btn {
display: inline-block;
margin: 10px 10px 0 0; } }
.component-cta-button .btn-link-with-greater-sign {
font-weight: 600;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #222222;
padding: 10px 0px;
font-size: 15px;
line-height: normal;
border-radius: 4px;
box-shadow: unset; }
.component-cta-button .btn-link-with-greater-sign .carat-right {
color: #ff6c00 !important;
position: relative;
top: 3px; }
.component-cta-button .btn-link-with-greater-sign:hover {
color: #ff6c00 !important; }
.component-cta-button .btn-link-with-greater-sign:hover .carat-right {
color: #ff6c00 !important;
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; }
.component-cta-button .btn-link-with-arrow {
font-weight: 600;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #121b1f;
padding: 10px 0px;
font-size: 15px;
line-height: normal;
border-radius: 4px;
box-shadow: unset; }
.component-cta-button .btn-link-with-arrow .arrow-carat-right {
color: #121b1f !important;
position: relative;
top: 2px; }
.component-cta-button .btn-link-with-arrow:hover .arrow-carat-right {
color: #121b1f !important;
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; }
.component-cta-button .btn-rounded-corner:hover {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out; }
.component-cta-button .btn-rounded-corner.default-stroke {
border-radius: 26px !important;
border: 2px solid #fff !important; }
.component-cta-button .btn-rounded-corner.default-stroke:hover {
border-radius: 26px !important;
border: 2px solid #fff !important; }
.component-cta-button .btn-rounded-corner.no-stroke {
border: 0px !important;
border-radius: 26px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
border: 0px !important; }
.component-cta-button .btn-rounded-corner.no-stroke:hover {
border: 0px !important;
border-radius: 26px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
border: 0px !important; }
.component-cta-button .btn-rounded-corner.white-stroke {
border-radius: 26px;
border: 2px solid #FFFFFF; }
.component-cta-button .btn-rounded-corner.white-stroke:hover {
border-radius: 26px;
}
.component-cta-button .btn-rounded-corner.white-outline-stroke {
border-radius: 26px;
border: 2px solid #ffffff; }
.component-cta-button .btn-rounded-corner.white-outline-stroke:hover {
border-radius: 26px;
background-color: #FFFFFF;
color: #FF6C00;
border: 2px solid #FFFFFF; }
.component-cta-button .btn-rounded-corner.orange-outline-stroke {
border-radius: 26px;
border: 2px solid #FF6C00; }
.component-cta-button .btn-rounded-corner.orange-outline-stroke:hover {
border-radius: 26px;
background-color: #FF6C00;
color: #FFFFFF;
border: 2px solid #FF6C00; }
.component-cta-button .btn-rounded-corner.grey-stroke {
border-radius: 26px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
border: 2px solid #314054; }
.component-cta-button .btn-rounded-corner.grey-stroke:hover {
border-radius: 26px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
border: 2px solid #314054; }
.component-cta-button .btn-rounded-corner.orange-stroke {
border-radius: 26px;
border: 2px solid #FF6C00;
}
.component-cta-button .btn-rounded-corner.orange-stroke:hover {
border-radius: 26px;
}
.component-cta-button .btn-rounded-corner.orange-fill:hover {
background-color: #ea6300;
border: 2px solid #ea6300; }
.component-cta-button .btn-rounded-corner.white-fill:hover {
background-color: #F7F9FF;
border: 2px solid #F7F9FF; }
.component-cta-button .btn-rounded-corner.white-text.meteor-stroke.meteor-fill:hover {
background-color: #fff;
color: #36475a;
border: 2px solid #36475a; }
.component-cta-button .btn-rounded-corner.white-text.white-stroke.no-fill:hover {
background-color: #fff;
color: #36475a;
border: 2px solid #fff; }
.component-cta-button .btn-rounded-corner.meteor-text.meteor-stroke.no-fill:hover {
background-color: #36475a;
color: #FFFFFF;
border: 2px solid #36475a; }
.component-cta-button .btn-rounded-corner.indigo-stroke {
border-radius: 26px;
border: 2px solid #4a4aff;
}
.component-cta-button .btn-rounded-corner.indigo-stroke:hover {
border-radius: 26px;
}
.component-cta-button .btn-rounded-corner.indigo-fill {
background-color: #4a4aff; }
.component-cta-button .btn-rounded-corner.white-text.orange-stroke.orange-fill:hover {
background-color: #fff;
color: #FF6C00;
border: 2px solid #FF6C00; }
.component-cta-button .btn-rounded-corner.orange-text.white-stroke.white-fill:hover {
background-color: #FF6C00;
color: #fff;
border: 2px solid #FF6C00; }
.component-cta-button .btn-rounded-corner.white-text.white-outline-stroke.no-fill:hover {
background-color: #fff;
color: #121b1F;
border: 2px solid #fff; }
.component-cta-button .btn-rounded-corner.orange-text.orange-outline-stroke.no-fill:hover {
background-color: #FF6C00;
color: #fff;
border: 2px solid #FF6C00; }
.component-cta-button .btn-rounded-corner.dark-text.soft-black-outline-stroke.no-fill:hover {
background-color: #121b1f;
color: #fff !important;
border: 2px solid #121b1f; }
.component-cta-button .btn-rounded-corner.soft-black-outline-stroke {
border-radius: 26px;
border: 2px solid #121b1f;
}
.component-cta-button .btn-rounded-corner.white-text.indigo-stroke.indigo-fill:hover {
background-color: #fff;
color: #4a4aff;
border: 2px solid #4a4aff; }
.component-cta-button .btn-rounded-corner.white-text.soft-black-outline-stroke.soft-black-fill {
background-color: #121b1f;
border-radius: 26px;
color: #fff;
border: 2px solid #121b1f; }
.component-cta-button .btn-rounded-corner.white-text.teal-new-stroke.teal-new-fill:hover {
background-color: #fff;
color: #00ABB4;
border: 2px solid #00ABB4; }
.component-cta-button .btn-rounded-corner.teal-new-fill {
background-color: #00ABB4; }
.component-cta-button .btn-rounded-corner.teal-new-stroke {
border-radius: 26px;
border: 2px solid #00ABB4; }
.component-columns.not-flush .col-md-2 .background-image,
.component-columns.not-flush .col-md-3 .background-image,
.component-columns.not-flush .col-md-4 .background-image,
.component-columns.not-flush .col-md-5 .background-image,
.component-columns.not-flush .col-md-6 .background-image {
min-height: 420px;
height: 420px; }
.component-columns.not-flush .col-md-2 .background-image .component-background-image,
.component-columns.not-flush .col-md-3 .background-image .component-background-image,
.component-columns.not-flush .col-md-4 .background-image .component-background-image,
.component-columns.not-flush .col-md-5 .background-image .component-background-image,
.component-columns.not-flush .col-md-6 .background-image .component-background-image {
height: 100% !important;
padding: 1em;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.component-columns.not-flush .col-md-2 .background-image .text-jumbo h2,
.component-columns.not-flush .col-md-3 .background-image .text-jumbo h2,
.component-columns.not-flush .col-md-4 .background-image .text-jumbo h2,
.component-columns.not-flush .col-md-5 .background-image .text-jumbo h2,
.component-columns.not-flush .col-md-6 .background-image .text-jumbo h2 {
font-size: 22px;
font-weight: 500;
height: 55px;
overflow: hidden;
line-height: 27px;
letter-spacing: 1px;
color: #FFFFFF; }
.component-columns.not-flush .col-md-2 .background-image .text-jumbo p,
.component-columns.not-flush .col-md-3 .background-image .text-jumbo p,
.component-columns.not-flush .col-md-4 .background-image .text-jumbo p,
.component-columns.not-flush .col-md-5 .background-image .text-jumbo p,
.component-columns.not-flush .col-md-6 .background-image .text-jumbo p {
color: #FFFFFF;
display: block;
height: 70px;
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin-bottom: 20px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.component-columns.not-flush .col-md-2 .background-image .text-jumbo .btn-link,
.component-columns.not-flush .col-md-3 .background-image .text-jumbo .btn-link,
.component-columns.not-flush .col-md-4 .background-image .text-jumbo .btn-link,
.component-columns.not-flush .col-md-5 .background-image .text-jumbo .btn-link,
.component-columns.not-flush .col-md-6 .background-image .text-jumbo .btn-link {
color: #fff;
margin-bottom: 20px; }
.component-columns.not-flush .col-md-2 .background-image .text-jumbo .btn-link .chev,
.component-columns.not-flush .col-md-3 .background-image .text-jumbo .btn-link .chev,
.component-columns.not-flush .col-md-4 .background-image .text-jumbo .btn-link .chev,
.component-columns.not-flush .col-md-5 .background-image .text-jumbo .btn-link .chev,
.component-columns.not-flush .col-md-6 .background-image .text-jumbo .btn-link .chev {
fill: #fff; }
.component-columns.flush .col-md-3,
.component-columns.flush .col-md-6 {
padding: 0px; }
.component-columns.flush .container {
max-width: 100%;
width: 100%; }
.component-columns.large-tile {
margin: 0px; }
.component-columns.large-tile .col-md-6 {
padding: 0px; }
.component-columns.large-tile .col-md-6:nth-child(odd) .text-jumbo {
margin-left: auto;
margin-right: 0;
padding-left: 50px; }
.component-columns.large-tile .container {
max-width: 100%;
width: 100%; }
.component-columns.large-tile .text-jumbo {
min-height: 420px;
max-width: 600px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 100px; }
.component-columns.large-tile .text-jumbo h2, .component-columns.large-tile .text-jumbo h3 {
display: block;
min-height: 60px;
text-transform: none;
font-size: 42px;
font-weight: 700;
margin: 15px 0 15px 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: black; }
.component-columns.large-tile .text-jumbo p {
display: block;
height: 100px;
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin-bottom: 29px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color: black; }
.component-columns.large-tile .text-jumbo .btn-link {
font-size: 16px;
font-weight: bold;
line-height: 19px;
letter-spacing: 3px;
margin-bottom: 32px;
color: black; }
.component-columns.large-tile .col-md-6 .text-image-two-column .component-background {
min-height: 420px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.component-columns.large-tile .col-md-6 .text-image-two-column .component-background:not(.white-bg) {
color: #fff; }
.component-columns.large-tile .col-md-6 .text-image-two-column .component-background:not(.white-bg) h2 {
font-size: 22px;
font-weight: 500;
line-height: 27px; }
.component-columns.large-tile .col-md-6 .text-image-two-column .component-background:not(.white-bg) p {
font-size: 16px;
font-weight: 300;
line-height: 24px; }
.component-columns.large-tile .col-md-6 .text-image-two-column .component-background:not(.white-bg) .btn-link {
color: #fff; }
.component-columns.large-tile .col-md-6 .text-image-two-column .component-background:not(.white-bg) .btn-link .chev {
fill: #fff; }
.component-columns.secondary-banner {
max-width: 1440px;
margin: 0 auto; }
.component-columns.secondary-banner .col-md-2,
.component-columns.secondary-banner .col-md-3,
.component-columns.secondary-banner .col-md-4,
.component-columns.secondary-banner .col-md-5,
.component-columns.secondary-banner .col-md-6 {
padding: 0px; }
.component-columns.secondary-banner .col-md-6 .text-jumbo .container {
padding-left: 0px; }
.component-columns.secondary-banner .container {
max-width: 100%;
width: 100%; }
.component-columns.secondary-banner .text-jumbo .component-background .container {
padding: 0px; }
.component-columns.secondary-banner .btn-link {
color: #fff; }
.component-columns.secondary-banner .btn-link .chev {
fill: #fff; }
.component-columns.secondary-banner .text-jumbo .component-text-jumbo {
padding: 38px  2em 0;
color: #fff;
margin-right: 0px; }
.component-columns.secondary-banner .text-jumbo .component-text-jumbo h3 {
display: block;
min-height: 60px;
text-transform: none;
font-size: 22px;
font-weight: 600;
line-height: 1.09;
letter-spacing: 0.9px;
margin: 0 0 14px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.component-columns.secondary-banner .text-jumbo .component-text-jumbo p {
display: block;
height: 100px;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
letter-spacing: 1px;
margin-bottom: 29px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.component-columns.secondary-banner .text-jumbo .component-text-jumbo .btn-link {
font-size: 16px;
font-weight: bold;
line-height: 19px;
letter-spacing: 3px;
margin-bottom: 32px; }
.component-columns.hoverable .col-md-2 .component-text-jumbo:before,
.component-columns.hoverable .col-md-3 .component-text-jumbo:before,
.component-columns.hoverable .col-md-4 .component-text-jumbo:before,
.component-columns.hoverable .col-md-5 .component-text-jumbo:before,
.component-columns.hoverable .col-md-6 .component-text-jumbo:before {
content: "";
position: absolute;
left: 0;
top: 25%;
height: 50%;
width: 1px;
border-left: 1px solid #fff;
opacity: .3; }
.component-columns.hoverable .col-md-2:first-child .component-text-jumbo:before,
.component-columns.hoverable .col-md-3:first-child .component-text-jumbo:before,
.component-columns.hoverable .col-md-4:first-child .component-text-jumbo:before,
.component-columns.hoverable .col-md-5:first-child .component-text-jumbo:before,
.component-columns.hoverable .col-md-6:first-child .component-text-jumbo:before {
border-left: none; }
.component-columns.hoverable .col-md-2 .component-text-jumbo.active,
.component-columns.hoverable .col-md-2 .component-text-jumbo.active > .white-text,
.component-columns.hoverable .col-md-3 .component-text-jumbo.active,
.component-columns.hoverable .col-md-3 .component-text-jumbo.active > .white-text,
.component-columns.hoverable .col-md-4 .component-text-jumbo.active,
.component-columns.hoverable .col-md-4 .component-text-jumbo.active > .white-text,
.component-columns.hoverable .col-md-5 .component-text-jumbo.active,
.component-columns.hoverable .col-md-5 .component-text-jumbo.active > .white-text,
.component-columns.hoverable .col-md-6 .component-text-jumbo.active,
.component-columns.hoverable .col-md-6 .component-text-jumbo.active > .white-text {
background: #fff;
color: #5b6770;
box-shadow: inset 0 -8px 0 #FF6C00; }
.component-columns.hoverable .col-md-2 .component-text-jumbo.active .btn-link,
.component-columns.hoverable .col-md-2 .component-text-jumbo.active > .white-text .btn-link,
.component-columns.hoverable .col-md-3 .component-text-jumbo.active .btn-link,
.component-columns.hoverable .col-md-3 .component-text-jumbo.active > .white-text .btn-link,
.component-columns.hoverable .col-md-4 .component-text-jumbo.active .btn-link,
.component-columns.hoverable .col-md-4 .component-text-jumbo.active > .white-text .btn-link,
.component-columns.hoverable .col-md-5 .component-text-jumbo.active .btn-link,
.component-columns.hoverable .col-md-5 .component-text-jumbo.active > .white-text .btn-link,
.component-columns.hoverable .col-md-6 .component-text-jumbo.active .btn-link,
.component-columns.hoverable .col-md-6 .component-text-jumbo.active > .white-text .btn-link {
color: #5b6770; }
.component-columns.hoverable .col-md-2 .component-text-jumbo.active .btn-link .chev,
.component-columns.hoverable .col-md-2 .component-text-jumbo.active > .white-text .btn-link .chev,
.component-columns.hoverable .col-md-3 .component-text-jumbo.active .btn-link .chev,
.component-columns.hoverable .col-md-3 .component-text-jumbo.active > .white-text .btn-link .chev,
.component-columns.hoverable .col-md-4 .component-text-jumbo.active .btn-link .chev,
.component-columns.hoverable .col-md-4 .component-text-jumbo.active > .white-text .btn-link .chev,
.component-columns.hoverable .col-md-5 .component-text-jumbo.active .btn-link .chev,
.component-columns.hoverable .col-md-5 .component-text-jumbo.active > .white-text .btn-link .chev,
.component-columns.hoverable .col-md-6 .component-text-jumbo.active .btn-link .chev,
.component-columns.hoverable .col-md-6 .component-text-jumbo.active > .white-text .btn-link .chev {
fill: #5b6770; }
@media (min-width: 992px) {
.component-columns.large-tile .text-jumbo {
padding-right: 50px; } }
@media (min-width: 1200px) {
.columns .container {
padding: 0px; }
.content-max-width {
max-width: 1440px;
margin: 0 auto; }
.content-max-width.component-columns.flush .container {
padding: 1em; }
.columns .container .large-tile .text-jumbo {
padding-right: 100px; }
.columns .container .large-tile .text-jumbo .container {
max-width: 1440px;
padding: 0 0px; }
.columns .component-background .container .large-tile .col-md-6 .text-jumbo .container {
padding-left: 110px;
margin-right: 0px; }
.columns .component-background .container .large-tile .col-md-6 .text-jumbo .component-background .container {
padding-left: 0px; }
.adjust-column-width-90 .content-max-width {
max-width: 1440px;
padding: 0 120px; } }
@media (min-width: 1400px) {
.columns .component-background .container .large-tile .col-md-6 .text-jumbo {
padding-left: 0px !important; }
.columns .component-background .container .large-tile .col-md-6 .text-jumbo .container {
padding-left: 110px;
margin-right: 0px; }
.columns .component-background .container .large-tile .col-md-6 .text-jumbo .component-background .container {
padding-left: 0px; }
.columns .component-background .container .large-tile .col-md-6 .text-jumbo .container {
margin-right: 0px;
margin-left: auto; }
.columns .component-background .container .large-tile .col-md-6 .text-jumbo .container {
max-width: 600px; }
.columns .component-background .container .large-tile .col-md-6 .text-image-two-column .container {
max-width: 700px; }
.columns .component-background .container .large-tile .col-md-6:nth-child(even) .text-image-two-column .container {
margin-left: 0px; }
.columns .component-background .container .large-tile .col-md-6 :nth-child(odd) .text-jumbo .container,
.columns .component-background .container .large-tile .col-md-6 :nth-child(odd) .text-image-two-column .container {
margin-right: 0px; } }
@media (max-width: 1200px) {
.component-columns.not-flush .text-jumbo .container {
padding: 0px; } }
@media (max-width: 992px) {
.component-columns.large-tile .col-md-6:nth-child(odd) .text-jumbo {
margin-left: 0px;
margin-right: auto;
padding-left: 1em; }
.component-columns.secondary-banner.row {
margin-left: -15px;
margin-right: -15px; }
.component-columns.hoverable > div .component-text-jumbo {
border-top: 1px solid #fff; }
.component-columns.hoverable > div .component-text-jumbo:before {
border-left: none !important; }
.component-columns.hoverable .text-jumbo .component-text-jumbo {
padding: 2em 2em 0; }
.component-columns.hoverable .text-jumbo .component-text-jumbo h3 {
min-height: auto; }
.component-columns.hoverable .text-jumbo .component-text-jumbo p {
height: auto;
display: block;
-webkit-line-clamp: auto;
-webkit-box-orient: vertical;
overflow: visible; }
.component-columns.large-tile .col-md-6 .text-jumbo {
min-height: auto;
display: block;
padding: 1em;
text-align: center;
margin-left: 0;
margin-right: auto; }
.component-columns.flush .col-md-6 .text-jumbo .component-background,
.component-columns .col-md-6 .text-image-two-column .component-background {
min-height: auto;
display: block;
padding: 1em;
text-align: center; }
.component-columns.flush .col-md-6 .text-jumbo .component-background:not(.white-bg),
.component-columns .col-md-6 .text-image-two-column .component-background:not(.white-bg) {
color: #fff; }
.component-columns.flush .col-md-6 .text-jumbo .component-background:not(.white-bg) h2,
.component-columns .col-md-6 .text-image-two-column .component-background:not(.white-bg) h2 {
font-size: 22px;
font-weight: 500;
line-height: 27px; }
.component-columns.flush .col-md-6 .text-jumbo .component-background:not(.white-bg) p,
.component-columns .col-md-6 .text-image-two-column .component-background:not(.white-bg) p {
font-size: 16px;
font-weight: 300;
line-height: 24px; }
.component-columns.flush .col-md-6 .text-jumbo .component-background:not(.white-bg) .btn-link,
.component-columns .col-md-6 .text-image-two-column .component-background:not(.white-bg) .btn-link {
color: #fff; }
.component-columns.flush .col-md-6 .text-jumbo .component-background:not(.white-bg) .btn-link .chev,
.component-columns .col-md-6 .text-image-two-column .component-background:not(.white-bg) .btn-link .chev {
fill: #fff; }
.component-columns.flush .col-md-6 .text-jumbo .component-background .col-md-pull-4,
.component-columns .col-md-6 .text-image-two-column .component-background .col-md-pull-4 {
width: 100%;
right: auto; }
.adjust-column-width-90 .component-columns.not-flush.row {
margin: 0px; }
.adjust-column-width-90 .component-columns.not-flush .col-xs-12 {
margin: 15px 0; } }
.hero-banner > section {
background-position: 50% 0 !important; }
.hero-banner > section h1 {
position: relative;
display: inline-block; }
.hero-banner > section h1 span {
position: absolute;
right: -20px;
top: 0;
font-weight: bold; }
.component-hero-banner {
min-height: 200px;
padding: 50px 0 50px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.component-hero-banner .container {
padding: 0 120px; }
.component-hero-banner.image-full-bleed.container {
width: 100%;
padding-left: 0;
padding-right: 0; }
.component-hero-banner.image-full-bleed img {
margin-bottom: 25px; }
.component-hero-banner.image-full-bleed .text-overlay {
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
height: 100%;
position: relative;
bottom: 0;
z-index: 102; }
.component-hero-banner.image-full-bleed .text-overlay .container {
height: 100%; }
.component-hero-banner .btn-link {
color: #fff; }
.component-hero-banner .btn-link .chev {
fill: #fff; }
.component-hero-banner.dark-text {
}
.component-hero-banner.dark-text .btn-primary {
border: 1px solid #000;
color: #000; }
.component-hero-banner .btn + .btn {
margin-left: 25px; }
.component-hero-banner .component-cta-button {
margin-top: 40px; }
.component-hero-banner .flex-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.component-hero-banner .flex-container.flex-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.component-hero-banner .flex-container.flex-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.component-hero-banner .flex-container.flex-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
@media (max-width: 767px) {
.mobile-hide-img {
background: #f7f9ff !important;
color: #121b1f; } }
@media (min-width: 768px) {
.component-hero-banner {
min-height: 300px;
padding: 0; }
.component-hero-banner .col-sm-6 {
padding-right: 30px; }
.component-hero-banner .col-sm-6 + .col-sm-6 {
padding-right: 15px;
padding-left: 30px; }
.component-hero-banner.md-height {
min-height: 270px; }
.component-hero-banner.image-full-bleed {
padding-bottom: 0;
position: relative; }
.component-hero-banner.image-full-bleed img {
margin-bottom: 0; } }
@media (min-width: 992px) {
.component-hero-banner {
min-height: 400px; }
.component-hero-banner.image-full-bleed {
padding-bottom: 0;
position: relative; }
.component-hero-banner.image-full-bleed img {
margin-bottom: 0; }
.component-hero-banner.md-height {
min-height: 370px; }
.component-hero-banner .container {
padding: 0 50px; } }
@media (max-width: 992px) {
.component-hero-banner .container {
padding: 0 50px; } }
@media (min-width: 1200px) {
.component-hero-banner {
min-height: 700px; }
.component-hero-banner .container {
padding: 0 120px; }
.component-hero-banner.image-full-bleed .text-overlay {
padding-top: 0;
padding-bottom: 0; }
.component-hero-banner.md-height {
min-height: 470px; }
.hero-banner .text-overlay .container {
max-width: 1440px; } }
@media (max-width: 768px) {
.component-hero-banner .container {
padding: 0 20px; }
.component-hero-banner .flex-container {
display: block; }
.component-hero-banner .flex-container .flex-align-center {
text-align: left; } }
.component-breadcrumbs {
padding: 1em 0;
margin-bottom: 0;
border-radius: 0;
background-color: transparent; }
@media (min-width: 1200px) {
.component-breadcrumbs {
padding: 1em 120px; } }
.component-breadcrumbs.dark-text a {
color: #121b1f; }
.component-breadcrumbs.white-text h1, .component-breadcrumbs.white-text a {
color: #FFFFFF; }
.component-breadcrumbs a {
background: none;
color: #121b1f;
display: inline;
padding: 0;
font-size: 13px;
text-transform: capitalize;
letter-spacing: normal; }
h1.component-breadcrumb-title {
margin-top: 5px;
color: #FFFFFF;
height: 61px;
font-size: 50px;
font-weight: bold;
letter-spacing: 2.1px;
color: #ffffff; }
.breadcrumbs {
max-width: 1440px;
margin: 0 auto; }
.breadcrumb > li + li:before {
content: "/" !important;
padding: 0 0px !important; }
.white-text h1.component-breadcrumb-title {
color: #FFFFFF; }
@media (max-width: 1200px) {
.breadcrumbs {
padding: 0px 15px; } }
@media (max-width: 992px) {
.breadcrumbs {
padding: 0px 20px; } }
@media (max-width: 768px) {
.component-background-image .container {
margin-left: 0px; }
.breadcrumbs {
margin-left: 0px;
padding: 0px 20px; } }
@media (min-width: 1200px) {
.container .component-breadcrumbs {
padding: 1em 105px; } }
@media (min-width: 1200px) {
.component-background .container .component-breadcrumbs {
padding: 1em 120px; } }
.navbar {
margin-bottom: 0px; }
.navbar .btn {
padding: 6px 15px;
font-size: 16px;
line-height: 1.42857;
border-radius: 4px; }
@media (min-width: 1400px) {
.video-general-modal {
padding: 0px 120px; } }
.general-modal .component-video {
height: 0;
overflow: hidden;
max-width: 100%;
height: auto; }
.general-modal .component-video iframe, .general-modal .component-video object, .general-modal .component-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.thumbnail-container {
max-width: 400px;
position: relative;
margin: 0 auto; }
.thumbnail-container img {
width: auto;
max-width: 100%;
height: auto; }
.thumbnail-container .play-icon {
color: #000;
width: 100px;
height: 40px;
display: block;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.thumbnail-container .play-icon i {
font-size: 40px; }
.thumbnail-container .play-icon span {
font-weight: 600;
display: none;
text-transform: uppercase;
font-size: 14px; }
.thumbnail-container:hover {
background: #000; }
.thumbnail-container:hover img {
opacity: .5; }
.thumbnail-container:hover i {
color: #fff; }
.thumbnail-container:hover span {
display: block;
color: #fff; }
@media (min-width: 320px) and (max-width: 667px) {
.component-video iframe {
width: 320px;
height: 210px; } }
@media (min-width: 1024px) and (max-width: 1200px) {
.component-video iframe {
width: 100%; } }
.component-twitter-timeline .component-text {
margin-bottom: 15px; }
.component-twitter-timeline .component-text:before, .component-twitter-timeline .component-text:after {
content: " ";
clear: both;
display: block;
height: 0px;
width: 100%; }
.component-twitter-timeline .component-text h3 {
width: auto;
float: left;
margin: 0; }
.component-twitter-timeline .component-text a {
float: left;
color: #121b1f;
margin: 7px 0 0 15px; }
.component-twitter-timeline .component-text a:hover {
color: #77CC5B; }
.component-article {
max-width: 1280px;
margin-right: 15px;
margin-left: 15px; }
@media (min-width: 1200px) {
.component-article {
margin: 0 auto; } }
.component-article .row {
margin-left: 0px;
margin-right: 0px; }
.component-article .row [class^="col-"] {
padding-left: 0px;
padding-right: 0px; }
@media (max-width: 767px) {
.component-article .article {
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.component-article .article {
-webkit-column-count: 2 !important;
-moz-column-count: 2 !important; } }
@media (min-width: 992px) {
.component-article .article {
-webkit-column-count: auto;
-moz-column-count: auto; } }
.component-text-image-two-column img {
margin: 0 auto;
max-width: 200px; }
.component-text-image-two-column .col-md-6 + .col-md-6 {
padding-right: 30px;
margin-left: -10px;
max-width: 280px; }
.component-text-image-two-column .col-md-6.col-md-pull-4 {
width: 44%;
right: 38%; }
@media (max-width: 992px) {
.component-text-image-two-column .col-md-6 + .col-md-6 {
padding-right: 0px;
margin-left: 0px;
max-width: 100%; }
.component-text-image-two-column .flex-align-center {
text-align: center; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.component-text-image-two-column .flex-align-center {
text-align: center; } }
.component-search .title-row {
padding: 20px 0; }
.component-search .title-row .result-nr {
font-size: 18px; }
.component-search .title-row .list-inline {
float: right; }
.component-search .search-result-item {
padding: 10px 20px;
margin-bottom: 10px; }
.component-search .search-result-item h4, .component-search .search-result-item h4 a {
font-weight: 400;
color: #3ba1d9;
font-size: 26px;
}
.component-search .search-result-item p {
max-width: 100%;
font-size: 20px; }
.component-search .search-result-item a {
color: #555; }
.component-search .search-result-image {
float: right; }
.search {
max-width: 100%;
width: 1200px;
margin: 0 auto; }
@media (max-width: 992px) {
.search-result-image {
float: none;
margin-bottom: 20px; } }
.component-carousel .slick-dots {
bottom: -35px; }
.component-carousel .slick-prev {
left: -15px; }
.component-carousel .slick-next {
right: -15px; }
.component-carousel.move-dots-up.slick-dotted {
margin-bottom: 0px; }
.component-carousel.move-dots-up.slick-dotted .slick-dots {
bottom: 30px; }
.navArrows {
width: 50px; }
.component-carousel.whitearrows svg {
fill: white; }
.component-carousel.blackarrows svg {
fill: black; }
.component-carousel.aquaarrows svg {
fill: #62B9B1; }
.component-carousel.bluearrows svg {
fill: #1B5071; }
.component-carousel.grayarrows svg {
fill: #999; }
.component-carousel.darkgrayarrows svg {
fill: #222222; }
.component-carousel.hasharrows svg {
fill: #404a59; }
.component-carousel.light-grayarrows svg {
fill: #f6f6f6; }
.component-carousel.orangearrows svg {
fill: #FF6600; }
.custom-prev {
display: inline-block;
position: absolute;
border: 0px;
background-color: transparent;
padding: 0;
left: -15px;
top: 35%;
z-index: 1; }
@media (min-width: 1280px) {
.custom-prev {
left: 90px; } }
.custom-next {
display: inline-block;
position: absolute;
border: 0px;
background-color: transparent;
padding: 0;
right: -15px;
z-index: 999999;
top: 35%; }
@media (min-width: 1280px) {
.custom-next {
right: 90px; } }
.custom-prev:hover,
.custom-prev:focus,
.custom-next:hover,
.custom-next:focus {
color: transparent;
outline: none;
background: transparent; }
.custom-prev:hover:before,
.custom-prev:focus:before,
.custom-next:hover:before,
.custom-next:focus:before {
opacity: 1; }
.slick-dots button:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
margin-left: -4px;
margin-top: -4px;
background-color: #ff8933;
border-radius: 50%;
}
.slick-dots .slick-active button:before {
background-color: #ff8933; }
.slick-dots li button:before {
width: 10px !important;
height: 10px !important;
color: transparent !important;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: transparent !important;
opacity: 0.75; }
.slick-loading .slick-list {
background: #fff !important; }
@media (min-width: 992px) {
.component-carousel .slick-prev {
left: -35px; }
.component-carousel .slick-next {
right: -35px; } }
@media (min-width: 768px) and (max-width: 991px) {
.component-carousel .component-text-jumbo {
width: auto;
margin: 0 170px;
} }
.component-responsive-layout .column {
}
@media (max-width: 767px) {
body.edit .component-responsive-layout .column.hidden-xs {
display: block !important;
background: rgba(255, 0, 0, 0.25) !important; } }
@media (min-width: 768px) and (max-width: 991px) {
body.edit .component-responsive-layout .column.hidden-sm {
display: block !important;
background: rgba(255, 0, 0, 0.25) !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
body.edit .component-responsive-layout .column.hidden-md {
display: block !important;
background: rgba(255, 0, 0, 0.25) !important; } }
@media (min-width: 1200px) {
body.edit .component-responsive-layout .column.hidden-lg {
display: block !important;
background: rgba(255, 0, 0, 0.25) !important; } }
.component-responsive-layout .row.grid-at-xs.layout-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.component-responsive-layout .row.grid-at-xs.align-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; }
.component-responsive-layout .row.grid-at-xs.align-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start; }
.component-responsive-layout .row.grid-at-xs.align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center; }
.component-responsive-layout .row.grid-at-xs.align-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end; }
.component-responsive-layout .row.grid-at-xs.justify-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.component-responsive-layout .row.grid-at-xs.justify-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.component-responsive-layout .row.grid-at-xs.justify-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-0 {
margin-left: 0px;
margin-right: 0px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-0 > .column {
padding-left: 0px;
padding-right: 0px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-10 {
margin-left: -5px;
margin-right: -5px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-10 > .column {
padding-left: 5px;
padding-right: 5px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-20 {
margin-left: -10px;
margin-right: -10px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-20 > .column {
padding-left: 10px;
padding-right: 10px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-30 {
margin-left: -15px;
margin-right: -15px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-30 > .column {
padding-left: 15px;
padding-right: 15px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-40 {
margin-left: -20px;
margin-right: -20px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-40 > .column {
padding-left: 20px;
padding-right: 20px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-50 {
margin-left: -25px;
margin-right: -25px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-50 > .column {
padding-left: 25px;
padding-right: 25px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-60 {
margin-left: -30px;
margin-right: -30px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-60 > .column {
padding-left: 30px;
padding-right: 30px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-70 {
margin-left: -35px;
margin-right: -35px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-70 > .column {
padding-left: 35px;
padding-right: 35px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-80 {
margin-left: -40px;
margin-right: -40px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-80 > .column {
padding-left: 40px;
padding-right: 40px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-90 {
margin-left: -45px;
margin-right: -45px; }
.component-responsive-layout .row.grid-at-xs.gutter-xs-90 > .column {
padding-left: 45px;
padding-right: 45px; }
@media (min-width: 768px) {
.component-responsive-layout .row.grid-at-sm.layout-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.component-responsive-layout .row.grid-at-sm.align-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; }
.component-responsive-layout .row.grid-at-sm.align-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start; }
.component-responsive-layout .row.grid-at-sm.align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center; }
.component-responsive-layout .row.grid-at-sm.align-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end; }
.component-responsive-layout .row.grid-at-sm.justify-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.component-responsive-layout .row.grid-at-sm.justify-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.component-responsive-layout .row.grid-at-sm.justify-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-0 {
margin-left: 0px;
margin-right: 0px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-0 > .column {
padding-left: 0px;
padding-right: 0px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-10 {
margin-left: -5px;
margin-right: -5px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-10 > .column {
padding-left: 5px;
padding-right: 5px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-20 {
margin-left: -10px;
margin-right: -10px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-20 > .column {
padding-left: 10px;
padding-right: 10px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-30 {
margin-left: -15px;
margin-right: -15px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-30 > .column {
padding-left: 15px;
padding-right: 15px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-40 {
margin-left: -20px;
margin-right: -20px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-40 > .column {
padding-left: 20px;
padding-right: 20px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-50 {
margin-left: -25px;
margin-right: -25px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-50 > .column {
padding-left: 25px;
padding-right: 25px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-60 {
margin-left: -30px;
margin-right: -30px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-60 > .column {
padding-left: 30px;
padding-right: 30px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-70 {
margin-left: -35px;
margin-right: -35px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-70 > .column {
padding-left: 35px;
padding-right: 35px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-80 {
margin-left: -40px;
margin-right: -40px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-80 > .column {
padding-left: 40px;
padding-right: 40px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-90 {
margin-left: -45px;
margin-right: -45px; }
.component-responsive-layout .row.grid-at-sm.gutter-sm-90 > .column {
padding-left: 45px;
padding-right: 45px; } }
@media (min-width: 992px) {
.component-responsive-layout .row.grid-at-md.layout-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.component-responsive-layout .row.grid-at-md.align-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; }
.component-responsive-layout .row.grid-at-md.align-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start; }
.component-responsive-layout .row.grid-at-md.align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center; }
.component-responsive-layout .row.grid-at-md.align-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end; }
.component-responsive-layout .row.grid-at-md.justify-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.component-responsive-layout .row.grid-at-md.justify-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.component-responsive-layout .row.grid-at-md.justify-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.component-responsive-layout .row.grid-at-md.gutter-md-0 {
margin-left: 0px;
margin-right: 0px; }
.component-responsive-layout .row.grid-at-md.gutter-md-0 > .column {
padding-left: 0px;
padding-right: 0px; }
.component-responsive-layout .row.grid-at-md.gutter-md-10 {
margin-left: -5px;
margin-right: -5px; }
.component-responsive-layout .row.grid-at-md.gutter-md-10 > .column {
padding-left: 5px;
padding-right: 5px; }
.component-responsive-layout .row.grid-at-md.gutter-md-20 {
margin-left: -10px;
margin-right: -10px; }
.component-responsive-layout .row.grid-at-md.gutter-md-20 > .column {
padding-left: 10px;
padding-right: 10px; }
.component-responsive-layout .row.grid-at-md.gutter-md-30 {
margin-left: -15px;
margin-right: -15px; }
.component-responsive-layout .row.grid-at-md.gutter-md-30 > .column {
padding-left: 15px;
padding-right: 15px; }
.component-responsive-layout .row.grid-at-md.gutter-md-40 {
margin-left: -20px;
margin-right: -20px; }
.component-responsive-layout .row.grid-at-md.gutter-md-40 > .column {
padding-left: 20px;
padding-right: 20px; }
.component-responsive-layout .row.grid-at-md.gutter-md-50 {
margin-left: -25px;
margin-right: -25px; }
.component-responsive-layout .row.grid-at-md.gutter-md-50 > .column {
padding-left: 25px;
padding-right: 25px; }
.component-responsive-layout .row.grid-at-md.gutter-md-60 {
margin-left: -30px;
margin-right: -30px; }
.component-responsive-layout .row.grid-at-md.gutter-md-60 > .column {
padding-left: 30px;
padding-right: 30px; }
.component-responsive-layout .row.grid-at-md.gutter-md-70 {
margin-left: -35px;
margin-right: -35px; }
.component-responsive-layout .row.grid-at-md.gutter-md-70 > .column {
padding-left: 35px;
padding-right: 35px; }
.component-responsive-layout .row.grid-at-md.gutter-md-80 {
margin-left: -40px;
margin-right: -40px; }
.component-responsive-layout .row.grid-at-md.gutter-md-80 > .column {
padding-left: 40px;
padding-right: 40px; }
.component-responsive-layout .row.grid-at-md.gutter-md-90 {
margin-left: -45px;
margin-right: -45px; }
.component-responsive-layout .row.grid-at-md.gutter-md-90 > .column {
padding-left: 45px;
padding-right: 45px; } }
@media (min-width: 1200px) {
.component-responsive-layout .row.grid-at-lg.layout-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.component-responsive-layout .row.grid-at-lg.align-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch; }
.component-responsive-layout .row.grid-at-lg.align-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start; }
.component-responsive-layout .row.grid-at-lg.align-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center; }
.component-responsive-layout .row.grid-at-lg.align-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end; }
.component-responsive-layout .row.grid-at-lg.justify-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
.component-responsive-layout .row.grid-at-lg.justify-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.component-responsive-layout .row.grid-at-lg.justify-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-0 {
margin-left: 0px;
margin-right: 0px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-0 > .column {
padding-left: 0px;
padding-right: 0px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-10 {
margin-left: -5px;
margin-right: -5px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-10 > .column {
padding-left: 5px;
padding-right: 5px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-20 {
margin-left: -10px;
margin-right: -10px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-20 > .column {
padding-left: 10px;
padding-right: 10px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-30 {
margin-left: -15px;
margin-right: -15px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-30 > .column {
padding-left: 15px;
padding-right: 15px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-40 {
margin-left: -20px;
margin-right: -20px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-40 > .column {
padding-left: 20px;
padding-right: 20px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-50 {
margin-left: -25px;
margin-right: -25px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-50 > .column {
padding-left: 25px;
padding-right: 25px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-60 {
margin-left: -30px;
margin-right: -30px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-60 > .column {
padding-left: 30px;
padding-right: 30px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-70 {
margin-left: -35px;
margin-right: -35px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-70 > .column {
padding-left: 35px;
padding-right: 35px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-80 {
margin-left: -40px;
margin-right: -40px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-80 > .column {
padding-left: 40px;
padding-right: 40px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-90 {
margin-left: -45px;
margin-right: -45px; }
.component-responsive-layout .row.grid-at-lg.gutter-lg-90 > .column {
padding-left: 45px;
padding-right: 45px; } }
.component-responsive-layout .container {
width: auto; }
@media (max-width: 992px) {
.component-responsive-layout .col-xs-4 {
text-align: center; }
.component-responsive-layout .col-xs-4 .btn-link-no-arrow {
padding: 10px 0; }
.component-responsive-layout .col-xs-4 .container {
padding: 0px; } }
.component-responsive-layout .sorter div {
float: left;
height: 130px;
width: 160px; }
@media (max-width: 992px) {
.horz-pad-right-lg {
margin-right: 1.5em; }
.horz-pad-left-lg {
margin-left: 1.5em; } }
@media (min-width: 1200px) {
.responsive-layout .component-background .container {
max-width: 1440px; }
.removePadding {
padding-left: 0px;
padding-right: 0px; } }
.row:before {
width: 0; }
.row:after {
width: 0; }
.component-background-image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-repeat: no-repeat;
background-size: cover; }
.component-background-image.v-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start; }
.component-background-image.v-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center; }
.component-background-image.v-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end; }
.component-background-image .breadcrumbs .white-bg {
background: transparent;
color: #fff; }
.component-background-image .container {
max-width: 1440px;
padding: 0px; }
.site {
float: left;
clear: left;
width: 100%;
overflow: hidden; }
.ie8 .site {
overflow: visible; }
.site-wrapper.publish {
float: left; }
.site-wrapper {
background: #FFFFFF;
clear: left;
width: 100%;
position: relative;
left: 0;
height: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.site-wrapper.mp-pushed:after {
content: '';
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.site-wrapper {
overflow: visible;
clear: left;
width: 100%; }
.site-container {
position: relative; }
.site-outer, .mp-level {
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.search-bar-mobile {
display: none;
position: absolute;
top: 60px;
left: 0;
width: 100%;
z-index: 99;
padding: 0px; }
.search-bar-mobile .container {
padding: 0px; }
.search-bar-mobile .container input {
opacity: .8;
width: 100%;
font-size: 20px;
padding: 15px 25px;
border: none; }
.search-bar-mobile .container input:focus {
outline: none; }
.search-bar-mobile .container button {
position: absolute;
right: 16px;
border: none;
background: none;
box-shadow: none;
top: 10px;
z-index: 9;
width: 30px;
height: 30px;
font-size: 24px; }
.mp-pushed {
background: #F4F4F4;
position: fixed; }
.mp-pushed #mobile-trigger span {
opacity: 0; }
.search-trigger-mobile {
position: absolute;
top: -2px;
right: 0px;
color: #000;
z-index: 99;
font-size: 22px; }
.search-trigger-mobile .close-search {
display: none; }
.search-trigger-mobile.active .search-icon {
display: none; }
.search-trigger-mobile.active .close-search {
display: block;
padding-top: 6px; }
@media (max-width: 992px) {
.component-global-navigation .logo-nav {
background: #121b1f;
height: 60px;
padding: 10px 20px; }
.mp-pushed .component-global-navigation #mobile-trigger span {
background: #121b1f; } }
.component-global-navigation {
}
@media only screen and (min-device-width: 350px) and (max-device-width: 450px) and (orientation: portrait) {
.component-global-navigation .mp-menu {
min-height: -webkit-calc(100vh - 75px) !important;
min-height: calc(100vh - 75px) !important; } }
.component-global-navigation .mp-menu {
min-height: 100vh;
display: block;
background: #F4F4F4;
overflow-y: scroll;
overflow-x: hidden; }
.component-global-navigation .mp-menu .mp-level {
background: #ffffff;
}
.component-global-navigation .mp-menu .mp-level .sub-menu {
background: #ffffff;
opacity: 1;
padding-top: 10px;
padding-left: 20px; }
.component-global-navigation .mp-menu .mp-level .sub-menu li {
padding: 5px;
border-bottom: none; }
.component-global-navigation .mp-menu .mp-level .sub-menu li a {
text-transform: capitalize; }
.component-global-navigation .mp-menu .mp-level .sub-menu li.adhoc-parent a {
font-weight: bold; }
.component-global-navigation .mp-menu .mp-level .mobile-logo {
display: block;
padding-left: 100px;
height: 30px;
margin: 10px 0 20px 20px;
position: absolute; }
.component-global-navigation .mp-menu .mp-level .mobile-logo img {
height: 26px;
width: 120px; }
.component-global-navigation .mp-menu input {
width: 100%;
border: 1px solid #dddfde;
padding: 10px;
font-size: 0.9em;
text-transform: uppercase; }
.component-global-navigation .mp-menu .search {
position: relative; }
.component-global-navigation .mp-level.mp-level-overlay::after {
background: white; }
.component-global-navigation #mobile-trigger {
width: 20px;
height: 20px;
position: absolute;
-webkit-transform: translate(0, -50%) rotate(0deg);
-ms-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg);
-webkit-transition: .35s ease-in-out;
transition: .35s ease-in-out;
cursor: pointer;
top: 20px;
left: 0px; }
.component-global-navigation #mobile-trigger span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #ffffff;
border-radius: 9px;
opacity: 1;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out; }
.component-global-navigation #mobile-trigger span:nth-child(1) {
top: 0px; }
.component-global-navigation #mobile-trigger span:nth-child(2), .component-global-navigation #mobile-trigger span:nth-child(3) {
top: 8px; }
.component-global-navigation #mobile-trigger span:nth-child(4) {
top: 16px; }
.component-global-navigation .menu-trigger {
position: relative;
padding-left: 60px;
font-size: 0.9em; }
.component-global-navigation .menu-trigger:before {
position: absolute;
top: 2px;
left: 0;
width: 40px;
height: 6px;
background: #fff;
content: ''; }
.component-global-navigation .site-outer:after, .component-global-navigation .mp-level::after, .component-global-navigation .mp-level::before {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
content: '';
opacity: 0; }
.component-global-navigation .site-outer:after, .component-global-navigation .mp-level::after {
background: rgba(0, 0, 0, 0.3);
-webkit-transition: opacity 0.2s, width 0.1s 0.2s, height 0.1s 0.2s;
transition: opacity 0.2s, width 0.1s 0.2s, height 0.1s 0.2s;
z-index: 10000; }
.component-global-navigation .mp-level::after {
z-index: -1; }
.component-global-navigation .site-outer.mp-pushed:after, .component-global-navigation .mp-level.mp-level-overlay::after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s; }
.component-global-navigation .mp-level.mp-level-overlay {
cursor: pointer; }
.component-global-navigation .mp-level.mp-level-overlay.mp-level::before {
width: 100%;
height: 100%;
opacity: 1; }
.component-global-navigation .mp-menu > .mp-level, .component-global-navigation .mp-menu > .mp-level.mp-level-open, .component-global-navigation .mp-menu.mp-overlap > .mp-level, .component-global-navigation .mp-menu.mp-overlap > .mp-level.mp-level-open {
box-shadow: none; }
.component-global-navigation .lte9 .mp-menu > .mp-level, .component-global-navigation .lte9 .mp-menu > .mp-level.mp-level-open, .component-global-navigation .lte9 .mp-menu.mp-overlap > .mp-level, .component-global-navigation .lte9 .mp-menu.mp-overlap > .mp-level.mp-level-open {
left: 0px; }
.component-global-navigation .lte9 .mp-cover .mp-level.mp-level-open {
left: 0px; }
.component-global-navigation .lte9 .mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
left: -300px; }
.component-global-navigation .mp-menu {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 360px;
height: 100%;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.component-global-navigation .lte9 .mp-menu {
left: -300px; }
.component-global-navigation .mp-pushed .mp-menu {
height: 100%;
overflow-y: scroll; }
.component-global-navigation .mp-level {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.component-global-navigation .mp-level li:before {
content: none; }
.component-global-navigation .mp-menu [data-level="1"].mp-level-overlay {
left: -100%; }
.component-global-navigation .mp-menu .mp-level .slide-priority {
display: block !important;
z-index: 1; }
.component-global-navigation .mp-menu .mp-level [data-level="2"] {
left: 100%; }
.component-global-navigation .mp-menu .mp-level [data-level="2"].mp-level-open {
z-index: 1;
display: block; }
.component-global-navigation .mp-menu .mp-level [data-level="2"].mp-level-overlay {
left: 0%; }
.component-global-navigation .mp-menu .mp-level [data-level="3"] {
left: 100%;
-webkit-transform: translate3d(0, 0px, 0px) !important;
transform: translate3d(0, 0px, 0px) !important; }
.component-global-navigation .mp-menu .mp-level [data-level="3"].mp-level-open {
z-index: 1; }
.component-global-navigation .mp-menu .mp-level [data-level="3"].mp-level-overlay {
left: 0%; }
.component-global-navigation .mp-menu .mp-level [data-level="4"] {
left: 100%;
-webkit-transform: translate3d(0, 0px, 0px) !important;
transform: translate3d(0, 0px, 0px) !important; }
.component-global-navigation .mp-menu .mp-level [data-level="4"].mp-level-open {
z-index: 1; }
.component-global-navigation .mp-cover .mp-level ul li.light-cell, .component-global-navigation li.light-cell {
background: #FFFFFF;
text-transform: none;
font-weight: 300;
color: #7c8083; }
.component-global-navigation .mp-cover .mp-level ul li.light-cell a, .component-global-navigation li.light-cell a {
text-transform: none;
font-weight: 300; }
.component-global-navigation .mp-cover .mp-level ul li.light-cell i, .component-global-navigation li.light-cell i {
font-size: 24px; }
.component-global-navigation .mp-menu .logo-cell {
text-align: center;
padding: 0;
height: 100%;
margin: 0 auto; }
.component-global-navigation .mp-menu .logo-cell .img-responsive {
display: inline-block;
-webkit-filter: invert(100%);
filter: invert(100%);
opacity: 0.45; }
.component-global-navigation .mp-menu .logo-cell a {
padding: 20px;
width: 50%;
height: 100%;
display: inline-block;
font-size: 16px; }
.component-global-navigation .mp-menu .logo-cell a:first-of-type {
border-right: 1px solid #dddfde; }
.component-global-navigation .mp-level {
background-color: #FFFFFF; }
.component-global-navigation .mp-menu ul {
margin: 0;
padding: 0;
list-style: none; }
.component-global-navigation .mp-menu ul li {
position: static;
background: #ffffff;
padding: 15px; }
.component-global-navigation .mp-menu ul li button,
.component-global-navigation .mp-menu ul li a {
font-size: 13px;
font-weight: bold;
color: #5b6770;
line-height: 29px;
display: block;
padding: 0px 10px;
text-transform: uppercase;
letter-spacing: 0px;
background: transparent;
border: none;
width: 100%;
text-align: left; }
.component-global-navigation .mp-menu ul li button svg.down,
.component-global-navigation .mp-menu ul li a svg.down {
float: right;
margin-top: 12px; }
.component-global-navigation .mp-menu ul li button svg.arrow-left,
.component-global-navigation .mp-menu ul li a svg.arrow-left {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.component-global-navigation .mp-menu ul li button svg.arrow-right,
.component-global-navigation .mp-menu ul li a svg.arrow-right {
float: right;
margin-top: 7px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg); }
.component-global-navigation .mp-menu ul li button:active, .component-global-navigation .mp-menu ul li button:focus, .component-global-navigation .mp-menu ul li button:hover,
.component-global-navigation .mp-menu ul li a:active,
.component-global-navigation .mp-menu ul li a:focus,
.component-global-navigation .mp-menu ul li a:hover {
outline: none;
text-decoration: none; }
.component-global-navigation .mp-menu ul li button.expanded svg.down,
.component-global-navigation .mp-menu ul li a.expanded svg.down {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg); }
.component-global-navigation .mp-menu ul li button.mp-back,
.component-global-navigation .mp-menu ul li a.mp-back {
font-size: 16px;
font-weight: bold;
color: #5b6770;
line-height: 29px;
display: block;
padding: 0px 10px;
text-transform: capitalize;
letter-spacing: 0.4px;
text-align: left;
background: #fff;
border-bottom: 1px solid #c2c6c9;
padding: 15px; }
.component-global-navigation .mp-menu ul li button.mp-back:hover,
.component-global-navigation .mp-menu ul li a.mp-back:hover {
text-decoration: none; }
.component-global-navigation .mp-menu ul li strong {
font-size: 14px;
line-height: 29px;
font-weight: 700;
color: #5b6770;
text-transform: none;
display: block;
border-bottom: 1px solid #000;
padding: 0px 10px; }
.component-global-navigation .mp-menu ul li.secondary-style {
border-bottom: none;
background-color: #f3f3f3;
padding-bottom: 10px;
padding-top: 10px; }
.component-global-navigation .mp-menu ul li.secondary-style a {
text-transform: uppercase;
font-weight: 400; }
.component-global-navigation .mp-menu ul li.secondary-style a img {
margin-top: -5px;
margin-right: 4px; }
.component-global-navigation .mp-menu ul.teir-options {
padding-bottom: 0px;
display: none; }
.component-global-navigation .mp-menu ul.teir-options li {
border-bottom: none;
padding: 10px 15px; }
.component-global-navigation .mp-menu ul.teir-options li a {
text-transform: none; }
.component-global-navigation .mp-menu ul.teir-options li a svg.arrow-right {
float: none;
vertical-align: top;
margin-left: 10px; }
.component-global-navigation .mp-menu ul.second-level li a {
font-size: 13px;
font-weight: normal;
color: #5b6770;
line-height: 29px;
display: block;
padding: 0px 10px;
text-transform: uppercase;
letter-spacing: 0px;
background: transparent;
border: none;
width: 100%;
text-align: left; }
.component-global-navigation .mp-menu ul.second-level li a.mp-back {
font-size: 16px;
font-weight: bold;
color: #5b6770;
line-height: 29px;
display: block;
padding: 0px 10px;
text-transform: capitalize;
letter-spacing: 0.4px;
text-align: left;
background: #fff;
border-bottom: 1px solid #c2c6c9;
padding: 15px; }
.component-global-navigation .mp-menu ul.second-level li a.mp-back:hover {
text-decoration: none; }
.component-global-navigation .mp-menu ul.second-level li a.split-link {
margin-right: 40px; }
.component-global-navigation .mp-menu ul.second-level li a.split-link-child {
border-radius: 2px;
border: 1px solid #ccc;
float: right;
width: 40px;
height: 40px;
margin-top: -34px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.component-global-navigation .mp-menu ul.second-level li a.split-link-child svg {
margin-top: 0px; }
.component-global-navigation .mobile-request-demo {
margin-top: 30px;
display: block;
padding: 10px 10px;
text-align: center;
color: white;
background: #FF6C00;
text-transform: uppercase; }
.component-global-navigation .mobile-request-demo:hover {
color: white;
text-decoration: none; }
.component-global-navigation .mobile-closelogo {
background: #121b1f;
width: 100%;
height: 60px; }
html {
-ms-touch-action: manipulation;
touch-action: manipulation; }
@media (max-width: 992px) {
.site-content {
padding-top: 60px !important; } }
.site-content {
padding-top: 68px; }
body {
}
body.fixed {
width: 100%;
position: fixed; }
.ie8 body {
overflow: visible; }
.global-navigation {
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.12);
z-index: 2;
position: fixed;
background-color: #121b1f;
top: 0;
width: 100%;
left: 0;
border-bottom: 1px solid #C9CDD2; }
.global-navigation span .fa-phone {
font-size: 31px;
color: #ffffff;
padding-bottom: 5px; }
.global-navigation span .fa-dropbox {
font-size: 31px;
color: #FF6C00;
padding-bottom: 5px; }
.global-navigation .fa-dropbox:hover {
-moz-animation: wiggle .3s 2;
-webkit-animation: wiggle .3s 2; }
.global-navigation .fa-phone:hover {
-moz-animation: wiggle .3s 2;
-webkit-animation: wiggle .3s 2; }
@-webkit-keyframes wiggle {
0% {
-webkit-transform: rotate(3deg); }
50% {
-webkit-transform: rotate(-20deg); }
100% {
-webkit-transform: rotate(40deg); } }
.global-navigation a.btn.btn-orange {
text-align: center;
letter-spacing: 2.2px;
line-height: 1.2;
font-size: 20px;
font-weight: bold;
padding: 11px 15px;
width: 225px;
color: #ff6600;
background-color: white;
height: 48px;
border-radius: 3px;
border: solid 1px #ff6600;
top: -200px;
right: 50px;
position: absolute;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
float: right; }
.site-wrapper.mp-pushed .site-content {
overflow-y: hidden; }
.contact-sales {
font-size: 12px;
font-weight: 500;
line-height: 1.23;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #FF6C00;
width: 95px;
padding: 0 9px;
color: white;
text-align: center;
position: absolute;
z-index: 999;
top: 0;
right: 0;
height: 68px; }
.contact-sales:hover {
color: white;
background: #ff7b1a;
text-decoration: none; }
.request-demo {
font-size: 12px;
font-weight: 500;
line-height: 1.23;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #ffffff;
width: 95px;
padding: 0 9px;
height: 68px;
color: #FF6C00;
text-align: center;
position: absolute;
z-index: 999;
top: 0;
right: 95px; }
.request-demo:hover {
color: #FF6C00;
background: white;
text-decoration: none; }
.utility-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: right;
margin-right: 185px; }
@media (max-width: 992px) {
.utility-nav {
margin-right: 160px; } }
.utility-nav .utility-submenu {
position: absolute;
top: 68px;
right: 174px;
padding: 35px 36px;
box-shadow: 0 14px 12px 1px rgba(0, 0, 0, 0.3);
border: solid 1px #c2c6c9;
background-color: #fff;
min-width: 210px; }
.utility-nav .utility-submenu .description {
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.54;
letter-spacing: normal;
color: #222222; }
.utility-nav .utility-submenu.lang-links ul li a {
margin-left: 10px !important; }
.utility-nav .utility-submenu.lang-links .heading {
margin-left: 10px; }
.utility-nav .utility-submenu .heading {
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal; }
.utility-nav .utility-submenu .main-list:hover {
color: #ff6c00;
text-decoration: none; }
.utility-nav .utility-submenu .lang-checkmark {
margin-left: -17px;
vertical-align: middle !important; }
.utility-nav .utility-submenu .lang-checkmark + a {
color: #ff6c00; }
.utility-nav .utility-submenu ul {
list-style: none;
padding-left: 0px; }
.utility-nav .utility-submenu ul li {
margin-top: 21px; }
.utility-nav .utility-submenu ul li a {
margin-left: 0px !important;
font-size: 13px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal; }
.utility-nav img {
vertical-align: top; }
.utility-nav a {
margin: 0px 12px;
height: 42px;
text-decoration: none; }
.utility-nav a.lang-options.utility-item:hover {
padding-bottom: 15px; }
.utility-nav a span {
color: #ffffff;
letter-spacing: 0.9px;
font-weight: 600;
font-size: 14px;
position: relative;
top: -1px; }
.utility-nav .utility-item:hover {
border-bottom: 5px solid #ff6c00;
padding-bottom: 15px; }
.utility-nav .active-utility-item {
padding-bottom: 15px; }
.utility-nav .active-search {
padding-bottom: 16px !important; }
@media (min-width: 992px) {
.component-global-navigation {
height: inherit; }
.global-navigation {
height: 68px;
box-shadow: 0 2px 11px 5px rgba(0, 0, 0, 0.2); } }
.component-global-navigation {
position: relative;
width: 100%;
max-width: 1280px;
z-index: 2;
left: 0;
top: 0;
right: 0;
margin: 0 auto;
overflow: visible;
}
.component-global-navigation a {
cursor: pointer; }
.component-global-navigation a:focus.accessibility-focus {
border: 1px dashed #ff0000;
margin: -1px; }
.component-global-navigation.dark-theme .logo-nav {
color: #5b6770; }
.component-global-navigation.dark-theme .logo-nav .search-trigger:before {
color: #FFFFFF; }
.component-global-navigation.dark-theme .logo-nav .search-trigger span {
color: #1B5071;
font-size: 14px; }
.component-global-navigation.dark-theme .logo-nav a.search-trigger, .component-global-navigation.dark-theme .logo-nav a.search-trigger:link, .component-global-navigation.dark-theme .logo-nav a.search-trigger:hover, .component-global-navigation.dark-theme .logo-nav a.search-trigger:visited, .component-global-navigation.dark-theme .logo-nav a.search-trigger:active {
color: #5b6770; }
.component-global-navigation.dark-theme .logo-nav a.search-trigger:before, .component-global-navigation.dark-theme .logo-nav a.search-trigger:link:before, .component-global-navigation.dark-theme .logo-nav a.search-trigger:hover:before, .component-global-navigation.dark-theme .logo-nav a.search-trigger:visited:before, .component-global-navigation.dark-theme .logo-nav a.search-trigger:active:before {
color: #5b6770; }
.component-global-navigation.dark-theme .logo-nav .desktop-nav-top {
margin-left: 130px;
position: relative;
z-index: 10;
top: 0;
white-space: nowrap;
padding-top: 26px; }
@media (min-width: 1200px) {
.component-global-navigation.dark-theme .logo-nav .desktop-nav-top {
margin-left: 115px; } }
@media (min-width: 768px) {
.component-global-navigation.dark-theme .hero-logo-ani.animating {
display: block;
background: url() top center;
-webkit-animation: play 1.4s steps(37) 1s forwards;
animation: play 1.4s steps(37) 1s forwards; }
.component-global-navigation.dark-theme .hero-logo-ani.animating.hoverPlay {
-webkit-animation: hoverPlay 1.4s steps(37) forwards;
animation: hoverPlay 1.4s steps(37) forwards; }
.component-global-navigation.dark-theme .hero-logo-ani.animating.stoppedAnimation {
background-position: 0 -1440px;
-webkit-animation-play-state: paused;
animation-play-state: paused; } }
.component-global-navigation.light-theme .search-results {
color: #5b6770; }
.component-global-navigation .container {
position: relative;
clear: right; }
.component-global-navigation .top-bar {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
top: 1px;
height: 45px;
background-color: transparent;
position: relative;
letter-spacing: .3px; }
.component-global-navigation .top-bar ul li {
list-style: none;
display: inline-block;
height: 100%;
position: relative;
line-height: 20px;
font-size: 13px;
letter-spacing: 0.9px; }
.component-global-navigation .top-bar ul li a {
font-weight: 400;
color: #5b6770;
display: inline-block;
-webkit-transition: color 0.2s;
transition: color 0.2s;
padding: 10px; }
.component-global-navigation .top-bar ul li a:hover {
color: #2d3338;
text-decoration: none;
-webkit-transition: color 0s;
transition: color 0s; }
.component-global-navigation .top-bar ul li a.lang-options {
padding: 2px 10px;
margin-left: 10px;
position: relative;
text-align: right; }
.component-global-navigation .top-bar ul li.lang-container {
position: relative; }
.component-global-navigation .top-bar ul li.lang-container .arrow-down {
font-size: 14px; }
.component-global-navigation .top-bar ul li.lang-container .option-nav {
display: none;
top: 25px;
right: 0px;
padding: 5px 0;
position: absolute;
z-index: 99;
width: 120px;
background: #fff;
border: 1px solid #999;
padding-left: 0px; }
.component-global-navigation .top-bar ul li.lang-container .option-nav li {
display: block; }
.component-global-navigation .top-bar ul li.lang-container .option-nav li a {
display: block;
padding: 5px 10px; }
.component-global-navigation .top-bar ul li .lang-link {
background-repeat: no-repeat;
background-size: contain;
padding-left: 30px;
background-position: left center; }
.component-global-navigation .top-bar ul li .cart-quantity {
background: red;
height: 15px;
width: 15px;
border-radius: 20px;
text-align: center;
font-weight: 800;
color: white;
position: absolute;
top: 10px;
left: 30px;
line-height: 15px;
font-size: 12px; }
.component-global-navigation .mobile-close-nav {
color: #000;
position: absolute;
top: 14px;
left: 28px;
font-size: 20px; }
.component-global-navigation .logo-nav {
font-size: 1em;
line-height: 1.52857;
display: block;
z-index: 2000; }
.component-global-navigation .logo-nav .nav-background {
position: absolute;
width: 100%;
top: 100px;
height: 0; }
.component-global-navigation .logo-nav .nav-dropdown {
opacity: 1;
z-index: 1;
position: absolute;
top: 68px;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.18);
width: 100vw;
margin-left: -50vw;
left: 50%; }
.component-global-navigation .logo-nav .nav-dropdown > .container {
display: none;
padding: 0px;
background: #F7F9FF; }
.component-global-navigation .logo-nav .nav-dropdown > .container .container-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
max-width: 1280px;
margin: 0px auto; }
.component-global-navigation .logo-nav #hero-logo-container {
position: absolute;
top: 3.5px; }
.component-global-navigation .logo-nav .mobile-btns {
position: relative;
height: 100%; }
.component-global-navigation .logo-nav .mobile-btns .mobile-logo {
position: absolute;
top: 3px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
padding: 0px;
height: 22px; }
.component-global-navigation .logo-nav .mobile-btns .mobile-logo img {
height: 100%;
width: auto; }
@media (min-width: 1280px) {
.component-global-navigation .logo-nav .search-bar {
width: 160px !important; } }
@media (min-width: 1024px) and (max-width: 1279px) {
.component-global-navigation .logo-nav .search-bar {
width: 100px !important; }
.component-global-navigation .logo-nav input[type="text"] {
width: 100px !important; }
.component-global-navigation .logo-nav .search-trigger {
position: absolute;
right: -8px;
bottom: 0; } }
.component-global-navigation .logo-nav .search-bar {
opacity: 1;
width: 160px;
margin-left: 10px;
margin-right: -25px;
z-index: 5;
position: relative;
display: inline-block;
vertical-align: top;
width: 0px;
padding-bottom: 2px;
border-bottom: 2px solid #555;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; }
.component-global-navigation .logo-nav .search-bar ::-webkit-input-placeholder {
color: #555; }
.component-global-navigation .logo-nav .search-bar input[type="text"] {
padding: 0;
border: none;
background: transparent;
color: #000000;
font-weight: 500; }
.component-global-navigation .logo-nav .search-bar input:focus {
outline: none; }
.component-global-navigation .logo-nav .search-bar input[type=text]::-ms-clear {
display: none;
width: 0;
height: 0; }
.component-global-navigation .logo-nav .search-bar input[type=text]::-ms-reveal {
display: none;
width: 0;
height: 0; }
.component-global-navigation .logo-nav .search-bar .search-container {
position: relative;
z-index: 3;
padding: 0;
background: #fff; }
.component-global-navigation .logo-nav .search-bar.reveal {
opacity: 1;
pointer-events: all;
width: 160px;
margin-left: 10px;
margin-right: -25px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease; }
.component-global-navigation .logo-nav .search-trigger {
cursor: pointer;
z-index: 2;
position: absolute;
right: 0;
bottom: 0; }
.component-global-navigation .logo-nav .search-trigger span {
color: black;
padding: 0 0 5px;
outline: none;
font-weight: 700; }
.component-global-navigation .logo-nav #search-results .row .col-xs-4:first-of-type {
padding: 0 15px 0 0; }
.component-global-navigation .logo-nav #search-results .row .col-xs-4:last-of-type {
padding: 0 0 0 15px; }
.component-global-navigation .logo-nav .search-results {
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
background: #FFFFFF;
width: 100%;
height: -webkit-calc(100vh - 150px);
height: calc(100vh - 150px);
position: absolute;
top: 70px;
z-index: 3;
padding: 45px 0;
overflow-y: scroll; }
.component-global-navigation .logo-nav .search-results .container {
padding: 0; }
.component-global-navigation .logo-nav .search-results .product-cell-loading {
pointer-events: none;
height: 400px;
width: 100%;
padding: 15px; }
.component-global-navigation .logo-nav .search-results .product-cell-loading .image {
background: #f6f6f6;
width: 100%;
height: 300px; }
.component-global-navigation .logo-nav .search-results .product-cell-loading .content-1 {
background: #f6f6f6;
height: 20px;
width: 100%;
margin: 15px 0 10px;
-webkit-animation: OPACITY-LOOP 0.5s infinite;
animation: OPACITY-LOOP 0.5s infinite; }
.component-global-navigation .logo-nav .search-results .product-cell-loading .content-2 {
background: #f6f6f6;
height: 40px;
width: 100%;
margin: 0 0 11px;
-webkit-animation: OPACITY-LOOP 0.75s infinite;
animation: OPACITY-LOOP 0.75s infinite; }
@-webkit-keyframes OPACITY-LOOP {
0% {
opacity: 1; }
50% {
opacity: 0.4; }
100% {
opacity: 1; } }
.component-global-navigation .logo-nav .search-results .search-zero-results {
width: 100%;
margin: 30px auto;
padding: 40px 0 80px 0;
text-align: center; }
.component-global-navigation .logo-nav .search-results .search-more-results {
border-top: lightgrey 1px solid;
width: 100%;
margin: 30px auto;
padding: 40px 0 80px 0;
text-align: center; }
.component-global-navigation .logo-nav .search-results .search-more-results p {
margin-bottom: 40px; }
.component-global-navigation .logo-nav .search-results .search-more-results a.full-search {
background-color: #00a9e0;
color: #FFFFFF;
border: none;
font-weight: 800;
letter-spacing: 1px;
margin-bottom: 7px;
margin-top: 40px;
min-height: 50px;
-webkit-transition: background-color .1s ease, color .1s ease;
transition: background-color .1s ease, color .1s ease;
padding: 10px 15px; }
.component-global-navigation .logo-nav .search-results .search-more-results a.full-search:hover {
text-decoration: none;
background-color: #0083ad; }
.component-global-navigation .logo-nav .search-results .search-more-results a.full-search:active {
box-shadow: none; }
.component-global-navigation .logo-nav .desktop-nav-top {
position: relative;
text-decoration: none;
font-size: 14px; }
.component-global-navigation .logo-nav .desktop-nav-top .nav-items {
color: #ffffff; }
.component-global-navigation .logo-nav .desktop-nav-top a.nav-items {
font-size: 13px;
padding: 15px 0px 16px;
margin: 0 12px;
font-weight: 600;
position: relative;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
color: #ffffff; }
.component-global-navigation .logo-nav .desktop-nav-top a.nav-items.active {
border-bottom: 5px solid #ff6c00;
padding-bottom: 18px; }
.component-global-navigation .logo-nav .desktop-nav-top a.nav-items:hover {
text-decoration: none;
border-bottom: 5px solid #ff6c00;
padding-bottom: 18px; }
.component-global-navigation .logo-nav .desktop-nav-top a.active:after {
text-decoration: none;
content: '';
position: absolute;
left: 0;
display: inline-block;
height: 1em;
width: 100%;
margin-top: 28px; }
.component-global-navigation .logo-nav .desktop-nav-top a.search-trigger {
z-index: 8; }
.component-global-navigation .logo-nav .desktop-nav-top a:hover:after {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1); }
.component-global-navigation .logo-nav .desktop-nav-top a:after {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%; }
.component-global-navigation .mobile-nav .container {
position: relative;
height: 70px; }
.component-global-navigation .mobile-nav .hero-logo-container {
position: absolute;
bottom: 0;
margin-top: 0; }
.component-global-navigation .mobile-nav .mobile-menu {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: #252a2c; }
.component-global-navigation .mobile-nav .mobile-menu.reveal {
display: block; }
.component-global-navigation .mobile-nav .navbar-menu-toggle {
position: absolute;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
cursor: pointer;
content: " ";
background: transparent;
color: #FFFFFF; }
@-webkit-keyframes play {
100% {
background-position: 0 -1480px; } }
@keyframes play {
100% {
background-position: 0 -1480px; } }
@-webkit-keyframes hoverPlay {
100% {
background-position: 0 -1480px; } }
@keyframes hoverPlay {
100% {
background-position: 0 -1480px; } }
.component-global-navigation .hero-logo-container {
position: absolute;
z-index: 1;
bottom: 0;
width: 98px;
height: 64px;
margin-top: 0;
-webkit-transition: margin-top 0.3s ease;
transition: margin-top 0.3s ease; }
.component-global-navigation .logo-static {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: block; }
@media (min-width: 1281px) {
.component-global-navigation .logo-static {
left: -15px;
top: -2px; } }
@media (min-width: 1200px) and (max-width: 1280px) {
.component-global-navigation .logo-static {
left: 8px; } }
.component-global-navigation .hero-logo-ani {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.component-global-navigation .hero-logo-ani.animating {
display: none; }
ul.children-l3 {
padding: 6px 0 10px 0px;
line-height: 1.2em; }
.search-position-container {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
position: absolute;
top: 0;
right: 95px; }
@media (min-width: 1024px) and (max-width: 1279px) {
.search-position-container {
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
position: absolute;
top: 0;
right: 100px !important; } }
@-moz-document url-prefix() {
.desktop-nav-top a.active:after {
margin-top: 25px !important; } }
@media (min-width: 992px) {
body {
overflow-x: hidden; } }
@media (min-width: 768px) {
.component-global-navigation .hero-logo-container {
width: 98px;
height: 64px;
margin-top: 0; }
.component-global-navigation .hero-logo-ani.animating {
display: block;
background: url() top center;
-webkit-animation: play 1.4s steps(37) 1s forwards;
animation: play 1.4s steps(37) 1s forwards; }
.component-global-navigation .hero-logo-ani.animating.hoverPlay {
-webkit-animation: hoverPlay 1.4s steps(37) forwards;
animation: hoverPlay 1.4s steps(37) forwards; }
.component-global-navigation .hero-logo-ani.animating.stoppedAnimation {
background-position: 0 -1440px;
-webkit-animation-play-state: paused;
animation-play-state: paused; } }
@media (min-width: 992px) {
.component-global-navigation .hero-logo-container {
-webkit-transition: none;
transition: none; }
.site-wrapper.mp-pushed {
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important; } }
@media (min-width: 992px) and (max-width: 1150px) {
.component-global-navigation.dark-theme .logo-nav .desktop-nav-top {
margin-left: 100px !important; }
.component-global-navigation .logo-nav .desktop-nav-top a.nav-items {
font-size: 12px !important;
padding: 15px 0 18px !important;
margin: 0px 6px !important;
font-weight: 500 !important; }
.component-global-navigation .utility-nav .utility-item img {
width: 13px !important; }
.component-global-navigation .logo-static {
width: 80% !important; } }
.contact-sales {
background: #ff6c00 !important;
right: 0px !important;
color: #ffffff !important;
border: 1px solid #ff6600 !important; }
.desktop-search-box {
display: none;
position: absolute;
z-index: 400;
width: 100%;
height: 86px;
top: 68px;
box-shadow: 0 14px 12px 1px rgba(0, 0, 0, 0.3);
background-color: #f3f3f3; }
.desktop-search-box .search-bar-desktop {
width: 100%;
max-width: 1280px;
padding-right: 190px;
padding-left: 120px;
margin: 0 auto; }
@media (min-width: 1200px) {
.desktop-search-box .search-bar-desktop {
padding-left: 142px; } }
.desktop-search-box .search-bar-desktop .container {
padding: 24px 0px;
position: relative; }
.desktop-search-box .search-bar-desktop .container input {
width: 100%;
font-size: 15px;
padding: 0px 20px;
border: solid 1px #d9e0e2;
background-color: #ffffff;
height: 38px; }
.desktop-search-box .search-bar-desktop .container input:focus {
outline: none; }
.desktop-search-box .search-bar-desktop .container button {
position: absolute;
right: 16px;
border: none;
background: none;
box-shadow: none;
top: 34px;
z-index: 300; }
.utility-nav a .sprite-image {
color: #fff;
letter-spacing: .9px;
font-weight: 600;
font-size: 14px;
position: relative;
top: -2px; }
.utility-nav .sprite-image-langoptions {
color: #ffffff;
letter-spacing: 0.9px;
font-weight: 600;
font-size: 14px;
position: relative;
top: 1px; }
.utility-item .sprite-image-contact {
width: 22px;
height: 22px;
display: block;
margin-top: -3px; }
.sprite-image-contact {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -56px 0px; }
.utility-item .sprite-image-language {
width: 22px;
height: 22px;
display: block;
margin-top: -3px; }
.sprite-image-language {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -56px -56px; }
.utility-item .sprite-image-langoptions {
width: 22px;
height: 22px;
display: inline-block;
margin-top: -3px; }
.sprite-image-langoptions {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -56px -84px; }
.utility-item .sprite-image-search {
width: 22px;
height: 22px;
display: block;
margin-top: -3px; }
.sprite-image-search {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -56px -28px; }
.secondary-style .sprite-mobile-login {
width: 14px;
height: 14px;
display: inline-block;
margin-bottom: -1px; }
.sprite-mobile-login {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -91px -63px; }
.secondary-style .sprite-mobile-language {
width: 14px;
height: 14px;
display: inline-block;
margin-bottom: -1px; }
.sprite-mobile-language {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -91px -91px; }
.secondary-style .sprite-mobile-contact {
width: 14px;
height: 14px;
display: inline-block; }
.sprite-mobile-contact {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -91px -7px; }
.sprite-mobile .sprite-mobile-search {
width: 20px;
height: 20px;
display: inline-block; }
.sprite-mobile-search {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -57px -31px; }
.remove-close {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -56px -114px; }
.sprite-mobile-close {
width: 18px;
height: 18px;
display: inline-block; }
.sprite-mobile-close {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -59px -118px; }
.utility-nav .sprite:hover {
border-bottom: 5px solid #ff6c00;
padding-bottom: 17px; }
.utility-nav .nav-container:hover {
border-bottom: 5px solid #ff6c00;
padding-bottom: 11px; }
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
.utility-nav {
width: 196px; }
}
.sprite-mobile {
padding-top: 5px; }
.component-sub-menu .thin-line {
height: inherit;
position: relative;
left: 320px;
margin: 34px 0px;
display: inline-block;
box-shadow: 2px 0 0px 1px #C9CDD2; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
.component-sub-menu .thin-line {
position: relative;
left: 270px; } }
.nav-dropdown .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.nav-dropdown .container .container {
width: auto; }
.component-global-navigation .logo-nav .nav-dropdown .container .image .container {
padding: 0px; }
.component-sub-menu-block {
width: 216px;
max-width: 25%;
padding: 47px 0;
margin-right: 20px;
display: inline-block;
vertical-align: top;
}
.component-sub-menu-block .bold-aqua-color {
color: #1aafa5; }
.component-sub-menu-block .sub-menu-desc {
color: #565d62;
font-weight: 400;
font-size: 12px !important;
line-height: 1.54;
letter-spacing: normal; }
.component-sub-menu-block p {
font-size: 14px; }
.component-sub-menu-block.leadin-container {
width: 320px;
max-width: 320px;
margin-right: 45px;
padding-right: 45px;
background-color: #f7f9ff; }
.component-sub-menu-block.leadin-container h3 {
margin-top: 5px;
font-size: 15px;
font-weight: bold;
line-height: 1.5em !important;
letter-spacing: normal;
color: #121b1f;
text-transform: uppercase; }
.component-sub-menu-block.leadin-container p {
font-size: 14px;
font-weight: 300;
line-height: 1.57;
letter-spacing: normal; }
.component-sub-menu-block.leadin-container .btn-primary {
padding: 16px 14px 14px;
outline: 4px solid #000 !important;
outline-offset: -4px !important; }
.component-sub-menu-block.leadin-container .btn-primary:hover {
outline: 4px solid #000 !important;
outline-offset: -3px !important; }
.component-sub-menu-block h4 {
font-size: 12px !important;
font-weight: bold;
letter-spacing: normal;
margin: 6px 0 8px;
display: block;
line-height: 1.2em; }
.component-sub-menu-block h4 a {
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal; }
.component-sub-menu-block .component-image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
max-height: 90px;
height: 60px;
margin-bottom: 15px; }
.component-sub-menu-block .component-image img {
max-height: 90px;
width: auto; }
.component-sub-menu-block .text-jumbo .component-background .container {
padding: 0px; }
.component-sub-menu-block ul.children-l2 {
padding-left: 0;
line-height: 1.2em;
margin-bottom: 0px;
padding-bottom: 10px; }
.component-sub-menu-block ul li {
list-style: none;
margin-bottom: 10px; }
.component-sub-menu-block ul li.main-list:last-child {
margin-bottom: 0px; }
.component-sub-menu-block ul li.main-list > a {
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #565d62; }
.component-sub-menu-block ul li.main-list > a:hover {
color: #ff6c00 !important;
text-decoration: none;
object-fit: contain; }
.component-sub-menu-block ul li.adhoc-child {
margin-bottom: 4px; }
.component-sub-menu-block ul li.adhoc-child > a {
font-weight: normal; }
.component-sub-menu-block ul li.adhoc-parent {
margin-bottom: 6px; }
.component-sub-menu-block ul li a {
display: inline-block;
font-size: 12px; }
.component-sub-menu-block ul li a:hover {
text-decoration: none;
color: #ff6c00 !important; }
.component-sub-menu-block ul li ul li a {
color: #565d62;
font-size: 12px;
font-weight: normal;
line-height: normal;
letter-spacing: normal; }
.component-sub-menu-block .resource-card .component-image {
height: 146px;
margin-bottom: 15px; }
.component-sub-menu-block .resource-card .component-image img {
height: auto;
min-height: 146px;
width: 100%; }
.component-sub-menu-block .resource-card .component-text {
margin-bottom: 0px;
height: 108px;
padding-top: 30px;
-webkit-line-clamp: initial; }
.component-sub-menu-block .resource-card .component-text.text-block p {
font-size: .75em;
font-weight: 400;
letter-spacing: normal;
color: #5b6770;
}
.component-sub-menu-block .resource-card .component-text.text-block p:nth-child(1) {
font-weight: bold;
margin-bottom: 0px; }
@media (min-width: 997px) and (max-width: 1150px) {
.component-sub-menu-block .resource-card .component-image {
height: 100px; }
.component-sub-menu-block .resource-card .component-image img {
min-height: 100px; }
.component-sub-menu-block .resource-card .component-text {
padding-top: 10px;
height: 67px; }
.component-sub-menu-block .resource-card .component-text.text-block p {
font-size: 11px; } }
@media (max-width: 1150px) and (min-width: 992px) {
.component-sub-menu-block.leadin-container {
padding-left: 16px !important;
padding-right: 24px !important; } }
@media (max-width: 1280px) and (min-width: 1200px) {
.component-sub-menu-block.leadin-container {
padding-left: 32px !important; } }
.component-sub-menu-block .resource-card .component-resource-card.resource-square h2 {
height: 42px; }
@media (min-width: 997px) and (max-width: 1150px) {
.component-sub-menu-block .resource-card .component-resource-card.resource-square {
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px; }
.component-sub-menu-block .resource-card .component-resource-card.resource-square h2 {
height: 0px; } }
.component-sub-menu-block ul.children-l3 li {
margin-bottom: 4px; }
.component-sub-menu-block ul.children-l2 li:last-child ul.children-l3 {
padding-bottom: 0px; }
.component-sub-menu-block ul.children-l2 li:last-child ul.children-l3 li:last-child {
margin-bottom: 0px;
padding-bottom: 0px; }
.roboto-font .component-sub-menu-block ul li.main-list > a {
font-size: 13px; }
.roboto-font .component-sub-menu-block ul li ul li a {
font-weight: 300; }
.roboto-font .component-sub-menu-block.leadin-container h3 {
font-size: 16px; }
.component-block-quote {
padding: 2em 0; }
.component-block-quote .container {
max-width: 1200px;
margin: 0 auto; }
.component-block-quote .component-image .img-responsive {
width: auto;
margin: 0 auto; }
.component-block-quote blockquote {
border: none;
margin: 20px 0;
padding: 0px;
font-size: 22px; }
.component-block-quote .blockquote-meta p {
font-size: 12px; }
@media (min-width: 1024px) and (max-width: 1200px) {
.resource-card .resource-card-image.crop + .resource-square.border > .super-title {
height: 30px !important;
overflow: hidden; }
.resource-card .resource-card-image.crop + .resource-square.border {
padding-top: 5px !important; } }
.resource-card .hoverResourceCard {
cursor: pointer; }
.resource-card .hoverResourceCard:hover {
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: all .3s ease-in-out;
top: -2px; }
.resource-card .hoverResourceCard:hover svg {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.resource-card .hoverResourceCard .ctaText {
padding-bottom: 10px;
padding-top: 10px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.7px;
font-size: 15px;
line-height: 1.42857; }
.component-resource-card h2 {
font-size: 18px;
overflow: hidden;
line-height: 1.2; }
.component-resource-card .component-text {
display: block;
height: 68px;
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin-bottom: 20px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.component-resource-card .btn-link {
color: black;
margin-bottom: 20px; }
.component-resource-card .btn-link .chev {
fill: black; }
.resource-card .container {
padding: 0px; }
.resource-square.border {
padding-top: 0px !important;
margin-top: -30px;
box-shadow: 0px 0px !important; }
.component-resource-card.resource-square {
padding-left: 16px;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 15px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25); }
.component-resource-card.resource-square h2 {
font-weight: bold;
letter-spacing: normal;
font-style: normal;
font-stretch: normal;
text-align: left;
height: 50px; }
.component-resource-card.resource-square p {
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
line-height: 1.4;
font-size: 16px;
color: #565d62; }
.component-resource-card.resource-square p.resource-card-metadata {
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-align: left;
color: #565d62; }
.component-resource-card.resource-square p.super-title {
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #444450; }
.resource-square a.btn-primary {
width: 100%; }
.resource-card-image {
display: block;
position: relative;
margin: -1px; }
.resource-card-image.crop {
padding-bottom: 60%;
overflow: hidden; }
.resource-card-image.crop img {
position: absolute;
width: 100%; }
.component-footer {
max-width: 1280px;
padding: 20px 50px;
margin: 0 auto; }
.component-footer .border-top {
border-top: 1px solid #dddddd;
margin-top: 10px; }
.component-footer .flex .social-links {
float: right; }
.component-footer ul {
display: inline-block;
vertical-align: top;
list-style: none; }
.component-footer ul li {
display: inline-block; }
.component-footer ul li a {
color: #122231; }
.component-footer ul li a:hover {
color: #1F6D9E; }
.component-footer ul.footer-links li a {
font-size: 14px;
font-weight: 300; }
.component-footer ul.footer-links li strong {
font-size: 14px;
font-weight: 700;
margin-right: 15px; }
.component-footer ul.footer-links:first-child li a:first-child {
padding-left: 0px; }
.component-footer ul.footer-links.border-left {
border-left: 1px solid #dddddd; }
.component-footer ul.social-links li {
margin-left: 40px; }
.component-footer ul.social-links li a {
color: #79808b;
padding: 0px;
font-size: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 17px;
height: 17px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.component-footer ul.social-links li a:hover {
color: #1F6D9E;
border-color: #1F6D9E; }
.component-resource-grid h4 {
color: #122230 !important; }
.load-more-bar {
padding: 20px 0;
text-align: center; }
.resource-grid {
max-width: 1440px;
margin: 0 auto;
padding: 0 120px; }
.resource-grid h2 {
font-size: 22px;
font-weight: 500;
overflow: hidden;
line-height: 27px;
letter-spacing: 1px; }
.component-grid-filter {
position: relative;
z-index: 9; }
.resource-results-cell .resource-item-media {
overflow: hidden; }
@media (max-width: 1200px) {
.resource-grid {
padding: 0px 40px; } }
@media (max-width: 992px) {
.resource-grid {
padding: 0px 20px; } }
@media (max-width: 768px) {
.resource-grid {
padding: 0px 20px; } }
.resource-results-cell {
min-height: 390px; }
.resource-results-cell .resource-item-media {
padding-bottom: 60%;
overflow: hidden;
display: block;
position: relative; }
.resource-results-cell .resource-item-media img {
position: absolute;
width: 100%; }
.resource-results-cell h2 {
font-size: 22px;
font-weight: 500;
overflow: hidden;
line-height: 27px;
letter-spacing: 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.resource-results-cell .resource-item-description {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
max-height: 43px;
overflow: hidden;
font-size: 16px; }
.resource-results-cell p {
font-size: 16px; }
.resource-results-cell .btn-link {
color: black;
margin-bottom: 20px; }
.resource-results-cell .btn-link .chev {
fill: black; }
.component-dropdown-filter {
float: none;
width: 100%; }
.component-dropdown-filter:last-of-type {
margin-bottom: 50px; }
.component-dropdown-filter .select-dropdown {
position: relative;
width: 100%;
margin: 0 auto;
padding: 10px 13px;
z-index: 300;
padding-right: 40px;
background: transparent;
border-radius: 0;
box-shadow: 0 0 0 transparent;
border: 1px solid #CECECE;
cursor: pointer;
outline: none;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.component-dropdown-filter .select-dropdown .filter-label strong {
text-transform: capitalize; }
.component-dropdown-filter .select-dropdown svg {
top: 3px;
position: relative;
fill: #1B5071; }
.component-dropdown-filter .select-dropdown .close-dropdown,
.component-dropdown-filter .select-dropdown .open-dropdown,
.component-dropdown-filter .select-dropdown .reset-value {
display: none;
padding: 0;
margin: 0;
width: 30px;
height: 30px;
line-height: 30px;
position: absolute;
top: 4px;
right: 4px;
text-align: center;
color: #1B5071;
background-color: transparent;
outline: none; }
.component-dropdown-filter .select-dropdown .close-dropdown svg,
.component-dropdown-filter .select-dropdown .open-dropdown svg,
.component-dropdown-filter .select-dropdown .reset-value svg {
top: 3px;
position: relative;
stroke: #1B5071;
fill: #1B5071; }
.component-dropdown-filter .select-dropdown .open-dropdown {
display: inline-block; }
.component-dropdown-filter .select-dropdown .reset-value span {
display: block;
height: 30px;
width: 30px; }
.component-dropdown-filter .select-dropdown .reset-value span:before {
content: ' ';
width: 14px;
height: 2px;
top: 13px;
left: 8px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.component-dropdown-filter .select-dropdown .reset-value span:after {
content: ' ';
width: 14px;
height: 2px;
top: 13px;
left: 8px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.component-dropdown-filter .select-dropdown .reset-value span:before, .component-dropdown-filter .select-dropdown .reset-value span:after {
position: absolute;
background-color: #555; }
.component-dropdown-filter .select-dropdown .reset-value span:focus:before, .component-dropdown-filter .select-dropdown .reset-value span:focus:after, .component-dropdown-filter .select-dropdown .reset-value span:hover:before, .component-dropdown-filter .select-dropdown .reset-value span:hover:after {
background-color: #FF6C00; }
.component-dropdown-filter .select-dropdown.value-selected {
}
.component-dropdown-filter .select-dropdown.value-selected .open-dropdown {
display: none; }
.component-dropdown-filter .select-dropdown.value-selected .reset-value {
display: inline-block; }
.component-dropdown-filter .select-dropdown .dropdown {
position: absolute;
top: 42px;
left: -1px;
right: -1px;
background: transparent;
border-radius: 0;
border: none;
box-shadow: none;
border-top: none;
list-style: none;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
max-height: 0;
overflow: hidden;
padding: 0;
padding-top: 38px;
margin: 0;
box-shadow: none;
border: 1px solid #CECECE;
display: none; }
.component-dropdown-filter .select-dropdown .dropdown li {
padding: 0 15px;
opacity: 0; }
.component-dropdown-filter .select-dropdown .dropdown li a {
display: block;
text-decoration: none;
font-size: 14px;
color: #121b1f;
padding: 5px 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.component-dropdown-filter .select-dropdown .dropdown li a:before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
border: 1px solid #CECECE;
border-radius: 2px;
margin-right: 5px; }
.component-dropdown-filter .select-dropdown .dropdown li a:hover:before {
background: #FF6C00; }
.component-dropdown-filter .select-dropdown .dropdown li:first-child {
border: none;
padding-top: 10px; }
.component-dropdown-filter .select-dropdown .dropdown li:last-child {
border: none;
padding-bottom: 10px; }
.component-dropdown-filter .select-dropdown .dropdown li.selected a:before {
background: #FF6C00; }
.component-dropdown-filter .select-dropdown.active {
background: transparent;
box-shadow: none; }
.component-dropdown-filter .select-dropdown.active .dropdown {
display: block; }
.component-dropdown-filter .select-dropdown.active .close-dropdown {
display: inline-block; }
.component-dropdown-filter .select-dropdown.active .open-dropdown {
display: none; }
.component-dropdown-filter .select-dropdown.active.value-selected .open-dropdown {
display: none; }
.component-dropdown-filter .select-dropdown.active.value-selected .close-dropdown {
display: none; }
.component-dropdown-filter .select-dropdown.active.value-selected .reset-value {
display: inline-block; }
.component-dropdown-filter .select-dropdown.active .dropdown {
max-height: 400px;
overflow: scroll;
background: #ffffff;
padding: 0; }
.component-dropdown-filter .select-dropdown.active .dropdown li {
opacity: 1; }
.component-dropdown-filter:not(:last-of-type) {
margin-bottom: 10px; }
@media (min-width: 768px) {
.component-dropdown-filter {
float: left;
min-width: 200px;
width: auto;
margin-right: 15px; }
.component-dropdown-filter:last-of-type {
margin-bottom: 0; } }
.modal--fade, .modal--show {
z-index: 0 !important; }
.modal--fade:target, .modal--show:target, .is-active.modal--fade, .is-active.modal--show {
z-index: 9 !important; }
.modal--fade .modal-inner, .modal--show .modal-inner {
position: fixed;
top: 50%;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
max-height: auto !important; }
.modal--fade .modal-content, .modal--show .modal-content {
max-height: none !important; }
.has-overlay > body {
width: 100%; }
.component-general-modal .modal-close:after {
height: 4%;
width: 6%;
min-height: 20px;
min-width: 20px;
top: 10%; }
.component-general-modal .modal-inner .modal-content {
padding: 0px;
background: transparent;
box-shadow: none;
border: none; }
.component-sticky-footer {
text-align: center;
font-size: 11px;
letter-spacing: 1px;
line-height: 1em;
background-color: transparent;
height: 48px;
position: fixed;
z-index: 110;
bottom: 0;
left: 0;
right: 0;
margin-bottom: -48px;
-webkit-transition: margin .6s ease-in-out;
transition: margin .6s ease-in-out; }
.component-sticky-footer.show {
margin-bottom: 0px;
-webkit-transition: margin .4s ease-in-out;
transition: margin .4s ease-in-out;
background-color: transparent; }
.component-sticky-footer .sticky-footer-container {
max-width: 1280px;
margin: 0 auto;
padding: 12px 32px 0; }
.component-sticky-footer .sf-social-links {
display: inline-block;
margin: -3px 0 0px;
padding: 0px; }
.component-sticky-footer .sf-social-links li {
list-style: none;
display: inline-block;
margin-right: 10px; }
.component-sticky-footer .sf-social-links li a {
font-size: 11px; }
.component-sticky-footer .sf-social-links li a img {
height: 25px;
widht: auto; }
.component-sticky-footer .share-btn {
float: left;
margin-right: 30px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 2.6px;
padding: 1px 25px 0 8px;
line-height: 1.71;
color: #79808b;
border-right: 1px solid #ccc; }
.component-sticky-footer .contact-btn {
margin-right: 1px !important;
height: 50px;
width: 240px !important;
font-weight: bold;
font-size: 16px;
border-radius: 0px;
padding: 3px 8px 0;
text-transform: uppercase;
line-height: 1.71;
letter-spacing: 2px;
text-align: center;
color: #ffffff; }
.component-sticky-footer .contact-btn:hover {
color: white;
background: #ff7b1a;
text-decoration: none; }
.component-sticky-footer .contact-btn svg {
fill: white;
position: relative;
top: 2px;
left: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.component-sticky-footer .contact-btn:hover svg {
left: 6px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
@media (max-width: 768px) {
.component-sticky-footer .sf-social-links {
margin: 0px 0 0px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.component-sticky-footer .sticky-footer-container {
padding: 0px; }
.component-sticky-footer .contact-btn {
line-height: 2;
letter-spacing: 1px;
font-size: 18px;
width: 100% !important;
padding: 7px !important; }
.check0 {
width: 100% !important; }
.check1 {
display: none !important; }
.check2 {
display: none !important; } }
@media (max-width: 767px) {
.component-sticky-footer .sticky-footer-container {
padding: 0px; }
.component-sticky-footer .contact-btn {
width: 100% !important;
padding: 7px !important; }
.check0 {
width: 100% !important; }
.check1 {
display: none !important; }
.check2 {
display: none !important; } }
#ShareThisModule {
width: 48px;
background: #d8dadd;
position: fixed;
left: 0;
top: 40%;
z-index: 99999; }
#ShareThisModule .share-icon {
width: 48px;
height: 48px;
float: left;
text-align: center;
font-size: 30px;
color: #767678;
cursor: pointer; }
i.fa.fa-share-alt.share-font-icon {
font-size: 20px; }
#ShareThisModule .share-icon.fa-share-alt {
font-size: 18px; }
#ShareThisModule .share-icon b {
position: absolute;
top: 36px;
left: 6px;
margin: 0;
padding: 0;
font-size: 10.3px;
font-weight: bold;
text-align: left;
color: #79808a; }
#SharethisItems {
width: 100%;
float: left;
margin: 0 0 -100px 0;
height: 0;
padding: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out; }
#ShareThisModule:hover #SharethisItems {
height: auto;
margin: 0;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out; }
#ShareThisModule #SharethisItems li {
height: 48px;
width: 48px;
list-style: none;
padding: 10px 0px;
margin: 0;
border-top: solid 1px #79808a;
text-align: center; }
#ShareThisModule #SharethisItems li span {
cursor: pointer;
margin: 0;
font-size: 18px;
color: #767678;
display: block;
text-align: center; }
#ShareThisModule #SharethisItems li span:hover {
opacity: 0.7; }
@media (max-width: 992px) {
#ShareThisModule {
display: none; } }
.simple-navigation {
height: 68px;
z-index: 2;
position: fixed;
top: 0;
width: 100%;
left: 0;
box-shadow: 0 2px 11px 5px rgba(0, 0, 0, 0.2);
background-color: #121b1f;
border-bottom: 1px solid #C9CDD2; }
.component-simple-navigation {
height: inherit;
width: 100%;
max-width: 1280px;
position: relative;
margin: 0 auto; }
.component-simple-navigation img {
width: 100%;
height: 100%; }
.component-simple-navigation .logo-nav {
text-align: left; }
.component-simple-navigation .logo-nav .hero-logo {
width: 140px;
height: 60px;
position: absolute;
top: 4px; }
.component-simple-navigation .logo-nav .btn.btn-orange {
position: absolute;
text-align: center;
letter-spacing: 2.2px;
line-height: 1.2;
font-size: 20px;
font-weight: bold;
padding: 11px 15px;
width: 225px;
color: #ff6600;
background-color: white;
height: 48px;
border-radius: 3px;
border: solid 1px #ff6600;
right: 60px;
top: -200px;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; }
@media (max-width: 1200px) {
.component-simple-navigation .logo-nav {
padding-left: 4%; } }
@media (max-width: 992px) {
.simple-navigation {
height: 60px; }
.component-simple-navigation .logo-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0px; }
.component-simple-navigation .logo-nav .hero-logo {
height: 50px; }
.component-simple-navigation img {
width: 100%;
height: 100%; } }
@media (min-width: 992px) {
.component-simple-navigation.showbtn .btn.btn-orange {
right: 60px;
top: 10px;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; } }
.component-mega-banner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.component-mega-banner .mega-breadcrumb-custheight {
max-width: 1280px;
margin: 0px auto;
padding-bottom: 20px; }
@media (max-width: 767px) {
.component-mega-banner .mega-breadcrumb-custheight {
padding-bottom: 0px; } }
.component-mega-banner .mega-breadcrumb-custheight .component-background .container {
padding-left: 0px; }
.component-mega-banner .mega-breadcrumb-custheight .component-background .container .component-breadcrumbs.pub {
top: 80px;
position: absolute; }
@media (max-width: 767px) {
.component-mega-banner .mega-breadcrumb-custheight .component-background .container .component-breadcrumbs.pub {
display: none; } }
@media (min-width: 768px) and (max-width: 1023px) {
.component-mega-banner .mega-breadcrumb-custheight .component-background .container .component-breadcrumbs.pub {
padding-left: 6px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px; } }
@media (min-width: 1024px) and (max-width: 1199px) {
.component-mega-banner .mega-breadcrumb-custheight .component-background .container .component-breadcrumbs.pub {
padding-left: 15px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px; } }
@media (min-width: 1200px) and (max-width: 1280px) {
.component-mega-banner .mega-breadcrumb-custheight .component-background .container .component-breadcrumbs.pub {
padding-left: 22px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px; } }
@media (min-width: 1281px) {
.component-mega-banner .mega-breadcrumb-custheight .component-background .container .component-breadcrumbs.pub {
padding: 0px 0px; } }
.component-mega-banner .mega-breadcrumb-autoheight {
max-width: 1280px;
margin: 0px auto; }
.component-mega-banner .mega-breadcrumb-autoheight .component-background .container {
padding-left: 0px; }
@media (max-width: 767px) {
.component-mega-banner .mega-breadcrumb-autoheight .component-background .container .component-breadcrumbs.pub {
display: none; } }
@media (min-width: 768px) and (max-width: 1023px) {
.component-mega-banner .mega-breadcrumb-autoheight .component-background .container .component-breadcrumbs.pub {
padding-left: 6px;
padding-top: 30px;
padding-right: 0px;
padding-bottom: 30px; } }
@media (min-width: 1024px) and (max-width: 1199px) {
.component-mega-banner .mega-breadcrumb-autoheight .component-background .container .component-breadcrumbs.pub {
padding-left: 15px;
padding-top: 30px;
padding-right: 0px;
padding-bottom: 30px; } }
@media (min-width: 1200px) and (max-width: 1280px) {
.component-mega-banner .mega-breadcrumb-autoheight .component-background .container .component-breadcrumbs.pub {
padding-left: 22px;
padding-top: 30px;
padding-right: 0px;
padding-bottom: 30px; } }
@media (min-width: 1281px) {
.component-mega-banner .mega-breadcrumb-autoheight .component-background .container .component-breadcrumbs.pub {
padding: 30px 0px; } }
.component-mega-banner .vert-mar-top--sm {
margin-top: -25px !important; }
.component-mega-banner .vert-mar-top--md {
margin-top: -65px !important; }
.component-mega-banner .vert-mar-top--xl {
margin-top: -90px !important; }
.component-mega-banner .mega-cta {
margin-top: 40px; }
.component-mega-banner.v-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start; }
.component-mega-banner.v-center {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center; }
.component-mega-banner.v-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end; }
.component-text.text-block.light h1 {
font-weight: 300;
font-style: normal;
letter-spacing: .005em; }
.component-text.text-block.light h2 {
font-weight: 300;
font-style: normal;
line-height: 1.07em;
letter-spacing: -.005em; }
.component-text.text-block.light h3 {
font-weight: 300;
font-style: normal;
line-height: 1.2em; }
.component-text.text-block.bold h1 {
font-weight: 700;
font-style: normal;
line-height: 1.1em; }
.component-text.text-block.bold h2 {
font-weight: 700;
font-style: normal;
line-height: 1.2em;
letter-spacing: -.005em; }
.component-text.text-block.bold h3 {
font-weight: 700;
font-style: normal;
line-height: 1.2em; }
.component-text.text-block.medium h1 {
font-weight: 600;
font-style: normal;
letter-spacing: .005em; }
.component-text.text-block.medium h2 {
font-weight: 600;
font-style: normal;
line-height: 1.2em;
letter-spacing: -.005em; }
.component-text.text-block.medium h3 {
font-weight: 600;
font-style: normal;
line-height: 1.2em; }
.component-text.text-block.extra-bold h1 {
font-weight: 800;
font-style: normal;
letter-spacing: .005em; }
.component-text.text-block.extra-bold h2 {
font-weight: 800;
font-style: normal;
line-height: 1.07em;
letter-spacing: -.005em; }
.component-text.text-block.extra-bold h3 {
font-weight: 800;
font-style: normal;
line-height: 1.2em; }
@media (max-width: 1024px) {
.mega-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.mega-left-clm {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; } }
@media (min-width: 1024px) {
.mega-banner .component-mega-banner > .container {
padding: 0px; }
.mega-left-clm {
padding: 0px !important; } }
.txt-jum {
margin-top: 44px;
margin-bottom: -20px; }
@media (max-device-width: 991px) {
.txt-jum {
text-align: center; } }
.component-jump-navigation {
position: fixed;
top: 30%;
right: 0;
background: lightgrey;
z-index: 100000;
width: 250px; }
.component-jump-navigation .jump-head {
background-color: #62b9b1;
padding: 7px;
text-align: center;
height: 50px;
width: 100%; }
.component-jump-navigation .jump-head svg {
fill: white;
position: absolute;
left: 30%;
top: 30%; }
.component-jump-navigation .jump-head span {
position: absolute;
left: 51px;
font-size: 11px;
letter-spacing: 1px;
line-height: 1em;
font-style: normal;
font-size: 14px;
color: #ffffff;
text-align: left;
line-height: 36px;
font-weight: 600; }
.component-jump-navigation .jump-list {
background-color: lightgray;
text-align: left;
}
.component-jump-navigation .jump-list span {
margin-left: 10px; }
.component-jump-navigation .jump-list li {
list-style: none;
font-size: 15px;
letter-spacing: 1px;
line-height: 1em;
font-style: normal;
font-size: 13px;
color: #666666;
line-height: 36px; }
.component-jump-navigation .jump-list a {
color: grey;
text-decoration: none;
font-weight: 700; }
.component-jump-navigation .jump-list a:hover {
}
.component-jump-navigation .jump-list svg {
position: absolute;
left: 20px;
top: 61px;
fill: gray; }
.component-jump-navigation .jump-list li:not(:last-child):after {
content: "";
display: block;
height: 1px;
width: 90%;
margin-left: 0px;
border-bottom: 1px solid #ddd; }
.component-jump-navigation .arrow {
background-color: #62b9b1;
top: 0;
right: 0;
height: 50px;
width: 50px;
position: absolute;
cursor: pointer;
left: 0; }
.component-jump-navigation .arrow:hover {
}
.component-jump-navigation .arrow-open:hover {
}
.component-jump-navigation .arrow-open {
background: #62b9b1;
top: 30%;
right: 0;
height: 50px;
width: 50px;
position: fixed;
cursor: pointer; }
.component-jump-navigation .arrow-open svg {
fill: white;
position: absolute;
left: 30%;
top: 30%; }
@media (max-width: 414px) {
.component-jump-navigation .arrow-open {
display: none !important; }
.component-jump-navigation .jump-head {
display: block !important; }
.component-jump-navigation {
top: 0 !important;
width: 100%; }
.component-jump-navigation .jump-list {
margin-left: 5% !important; }
.component-jump-navigation .jump-head {
width: inherit !important;
height: 60px !important;
text-align: left; }
.component-jump-navigation .jump-list svg {
left: 10% !important;
top: 40%; }
.component-jump-navigation .arrow {
height: 60px !important;
width: 60px !important;
right: 0 !important;
left: initial; }
.component-jump-navigation .jump-head svg {
left: 38% !important; }
.component-jump-navigation .jump-list li {
font-size: 15px; }
.component-jump-navigation .jump-list li:not(:last-child):after {
content: "";
display: block;
height: 1px;
width: 70%;
margin-left: 0px;
border-bottom: 1px solid #ddd; }
.component-jump-navigation {
position: relative !important;
top: initial !important;
left: initial !important; }
.component-jump-navigation.sticky {
position: fixed !important;
top: 0 !important;
left: 0 !important; }
.simple-navigation.absolute {
position: absolute; }
.component-simple-navigation.absolute {
position: absolute; } }
.multi-tabs .component-background {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
@media (min-width: 768px) {
.multi-tabs .component-background {
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%; } }
.tab-content.edit .tab-pane {
display: block !important; }
.component-multi-tabs #tab-header-text {
padding-top: 60px;
padding-bottom: 48px; }
.component-multi-tabs #magic-line {
position: absolute;
left: 0;
bottom: -5px;
height: 5px;
transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out; }
.component-multi-tabs .component-text h2.main-header {
margin-bottom: 35px; }
.component-multi-tabs .nav-tabs > li > a {
padding: 10px 0px !important;
margin: 0px 83px 0px 0px !important;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.5px;
font-size: 16px; }
.component-multi-tabs a.accordion-link.active .angle-down {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: rotateZ(-180deg);
-ms-transform: rotate(-180deg);
transform: rotateZ(-180deg); }
.component-multi-tabs ul.nav.nav-tabs.responsive-tabs.tab-center {
margin: 10px;
position: relative; }
.component-multi-tabs ul.nav.nav-tabs.responsive-tabs.tab-left {
margin: 10px 10px 10px 0px;
position: relative; }
.component-multi-tabs {
}
.component-multi-tabs .tab-center {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.component-multi-tabs .tab-left {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: left !important;
-webkit-justify-content: left !important;
-ms-flex-pack: left !important;
justify-content: left !important;
left: 120px; }
.component-multi-tabs .component-text h2.light {
font-weight: 100;
font-style: normal; }
.component-multi-tabs .component-text h2.bold {
font-weight: 700;
font-style: normal; }
.component-multi-tabs .component-text h2.medium {
font-weight: 600;
font-style: normal; }
.component-multi-tabs .component-text h2.extra-bold {
font-weight: 900;
font-style: normal; }
.component-multi-tabs .blue-tab {
color: #69b8e2;
border: 0px solid transparent; }
.component-multi-tabs .default-tab {
color: #565D62;
border: 0px solid transparent; }
.component-multi-tabs .orange-tab {
color: #FF6C00;
border: 0px solid transparent; }
.component-multi-tabs .aqua-tab {
color: #84c8c1;
border: 0px solid transparent; }
.component-multi-tabs .purple-tab {
color: #4a4aff;
border: 0px solid transparent; }
.component-multi-tabs .teal-tab {
color: #00ABB4;
border: 0px solid transparent; }
.component-multi-tabs .white-tab {
color: #ffffff;
border: 0px solid transparent; }
.component-multi-tabs .grey-tab {
color: #314054;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.blue-tab {
color: #69b8e2;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.default-tab {
color: #565D62;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.orange-tab {
color: #FF6C00;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.aqua-tab {
color: #84c8c1;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.purple-tab {
color: #4a4aff;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.teal-tab {
color: #00ABB4;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.white-tab {
color: #ffffff;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.grey-tab {
color: #314054;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.blue-tab:hover {
color: #69b8e2;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.default-tab:hover {
color: #565D62;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.orange-tab:hover {
color: #FF6C00;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.aqua-tab:hover {
color: #84c8c1;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.purple-tab:hover {
color: #4a4aff;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.teal-tab:hover {
color: #00ABB4;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.white-tab:hover {
color: #ffffff;
border: 0px solid transparent; }
.component-multi-tabs ul li.active a.grey-tab:hover {
color: #314054;
border: 0px solid transparent; }
.component-multi-tabs ul li#magic-line.default-active {
background: #314054; }
.component-multi-tabs ul li#magic-line.orange-active {
background: #FF6C00; }
.component-multi-tabs ul li#magic-line.aqua-active {
background: #84c8c1; }
.component-multi-tabs ul li#magic-line.blue-active {
background: #69b8e2; }
.component-multi-tabs ul li#magic-line.teal-active {
background: #00ABB4; }
.component-multi-tabs ul li#magic-line.purple-active {
background: #4a4aff; }
.component-multi-tabs ul li#magic-line.grey-active {
background: #314054; }
.component-multi-tabs ul li#magic-line.white-active {
background: #ffffff; }
.component-multi-tabs ul li a.default-active:hover {
font-weight: 600;
color: #314054; }
.component-multi-tabs ul li a.orange-active:hover {
font-weight: 600;
color: #FF6C00; }
.component-multi-tabs ul li a.aqua-active:hover {
font-weight: 600;
color: #84c8c1; }
.component-multi-tabs ul li a.blue-active:hover {
font-weight: 600;
color: #69b8e2; }
.component-multi-tabs ul li a.teal-active:hover {
font-weight: 600;
color: #00ABB4; }
.component-multi-tabs ul li a.purple-active:hover {
font-weight: 600;
color: #4a4aff; }
.component-multi-tabs ul li a.grey-active:hover {
font-weight: 600;
color: #314054; }
.component-multi-tabs ul li a.white-active:hover {
font-weight: 600;
color: #ffffff; }
.component-multi-tabs .nav-tabs {
border-bottom: 0px solid #ddd; }
.component-multi-tabs .nav-tabs > li > a {
border: 0px solid transparent; }
.component-multi-tabs .nav-tabs > li.active > a, .component-multi-tabs .nav-tabs > li.active > a:focus, .component-multi-tabs .nav-tabs > li.active > a:hover {
border: 0px solid #ddd;
background-color: transparent;
font-weight: 600;
-webkit-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out; }
.component-multi-tabs .angle-down {
float: right; }
.component-multi-tabs .responsive-tabs-container .accordion-link {
display: none;
margin-bottom: 10px;
padding: 10px 15px;
background-color: #f5f5f5;
border: 1px solid #ddd;
color: #333; }
@media only screen and (min-width: 768px) {
.component-multi-tabs .angle-down {
display: none !important; }
.component-multi-tabs .responsive-tabs-container .tab-pane {
margin-bottom: 15px; }
.component-multi-tabs .responsive-tabs-container .accordion-link {
display: none;
margin-bottom: 10px;
padding: 10px 15px;
background-color: #f5f5f5;
border: 1px solid #ddd;
color: #333; } }
@media (max-width: 767px) {
.component-multi-tabs .responsive-tabs-container.accordion-xs .nav-tabs {
display: none !important; }
.component-multi-tabs .responsive-tabs-container.accordion-xs .accordion-link {
display: block; }
.component-multi-tabs .tab-pane.active {
border: 1px solid #ddd;
margin-bottom: 10px; }
.component-multi-tabs a.accordion-link.active {
margin-bottom: 0px !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.component-multi-tabs .nav-tabs > li > a {
padding: 10px 0px !important;
margin: 0px 40px 0px 0px !important; }
.component-multi-tabs .responsive-tabs-container.accordion-sm .nav-tabs {
display: none; }
.component-multi-tabs .responsive-tabs-container.accordion-sm .accordion-link {
display: block; } }
@media (min-width: 992px) and (max-width: 1199px) {
.component-multi-tabs .responsive-tabs-container.accordion-md .nav-tabs {
display: none; }
.component-multi-tabs .responsive-tabs-container.accordion-md .accordion-link {
display: block; } }
@media (min-width: 1200px) {
.component-multi-tabs .responsive-tabs-container.accordion-lg .nav-tabs {
display: none; }
.component-multi-tabs .responsive-tabs-container.accordion-lg .accordion-link {
display: block; } }
@media (max-width: 992px) {
.component-multi-tabs .tab-left {
left: 25px; } }
@media (max-width: 1200px) and (min-width: 1024px) {
.component-multi-tabs .tab-left {
left: 55px; } }
@media (min-width: 1200px) {
.component-rss-feeds {
padding-right: 15px; } }
.component-rss-feeds .feedEkList {
list-style: none outside none;
padding: 0;
line-height: 1.2em; }
.component-rss-feeds .feedEkList li {
border-bottom: 1px solid #c9cdd2;
padding: 5px; }
.component-rss-feeds .feedEkList li:last-child {
border-bottom: none; }
.component-rss-feeds .itemTitle a {
text-decoration: none;
text-align: left;
font-size: 15px;
font-weight: 600;
line-height: 1.5; }
.component-rss-feeds .itemTitle a:hover {
text-decoration: underline; }
.component-rss-feeds .itemDate {
font-size: 14px;
font-weight: 450;
line-height: 2.71;
letter-spacing: normal;
text-align: left; }
.component-rss-feeds .itemContent p {
font-size: 14px; }
.component-rss-feeds .itemContent.white-text p {
color: #ffffff; }
.component-rss-feeds .itemTitle a.white-text:hover {
color: #FFFFFF !important; }
.component-rss-feeds .itemTitle a.dark-text:hover {
color: #222222 !important; }
@media (min-width: 320px) and (max-width: 1024px) {
.rss-feeds .component-background .container {
padding-left: 0px;
padding-right: 0px; } }
.component-gated-marketo-form {
background-color: #ffffff !important;
}
.component-gated-marketo-form input {
width: 363px !important;
height: 44px;
border-radius: 3px;
background-color: #ffffff;
border: solid 1px #c6c9cc;
margin-left: 15px; }
.component-gated-marketo-form #firefox-marketo {
position: absolute;
top: 12%;
left: 10%; }
.component-gated-marketo-form select {
border: solid 1px #c6c9cc;
font: 14px/120% inherit;
height: 44px;
border-radius: 3px;
width: 363px !important;
box-shadow: none;
background: #fff url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/images/select-arrow.png) no-repeat 96% center;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
padding: 0 6px;
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
background-position: -webkit-calc(100% - 20px) -webkit-calc(1em + 2px), -webkit-calc(100% - 15px) -webkit-calc(1em + 2px), -webkit-calc(100% - 2.5em) 0.5em;
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px,
5px 5px,
1px 0.0em;
background-repeat: no-repeat; }
.component-gated-marketo-form form[id^='mktoForm_'] {
width: 394px !important;
background-color: #ffffff !important; }
.component-gated-marketo-form .disable-disclaimer {
display: none; }
.component-gated-marketo-form .source {
font-size: 12px;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: 0px;
text-align: left;
color: #404a59;
padding-left: 29px;
padding-right: 10px;
width: 394px;
background-color: #ffffff; }
.component-gated-marketo-form .mktoForm .mktoRadioList > input, .component-gated-marketo-form .mktoForm .mktoCheckboxList > input {
margin-top: 2px !important; }
.component-gated-marketo-form .mktoCheckboxList {
width: 30px !important;
margin-top: -10px;
margin-left: -20px !important;
font-size: 11px; }
.component-gated-marketo-form .mktoHtmlText.mktoHasWidth {
margin-top: 6px; }
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
.component-gated-marketo-form input, .component-gated-marketo-form select {
width: 306px !important; }
.component-gated-marketo-form .mktoForm .mktoButtonWrap.mktoRound button.mktoButton {
width: 306px !important; }
.component-gated-marketo-form .source {
width: 306px !important; } }
@media only screen and (max-width: 1023px) and (min-width: 767px) {
.component-gated-marketo-form .mktoCheckboxList {
width: 70% !important; }
.component-gated-marketo-form .source {
padding-right: 0px;
width: 579px !important;
padding-top: 41px !important; } }
@media only screen and (max-width: 480px) and (min-width: 320px) {
.component-gated-marketo-form .mktoForm .mktoRadioList > label, .component-gated-marketo-form .mktoForm .mktoCheckboxList > label {
padding-left: 19px !important; }
.component-gated-marketo-form .source {
width: 337px !important; }
.component-gated-marketo-form .mktoCheckboxList {
width: 100% !important;
margin-left: -8px !important;
font-size: 11px;
margin-top: 5px !important; }
.component-gated-marketo-form form[id^='mktoForm_'] {
width: 100% !important;
margin-left: 15px !important; }
.component-gated-marketo-form .mktoHtmlText.mktoHasWidth {
margin-top: -30px !important;
margin-left: 25px !important; } }
.component-gated-marketo-form .mktoForm .mktoRadioList > label, .component-gated-marketo-form .mktoForm .mktoCheckboxList > label {
margin-left: 0.5em;
margin-top: 0.1em;
margin-bottom: 0.3em;
line-height: 1.2em;
display: block;
padding-left: 34px;
min-height: 12px; }
.component-gated-marketo-form .mktoForm .mktoCheckboxList > input {
padding: 0;
height: 15px;
width: 25px !important; }
.component-gated-marketo-form .mktoHtmlText.mktoHasWidth {
width: 300px !important;
font-size: 12px;
font-style: normal;
font-stretch: normal;
line-height: 1.33;
letter-spacing: 0px;
text-align: left;
color: #404a59; }
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
.component-gated-marketo-form .mktoHtmlText.mktoHasWidth {
width: 290px !important; } }
.component-gated-marketo-form .mktoFormRow select option {
color: #979798 !important; }
.component-gated-marketo-form .mktoForm .mktoButtonWrap.mktoRound button.mktoButton {
height: 48px;
background: #ff6600;
width: 363px;
margin-left: -98px;
letter-spacing: 2.2px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
border-radius: 26px;
border: 2px solid #ff6c00; }
.component-gated-marketo-form .mktoForm .mktoButtonWrap.mktoRound button.mktoButton:hover {
border-radius: 26px;
box-shadow: 0 8px 4px 0 rgba(18, 27, 31, 0.16); }
@media (min-width: 992px) {
.component-gated-marketo-form .line {
width: 2px;
height: auto;
border-left: solid 1px #dddddd; } }
.component-gated-marketo-form .mktoForm .mktoLabel {
padding: 10px 0 0 10px;
width: 100% !important;
position: relative;
text-align: left;
color: #999999; }
@media (min-width: 768px) and (max-width: 1023px) {
.component-gated-marketo-form .mktoForm .mktoButtonWrap.mktoRound button.mktoButton {
width: 363px;
margin-left: -98px !important;
position: absolute; } }
.component-gated-marketo-form .mktoForm .mktoRequiredField .mktoAsterix {
display: none; }
@media only screen and (max-device-width: 992px) and (min-device-width: 320px) {
.component-gated-marketo-form .line {
border-left: solid 1px #FFFFFF; }
.component-gated-marketo-form .mktoForm input[type=text], .component-gated-marketo-form .mktoForm input[type=url], .component-gated-marketo-form .mktoForm input[type=email], .component-gated-marketo-form .mktoForm input[type=tel], .component-gated-marketo-form .mktoForm input[type=number], .component-gated-marketo-form .mktoForm input[type=date], .component-gated-marketo-form .mktoForm textarea.mktoField, .component-gated-marketo-form .mktoForm select.mktoField {
padding: 2px 3px;
width: 250px;
height: 40px; }
.component-gated-marketo-form .mktoForm .mktoButtonWrap.mktoRound button.mktoButton {
height: 48px;
background: #ff6600;
width: 363px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
border-radius: 26px;
border: 2px solid #ff6c00; }
.component-gated-marketo-form .mktoForm .mktoButtonWrap.mktoRound button.mktoButton:hover {
border-radius: 26px;
box-shadow: 0 8px 4px 0 rgba(18, 27, 31, 0.16); }
.component-gated-marketo-form .mktoForm .mktoFieldWrap {
float: left; } }
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
.component-gated-marketo-form input, .component-gated-marketo-form select, .component-gated-marketo-form .mktoForm .mktoButtonWrap.mktoRound button.mktoButton {
width: 328px !important;
margin-left: 0px;
height: 44px;
margin-top: 10px; }
.component-gated-marketo-form .vert-pad-top-md {
margin-top: 0 !important; }
.component-gated-marketo-form span.mktoButtonWrap.mktoRound {
margin-left: 0 !important; } }
@media only screen and (max-width: 480px) {
.component-gated-marketo-form .mktoForm .mktoFormRow .mktoFormCol {
min-height: 0em !important; } }
.montserrat-font .component-gated-marketo-form .mktoForm * {
font-family: Montserrat;
font-weight: 400; }
.roboto-font .component-gated-marketo-form .mktoForm * {
font-family: roboto; }
.component-twitter-feed .component-text {
margin-bottom: 15px; }
.component-twitter-feed .component-text:before, .component-twitter-feed .component-text:after {
content: " ";
clear: both;
display: block;
height: 0px;
width: 100%; }
.component-twitter-feed .component-text h3 {
width: auto;
float: left;
margin: 0; }
.component-twitter-feed .component-text a {
float: left;
color: #121b1f;
margin: 7px 0 0 15px; }
.component-twitter-feed .component-text a:hover {
color: #77CC5B; }
.component-tiles {
height: 256px;
}
.component-tiles .tile-content-holder {
height: 272px;
padding: 32px; }
.component-tiles.left {
text-align: left; }
.component-tiles.center {
text-align: center; }
.component-tiles.right {
text-align: right; }
.component-tiles .btn.btn-link svg {
position: absolute;
top: 9px;
right: 0px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.component-tiles .component-text {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 48px; }
.component-tiles .feature-head {
font-size: 12px;
display: inline-block;
padding: 8px 16px 8px 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
margin: 15px; }
.component-tiles .feature-head.default-stroke {
outline: 1.8px solid #000 !important;
outline-offset: -2px !important; }
.component-tiles .feature-head.default-stroke:hover {
outline: 2px solid #000 !important;
outline-offset: -3px !important; }
.component-tiles .feature-head.no-stroke {
border: 0px !important;
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 0px !important; }
.component-tiles .feature-head.no-stroke:hover {
border: 0px !important;
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 0px !important; }
.component-tiles .feature-head.white-stroke {
border-radius: 3px !important;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18) !important;
outline: 1.8px solid #ffffff !important;
outline-offset: -4px !important; }
.component-tiles .feature-head.white-stroke:hover {
border-radius: 3px !important;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18) !important;
outline: 2px solid #ffffff !important;
outline-offset: -3px !important; }
.component-tiles .feature-head.grey-stroke {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 1.8px solid #314054;
outline-offset: -4px; }
.component-tiles .feature-head.grey-stroke:hover {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 2px solid #314054;
outline-offset: -3px; }
.component-tiles .feature-head.orange-stroke {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 1.8px solid #ff6600;
outline-offset: -4px; }
.component-tiles .feature-head.orange-stroke:hover {
border-radius: 3px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
outline: 2px solid #ff6600;
outline-offset: -3px; }
.component-tiles .primary-title {
height: 56px;
width: 223px; }
.component-tiles .primary-title h2 {
font-size: 22.2px;
letter-spacing: normal;
line-height: normal;
font-weight: bold; }
.component-tiles .secondary-title {
height: 40px;
width: 244px;
font-size: 17.8px;
padding-top: 8px;
font-weight: 300;
line-height: normal; }
.component-tiles .tile-cta {
padding-top: 32px; }
.component-tiles .tile-cta-text {
width: auto;
height: auto;
font-size: 14.8px;
font-weight: bold;
line-height: 1.71;
letter-spacing: 1.8px;
padding: 4px 16px 4px 16px;
font-style: normal;
font-stretch: normal; }
.component-tiles .feature-head {
display: inline-block;
margin: 0px 0 0 0; }
.component-tiles .feature-head.btn-link {
text-align: left; }
.component-tiles .feature-head:first-child:last-child {
margin: 0 0; }
.component-tiles .feature-head:first-child {
margin: 0 0; }
.component-tiles .feature-head.white-text {
color: #fff; }
.component-tiles .feature-head.white-text .chev {
fill: #fff !important; }
.component-tiles .feature-head.dark-text {
color: #121b1f !important; }
.component-tiles .feature-head.dark-text .chev {
fill: #121b1f !important; }
.component-tiles .feature-head.orange-text {
letter-spacing: 2px;
text-align: center;
color: #ff6600; }
.component-tiles .feature-head.orange-text .chev {
fill: #ff6600 !important; }
.component-tiles .feature-head.blue-text {
letter-spacing: 2px;
text-align: center;
color: #47b1e1 !important; }
.component-tiles .feature-head.blue-text .chev {
fill: #47b1e1 !important; }
.component-tiles .feature-head.aqua-text {
letter-spacing: 2px;
text-align: center;
color: #62b9b1; }
.component-tiles .feature-head.aqua-text .chev {
fill: #62b9b1 !important; }
@media (max-width: 768px) {
.component-tiles .feature-head {
display: inline-block;
margin: 0 0 0 5px; } }
@media (max-width: 768px) {
.component-tiles .feature-head {
display: inline-block;
margin: 0 0 0 5px; } }
.component-video-banner .video-container {
position: relative;
line-height: 0.2; }
.component-video-banner .component-cta-button a {
margin-left: 10px;
margin-bottom: 10px; }
.component-video-banner .component-cta-button .btn:first-child {
margin-bottom: 10px; }
@media (min-width: 1024px) {
.component-video-banner .component-cta-button .btn:first-child {
margin-left: 10px; } }
.component-video-banner video {
width: 100%;
object-fit: initial;
-webkit-filter: brightness(0.8);
filter: brightness(0.8); }
@media (min-width: 1621px) {
.component-video-banner video {
object-fit: cover;
object-position: top;
height: 100vh; } }
.component-video-banner .overlay-desccenter {
background: transparent;
position: absolute;
top: 49%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
text-align: center;
width: 70%; }
.component-video-banner .overlay-descleft {
max-width: 1280px;
background: transparent;
position: absolute;
top: 49%;
left: 4%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left; }
@media (min-width: 1281px) {
.component-video-banner .overlay-descleft {
left: 0;
right: 0;
margin: 0 auto; } }
@media (min-width: 1200px) and (max-width: 1280px) {
.component-video-banner .overlay-descleft {
left: 20px; } }
.component-video-banner .overlay-desccenter img {
margin-bottom: 56px; }
.component-video-banner .overlay-desccenter p.video-logo {
margin-bottom: 0px; }
.component-video-banner .video-heading {
font-size: 56px;
font-weight: bold;
text-shadow: 0 2px 1px rgba(18, 27, 31, 0.3);
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: 0.2px;
margin: 0px 0px 32px 0px !important; }
.component-video-banner .video-heading.logo-true {
font-size: 48px;
line-height: normal; }
.component-video-banner .video-heading-swap {
font-size: 56px;
font-weight: bold;
text-shadow: 0 2px 1px rgba(18, 27, 31, 0.3);
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: 0.2px;
margin: 0px 0px 32px 0px !important; }
.component-video-banner .video-heading-swap.logo-true {
font-size: 48px;
line-height: normal; }
.component-video-banner .video-description {
text-shadow: 0 2px 4px rgba(18, 27, 31, 0.3);
font-size: 26px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
margin-bottom: 32px; }
.component-video-banner .video-description-swap {
text-shadow: 0 2px 4px rgba(18, 27, 31, 0.3);
font-size: 26px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
margin-bottom: 32px; }
@media (max-width: 767px) and (min-width: 321px) {
.component-video-banner video {
display: none; }
.component-video-banner .overlay-desccenter img {
margin-bottom: 32px; }
.component-video-banner .video-heading {
font-size: 28px;
line-height: 1.21;
letter-spacing: normal;
margin: 0px 0px 24px 0px !important; }
.component-video-banner .video-heading.logo-true {
font-size: 26px;
line-height: 1.31;
letter-spacing: normal;
margin: 0px 0px 24px 0px !important; }
.component-video-banner .video-heading-swap {
font-size: 28px;
line-height: 1.21;
letter-spacing: normal;
margin: 0px 0px 24px 0px !important; }
.component-video-banner .video-heading-swap.logo-true {
font-size: 26px;
line-height: 1.31;
letter-spacing: normal;
margin: 0px 0px 24px 0px !important; }
.component-video-banner .video-description {
font-size: 16px;
line-height: 1.38;
margin-bottom: 24px; }
.component-video-banner .video-description-swap {
font-size: 16px;
line-height: 1.38;
margin-bottom: 24px; } }
@media (max-width: 812px) and (min-width: 375px) and (orientation: landscape) {
.component-video-banner video {
display: none; } }
@media (max-width: 991px) and (min-width: 768px) {
.component-video-banner .overlay-desccenter img {
margin-bottom: 32px; }
.component-video-banner .video-heading {
font-size: 48px;
letter-spacing: 0.5px;
margin: 0px 0px 24px 0px !important; }
.component-video-banner .video-heading-swap {
font-size: 48px;
letter-spacing: 0.5px;
margin: 0px 0px 24px 0px !important; }
.component-video-banner video {
height: 100%; }
.component-video-banner .video-description {
font-size: 26px;
text-shadow: 0 2px 2px #000, 0 4px 4px #333, 0 6px 6px #777;
margin-bottom: 24px; }
.component-video-banner .video-description-swap {
font-size: 26px;
text-shadow: 0 2px 2px #000, 0 4px 4px #333, 0 6px 6px #777;
margin-bottom: 24px; } }
.component-back-to-top .backToTop {
display: none;
position: fixed;
bottom: 90px;
right: 30px;
z-index: 99;
cursor: pointer;
padding: 15px;
border-radius: 4px; }
@media (max-width: 480px) and (min-width: 320px) {
.component-back-to-top .fa-3x {
font-size: 2em !important; }
.component-back-to-top .backToTop {
right: 0px !important; } }
.component-stickynav {
position: relative;
width: 100%;
background-color: #e0e2e8;
box-shadow: 0 2px 5px 1px rgba(18, 27, 31, 0.25); }
.component-stickynav .sticky-container {
position: relative;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 1280px;
margin: 0 auto; }
.component-stickynav .sticky-header ul > li:first-of-type {
margin-left: 0px; }
.component-stickynav .sticky-container ul li a.active {
color: #121b1f !important;
font-weight: 600 !important; }
.component-stickynav .sticky-header #sticky-magic-line.teal-active {
background: #00ABB4; }
.component-stickynav .sticky-header #sticky-magic-line.orange-active {
background: #ff6c00; }
.component-stickynav .sticky-header #sticky-magic-line.meteor-active {
background: #36475a; }
.component-stickynav .sticky-header #sticky-magic-line.indigo-active {
background: #4a4aff; }
.component-stickynav .sticky-header #sticky-magic-line {
background: #ff6c00;
position: absolute;
left: 0px;
bottom: -1px;
height: 5px;
transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out; }
.component-stickynav .sticky-right {
margin: 13px 20px;
width: 100%;
text-align: right; }
.component-stickynav ul {
list-style-type: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 23px 0px;
padding: 0px; }
.component-stickynav .sticky-header {
z-index: 100;
margin: 0 auto;
height: 64px;
border: solid 1px rgba(213, 215, 218, 0.25);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #fff; }
.component-stickynav .sticky-header ul li {
margin: 0 25px;
color: #848a8f;
font-size: 13px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.18px; }
.component-stickynav .sticky-header ul li a {
font-size: 14px;
font-weight: 600;
text-decoration: none;
color: #848a8f;
white-space: nowrap; }
.component-stickynav .sticky {
position: fixed;
top: 68px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 100%;
background-color: #e0e2e8;
box-shadow: 0 2px 5px 1px rgba(18, 27, 31, 0.25);
background-color: #fff; }
.stickynav .component-cta-button .btn-rounded-corner {
padding-top: 7px !important;
padding-bottom: 8px !important;
padding-right: 28px !important;
padding-left: 28px !important;
letter-spacing: 0px !important;
box-shadow: none !important;
position: relative;
z-index: 1000000; }
@media (max-width: 1200px) and (min-width: 321px) {
.component-stickynav {
display: none; } }
@media (min-width: 1200px) {
.stickynav-footer {
display: none; } }
@media (max-width: 1200px) and (min-width: 768px) {
.stickynav-footer {
display: block; } }
@media (max-width: 1024px) and (min-width: 321px) {
.stickynav {
margin-top: 0px !important; }
.stickynav-footer {
display: block; }
.stickynav-footer a.btn {
color: #ffffff !important; }
.stickynav .stickynav-footer.teal-active {
background-color: #00ABB4; }
.stickynav .stickynav-footer {
margin-bottom: 0;
text-align: center;
font-size: 11px;
line-height: 1.71;
letter-spacing: 2px;
background-color: #ff6c00;
height: 48px;
position: fixed;
z-index: 110;
bottom: 0;
left: 0;
right: 0;
margin: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.stickynav .component-cta-button .btn-rounded-corner {
border-radius: unset;
border: unset;
box-shadow: none !important;
padding-top: 13px !important; }
.sticky-arrow {
height: auto;
position: relative;
bottom: 3px;
left: -20px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.stickynav .stickynav-footer.indigo-active {
background-color: #4a4aff; }
.stickynav .stickynav-footer.meteor-active {
background-color: #36475a; }
.stickynav .stickynav-footer.orange-active {
background-color: #ff6c00; } }
@media (min-width: 320px) and (max-width: 1024px) {
.component-engagement-menu {
display: none; } }
.component-engagement-menu .engagement-main {
position: fixed;
top: 235px;
z-index: 999999;
width: auto;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
.component-engagement-menu ul.menu {
overflow: hidden;
display: inline-block;
font-size: 0;
list-style: none;
max-width: 100%;
-webkit-transform: translateX(800px);
-ms-transform: translateX(800px);
transform: translateX(800px); }
.component-engagement-menu ul.menu li {
display: list-item;
pointer-events: auto;
-webkit-transition: all .5s;
transition: all .5s;
box-shadow: -1px 1px 6px 0 rgba(0, 0, 0, 0.15);
border: solid 0.5px #ffffff;
border-right-width: 0px !important;
opacity: 1;
padding: 10px 14px;
margin: 7px 0px; }
.component-engagement-menu ul.menu li.dark-grey-bg {
background-color: rgba(50, 62, 72, 0.95);
}
.component-engagement-menu ul.menu li a {
font-size: 12px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.6em;
min-width: 140px;
border: 0;
color: #ffffff;
text-decoration: none;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.component-engagement-menu .collapse {
-webkit-transform: translateX(100%) translateX(-55px);
-ms-transform: translateX(100%) translateX(-55px);
transform: translateX(100%) translateX(-55px); }
.component-engagement-menu .expand {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.component-engagement-menu ul.menu li a i {
font-size: 18px; }
.component-engagement-menu ul.menu li a span {
margin-left: 14px;
margin-top: 4px; }
.component-engagement-menu ul.menu li:hover {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
@media only screen and (min-width: 37.5em) {
.component-engagement-menu .engagement-main {
display: none; } }
@media only screen and (min-width: 64em) {
.component-engagement-menu .engagement-main {
display: block;
left: 100%; }
.component-engagement-menu ul.menu {
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
width: 280px; } }
.component-engagement-menu ul.menu li .sprite-image-definitive, .sprite-image-webinar, .sprite-image-demo,
.sprite-image-community, .sprite-image-contact-engagement, .sprite-image-free-trail, .sprite-image-ebook-engagement,
.sprite-image-calculator, .sprite-image-event, .sprite-image-partner,
.sprite-image-promotion, .sprite-image-video, .sprite-image-blog-icon, .sprite-image-training {
width: 28px;
height: 28px; }
ul.menu li .sprite-image-definitive {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) -28px -56px; }
ul.menu li .sprite-image-webinar {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) 0px 0px; }
ul.menu li .sprite-image-demo {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) 0px -224px; }
.menutitle {
padding: 5px; }
.component-engagement-menu ul.menu li.sprite-image {
display: list-item;
pointer-events: auto;
-webkit-transition: all .5s;
transition: all .5s;
box-shadow: -1px 1px 6px 0 rgba(0, 0, 0, 0.15);
border: solid 0.5px #ffffff;
border-right-width: 0px !important;
opacity: 1;
padding: 10px 2px;
margin: 7px 0px; }
ul.menu li .sprite-image-community {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) 0px -28px; }
ul.menu li .sprite-image-contact-engagement {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) 0px -140px; }
ul.menu li .sprite-image-ebook-engagement {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) -28px -28px; }
ul.menu li .sprite-image-calculator {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) 0px -252px; }
ul.menu li .sprite-image-event {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) 0px -84px; }
ul.menu li .sprite-image-partner {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) 0px -56px; }
ul.menu li .sprite-image-promotion {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) -28px -84px; }
ul.menu li .sprite-image-free-trail {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) -1px -197px; }
ul.menu li .sprite-image-blog-icon {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) 0px -113px; }
ul.menu li .sprite-image-video {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) -28px 0px; }
ul.menu li .sprite-image-training {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) 0px -170px; }
.component-horizontal-resource-card {
}
.component-horizontal-resource-card .resource-container:hover {
box-shadow: 0 2px 47px 0 rgba(0, 0, 0, 0.25);
-webkit-transition: all .3s ease-in-out;
top: -2px; }
.component-horizontal-resource-card .resource-container:hover a {
text-decoration: none; }
.component-horizontal-resource-card .resource-container:hover .cta {
background-color: #ff6c00;
-webkit-transition: all .3s ease-in-out; }
.component-horizontal-resource-card .resource-container:hover .cta .ctaText {
color: #ffffff; }
.component-horizontal-resource-card .resource-container:hover .carat-right {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
transition: all .3s ease;
-webkit-transition: all .3s ease; }
.component-horizontal-resource-card .resource-container:hover .carat-right g {
stroke: #ffffff; }
.component-horizontal-resource-card .resource-container {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 524px;
width: 360px;
border-radius: 18px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
background-color: #ffffff;
position: relative;
overflow: hidden; }
.component-horizontal-resource-card .resource-container .content {
margin: 28px 48px 28px 28px; }
.component-horizontal-resource-card .resource-container .title {
font-size: 12px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.9px;
color: #121b1f; }
.component-horizontal-resource-card .resource-container .heading {
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
margin-top: 18px;
color: #121b1f; }
.component-horizontal-resource-card .resource-container .description {
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
margin-top: 8px;
color: #121b1f; }
.component-horizontal-resource-card .resource-container .image {
height: 245px;
object-fit: contain; }
.component-horizontal-resource-card .resource-container .image img {
height: 100%;
width: 100%; }
.component-horizontal-resource-card .resource-container .cta {
position: absolute;
bottom: 0px;
width: 100%;
height: 82px;
font-size: 16px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal; }
.component-horizontal-resource-card .resource-container .cta .ctaText {
margin-left: 28px;
margin-top: 28px;
position: inherit;
color: #ff6c00;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex; }
.component-horizontal-resource-card .resource-container .cta .ctaText .carat-right {
position: relative;
top: 2px;
left: 2px; }
@media (min-width: 992px) and (max-width: 1096px) {
.component-horizontal-resource-card .resource-container {
height: 500px;
width: 270px !important; }
.component-horizontal-resource-card .resource-container .heading {
font-size: 16px; }
.component-horizontal-resource-card .resource-container .description {
font-size: 15px; }
.component-horizontal-resource-card .resource-container .cta {
font-size: 16px; } }
@media (min-width: 1097px) and (max-width: 1300px) {
.component-horizontal-resource-card .resource-container {
height: 500px;
width: 300px !important; }
.component-horizontal-resource-card .resource-container .heading {
font-size: 16px; }
.component-horizontal-resource-card .resource-container .description {
font-size: 15px; }
.component-horizontal-resource-card .resource-container .cta {
font-size: 16px; } }
@media (max-width: 767px) {
.component-horizontal-resource-card .resource-container {
height: 450px;
width: 300px;
margin: 10px 25px; }
.component-horizontal-resource-card .resource-container .content {
margin: 14px; }
.component-horizontal-resource-card .resource-container .image {
height: 200px; }
.component-horizontal-resource-card .resource-container .title {
font-size: 12px;
letter-spacing: 0.64px; }
.component-horizontal-resource-card .resource-container .heading {
font-size: 18px;
margin-top: 10px; }
.component-horizontal-resource-card .resource-container .description {
font-size: 16px;
line-height: 1.45;
letter-spacing: 0.5px;
margin-top: 5px; }
.component-horizontal-resource-card .resource-container .cta {
height: 52px;
font-size: 16px; }
.component-horizontal-resource-card .resource-container .cta .ctaText {
margin-left: 14px;
margin-top: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
.component-horizontal-resource-card {
padding-left: 25%;
padding-bottom: 5%; } }
.component-fat-footer {
}
.component-fat-footer .footer-container {
padding: 80px 80px; }
.component-fat-footer .footer-container .section-container {
max-width: 1280px;
padding: 0px 80px; }
.component-fat-footer .footer-container .section-container .col-section {
padding: 0px; }
.component-fat-footer .footer-container .section-container .heading {
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.03px;
color: #ffffff;
padding-bottom: 20px; }
.component-fat-footer .footer-container .section-container ul.sectionLinks {
list-style-type: none;
margin: 0px;
padding: 0px;
max-width: 270px; }
.component-fat-footer .footer-container .section-container ul.sectionLinks li {
margin-bottom: 15px;
line-height: 1; }
.component-fat-footer .footer-container .section-container ul.sectionLinks a {
font-size: 12px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: rgba(255, 255, 255, 0.9); }
.component-fat-footer .footer-container .section-container ul.sectionLinks .extraText {
height: 16px;
background-color: #ff6c00;
margin-left: 6px;
padding: 2px 7px;
font-size: 9px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1.64px;
color: #ffffff;
border-radius: 4px 4px 4px 0px; }
.component-fat-footer .footer-container .utility-container {
max-width: 1280px; }
.component-fat-footer .footer-container .utility-container hr {
border: solid 1px #5b6770;
margin: 33px 0px 55px 0px; }
.component-fat-footer .footer-container .utility-container .policyLinks {
padding: 0px;
float: left;
display: flow-root; }
.component-fat-footer .footer-container .utility-container .policyLinks .policyFooterLinks {
padding: 0px;
float: right; }
.component-fat-footer .footer-container .utility-container .policyLinks .policyFooterLinks ul {
padding: 0px; }
.component-fat-footer .footer-container .utility-container .policyLinks .policyFooterLinks li {
display: inline;
margin-right: 30px;
padding: 0px; }
.component-fat-footer .footer-container .utility-container .policyLinks .policyFooterLinks li, .component-fat-footer .footer-container .utility-container .policyLinks .policyFooterLinks a {
font-size: 12px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: rgba(255, 255, 255, 0.9); }
.component-fat-footer .footer-container .utility-container .policyLinks .copyRight {
float: left; }
.component-fat-footer .footer-container .utility-container .policyLinks .copyRight ul {
padding: 0px; }
.component-fat-footer .footer-container .utility-container .policyLinks .copyRight li {
display: inline;
margin-right: 30px;
font-size: 14px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: rgba(255, 255, 255, 0.9); }
.component-fat-footer .footer-container .utility-container .social-links {
padding: 0px;
float: right;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.component-fat-footer .footer-container .utility-container .social-links .socialFooterLinks {
padding: 0px; }
.component-fat-footer .footer-container .utility-container .social-links .socialFooterLinks li {
display: inline-block;
margin-left: 30px;
padding: 0px; }
@media (max-width: 767px) {
.component-fat-footer .footer-container {
padding: 40px 23px; }
.component-fat-footer .footer-container .section-container {
padding: 0px; }
.component-fat-footer .footer-container .section-container .col-section {
padding-bottom: 25px; }
.component-fat-footer .footer-container .section-container ul.sectionLinks a {
font-size: 12px; }
.component-fat-footer .footer-container .utility-container hr {
border: solid 1px #5b6770;
margin: 15px 0px; }
.component-fat-footer .footer-container .utility-container .policyLinks {
float: none;
display: block; }
.component-fat-footer .footer-container .utility-container .policyLinks .policyFooterLinks {
float: none;
padding: 20px 0px; }
.component-fat-footer .footer-container .utility-container .policyLinks .policyFooterLinks li {
display: block;
padding: 10px 0px;
margin-right: 0px; }
.component-fat-footer .footer-container .utility-container .policyLinks .copyRight {
float: none; }
.component-fat-footer .footer-container .utility-container .social-links {
float: none;
display: block; }
.component-fat-footer .footer-container .utility-container .social-links .socialFooterLinks li {
margin-left: 0px;
margin-right: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
.component-fat-footer .footer-container {
padding: 40px 23px; }
.component-fat-footer .footer-container .section-container {
padding: 0px; }
.component-fat-footer .footer-container .section-container .col-section {
padding-bottom: 25px; }
.component-fat-footer .footer-container .section-container ul.sectionLinks a {
font-size: 12px; }
.component-fat-footer .footer-container .utility-container hr {
border: solid 1px #5b6770;
margin: 15px 0px; }
.component-fat-footer .footer-container .utility-container .policyLinks {
float: none;
display: block; }
.component-fat-footer .footer-container .utility-container .policyLinks .policyFooterLinks {
float: none;
padding: 20px 0px; }
.component-fat-footer .footer-container .utility-container .policyLinks .policyFooterLinks li {
display: block;
padding: 10px 0px;
margin-right: 0px; }
.component-fat-footer .footer-container .utility-container .policyLinks .copyRight {
float: none; }
.component-fat-footer .footer-container .utility-container .social-links {
float: none;
display: block; }
.component-fat-footer .footer-container .utility-container .social-links .socialFooterLinks li {
margin-left: 0px;
margin-right: 30px; } }
.socialFooterLinks .sprite-image-twitter {
width: 23px;
height: 27px;
display: block; }
.sprite-image-twitter {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -112px -88px; }
.socialFooterLinks .sprite-image-youtube {
width: 25px;
height: 28px;
display: block; }
.sprite-image-youtube {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -112px -1px; }
.socialFooterLinks .sprite-image-facebook {
width: 25px;
height: 28px;
display: block; }
.sprite-image-facebook {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -112px -29px; }
.socialFooterLinks .sprite-image-linkedin {
width: 25px;
height: 29px;
display: block; }
.sprite-image-linkedin {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) no-repeat -112px -57px; }
.sprite-image-share {
width: 28px;
height: 28px; }
.sprite-image-facebookshare {
width: 28px;
height: 28px; }
.sprite-image-linkedinshare {
width: 28px;
height: 28px; }
.sprite-image-share-twittershare {
width: 28px;
height: 28px; }
.sprite-image-share {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) -28px -196px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle; }
#ShareThisModule #SharethisItems li span.sprite-image-facebookshare {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) -28px -113px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle; }
#ShareThisModule #SharethisItems li span.sprite-image-share-twittershare {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) -28px -168px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle; }
#ShareThisModule #SharethisItems li span.sprite-image-linkedinshare {
background: url(https://www.gigamon.com/content/dam/website-assets/icons/gig-sprite-sheet.svg) -28px -142px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle; }
.component-have-questions {
padding: 60px;
width: 100%; }
@media (max-width: 568px) and (min-width: 320px) {
.component-have-questions {
padding: 60px 10px; } }
.component-have-questions .have-questions-container {
max-width: 1280px;
margin: 0 auto; }
.component-have-questions .have-questions-container .have-questions-form {
max-width: 700px;
margin: 0 auto;
width: 50%;
padding: 20px; }
@media (max-width: 568px) and (min-width: 320px) {
.component-have-questions .have-questions-container .have-questions-form {
width: 100%; } }
.component-have-questions .have-questions-container .have-questions-form .have-questions-disclaimer p {
padding: 12px 10px 0px 10px;
margin-bottom: unset; }
.component-have-questions .have-questions-container .have-questions-form .have-questions-disclaimer a {
color: #FF6C00; }
.component-have-questions .have-questions-container .have-questions-form .white-text {
color: #FFFFFF !important; }
.component-have-questions .have-questions-container .have-questions-form .white-text button.mktoButton {
color: #FFFFFF !important; }
.component-have-questions .have-questions-container .have-questions-form .dark-text {
color: #121b1f !important; }
.component-have-questions .have-questions-container .have-questions-form .dark-text button.mktoButton {
color: #121b1f !important; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm {
width: 100% !important;
text-align: center; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow {
float: left;
margin: 0 20px 0 0;
width: 45%;
clear: none; }
@media (max-width: 568px) and (min-width: 320px) {
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow {
width: 100%; } }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow input, .component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow select {
background-color: #ffffff;
border: solid 1px #979797;
color: #979798;
font-size: 14px;
height: 40px;
width: 270px !important;
margin-top: 4px;
border-radius: 0 !important;
padding: 0px 10px; }
@media (max-width: 1200px) and (min-width: 1024px) {
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow input, .component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow select {
width: 200px !important; } }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow textarea {
margin-top: 4px;
width: 560px !important;
height: 75px;
border: solid 1px #979797;
color: #979798;
font-size: 14px; }
@media (max-width: 768px) and (min-width: 320px) {
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow textarea {
width: 270px !important; } }
@media (max-width: 1200px) and (min-width: 1024px) {
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow textarea {
width: 420px !important; } }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow select option {
color: #979798 !important; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow .mktoLabel {
padding: 10px 0 0 10px;
position: relative;
font-size: 16px;
width: 90% !important; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow select {
color: #ffffff;
font-size: 14px;
height: 40px;
width: 100% !important;
box-shadow: none;
background: #fff no-repeat 96% center;
-moz-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 0 6px; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow mktoFieldDescriptor.mktoFormCol {
width: 100%;
margin-bottom: 18px !important; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow .mktoFieldWrap {
width: 100%; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoFormRow .mktoGutter {
position: absolute; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoButtonRow {
clear: both;
position: relative;
display: block;
margin-left: auto;
margin-top: 50px;
text-align: center !important; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoButtonRow .mktoButtonWrap {
margin-left: 0 !important; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoButtonRow button.mktoButton {
padding: 14px 28px;
background: #ff6c00;
background-color: #ff6c00;
text-transform: uppercase;
font-size: 15px;
font-weight: bold;
text-align: center;
line-height: 16px;
letter-spacing: .34px;
border-radius: 26px;
border: 2px solid #ff6c00;
display: inline-block;
box-shadow: 0 4px 4px 0 rgba(18, 27, 31, 0.16);
background-image: none !important;
margin-top: 10px; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoButtonRow button.mktoButton:hover {
background: #ea6300;
border: 2px solid #ea6300; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoOffset {
display: none !important; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoAsterix {
display: none;
padding-right: 16px;
text-align: right; }
.montserrat-font .component-have-questions .have-questions-container .mktoForm {
font-family: Montserrat !important;
font-weight: 500; }
.roboto-font .component-have-questions .have-questions-container .mktoForm {
font-family: roboto !important;
font-weight: 400; }
.component-have-questions .have-questions-container .have-questions-text h2 {
font-weight: 700;
font-style: normal;
line-height: 1.2em;
letter-spacing: -.005em; }
.component-have-questions .have-questions-container .have-questions-form .mktoForm .mktoButtonRow button.mktoButton:hover {
background: #ea6300;
border: 2px solid #ea6300; }
.component-giga-smart-cube {
border: solid 1px #c9cdd2; }
@media (max-width: 992px) {
.component-giga-smart-cube {
margin: 4px;
height: 240px; } }
.component-giga-smart-cube:hover {
box-shadow: 0 0 8px 0 rgba(18, 27, 31, 0.3);
max-height: 240px;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; }
.component-giga-smart-cube .gigasmartcube-info {
padding: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 60px; }
.component-giga-smart-cube .gigasmartcube-info .gigasmartcube-title p {
font-size: 14px;
margin-bottom: 2px;
font-weight: 500;
line-height: 1.3;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.component-giga-smart-cube .gigasmartcube-info .giagsmartcube-img {
margin-right: 10px; }
.component-giga-smart-cube .gigasmartcube-info .giagsmartcube-img img {
height: 32px;
width: 32px; }
.component-giga-smart-cube .gigasmartcube-description {
padding: 14px;
letter-spacing: normal; }
.component-giga-smart-cube .gigasmartcube-description p {
font-size: 14px;
font-weight: normal;
line-height: 1.43;
letter-spacing: normal;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; }
.component-giga-smart-cube .gigasmartcube-description.edit {
display: block !important; }
@media (min-width: 992px) {
.component-giga-smart-cube .gigasmartcube-description {
display: none; } }
.component-giga-smart-blade {
max-width: 1280px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 30px; }
.component-giga-smart-blade .vtab-content.edit {
display: block !important; }
.component-giga-smart-blade .vtab-maincontent.edit {
width: 70%; }
@media only screen and (min-width: 768px) {
.component-giga-smart-blade .vtab-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.component-giga-smart-blade .vtab-heading {
-webkit-flex-basis: 46%;
-ms-flex-preferred-size: 46%;
flex-basis: 46%;
margin-right: 26px;
min-width: 46%;
overflow-wrap: break-word; }
.component-giga-smart-blade .vtab-descripton p {
margin-top: 15px;
margin-bottom: 0px;
line-height: 1.3;
text-align: right;
margin-right: 16px; }
.component-giga-smart-blade .vtab {
margin-top: 49px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.component-giga-smart-blade .vtab-maincontent {
-webkit-flex-basis: 76%;
-ms-flex-preferred-size: 76%;
flex-basis: 76%;
box-shadow: -13px 0 16px -15px rgba(18, 27, 31, 0.3);
margin-left: -50px;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 40px;
padding-right: 8px;
margin-top: -24px;
min-height: 300px; }
.component-giga-smart-blade .vtab-nav {
overflow-wrap: break-word;
-webkit-flex-basis: 24%;
-ms-flex-preferred-size: 24%;
flex-basis: 24%;
min-width: 24%;
margin-right: 42px; }
.component-giga-smart-blade .vtab-nav a:hover, .component-giga-smart-blade .vtab-nav a:focus {
text-decoration: none; }
.component-giga-smart-blade .vtab-nav a.white-text:hover, .component-giga-smart-blade .vtab-nav a.white-text:focus {
color: #FFFFFF; }
.component-giga-smart-blade .vtab-nav a.dark-text:hover, .component-giga-smart-blade .vtab-nav a.dark-text:focus {
color: #121b1f; }
.component-giga-smart-blade .vtab-nav a.aqua-text:hover, .component-giga-smart-blade .vtab-nav a.aqua-text:focus {
color: #62B9B1; }
.component-giga-smart-blade .vtab-nav a.orange-text:hover, .component-giga-smart-blade .vtab-nav a.orange-text:focus {
color: #FF6C00; }
.component-giga-smart-blade .vtab-nav a.dark-grey-color:hover, .component-giga-smart-blade .vtab-nav a.dark-grey-color:focus {
color: #222222; }
.component-giga-smart-blade .vtab-nav a.grey-color:hover, .component-giga-smart-blade .vtab-nav a.grey-color:focus {
color: #999999; }
.component-giga-smart-blade .vtab-nav a.light-grey-color:hover, .component-giga-smart-blade .vtab-nav a.light-grey-color:focus {
color: #f6f6f6; }
.component-giga-smart-blade .vtab-nav a.white-color:hover, .component-giga-smart-blade .vtab-nav a.white-color:focus {
color: #FFFFFF; }
.component-giga-smart-blade .vtab-nav a.aqua-color:hover, .component-giga-smart-blade .vtab-nav a.aqua-color:focus {
color: #62B9B1; }
.component-giga-smart-blade .vtab-nav a.blue-color:hover, .component-giga-smart-blade .vtab-nav a.blue-color:focus {
color: #1B5071; }
.component-giga-smart-blade .vtab-nav a.hash-color:hover, .component-giga-smart-blade .vtab-nav a.hash-color:focus {
color: #343C40; }
.component-giga-smart-blade .vtab-nav a.orange-color:hover, .component-giga-smart-blade .vtab-nav a.orange-color:focus {
color: #FF6C00; }
.component-giga-smart-blade .vtab-nav a.light-orange-color:hover, .component-giga-smart-blade .vtab-nav a.light-orange-color:focus {
color: rgba(255, 102, 0, 0.1) !important; }
.component-giga-smart-blade .vtab-nav a.light-blue-color:hover, .component-giga-smart-blade .vtab-nav a.light-blue-color:focus {
color: rgba(59, 161, 217, 0.1) !important; }
.component-giga-smart-blade .vtab-nav a.bold-aqua-color:hover, .component-giga-smart-blade .vtab-nav a.bold-aqua-color:focus {
color: #1aafa5; }
.component-giga-smart-blade .vtab-nav a.bold-grey-color:hover, .component-giga-smart-blade .vtab-nav a.bold-grey-color:focus {
color: #5b6770; }
.component-giga-smart-blade .vtab-nav a.ghost-white-color:hover, .component-giga-smart-blade .vtab-nav a.ghost-white-color:focus {
color: #f7f9ff; }
.component-giga-smart-blade .vtab-nav a.quartz-color:hover, .component-giga-smart-blade .vtab-nav a.quartz-color:focus {
color: #e0e2e8; }
.component-giga-smart-blade .vtab-nav a.teal-color:hover, .component-giga-smart-blade .vtab-nav a.teal-color:focus {
color: #00ABB4; }
.component-giga-smart-blade .vtab-nav a.indigo-color:hover, .component-giga-smart-blade .vtab-nav a.indigo-color:focus {
color: #4a4aff; }
.component-giga-smart-blade .vtab-nav a.meteor-color:hover, .component-giga-smart-blade .vtab-nav a.meteor-color:focus {
color: #36475a; }
.component-giga-smart-blade .vtab-nav a.medium-grey-color:hover, .component-giga-smart-blade .vtab-nav a.medium-grey-color:focus {
color: #c9cdd2; }
.component-giga-smart-blade .vtab-nav .vtab-selected {
color: white !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.component-giga-smart-blade .vtab-nav .vtab-navtitle {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.25px;
padding: 16px 14px;
display: block;
text-align: left;
text-decoration: none;
margin-bottom: 8px; }
.component-giga-smart-blade .vtab-content {
display: none; }
.component-giga-smart-blade .vtab-visible {
display: block; }
.component-giga-smart-blade .mnav {
display: none; } }
@media (max-width: 767px) {
.component-giga-smart-blade .vtab-nav {
display: none; }
.component-giga-smart-blade .vtab-descripton {
padding: 10px; }
.component-giga-smart-blade .vtab-heading {
padding: 10px; }
.component-giga-smart-blade .mtab-content {
display: none; }
.component-giga-smart-blade .mtab-visible {
display: block; }
.component-giga-smart-blade .mnav {
position: relative;
margin: 15px 4px; }
.component-giga-smart-blade .mnav .giga-smart-angle-down {
pointer-events: none;
position: absolute;
top: 11px;
right: 10px; }
.component-giga-smart-blade .mnav select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
border-radius: 4px;
border: 2px solid #ffff;
background-color: #ffff; }
.component-giga-smart-blade .mnav select:hover, .component-giga-smart-blade .mnav select:focus {
outline: none;
border: 2px solid #ffff;
border-radius: 4px; }
.component-giga-smart-blade .mnav .mnav-select {
width: 100%;
font-family: inherit;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.23px;
text-transform: uppercase;
padding: 8px; } }
.giga-smart-blade .vtab .meteor-bg {
background: -webkit-gradient(linear, left top, right top, from(#36475A), to(#5c6A79));
background: linear-gradient(to right, #36475A, #5c6A79);
opacity: 90%; }
.giga-smart-blade .vtab .teal-bg {
background-color: #00ABB4 !important; }
.component-giga-smart-blade .vtab-nav a.teal-color {
color: #00ABB4; }
.giga-smart-blade .vtab .indigo-bg {
background-color: #4a4aff !important; }
.component-giga-smart-blade .vtab-nav a.indigo-color {
color: #4a4aff; }
.component-background-image .quotes .component-background .container {
padding-left: 15px;
padding-right: 15px; }
a.component-quote-link {
text-decoration: none; }
a.component-quote-link:hover {
text-decoration: none; }
.component-quotes {
max-width: 1280px;
margin: 0 auto; }
.component-quotes .quote-author .hyphen {
position: relative;
padding-left: 24px; }
.component-quotes .quote-author .hyphen span {
position: absolute;
left: 0;
top: 0; }
.component-quotes .quote-line {
height: 1px;
border: solid 1px #979797;
margin-top: 22px;
margin-bottom: 22px; }
.component-quotes .quotes-left {
display: inline-block; }
@media (min-width: 768px) {
.component-quotes .quotes-right-mobile {
display: none; }
.component-quotes .quotes-left img {
height: 140px;
max-width: 400px; }
.component-quotes .quotes-head {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.component-quotes .quotes-head .quotes-right {
padding-right: 10px; }
.component-quotes .quotes-description blockquote {
font-size: 30px;
font-weight: 400;
quotes: "“" "”";
line-height: 0.4;
border-left: none;
margin: 0px;
padding: 0px; }
.component-quotes .quotes-description blockquote:before {
position: relative;
top: 52px;
font-size: 140px;
content: open-quote; }
.component-quotes .quotes-description h4 {
font-size: 30px;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
line-height: 1.33; }
.component-quotes .quotes-description .quotes-deschead {
font-size: 24px;
line-height: 1.42; }
.component-quotes .quotes-description .quotes-desc {
font-size: 24px;
line-height: 1.46;
letter-spacing: -0.02px;
font-weight: normal;
margin-bottom: 20px;
margin-top: 20px; }
.component-quotes .quotes-source {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.component-quotes .quotes-source.source-padding {
padding-bottom: 40px; }
.component-quotes .quotes-source .source-left p {
font-size: 18px;
font-weight: normal;
line-height: 1.39;
letter-spacing: normal; }
.component-quotes .quotes-source .source-right img {
height: 30px;
width: 140px;
padding-right: 4px; } }
@media (max-width: 767px) {
.component-quotes .quotes-right {
display: none; }
.component-quotes .quotes-left img {
height: 140px;
max-width: 300px; }
.component-quotes .quotes-description blockquote {
font-size: 30px;
font-weight: 400;
quotes: "“" "”";
line-height: 0.4;
border-left: none;
margin: 0px;
padding: 0px; }
.component-quotes .quotes-description blockquote:before {
position: relative;
top: 42px;
font-size: 120px;
content: open-quote; }
.component-quotes .quotes-description .quotes-deschead {
font-size: 18px;
line-height: 1.53;
letter-spacing: -0.01px;
font-weight: normal; }
.component-quotes .quotes-description .quotes-desc {
font-size: 17px;
line-height: 1.53;
letter-spacing: -0.01px;
font-weight: normal;
margin-bottom: 20px;
margin-top: 20px; }
.component-quotes .quotes-description .quote-author p {
font-size: 14px; }
.component-quotes .quotes-source .source-left p {
font-size: 14px; }
.component-quotes .quotes-source .source-right {
float: right; }
.component-quotes .quotes-source .source-right img {
height: 20px;
width: 88px;
margin-top: 14px;
margin-bottom: 24px; } }
.resource-logo .resource-logo-container {
padding: 32px;
border-radius: 6px;
box-shadow: 0 1px 4px 2px rgba(18, 27, 31, 0.15);
background-color: #ffffff; }
.resource-logo img.resource-logo-tile.meteor-text {
filter: drop-shadow(3px 3px 0px #1aafa5);
-webkit-filter: drop-shadow(3px 3px 0px #1aafa5); }
.resource-logo img.resource-logo-tile.orange-text {
filter: drop-shadow(3px 3px 0px #ff6c00);
-webkit-filter: drop-shadow(3px 3px 0px #ff6c00); }
.resource-logo img.resource-logo-tile.indigo-text {
filter: drop-shadow(3px 3px 0px #4a4aff);
-webkit-filter: drop-shadow(3px 3px 0px #4a4aff); }
.resource-logo .resource-logo-description {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
color: #565d62;
height: 70px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 16px; }
.resource-logo .resourcelogo-eyebrowtitle {
font-size: 15px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #929ea6; }
.resource-logo .resource-logo-heading h2 {
font-size: 18px;
height: 50px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: normal;
color: #121b1f;
overflow: hidden; }
.resource-logo .resource-logo-metadata {
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #121b1f;
height: 15px;
margin-bottom: 12px; }
.resource-logo .component-cta-button .btn-link-with-greater-sign:hover {
color: #121b1f !important; }
.resource-logo .component-cta-button .btn-link-with-greater-sign:first-child:last-child {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
color: #121b1f;
padding: 0px; }
.resource-logo .component-cta-button .btn-link-with-greater-sign .carat-right {
top: 2px; }
.resource-logo .resource-logo-container .component-cta-button a.btn.btn-rounded-corner {
margin-top: 20px; }
.resource-logo .component-cta-button .btn-link-with-greater-sign .carat-right #Group {
stroke: #121b1f; }
@media (max-width: 768px) and (min-width: 321px) {
.resource-logo .resource-logo-container {
width: 100%; } }
@media (max-width: 767px) and (min-width: 321px) {
.resource-logo .component-cta-button .btn-link-with-greater-sign:first-child:last-child {
font-size: 15px; }
.resource-logo .component-cta-button .btn-link-with-greater-sign .carat-right {
top: 3px; }
.resource-logo .resource-logo-heading h2 {
font-size: 15px; }
.resource-logo .resource-logo-description {
font-size: 15px; }
.resource-logo .resourcelogo-eyebrowtitle {
font-size: 12px; } }
.resource-logo .logo-section {
height: 48px;
position: relative; }
.resource-logo .logo-section img {
position: relative;
bottom: 0; }
.resource-logo .logo-section span.resourcelogo-eyebrowtitle {
position: relative;
bottom: 0;
padding-left: 24px;
top: 8px; }
.promo-container .eye-brow p {
font-size: 14px;
font-weight: bold;
margin-bottom: 16px; }
.promo-container .rhs-description .component-text p {
font-size: 24px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: normal; }
.promo-container .rhs-logo-container {
width: 360px;
min-height: 328px;
padding: 48px 40px 54px 40px;
border: solid 1px #979797;
position: relative;
overflow: hidden;
border: solid 1px #979797;
margin-top: 24px;
box-shadow: 0 2px 10px 2px rgba(18, 27, 31, 0.3); }
.promo-container .rhs-logo {
margin-bottom: 24px;
object-fit: contain; }
@media (max-width: 768px) and (min-width: 321px) {
.promo-container .rhs-logo-container {
width: 100%; } }
@media (max-width: 767px) and (min-width: 321px) {
.promo-container .rhs-description .component-text p {
font-size: 18px; }
.promo-container .component-cta-button .btn.btn-rounded-corner {
font-size: 13px; } }
@media (max-width: 1200px) and (min-width: 1024px) {
.promo-container .rhs-logo-container {
width: 100%; }
.promo-container .component-cta-button .btn-rounded-corner:first-child:last-child {
width: 100%; }
.promo-container .btn.btn-rounded-corner {
font-size: 12px; } }
.component-logo-tile .logo-tile-container {
border: solid 1px #c9cdd2;
background-color: #fff;
box-shadow: 0 2px 10px 2px rgba(18, 27, 31, 0.15); }
.component-logo-tile .logo-tile img {
padding: 24px;
width: 216px;
height: 216px; }
.component-logo-tile .logo-tile-container:hover {
box-shadow: 0 8px 25px 4px rgba(18, 27, 31, 0.15);
border: solid 1px #929EA6;
-webkit-transition: all .3s ease-in-out; }
.related-pages .content {
padding: 32px; }
.related-pages .related-pages-container {
border-radius: 6px;
box-shadow: 0 1px 4px 2px rgba(18, 27, 31, 0.15);
background-color: #ffffff; }
.related-pages .related-pages-description {
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
color: #565d62;
height: 65px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 16px; }
.related-pages .related-pages-title {
font-size: 13px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #929ea6; }
.related-pages .related-pages-heading {
font-size: 18px;
height: 45px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: normal;
color: #121b1f;
overflow: hidden; }
.related-pages .component-cta-button .btn-link-with-greater-sign:hover {
color: #121b1f !important; }
.related-pages .component-cta-button .btn-link-with-greater-sign:first-child:last-child {
font-size: 18px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
color: #121b1f;
padding: 0px; }
.related-pages .related-pages-container:hover {
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: all .3s ease-in-out; }
.related-pages .related-pages-container:hover a {
text-decoration: none; }
.related-pages .related-pages-container:hover svg {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
transition: all .3s ease;
-webkit-transition: all .3s ease; }
.related-pages .ctatext {
padding-bottom: 10px;
padding-top: 10px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .7px;
font-size: 15px;
line-height: 1.42857; }
@media (max-width: 768px) and (min-width: 321px) {
.related-pages .related-pages-container {
width: 100%; } }
@media (max-width: 767px) and (min-width: 321px) {
.related-pages .related-pages-heading {
font-size: 15px; }
.related-pages .related-pages-description {
font-size: 15px; }
.related-pages .related-pages-title {
font-size: 12px; } }
@media (max-width: 1110px) and (min-width: 1024px) {
.related-pages .related-pages-title {
height: 40px; }
.related-pages .related-pages-description {
height: 65px; } }
.thin-blade-container .slide-container {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 80px; }
.thinblade {
box-shadow: 0 2px 4px -1px rgba(18, 27, 31, 0.25); }
.thin-blade-container .thin-eyebrow {
margin-right: 16px;
font-size: 12px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.2px;
color: #ffffff;
padding: 3px 7px;
border-radius: 5px 5px 0px 5px; }
.indigo-bg {
background-color: #121bf0; }
.teal-bg {
background-color: #1AAFA5; }
.thin-blade-container .slide-container p {
margin-right: 5px;
font-size: 15px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.09px;
color: #121b1f;
margin-bottom: 0; }
.thin-blade-container .slide-container p > a {
text-decoration: underline;
font-weight: 600;
color: #121b1f; }
.thin-blade-container .custom-prev, .thin-blade-container .custom-next {
position: absolute;
top: 40% !important; }
.thin-blade-container svg {
height: 20px; }
.thin-blade-container .slide-container .thin-logo {
margin-right: 24px; }
@media (max-width: 768px) {
.thin-blade-container .slide-container {
height: auto !important;
display: block !important;
text-align: center;
padding: 20px 16px; }
.thin-blade-container .slide-container .thin-logo {
margin-bottom: 16px;
margin-right: 0px !important; }
.thin-blade-container .slide-container .thin-logo img {
margin: 0 auto; }
.thin-blade-container .thin-eyebrow {
display: inline !important;
width: 100%;
margin: 0 auto;
margin-right: 0px !important;
margin-bottom: 7px; }
.thin-blade-container .slide-container p {
margin-top: 7px !important;
padding: 0px 5px !important; }
.thin-blade-container .slide-container p > a {
display: block !important; } }
@media (max-width: 1024px) {
.thin-blade-container .custom-prev {
position: absolute;
left: 0px; }
.thin-blade-container .custom-next {
position: absolute;
right: 0px; } }
.slick-loading .slick-list {
background: #fff url(https://blog.gigamon.com/wp-content/themes/gigamonblogvfour/styles/ajax-loader.gif) center center no-repeat; }
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "FontAwesome";
font-size: 20px;
line-height: 1;
color: #77CC5B;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: ""; }
[dir="rtl"] .slick-prev:before {
content: ""; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: ""; }
[dir="rtl"] .slick-next:before {
content: ""; }
.slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 20px;
height: 20px;
font-family: "FontAwesome";
font-size: 15px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }
.slick-loading .slick-list {
background: #fff url(https://blog.gigamon.com/wp-content/themes/gigamonblogvfour/styles/ajax-loader.gif) center center no-repeat; }
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "FontAwesome";
font-size: 20px;
line-height: 1;
color: #77CC5B;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: ""; }
[dir="rtl"] .slick-prev:before {
content: ""; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: ""; }
[dir="rtl"] .slick-next:before {
content: ""; }
.slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 20px;
height: 20px;
font-family: "FontAwesome";
font-size: 15px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://blog.gigamon.com/wp-content/themes/gigamonblogvfour/styles/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://blog.gigamon.com/wp-content/themes/gigamonblogvfour/styles/fonts/slick.eot);
src: url(https://blog.gigamon.com/wp-content/themes/gigamonblogvfour/styles/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://blog.gigamon.com/wp-content/themes/gigamonblogvfour/styles/fonts/slick.woff) format('woff'), url(https://blog.gigamon.com/wp-content/themes/gigamonblogvfour/styles/fonts/slick.ttf) format('truetype'), url(https://blog.gigamon.com/wp-content/themes/gigamonblogvfour/styles/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}large.post,
.post_header h1,
#single_prev_next,
.highlight,
#posts_tags span
{
font-family: 'Montserrat' !important;
} .post {
padding: 0;
box-sizing: border-box;
max-width: 1200px;
width: 100%;
margin: 0 auto;
position: relative;
}
.post_header {
margin-bottom: 40px;
padding: 0 0 0 20px;
}
.post_header #breadcrumbs span {
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 0;
}
.post_header_content {
padding-top: 9px;
margin-bottom: 62px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
.post_header_text {
width: 50%;
box-sizing: border-box;
}
.post_header_thumb {
min-height: 280px;
width: 50%;
background-size: cover;
box-sizing: border-box;
background-position: top center;
}
.post_header_thumb.full {
display: none;
}
.post .post_header h1 {
display: inline-block;
font-size: 34px;
font-weight: 700;
line-height: 50px;
letter-spacing: 0;
box-sizing: border-box;
margin-left: 0;
margin-right: 0;
padding-right: 20px;
box-sizing: border-box;
}
.post .post_header .full {
display: block;
width: 63% !important;
text-align: center;
margin: 0 auto;
}
.post_content a:hover {
text-decoration: underline;
}
.post_content {
padding-left: 20px;
padding-right: 180px;
position: relative;
}
.post_content table { 
display: block;
table-layout: fixed;
}
.post_content th {
text-align: center !important;
}
.post_content table td {
padding: 4px 6px;
}
.post .post_content h2 {
font-size: 26px;
line-height: 33px;
letter-spacing: 0;
font-weight: 700;
color: #121b1f;
margin: 47px 0 9px 0;
}
.post .post_content h3, .post .post_content h4 {
font-size: 22px;
line-height: 26px;
letter-spacing: 0;
font-weight: 700;
color: #0d232b;
margin: 21px 0 5px 0;
}
.post .post_content p {
margin-bottom: 22px;
}
.post .post_content p + p {
margin-bottom: 17px;
}
.post .post_content p + ul, .post .post_content h2 + p + ul {
padding-top: 0;
}
.post .post_content p, .post .post_content li {
line-height: 30px;
color: #121b1f;
}
.post .post_content h2 + h3, .post .post_content h2 + h4 {
margin: 35px 0 5px 0;
} 
.post .post_content ul, .post .post_content ol {
padding-top: 9px;
}
.post .post_content li {
padding-bottom: 5px;
}
.post .post_content blockquote {
border: 0 !important;
margin-left: 54px;
}
.post .post_content blockquote p {
display: inline;
font-size: 20px;
line-height: 34px;
font-weight: 600;
padding-left: 0px !important;
padding-right: 0px !important;
background-color: #fae3cf;
border-radius: 2px;
padding: 0 2px;
}
figure {
display: table;
margin: 0px;
}
figure img {
display: block;
}
.post .attachment-post-thumbnail {
display: block;
width: 50%;
float: right;
box-sizing: border-box;
}
.post .post_header .category_date {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.35px;
color: #9a9fa4;
text-transform: uppercase;
}
.post .post_header .category_date .category {
color: #ff7801;
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
display: table;
margin-left: 0;
margin-right: 0;
}
figure {
display: table;
margin-bottom: 20px;
}
figure img {
display: table-row;
}
#main_content figcaption {
display: table-caption;
caption-side: bottom;
}
#main_content figure figcaption {
font-size: 14px;
line-height: 18px;
color: #121b1f;
font-style: italic;
text-align: left;
margin: 0 !important;
}
#main_content figure.alignright {
padding: 20px 0 0 40px;
}
#main_content figure.alignright figcaption {
padding: 9px 0 0 40px;
}
#main_content figure.alignleft {
padding: 20px 40px 0 0;
}
#main_content figure.alignleft figcaption {
padding: 9px 40px 0 0;
}
#main_content figure.aligncenter {
padding: 20px 40px 0 40px;
margin: 0 auto !important;
}
#main_content figure.aligncenter figcaption {
padding: 9px 40px 0 40px;
}
#main_content figure figcaption {
padding-top: 9px;
}
.main-cta {
display: block;
font-weight: 700;
font-size: 17px;
line-height: 30px;
margin-top: 20px;
}
.main-cta span {
display: block;
width: 104px;
height: 8px;
background-color: #ff6c00;
line-height: 8px;
margin-bottom: 14px;
}
#community-discussion {
position: relative;
width: 100%;
text-align: center;
left: 0;
box-sizing: border-box;
}
#community-discussion-text {
padding-top: 40px;
padding-bottom: 9px;
border: 1px solid #c9cdd2;
}
#community-discussion-image img {
display: block;
position: relative;
margin: 0 auto;
bottom: -30px;
}
#community-discussion h5 {
font-size: 20px;
text-align: center;
color: #121b1f;
}
#community-discussion h5, #community-discussion p {
padding-left: 95px !important;
padding-right: 95px !important;
}
.authors a {
display: inline-block;
color: #0195c1;
font-size: 14px;
font-weight: 500;
height: 48px;
margin-bottom: 10px;
}
.authors img {
width: 48px;
height: 48px;
border-radius: 100%;
-moz-box-shadow:    	0 2px 12px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(18, 27, 31, 0.08);
-webkit-box-shadow: 	0 2px 12px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(18, 27, 31, 0.08);
box-shadow: 					0 2px 12px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(18, 27, 31, 0.08);
margin-right: 7px;
}
.authors a.index_multiple, .authors .written_by {
display: block;
font-size: 12px;
color: #121b1f;
font-weight: 400;
height: auto;
margin-bottom: 0;
}
.authors a.index_multiple:last-child {
padding-bottom: 9px;
} 
.written_by {
font-weight: 500 !important;
}
.trpc.teal .written_by, .trpc.purple .written_by, .trpc.gray .written_by {
color: #fff;
} #posts_tags {
display: block;
margin: 64px 0;
}
#posts_tags span a {
display: inline-block;
border-radius: 29px;
box-sizing: border-box;
background-color: #e0e2e8;
color: #121b1f;
padding: 0 13px;
margin: 0 9px 9px 0;
font-size: 12px;
font-weight: 500;
line-height: 32px;
}
#posts_tags span a:hover {
background-color: #00abd4;
} #addtoany_vessel {
position: absolute; 
right: 72px;
top: 27px;
width: 28px;
height: 111px;	
display: none;
}
#addtoany {
position: fixed;
width: 28px;
text-align: center;
z-index: 111;
}
#addtoany span {
display: block;
font-size: 12px;
font-weight: 600;
color: #898f9c;
padding-bottom: 10px;
}
.a2a_button {
display: block;
text-align: center;
}
.addtoany_list a {
padding-bottom: 11px !important;
} #highlights_vessel {
width: 100%;
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
padding: 40px 20px 0 20px;
}
#highlights {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
padding: 0 0 0 0;
}
.highlight {
position: relative;
max-width: 255px;
height: 240px;
width: 24%;
background-color: #121b1f;
padding: 13px 26px 26px 26px;
box-sizing: border-box;
cursor: pointer;
}
.highlight table {
table-layout: fixed;
width: 100%;
padding: 0;
margin: 0;
white-space: nowrap;
}
.highlight td.highlight_cat {
vertical-align: middle;
font-size: 12px;
color: #82e8e1;
font-weight: 700;
width: 70%;
white-space: nowrap;
}
.highlight td.highlight_icon {
vertical-align: middle;
width: 30%;
white-space: nowrap;
}
.highlight td.highlight_icon img {
display: block;
float: right;
}
.highlight_title h5 {
font-size: 16px;
line-height: 21px;
color: #f8faff;
padding: 20px 20px 40px 20px;
margin: 0;
font-weight: 600;
}
.highlight_link {
position: absolute;
bottom: 20px;
color: #ff6c00;
font-size: 12px;
font-weight: 600;
}
.highlight_link td {
display: inline-block;
} @-webkit-keyframes bounceRight {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
-webkit-transform: translateX(9px);
transform: translateX(9px);
}
60% {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
}
@-moz-keyframes bounceRight {
0%,
20%,
50%,
80%,
100% {
transform: translateX(0);
}
40% {
transform: translateX(9px);
}
60% {
transform: translateX(3px);
}
}
@keyframes bounceRight {
0%,
20%,
50%,
80%,
100% {
-ms-transform: translateX(0);
transform: translateX(0);
}
40% {
-ms-transform: translateX(9px);
transform: translateX(9px);
}
60% {
-ms-transform: translateX(3px);
transform: translateX(3px);
}
} .bob {
-webkit-animation: bounceRight 1.5s infinite;
animation: bounceRight 1.5s infinite;
float: left;
}
#highlights_vessel h2 {
color: #121b1f;
font-size: 20px;
font-weight: 700;
text-align: center;
line-height: 31px;
padding-bottom: 13px;
} #pagination_hr {
color: #e0e2e8;
padding: 0;
margin: 63px auto 45px auto;
height: 1px;
max-width: 1200px;
}
#single_prev_next {
position: relative;
padding: 0 0 72px 0;
position: relative;
margin: 0 auto;
max-width: 680px;
}
#single_prev_next a {
font-size: 12px;
color: #0097c8;
letter-spacing: 0;
font-weight: 500;
line-height: 18px;
max-width: 340px;
}
#single_prev_next a:hover {
text-decoration: underline;
}
#single_prev_next span {
font-size: 15px;
color: #082b37;
letter-spacing: 0;
font-weight: 700;
}
#single_prev {
width: 50%;
padding: 20px 20px 0 20px;
box-sizing: border-box;
float: left;
text-align: right;
}
#single_next {
width: 50%;
padding: 20px 20px 0 20px;
box-sizing: border-box;
float: right;
text-align: left;
}
#back_top_vessel {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
#back_top_vessel a {
position: absolute;
display: block;
padding: 0px 5px 10px 5px;
font-size: 30px;
font-weight: 600;
border-top: 1px solid #000;
line-height: 30px;
right: 20px;
width: 30px;
text-align: center;
cursor: pointer;
}
.drop img {
box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.62);
-webkit-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.62);
-moz-box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.62);
}
  .site_content, 
h1, h2, h3, h4, h5,
.hero_feature_text h2, 
.hero_feature_text h2 a, 
.hero_feature_text h4, 
.hero_feature_text h4 a,
.hero_feature_text p,
.hero_feature_text p a,
#category-nav-header,
.category-nav-item a,
.post_vessel,
.post_vessel_date,
.post_vessel_category a,
.post_vessel_title h2,
.post_vessel_authors a,
.page-numbers,
.post h1,
.post .category_date,
.post .authors a,
.post .post_content p,
#hp_paging,
#hp_status,
.slick-arrow,
#main_content .breadcrumb #breadcrumbs,
.read_more a,
#authors_archive #bio p,
#ppp_form, 
#ppp_form a,
::placeholder
{
font-family: 'Montserrat' !important;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.img-responsive-maxwidth {
display: inline-block;
height: auto;
max-width: 100%;
}
body {
position: relative;
max-width: 100%;
background: #fff;
}
html {
height: 100%;
}
html body.admin-menu {
margin-top: 123px !important;	
}
sub, sup {
font-size: 90%;
top: -0.4em;
}
a, a:hover, a:focus {
text-decoration: none;
outline: medium none;
}
.clear_both {
clear: both;
}
.container {
width: 100%; margin: 0 auto;
padding-left: 20px;
}
.site-content {
margin-top: 0 !important;
}
.global-navigation {
z-index: 99999;
}
.global-nav-css-adjust {
max-width: 1200px;
padding: 0;
margin: 0;
float: left;
}
.nav-dropdown {
background: #fff;
} #main_content .breadcrumb {
background: none;
margin-bottom: 11px;
margin-top: 16px;
padding: 18px 0px 8px 0;
}
#main_content .breadcrumb #breadcrumbs span {
font-size: 11px !important;
line-height: 16px !important;
}
#main_content .breadcrumb a {
color: #3d3d3f;
}
#main_content .breadcrumb a:hover {
text-decoration: underline;
color: #3d3d3f;
}
#main_content .breadcrumb #breadcrumbs span {
font-size: 11px !important;
font-weight: 500 !important;
letter-spacing: 0;
}
#authors_archive .breadcrumb {
display: block;
float: none;
width: 100%;
padding-left: 40px !important;
padding-right: 40px !important;
} #header {
display: block;
position: relative;
height: 113px;
width: 100%;
max-width: 1200px;
margin: 68px auto 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
#header_logo {
position: relative;
width: 50%;
height: 113px;
box-sizing: border-box;
padding: 0;
margin: 0;
float: left;
}
#header_logo a {
display: block;
height: 113px;
}
#header_logo img {
position: absolute;
display: inline-block;
max-width: 303px;
width: 100%;
height: 38px;
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto;
}
#header_search {
position: relative;
display: block;
width: 50%;
height: 113px;
float: right;
box-sizing: border-box;
padding: 0;
margin: 0;
}
#header_search form {
position: absolute;
display: block;
max-width: 343px;
width: 100%;
height: 37px;
box-sizing: border-box;
left: auto;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
#header_search input {
display: block;
position: relative;
width: 100%;
height: 37px;
border: 1px solid #979797;
font-size: 16px;
line-height: 18px;
font-weight: 500;
letter-spacing: 0;
padding: 5px 47px 4px 12px;
box-sizing: border-box;
float: right;
}
input[type='text']::-webkit-input-placeholder {
color: #121b1f;
font-size: 10px;
font-weight: 500;
}
input[type='text']::-moz-placeholder {
color: #121b1f;
font-size: 10px;
font-weight: 500;
}
input[type='text']::-ms-input-placeholder {
color: #121b1f;
font-size: 10px;
font-weight: 500;
}
input[type='text']::placeholder {
color: #121b1f;
font-size: 10px;
font-weight: 500;
}
#header_search button {
background: transparent;
border: none;
cursor: pointer;
display: inline-block;
position: absolute;
top: 5px;
right: 13px;
z-index: 2;
} #hero_vessel {
width: 100%;
margin-bottom: 52px
}
#hero_container {
position: relative;
width: 100%;
max-width: 1200px;
height: 354px;
margin: 0 auto 0 auto;
}
#hero_features {
position: relative;
width: 100%;
max-width: 1200px;
height: 354px;
z-index: 1;
display: none;
}
#hero_features.slick-initialized {
display: block;
}
#hero_paging {
position: absolute;
z-index: 111;
height: 29px;
width: 99px;
background-color: #343c40;
right: 20px;
bottom: 20px;
color: #fff;
text-align: center;
padding: 0;
border-radius: 16px;
box-sizing: border-box;
}
#hp_status {
line-height: 2px;
font-weight: 700;
font-size: 12px;
}
#hp_prev {
display: block;
float: left;
padding-left: 9px;
}
#hp_next {
display: block;
float: right;
padding-right: 9px;
background: url(//blog.gigamon.com/wp-content/themes/gigamonblogvfour/images/arrow-right-white.svg) no-repeat cover;
}
.slick-dots {
display: none !important;
}
.slick-arrow {
font-size: 20px !important;
font-weight: 700 !important;
cursor: pointer;
line-height: 25px !important;
}
.hero_feature {
position: relative;
width: 100%;
height: 349px;
}
.hero_feature_text {
position: absolute;
display: block;
box-sizing: border-box;
padding: 0 40px 40px 20px;
height: 271px;
background-color: #fff;
width: 60%;
z-index: 2;
left: 0;
right: auto;
top: 0;
bottom: 0;
margin: auto;
}
.hero_feature_text h2, .hero_feature_text h2 a {
font-size: 32px;
line-height: 47px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0;
text-align: left;
color: #0d232b;
padding-top: 9px;
margin-bottom: 27px;
}
.hero_feature_text h2 a:hover {
color: #048ab9;
}
.hero_feature_text h4, .hero_feature_text h4 a {
text-align: left;
font-weight: 600;
letter-spacing: 0.4px;
text-transform: uppercase;
color: #ff7801;
font-size: 15px;
}
.hero_feature_text p {
padding-bottom: 20px;
text-align: left;
}
.hero_feature_text p, .hero_feature_text a {
font-size: 14px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0px;
}
.hero_feature_text p a  {
color: #009bdf;
}
.hero_feature_image {
position: absolute;
right: 0;
width: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 349px;
z-index: 1;
padding: 0;
margin: 0;
} #category-nav-vessel {
height: 81px;
width: 100%;
position: relative;
box-sizing: border-box;
display: block;
padding: 0 0 0 0;
border-bottom: 1px solid #c9cdd2;
-moz-box-shadow:    	0 2px 4px -2px rgba(0, 0, 0, 0.31);
-webkit-box-shadow: 	0 2px 4px -2px rgba(0, 0, 0, 0.31);
box-shadow:         	0 2px 4px -2px rgba(0, 0, 0, 0.31);
z-index: 99;
}
#category-nav {
width: 100%;
max-width: 1200px;
height: 49px;
display: block;
margin: 0 auto;
padding: 0 0 0 20px;
}
#category-nav-items {
display: table;
vertical-align: middle;
height: 49px;
width: 100%;
}
#category-nav-header span, .category-nav-item a {
font-size: 15px;
font-style: normal;
font-stretch: normal;
line-height: 49px;
letter-spacing: normal;
height: 49px;
padding: 0 8px 0 0;
text-transform: uppercase;
text-align: center;
}
.category-nav-item a:last-child {
padding-right: 20px !important;
}
#category-nav-header span {
font-weight: 600;
color: #565d62;
}
.category-nav-item a {
font-weight: 600;
color: #848a8f;
}
#category-nav-header {
display: table-cell;
font-size: 16px;
font-weight: 700;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.46px;
color: #444e53 !important;
width: 119px;
white-space: nowrap;
}
#category-nav-header a, #category-nav-header a:hover, #category-nav-header a:focus {
color: #444e53 !important;
}
.category-nav-item {
width: 1px;
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
white-space: nowrap;
}
.category-nav-item a {
display: table-cell;
}
.category-nav-separator {
display: table-cell;
vertical-align: middle;
height: 49px;
font-size: 20px;
color: #404a59;
}
.category-nav-item a:hover, .category-nav-item.active a, .category-nav-item a:active {
color: #ff6c00;	
}
.category-nav-item a:after {
display: block;
content: '';
transform: scaleX(0);  
transition: transform 250ms ease-in-out;
border-bottom: 4px solid #ff6c00;
box-sizing: border-box;
}
.category-nav-item a:hover:after { 
display: block;
transform: scaleX(1); 
transform-origin:  0% 50%;
}
.category-nav-item.active a::after {
border-bottom: 4px solid #ff6c00;
transform: scaleX(1); 
}
#category-nav-mobile {
display: none;
} #search_results, #tag_archive {
width: 100%;
float: left;
box-sizing: border-box;
padding-left: 20px;
}
#search_results h1, #tag_archive h1 {
margin: 0;
display: inline-block;
font-size: 34px;
font-weight: 700;
line-height: 50px;
letter-spacing: 0;
} #posts_grid {
background-color: #f7f9ff;
width: 100%;
}
#posts_grid_header {
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
padding: 41px 9px 0 0;
}
#posts_ppp {
width: 100%;
margin: 0 auto;
text-align: right;
box-sizing: border-box;
float: right;
}
#ppp_form, #ppp_form a {
color: #121b1f;
font-size: 13px;
font-weight: 600;
}
#ppp_form a {
color: #0481b9;
padding: 0 15px;
}
#ppp_form a:hover {
text-decoration: underline;
}
#posts_vessels {
width: 100%;
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-flow: row wrap;
align-items: stretch;
justify-content: space-between;
padding: 64px 20px 45px 20px;
}
#posts_vessels::after {
content: "";
flex: auto;
width: 100%;
max-width: 356px;
}
.post_vessel {
position: relative;
background-color: #fff;
width: 100%;
max-width: 356px;
min-height: 420px;
margin-bottom: 48px;
box-sizing: border-box;
border: 1px solid #c9cdd2;
-moz-box-shadow:    	0 2px 8px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 	0 2px 8px 0 rgba(0, 0, 0, 0.5);
box-shadow: 					0 2px 8px 0 rgba(0, 0, 0, 0.5);
transition: 0.4s;
}
.post_vessel:hover {
-moz-box-shadow:    	0 0 0 0;
-webkit-box-shadow: 	0 0 0 0;
box-shadow: 					0 0 0 0;
scale(0.95);
}
.post_vessel_thumb {
height: 162px;
width: 100%;
background-size: cover;
background-position: center;
}
.post_vessel_text {
position: relative;
border-top: 1px solid #c9cdd2;
padding: 20px; 
min-height: 171px;
}
.post_vessel_date, .trpc.white .post_vessel_date {
color: #848a8f;
font-size: 12px;
font-weight: 700;
text-align: right;
letter-spacing: 0;
text-transform: uppercase;
letter-spacing: 0.46px;
}
.post_vessel_category a, .trpc.white  .post_vessel_category a {
color: #ff6c00;
font-size: 12px;
font-weight: 700;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.46px;
}
.post_vessel_title h2, .trpc.white .post_vessel_title h2 {
text-align: left;
color: #121b1f;
font-size: 16px  !important;
font-weight: 600 !important;
font-stretch: normal;
font-style: normal;
line-height: 1.5  !important;
letter-spacing: normal;	
margin-top: 3px;
}
.post_vessel_authors {
position: absolute;
bottom: 11px;
left: 20px;
box-sizing: border-box;
width: auto;
}
.post_vessel.trpc .post_vessel_authors {
position: relative;
}
.post .authors {
margin-bottom: 36px;
}
.post_vessel_authors a, .trpc.white .post_vessel_authors a {
font-size: 12px;
color: #121b1f;
font-weight: 400;
} .trpc.teal {
background-color: #188a83;
}
.trpc.purple {
background-color: #444384;
}
.trpc.gray {
background-color: #343c40;
}
.trpc.black {
background-color: #1a2629;
}
.trpc .post_vessel {
min-height: 384px;
}
.trpc .post_vessel_date {
color: #c9cdd2;
}
.trpc .post_vessel_category a {
color: #4a4aff;
}
.trpc .post_vessel_title h2, .trpc .post_vessel_authors a {
color: #fff;
}
.trpc .post_vessel_category {
margin-top: 72px;
}  #authors_archive {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px 20px 54px 20px;
}
#authors_archive #avatar {
display: block;
width: 118px;
height: 118px;
margin: 0 auto;
border-radius: 100%;
-moz-box-shadow:    	0 2px 12px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(18, 27, 31, 0.08);
-webkit-box-shadow: 	0 2px 12px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(18, 27, 31, 0.08);
box-shadow: 					0 2px 12px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(18, 27, 31, 0.08);
}
#authors_archive #avatar img {
width: 100%;
}
#authors_archive h1 {
font-size: 36px;
font-weight: 700;
line-height: 1.39;
color: #ff7801;
text-align: center;
}
#authors_archive #designation {
font-size: 16px;
font-weight: 700;
color: #121b1f;
text-align: center;
margin-bottom: 7px;
}
#authors_archive #bio {
display: block;
position: relative;
max-width: 63%;
margin: 0 auto;
overflow: hidden;
padding: 0 20px;
}
#authors_archive #bio p {
font-size: 17px;
line-height: 30px;
letter-spacing: 0;
color: #121b1f;
}
#authors_archive #bio .read_more { 
position: absolute; 
bottom: 0; 
left: 0;
width: 100%; 
text-align: center; 
margin: 0; 
padding-top: 216px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80%);
display: none;
}
#authors_archive #bio .read_more a {
display: flex;
font-size: 15px;
color: #ff6c00;
font-weight: 500;
align-items: center;
justify-content: center;
}
#authors_archive #social {
height: 33px;
}
#authors_archive #bio #social .social_icon {
display: inline-block;
float: left;
padding: 9px 9px 0px 0px;
}
#authors_archive #bio .read_more a span img {
padding: 0;
margin: 0;
display: block;
width: 19px;
height: 19px;
} .nav-links {
text-align: center;
padding: 20px 0 46px 0;
}
.page-numbers {
display: inline-block;
width: 39px;
height: 29px;
font-size: 15px;
font-weight: 500;
line-height: 29px;
color: #111d22;
text-align: center;
}
.page-numbers:hover, .page-numbers.current {
color: #ff6c00;
}
.page-numbers.next, .page-numbers.prev {
white-space: nowrap;
width: 67px;
} #btt {
position: fixed;
right: 10px;
bottom: 10px;
cursor: pointer;
z-index: 999;
}