/**
* /css/system.less
*
* This file contains any custom CSS rules related to overridden module styles that relate to core functionality that applies across all sites.
* This is an interim/alternative option to copying the optional/custom modules' CSS file into
* /resources/modules/optional/MODULE/css/css-filename.css
* By retaining basic layout CSS in the modules' externals, this file can be used to
* apply site-specific styling that takes advantage of variables and mixins created as part of the main resource set.
*
*/
/***************/
/*** Message ***/
/***************/
/*******************/
/*** Breadcrumbs ***/
/*******************/
/******************/
/*** Pagination ***/
/******************/
/************************************************************************************/
/*** USAGE: ***/
/*** 1) Define company brand colours as variables, eg @precedenceBlue: #00a5e3. ***/
/*** 2) Use these to override default colours in Quick Config section. ***/
/*** 3) Update other Quick Config variables as needed. ***/
/*** 4) Style further as necessary for each individual project. ***/
/************************************************************************************/
/*********************/
/*** Brand Colours ***/
/*********************/
/********************/
/*** Quick Config ***/
/********************/
/* Header */
/* Navigation */
/* Sub Navigation */
/* Content */
/* Footer Link Colour */
/* Author Link Colour */
/*
Form Colours and Borders.
See forms.less for Label/Input Sizes and Distribution.
*/
/* Shadows */
/* Pagination */
/* System Messages */
/***********************************************/
/*** Responsive Layout and Global Structures ***/
/***********************************************/
/* Base Grid */
/* Width of the critical content area */
/* Tablet and Mobile Breakpoints */
/* Situational Breakpoints */
/* When the navigation should switch to compact mode */
/* When the design should change to a single-column layout */
/* When tables should stack cells */
/**********************/
/*** CMS: Overrides ***/
/**********************/
/**************************/
/*** CMS: Extra Classes ***/
/**************************/
/**
* /css/media.less
*
* This file contains any custom css rules related to the media module.
*
*/
/*************************/
/*** Individual Photos ***/
/*************************/
/*********************/
/*** Photo Gallery ***/
/*********************/
/* Form Label Options */
/* Form Input Size Options */
/**
* /css/modules.less
*
* This file contains any custom CSS rules related to overridden module styles.
* This is an interim/alternative option to copying the optional/custom modules' CSS file into
* /resources/modules/optional/MODULE/css/css-filename.css
* By retaining basic layout CSS in the modules' externals, this file can be used to
* apply site-specific styling that takes advantage of variables and mixins created as part of the main resource set.
*
*/
/***************/
/*** Feature ***/
/***************/
/**********************/
/*** Call To Action ***/
/**********************/
/*******************/
/*** News Module ***/
/*******************/
/*********************/
/*** Search Module ***/
/*********************/
/*******************/
/*** Auth Module ***/
/*******************/
/*********************************************************/
/*** Usage: This file needs to be added to end of the ***/
/*** "import" commands at the top of main.less *********/
/*********************************************************/
/******************************/
/*** Contentpanel Variables ***/
/******************************/
/* Content Panel Nav */
/* Content Panel Next/Previous */
/***********************************/
/*** Shared Contentpanel Styling ***/
/***********************************/
/****************************************************/
/*** Class Suffixes for Individual Panel Styling ****/
/****************************************************/
/*********************************************************/
/*** Usage: This file needs to be added to end of the ***/
/*** "import" commands at the top of main.less *********/
/*********************************************************/
/**********************/
/*** Shop Variables ***/
/**********************/
/*******************/
/*** Shop Mixins ***/
/*******************/
/****************************/
/*** Shared Shop Elements ***/
/****************************/
/*************************************/
/*** Category/Product List Styling ***/
/*************************************/
/* Category Listing */
/* Product Listing */
/***********************/
/*** Product Details ***/
/***********************/
/************************************/
/*** Shopping Cart: Checkout Page ***/
/************************************/
/* Shop Registration Form */
.right {
float: right;
}
@media handheld, only screen and (max-width:768px) {
.right {
float: none;
}
}
.left {
float: left;
}
@media handheld, only screen and (max-width:768px) {
.left {
float: none;
}
}
.clear::after {
content: ".";
display: block;
clear: both;
height: 0.0625em;
visibility: hidden;
}
.clr {
clear: both;
}
.box-shadow {
-webkit-box-shadow: 1px 1px 2px 2px #e6e6e6;
box-shadow: 1px 1px 2px 2px #e6e6e6;
}
.text-shadow {
text-shadow: 1px 1px 2px #666666;
filter: dropshadow(color=#666666, offx=1px, offy=1px);
}
html {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body, p {
margin: 0;
}
img {
max-width: 100%;
height: auto;
border: 0;
margin: 0;
padding: 0;
}
iframe {
max-width: 100%;
}
.block {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.block > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.block {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.msg {
color: #ffffff;
background: #F39800;
width: auto !important;
border: 0;
border-radius: 0;
padding: 0.5em 2.5em;
margin: 1em 0em 2em 0em !important;
}
.msg ul {
background: none !important;
border: 0 !important;
margin: 0 !important;
list-style-type: none;
}
.msg ul li {
margin: 0;
}
.msg a {
color: #ffffff;
}
.msg.errors {
color: #ffffff;
background: #a90000;
}
ul.breadcrumbs {
list-style-type: none;
margin: 0 0 1em 0 !important;
}
ul.breadcrumbs li {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
color: #ebebeb;
font-size: 0.9em;
padding: 0 0.2em 0 0;
}
ul.breadcrumbs li a {
color: #ebebeb;
text-decoration: none;
}
ul.breadcrumbs li a:hover {
color: #b8b8b8;
}
.pagination {
text-align: center;
margin-top: 1.5em;
}
.pagination ul.pagination {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
width: auto;
margin: 0;
}
.pagination ul.pagination li {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 0.9em;
border-radius: 50px;
margin: 0;
}
.pagination ul.pagination li span.disabled {
display: block;
color: #0b4c83;
background-color: transparent;
border-radius: 50px;
padding: 0em 0.75em;
cursor: default;
}
.pagination ul.pagination li a {
display: block;
color: #0b4c83;
background-color: transparent;
text-decoration: none;
border-radius: 50px;
padding: 0em 0.35em;
margin: 0.25em 0em;
cursor: pointer;
}
.pagination ul.pagination li a:hover {
color: #0b4c83;
background-color: transparent;
text-decoration: underline;
}
.pagination ul.pagination li.current a {
color:;
background-color: transparent;
text-decoration: underline;
cursor: default;
}
.pagination ul.pagination li.current a:hover {
color:;
background-color: transparent;
}
p {
margin: 26px 0;
font-size: 20px;
font-weight: 300;
line-height: 25px;
color: #777777;
}
@media handheld, only screen and (max-width:768px) {
p {
font-size: 17px;
line-height: 20px;
}
}
a {
color: #0b4c83;
text-decoration: none;
}
a:hover {
color: #83b6da;
text-decoration: underline;
}
@media handheld, only screen and (max-width:768px) {
a:hover {
color: #0b4c83;
}
}
h1, h2, h3, h4, h5, h6 {
color: #0a3e61;
font-weight: normal;
font-family: 'Raleway', Verdana, sans-serif;
margin: 20px 0 10px 0;
font-weight: 300;
}
h1, h2 {
color: #0a3e61;
font-size: 73px;
line-height: 78px;
margin: 0;
}
@media handheld, only screen and (max-width:768px) {
h1, h2 {
font-size: 39px;
line-height: 43px;
}
}
h1 .small, h2 .small {
display: block;
font-size: 20px;
line-height: 25px;
margin-bottom: 30px;
}
h3 {
font-size: 40px;
line-height: 47px;
}
@media handheld, only screen and (max-width:768px) {
h3 {
font-size: 35px;
}
}
h4 {
font-size: 24px;
font-weight: 600;
margin: 45px 0 10px 0 !important;
}
@media handheld, only screen and (max-width:768px) {
h4 {
font-size: 17px;
line-height: 20px;
}
}
h5 {
font-size: 1.25em;
}
h6 {
font-size: 20px;
margin: 0 0 20px 0;
line-height: 25px;
}
@media handheld, only screen and (max-width:768px) {
h6 {
font-size: 17px;
line-height: 20px;
}
}
ol, ul {
margin: 1em 0em 1em 2em;
}
ol li, ul li {
margin-bottom: 0.25em;
}
ol li ol, ol li ul, ul li ol, ul li ul {
margin: 0.5em 0em 0.5em 2em;
}
table {
border: 1px solid #e6e6e6;
border-collapse: collapse;
border-radius: 0;
margin: 1em 0em;
}
@media handheld, only screen and (max-width:768px) {
table {
table-layout: fixed;
width: 100%;
}
}
table tr {
border-bottom: 1px solid #e6e6e6;
}
@media handheld, only screen and (max-width:768px) {
table tr {
display: block;
background-color: #f7f7f7;
border-bottom: 1px solid #e6e6e6;
width: auto !important;
height: auto !important;
padding: 1em 0.75em;
}
}
table tr td, table tr th {
color: #777777;
background-color: #f7f7f7;
vertical-align: top;
padding: 0.5em 1em;
}
@media handheld, only screen and (max-width:768px) {
table tr td, table tr th {
display: block;
background-color: transparent;
border-bottom: none;
width: auto !important;
height: auto !important;
padding: 0.1em 0em;
}
}
table tr td .media-thumbnail img, table tr th .media-thumbnail img {
max-width: none;
}
@media handheld, only screen and (max-width:768px) {
table tr td .media-thumbnail img, table tr th .media-thumbnail img {
max-width: 100%;
}
}
@media handheld, only screen and (max-width:768px) {
table tr:last-child {
border-bottom: none;
}
}
@media handheld, only screen and (max-width:768px) {
table thead {
display: none;
}
}
@media handheld, only screen and (max-width:768px) {
table thead tr {
background-color: #0b4c83;
}
}
table thead tr td, table thead tr th {
color: #e7edf3;
background-color: #0b4c83;
font-weight: bold;
}
table tfoot {
border-top: 1px solid #e6e6e6;
}
@media handheld, only screen and (max-width:768px) {
table tfoot tr {
background-color: #ebebeb;
}
}
table tfoot tr td, table tfoot tr th {
color: #777777;
background-color: #ebebeb;
font-weight: bold;
}
table.table-invisible {
border-radius: 0px;
border: none;
}
table.table-invisible tr {
border: none;
}
@media handheld, only screen and (max-width:768px) {
table.table-invisible tr {
background-color: transparent;
border: none;
padding: 0em;
}
}
table.table-invisible tr td, table.table-invisible tr th {
color: #777777;
background-color: transparent;
border: none;
padding: 0.5em 1em 0.5em 0em;
}
@media handheld, only screen and (max-width:768px) {
table.table-invisible tr td, table.table-invisible tr th {
padding: 0em;
}
}
table.table-invisible thead tr td, table.table-invisible thead tr th, table.table-invisible tfoot tr td, table.table-invisible tfoot tr th {
color: #777777;
background-color: transparent;
font-weight: bold;
}
hr {
color: #e3e3e3;
background: #e3e3e3;
height: 2px;
margin: 30px 0;
}
hr.readmore-style-break {
color: transparent;
background-color: transparent;
margin: 0;
height: 0;
}
blockquote {
border-left: 2px solid #1d64ad;
padding-left: 20px;
margin-left: 1px;
font-weight: 700;
}
blockquote p {
font-weight: 600;
}
.news-button {
font-size: 16px;
color:;
font-weight: 200;
padding: 5px 29px 5px 0;
background-image: url('../../include/resources/safetcard/images/icons/i-grid-grey.png');
background-image: url('../../include/resources/safetcard/images/icons/i-grid-grey.svg'), none;
background-position: right center;
background-repeat: no-repeat;
background-size: 21px 21px;
}
.news-button:hover {
text-decoration: none;
}
.readmore-style-box hr {
margin: 60px 0 100px 0;
}
@media handheld, only screen and (max-width:768px) {
.readmore-style-box hr {
margin-bottom: 45px;
}
}
.readmore-style-box hr.readmore-style-break {
margin: 0;
}
.readmore-style-box p:first-of-type {
margin: 0;
}
.readmore-style-button {
color: #0b4c83;
background-color: white;
font-size: 1em;
font-family: 'Raleway', Verdana, sans-serif;
text-decoration: none;
border: 2px solid white;
border-radius: 50px;
margin: 0.4em 8px;
padding: 14px 22px 14px 57px;
cursor: pointer;
background-image: url('../../include/resources/safetcard/images/icons/i-dots-blue.png');
background-image: url('../../include/resources/safetcard/images/icons/i-dots-blue.svg'), none;
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 23px 23px;
position: absolute;
bottom: -27px;
left: 0;
right: 0;
margin: 0 auto;
width: 190px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.readmore-style-button.expanded {
font-size: 0;
}
.readmore-style-button.expanded:after {
position: absolute;
font-size: 20px;
content: 'Read Less';
}
.readmore-style-button:hover {
color: #0b4c83;
background-color: #ededed;
border-color: #ededed;
text-decoration: none;
}
.cms-page-comments-heading {
position: relative;
width: auto;
bottom: 0;
margin: 20px 0 40px 0 !important;
}
.cms-page-comments-heading.expanded {
font-size: 20px;
}
.cms-page-comments-heading.expanded:after {
position: absolute;
font-size: 20px;
content: '';
}
.text-button {
font-size: 15px;
background-size: 17px 17px;
padding: 2px 0 2px 26px;
background-position: left center;
margin: 0.4em 0;
background-image: url('../../include/resources/safetcard/images/icons/i-play-blue.png');
background-image: url('../../include/resources/safetcard/images/icons/i-play-blue.svg'), none;
background-size: 17px 17px;
background-position: left top 3px;
background-repeat: no-repeat;
}
.button, .white-button, .white-border-button, .submit, .small-button {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
color: white;
background-color: #0b4c83;
font-size: 1em;
font-family: 'Raleway', Verdana, sans-serif;
text-decoration: none;
border: 2px solid #0b4c83;
border-radius: 50px;
margin: 0.4em 8px;
padding: 14px 22px 14px 32px;
cursor: pointer;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.svg'), none;
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 23px 23px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.button:hover, .white-button:hover, .white-border-button:hover, .submit:hover, .small-button:hover {
color: #c2d2e0;
background-color: #093e6b;
border-color: #093e6b;
text-decoration: none;
}
.button.white-button, .white-button.white-button, .white-border-button.white-button, .submit.white-button, .small-button.white-button {
background-color: white;
border-color: white;
color: #0b4c83;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-blue.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-blue.svg'), none;
}
.button.white-button:hover, .white-button.white-button:hover, .white-border-button.white-button:hover, .submit.white-button:hover, .small-button.white-button:hover {
background-color: #0a3e61;
border-color: #fff;
color: white;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.svg'), none;
}
.button.white-border-button, .white-button.white-border-button, .white-border-button.white-border-button, .submit.white-border-button, .small-button.white-border-button {
background-color: transparent;
border-color: white;
color: white;
background-image: url('../../include/resources/safetcard/images/icons/i-play-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-play-white.svg'), none;
}
.button.white-border-button:hover, .white-button.white-border-button:hover, .white-border-button.white-border-button:hover, .submit.white-border-button:hover, .small-button.white-border-button:hover {
background-color: #0a3e61;
border-color: #fff;
}
.button.small-button, .white-button.small-button, .white-border-button.small-button, .submit.small-button, .small-button.small-button {
font-size: 15px;
background-size: 17px 17px;
padding: 8px 16px 8px 42px;
background-position: left 12px center;
margin: 0.4em 0;
}
.button-small {
padding: / 2;
}
.button-alt {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
color: white;
background-color: #0b4c83;
font-size: 1em;
font-family: 'Raleway', Verdana, sans-serif;
text-decoration: none;
border: 2px solid #0b4c83;
border-radius: 50px;
margin: 0.4em 8px;
padding: 14px 22px 14px 57px;
cursor: pointer;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.svg'), none;
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 23px 23px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.button-alt:hover {
color: #c2d2e0;
background-color: #093e6b;
border-color: #093e6b;
text-decoration: none;
}
.button-alt.white-button {
background-color: white;
border-color: white;
color: #0b4c83;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-blue.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-blue.svg'), none;
}
.button-alt.white-button:hover {
background-color: #0b4c83;
border-color: #0b4c83;
color: white;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.svg'), none;
}
.button-alt.white-border-button {
background-color: transparent;
border-color: white;
color: white;
background-image: url('../../include/resources/safetcard/images/icons/i-play-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-play-white.svg'), none;
}
.button-alt.white-border-button:hover {
background-color: #0b4c83;
border-color: #0b4c83;
}
.button-alt.small-button {
font-size: 15px;
background-size: 17px 17px;
padding: 8px 16px 8px 42px;
background-position: left 12px center;
margin: 0.4em 0;
}
.left {
float: left;
margin: 0em 1em 0.5em 0em;
}
@media handheld, only screen and (max-width:768px) {
.left {
float: none;
margin: 0.5em auto;
}
}
.right {
float: right;
margin: 0em 0em 0.5em 1em;
}
@media handheld, only screen and (max-width:768px) {
.right {
float: none;
margin: 0.5em auto;
}
}
.nosplit {
white-space: nowrap !important;
}
@media handheld, only screen and (max-width:768px) {
.nosplit {
white-space: normal;
}
}
.no-wrap {
clear: both !important;
}
.no-border {
background-color: transparent !important;
padding: 0em !important;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.media-thumbnail {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
max-width: 100%;
margin-top: 0.5em;
margin-bottom: 0.5em;
vertical-align: top;
}
@media handheld, only screen and (max-width:768px) {
.media-thumbnail {
display: block;
float: none;
text-align: center;
margin: 1.5em auto;
}
}
.media-thumbnail img {
background: transparent;
border: 0px solid #d9d9d9;
border-radius: 0;
vertical-align: middle;
padding: 0px;
}
@media handheld, only screen and (max-width:768px) {
.media-thumbnail img {
pointer-events: none;
}
}
.media-thumbnail .media-caption {
clear: both;
display: block;
color: #777777;
font-size: 0.85em;
text-align: center;
line-height: 1.4em;
margin: 0.5em auto;
}
@media handheld, only screen and (max-width:768px) {
.media-thumbnail .media-caption {
text-align: center;
margin: 0.5em auto 1em auto;
}
}
@media handheld, only screen and (max-width:768px) {
.media-thumbnail.left, .media-thumbnail.right {
display: block;
float: none;
text-align: center;
}
}
.media-thumbnail.left {
margin: 0 20px 20px 0;
}
@media handheld, only screen and (max-width:768px) {
.media-thumbnail.left {
margin: 0.5em auto;
}
}
.media-thumbnail.right {
margin: 20px 0 20px 0;
}
@media handheld, only screen and (max-width:768px) {
.media-thumbnail.right {
margin: 0.5em auto;
}
}
.media-thumbnail.media-size-hero, .media-thumbnail.media-size-internal-hero {
margin: 0;
}
.media-thumbnail.hero-badge {
margin-left: -80px;
margin-top: -80px;
}
@media handheld, only screen and (max-height:780px) and (min-width:920px) {
.media-thumbnail.hero-badge {
display: none;
}
}
@media handheld, only screen and (max-width:768px) {
.media-thumbnail.hero-badge {
margin: 0 auto;
max-width: 60%;
}
.media-thumbnail.hero-badge img {
margin-left: -5px;
}
}
.media-gallery {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.media-gallery > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.media-gallery {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.media-gallery .media-thumbnail {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 31.333333333333%;
border-radius: 0;
vertical-align: top;
margin-top: 0.5em;
margin-bottom: 0.5em;
overflow: hidden;
vertical-align: top;
}
@media handheld, only screen and (max-width:768px) {
.media-gallery .media-thumbnail {
display: block;
width: auto;
margin-left: 0;
}
}
.media-gallery .media-thumbnail img {
background: transparent;
width: 100%;
vertical-align: middle;
border: 0px solid #d9d9d9;
border-radius: 0;
padding: 0px;
}
.media-gallery .media-thumbnail .media-original-link {
display: block;
text-align: center;
margin: 0.5em auto;
}
@media handheld, only screen and (max-width:768px) {
.page-region form {
max-width: 100%;
}
}
.page-region form.form-invisible {
background: transparent;
border: none;
}
.page-region form.form-invisible .form-row {
background: transparent;
border: none;
padding: 0.6em 0;
}
.page-region form.f {
color: #777777;
background: transparent;
font-size: 1em;
font-family: 'Raleway', Verdana, sans-serif;
border: 0 solid #e6e6e6;
max-width: 100%;
padding: 0;
}
.page-region form.f .buttons {
margin: 0 0 0 7em;
border-bottom: none;
}
@media handheld, only screen and (max-width:768px) {
.page-region form.f .buttons {
max-width: 100%;
margin: 0;
}
}
@media handheld, only screen and (max-width:768px) {
.page-region form.f .buttons button, .page-region form.f .buttons .button {
width: auto;
}
}
.page-region form .form-row.inline-field, .page-region form .inline-field {
padding: 0.7em 0;
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row.inline-field, .page-region form .inline-field {
padding: 0.7em 0;
}
}
.page-region form .form-row.inline-field .field, .page-region form .inline-field .field {
margin-left: 0;
}
.page-region form .form-row {
color: #777777;
background: transparent;
font-family: 'Raleway', Verdana, sans-serif;
border-bottom: 0 solid #e6e6e6;
padding: 0;
}
.page-region form .form-row::after {
content: ".";
display: block;
clear: both;
height: 0.0625em;
visibility: hidden;
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row {
padding: 0;
}
}
.page-region form .form-row label {
float: left;
color: #777777;
background-color: transparent;
width: 6em;
margin: 0.35em 0;
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row label {
float: none;
width: auto;
}
}
.page-region form .form-row label.rhs_label {
float: none;
width: auto;
}
.page-region form .form-row .field {
margin-left: 7em;
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row .field {
display: block;
margin: 0;
}
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row .field .cal-icon {
display: block;
margin: 0;
}
}
.page-region form .form-row .field .validation-advice {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
color: #ffffff;
background: #a90000;
padding: 0.2em 0.35em;
margin: 0.3em 0.2em;
}
.page-region form .form-row .field .note.required {
color: #b80000;
background: transparent;
vertical-align: top;
padding: 0.3em 0.3em;
}
.page-region form .form-row input[type=text], .page-region form .form-row input[type=password], .page-region form .form-row select, .page-region form .form-row textarea {
color: #777777;
background: #ffffff;
font-size: 1em;
font-family: 'Raleway', Verdana, sans-serif;
width: 85%;
max-width: 100%;
border: 1px solid #e6e6e6;
border-radius: 0;
padding: 0.3em;
margin: 0.2em 0;
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row input[type=text], .page-region form .form-row input[type=password], .page-region form .form-row select, .page-region form .form-row textarea {
width: 85%;
}
}
.page-region form .form-row input[type=radio], .page-region form .form-row input[type=checkbox] {
border: 0;
margin: 0 0.2em 0 0;
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row select, .page-region form .form-row option {
width: 85%;
overflow: hidden;
}
}
.page-region form .form-row input.tiny, .page-region form .form-row textarea.tiny, .page-region form .form-row select.tiny {
width: 10%;
min-width: 5em;
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row input.tiny, .page-region form .form-row textarea.tiny, .page-region form .form-row select.tiny {
width: 85%;
min-width: 0;
}
}
.page-region form .form-row input.small, .page-region form .form-row textarea.small, .page-region form .form-row select.small {
width: 20%;
min-width: 12em;
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row input.small, .page-region form .form-row textarea.small, .page-region form .form-row select.small {
width: 85%;
min-width: 0;
}
}
.page-region form .form-row input.medium, .page-region form .form-row textarea.medium, .page-region form .form-row select.medium {
width: 50%;
min-width: 0;
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row input.medium, .page-region form .form-row textarea.medium, .page-region form .form-row select.medium {
width: 85%;
min-width: 0;
}
}
.page-region form .form-row input.large, .page-region form .form-row textarea.large, .page-region form .form-row select.large {
width: 85%;
min-width: 0;
}
@media handheld, only screen and (max-width:768px) {
.page-region form .form-row input.large, .page-region form .form-row textarea.large, .page-region form .form-row select.large {
width: 85%;
min-width: 0;
}
}
.page-region form .form-row .submit {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
color: white;
background-color: #0b4c83;
font-size: 1em;
font-family: 'Raleway', Verdana, sans-serif;
text-decoration: none;
border: 2px solid #0b4c83;
border-radius: 50px;
margin: 0.4em 8px;
padding: 14px 22px 14px 57px;
cursor: pointer;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.svg'), none;
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 23px 23px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.page-region form .form-row .submit:hover {
color: #c2d2e0;
background-color: #093e6b;
border-color: #093e6b;
text-decoration: none;
}
.page-region form .form-row .submit.white-button {
background-color: white;
border-color: white;
color: #0b4c83;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-blue.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-blue.svg'), none;
}
.page-region form .form-row .submit.white-button:hover {
background-color: #0b4c83;
border-color: #0b4c83;
color: white;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.svg'), none;
}
.page-region form .form-row .submit.white-border-button {
background-color: transparent;
border-color: white;
color: white;
background-image: url('../../include/resources/safetcard/images/icons/i-play-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-play-white.svg'), none;
}
.page-region form .form-row .submit.white-border-button:hover {
background-color: #0b4c83;
border-color: #0b4c83;
}
.page-region form .form-row .submit.small-button {
font-size: 15px;
background-size: 17px 17px;
padding: 8px 16px 8px 42px;
background-position: left 12px center;
margin: 0.4em 0;
}
.page-region form .form-row .submit:hover {
color: #c2d2e0;
background-color: #093e6b;
}
.page-region form.medium-label {
width: auto;
}
.page-region form.medium-label .buttons {
margin-top: 0;
}
.page-region form.medium-label .buttons.form-row {
border-bottom: none;
}
.page-region form.large-label label {
width: 16em;
margin-right: 1em;
}
@media handheld, only screen and (max-width:768px) {
.page-region form.large-label label {
width: 100%;
margin: 0;
}
}
.page-region form.large-label .field {
margin-left: 17em;
}
@media handheld, only screen and (max-width:768px) {
.page-region form.large-label .field {
margin-left: 0;
}
}
.page-region form.large-label .buttons {
margin-left: 17em;
}
@media handheld, only screen and (max-width:768px) {
.page-region form.large-label .buttons {
margin-left: 0;
}
}
#enquiry_form {
max-width: 495px;
}
.feature {
position: absolute;
left: 200px;
bottom: 0;
top: 0;
}
@media handheld, only screen and (max-width:768px) {
.feature {
position: relative;
left: 0;
width: 90%;
margin: 0 auto;
text-align: center;
}
}
.feature .line {
position: absolute;
width: 2px;
top: 0;
bottom: 0;
background-color: white;
z-index: 15;
}
@media handheld, only screen and (max-width:768px) {
.feature .line {
display: none;
}
}
.feature .feature-content {
position: absolute;
top: 220px;
left: -28px;
width: 730px;
}
@media handheld, only screen and (max-width:768px) {
.feature .feature-content {
position: relative;
left: 0;
top: 0;
width: 100%;
}
}
.feature .feature-content .icon-wrapper, .feature .feature-content .content-wrapper {
display: inline-block;
vertical-align: top;
}
.feature .feature-content .icon-wrapper {
width: 58px;
height: 58px;
border-radius: 50%;
background-color: white;
margin-right: 30px;
position: relative;
z-index: 20;
}
@media handheld, only screen and (max-width:768px) {
.feature .feature-content .icon-wrapper {
margin: 0 0 10px 0;
}
}
.feature .feature-content .icon-wrapper .media-thumbnail {
margin: 13px 12px 12px 15px;
}
.feature .feature-content .icon-wrapper .media-thumbnail img {
height: 28px;
}
.feature .feature-content .content-wrapper {
width: 85%;
position: relative;
z-index: 20;
}
@media handheld, only screen and (max-width:768px) {
.feature .feature-content .content-wrapper {
width: 100%;
}
}
.feature .feature-content .content-wrapper h3, .feature .feature-content .content-wrapper p {
color: white;
}
.feature .feature-content .content-wrapper h3 {
font-weight: 300;
margin: 0;
}
.feature .feature-content .content-wrapper p {
margin: 7px 0;
}
.feature .feature-content .shadow {
position: absolute;
left: -172px;
top: -240px;
z-index: 10;
opacity: 0.4;
}
@media handheld, only screen and (max-width:768px) {
.feature .feature-content .shadow {
display: none;
}
}
.cta-block {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
padding: 10px 0px;
}
.cta-block > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.cta-block {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
@media handheld, only screen and (max-width:768px) {
.cta-block {
padding: 0;
margin: -20px 0;
}
}
.cta-block .cta {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 23%;
}
@media handheld, only screen and (max-width:768px) {
.cta-block .cta {
display: block;
width: auto;
margin-left: 0;
}
}
@media handheld, only screen and (max-width:768px) {
.cta-block .cta {
max-width: 300px;
margin: 34px auto;
}
}
.cta-block .cta .inner {
display: block;
color: #ffffff;
text-decoration: none;
overflow: hidden;
text-align: center;
}
.cta-block .cta .inner .media-thumbnail {
height: 97px;
margin: 0 0 15px 0;
}
.cta-block .cta .inner .media-thumbnail.media-size-call-to-action {
display: block;
}
.cta-block .cta .inner .media-thumbnail.media-size-call-to-action img {
border: none;
border-radius: 0px;
padding: 0;
max-height: 85px;
vertical-align: middle;
}
@media handheld, only screen and (max-width:768px) {
.cta-block .cta .inner .media-thumbnail.media-size-call-to-action img {
margin-top: 0;
}
}
.cta-block .cta .inner .cta-title {
display: block;
font-size: 20px;
font-weight: 400;
}
.cta-block .cta .inner .cta-read-more {
display: block;
font-size: 16px;
font-weight: 200;
color: #83b6da;
}
.news-posts-divst-brief .news-post {
padding-left: 17px;
background-image: url('../../include/resources/safetcard/images/icons/i-arrow-blue.svg');
background-repeat: no-repeat;
background-position: top 6px left 3px;
background-size: 6px 9px;
font-size: 0;
margin-top: 26px;
}
.news-posts-divst-brief .news-post h4 {
display: inline-block;
vertical-align: top;
width: 80%;
margin: 0 !important;
}
@media handheld, only screen and (max-width:768px) {
.news-posts-divst-brief .news-post h4 {
font-size: 22px;
}
}
.news-posts-divst-brief .news-post h4 a:hover {
text-decoration: none;
}
@media handheld, only screen and (max-width:768px) {
.news-posts-divst-brief .news-post h4 {
display: block;
width: 100%;
}
}
.news-posts-divst-brief .news-post .details {
display: inline-block;
vertical-align: top;
width: 20%;
font-size: 16px;
}
.news-posts-divst-brief .news-post .details span {
padding: 0 14px;
}
.news-posts-divst-brief .news-post .details a:hover {
text-decoration: none;
}
@media handheld, only screen and (max-width:768px) {
.news-posts-divst-brief .news-post .details {
display: block;
width: 100%;
margin-top: 10px;
}
}
.news-posts-divst-brief .news-post .news-post-preview {
font-size: 20px;
margin-top: 10px;
font-weight: 200;
line-height: 25px;
}
.news-posts-divst-brief .news-post .news-post-preview a {
font-weight: 500;
}
.news-posts-divst-brief .news-post .news-post-preview a:hover {
text-decoration: none;
}
@media handheld, only screen and (max-width:768px) {
.news-posts-divst-brief .news-post .news-post-preview {
font-size: 17px;
line-height: 20px;
}
}
.news-wrapper.news-wrapper-with-sidebar {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.news-wrapper.news-wrapper-with-sidebar > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper.news-wrapper-with-sidebar {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.news-wrapper.news-wrapper-with-sidebar .news-content {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 73%;
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper.news-wrapper-with-sidebar .news-content {
display: block;
width: auto;
margin-left: 0;
}
}
.news-wrapper.news-wrapper-with-sidebar .news-sidebar {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 23%;
padding-top: 0.75em;
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper.news-wrapper-with-sidebar .news-sidebar {
display: block;
width: auto;
margin-left: 0;
}
}
.news-wrapper.news-wrapper-with-sidebar .news-sidebar .title {
background-color: #0b4c83;
padding: 4px 10px;
}
.news-wrapper.news-wrapper-with-sidebar .news-sidebar .title h3 {
margin: 0;
color: white;
font-size: 24px;
font-weight: 600;
}
.news-wrapper.news-wrapper-with-sidebar .news-sidebar .list {
border-bottom: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
padding: 21px 10px 16px 10px;
margin-bottom: 10px;
}
.news-wrapper.news-wrapper-with-sidebar .news-sidebar .list ul {
margin: 0 0 0 33px;
}
.news-wrapper.news-wrapper-with-sidebar .news-sidebar .list ul li ul {
margin: 0 0 0 20px;
}
.news-wrapper .news-posts-list .news-post {
border-bottom: 1px solid #f2f2f2;
}
.news-wrapper .news-posts-list .news-post.news-post-with-image {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.news-wrapper .news-posts-list .news-post.news-post-with-image > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper .news-posts-list .news-post.news-post-with-image {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.news-wrapper .news-posts-list .news-post.news-post-with-image .news-post-image {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 23%;
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper .news-posts-list .news-post.news-post-with-image .news-post-image {
display: block;
width: auto;
margin-left: 0;
}
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper .news-posts-list .news-post.news-post-with-image .news-post-image .media-thumbnail {
text-align: left;
}
}
.news-wrapper .news-posts-list .news-post.news-post-with-image .news-post-content {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 73%;
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper .news-posts-list .news-post.news-post-with-image .news-post-content {
display: block;
width: auto;
margin-left: 0;
}
}
.news-wrapper .news-posts-list .news-post .news-post-info {
color: #b7b7b7;
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper .news-posts-list .news-post .news-post-info .news-post-category, .news-wrapper .news-posts-list .news-post .news-post-info .news-post-date {
display: block;
}
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper .news-posts-list .news-post .news-post-info .news-post-spacer {
display: none;
}
}
.news-wrapper .news-posts-list .news-post .news-post-info a {
color: #b7b7b7;
}
.news-wrapper .news-posts-list .news-post:last-child {
border-bottom: none;
}
.news-wrapper .news-posts-single h1 {
font-size: 40px;
font-weight: 400;
line-height: 44px;
}
.news-wrapper .news-posts-single .news-post-information {
margin: 30px 0;
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper .news-posts-single .news-post-information .news-post-social, .news-wrapper .news-posts-single .news-post-information .news-date {
display: block;
float: none;
text-align: left;
margin: 0.25em 0;
}
}
.news-wrapper .news-posts-single .news-post-information .news-date {
color: #b7b7b7;
}
.news-wrapper .news-posts-single .cms-page-comment {
background: #f2f2f2;
}
.news-wrapper .news-posts-single .cms-page-comment .cms-page-comment-heading {
font-family: 'Raleway', Verdana, sans-serif;
}
.news-wrapper .news-posts-single .cms-page-comment .cms-page-comment-body {
color: #777777;
}
.news-wrapper .news-posts-single #cms_page_comment_form .form-row div.field #comment_field {
width: 85%;
}
.search-wrapper .search input.search-button {
background-color: #0b4c83;
}
.search-wrapper .search input.search-button:hover {
background-color: #093e6b;
}
@media handheld, only screen and (max-width:768px) {
.my-account-modify-form-buttons .button, .register-form-buttons .button {
text-align: left;
width: 100%;
}
}
.taipan-contentpanel-block {
position: relative;
}
.taipan-contentpanel-block.no-js.transition-horizontal, .taipan-contentpanel-block.no-js.transition-vertical {
overflow: hidden;
}
.taipan-contentpanel-block.no-js.transition-horizontal > .taipan-contentpanel-panelregion, .taipan-contentpanel-block.no-js.transition-vertical > .taipan-contentpanel-panelregion {
white-space: nowrap;
overflow: hidden;
}
.taipan-contentpanel-block.no-js.transition-horizontal > .taipan-contentpanel-panelregion .taipan-contentpanel-panel, .taipan-contentpanel-block.no-js.transition-vertical > .taipan-contentpanel-panelregion .taipan-contentpanel-panel {
display: inline-block;
width: 100%;
height: 100%;
vertical-align: top;
}
.taipan-contentpanel-block > .taipan-contentpanel-panelregion > .taipan-contentpanel-panel {
overflow: hidden;
position: relative;
z-index: 0;
}
.taipan-contentpanel-block > .taipan-contentpanel-panelregion > .taipan-contentpanel-panel h1:first-child, .taipan-contentpanel-block > .taipan-contentpanel-panelregion > .taipan-contentpanel-panel h2:first-child, .taipan-contentpanel-block > .taipan-contentpanel-panelregion > .taipan-contentpanel-panel h3:first-child, .taipan-contentpanel-block > .taipan-contentpanel-panelregion > .taipan-contentpanel-panel h4:first-child, .taipan-contentpanel-block > .taipan-contentpanel-panelregion > .taipan-contentpanel-panel h5:first-child, .taipan-contentpanel-block > .taipan-contentpanel-panelregion > .taipan-contentpanel-panel h6:first-child {
margin-top: 0px;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion {
padding: 0px;
margin: 0px;
z-index: 10;
min-width: 24px;
min-height: 42px;
pointer-events: none;
z-index: 1000;
position: absolute;
bottom: 100px !important;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul {
margin: 0px;
text-align: center;
overflow: hidden;
pointer-events: auto;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul li {
display: block;
padding: 0px;
margin: 0px;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul li a {
-webkit-transition: all ease 0.25s;
-moz-transition: all ease 0.25s;
-o-transition: all ease 0.25s;
-ms-transition: all ease 0.25s;
transition: all ease 0.25s;
display: block;
color: transparent;
border: 1px solid white;
border-radius: 50%;
width: 10px;
height: 10px;
margin: 8px 3px;
overflow: hidden;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul li a:hover {
background-color: white;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul li a.currentslide {
background-color: white;
}
@media handheld, only screen and (max-width:768px) {
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul li a {
display: none;
}
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul li a.taipan-hero-link-global {
-webkit-transition: all ease 0.25s;
-moz-transition: all ease 0.25s;
-o-transition: all ease 0.25s;
-ms-transition: all ease 0.25s;
transition: all ease 0.25s;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210px%22%20height%3D%2224px%22%3E%3Cpolygon%20fill%3D%22%23777777%22%20points%3D%220%2C0%2010%2C12%200%2C24%207%2C12%22%2F%3E%3C%2Fsvg%3E');
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 10px 24px;
border: none;
}
@media handheld, only screen and (max-width:768px) {
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul li a.taipan-hero-link-global {
display: none;
}
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul li a.taipan-hero-link-global:hover {
background-color: transparent;
opacity: 0.7;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul li a.taipan-hero-link-global.taipan-hero-link-global-next {
/* Safari and Chrome */
-webkit-transform: rotate(90deg); /* Firefox */
-moz-transform: rotate(90deg); /* IE 9 */
-ms-transform: rotate(90deg); /* Opera */
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul li a.taipan-hero-link-global.taipan-hero-link-global-previous {
/* Safari and Chrome */
-webkit-transform: rotate(270deg); /* Firefox */
-moz-transform: rotate(270deg); /* IE 9 */
-ms-transform: rotate(270deg); /* Opera */
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul.taipan-contentpanel-nav {
display: none;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul.taipan-contentpanel-controls {
position: absolute;
right: 0;
bottom: 0;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul.taipan-contentpanel-controls li {
overflow: hidden;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul.taipan-contentpanel-controls li a.taipan-hero-link-control-playpause {
display: none;
opacity: 0.4;
border: 1px solid #777777;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul.taipan-contentpanel-controls li a.taipan-hero-link-control-playpause:hover {
opacity: 0.7;
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul.taipan-contentpanel-controls li a.taipan-hero-link-control-playpause:hover.playing-mouseover {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210px%22%20height%3D%2224px%22%3E%3Cpolygon%20fill%3D%22%23777777%22%20points%3D%222%2C7%204%2C7%204%2C17%202%2C17%22%2F%3E%3Cpolygon%20fill%3D%22%23777777%22%20points%3D%226%2C7%208%2C7%208%2C17%206%2C17%22%2F%3E%3C%2Fsvg%3E');
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul.taipan-contentpanel-controls li a.taipan-hero-link-control-playpause.paused {
display: inline-block;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210px%22%20height%3D%2224px%22%3E%3Cpolygon%20fill%3D%22%23777777%22%20points%3D%224%2C7%209%2C12%204%2C17%22%2F%3E%3C%2Fsvg%3E');
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul.taipan-contentpanel-controls li a.taipan-hero-link-control-playpause.playing {
display: inline-block;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210px%22%20height%3D%2224px%22%3E%3Cpolygon%20fill%3D%22%23777777%22%20points%3D%222%2C7%204%2C7%204%2C17%202%2C17%22%2F%3E%3Cpolygon%20fill%3D%22%23777777%22%20points%3D%226%2C7%208%2C7%208%2C17%206%2C17%22%2F%3E%3C%2Fsvg%3E');
}
.taipan-contentpanel-block > .taipan-contentpanel-navregion > ul.taipan-contentpanel-controls li a.taipan-hero-link-control-playpause.playing-mouseover {
display: inline-block;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210px%22%20height%3D%2224px%22%3E%3Cpolygon%20fill%3D%22%23777777%22%20points%3D%223%2C7%208%2C7%208%2C10%206%2C12%208%2C14%208%2C17%203%2C17%203%2C14%205%2C12%203%2C10%22%2F%3E%3C%2Fsvg%3E');
}
.taipan-contentpanel-block.nav-vertical > .taipan-contentpanel-navregion, .taipan-contentpanel-block.nav-horizontal > .taipan-contentpanel-navregion {
display: block;
}
.taipan-contentpanel-block.nav-vertical > .taipan-contentpanel-navregion > ul.taipan-contentpanel-controls {
left: 0;
}
.taipan-contentpanel-block.nav-horizontal {
width: 100%;
}
.taipan-contentpanel-block.nav-horizontal > .taipan-contentpanel-navregion > ul li {
display: inline-block;
}
.taipan-contentpanel-block.nav-horizontal > .taipan-contentpanel-navregion > ul li a.taipan-hero-link-global {
display: none;
}
.taipan-contentpanel-block.nav-horizontal > .taipan-contentpanel-navregion > ul li a.taipan-hero-link-global.taipan-hero-link-global-next {
/* Safari and Chrome */
-webkit-transform: rotate(0deg); /* Firefox */
-moz-transform: rotate(0deg); /* IE 9 */
-ms-transform: rotate(0deg); /* Opera */
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.taipan-contentpanel-block.nav-horizontal > .taipan-contentpanel-navregion > ul li a.taipan-hero-link-global.taipan-hero-link-global-previous {
/* Safari and Chrome */
-webkit-transform: rotate(180deg); /* Firefox */
-moz-transform: rotate(180deg); /* IE 9 */
-ms-transform: rotate(180deg); /* Opera */
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.taipan-contentpanel-block.nav-horizontal > .taipan-contentpanel-navregion > ul.taipan-contentpanel-controls {
top: 0;
}
#hero-panels .shadow {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: url('../../include/resources/safetcard/images/i-hero-shadow.png');
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% auto;
}
@media handheld, only screen and (max-width:768px) {
#hero-panels .shadow {
background-image: none;
background-color: rgba(0, 0, 0, 0.6);
}
}
#hero-panels .taipan-contentpanel-panel {
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
background-attachment: fixed;
height: 1200px;
height: 100vh;
}
@media handheld, only screen and (max-width:768px) {
#hero-panels .taipan-contentpanel-panel {
height: auto;
background-attachment: scroll;
}
}
#hero-panels .taipan-contentpanel-panel .panel-constrain {
height: 100%;
}
#hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block {
height: 100%;
}
#hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell {
height: 100%;
text-align: center;
}
#hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell h1, #hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell h2, #hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell h3, #hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell h4, #hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell h5, #hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell h6, #hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell p {
/*text-shadow: 0 0 20px rgba(0, 0, 0, 0.7);*/
}
#hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell a {
text-shadow: 0 0 0 transparent;
}
@media handheld, only screen and (max-width:989px) {
#hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell {
padding: 20px 20px;
}
#hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell h4 {
margin: 10px 0 !important;
}
#hero-panels .taipan-contentpanel-panel .panel-constrain .panel-block .panel-cell p {
margin: 30px 0 !important;
}
}
.taipan-contentpanel-panel .fade-read-more-button {
display: none;
}
.taipan-contentpanel-panel.dark-blue {
background: #0a3e61;
}
.taipan-contentpanel-panel.read-more-fade {
height:460px;
overflow: visible !important;
}
.taipan-contentpanel-panel.read-more-fade .shadow {
background-repeat: repeat-x;
background-position: bottom center;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 500px;
z-index: 100;
}
.taipan-contentpanel-panel.read-more-fade .panel-constrain {
overflow: hidden;
}
.taipan-contentpanel-panel.read-more-fade .fade-read-more-button {
display: inline-block;
color: white;
background-color: #0a3e61;
font-size: 20px;
font-family: 'Raleway', Verdana, sans-serif;
text-decoration: none;
border: 2px solid #bc6134;
border-radius: 50px;
margin: 0.4em 8px;
padding: 14px 22px 13px 45px;
cursor: pointer;
background-image: url('../../include/resources/safetcard/images/icons/i-dots-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-dots-white.svg'), none;
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 23px 23px;
position: absolute;
bottom: -27px;
left: 0;
right: 0;
margin: 0 auto;
width: 190px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
z-index: 120;
}
.taipan-contentpanel-panel.read-more-fade .fade-read-more-button:hover {
color: white;
background-color: #31aadf;
border-color: #fff;
text-decoration: none;
}
.taipan-contentpanel-panel.read-more-fade.expanded {
height: auto;
}
.taipan-contentpanel-panel.read-more-fade.expanded .fade-read-more-button {
font-size: 0;
}
.taipan-contentpanel-panel.read-more-fade.expanded .fade-read-more-button:after {
/*position: absolute;*/
font-size: 20px;
content: 'Read Less';
}
.taipan-contentpanel-panel.read-more-fade.expanded .shadow {
height: 0;
}
.taipan-contentpanel-panel.read-more-fade.expanded .panel-constrain {
height: auto;
}
.taipan-contentpanel-panel.read-more {
overflow: visible !important;
z-index: 1 !important;
}
.taipan-contentpanel-panel.white-border, .taipan-contentpanel-panel.white-line {
border-bottom: 2px solid white;
}
.taipan-contentpanel-panel.dark-blue h1, .taipan-contentpanel-panel.dark-blue h2, .taipan-contentpanel-panel.dark-blue h6, .taipan-contentpanel-panel.black h1, .taipan-contentpanel-panel.black h2, .taipan-contentpanel-panel.black h6 {
color: #000000;
}
.taipan-contentpanel-panel.dark-blue h3, .taipan-contentpanel-panel.dark-blue h4, .taipan-contentpanel-panel.dark-blue h5, .taipan-contentpanel-panel.black h3, .taipan-contentpanel-panel.black h4, .taipan-contentpanel-panel.black h5 {
color: white;
}
.taipan-contentpanel-panel.dark-blue p, .taipan-contentpanel-panel.dark-blue blockquote, .taipan-contentpanel-panel.dark-blue ul, .taipan-contentpanel-panel.dark-blue ol, .taipan-contentpanel-panel.black p, .taipan-contentpanel-panel.black blockquote, .taipan-contentpanel-panel.black ul, .taipan-contentpanel-panel.black ol {
color: #000000;
line-height: 20px;
}
.taipan-contentpanel-panel.fixed-background {
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
@media handheld, only screen and (max-width:768px) {
.taipan-contentpanel-panel.fixed-background {
background-attachment: scroll;
}
.taipan-contentpanel-panel.fixed-background .shadow {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
}
}
.taipan-contentpanel-panel.small-text p, .taipan-contentpanel-panel.small-text blockquote, .taipan-contentpanel-panel.small-text ul, .taipan-contentpanel-panel.small-text ol {
font-size: 17px;
}
.taipan-contentpanel-panel.full-height {
height: 1200px;
height: 100vh;
}
@media handheld, only screen and (max-width:768px) {
.taipan-contentpanel-panel.full-height {
height: auto;
}
}
.taipan-contentpanel-panel.full-width .panel-constrain {
width: 100%;
margin: 0;
position: static;
}
.taipan-contentpanel-panel.full-width .panel-constrain .panel-block {
width: 100%;
margin: 0;
}
.taipan-contentpanel-panel.full-width .panel-constrain .panel-block .panel-cell {
width: 100%;
margin: 0;
}
.ajax-loading {
opacity: 0.5;
}
.warning-message {
color: #ffffff;
background-color: #a90000;
text-align: center;
border: 1px solid #ffffff;
padding: 0.5em;
margin: 1em 0em;
}
.list-category-wrapper, .list-product-wrapper {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.list-category-wrapper > *, .list-product-wrapper > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.list-category-wrapper, .list-product-wrapper {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.list-category-wrapper .list-category, .list-category-wrapper .list-product, .list-product-wrapper .list-category, .list-product-wrapper .list-product {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 23%;
text-align: center;
margin-bottom: 1.5em;
position: relative;
}
@media handheld, only screen and (max-width:768px) {
.list-category-wrapper .list-category, .list-category-wrapper .list-product, .list-product-wrapper .list-category, .list-product-wrapper .list-product {
display: block;
width: auto;
margin-left: 0;
}
}
@media handheld, only screen and (max-width:768px) {
.list-category-wrapper .list-category, .list-category-wrapper .list-product, .list-product-wrapper .list-category, .list-product-wrapper .list-product {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
}
}
@media handheld and handheld, handheld and only screen and (max-width:768px), only screen and (max-width:768px) and handheld, only screen and (max-width:768px) and only screen and (max-width:768px) {
.list-category-wrapper .list-category, .list-category-wrapper .list-product, .list-product-wrapper .list-category, .list-product-wrapper .list-product {
display: block;
width: auto;
margin-left: 0;
}
}
.list-category-wrapper .list-category.featured, .list-category-wrapper .list-product.featured, .list-product-wrapper .list-category.featured, .list-product-wrapper .list-product.featured {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 23%;
}
@media handheld, only screen and (max-width:768px) {
.list-category-wrapper .list-category.featured, .list-category-wrapper .list-product.featured, .list-product-wrapper .list-category.featured, .list-product-wrapper .list-product.featured {
display: block;
width: auto;
margin-left: 0;
}
}
@media handheld, only screen and (max-width:768px) {
.list-category-wrapper .list-category.featured, .list-category-wrapper .list-product.featured, .list-product-wrapper .list-category.featured, .list-product-wrapper .list-product.featured {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
}
}
@media handheld and handheld, handheld and only screen and (max-width:768px), only screen and (max-width:768px) and handheld, only screen and (max-width:768px) and only screen and (max-width:768px) {
.list-category-wrapper .list-category.featured, .list-category-wrapper .list-product.featured, .list-product-wrapper .list-category.featured, .list-product-wrapper .list-product.featured {
display: block;
width: auto;
margin-left: 0;
}
}
.list-category-wrapper .list-category .list-category-inner, .list-category-wrapper .list-category .list-product-inner, .list-category-wrapper .list-product .list-category-inner, .list-category-wrapper .list-product .list-product-inner, .list-product-wrapper .list-category .list-category-inner, .list-product-wrapper .list-category .list-product-inner, .list-product-wrapper .list-product .list-category-inner, .list-product-wrapper .list-product .list-product-inner {
background-color: transparent;
border: none;
border-radius: 0px;
overflow: hidden;
}
.list-category-wrapper .list-category .list-category-inner .media-thumbnail, .list-category-wrapper .list-category .list-product-inner .media-thumbnail, .list-category-wrapper .list-product .list-category-inner .media-thumbnail, .list-category-wrapper .list-product .list-product-inner .media-thumbnail, .list-product-wrapper .list-category .list-category-inner .media-thumbnail, .list-product-wrapper .list-category .list-product-inner .media-thumbnail, .list-product-wrapper .list-product .list-category-inner .media-thumbnail, .list-product-wrapper .list-product .list-product-inner .media-thumbnail {
display: block;
}
.list-category-wrapper .list-category .list-category-inner .category-card-title, .list-category-wrapper .list-category .list-category-inner .product-card-title, .list-category-wrapper .list-category .list-product-inner .category-card-title, .list-category-wrapper .list-category .list-product-inner .product-card-title, .list-category-wrapper .list-product .list-category-inner .category-card-title, .list-category-wrapper .list-product .list-category-inner .product-card-title, .list-category-wrapper .list-product .list-product-inner .category-card-title, .list-category-wrapper .list-product .list-product-inner .product-card-title, .list-product-wrapper .list-category .list-category-inner .category-card-title, .list-product-wrapper .list-category .list-category-inner .product-card-title, .list-product-wrapper .list-category .list-product-inner .category-card-title, .list-product-wrapper .list-category .list-product-inner .product-card-title, .list-product-wrapper .list-product .list-category-inner .category-card-title, .list-product-wrapper .list-product .list-category-inner .product-card-title, .list-product-wrapper .list-product .list-product-inner .category-card-title, .list-product-wrapper .list-product .list-product-inner .product-card-title {
display: block;
font-family: 'Raleway', Verdana, sans-serif;
}
.list-category-wrapper .list-category a, .list-category-wrapper .list-product a, .list-product-wrapper .list-category a, .list-product-wrapper .list-product a {
text-decoration: none;
}
.list-category-wrapper .list-category a:hover, .list-category-wrapper .list-product a:hover, .list-product-wrapper .list-category a:hover, .list-product-wrapper .list-product a:hover {
text-decoration: underline;
}
.list-category-wrapper {
padding: 1em 0em;
}
.list-product .list-product-inner .product-card-price {
display: block;
}
.product-details-wrapper {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.product-details-wrapper > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.product-details-wrapper .product-title {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-title {
display: block;
width: auto;
margin-left: 0;
}
}
.product-details-wrapper .product-info {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 64.666666666667%;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-info {
display: block;
width: auto;
margin-left: 0;
}
}
.product-details-wrapper .product-info.no-product-media {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-info.no-product-media {
display: block;
width: auto;
margin-left: 0;
}
}
.product-details-wrapper .product-info .product-stock-message .in-stock {
color: #777777;
}
.product-details-wrapper .product-info .product-stock-message .out-of-stock {
color: #c80c03;
}
.product-details-wrapper .product-info .product-price {
font-size: 2em;
font-family: 'Raleway', Verdana, sans-serif;
margin: 1em 0em;
}
.product-details-wrapper .product-info .product-price .on-special {
text-decoration: line-through;
}
.product-details-wrapper .product-info .add-to-cart .product-line-title {
margin-bottom: 0.75em;
}
.product-details-wrapper .product-info .add-to-cart .product-line-option {
display: block;
}
.product-details-wrapper .product-info .add-to-cart .product-line-option .option-label, .product-details-wrapper .product-info .add-to-cart .product-line-option .option-values {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-info .add-to-cart .product-line-option .option-label, .product-details-wrapper .product-info .add-to-cart .product-line-option .option-values {
display: block;
}
}
.product-details-wrapper .product-info .add-to-cart .product-line-option .option-label {
font-family: 'Raleway', Verdana, sans-serif;
min-width: 5em;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-info .add-to-cart .product-line-option .option-label {
min-width: 0em;
}
}
.product-details-wrapper .product-info .add-to-cart .product-line-option .option-values {
margin: 0.25em 0em;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-info .add-to-cart .product-line-option .option-values {
margin: 0.25em 0em 1em 0em;
}
}
.product-details-wrapper .product-info .add-to-cart .product-line-option .option-values select {
color: #777777;
background-color: #ffffff;
border: 1px solid #e6e6e6;
padding: 0.3em 1em 0.3em 0.5em;
}
.product-details-wrapper .product-info .add-to-cart .add-to-cart-button {
margin: 1em 0em;
}
.product-details-wrapper .product-media {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 31.333333333333%;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-media {
display: block;
width: auto;
margin-left: 0;
}
}
.product-details-wrapper .product-media .product-image-primary {
padding: 1.1em 0em 0em 0em;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-media .product-image-primary {
padding: 2em 0em 0em 0em;
}
}
.product-details-wrapper .product-media .product-image-primary .media-thumbnail {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-media .product-image-primary .media-thumbnail {
display: block;
width: auto;
margin-left: 0;
}
}
.product-details-wrapper .product-media .product-image-secondary {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.product-details-wrapper .product-media .product-image-secondary > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-media .product-image-secondary {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.product-details-wrapper .product-media .product-image-secondary .media-thumbnail {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 23%;
margin-bottom: 0.5em;
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-media .product-image-secondary .media-thumbnail {
display: block;
width: auto;
margin-left: 0;
}
}
@media handheld, only screen and (max-width:768px) {
.product-details-wrapper .product-media .product-image-secondary {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.product-details-wrapper .product-media .product-image-secondary > * {
font-size: 20px;
}
.product-details-wrapper .product-media .product-image-secondary .media-thumbnail {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 48%;
margin-bottom: 0.5em;
}
}
@media handheld and handheld, handheld and only screen and (max-width:768px), only screen and (max-width:768px) and handheld, only screen and (max-width:768px) and only screen and (max-width:768px) {
.product-details-wrapper .product-media .product-image-secondary {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
@media handheld and handheld, handheld and only screen and (max-width:768px), only screen and (max-width:768px) and handheld, only screen and (max-width:768px) and only screen and (max-width:768px) {
.product-details-wrapper .product-media .product-image-secondary .media-thumbnail {
display: block;
width: auto;
margin-left: 0;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row {
text-align: right;
border-bottom: 1px solid #e6e6e6;
padding: 0.75em 0.1em;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row {
text-align: left;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row .column {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
text-align: center;
vertical-align: middle;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row .column.item-options {
width: 3%;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row .column.item-options {
width: 100%;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row .column.thumbnail {
width: 20%;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row .column.thumbnail {
width: 100%;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row .column.thumbnail .media-thumbnail img {
margin: 0em;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row .column.description {
width: 44%;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row .column.price {
width: 10%;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row .column.quantity {
width: 10%;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row .column.total {
width: 10%;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.heading {
color: #0b4c83;
font-family: 'Raleway', Verdana, sans-serif;
padding: 0.5em 0em;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.heading {
display: none;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.heading .column {
font-size: 1.25em;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.heading .column.thumbnail, .cart-checkout-wrapper form.checkout-form .cart-items .row.heading .column.total {
display: none;
}
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item {
text-align: left;
padding: 1em 0em;
}
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.item-options {
text-align: left;
padding-bottom: 0.5em;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.item-options .cart-item-icon {
display: block;
margin: 0.1em auto;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.item-options .cart-item-icon {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.thumbnail .media-thumbnail img {
width: 90%;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.thumbnail .media-thumbnail img {
width: 20em;
width: 100%;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.description {
text-align: left;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.description {
width: 100%;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.description .product-options {
color: #666666;
font-size: 0.9em;
margin-bottom: 0.5em;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.description .product-options .product-option {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.description .product-options .product-option {
display: block;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.description .product-options .product-option .option-label, .cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.description .product-options .product-option .option-value {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.description .product-options .product-option .option-label {
font-weight: bold;
margin-right: 0.25em;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.description .product-nostock-message {
color: #c80c03;
font-size: 0.9em;
margin-top: 0.5em;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.price {
text-align: left;
width: 100%;
margin: 0.5em 0em;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.price .mobile-label {
display: none;
font-weight: bold;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.price .mobile-label {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
}
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.price .item-price {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.price .item-price .units {
display: block;
color: #666666;
font-size: 0.8em;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.price .item-price .units {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
}
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.quantity {
text-align: left;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.quantity .mobile-label {
display: none;
font-weight: bold;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.quantity .mobile-label {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
margin-bottom: 0.25em;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.quantity .quantity-field {
text-align: center;
width: 4em;
border: 1px solid #e6e6e6;
padding: 0.25em;
margin: 0em auto;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.total {
text-align: right;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.item .column.total {
display: none;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer .column {
text-align: right;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer .column {
text-align: left;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer .column.label {
font-weight: bold;
width: 89%;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer .column.label {
width: auto;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer .column.label::after {
content: ": ";
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer .column.amount {
width: 10%;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer .column.amount {
width: auto;
}
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer:first-child {
margin-top: 2em;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping {
text-align: center;
padding: 1em 0em;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping {
text-align: left;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping .weight, .cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping .shipping-options {
margin: 0.5em 0em;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping .shipping-options .label, .cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping .shipping-options .amount {
display: block;
margin: 0.25em 0em;
}
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping .label, .cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping .amount {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping .label {
font-weight: bold;
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping .label::after {
content: ": ";
}
.cart-checkout-wrapper form.checkout-form .cart-items .row.footer.shipping select {
color: #777777;
background: #ffffff;
font-size: 1em;
font-family: 'Raleway', Verdana, sans-serif;
width: auto;
max-width: 100%;
border: 1px solid #e6e6e6;
border-radius: 0;
padding: 0.2em 0.3em;
margin: 2px 0;
}
.cart-checkout-wrapper form.checkout-form .cart-logged-in .logged-in-username {
font-weight: bold;
}
.cart-checkout-wrapper form.checkout-form .address-details {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.cart-checkout-wrapper form.checkout-form .address-details > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .address-details {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.cart-checkout-wrapper form.checkout-form .address-details .billing-address {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 48%;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .address-details .billing-address {
display: block;
width: auto;
margin-left: 0;
}
}
.cart-checkout-wrapper form.checkout-form .address-details .shipping-address {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 48%;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .address-details .shipping-address {
display: block;
width: auto;
margin-left: 0;
}
}
.cart-checkout-wrapper form.checkout-form .address-details .shipping-address .shipping-address-selection {
margin: 1em 0em;
}
.cart-checkout-wrapper form.checkout-form .address-details .shipping-address .shipping-address-selection .radio-label {
padding-left: 0.25em;
}
.cart-checkout-wrapper form.checkout-form .address-details #shipment_default_address_region.use-shipping-address {
opacity: 1.0;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .address-details #shipment_default_address_region.use-shipping-address {
display: block;
}
}
.cart-checkout-wrapper form.checkout-form .address-details #shipment_default_address_region.use-invoice-address {
opacity: 0.4;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .address-details #shipment_default_address_region.use-invoice-address {
display: none;
}
}
.cart-checkout-wrapper form.checkout-form .additional-information {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.cart-checkout-wrapper form.checkout-form .additional-information > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .additional-information {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.cart-checkout-wrapper form.checkout-form .additional-information .order-comments, .cart-checkout-wrapper form.checkout-form .additional-information .vouchers {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 48%;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .additional-information .order-comments, .cart-checkout-wrapper form.checkout-form .additional-information .vouchers {
display: block;
width: auto;
margin-left: 0;
}
}
.cart-checkout-wrapper form.checkout-form .additional-information #postage-on-request-message, .cart-checkout-wrapper form.checkout-form .additional-information #stock-unavailable-message, .cart-checkout-wrapper form.checkout-form .additional-information #gift-voucher-info-region {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .additional-information #postage-on-request-message, .cart-checkout-wrapper form.checkout-form .additional-information #stock-unavailable-message, .cart-checkout-wrapper form.checkout-form .additional-information #gift-voucher-info-region {
display: block;
width: auto;
margin-left: 0;
}
}
.cart-checkout-wrapper form.checkout-form .additional-information .voucher-update {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
color: white;
background-color: #0b4c83;
font-size: 1em;
font-family: 'Raleway', Verdana, sans-serif;
text-decoration: none;
border: 2px solid #0b4c83;
border-radius: 50px;
margin: 0.4em 8px;
padding: 14px 22px 14px 57px;
cursor: pointer;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.svg'), none;
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 23px 23px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.cart-checkout-wrapper form.checkout-form .additional-information .voucher-update:hover {
color: #c2d2e0;
background-color: #093e6b;
border-color: #093e6b;
text-decoration: none;
}
.cart-checkout-wrapper form.checkout-form .additional-information .voucher-update.white-button {
background-color: white;
border-color: white;
color: #0b4c83;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-blue.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-blue.svg'), none;
}
.cart-checkout-wrapper form.checkout-form .additional-information .voucher-update.white-button:hover {
background-color: #0b4c83;
border-color: #0b4c83;
color: white;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.svg'), none;
}
.cart-checkout-wrapper form.checkout-form .additional-information .voucher-update.white-border-button {
background-color: transparent;
border-color: white;
color: white;
background-image: url('../../include/resources/safetcard/images/icons/i-play-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-play-white.svg'), none;
}
.cart-checkout-wrapper form.checkout-form .additional-information .voucher-update.white-border-button:hover {
background-color: #0b4c83;
border-color: #0b4c83;
}
.cart-checkout-wrapper form.checkout-form .additional-information .voucher-update.small-button {
font-size: 15px;
background-size: 17px 17px;
padding: 8px 16px 8px 42px;
background-position: left 12px center;
margin: 0.4em 0;
}
.cart-checkout-wrapper form.checkout-form .order-summary .cart-totals .row .column {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
}
.cart-checkout-wrapper form.checkout-form .order-summary .cart-totals .row .column.label {
font-weight: bold;
min-width: 15em;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .order-summary .cart-totals .row .column.label {
min-width: 0em;
}
}
.cart-checkout-wrapper form.checkout-form .order-summary .cart-totals .row .column.label::after {
content: ": ";
}
.cart-checkout-wrapper form.checkout-form .order-summary .cart-totals .row .column.amount {
width: 5em;
text-align: right;
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .order-summary .cart-totals .row .column.amount {
width: auto;
text-align: left;
}
}
@media handheld, only screen and (max-width:768px) {
.cart-checkout-wrapper form.checkout-form .payment-details .payment-gateway .company-details {
margin-left: 0em;
}
}
.shop-registration-form .invoice-details, .shop-registration-form .shipping-details {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 48%;
}
@media handheld, only screen and (max-width:768px) {
.shop-registration-form .invoice-details, .shop-registration-form .shipping-details {
display: block;
width: auto;
margin-left: 0;
}
}
* {
padding: 0;
margin: 0;
border: 0;
}
body, html {
height: 100%;
}
html {
-webkit-text-size-adjust: none;
}
body {
background: white;
font-family: 'Raleway', Verdana, sans-serif;
line-height: 1.35em;
}
.page-region {
position: relative;
overflow: hidden;
z-index: 3;
}
@media handheld, only screen and (max-width:989px) {
.desktop-only {
display: none !important;
}
}
.hero-wrapper {
position: relative;
}
.hero-wrapper.internal {
max-height: 500px;
overflow: hidden;
}
.hero-wrapper .logo-cell {
position: absolute;
left: 40px;
top: 37px;
z-index: 1000;
}
@media handheld, only screen and (max-width:989px) {
.hero-wrapper .logo-cell {
display: none;
}
}
.hero-wrapper .phone-cell a {
background-image: url('../../include/resources/file/images/icons/i-phone.png');
background-image: url('../../include/resources/file/images/icons/i-phone.svg'), none;
background-repeat: no-repeat;
background-position: right 165px center;
background-size: 23px 23px;
background-color: #0a3e61;
position: absolute;
right: 40px;
top: 37px;
z-index: 1000;
border: solid 2px #fff;
border-radius: 50px;
padding: 14px 22px 14px 65px;
color: #ffffff;
font-weight: bold;
font-size: 20px;
line-height: 25px;
text-decoration: none;
}
.hero-wrapper .phone-cell a:hover {
border-color: #ffffff;
}
@media handheld, only screen and (max-width:989px) {
.hero-wrapper .phone-cell a {
display: none;
}
}
.hero-wrapper .quick-escape-button {
position: absolute;
right: 60px;
top: 60px;
color: white;
background-color: red;
font-size: 1em;
font-family: 'Raleway', Verdana, sans-serif;
text-decoration: none;
border-radius: 50px;
margin: 0.4em 8px;
padding: 14px 22px 14px 57px;
cursor: pointer;
background-image: url('../../include/resources/safetcard/images/icons/i-reload-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-reload-white.svg'), none;
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 23px 23px;
z-index: 1000;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@media handheld, only screen and (max-width:989px) {
.hero-wrapper .quick-escape-button {
display: none;
}
}
.hero-wrapper .quick-escape-button:hover {
background-color: #db0000;
}
.hero-wrapper .hero-images {
position: relative;
}
.hero-wrapper .hero-images .shadow-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: url('../../include/resources/safetcard/images/i-hero-shadow.png');
background-repeat: no-repeat;
background-size: 100% auto;
background-position: bottom;
z-index: 100;
}
.nav-wrapper, .nav-wrapper-fixed {
height: 95px;
}
.nav-wrapper.nav-wrapper, .nav-wrapper-fixed.nav-wrapper {
border-top: 1px solid rgba(255, 255, 255, 0.3);
margin-top: -96px;
position: relative;
z-index: 2000;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper.nav-wrapper, .nav-wrapper-fixed.nav-wrapper {
display: none;
}
}
.nav-wrapper.nav-wrapper-fixed, .nav-wrapper-fixed.nav-wrapper-fixed {
top: -100px;
left: 0;
right: 0;
position: fixed;
background: #0a3e61;
z-index: 3000;
border-bottom: 2px solid #fff;
height: 96px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-wrapper.nav-wrapper-fixed.show, .nav-wrapper-fixed.nav-wrapper-fixed.show {
top: 0;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper.nav-wrapper-fixed, .nav-wrapper-fixed.nav-wrapper-fixed {
top: 0;
position: relative;
height: 80px;
}
}
.nav-wrapper .nav-constrain, .nav-wrapper .nav-constrain-fixed, .nav-wrapper-fixed .nav-constrain, .nav-wrapper-fixed .nav-constrain-fixed {
font-size: 20px;
width: 990px;
margin: 0 auto;
color: white;
}
@media screen and (max-width:1031.25px) {
.nav-wrapper .nav-constrain, .nav-wrapper .nav-constrain-fixed, .nav-wrapper-fixed .nav-constrain, .nav-wrapper-fixed .nav-constrain-fixed {
width: 92%;
padding: 50px 0;
}
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain.nav-constrain-fixed, .nav-wrapper .nav-constrain-fixed.nav-constrain-fixed, .nav-wrapper-fixed .nav-constrain.nav-constrain-fixed, .nav-wrapper-fixed .nav-constrain-fixed.nav-constrain-fixed {
width: 100%;
margin: 0;
padding: 0 !important;
}
}
.nav-wrapper .nav-constrain .nav-block, .nav-wrapper .nav-constrain .nav-block-fixed, .nav-wrapper .nav-constrain-fixed .nav-block, .nav-wrapper .nav-constrain-fixed .nav-block-fixed, .nav-wrapper-fixed .nav-constrain .nav-block, .nav-wrapper-fixed .nav-constrain .nav-block-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
text-align: center;
z-index: 20; /* Top Level */
}
.nav-wrapper .nav-constrain .nav-block > *, .nav-wrapper .nav-constrain .nav-block-fixed > *, .nav-wrapper .nav-constrain-fixed .nav-block > *, .nav-wrapper .nav-constrain-fixed .nav-block-fixed > *, .nav-wrapper-fixed .nav-constrain .nav-block > *, .nav-wrapper-fixed .nav-constrain .nav-block-fixed > *, .nav-wrapper-fixed .nav-constrain-fixed .nav-block > *, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.nav-wrapper .nav-constrain .nav-block, .nav-wrapper .nav-constrain .nav-block-fixed, .nav-wrapper .nav-constrain-fixed .nav-block, .nav-wrapper .nav-constrain-fixed .nav-block-fixed, .nav-wrapper-fixed .nav-constrain .nav-block, .nav-wrapper-fixed .nav-constrain .nav-block-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.nav-wrapper .nav-constrain .nav-block.nav-block-fixed .mobile-logo, .nav-wrapper .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-logo, .nav-wrapper .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-logo, .nav-wrapper .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-logo, .nav-wrapper-fixed .nav-constrain .nav-block.nav-block-fixed .mobile-logo, .nav-wrapper-fixed .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-logo, .nav-wrapper-fixed .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-logo, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-logo {
display: none;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block.nav-block-fixed .mobile-logo, .nav-wrapper .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-logo, .nav-wrapper .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-logo, .nav-wrapper .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-logo, .nav-wrapper-fixed .nav-constrain .nav-block.nav-block-fixed .mobile-logo, .nav-wrapper-fixed .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-logo, .nav-wrapper-fixed .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-logo, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-logo {
display: block;
height: 80px;
}
.nav-wrapper .nav-constrain .nav-block.nav-block-fixed .mobile-logo img, .nav-wrapper .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-logo img, .nav-wrapper .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-logo img, .nav-wrapper .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-logo img, .nav-wrapper-fixed .nav-constrain .nav-block.nav-block-fixed .mobile-logo img, .nav-wrapper-fixed .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-logo img, .nav-wrapper-fixed .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-logo img, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-logo img {
margin: 9px 0 0 8px;
}
}
.nav-wrapper .nav-constrain .nav-block.nav-block-fixed .mobile-phone, .nav-wrapper .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-phone, .nav-wrapper .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-phone, .nav-wrapper .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-phone, .nav-wrapper-fixed .nav-constrain .nav-block.nav-block-fixed .mobile-phone, .nav-wrapper-fixed .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-phone, .nav-wrapper-fixed .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-phone, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-phone {
display: none;
position: absolute;
text-align: left;
top: 8px;
right: 80px;
z-index: 1000;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block.nav-block-fixed .mobile-phone, .nav-wrapper .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-phone, .nav-wrapper .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-phone, .nav-wrapper .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-phone, .nav-wrapper-fixed .nav-constrain .nav-block.nav-block-fixed .mobile-phone, .nav-wrapper-fixed .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-phone, .nav-wrapper-fixed .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-phone, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-phone {
display: block;
}
.nav-wrapper .nav-constrain .nav-block.nav-block-fixed .mobile-phone a, .nav-wrapper .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-phone a, .nav-wrapper .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-phone a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-phone a, .nav-wrapper-fixed .nav-constrain .nav-block.nav-block-fixed .mobile-phone a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed.nav-block-fixed .mobile-phone a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block.nav-block-fixed .mobile-phone a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed.nav-block-fixed .mobile-phone a {
color: #ffffff;
line-height: 4em;
}
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block, .nav-wrapper .nav-constrain .nav-block-fixed, .nav-wrapper .nav-constrain-fixed .nav-block, .nav-wrapper .nav-constrain-fixed .nav-block-fixed, .nav-wrapper-fixed .nav-constrain .nav-block, .nav-wrapper-fixed .nav-constrain .nav-block-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed {
overflow: hidden;
text-align: left;
width: 100%;
margin-left: 0;
}
}
.nav-wrapper .nav-constrain .nav-block .nav-toggle, .nav-wrapper .nav-constrain .nav-block-fixed .nav-toggle, .nav-wrapper .nav-constrain-fixed .nav-block .nav-toggle, .nav-wrapper .nav-constrain-fixed .nav-block-fixed .nav-toggle, .nav-wrapper-fixed .nav-constrain .nav-block .nav-toggle, .nav-wrapper-fixed .nav-constrain .nav-block-fixed .nav-toggle, .nav-wrapper-fixed .nav-constrain-fixed .nav-block .nav-toggle, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed .nav-toggle {
display: none;
color: white;
background: transparent;
font-weight: bold;
text-transform: uppercase;
height: 80px;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
right: 0;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block .nav-toggle, .nav-wrapper .nav-constrain .nav-block-fixed .nav-toggle, .nav-wrapper .nav-constrain-fixed .nav-block .nav-toggle, .nav-wrapper .nav-constrain-fixed .nav-block-fixed .nav-toggle, .nav-wrapper-fixed .nav-constrain .nav-block .nav-toggle, .nav-wrapper-fixed .nav-constrain .nav-block-fixed .nav-toggle, .nav-wrapper-fixed .nav-constrain-fixed .nav-block .nav-toggle, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed .nav-toggle {
display: block;
}
}
.nav-wrapper .nav-constrain .nav-block .nav-toggle .toggle-icon, .nav-wrapper .nav-constrain .nav-block-fixed .nav-toggle .toggle-icon, .nav-wrapper .nav-constrain-fixed .nav-block .nav-toggle .toggle-icon, .nav-wrapper .nav-constrain-fixed .nav-block-fixed .nav-toggle .toggle-icon, .nav-wrapper-fixed .nav-constrain .nav-block .nav-toggle .toggle-icon, .nav-wrapper-fixed .nav-constrain .nav-block-fixed .nav-toggle .toggle-icon, .nav-wrapper-fixed .nav-constrain-fixed .nav-block .nav-toggle .toggle-icon, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed .nav-toggle .toggle-icon {
background-color: transparent;
background-image: url('../../include/resources/safetcard/images/g-menu.png');
background-image: url('../../include/resources/safetcard/images/g-menu.svg'), none;
background-position: center;
background-repeat: no-repeat;
width: 80px;
height: 80px;
border-radius: 0;
position: absolute;
top: 0;
right: 0;
}
.nav-wrapper .nav-constrain .nav-block .nav-cell, .nav-wrapper .nav-constrain .nav-block .nav-cell-fixed, .nav-wrapper .nav-constrain .nav-block-fixed .nav-cell, .nav-wrapper .nav-constrain .nav-block-fixed .nav-cell-fixed, .nav-wrapper .nav-constrain-fixed .nav-block .nav-cell, .nav-wrapper .nav-constrain-fixed .nav-block .nav-cell-fixed, .nav-wrapper .nav-constrain-fixed .nav-block-fixed .nav-cell, .nav-wrapper .nav-constrain-fixed .nav-block-fixed .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain .nav-block .nav-cell, .nav-wrapper-fixed .nav-constrain .nav-block .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain .nav-block-fixed .nav-cell, .nav-wrapper-fixed .nav-constrain .nav-block-fixed .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block .nav-cell, .nav-wrapper-fixed .nav-constrain-fixed .nav-block .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed .nav-cell, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed .nav-cell-fixed {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
}
@media handheld, only screen and (max-width:768px) {
.nav-wrapper .nav-constrain .nav-block .nav-cell, .nav-wrapper .nav-constrain .nav-block .nav-cell-fixed, .nav-wrapper .nav-constrain .nav-block-fixed .nav-cell, .nav-wrapper .nav-constrain .nav-block-fixed .nav-cell-fixed, .nav-wrapper .nav-constrain-fixed .nav-block .nav-cell, .nav-wrapper .nav-constrain-fixed .nav-block .nav-cell-fixed, .nav-wrapper .nav-constrain-fixed .nav-block-fixed .nav-cell, .nav-wrapper .nav-constrain-fixed .nav-block-fixed .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain .nav-block .nav-cell, .nav-wrapper-fixed .nav-constrain .nav-block .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain .nav-block-fixed .nav-cell, .nav-wrapper-fixed .nav-constrain .nav-block-fixed .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block .nav-cell, .nav-wrapper-fixed .nav-constrain-fixed .nav-block .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed .nav-cell, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed .nav-cell-fixed {
display: block;
width: auto;
margin-left: 0;
}
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block .nav-cell, .nav-wrapper .nav-constrain .nav-block .nav-cell-fixed, .nav-wrapper .nav-constrain .nav-block-fixed .nav-cell, .nav-wrapper .nav-constrain .nav-block-fixed .nav-cell-fixed, .nav-wrapper .nav-constrain-fixed .nav-block .nav-cell, .nav-wrapper .nav-constrain-fixed .nav-block .nav-cell-fixed, .nav-wrapper .nav-constrain-fixed .nav-block-fixed .nav-cell, .nav-wrapper .nav-constrain-fixed .nav-block-fixed .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain .nav-block .nav-cell, .nav-wrapper-fixed .nav-constrain .nav-block .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain .nav-block-fixed .nav-cell, .nav-wrapper-fixed .nav-constrain .nav-block-fixed .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block .nav-cell, .nav-wrapper-fixed .nav-constrain-fixed .nav-block .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed .nav-cell, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed .nav-cell-fixed {
display: none;
width: 100%;
margin: 0;
background-color: #83b6da;
}
}
.nav-wrapper .nav-constrain .nav-block.open .nav-toggle, .nav-wrapper .nav-constrain .nav-block-fixed.open .nav-toggle, .nav-wrapper .nav-constrain-fixed .nav-block.open .nav-toggle, .nav-wrapper .nav-constrain-fixed .nav-block-fixed.open .nav-toggle, .nav-wrapper-fixed .nav-constrain .nav-block.open .nav-toggle, .nav-wrapper-fixed .nav-constrain .nav-block-fixed.open .nav-toggle, .nav-wrapper-fixed .nav-constrain-fixed .nav-block.open .nav-toggle, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed.open .nav-toggle {
border-radius: 0 0 0px 0px;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block.open .nav-cell-fixed, .nav-wrapper .nav-constrain .nav-block-fixed.open .nav-cell-fixed, .nav-wrapper .nav-constrain-fixed .nav-block.open .nav-cell-fixed, .nav-wrapper .nav-constrain-fixed .nav-block-fixed.open .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain .nav-block.open .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain .nav-block-fixed.open .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block.open .nav-cell-fixed, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed.open .nav-cell-fixed {
display: block;
}
}
.nav-wrapper .nav-constrain .nav-block ul, .nav-wrapper .nav-constrain .nav-block-fixed ul, .nav-wrapper .nav-constrain-fixed .nav-block ul, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul, .nav-wrapper-fixed .nav-constrain .nav-block ul, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
list-style-type: none;
padding: 0;
margin: 0;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul, .nav-wrapper .nav-constrain .nav-block-fixed ul, .nav-wrapper .nav-constrain-fixed .nav-block ul, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul, .nav-wrapper-fixed .nav-constrain .nav-block ul, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul {
display: block;
text-align: left;
border: none;
}
}
.nav-wrapper .nav-constrain .nav-block ul li, .nav-wrapper .nav-constrain .nav-block-fixed ul li, .nav-wrapper .nav-constrain-fixed .nav-block ul li, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li, .nav-wrapper-fixed .nav-constrain .nav-block ul li, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
position: relative;
padding: 0;
margin: 0; /* 1st Dropdown Level */
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li, .nav-wrapper .nav-constrain .nav-block-fixed ul li, .nav-wrapper .nav-constrain-fixed .nav-block ul li, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li, .nav-wrapper-fixed .nav-constrain .nav-block ul li, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li {
display: block;
border-right: 0;
border-left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
}
.nav-wrapper .nav-constrain .nav-block ul li a, .nav-wrapper .nav-constrain .nav-block-fixed ul li a, .nav-wrapper .nav-constrain-fixed .nav-block ul li a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li a, .nav-wrapper-fixed .nav-constrain .nav-block ul li a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li a {
display: block;
color: white;
font-size: 17px;
text-decoration: none;
padding: 60px 13px;
white-space: nowrap; /* UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
&.has_children {
background-image: svg(~'');
background-position: center right;
background-repeat: no-repeat;
padding-right: 2.5em;
@media handheld, only screen and (max-width: @compactNavWidth) {
background-image: none;
padding-right: 0;
}
}
*/
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li a, .nav-wrapper .nav-constrain .nav-block-fixed ul li a, .nav-wrapper .nav-constrain-fixed .nav-block ul li a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li a, .nav-wrapper-fixed .nav-constrain .nav-block ul li a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li a {
white-space: normal;
padding: 13px 14px 12px 14px;
font-weight: 600;
background-image: none;
}
}
.nav-wrapper .nav-constrain .nav-block ul li a:hover, .nav-wrapper .nav-constrain .nav-block ul li a.current, .nav-wrapper .nav-constrain .nav-block-fixed ul li a:hover, .nav-wrapper .nav-constrain .nav-block-fixed ul li a.current, .nav-wrapper .nav-constrain-fixed .nav-block ul li a:hover, .nav-wrapper .nav-constrain-fixed .nav-block ul li a.current, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li a:hover, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li a.current, .nav-wrapper-fixed .nav-constrain .nav-block ul li a:hover, .nav-wrapper-fixed .nav-constrain .nav-block ul li a.current, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li a:hover, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li a.current, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li a:hover, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li a.current, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li a:hover, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li a.current {
color: white;
background-image: url('../../include/resources/safetcard/images/i-nav-point.svg');
background-repeat: no-repeat;
background-position: bottom center;
background-size: 9px 5px; /* UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
&.has_children {
background-image: svg(~'');
background-position: center right;
background-repeat: no-repeat;
padding-right: 2.5em;
@media handheld, only screen and (max-width: @compactNavWidth) {
background-image: none;
padding-right: 0;
}
}
*/
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li a:hover, .nav-wrapper .nav-constrain .nav-block ul li a.current, .nav-wrapper .nav-constrain .nav-block-fixed ul li a:hover, .nav-wrapper .nav-constrain .nav-block-fixed ul li a.current, .nav-wrapper .nav-constrain-fixed .nav-block ul li a:hover, .nav-wrapper .nav-constrain-fixed .nav-block ul li a.current, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li a:hover, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li a.current, .nav-wrapper-fixed .nav-constrain .nav-block ul li a:hover, .nav-wrapper-fixed .nav-constrain .nav-block ul li a.current, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li a:hover, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li a.current, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li a:hover, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li a.current, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li a:hover, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li a.current {
background-image: none;
}
}
.nav-wrapper .nav-constrain .nav-block ul li:first-child, .nav-wrapper .nav-constrain .nav-block-fixed ul li:first-child, .nav-wrapper .nav-constrain-fixed .nav-block ul li:first-child, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:first-child, .nav-wrapper-fixed .nav-constrain .nav-block ul li:first-child, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:first-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:first-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:first-child {
border-top: none;
}
.nav-wrapper .nav-constrain .nav-block ul li:first-child a, .nav-wrapper .nav-constrain .nav-block-fixed ul li:first-child a, .nav-wrapper .nav-constrain-fixed .nav-block ul li:first-child a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:first-child a, .nav-wrapper-fixed .nav-constrain .nav-block ul li:first-child a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:first-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:first-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:first-child a {
/*margin-left: -13px;*/
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li:first-child a, .nav-wrapper .nav-constrain .nav-block-fixed ul li:first-child a, .nav-wrapper .nav-constrain-fixed .nav-block ul li:first-child a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:first-child a, .nav-wrapper-fixed .nav-constrain .nav-block ul li:first-child a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:first-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:first-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:first-child a {
margin-left: 0;
}
}
.nav-wrapper .nav-constrain .nav-block ul li:last-child a, .nav-wrapper .nav-constrain .nav-block-fixed ul li:last-child a, .nav-wrapper .nav-constrain-fixed .nav-block ul li:last-child a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:last-child a, .nav-wrapper-fixed .nav-constrain .nav-block ul li:last-child a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:last-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:last-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:last-child a {
margin-right: -13px;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li:last-child, .nav-wrapper .nav-constrain .nav-block-fixed ul li:last-child, .nav-wrapper .nav-constrain-fixed .nav-block ul li:last-child, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:last-child, .nav-wrapper-fixed .nav-constrain .nav-block ul li:last-child, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:last-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:last-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.nav-wrapper .nav-constrain .nav-block ul li:last-child a, .nav-wrapper .nav-constrain .nav-block-fixed ul li:last-child a, .nav-wrapper .nav-constrain-fixed .nav-block ul li:last-child a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:last-child a, .nav-wrapper-fixed .nav-constrain .nav-block ul li:last-child a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:last-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:last-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:last-child a {
margin-right: 0;
}
}
.nav-wrapper .nav-constrain .nav-block ul li:hover a, .nav-wrapper .nav-constrain .nav-block-fixed ul li:hover a, .nav-wrapper .nav-constrain-fixed .nav-block ul li:hover a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:hover a, .nav-wrapper-fixed .nav-constrain .nav-block ul li:hover a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:hover a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:hover a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:hover a {
background-image: url('../../include/resources/safetcard/images/i-nav-point.svg');
background-repeat: no-repeat;
background-position: bottom center;
background-size: 9px 5px;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li:hover a, .nav-wrapper .nav-constrain .nav-block-fixed ul li:hover a, .nav-wrapper .nav-constrain-fixed .nav-block ul li:hover a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:hover a, .nav-wrapper-fixed .nav-constrain .nav-block ul li:hover a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:hover a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:hover a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:hover a {
background-image: none;
}
}
.nav-wrapper .nav-constrain .nav-block ul li:hover ul, .nav-wrapper .nav-constrain .nav-block-fixed ul li:hover ul, .nav-wrapper .nav-constrain-fixed .nav-block ul li:hover ul, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:hover ul, .nav-wrapper-fixed .nav-constrain .nav-block ul li:hover ul, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:hover ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:hover ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:hover ul {
height: auto;
visibility: visible;
}
.nav-wrapper .nav-constrain .nav-block ul li:hover ul a, .nav-wrapper .nav-constrain .nav-block-fixed ul li:hover ul a, .nav-wrapper .nav-constrain-fixed .nav-block ul li:hover ul a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:hover ul a, .nav-wrapper-fixed .nav-constrain .nav-block ul li:hover ul a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:hover ul a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:hover ul a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:hover ul a {
background-image: none;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li:hover ul, .nav-wrapper .nav-constrain .nav-block-fixed ul li:hover ul, .nav-wrapper .nav-constrain-fixed .nav-block ul li:hover ul, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li:hover ul, .nav-wrapper-fixed .nav-constrain .nav-block ul li:hover ul, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li:hover ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li:hover ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li:hover ul {
top: auto;
}
}
.nav-wrapper .nav-constrain .nav-block ul li ul, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul {
display: block;
background-color: #093e6b;
min-width: 103%;
height: auto;
margin: 0;
padding: 0;
position: absolute;
top: 95px;
left: 0;
right: auto;
visibility: hidden;
z-index: 20;
border-top: 1px solid white;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li ul, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul {
background: transparent;
height: auto;
border: none;
border-radius: 0px;
position: static;
top: auto;
visibility: visible;
overflow: hidden;
margin-top: -8px;
margin-bottom: 11px;
border-top: 0;
}
}
.nav-wrapper .nav-constrain .nav-block ul li ul li, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li {
display: block;
background-color: #bc6134;
line-height: 1.8em;
text-align: left;
border: none; /* 2nd Dropdown Level */
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li ul li, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li {
background-color: transparent;
border: 0;
}
}
.nav-wrapper .nav-constrain .nav-block ul li ul li:first-child, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li:first-child, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li:first-child, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li:first-child, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li:first-child, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li:first-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li:first-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li:first-child {
border: none;
}
.nav-wrapper .nav-constrain .nav-block ul li ul li:first-child a, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li:first-child a, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li:first-child a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li:first-child a, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li:first-child a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li:first-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li:first-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li:first-child a {
margin-left: 0;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li ul li:first-child, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li:first-child, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li:first-child, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li:first-child, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li:first-child, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li:first-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li:first-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li:first-child {
border: 0;
border-top: 0;
}
}
.nav-wrapper .nav-constrain .nav-block ul li ul li:last-child, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li:last-child, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li:last-child, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li:last-child, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li:last-child, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li:last-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li:last-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li:last-child {
border: none;
}
.nav-wrapper .nav-constrain .nav-block ul li ul li:last-child a, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li:last-child a, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li:last-child a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li:last-child a, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li:last-child a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li:last-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li:last-child a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li:last-child a {
margin-right: 0;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li ul li:last-child, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li:last-child, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li:last-child, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li:last-child, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li:last-child, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li:last-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li:last-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li:last-child {
border: 0;
border-top: 0;
}
}
.nav-wrapper .nav-constrain .nav-block ul li ul li a, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li a, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li a, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li a {
color: white;
padding: 0.5em 2em 0.5em 1em; /* UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
&.has_children {
background-image: svg(~'');
background-position: center right;
background-repeat: no-repeat;
padding-right: 2.5em;
@media handheld, only screen and (max-width: @compactNavWidth) {
background-image: none;
padding-right: 0;
}
}
*/
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li ul li a, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li a, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li a, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li a, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li a, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li a, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li a {
padding: 8px 24px;
line-height: 14px;
font-weight: 300;
}
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li ul li a:last-child, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li a:last-child, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li a:last-child, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li a:last-child, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li a:last-child, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li a:last-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li a:last-child, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li a:last-child {
border: 0;
border-top: 0;
}
}
.nav-wrapper .nav-constrain .nav-block ul li ul li a:hover, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li a:hover, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li a:hover, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li a:hover, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li a:hover, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li a:hover, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li a:hover, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li a:hover {
color: white;
background-color: #864322;
background-image: none; /* UN-COMMENT TO ENABLE TOP-LEVEL PARENT ARROWS
&.has_children {
background-image: svg(~'');
background-position: center right;
background-repeat: no-repeat;
padding-right: 2.5em;
@media handheld, only screen and (max-width: @compactNavWidth) {
background-image: none;
padding-right: 0;
}
}
*/
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li ul li a:hover, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li a:hover, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li a:hover, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li a:hover, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li a:hover, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li a:hover, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li a:hover, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li a:hover {
color: white;
}
}
.nav-wrapper .nav-constrain .nav-block ul li ul li > ul, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li > ul, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li > ul, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li > ul, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li > ul, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li > ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li > ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li > ul {
display: none;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li ul li > ul, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li > ul, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li > ul, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li > ul, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li > ul, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li > ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li > ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li > ul {
display: block;
}
}
.nav-wrapper .nav-constrain .nav-block ul li ul li:hover > ul, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li:hover > ul, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li:hover > ul, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li:hover > ul, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li:hover > ul, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li:hover > ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li:hover > ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li:hover > ul {
display: block;
position: absolute;
top: 0;
left: 100%;
}
@media handheld, only screen and (max-width:989px) {
.nav-wrapper .nav-constrain .nav-block ul li ul li:hover > ul, .nav-wrapper .nav-constrain .nav-block-fixed ul li ul li:hover > ul, .nav-wrapper .nav-constrain-fixed .nav-block ul li ul li:hover > ul, .nav-wrapper .nav-constrain-fixed .nav-block-fixed ul li ul li:hover > ul, .nav-wrapper-fixed .nav-constrain .nav-block ul li ul li:hover > ul, .nav-wrapper-fixed .nav-constrain .nav-block-fixed ul li ul li:hover > ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block ul li ul li:hover > ul, .nav-wrapper-fixed .nav-constrain-fixed .nav-block-fixed ul li ul li:hover > ul {
position: static;
}
}
.content-wrapper .content-constrain {
font-size: 20px;
width: 990px;
margin: 0 auto;
color: #777777;
padding: 95px 0;
background: #ffffff;
}
@media screen and (max-width:1031.25px) {
.content-wrapper .content-constrain {
width: 92%;
padding: 50px 0;
}
}
.content-wrapper .content-constrain .content-block {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.content-wrapper .content-constrain .content-block > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.content-wrapper .content-constrain .content-block {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.content-wrapper .content-constrain .content-block .content-cell {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
}
@media handheld, only screen and (max-width:768px) {
.content-wrapper .content-constrain .content-block .content-cell {
display: block;
width: auto;
margin-left: 0;
}
}
.content-wrapper .content-constrain .content-block .content-cell .subnav {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.content-wrapper .content-constrain .content-block .content-cell .subnav > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.content-wrapper .content-constrain .content-block .content-cell .subnav {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.content-wrapper .content-constrain .content-block .content-cell .subnav li {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 31.333333333333%;
}
@media handheld, only screen and (max-width:768px) {
.content-wrapper .content-constrain .content-block .content-cell .subnav li {
display: block;
width: auto;
margin-left: 0;
}
}
.content-wrapper .content-constrain .content-block .content-cell .subnav li a {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
color: white;
background-color: #0b4c83;
font-size: 1em;
font-family: 'Raleway', Verdana, sans-serif;
text-decoration: none;
border: 2px solid #0b4c83;
border-radius: 50px;
margin: 0.4em 8px;
padding: 14px 22px 14px 57px;
cursor: pointer;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.svg'), none;
background-repeat: no-repeat;
background-position: left 16px center;
background-size: 23px 23px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 100%;
}
.content-wrapper .content-constrain .content-block .content-cell .subnav li a:hover {
color: #c2d2e0;
background-color: #093e6b;
border-color: #093e6b;
text-decoration: none;
}
.content-wrapper .content-constrain .content-block .content-cell .subnav li a.white-button {
background-color: white;
border-color: white;
color: #0b4c83;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-blue.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-blue.svg'), none;
}
.content-wrapper .content-constrain .content-block .content-cell .subnav li a.white-button:hover {
background-color: #0b4c83;
border-color: #0b4c83;
color: white;
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-tick-white.svg'), none;
}
.content-wrapper .content-constrain .content-block .content-cell .subnav li a.white-border-button {
background-color: transparent;
border-color: white;
color: white;
background-image: url('../../include/resources/safetcard/images/icons/i-play-white.png');
background-image: url('../../include/resources/safetcard/images/icons/i-play-white.svg'), none;
}
.content-wrapper .content-constrain .content-block .content-cell .subnav li a.white-border-button:hover {
background-color: #0b4c83;
border-color: #0b4c83;
}
.content-wrapper .content-constrain .content-block .content-cell .subnav li a.small-button {
font-size: 15px;
background-size: 17px 17px;
padding: 8px 16px 8px 42px;
background-position: left 12px center;
margin: 0.4em 0;
}
.content-wrapper .content-constrain .content-block .content-cell .subnav li ul {
display: none;
}
.content-wrapper .panel-constrain {
font-size: 20px;
width: 990px;
margin: 0 auto;
padding: 95px 0;
position: relative;
}
@media screen and (max-width:1031.25px) {
.content-wrapper .panel-constrain {
width: 92%;
padding: 50px 0;
}
}
.content-wrapper .panel-constrain .panel-block {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.content-wrapper .panel-constrain .panel-block > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.content-wrapper .panel-constrain .panel-block {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.content-wrapper .panel-constrain .panel-block .panel-cell {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
}
@media handheld, only screen and (max-width:768px) {
.content-wrapper .panel-constrain .panel-block .panel-cell {
display: block;
width: auto;
margin-left: 0;
}
}
.content-wrapper .panel-constrain .panel-block .panel-cell #hero-panels {
position: relative;
}
.center-vertically {
z-index: 1000;
position: relative;
}
.extra-light-text {
font-weight: 200 !important;
}
.light-text {
font-weight: 300 !important;
}
.white-text {
color: white;
}
.grey-text {
color: #777777;
}
.blue-text {
color: #0b4c83;
}
.black-text {
color: #242424;
}
.half, .half-last {
display: inline-block;
vertical-align: top;
width: 48.8%;
}
.half.half, .half-last.half {
margin-right: 2%;
}
.half.half-last, .half-last.half-last {
margin-right: -2%;
}
@media handheld, only screen and (max-width:768px) {
.half, .half-last {
display: block;
width: 100%;
margin: 0;
}
}
.third, .third-last {
display: inline-block;
vertical-align: top;
width: 31%;
}
.third.third, .third-last.third {
margin-right: 2%;
}
.third.third-last, .third-last.third-last {
margin-right: -2%;
}
@media handheld, only screen and (max-width:768px) {
.third, .third-last {
display: block;
width: 100%;
margin: 0;
}
}
.news-wrapper .news-constrain {
font-size: 20px;
width: 990px;
margin: 0 auto;
color: #777777;
padding: 95px 0;
background: #ffffff;
}
@media screen and (max-width:1031.25px) {
.news-wrapper .news-constrain {
width: 92%;
padding: 50px 0;
}
}
.news-wrapper .news-constrain .news-block {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.news-wrapper .news-constrain .news-block > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper .news-constrain .news-block {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.news-wrapper .news-constrain .news-block .news-cell {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper .news-constrain .news-block .news-cell {
display: block;
width: auto;
margin-left: 0;
}
}
@media handheld, only screen and (max-width:768px) {
.news-wrapper .news-constrain .news-block .news-cell h3 {
margin-top: -10px;
}
}
.footer-wrapper {
background-image: url('images/9c5a1eb23997d932b27599c3dfcb71c6.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.footer-wrapper .footer-constrain {
font-size: 20px;
width: 990px;
margin: 0 auto;
color: #777777;
padding: 95px 0 30px 0;
}
@media screen and (max-width:1031.25px) {
.footer-wrapper .footer-constrain {
width: 92%;
padding: 50px 0;
}
}
.footer-wrapper .footer-constrain .footer-block {
font-size: 0;
display: block;
margin-left: -2%;
width: 102%;
padding: 0;
}
.footer-wrapper .footer-constrain .footer-block > * {
font-size: 20px;
}
@media handheld, only screen and (max-width:768px) {
.footer-wrapper .footer-constrain .footer-block {
font-size: 20px;
width: 100%;
margin-left: 0;
}
}
.footer-wrapper .footer-constrain .footer-block .footer-cell {
display: inline-block; /* IE7 */
*display: inline; /* IE7 */
*zoom: 1;
font-size: 20px;
margin: 0;
margin-left: 2%;
vertical-align: top;
width: 98%;
text-align: right;
}
@media handheld, only screen and (max-width:768px) {
.footer-wrapper .footer-constrain .footer-block .footer-cell {
display: block;
width: auto;
margin-left: 0;
}
}
@media handheld, only screen and (max-width:768px) {
.footer-wrapper .footer-constrain .footer-block .footer-cell {
text-align: center;
}
}
.footer-wrapper .footer-constrain .footer-block .footer-cell .footer-contact {
margin: 75px 15px 150px 0;
}
.footer-wrapper .footer-constrain .footer-block .footer-cell .footer-contact .contact {
color: white;
font-size: 24px;
line-height: 16px;
margin: 30px 0;
}
.footer-wrapper .footer-constrain .footer-block .footer-cell .footer-contact .contact .small {
font-size: 14px;
color: #808080;
}
.footer-wrapper .footer-constrain .footer-block .footer-cell .footer-contact .contact a {
color: white;
}
.footer-wrapper .footer-constrain .footer-block .footer-cell .footer-contact .contact a:hover img {
opacity: 0.7;
}
.footer-wrapper .footer-constrain .footer-block .footer-cell .footer-contact .contact:last-of-type {
margin-top: 40px;
}
.footer-wrapper .footer-constrain .footer-block .footer-cell .footer-author {
margin-right: 15px;
}
.footer-wrapper .footer-constrain .footer-block .footer-cell .footer-author a {
display: block;
color: white;
font-size: 14px;
color: #fff;
}
.basic .content-wrapper .content-constrain {
padding: 0;
margin: 0;
}
.basic .content-wrapper .content-constrain form {
margin: 0;
}
.basic .content-wrapper .content-constrain form .form_row label {
float: left;
}
#sb-container #sb-title {
background-color: #093e6b;
color: #ffffff;
height: 75px;
padding-left: 50px;
}
#sb-container #sb-title #sb-title-inner {
font-size: 1.25em;
line-height: 75px;
}
#sb-container #sb-player {
background-color: #ffffff;
padding: 25px 25px 25px 50px;
font-size: 1.25em;
}