.grid:before, #gform_fields_1:before, .box:before, .media:before, .grid:after, #gform_fields_1:after, .box:after, .media:after {
content: " "; display: table; }
.grid:after, #gform_fields_1:after, .box:after, .media:after {
clear: both;
}   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 {
border:none;
color:#A6CBEC;
background-color:#A6CBEC;
clear: both;
margin: 1.25rem 0 1.1875rem;
height: 1px;
} 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: 5px 0 px 5px 0px; } 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;
}  .grid, #gform_fields_1 {
margin: 0 -18px;
margin: 0 -1rem; }
.grid__unit, #gform_fields_1 > li {
display: block;
float: left;
padding: 0 18px;
padding: 0 0.75rem;
}  *, *:before, *:after {
box-sizing: border-box;
} section, article, header, footer, nav, aside, div,
h1, h2, h3, h4, h5, h6, hgroup,
.h1, .h2, .h3, .h4, .h5, .h6,
ul, ol, dd,
p, figure, small,
pre, table, fieldset, hr,
address {
margin: 0 0 26px;
margin: 0 0 1.45rem;
}
section > :last-child, article > :last-child, header > :last-child, footer > :last-child, nav > :last-child, aside > :last-child, div > :last-child,
h1 > :last-child, h2 > :last-child, h3 > :last-child, h4 > :last-child, h5 > :last-child, h6 > :last-child, hgroup > :last-child,
.h1 > :last-child, .h2 > :last-child, .h3 > :last-child, .h4 > :last-child, .h5 > :last-child, .h6 > :last-child,
ul > :last-child, ol > :last-child, dd > :last-child,
p > :last-child, figure > :last-child, small > :last-child,
pre > :last-child, table > :last-child, fieldset > :last-child, hr > :last-child,
address > :last-child {
margin-bottom: 0; } img {
max-width: 100% !important;
height: auto;
}
img.full-width {
width: 100%;
height: auto;
}  html, .html {
font-family: sans-serif !important;
font-weight: 400;
line-height: 1.5;
color: #646464;
font-size: 16px;
font-size: 0.75em;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
} ::-moz-selection {
background: #71b0db;
color: #fff;
}
::selection {
background: #71b0db;
color: #fff;
}
::-moz-selection {
background: #71b0db;
color: #fff;
} h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: sans-serif;
font-weight: 600;
line-height: 1.2;
color: #183559;
}
h1,
.h1 {
font-size: 37px;
font-size: 2.05556rem;
}
h2,
.h2 {
font-size: 31px;
font-size: 1.72222rem;
}
h3,
.h3 {
font-size: 26px;
font-size: 1.44444rem;
}
h4,
.h4 {
font-size: 22px;
font-size: 1.22222rem;
}
h4 a:hover { color:#a0cdee;}
article h3, article .h3 {
font-size: 26px;
font-size: 1.44444rem;
} a {
color: #183559;
text-decoration: none;
-webkit-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
outline: 0;
}
a:hover {
color: #0d1d31;
} .title {
margin: 0;
}
.lead {
color: #71b0db;
font-weight: 300;
}
.padded {
margin: 9px 0;
margin: 0.5rem 0;
}
.disclaimer {
font-size:0.7em;
}
.right {
text-align:right;
}  .box {
display: block; padding: 18px;
padding: 1rem;
}
.box > :last-child {
margin-bottom: 0;
} .box--flush {
padding: 0;
} .box--small {
padding: 13px;
padding: 0.725rem;
} .box--large {
padding: 52px;
padding: 2.9rem;
}  .nav {
list-style: none;
margin-left: 0; padding-left: 0; text-transform: uppercase;
margin-bottom:0px;
}
.nav > li,
.nav > li > a {
display: block;
}
.nav--inline > li,
.nav--inline > li > a {
display: inline-block;
}
.nav--unstyled {
text-transform: none;
} .nav--tablets > li + li {
margin-left: 7px;
margin-left: 0.3625rem; }
.nav--tablets > li > a {
display: block;
background: #95a5a6;
border-radius: 100%; width: 16px;
width: 0.88889rem; height: 16px;
height: 0.88889rem; }
.nav--tablets > li > a:hover, .nav--tablets > li > a.current {
background: #7f8c8d;
}
@media only screen and (min-width: 640px) {
.nav > li, .nav > li > a {
display: inline-block;
}
}  .media {
display: block;
}
.media__img {
float: left;
margin-right: 26px;
margin-right: 1.45rem;
}
.media__img > img {
display: block;
}
.media__body {
overflow: hidden;
display: block;
}
.media__body,
.media__body > :last-child {
margin-bottom: 0;
} .media--rev > .media__img {
float: right;
margin-right: 0;
margin-left: 26px;
margin-left: 1.45rem;
}  .flag {
display: table;
width: 100%;
}
.flag__image,
.flag__body {
display: table-cell;
vertical-align: middle;
}
.flag__image {
padding-right: 26px;
padding-right: 1.45rem;
}
.flag__image > img {
display: block;
max-width: none;
}
.flag__body {
width: 100%;
} .flag--top .flag__image,
.flag--top .flag__body {
vertical-align: top;
} .flag--bottom .flag__image,
.flag--bottom .flag__body {
vertical-align: bottom;
} .flag--rev .flag__image {
padding-right: 0;
padding-left: 26px;
padding-left: 1.45rem;
}  .one-whole {
width: 100%;
} .one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
width: 50%;
} .one-third, .two-sixths, .four-twelfths {
width: 33.333%;
}
.two-thirds, .four-sixths, .eight-twelfths {
width: 66.666%;
} .one-quarter, .two-eighths, .three-twelfths {
width: 25%;
}
.three-quarters, .six-eighths, .nine-twelfths {
width: 75%;
} .one-fifth, .two-tenths {
width: 20%;
}
.two-fifths, .four-tenths {
width: 40%;
}
.three-fifths, .six-tenths {
width: 60%;
}
.four-fifths, .eight-tenths {
width: 80%;
} .one-sixth, .two-twelfths {
width: 16.666%;
}
.five-sixths, .ten-twelfths {
width: 83.333%;
} .one-eighth {
width: 12.5%;
}
.three-eighths {
width: 37.5%;
}
.five-eighths {
width: 62.5%;
}
.seven-eighths {
width: 87.5%;
} .one-tenth {
width: 10%;
}
.three-tenths {
width: 30%;
}
.seven-tenths {
width: 70%;
}
.nine-tenths {
width: 90%;
} .one-twelfth {
width: 8.333%;
}
.five-twelfths {
width: 41.666%;
}
.seven-twelfths {
width: 58.333%;
}
.eleven-twelfths {
width: 91.666%;
}
@media screen and (min-width: 640px) { .tablet-one-whole {
width: 100%;
} .tablet-one-half, .tablet-two-quarters, .tablet-three-sixths, .tablet-four-eighths, .tablet-five-tenths, .tablet-six-twelfths {
width: 50%;
} .tablet-one-third, .tablet-two-sixths, .tablet-four-twelfths {
width: 33.333%;
}
.tablet-two-thirds, .tablet-four-sixths, .tablet-eight-twelfths {
width: 66.666%;
} .tablet-one-quarter, .tablet-two-eighths, .tablet-three-twelfths {
width: 25%;
}
.tablet-three-quarters, .tablet-six-eighths, .tablet-nine-twelfths {
width: 75%;
} .tablet-one-fifth, .tablet-two-tenths {
width: 20%;
}
.tablet-two-fifths, .tablet-four-tenths {
width: 40%;
}
.tablet-three-fifths, .tablet-six-tenths {
width: 60%;
}
.tablet-four-fifths, .tablet-eight-tenths {
width: 80%;
} .tablet-one-sixth, .tablet-two-twelfths {
width: 16.666%;
}
.tablet-five-sixths, .tablet-ten-twelfths {
width: 83.333%;
} .tablet-one-eighth {
width: 12.5%;
}
.tablet-three-eighths {
width: 37.5%;
}
.tablet-five-eighths {
width: 62.5%;
}
.tablet-seven-eighths {
width: 87.5%;
} .tablet-one-tenth {
width: 10%;
}
.tablet-three-tenths {
width: 30%;
}
.tablet-seven-tenths {
width: 70%;
}
.tablet-nine-tenths {
width: 90%;
} .tablet-one-twelfth {
width: 8.333%;
}
.tablet-five-twelfths {
width: 41.666%;
}
.tablet-seven-twelfths {
width: 58.333%;
}
.tablet-eleven-twelfths {
width: 91.666%;
}
}
@media screen and (min-width: 960px) { .desktop-one-whole {
width: 100%;
} .desktop-one-half, .desktop-two-quarters, .desktop-three-sixths, .desktop-four-eighths, .desktop-five-tenths, .desktop-six-twelfths {
width: 50%;
} .desktop-one-third, .desktop-two-sixths, .desktop-four-twelfths {
width: 33.333%;
}
.desktop-two-thirds, .desktop-four-sixths, .desktop-eight-twelfths {
width: 66.666%;
} .desktop-one-quarter, .desktop-two-eighths, .desktop-three-twelfths {
width: 25%;
}
.desktop-three-quarters, .desktop-six-eighths, .desktop-nine-twelfths {
width: 75%;
} .desktop-one-fifth, .desktop-two-tenths {
width: 20%;
}
.desktop-two-fifths, .desktop-four-tenths {
width: 40%;
}
.desktop-three-fifths, .desktop-six-tenths {
width: 60%;
}
.desktop-four-fifths, .desktop-eight-tenths {
width: 80%;
} .desktop-one-sixth, .desktop-two-twelfths {
width: 16.666%;
}
.desktop-five-sixths, .desktop-ten-twelfths {
width: 83.333%;
} .desktop-one-eighth {
width: 12.5%;
}
.desktop-three-eighths {
width: 37.5%;
}
.desktop-five-eighths {
width: 62.5%;
}
.desktop-seven-eighths {
width: 87.5%;
} .desktop-one-tenth {
width: 10%;
}
.desktop-three-tenths {
width: 30%;
}
.desktop-seven-tenths {
width: 70%;
}
.desktop-nine-tenths {
width: 90%;
} .desktop-one-twelfth {
width: 8.333%;
}
.desktop-five-twelfths {
width: 41.666%;
}
.desktop-seven-twelfths {
width: 58.333%;
}
.desktop-eleven-twelfths {
width: 91.666%;
}
}    .hidden {
display: none;
visibility: hidden;
} .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .invisible {
visibility: hidden;
}  .dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after {
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.dropdown .selected::after,
.dropdown.scrollable div::after {
-webkit-pointer-events: none;
-moz-pointer-events: none;
-ms-pointer-events: none;
pointer-events: none;
} .dropdown {
position: relative;
width: 160px;
border: 1px solid #ccc;
cursor: pointer;
background: #fff;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dropdown.open {
z-index: 2;
}
.dropdown:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.dropdown.focus {
box-shadow: 0 0 5px rgba(51, 102, 248, 0.4);
} .dropdown .carat {
position: absolute;
right: 12px;
top: 50%;
margin-top: -4px;
border: 6px solid transparent;
border-top: 8px solid #000;
}
.dropdown.open .carat {
margin-top: -10px;
border-top: 6px solid transparent;
border-bottom: 8px solid #000;
}
.dropdown.disabled .carat {
border-top-color: #999;
} .dropdown .old {
position: absolute;
left: 0;
top: 0;
height: 0;
width: 0;
overflow: hidden;
}
.dropdown select {
position: absolute;
left: 0px;
top: 0px;
}
.dropdown.touch .old {
width: 100%;
height: 100%;
}
.dropdown.touch select {
width: 100%;
height: 100%;
opacity: 0;
} .dropdown .selected,
.dropdown li {
display: block;
font-size: 18px;
line-height: 1;
color: #000;
padding: 9px 12px;
overflow: hidden;
white-space: nowrap;
}
.dropdown.disabled .selected {
color: #999;
}
.dropdown .selected::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 60px;
border-radius: 0 2px 2px 0;
box-shadow: inset -55px 0 25px -20px #fff;
} .dropdown div {
position: absolute;
height: 0;
left: -1px;
right: -1px;
top: 100%;
margin-top: -1px;
background: #fff;
border: 1px solid #ccc;
border-top: 1px solid #eee;
border-radius: 0 0 3px 3px;
overflow: hidden;
opacity: 0;
} .dropdown.open div {
opacity: 1;
z-index: 2;
} .dropdown.scrollable div::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 50px;
box-shadow: inset 0 -50px 30px -35px #fff;
}
.dropdown.scrollable.bottom div::after {
opacity: 0;
} .dropdown ul {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
list-style: none;
overflow: hidden;
}
.dropdown.scrollable.open ul {
overflow-y: auto;
} .dropdown li {
list-style: none;
padding: 8px 12px;
} .dropdown li.focus {
background: #d24a67;
position: relative;
z-index: 3;
color: #fff;
}
.dropdown li.active {
font-weight: 700;
} .accordion {
position: relative;
border-bottom: 1px solid #ccc;
margin: 0 -36px;
margin: 0 -2rem;
padding: 0;
}
.accordion ul {
padding: 0;
margin: 18px -18px -18px;
margin: 1rem -1rem -1rem;
padding: 18px;
padding: 1rem;
background: #eef6fe;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.accordion li {
position: relative;
padding: 18px;
padding: 1rem;
margin: 0;
display: block;
border-top: 1px solid #ccc;
}
.accordion ul li {
padding: 0;
border: 0;
}
.accordion span:before { position: absolute;
content: '';
margin-top: 8px;
right: 20px;
background-image: url(../../../themes/htl-theme/img/sprite.svg);
background-position: -180px -284px;
width: 20px;
height: 11px;
}
.accordion .js-open span:before {
background-position: -180px -232px;
} .breadcrumb {
display: none;
border-bottom: 1px solid #ccc;
}
.breadcrumb a {
text-transform: none;
padding: 26px 0;
padding: 1.45rem 0;
}
.breadcrumb a:before {
content: '\2192';
margin-right: 8px;
margin-right: 0.44444rem;
font-weight: normal;
}
.breadcrumb a.active {
font-weight: 600;
}
.breadcrumb li:first-child a:before {
content: '';
}
@media only screen and (min-width: 960px) {
.breadcrumb {
display: block;
}
} .btn, input[type="submit"] {
border: 0;
text-decoration: none;
display: inline-block;
border-radius: 0;
padding: 18px 36px;
padding: 1rem 2rem;
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.btn--primary, input[type="submit"] {
background-color: #183559;
color: #fff;
}
.btn--primary:hover, input[type="submit"]:hover {
background: #71b0db;
color: #fff;
}
.btn--primary:active, input[type="submit"]:active {
background: #0d1d31;
}
.btn--secondary {
border: 1px solid #183559;
}
.btn--secondary:hover {
border: 1px solid #71b0db;
color: #71b0db;
}
.btn--secondary:active {
background: #0d1d31;
color: #fff;
}
.btn--link {
border-bottom: 1px solid #183559;
font-weight: 600;
padding: 0;
border-radius: 0;
}
.btn--link.btn--inverse {
border-bottom: 1px solid #fff;
color: #fff;
}
.btn--link:hover {
color: #71b0db;
border-bottom-color: #71b0db;
} .btn--social {
padding: 0;
margin: 0 5px;
margin: 0 0.27778rem;
}
.btn--social:hover {
opacity: .7;
}
.btn--social:active {
opacity: .3;
} .btn--social-alt {
padding: 0;
margin: 0;
background-repeat: no-repeat;
background-size: 186px 40px;
display: inline-block;
height: 40px;
padding: 2px;
text-decoration: none;
text-indent: -999em;
vertical-align: middle;
width: 32px;
opacity: 0.8;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
border-radius: 0;
}
.btn--social-alt, .btn--social-alt:hover {
background-image:url(../../../themes/htl-theme/img/social-icons.png);
}
.btn--social-alt:hover {
opacity: 1;
}
.btn--social-alt--twitter {
background-position: -77px center;
}
.btn--social-alt--facebook {
background-position: -37px center;
}
.btn--social-alt--googleplus {
background-position: -117px center;
}
.btn--social-alt--youtube {
background-position: -157px center;
} .btn--htl-group {
display: none;
position: fixed;
left: 0;
top: 200px;
padding: 0;
float: left;
z-index: 100;
} a.nav__toggle_btn {
position: relative;
display: inline-block;
margin: 18px 0;
margin: 1rem 0;
top: 4px;
top: 0.22222rem;
}
a.nav__toggle_btn .icon--menu {
display: block;
}
a.nav__toggle_btn .icon--cross {
display: none;
}
a.nav__toggle_btn.js-nav-open .icon--cross {
display: block;
}
a.nav__toggle_btn.js-nav-open .icon--menu {
display: none;
} button {
outline: 0;
}
@media only screen and (min-width: 640px) {
.btn--htl-group {
display: inline-block;
}
}
@media only screen and (min-width: 960px) { a.nav__toggle_btn {
display: none;
}
} .quicklinks, .productlinks  {
background-color: #a0cdee;
color:#fff;
border:none; 
border:none; 
}
.quicklinks:hover, .productlinks:hover {
background-color:#183559;
}
.sidenav ul, .productnav ul {
list-style:none;
padding:0;
margin:0;
margin-bottom:0px;
}
.productnav div, .sidenav div {
margin-bottom:0.4em;
}
.productnav ul li a div h4, .sidenav ul li a div h4{
color:white;
} #footer {
width:100%;
position:relative;
bottom:0;
left:0;
}
.footer {
background: #183559;
color: #fff;
text-align: center;
margin: 0;
}
.footer a {
color: #fff;
}
.footer a:hover {
color: #183559;
}
.footer p {
margin: 0 -36px;
margin: 0 -2rem;
padding: 36px 0;
padding: 2rem 0;
}
.footer p a {
font-weight: 600;
}
.footer .nav {
background: #183559;
margin: 0 -36px;
margin: 0 -2rem;
padding: 36px 0;
padding: 2rem 0;
font-size: 24px;
font-size: 1.33333rem;
}
.footer .nav li {
display: block;
margin: 0;
}
.footer .nav a {
display: block;
font-weight: 300;
padding: 9px 36px;
padding: 0.5rem 2rem;
}
.footer .nav a:hover {
background: #71b0db;
} .footer--sub {
padding: 9px 0;
padding: 0.5rem 0;
background: #0d1d31;
margin: 0;
}
.footer--sub .grid__unit, .footer--sub #gform_fields_1 > li {
float: left;
text-align: center;
margin-bottom: 0;
}
.footer--sub .grid__unit:first-child, .footer--sub #gform_fields_1 > li:first-child {
text-align: center;
}
.footer--sub h3 {
color: #fff;
text-align: center;
margin: 0;
}
.footer--sub a {
display: inline-block;
}
.footer--sub a span {
vertical-align: bottom;
}
.footer--sub .btn--social {
margin: 0;
margin-top: 26px;
margin-top: 1.45rem;
} .disclaimer {
margin:0;	
}
@media only screen and (min-width: 640px) {
.footer {
text-align: left;
}
.footer .logo--accreditation {
display: inline-block;
margin-bottom: 26px;
margin-bottom: 1.45rem;
}
.footer p {
padding: 18px 36px;
}
.footer .nav {
margin: 0;
padding: 18px 0;
text-align: left;
text-transform: none;
border-bottom: 1px solid #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer .nav li,
.footer .nav a {
display: inline-block;
font-size: 18px;
font-size: 1rem;
padding: 0;
}
.footer .nav a {
margin-right: 18px;
margin-right: 1rem;
}
.footer .nav a:hover {
background: transparent;
color: #71b0db;
}
}
@media only screen and (min-width: 960px) {
.footer p {
background: transparent;
margin-top: 5px;
margin-top: 0.27778rem;
}
.footer--sub .btn--social {
margin-top: 10px;
margin-top: 0.55556rem;
}
.footer--sub .grid__unit, .footer--sub #gform_fields_1 > li {
float: right;
text-align: left;
}
.footer--sub .grid__unit:first-child, .footer--sub #gform_fields_1 > li:first-child {
text-align: right;
}
} .header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10;
box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
text-align: right;
margin: 0;
}
#header:after {
content:'>\0000a0';
}
.header .list--social {
display: none;
margin-left: 18px;
margin-left: 1rem;
}
.header .header__top {
display: none;
background-color: #183559;
margin: 0 -36px;
margin: 0 -2rem;
padding: 36px;
padding: 2rem;
padding-top: 60px;
padding-top: 3.33333rem;
font-size: 18px;
font-size: 1rem;
text-align: left;
z-index: 9;
}
.header .header__top li {
display: block;
margin: 0;
vertical-align: middle;
}
.header .header__top li.desktop-only--social {
display: none;
}
.header .header__top a {
border: 0;
display: block;
color: #fff;
font-weight: 300;
padding: 9px 36px;
padding: 0.5rem 2rem;
}
.header .header__top a:hover {
background-color: #71b0db;
}
.header .nav__contact {
margin: 0;
}
.header .nav__contact a {
padding: 9px 36px;
padding: 0.5rem 2rem;
text-transform: none;
margin: 0;
font-weight: 600;
color: #fff;
}
.header .nav__search {
padding: 18px 36px 0;
padding: 1rem 2rem 0;
margin: 0;
}
.header .nav__search form, .header .nav__search fieldset {
margin: 0;
padding: 0;
border: 0;
}
#header > .container {
background-color: #fff;
z-index: 11;
}
.search--nav {
position: relative;
}
.header--sub {
position: fixed;
top: 60px;
left: 0;
right: 0;
bottom: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #183559;
background: rgba(24, 53, 89, 0.97);
color: #fff;
box-shadow: none;
text-align: left;
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-webkit-transition: all 0.5s cubic-bezier(0.1, 0.7, 0.1, 1);
transition: all 0.5s cubic-bezier(0.1, 0.7, 0.1, 1);
font-size: 18px;
font-size: 1rem;
padding: 80px 0 0 0;
padding: 4.44444rem 0 0 0;
font-weight: 600;
}
.header--sub .container {
padding: 0;
padding-top:10px;
padding-bottom: 60px;
padding-bottom: 3.33333rem;
}
.header--sub a {
display: block;
color: #fff;
text-transform: uppercase;
padding: 18px 36px;
padding: 1rem 2rem;
}
.header--sub a:hover {
background-color: #71b0db;
}
.header--sub.js-nav-open {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.header--band {
top: 50px;
background-color: #183559;
color: #fff;
font-weight: 600;
font-size: 15px;
padding: 5px 36px;
padding: 0.3rem 2rem;
}
@media only screen and (min-width: 640px) {
.header .header__top {
position: absolute;
display: inline-block;
top: 0;
right: 144px;
right: 8rem;
background-color: transparent;
text-align: right;
padding: 18px 0;
padding: 1rem 0;
}
.header .header__top li {
display: inline-block;
}
.header .header__top li.current_page_item a,
.header .header__top li.current-page-ancestor a {
color: #183559;
}
.header .header__top a {
display: inline-block;
vertical-align: middle;
color: #71b0db;
padding: 0;
margin-left: 18px;
margin-left: 1rem;
font-weight: 600;
border-radius: 8px;
text-transform: none;
font-size: 14px;
}
.header .header__top a:hover {
background-color: transparent;
color: #183559;
}
.header .header__top a.mobile-only {
display: none;
}
.header .nav__search {
display: none;
padding-right: 0;
}
.header--sub {
top: 90px;
top: 5rem;
bottom: auto;
padding: 0;
text-align: right;
}
.header--sub .container {
padding: 18px 36px;
padding: 1rem 2rem;
}
.header--sub li {
display: inline-block;
margin-left: 9px;
margin-left: 0.5rem;
vertical-align: middle;
}
.header--sub li.desktop-hide {
display: none;
}
.header--sub a {
display: inline-block;
padding: 0;
font-weight: normal;
font-size: 16px;
}
.header--sub a:before {
content: '/';
margin-right: 18px;
margin-right: 1rem;
color: #7B7C7F;
}
.header--sub a:hover {
background-color: transparent;
color: #71b0db;
cursor:pointer;
}
.header--sub .nav__search {
display: inline-block;
}
.header--sub li:first-child a:before {
display: none;
}
}
@media only screen and (min-width:640px) and (max-width: 960px)  {
.header--sub li {
display: inline-block;
margin-top:20px;
margin-left: 9px;
margin-left: 0.5rem;
vertical-align: middle;
}
}
@media only screen and (min-width: 960px) {
.header {
position: relative;
}
.header .list--social {
display: inline-block;
margin-left: 36px;
margin-left: 2rem;
}
.header .nav__search {
position: relative;
top: 3px;
display: inline-block;
}
.js-search-open .header .header__top a, .js-search-open .header .header__top .list--social {
margin-left: 9px;
margin-left: 0.5rem;
}
.header .header__top {
position: static;
top: 0;
display: block !important;
background-color: transparent;
text-align: right;
padding: 18px 36px;
padding: 1rem 2rem;
}
.header .header__top:before {
position: absolute;
content: '';
width: 40px;
top: 0;
left: 160px;
bottom: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.header .header__top li {
display: inline-block;
}
.header .header__top li.current_page_item a,
.header .header__top li.current-page-ancestor a {
color: #183559;
}
.header .header__top a {
display: inline-block;
vertical-align: middle;
color: #71b0db;
padding: 0;
margin-left: 36px;
margin-left: 2rem;
font-weight: 600;
text-transform: none;
border-radius: 0;
border: 0;
}
.header .header__top a:hover {
color: #183559;
}
.header .header__top a.mobile-only {
display: none;
}
.header .header__top a.btn--social-alt {
margin: 0;
}
.header--sub {
text-align: right;
}
.header--sub, .header--sub.js-nav-open {
position: static;
visibility: visible;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 0;
padding: 9px 5px;
padding: 0.5rem 0.25rem;
}
.header--sub .container {
padding: 0 72px;
padding: 0 4rem;
}
.header--sub li {
display: inline-block;
margin-left: 9px;
margin-left: 0.5rem;
}
.header--sub li.desktop-hide {
display: none;
}
.header--sub a {
display: inline-block;
padding: 0;
font-weight: normal;
}
.header--sub a:before {
content: '/';
margin-right: 18px;
margin-right: 1rem;
color: #7B7C7F;
}
.header--sub a:hover {
background-color: transparent;
color: #71b0db;
}
.header--sub li:first-child a:before {
display: none;
}
.header--sub .nav__search {
display: none;
}
}
@media only screen and (min-width: 1120px) {
.header .header__top li.desktop-only--social {
display: inline-block;
}
} .hero {
width: 100%;
height: 300px;
background-size: cover;
background-position: center;
margin: 0;
}
.hero--fallback { background-color: #eef6fe;
background-image: url(../../../themes/htl-theme/img/logo_placeholder.gif);
background-size: auto;
background-repeat: no-repeat;
}
@media only screen and (min-width: 640px) {
.hero {
height: 350px;
}
}
@media only screen and (min-width: 960px) {
.hero {
height: 400px;
}
} .icon {
display: inline-block;
background-image: url(../../../themes/htl-theme/img/sprite.svg);
background-position: top left;
}
.icon--circle {
position: relative;
vertical-align: middle;
background-image: none;
background-color: #71b0db;
width: 60px;
width: 3.33333rem;
height: 60px;
height: 3.33333rem;
border-radius: 100%;
text-align: center;
margin-right: 10px;
margin-right: 0.55556rem;
}
.icon--circle > .icon {
position: relative;
top: 13px;
top: 0.72222rem;
}
.icon--search {
background-position: 0 -39px;
width: 20px;
height: 20px;
}
.icon--menu {
background-position: 0 -67px;
width: 28px;
height: 20px;
}
.icon--cross {
background-position: -28px -67px;
width: 20px;
height: 20px;
}
.icon--accredited-training {
background-position: 0 -119px;
width: 24px;
height: 31px;
}
.icon--mechanical-training {
background-position: -24px -120px;
width: 30px;
height: 30px;
}
.icon--hse-training {
background-position: -54px -119px;
width: 32px;
height: 32px;
}
.icon--offshore-training {
background-position: -86px -119px;
width: 30px;
height: 32px;
}
.icon--management-training {
background-position: -116px -119px;
width: 32px;
height: 31px;
}
.icon--bespoke-training {
background-position: -148px -119px;
width: 30px;
height: 30px;
}
.icon--linkedin {
background-position: 0 -151px;
width: 44px;
height: 44px;
}
.icon--twitter {
background-position: -44px -151px;
width: 44px;
height: 44px;
}
.icon--facebook {
background-position: -88px -151px;
width: 44px;
height: 44px;
}
.icon--google_plus {
background-position: -132px -151px;
width: 44px;
height: 44px;
}
.icon--youtube {
background-position: -176px -151px;
width: 44px;
height: 44px;
}
.tab__item:hover .icon--accredited-training,
.tab__item:active .icon--accredited-training,
.tab__item.active .icon--accredited-training {
background-position: 0 -87px;
}
.tab__item:hover .icon--mechanical-training,
.tab__item:active .icon--mechanical-training,
.tab__item.active .icon--mechanical-training {
background-position: -24px -87px;
}
.tab__item:hover .icon--hse-training,
.tab__item:active .icon--hse-training,
.tab__item.active .icon--hse-training {
background-position: -54px -87px;
}
.tab__item:hover .icon--offshore-training,
.tab__item:active .icon--offshore-training,
.tab__item.active .icon--offshore-training {
background-position: -86px -87px;
}
.tab__item:hover .icon--management-training,
.tab__item:active .icon--management-training,
.tab__item.active .icon--management-training {
background-position: -116px -87px;
}
.tab__item:hover .icon--bespoke-training,
.tab__item:active .icon--bespoke-training,
.tab__item.active .icon--bespoke-training {
background-position: -148px -87px;
} .list--unstyled {
list-style: none;
margin: 0;
padding: 0;
}
.list--inline li {
display: inline-block;
}
.list--inline li.desktop-only--inline {
display: none;
}
@media only screen and (min-width: 640px) {
.list--inline li.mobile-only {
display: none;
}
.list--inline li.desktop-only {
display: block;
}
.list--inline li.desktop-only--inline {
display: inline-block;
}
}  .logo {
position: absolute;
left: 18px;
display: block;
text-indent: -9999em;
width: 110px;
height: 110px;
background-image: url(../../../themes/htl-theme/img/logo_mobile.png);
background-size: 100%;
z-index: 11;
} #header:after {
position: absolute;
content: '';
top: 0;
left: 18px;
width: 110px;
height: 110px;
border-radius: 100%;
box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3);
} @media only screen and (min-width: 960px) {
.logo {
top: 0;
width: 130px;
height: 130px;
background-image: url(../../../themes/htl-theme/img/logo_blank.png);
}
#header:after {
width: 130px;
height: 130px;
}
}
@media only screen and (min-width: 1140px) {
.logo {
left: 36px;
}
#header:after {
left: 50%;
margin-left: -533px;
}
} .separator {
display: block;
width: 72px;
width: 4rem;
border: 0;
height: 4px;
background: #183559;
margin-left: 0;
margin-right: 0;
text-align: left;
} .tab {
position: relative;
width: 100%;
overflow-x: hidden;
background: #71b0db;
color: #fff;
margin: 0;
text-align: center;
}
.tab .container {
padding: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.tab .icon {
vertical-align: middle;
}
.tab li {
position: relative;
}
.tab li:before, .tab li:after {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 50%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #fff), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%, rgba(255, 255, 255, 0) 100%);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
width: 1px;
}
.tab li:after {
visibility: hidden;
left: auto;
right: 0;
}
.tab li:last-child:after {
visibility: visible;
}
.nav--table {
display: table;
width: 100%;
}
.nav--table > li {
display: table-cell;
}
.tab__item {
position: relative;
color: #fff;
padding: 18px;
padding: 1rem;
font-size: 16px;
font-size: 0.88889rem;
text-align: center;
}
.tab__item:hover, .tab__item:active, .tab__item.active {
color: #183559;
}
.tab--courses .nav--table > li {
min-width: 180px;
}
.tab__title {
margin-top: 5px;
margin-top: 0.27778rem;
display: block;
text-align: center;
}
@media only screen and (min-width: 1140px) {
.tab .container {
padding: 0 72px;
padding: 0 4rem;
}
.tab--courses .nav--table > li {
min-width: 155px;
}
} table {
width: 100%;
}
thead {
background: #eef6fe;
}
th {
text-align: left;
}
th, td {
padding: 18px 9px;
padding: 1rem 0.5rem;
color: #183559;
}
td {
border-bottom: 1px solid #183559;
}
.table--sessions {
margin-top: 36px;
margin-top: 2rem;
}
@media only screen and (min-width: 640px) {
.table.desktop-only {
display: table;
}
} .desktop-only,
.desktop-only--inline,
.tablet-hide,
.desktop-only--social {
display: none;
}
.desktop-hide {
display: block;
}
.inline {
display: inline-block;
vertical-align: middle;
}
.pull-right {
float: right;
}
.js-search-open .js-search-open-hide {
display: none;
}
html, body {
height: 100%;
}
body {
position: relative;
margin-top: 80px;
}
.container {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1140px;
padding: 0 36px;
padding: 0 2rem;
}
.header + .section .container--no-hero { margin-top: 36px;
margin-top: 2rem;
}
.container--no-hero { margin-top: 36px;
margin-top: 2rem;
}
.anchor-image {
display: block;
margin-bottom: 26px;
margin-bottom: 1.45rem;
}
.anchor-image img {
display: block;
}
.page-template-page-course .section--normal {
padding-top: 90px;
padding-top: 5rem;
}
.page-template-page-course-category .page {
padding-top: 36px;
padding-top: 2rem;
}
.grid--courses {
font-size: 0;
}
.grid--courses > .grid__unit, #gform_fields_1.grid--courses > li {
display: inline-block;
float: none;
vertical-align: top;
}
.grid--courses .list--courses {
font-size: 18px;
font-size: 1rem;
}
.grid--courses .list--courses li, .grid--courses .list--courses ul {
margin-bottom: 0;
}
@media only screen and (min-width: 640px) {
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
.desktop-only--inline {
display: inline-block;
}
.container {
padding-left: 90px;
padding-left: 5rem;
}
}
@media only screen and (min-width: 960px) {
.mobile-hide {
display:none;
}
.tablet-hide {
display: block;
}
.desktop-hide {
display: none;
}
body {
margin: 0;
}
.container {
padding: 0 72px;
padding: 0 4rem;
}
.page-template-page-course .section--normal {
padding-top: 36px;
padding-top: 2rem;
}
}
@media only screen and (min-width: 1200px) {
.desktop-only--social {
display: inline-block;
}
} .tab + .section {
margin-top: -1px; }
.section { padding: 54px 0;
padding: 3rem 0;
margin: 0;
}
.section + .tab {
position: relative;
top: 1px; }
.section--normal {
border: 0;
}
.section--alt {
background: #eef6fe;
}
.section--title {
padding: 18px 0;
padding: 1rem 0;
background: #183559;
border: 0;
}
.section--title h1 .btn, .section--title h1 input[type="submit"] {
border: 0;
}
.section--title .icon {
display: inline-block;
vertical-align: middle;
margin-right: 18px;
margin-right: 1rem;
}
.section--title h1 {
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 18px;
font-size: 1rem;
}
.section--title .grid__unit, .section--title #gform_fields_1 > li {
margin: 0;
}
.section--title .btn--back {
display: none;
}
.section--title-alt {
background: #71b0db;
}
.section--related a {
display: inline-block;
margin-bottom: 26px;
margin-bottom: 1.45rem;
} .section--top {
padding: 72px 0 36px;
padding: 4rem 0 2rem;
}
@media only screen and (min-width: 640px) {
.section--title h1 {
font-size: 24px;
font-size: 1.33333rem;
}
.section--title .btn--back {
display: block;
position: relative;
top: 5px;
top: 0.25rem;
float: right;
}
}
@media only screen and (min-width: 960px) {
.section--title h1 {
font-size: 32px;
font-size: 1.77778rem;
}
} .form {
padding: 36px;
padding: 2rem;
}
.form .grid__unit.one-whole, .form #gform_fields_1 > li.one-whole {
padding: 0;
}
form.search {
position: relative;
width: 100%x;
text-align: left;
border: 1px solid #ccc;
border-radius: 2px;
background: #fff;
}
form.search label {
position: relative;
display: none;
background-position: 20px -39px;
}
form.search label:after {
position: absolute;
content: '';
top: -10px;
top: -0.55556rem;
left: 0;
bottom: -10px;
bottom: -0.55556rem;
width: 1px;
background-color: #71b0db;
}
form.search input {
background-image: url(../../../themes/htl-theme/img/sprite.svg);
width: 100%;
border: 0;
padding: 9px;
padding: 0.5rem;
padding-left: 44px;
padding-left: 2.44444rem;
background-position: 10px 10px;
background-position: 0.55556rem 0.55556rem;
background-repeat: no-repeat;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
label {
}
.legend {
display: block;
}
input,
textarea,
select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 100%;
border: 1px solid #ccc;
border-radius: 0;
outline: 0;
padding: 18px;
padding: 1rem;
line-height: 26px;
line-height: 1.45rem;
}
input:focus,
textarea:focus,
select:focus {
color: #183559;
border: 1px solid #183559;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
border: 0;
vertical-align: middle;
}
input[type="radio"] {
-webkit-appearance: radio;
appearance: radio;
}
select {
background: #f0f0f0;
background-image: url(../../../themes/htl-theme/img/sprite.svg);
background-position: right -264px;
background-repeat: no-repeat;
}
input[type="submit"] {
border: 0;
}
input[type="submit"]:hover, input[type="submit"]:active {
border: 0;
}
.nav .search {
border: 0;
} .gform_confirmation_wrapper {
margin: 0;
}
div.gform_wrapper {
max-width: 100%;
margin: 0;
}
div.gform_wrapper .validation_message {
color: #FF3B30;
}
div.gform_wrapper div.validation_error {
margin: 0 18px 26px;
margin: 0 1rem 1.45rem;
padding: 18px;
padding: 1rem;
border: 1px solid #FF3B30;
color: #FF3B30;
border-radius: 8px;
background: rgba(255, 59, 48, 0.1);
}
div.gform_wrapper .top_label textarea.textarea,
div.gform_wrapper .top_label select,
div.gform_wrapper .top_label input {
width: 100% !important;
}
div.gform_wrapper li.gfield_error input[type=text],
div.gform_wrapper li.gfield_error input[type=url],
div.gform_wrapper li.gfield_error input[type=email],
div.gform_wrapper li.gfield_error input[type=tel],
div.gform_wrapper li.gfield_error input[type=number],
div.gform_wrapper li.gfield_error textarea {
border: 1px solid #FF3B30;
}
div.gform_wrapper input[type=text],
div.gform_wrapper input[type=url],
div.gform_wrapper input[type=email],
div.gform_wrapper input[type=tel],
div.gform_wrapper input[type=number],
div.gform_wrapper textarea {
width: 100%;
border: 1px solid #ccc;
border-radius: 4px;
outline: 0;
padding: 9px;
padding: 0.5rem;
line-height: 26px;
line-height: 1.45rem;
}
div.gform_wrapper input[type=text]:focus,
div.gform_wrapper input[type=url]:focus,
div.gform_wrapper input[type=email]:focus,
div.gform_wrapper input[type=tel]:focus,
div.gform_wrapper input[type=number]:focus,
div.gform_wrapper textarea:focus {
color: #183559;
border: 1px solid #183559;
}
div.gform_wrapper li.gfield.gfield_error {
background: transparent;
border: 0;
}
div.gform_wrapper form ul li.gfield {
clear: none;
}
div.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label,
div.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label {
font-weight: 400;
}
div.gform_wrapper .gform_footer {
margin: 0;
padding: 0;
}
div.gform_wrapper .form--contact_wrapper .gform_footer {
margin-right: 36px;
margin-right: 2rem;
}
div.gform_wrapper .gfield {
margin-bottom: 26px;
margin-bottom: 1rem;
}
div.gform_wrapper label.gfield_label + div.ginput_container {
margin: 0 !important;
}
div.gform_wrapper .top_label .gfield_label {
display: none;
}
div.gform_wrapper .ginput_container + .gfield_description.validation_message {
margin: 0;
}
div.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
margin: 0 !important;
width: 50%;
padding: 0 18px !important;
padding: 0 1rem !important;
}
div.gform_wrapper ul.gfield_checkbox {
display: block;
margin-top: 26px;
margin-top: 1.45rem;
}
div.gform_wrapper.gf_browser_ie input.button, div.gform_wrapper.gf_browser_ie .gform_footer input.button {
padding: 18px;
padding: 1rem;
}
div.gform_wrapper .form--contact .gform_footer input[type=submit] {
position: relative;
right: 18px;
right: 1rem;
}
div.checkbox {
display: block;
float: left;
margin-right: 9px;
margin-right: 0.5rem;
}
div.checkbox > label {
position: relative;
display: block;
width: 22px !important;
height: 22px;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ccc;
margin: 0 !important;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
div.checkbox > label:before {
position: absolute;
content: '';
top: 50%;
left: 50%;
width: 14px;
height: 10px;
margin-left: -7px;
margin-top: -5px;
background-image: url(../../../themes/htl-theme/img/sprite.svg);
background-position: -68px -77px;
visibility: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
div.checkbox > label:active {
background-color: #f0f0f0;
}
div.checkbox input[type="checkbox"] {
display: none;
}
div.checkbox input[type="checkbox"]:checked + label {
box-shadow: inset 0 0 0 22px #183559;
border: 1px solid #183559;
}
div.checkbox input[type="checkbox"]:checked + label:active {
background-color: #71b0db;
}
div.checkbox input[type="checkbox"]:checked + label:before {
visibility: visible;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
} ul#gform_fields_1 {
padding-left: 12px;
}
#gform_fields_1 > li {
width: 100%;
}
#gform_fields_1 #field_1_7 {
width: 100%;
}
ul.gfield_checkbox {
padding-left:0px;
}
ul.gfield_checkbox li {
width:50%;
display:inline-block;
}
ul.gform_fields {
padding-left:0px;
}
body .gform_wrapper form .gform_body ul li {
list-style-type: none !important;
list-style-image: none !important;
list-style: none !important;
background-image: none !important;
background: none !important;
border: none !important
}
@media only screen and (max-width: 640px) {
.gform_fields > li {
width: 100% !important;
}
}
@media only screen and (min-width: 640px) {
div.gform_wrapper div.validation_error {
margin-top: 26px;
margin-top: 1.45rem;
}
}
@media only screen and (min-width: 960px) {
div.gform_wrapper div.validation_error {
margin-top: 0;
}
.header .nav__search {
position: relative;
margin-left: 18px;
margin-left: 1rem;
padding: 0;
}
.nav__search:hover {
cursor:pointer;  
}
.header .nav__search:before, .header .nav__search:after { position: absolute;
content: '';
}
.header .nav__search:before {
top: 50%;
margin-top: -10px;
left: 10px;
background-position: 0 -39px;
background-image: url(../../../themes/htl-theme/img/sprite.svg);
width: 20px;
height: 20px;
z-index: 1;
}
.header .nav__search:after {
top: 0;
bottom: 0;
left: 0px;
width: 1px;
background-color: rgba(113, 176, 219, 0); background: linear-gradient(to bottom, rgba(113, 176, 219, 0) 0%, #71b0db 50%, rgba(113, 176, 219, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(113, 176, 219, 0)), color-stop(50%, #71b0db), color-stop(100%, rgba(113, 176, 219, 0)));
background: -webkit-linear-gradient(top, rgba(113, 176, 219, 0) 0%, #71b0db 50%, rgba(113, 176, 219, 0) 100%);
}
.header .nav__search input {
width: 240px;
background-image: none;
padding: 9px 9px 9px 50px;
padding: 0.5rem 0.5rem 0.5rem 2.77778rem;
background-color: rgba(113, 176, 219, 0.2);
}
.js .nav__search { width: 48px;
overflow: hidden;
-webkit-transition: width 0.4s cubic-bezier(0.55, 0, 0.1, 1);
transition: width 0.4s cubic-bezier(0.55, 0, 0.1, 1);
}
.js .nav__search:before {
left: 18px;
}
.js .nav__search input {
background-color: #fff;
}
.js .nav__search.js-search-open {
width: 240px;
}
.js .nav__search.js-search-open:before {
left: 10px;
}
.js .nav__search.js-search-open:after {
display: none;
}
.js .nav__search.js-search-open:before {
background-position: 0 0;
}
.js .nav__search.js-search-open input {
background-color: rgba(113, 176, 219, 0.2);
}
.js-search-open .nav__search {
width: 140px;
}
.js-search-open .nav__search:before {
left: 10px;
}
.js-search-open .nav__search:after {
display: none;
}
.js-search-open .nav__search:before {
background-position: 0 0;
}
.js-search-open .nav__search input {
background-color: rgba(113, 176, 219, 0.2);
}
}
@media only screen and (min-width: 1024px) {
.js-search-open .nav__search {
width: 200px;
}
} div.dropdown {
border-radius: 4px;
width: 100%;
background-color: #fff;
padding: 9px;
padding: 0.5rem;
}
div.dropdown .selected {
padding: 3px;
padding: 0.16667rem;
color: #999;
font: inherit;
}
div.dropdown .selected:after {
-webkit-transition: none;
transition: none;
border-radius: 0 8px 8px 0;
}
div.dropdown:hover {
border: 1px solid #71b0db;
}
div.dropdown > div {
margin-top: 9px;
margin-top: 0.5rem;
border: 1px solid #183559;
border-radius: 8px;
-webkit-transition: none;
transition: none;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
div.dropdown ul {
padding: 0;
}
div.dropdown li {
padding: 18px;
padding: 1rem;
}
div.dropdown li:hover {
background: #71b0db;
}
div.dropdown .carat {
border: 0;
border-top: 0;
background-image: url(../../../themes/htl-theme/img/sprite.svg);
background-position: -180px -284px;
width: 20px;
height: 11px;
margin-top: -6px;
right: 18px;
}
div.dropdown.open {
border: 1px solid #183559;
box-shadow: none;
color: #183559;
background: #71b0db;
}
div.dropdown.open .selected {
color: #183559;
}
div.dropdown.open .selected:after {
box-shadow: inset -55px 0 25px -20px #71b0db;
}
div.dropdown.open .carat {
background-position: -48px -76px;
border-bottom: 0;
border: 0;
width: 20px;
height: 11px;
margin-top: -6px;
} .htl_header {
padding:20px 0px 20px 0px;
}
.htl_header h1 {
font-size:50px;
text-transform:uppercase;
font-style:italic;
font-weight:1000;
letter-spacing:-3px;
line-height:40px;
color:#FFFFFF;
}
.product-features {
padding: 1rem; 
}
.double_col ul { width:100%;}
.double_col ul li {float:left; width:49%; padding-right:1%;} .light_blue_box {background-color: #a0cdee !important; }
.light_blue_font {color: #a0cdee !important;}
.med_blue {}
.dark_blue {background-color:#183559;}
.dark_blue:hover {background-color: #a0cdee;}
.dark_green {background-color:#318a22;}
.dark_green:hover { background-color:#44b531;}
.light_grey { background-color:#F5F5F5; }
.feature_gradient { background-image: linear-gradient(rgb(23, 48, 84) 0%, rgb(8, 125, 195) 61%, rgb(48, 124, 184) 100%); }
.white { color:white;}
.vertical_center {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.c2a {
margin-bottom:0px;
}
.fa {
font-size:1.4em;
} .modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(160, 205, 238,0.5);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
overflow:scroll;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
width: 400px;
position: relative;
margin: 1% auto;
padding: 20px;
background: #fff;
margin-top:50px
}
@media only screen and (max-width: 320px) {
.modalDialog > div {
width: 320px;
position: relative;
margin: 1% auto;
padding: 20px;
background: #fff;
}
}
.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }
#feature-bar p{ font-size:0.88em;margin-bottom: 0; } .team-member {
font-size: 1.44444rem;
font-family: sans-serif;
font-weight: 600;
line-height: 1.5;
color: #183559;
margin-bottom:0px;
}
.team-role {
font-size: 1.2rem;
font-family:sans-serif;
font-weight:600;
line-height:1;
color:#a0cdee;
margin-bottom:0px;
} .map-container { 
padding: 1em 2em; 
position: relative;
}
.map-dot { 
position: absolute; 
background-color: #113677; 
width:6px; height: 6px; 
border-radius: 50% 50%; 
cursor: pointer;  
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.map-dot:hover, .mapselected { 
-webkit-transform: scale(1.6, 1.6);
transform: scale(1.6, 1.6);
}
.map-pointer { position: absolute;
background-image:url(../../../themes/htl-theme/img/pointer-2x.png); 
background-size:44px 53px; 
width:44px; 
height:53px;
cursor: pointer; 
}
.map-container img::-moz-selection {
background-color: transparent;
color: #000;
}
.map-container img::selection {
background-color: transparent;
color: #000;
}
.map {
width:100% !important;
}
iframe {
width:100% !important;
height: 450px;
}
.searchresults {
min-height:350px !important;
}
.product-box {
border:4px #eee solid;
}
.product-box:hover {
border: 4px rgba(160,205,238,0.5) solid;
animation-delay: 2s;
}
.fa-check { display: block; }
.fa-check::before { color: #a0cdee !important; padding-right:20px; }.bx-wrapper {
position: relative;
margin: 0;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
} .bx-wrapper .bx-viewport {
background:none;
left: -5px; -webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
display:none;
} .bx-wrapper .bx-loading {
min-height: 50px;
background:url(../../../themes/htl-theme/js/bxslider/img/bx_loader.gif) center center no-repeat        ;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #000;
} .bx-wrapper .bx-prev {
left: 10px;
background: url(../../../themes/htl-theme/js/bxslider/img/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(../../../themes/htl-theme/js/bxslider/img/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 1;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(../../../themes/htl-theme/js/bxslider/img/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(../../../themes/htl-theme/js/bxslider/img/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
.bx-viewport {
margin:0px;	
}