html {
scroll-behavior: smooth;
scroll-padding-top: 75px;
}
/*!
* Yamm!3 - Yet another megamenu for Bootstrap 3
* http://geedmo.github.com/yamm3
*
* @geedmo - Licensed under the MIT license
*/
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
position: static;
}
.yamm .container {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
}
.yamm .yamm-content {
padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
left: 0;
right: 0;
}
/* Slider */
.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;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.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: 'â†';
}
/* Dots */
.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;
}
/**
* @file
* Overrides some bootstrap elements and fixes various problems with the
* contrib "Bootstrap" theme.
*/
a.tabledrag-handle .handle {
height: 22px; }
/**
* Applies bootsraps default menu style to menu items that aren't links. (See
* the "Special Menu Items" module.)
*/
.nav > li span {
cursor: default;
display: block;
padding: 10px 15px;
position: relative; }
.navbar-default .navbar-nav > li > span {
color: #777777; }
.navbar-nav > li > span {
line-height: 20px; }
@media (min-width: 768px) {
.navbar-nav > li > span {
padding-top: 15px;
padding-bottom: 15px; } }
.view .progress-disabled {
float: left; }
.tb-megamenu .nav-collapse.collapse {
display: block; }
.form-email {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
/**
* Applies Bootstrap's `btn-default` classes to the `btn` class so users don't
* have to add two classes to create a default button.
*/
.btn {
color: #333333;
background-color: #ffffff;
border-color: #cccccc; }
.btn:hover {
color: #333333;
background-color: #ebebeb;
border-color: #adadad; }
/**
* There are some cases where elements may be positioned relatively from some
* other rule which makes the .sr-only class ineffective. We just put an
* !important on it to eliminate that possiblity.
*/
.sr-only {
position: absolute !important; }
/**
* Applies Bootstraps .table class styles to the table element directly.
*/
table {
/*width: 100%;
max-width: 100%;*/
/*margin-bottom: 20px;*/ }
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.42857143;
vertical-align: top;
/*border-top: 1px solid #dddddd;*/ }
table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd; }
table > caption + thead > tr:first-child > th,
table > 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 #dddddd; }
table table {
background-color: white; }
/*# sourceMappingURL=overrides.css.map */
/** @file base.scss The Base stylesheet contains almost exclusively single element selectors; but it could include attribute selectors, pseudo-class selectors, child selectors or sibling selectors. Essentially, a base style says that wherever this element is on the page, it should look like this. Base can also be used for basic styles that don't map well to HTML elements. For example, you might have background color classes in this file. */
/* line 16, ../sass/base.scss */
body { color: #4d4f53; font-family: "Open Sans", sans-serif; font-size: 1.5em; line-height: 1.6; }
/* line 22, ../sass/base.scss */
a { color: #5d8ab5; }
/* line 25, ../sass/base.scss */
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; }
/* line 28, ../sass/base.scss */
h1 { color: #005978; font-size: 4.3rem; font-weight: 100; }
/* line 33, ../sass/base.scss */
h2, h2 a { color: #61b966; font-size: 3.7rem; font-weight: 500; }
/* line 38, ../sass/base.scss */
h2 a { font-weight: 100; }
/* line 41, ../sass/base.scss */
h2 a:hover { color: #00b092; font-weight: 100; text-decoration: none; }
/* line 46, ../sass/base.scss */
h3, h3 a { color: #e19714; font-size: 1.9rem; font-weight: 400; }
/* line 51, ../sass/base.scss */
a.h3__alt { color: #e19714; }
/* line 53, ../sass/base.scss */
a.h3__alt:hover { color: #e19714; text-decoration: underline; }
/* line 58, ../sass/base.scss */
h4 { color: #4d4f53; font-size: 1.8rem; font-weight: 700; }
/* line 63, ../sass/base.scss */
hr { border-top: 1px solid #e7e7e7; }
/**
* @file layour.scss
* Since we always use a framework, the heavy lifting of arranging components
* is already done for you via the framework's grid system. Use this
* stylesheet for overrides to the framework. You can also define component
* or element padding and margins here along with padding and margins for
* page sections.
*/
/**
* Request to make large screen container 1400px
*/
@media (min-width: 1400px) {
.container {
width: 1400px; } }
/**
* Force an element to display as an inline block. Includes screen size
* modifiers.
*/
.inline-block {
display: inline-block !important; }
@media (min-width: 768px) {
.inline-block-sm {
display: inline-block !important; } }
@media (min-width: 992px) {
.inline-block-md {
display: inline-block !important; } }
@media (min-width: 1200px) {
.inline-block-lg {
display: inline-block !important; } }
/**
* Expands the pull-right and pull-left classes to include screen size
* modifiers. These modifier classes do not require (and should not include)
* the base class that they are modifying. That is, just use
* `.pull-left__md-up`; not `.pull-left .pull-left__md-up` together.
*/
@media (min-width: 1200px) {
.pull-left__lg-up {
float: left !important; } }
@media (min-width: 992px) {
.pull-left__md-up {
float: left !important; } }
@media (min-width: 768px) {
.pull-left__sm-up {
float: left !important; } }
@media (min-width: 1200px) {
.pull-right__lg-up {
float: right !important; } }
@media (min-width: 992px) {
.pull-right__md-up {
float: right !important; } }
@media (min-width: 768px) {
.pull-right__sm-up {
float: right !important; } }
.margin__right {
margin-right: 20px; }
/*# sourceMappingURL=layout.css.map */
/** @file component.scss This is your main style sheet. It should be readable by a human and heavily commented. Each component and its elements and modifiers should be logically grouped and seperated by a comment describing the component, how it interacts with other components, and how it can be modified. */
/* line 12, ../sass/component.scss */
.btn { border-color: transparent; border-radius: 0px; font-weight: bold; padding: 10px 30px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
/* line 22, ../sass/component.scss */
.btn-primary.btn-sm { font-size: 1.5rem; padding: 10px 15px; }
/* line 26, ../sass/component.scss */
.btn-primary, .btn-secondary { padding: 20px 30px; }
/* line 29, ../sass/component.scss */
.btn-default { background-color: transparent; border: 1px solid #5d8ab5; color: #5d8ab5; }
/* line 34, ../sass/component.scss */
.btn-default__blue { background-color: #5d8ab5; color: white; }
/* line 38, ../sass/component.scss */
.btn-default__white { background-color: white; color: #5d8ab5; }
/* line 42, ../sass/component.scss */
.btn-primary { background-color: #5d8ab5; border: 1px solid #5d8ab5; color: white; }
/* line 47, ../sass/component.scss */
.btn-secondary { background-color: #5d8ab5; border-color: white; color: #ffffff; }
/* line 52, ../sass/component.scss */
.content--button { background-color: white; border: 1px solid #5d8ab5; color: #4d4f53; display: block; margin-bottom: 30px; padding: 8px 20px 30px 20px; }
/* line 59, ../sass/component.scss */
.content--button:hover, .content--button:focus, .content--button:active { background-color: #5d8ab5; color: white; text-decoration: none; }
/* line 65, ../sass/component.scss */
a.content--button:hover h3 { color: white; }
/* line 68, ../sass/component.scss */
a.content--button:hover span { background-color: white; color: #5d8ab5; }
/* line 72, ../sass/component.scss */
.content--button h3 { color: #5d8ab5; font-weight: 900; line-height: 21pt; }
/* line 76, ../sass/component.scss */
.content--button h3:hover, .content--button h3:focus, .content--button h3:active { color: white; text-decoration: none; }
/* line 81, ../sass/component.scss */
.tile { background-color: #fff; border: 1px solid #e7e7e7; color: #4d4f53; margin-bottom: 20px; margin-top: 20px; padding: 20px 30px; }
/* line 89, ../sass/component.scss */
.tile__sm { border: 1px solid #e7e7e7; }
/* line 92, ../sass/component.scss */
.tile__sm .nav-pills li a { padding: 7px 24px; }
/* line 95, ../sass/component.scss */
.tile h3, .tile h2 { margin-top: 5px; }
/* line 98, ../sass/component.scss */
.pagination .active a { color: #5d8ab5; }
/* line 101, ../sass/component.scss */
.pagination .active a { background-color: #5d8ab5; color: #fff; }
/* line 105, ../sass/component.scss */
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #d9e8f1; }
/* line 108, ../sass/component.scss */
.date__white, .date__gray { font-size: 90%; }
/* line 111, ../sass/component.scss */
.date__gray { color: gray; }
/* line 114, ../sass/component.scss */
.date__white { color: #fff; }
/* line 117, ../sass/component.scss */
.breadcrumb { background-color: transparent; font-size: 90%; padding-left: 0px; }
/* line 122, ../sass/component.scss */
.breadcrumb > li + li:before { content: ">"; }
/* line 125, ../sass/component.scss */
.breadcrumb li:first-child span { padding-right: 10px; }
/* line 128, ../sass/component.scss */
.breadcrumb li, .breadcrumb > .active { color: #b4b4b4; }
/* line 131, ../sass/component.scss */
.breadcrumb li a { color: #0066a1; }
/* line 134, ../sass/component.scss */
.navbar { margin-bottom: 0px; }
@media (min-width: 768px) { /* line 134, ../sass/component.scss */
.navbar { margin-top: 10px; } }
@media (min-width: 992px) { /* line 134, ../sass/component.scss */
.navbar { margin-top: 0px; margin-bottom: 20px; } }
/* line 144, ../sass/component.scss */
.dropdown-menu { margin: 0px; }
/* line 147, ../sass/component.scss */
.dropdown-menu a, .dropdown-menu > li > a { color: #5d8ab5; display: block; font-size: 1.7rem; }
/* line 151, ../sass/component.scss */
.dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: transparent; color: #00add0; text-decoration: none; }
/* line 157, ../sass/component.scss */
.dropdown-menu a.btn-default__blue { color: #fff; }
/* line 159, ../sass/component.scss */
.dropdown-menu a.btn-default__blue:hover, .dropdown-menu a.btn-default__blue:focus { color: #00add0; }
/* line 163, ../sass/component.scss */
.yamm .dropdown-menu { margin-left: 2%; }
/* line 166, ../sass/component.scss */
.nav-pills { font-size: 1.7rem; }
/* line 169, ../sass/component.scss */
.nav-pills li a { border: 1px solid transparent; border-radius: 0px; color: #fff; padding: 13px 40px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
/* line 179, ../sass/component.scss */
.nav-pills > li + li { margin-left: 0px; }
/* line 182, ../sass/component.scss */
.nav-pills__green { background-color: #61b966; }
/* line 185, ../sass/component.scss */
.nav-pills__blue { background-color: #5d8ab5; }
/* line 188, ../sass/component.scss */
.nav-pills__navy { background-color: #005978; }
/* line 191, ../sass/component.scss */
.nav-pills__navy a { font-weight: 900; }
/* line 194, ../sass/component.scss */
.nav-pills__white { background-color: white; }
/* line 197, ../sass/component.scss */
.nav-pills__white__alt a { background-color: white; }
/* line 200, ../sass/component.scss */
li.nav-pills__white__alt a { color: #5d8ab5; }
/* line 203, ../sass/component.scss */
li.nav-pills__white a { color: #5d8ab5; font-weight: 900; }
/* line 207, ../sass/component.scss */
.nav-pills .nav-pills__white__alt a { border-color: #5d8ab5; }
/* line 210, ../sass/component.scss */
.nav > li span.caret { display: inline-block; padding: 0px; }
/* line 214, ../sass/component.scss */
.nav-pills.nav-stacked li a { border-top: 1px solid #e7e7e7; color: #0066a1; font-weight: 900; padding: 10px 0px; }
/* line 220, ../sass/component.scss */
.nav-pills.nav-stacked > li.active > a, .nav-pills.nav-stacked > li.active > a:hover, .nav-pills.nav-stacked > li.active > a:focus { background-color: transparent; color: #4d4f53; }
/* line 224, ../sass/component.scss */
.nav-pills.nav-stacked { font-size: 1.48rem; }
/* line 227, ../sass/component.scss */
.nav-pills.nav-stacked ul li a { border: 0px; color: #0066a1; display: block; font-weight: 400; padding: 0px 0px 10px 0px; }
/* line 234, ../sass/component.scss */
.nav-pills.nav-stacked ul { list-style: none; }
/* line 237, ../sass/component.scss */
.link__alt a { color: #00add0; display: block; padding: 10px 5px; }
/* line 242, ../sass/component.scss */
.reverse-contrast__background h1 { color: white; margin-bottom: 20px; margin-top: 0px; }
/* line 247, ../sass/component.scss */
.reverse-contrast__background .h1__alt { margin-top: 48px; }
/* line 250, ../sass/component.scss */
.reverse-contrast__background .breadcrumb li, .reverse-contrast__background .breadcrumb > li + li:before { color: white; }
/* line 253, ../sass/component.scss */
.reverse-contrast__background .breadcrumb li a { color: #8fe7f9; }
/* line 256, ../sass/component.scss */
.reverse-contrast__blue a { color: #99e3f2; }
/* line 259, ../sass/component.scss */
.reverse-contrast__blue h2 { color: white; font-size: 3.6rem; }
/* line 263, ../sass/component.scss */
.reverse-contrast__blue ul { font-size: 1.3rem; list-style-type: none; margin-left: 0px; }
/* line 268, ../sass/component.scss */
.reverse-contrast__blue ul li { padding: 0px 4px; }
/* line 271, ../sass/component.scss */
.reverse-contrast__blue ul li:first-child { padding-left: 0px; }
/* line 274, ../sass/component.scss */
.callout--link { background-color: #dde2e3; border-radius: 5px; color: #4d4f53; display: block; padding: 10px 30px; margin-bottom: 10px; }
/* line 282, ../sass/component.scss */
.table { color: #74777d; }
/* line 285, ../sass/component.scss */
.table > tbody > tr > td { padding: 15px 10px; }
/* line 288, ../sass/component.scss */
.table thead tr th { font-size: 1.3rem; font-weight: 400; }
/* line 292, ../sass/component.scss */
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #d9e8f1; }
/* line 295, ../sass/component.scss */
.table-hover > tbody { font-size: 1.34rem; }
/* line 298, ../sass/component.scss */
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f2f7fa; }
/* line 302, ../sass/component.scss */
.table label { color: #0066a1; }
/* line 305, ../sass/component.scss */
.table.table__nostyles tr td { border-top: 0px; }
/* line 308, ../sass/component.scss */
.table.table__nostyles tr td:first-child { font-weight: 700; }
/* line 311, ../sass/component.scss */
.table-sortable tr td:first-child, .table-sortable thead th:first-child { visibility: hidden; }
@media (min-width: 768px) { /* line 311, ../sass/component.scss */
.table-sortable tr td:first-child, .table-sortable thead th:first-child { visibility: visible; } }
/* line 318, ../sass/component.scss */
.callout { background-color: #fff; border: 1px solid #e7e7e7; color: #808080; font-size: 4.7rem; font-weight: 100; margin-top: 60px; padding: 20px; text-align: center; }
/* line 328, ../sass/component.scss */
.callout--header { border-bottom: 1px solid #e7e7e7; font-size: 1.6rem; margin-bottom: 8px; padding-bottom: 5px; }
/* line 334, ../sass/component.scss */
.tab--wrapper { margin: 30px 0px; }
@media (min-width: 992px) { /* line 337, ../sass/component.scss */
.tab--wrapper__negative__top { margin-top: -83px; } }
@media (min-width: 992px) { /* line 342, ../sass/component.scss */
.reverse-contrast__background__md { min-height: 218px; } }
/*tabs nav*/
/* line 348, ../sass/component.scss */
.nav-tabs > li > a { border-radius: 0px; font-size: 1.6rem; font-weight: 600; padding: 15px 30px; }
/* line 354, ../sass/component.scss */
.nav-tabs__alt { border-bottom: 1px solid #5d8ab5; }
/* line 357, ../sass/component.scss */
.nav-tabs__alt > li a { border: 1px solid #dddddd; border-bottom-color: transparent; font-size: 1.7rem; margin-right: 10px; }
/* line 363, ../sass/component.scss */
.nav-tabs__alt > li.active > a, .nav-tabs__alt > li.active > a:hover, .nav-tabs__alt > li.active > a:focus { border: 1px solid #5d8ab5; border-bottom-color: transparent; }
/* line 367, ../sass/component.scss */
.caption__green, .bg__green { background-color: #00b092; }
/* line 370, ../sass/component.scss */
.caption__blue, .bg__blue { background-color: #04a9c9; }
/* line 373, ../sass/component.scss */
.caption__blue .btn-secondary { color: #04a9c9; }
/* line 376, ../sass/component.scss */
.navbar__fixed { position: fixed; top: auto; z-index: 5000; }
/* line 381, ../sass/component.scss */
.navbar__fixed ul { background: #fff; border: 1px solid #e7e7e7; border-radius: 5px; padding: 20px 0px; }
/*search*/
/* line 388, ../sass/component.scss */
.form-control.search { border-radius: 0px; margin: 4px 0px; }
@media (min-width: 768px) { /* line 388, ../sass/component.scss */
.form-control.search { height: 50px; } }
/* line 395, ../sass/component.scss */
.btn--search { background-color: #5d8ab5; color: #fff; font-size: 2rem; margin-top: 1px; padding: 9px 17px; }
/* line 401, ../sass/component.scss */
.btn--search:hover { background-color: #fff; color: #5d8ab5; }
@media (min-width: 768px) { /* line 395, ../sass/component.scss */
.btn--search { padding: 14px 17px; } }
/* line 409, ../sass/component.scss */
.form-group label { font-weight: 500; }
/* line 412, ../sass/component.scss */
.form-control { border-radius: 0px; height: 40px; }
/* line 416, ../sass/component.scss */
select.form-control { height: 34px; min-width: 80px; }
/* line 420, ../sass/component.scss */
.collapsible__scroll label { color: #74777d; font-size: 1.3rem; }
/* line 424, ../sass/component.scss */
.list__divider { margin-bottom: 30px; }
/* line 427, ../sass/component.scss */
.list__divider li:after { color: #e9e9e9; content: "|"; padding-left: 10px; }
/* line 432, ../sass/component.scss */
.list__divider li:last-child:after { content: " "; }
/* line 435, ../sass/component.scss */
.date { color: #808080; font-size: 1.3rem; }
/* line 439, ../sass/component.scss */
.featured--news { font-size: 1.1em; margin: 20px 0px; }
/* line 443, ../sass/component.scss */
.block, .block__empty { border-bottom: 4px solid #fff; border-right: 4px solid #fff; position: relative; z-index: 500; }
/* line 449, ../sass/component.scss */
.block { background-color: #61b966; color: #fff; float: left; font-size: 1.8rem; text-align: center; }
/* line 456, ../sass/component.scss */
.block__empty { float: left; }
/* line 459, ../sass/component.scss */
a > .block:hover { background-color: #0d6a6d; }
/* line 462, ../sass/component.scss */
.block--img { max-width: 1140px; margin: 0px auto; position: relative; z-index: 1; }
@media (min-width: 768px) { /* line 462, ../sass/component.scss */
.block--img { height: 378px; } }
/* line 471, ../sass/component.scss */
.addthis_sharing_toolbox { float: right; }
/* line 474, ../sass/component.scss */
.caption { color: #fff; font-size: 2rem; margin: 20px 0px; }
/* line 478, ../sass/component.scss */
.caption a { color: #fff; }
/* line 480, ../sass/component.scss */
.caption a:hover, .caption a:focus { text-decoration: none; }
/* line 484, ../sass/component.scss */
.caption a.btn { color: #5d8ab5; margin-top: 20px; }
@media (min-width: 768px) { /* line 474, ../sass/component.scss */
.caption { color: #fff; } }
@media (min-width: 992px) { /* line 474, ../sass/component.scss */
.caption { width: 30%; } }
/* line 495, ../sass/component.scss */
.caption h1 { color: #fff; font-size: 4.7rem; font-weight: 700; text-shadow: none; }
@media (min-width: 768px) { /* line 495, ../sass/component.scss */
.caption h1 { color: #fff; } }
/* line 504, ../sass/component.scss */
.caption .btn-secondary { background-color: #fff; color: #5d8ab5; }
/* line 508, ../sass/component.scss */
.carousel-indicators { left: 35%; }
/* line 510, ../sass/component.scss */
.carousel-indicators li, .carousel-indicators li.active { height: 10px; padding: 8px; width: 10px; }
/* line 516, ../sass/component.scss */
.carousel-inner { height: 100%; overflow: hidden; }
/* line 520, ../sass/component.scss */
.fill { background-size: cover; height: 511px; width: 100%; }
@media (min-width: 768px) { /* line 520, ../sass/component.scss */
.fill { background-position: center; color: #fff; } }
/* line 530, ../sass/component.scss */
.info-links { border-top: 1px solid #e7e7e7; padding: 20px 0px; }
/* line 533, ../sass/component.scss */
.info-links li { color: #808080; font-size: 1.8rem; font-weight: 100; list-style: none; margin-right: 30px; margin-bottom: 30px; }
/* line 541, ../sass/component.scss */
.info-links .current { color: #4d4f53; font-weight: 900; }
/* line 546, ../sass/component.scss */
.circle { background-color: #61b966; color: #fff; border-radius: 50%; font-weight: 100; margin-right: 10px; padding: 8px 17px; text-align: center; }
/* line 555, ../sass/component.scss */
.checkout-input { width: 90%; height: 30px; margin: 5px 0; }
/* line 560, ../sass/component.scss */
.compare { display: none; }
@media (min-width: 768px) { /* line 560, ../sass/component.scss */
.compare { display: block; } }
/*kentico forms*/
/* line 567, ../sass/component.scss */
table.EditingFormTable > tbody > tr > td { border-top: 0px; }
/* line 570, ../sass/component.scss */
.EditingFormErrorLabel, .ErrorLabel { color: #ff3300; }
/*button dropdown*/
/* line 575, ../sass/component.scss */
.nav-pills .nav-pills__blue .button-dropdown { border: 1px solid #5d8ab5; padding: 10px 20px; width: 450px; }
@media (min-width: 768px) { /* line 575, ../sass/component.scss */
.nav-pills .nav-pills__blue .button-dropdown { left: -293px; } }
@media (min-width: 992px) { /* line 575, ../sass/component.scss */
.nav-pills .nav-pills__blue .button-dropdown { left: -253px; } }
@media (min-width: 1200px) { /* line 575, ../sass/component.scss */
.nav-pills .nav-pills__blue .button-dropdown { left: -221px; } }
/* line 588, ../sass/component.scss */
.nav-pills .nav-pills__blue .button-dropdown a { color: #5d8ab5; text-align: left; padding: 10px 0px; }
/* line 592, ../sass/component.scss */
.nav-pills .nav-pills__blue .button-dropdown a:hover, .nav-pills .nav-pills__blue .button-dropdown a:focus { background: none; color: #4d4f53; border: 1px solid transparent; }
/* line 598, ../sass/component.scss */
.nav-pills .nav-pills__blue .button-dropdown .btn { color: #fff; padding: 10px 30px; }
/* line 601, ../sass/component.scss */
.nav-pills .nav-pills__blue .button-dropdown .btn:hover, .nav-pills .nav-pills__blue .button-dropdown .btn:focus { color: #5d8ab5; border: 1px solid #5d8ab5; }
/* line 606, ../sass/component.scss */
.nav-pills .nav-pills__blue .button-dropdown .bottom { background: #f4f4f4; padding: 30px 20px; margin: 10px -20px -10px -20px; }
/* line 612, ../sass/component.scss */
.nav > li span.glyphicon-user { display: inline-block; padding: 0px; }
/* line 616, ../sass/component.scss */
.menu__alt { color: #333; padding: 15px 20px; font-size: 1.7rem; }
/* line 621, ../sass/component.scss */
#accordion h3 a:after { content: "+"; font-size: 3rem; margin-top: -8px; position: absolute; right: 4%; }
@media (min-width: 768px) { /* line 621, ../sass/component.scss */
#accordion h3 a:after { content: " "; margin-top: 0px; position: relative; right: 0; } }
@media (min-width: 768px) { /* line 634, ../sass/component.scss */
.fixed-menu { background-color: rgba(0, 0, 0, 0.7); height: 70px; left: 0; padding-top: 10px; padding-left: 20px; position: fixed; top: 0px; width: 100%; z-index: 100; padding-left: 90px; } }
@media (min-width: 992px) { /* line 634, ../sass/component.scss */
.fixed-menu { height: 60px; padding-left: 100px; padding-top: 16px; } }
@media (min-width: 1200px) { /* line 634, ../sass/component.scss */
.fixed-menu { padding-left: 110px; } }
/* line 655, ../sass/component.scss */
.fixed-menu a { color: #fff; }
@media (min-width: 992px) {
.print-test-catalog {
margin-top: 37px;
text-align: left; } }
/** @file state.scss Describes how our modules or layouts will look when in a particular state. Is it hidden or expanded? Is it active or inactive? They are about describing how a module or layout looks on screens that are smaller or bigger. They are also about describing how a module might look in different views like the home page or the inside page. You can also choose to put rules for your main breakpoints, or specific breakpoints that modify components here. */
/* line 17, ../sass/state.scss */
.btn-default:hover { background-color: #5d8ab5; border: 1px solid #5d8ab5; color: #fff; }
/* line 22, ../sass/state.scss */
.signoutButton:hover, .btn-default__blue:hover { background-color: white; color: #5d8ab5; }
/* line 27, ../sass/state.scss */
.btn-primary:hover { background-color: white; border-color: #005978; color: #005978; }
/* line 32, ../sass/state.scss */
.btn-secondary:hover { background-color: white; border: 1px solid #5d8ab5; color: #5d8ab5; }
/* line 37, ../sass/state.scss */
.caption .btn-secondary:hover { background-color: #5d8ab5; color: white; }
/* line 41, ../sass/state.scss */
.nav-pills > .nav-pills__white__alt > a:hover { background-color: #5d8ab5; color: white; }
/* line 45, ../sass/state.scss */
.bluebar { padding-bottom: 4px; }
/* line 48, ../sass/state.scss */
.caption__blue .btn-secondary:hover { background-color: #04a9c9; border-color: white; color: white; }
/* line 53, ../sass/state.scss */
.navbar-header img { margin: 20px 0px; max-width: 40%; }
/* line 57, ../sass/state.scss */
.navbar-default { border-color: transparent; }
/* line 60, ../sass/state.scss */
.nav-pills li a { padding: 2px 20px 4px 20px; }
/* line 63, ../sass/state.scss */
.nav-pills > li > a:hover, .nav-pills > li > a:focus { background-color: white; }
/* line 66, ../sass/state.scss */
.tile__sm .nav-pills__blue { width: auto; }
/* line 69, ../sass/state.scss */
.nav-pills__green a:hover, .nav-pills__green a:focus { border: 1px solid #61b966; color: #61b966; }
/* line 73, ../sass/state.scss */
.nav-pills__blue a:hover, .nav-pills__blue a:focus { border: 1px solid #0094ba; color: #0094ba; }
/* line 77, ../sass/state.scss */
.nav-pills__navy a:hover, .nav-pills__navy a:focus { border: 1px solid #005978; color: #005978; }
/* line 81, ../sass/state.scss */
.callout--link:hover { background-color: #e7e7e7; text-decoration: none; }
/* line 85, ../sass/state.scss */
.nav-pills.nav-stacked li a:hover { color: #4d4f53; }
/* line 88, ../sass/state.scss */
.nav-pills.nav-stacked ul li a:hover { text-decoration: none; }
/* line 91, ../sass/state.scss */
.navbar-toggle { border-radius: 0px; margin-top: 20px; }
/* line 95, ../sass/state.scss */
.navbar-default .navbar-toggle .icon-bar { background-color: #0066a1; height: 4px; }
/* line 99, ../sass/state.scss */
.navbar-default { background-color: transparent; }
/* line 102, ../sass/state.scss */
.navbar-default .navbar-nav > li > a { color: #5d8ab5; font-size: 1.8rem; font-weight: 700; }
/* line 107, ../sass/state.scss */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus { color: #e19714; opacity: .8; }
/* line 111, ../sass/state.scss */
.navbar-default .navbar-nav > li:last-child > a { padding-right: 0px; }
/* line 114, ../sass/state.scss */
.navbar-nav > li > a { padding-bottom: 30px; }
/* line 117, ../sass/state.scss */
.dropdown-menu li a { padding: 6px 20px; }
/* line 120, ../sass/state.scss */
.yamm-content ul li a { padding: 6px 0px; }
/* line 123, ../sass/state.scss */
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 10px 10px 10px; }
/* line 126, ../sass/state.scss */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: transparent; }
/* line 129, ../sass/state.scss */
.yamm .yamm-content { padding: 0px 8px; }
@media (min-width: 768px) { /* line 129, ../sass/state.scss */
.yamm .yamm-content { padding: 20px 30px; } }
/*tabs*/
/* line 137, ../sass/state.scss */
.nav-tabs li { float: none; }
/* line 139, ../sass/state.scss */
.nav-tabs li.active a { background-color: #5d8ab5; color: white; }
/* line 143, ../sass/state.scss */
.nav-tabs li.active a:focus { background-color: #5d8ab5; }
@media (min-width: 768px) { /* line 137, ../sass/state.scss */
.nav-tabs li { float: left; }
/* line 148, ../sass/state.scss */
.nav-tabs li.active a { background-color: white; color: #4d4f53; } }
/* line 159, ../sass/state.scss */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #4d4f53; }
/* line 162, ../sass/state.scss */
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: #5d8ab5; color: white; }
/*carousel*/
/* line 167, ../sass/state.scss */
.carousel-caption { display: none; }
/* line 170, ../sass/state.scss */
.block { padding: 60px 20px 20px 20px; }
/* line 173, ../sass/state.scss */
.block__empty { display: none; }
/* line 176, ../sass/state.scss */
.block, .block__empty { height: 189px; width: 190px; }
/* line 180, ../sass/state.scss */
.addthis_sharing_toolbox { margin-top: -10px; }
/* line 183, ../sass/state.scss */
.block, .block__empty { float: none; height: auto; padding: 30px 20px; width: 100%; }
/* Small */
@media screen and (min-width: 768px) { /* line 192, ../sass/state.scss */
.bluebar { padding-bottom: 0px; }
/* line 195, ../sass/state.scss */
.navbar-header img { margin: 0px; max-width: 100%; }
/* line 199, ../sass/state.scss */
.nav-pills li a { padding: 15px 20px; }
/* line 202, ../sass/state.scss */
li.dropdown:hover > ul.dropdown-menu { display: block; }
/* line 205, ../sass/state.scss */
.navbar-default { border: 0px; }
/* line 208, ../sass/state.scss */
.navbar-header { margin-top: -45px; }
/* line 211, ../sass/state.scss */
.navbar-nav { float: right; }
/* line 214, ../sass/state.scss */
.navbar-default .navbar-nav > li > a { font-size: 1.5rem; }
/* line 217, ../sass/state.scss */
.carousel-caption { display: block; }
/* line 220, ../sass/state.scss */
.collapsible__scroll { height: 300px; overflow-y: scroll; }
/* line 224, ../sass/state.scss */
.block, .block__empty { float: left; height: 189px; width: 156px; } }
/* Medium */
@media screen and (min-width: 992px) { /* line 233, ../sass/state.scss */
.nav-pills li a { padding: 15px 40px; }
/* line 236, ../sass/state.scss */
.navbar-header { margin-top: -30px; }
/* line 239, ../sass/state.scss */
.navbar-default .navbar-nav > li > a { font-size: 1.6rem; padding-left: 5px; }
/* line 243, ../sass/state.scss */
.block__empty { display: block; }
/* line 246, ../sass/state.scss */
.block, .block__empty { height: 189px; width: 156px; }
/* line 250, ../sass/state.scss */
.block__empty__noborder { border-right: 4px solid transparent; }
/* line 253, ../sass/state.scss */
.block { padding: 37px 20px 20px 20px; }
/* line 256, ../sass/state.scss */
.block--img { background: transparent url("/images/block-img.jpg") no-repeat center top; }
/* line 259, ../sass/state.scss */
.addthis_sharing_toolbox { margin-top: 10px; } }
/* Large */
@media screen and (min-width: 1200px) { /* line 268, ../sass/state.scss */
.nav-pills .nav-pills__green a, .nav-pills .nav-pills__blue a { padding: 15px 57px; }
/* line 271, ../sass/state.scss */
.block, .block__empty { height: 189px; width: 190px; }
/* line 275, ../sass/state.scss */
.block { padding: 60px 20px 20px 20px; }
/* line 278, ../sass/state.scss */
.navbar-default .navbar-nav > li > a { font-size: 1.8rem; padding-left: 20px; } }
/** @file theme.scss Theme rules are similar to state rules in that they describe how modules or layouts might look. The theme styleshoeet can also contain components that are truely not reusable, but it should be used extremely sparingly in this regard. If you find that you have more than two or three components that fit into this category, you might want to reevaluate with the design and UI teams. */
/* line 14, ../sass/theme.scss */
.reverse-contrast__blue { background-color: #005978; color: white; font-size: 1.6rem; margin-top: 30px; padding: 30px 0px; }
/* line 21, ../sass/theme.scss */
.reverse-contrast__background { background: #5d8ab5 url("/images/banner.png") no-repeat center top; color: white; margin-bottom: 30px; padding: 20px 0px 40px 0px; }
/* line 26, ../sass/theme.scss */
.reverse-contrast__background a { color: white; }
/* line 29, ../sass/theme.scss */
.reverse-contrast__background h3 a { color: #e19714; }
/* line 33, ../sass/theme.scss */
.bluebar { background-color: #005978; margin-bottom: 4px; }
/** @file Used just for print-specific styles. You should feel free to intermix print media queries with the rest of your scss in the other stylesheets. Use this stylesheet for specific rules that don't make sense to put elsewhere. */
@media print { /* line 10, ../sass/print.scss */
body { font-size: 12px; }
/* line 13, ../sass/print.scss */
h1 { font-size: 16px; }
/* line 16, ../sass/print.scss */
h2, h2 a { font-size: 14px; }
/* line 19, ../sass/print.scss */
h3, h3 a { font-size: 12px; }
/* line 22, ../sass/print.scss */
.navbar-default { display: block; }
/* line 25, ../sass/print.scss */
.reverse-contrast__background { padding: 0px; margin: 0px; height: 0px; } }
/* Generic Styles */
.home-container{
margin: 0 10px;
}
section{
padding: 40px 0;
line-height: 1.2;
}
img{
max-width: 100%;
}
.grey{
background-color: #ebebeb;
}
a:focus, input:focus{
outline: none;
}
.btn{
border: none;
}
.btn:hover, .btn:focus{
outline: none;
border: none;
}
.btn-orange{
background-color: rgb(240, 101, 46);
color: #fff;
}
.btn-orange:hover, .btn-orange:focus{
background: rgb(240, 85, 35);
color: #fff;
}
.btn-blue{
background-color: rgb(0, 89, 121);
color: #fff;
}
.split-header{
font-weight: 400;
color: #4d4f53;
}
.split-header span{
font-weight: bold;
color: rgb(0, 84, 128);
}
.no-scroll{
height: 100%;
overflow: hidden;
}
/* Navigation */
.nav-alt{
padding-top: 40px;
}
.navbar-toggle{
position: fixed;
z-index: 100;
right: 0;
top: 0;
}
/* Footer */
footer{
padding: 50px 0 50px 0;
font-size: 12px;
}
footer a, footer a:hover, footer a:focus{
color: #4d4f53;
}
.footer-nav{
font-size: 0;
}
.footer-nav li{
border-right: 1px solid;
font-size: 14px;
}
.footer-nav li:last-child{
border-right: none;
}
footer ul li a{
text-decoration: underline;
}
footer ul li a:hover, footer ul li a:focus{
text-decoration: none;
}
.address{
margin-top: 20px;
}
/* Hero Banner */
.hero{
background-image: url('/images/hero-background.png');
position:relative;
padding: 0;
overflow:hidden;
}
.hero .home-container{
margin: 0;
}
.hero h3{
color: #fff;
}
.hero .homepageHeroSlider .slide{
position: relative;
}
.hero .homepageHeroSlider .slide-content{
position: absolute;
top: 30px;
color: #fff;
left: 50px;
right: 50px;
padding: 0 10px;
font-size: 16px;
}
.hero .banner-slider .slick-slider {
height: 100%;
}
.hero .banner-slider .slick-slider .slick-list {
height: 100%;
}
.banner-search{
text-align:center;
margin: 0 80px;
height:100px;
display: flex;
align-items: center;
justify-content: center;
}
.banner-search h3 {
color: #ffae1d;
font-size: 1.5em;
font-weight: 600;
margin: 0;
line-height: 1;
}
.banner-search .searchBox{
background: #fff;
width: 95%;
max-width: 750px;
margin-left: 20px;
}
.banner-search input[type="text"]{
width: calc(100% - 45px);
height: 40px;
padding: 0 10px;
display: inline-block;
border: none;
float: left;
}
.banner-search .search-button{
background-image: url(/images/search-bar-icon.png);
background-repeat: no-repeat;
display: inline-block;
border: none;
background-color: transparent;
width: 32px;
height: 32px;
color: #fff;
font-size: 0;
float: right;
margin-right: 10px;
margin-top: 4px;
}
.banner-search .btn{
padding: 0;
}
/* Sections */
.downloads, .care360, footer, .hero {
text-align:center;
}
/* Download Forms */
.downloads .callouts{
max-width: 500px;
margin: auto;
}
.form-cta {
width: 28%;
background: rgb(240, 100, 45);
height: 130px;
display: inline-block;
margin: 5px;
text-align: center;
color: #fff;
vertical-align: top;
line-height: 1.1;
padding: 12px;
font-size: 13px;
}
.form-cta:hover, .form-cta:focus{
text-decoration: none;
color: #fff;
background: rgb(240, 90, 40);
}
.form-cta img{
height: 40px;
}
.form-cta p{
margin-top: 10px;
}
.latest-tests{
background: rgb(0, 89, 121);
width: 100%;
color: #fff;
padding: 10px 0;
line-height: 1.2;
}
.latest-tests a{
color: white;
text-decoration: none;
}
/* Slick Overrides */
.slider-arrow{
width: 32px;
height: 32px;
}
.slick-list{
max-height: 100%;
}
.slick-next:hover, .slick-next:focus {
background: url('/images/slider-right.png');
}
.slick-prev:hover, .slick-prev:focus {
background: url('/images/slider-left.png');
}
.arrow-prev{
background: url('/images/slider-left.png');
left: 20px;
z-index: 5;
}
.arrow-next{
background: url('/images/slider-right.png');
right: 20px;
}
.slick-prev:before, .slick-next:before {
content: '';
}
/* Main banner */
.banner-slider{
height: 370px;
position: relative;
overflow: hidden;
}
.banner-slider .slider-arrow{
top: 120px;
}
/* Tests Banner */
.latest-tests .slick-list{
margin: 10px 50px;
}
.latest-tests .slick-slide{
height: auto;
}
.latest-tests .slide-inner{
padding: 0px 20px;
}
.latest-tests .slick-active .slide-inner{
border-left: 1px solid;
}
.latest-tests .slick-current .slide-inner{
border-left: none;
}
hr.headerSeparator {
height: 2px;
border: none;
background-color: #005978;
margin: 0 0 30px 0;
}
.headerSeparator ~ .hero { /* bring Homepage hero area up 2px to cover the blue hr */
top: -32px;
}
@media(min-width: 768px){
/* Banner */
.hero .homepageHeroSlider .slide-content{
width: 40%;
left: 70px;
top: 60px;
}
.banner-slider .slider-arrow{
top: 140px;
}
.banner-slider .arrow-next{
right: 0;
left: 50%;
}
.latest-tests strong{
margin-left: 70px;
}
/* Sections */
.downloads, .care360, footer, .hero {
text-align:left;
}
.downloads, .care360{
text-align:left;
}
/* Footer */
.footer-content{
border-left: 1px solid #b2b2b2;
padding-left: 25px;
}
.navbar-toggle {
display: block;
}
.navbar-nav {
float: none;
}
.navbar-nav > li{
float: none;
}
.navbar-nav > li > a{
padding-bottom: 10px;
padding-top: 10px;
}
.navbar-default .navbar-nav > li > a{
font-size: 1.8rem;
}
.navbar {
margin-top: 0px;
}
}
@media(min-width: 1024px){
.home-container{
margin: auto;
width: 1000px;
}
.form-cta{
width: 30%;
background: rgb(240, 101, 46);
height: 140px;
display: inline-block;
margin: 5px;
text-align: center;
color: #fff;
vertical-align: top;
line-height: 1.1;
padding: 18px 22px;
font-size: 14px;
}
.form-cta img{
height: 50px;
}
.hero .home-container{
margin: auto;
}
.banner-search{
margin: 0 180px;
}
.navbar {
margin-top: 10px;
}
.navbar-default .navbar-nav > li{
max-width: none;
}
.navbar-default .navbar-nav > li a{
max-width: none;
text-align: left;
font-size: 16px;
padding-bottom: 22px;
}
.navbar-toggle {
display: none;
}
/* Navigation */
.navbar-header {
position: absolute;
bottom: 30px;
}
.link__alt li{
border-right: 2px solid #000;
}
/*.link__alt li:last-child {
border-right: none;
padding-right: 0px;
}*/
.link__alt a{
color: #000;
font-weight: bold;
padding: 0;
line-height: 1;
}
.navbar-nav > li{
float: left;
}
.navbar-default{
height: 100px;
margin-top: 20px;
margin-bottom: 0;
}
.navbar-default .navbar-nav > li > a{
color: rgb(0, 84, 128);
padding-left: 0;
max-width: none;
text-align: left;
font-size: 16px;
padding-bottom: 22px;
}
#navbar-collapse-1{
position: absolute;
bottom: 0;
right: 0;
}
.nav-alt{
padding: 0;
position: absolute;
top: 0;
padding-top: 0;
right: 0;
}
.nav-alt ul, .nav-search{
display: inline-block;
}
.nav-alt .search-icon{
background-image: url(/images/search-icon-black.png);
background-size: cover;
background-repeat: no-repeat;
display: inline-block;
width: 16px;
height: 16px;
float: right;
margin-top: 3px;
margin-left: 5px;
}
#search-block{
height: 0px;
width: 400px;
position: absolute;
top: 22px;
right: 0;
}
#search-block input[type="text"]{
border: 1px solid #b1b1b1;
width: 100%;
height: 28px;
padding: 0 5px;
}
}
/* Mobile Nav Styles */
@media(max-width: 1023px){
.nav-alt{
padding-top: 20px;
}
.nav-alt ul{
display: block;
width: 100%;
position: relative;
margin-left: 0;
}
.nav-alt li {
display: block;
}
.link__alt a{
color: #fff;
}
.navbar-nav > li > a {
padding-bottom: 10px;
}
.navbar-default .navbar-nav > li > a {
color: #fff;
}
.nav-wrapper{
display:none;
}
.nav-wrapper.open{
display: block;
position: fixed;
right: 0;
top: 0;
height: 100% !important;
margin-top: 0;
background-color: rgb(0, 89, 121);
z-index: 10;
width: 300px;
padding-top: 100px;
padding-bottom: 50px;
overflow-y: scroll;
overflow-x: hidden;
}
.nav-wrapper.open .navbar-nav{
margin-left: 0;
}
.navbar-default .expanded .navbar-toggle{
right: 225px;
}
.navbar-default .expanded .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-header img {
margin: 20px 0px !important;
max-width: 100%;
}
#search-block{
display: block !important;
margin-left: 10px;
}
#search-block input{
background-image: url(/images/search-bar-icon.png);
background-repeat: no-repeat;
background-position: right 3px center;
background-size: contain;
border: none;
padding: 0 3px;
}
.navbar-header{
margin-top: 0px !important;
}
}
#navbar-collapse-1 >.navbar-nav >li:first-child> ul.dropdown-menu {
display: none;
}
#navbar-collapse-1 >.navbar-nav >li:first-child> #ctl00_ctl00_cphMain_Header_ucHeaderNavigation_rptSections_ctl00_lnkMegaMenuSection {
display:block !important;
}
#navbar-collapse-1 >.navbar-nav >li:first-child> #ctl00_ctl00_cphMain_Header_ucHeaderNavigation_rptSections_ctl00_lnkMegaMenuSectionMobile {
display:none !important;
}
form label > div {display: none;}
.variantFormTable {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.form-row {
flex: 0 0 100%;
display: flex;
margin-bottom: 10px;
}
.variantFormTable input,
.variantFormTable select,
.variantFormTable textarea {
font-size: 16px;
}
.form-label {
flex: 0 0 270px;
}
.form-input {
flex: 1 1 auto;
}
.ExplanationText {
font-size: 12px;
}
.variantFormTable .btn {
padding: 20px 30px;
}
@media(max-width:767px) {
.form-row {
flex-wrap: wrap;
}
.form-label {
flex: 0 0 100%;
}
}
div#formErrorMsg {
font-size: 14px;
margin-bottom: 30px;
color: #ff0000;
font-weight: bold;
}