html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.clearfix:before, .row:before,
.clearfix:after,
.row:after {
content: "";
display: table; }
.clearfix:after, .row:after {
clear: both; }
@font-face {
font-family: 'NexaLight';
src: url("../fonts/NexaLight.ttf.woff") format("woff"), url("../fonts/NexaLight.ttf.svg#NexaLight") format("svg"), url("../fonts/NexaLight.ttf.eot"), url("../fonts/NexaLight.eot?#iefix") format("embedded-opentype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'FontAwesome';
src: url("../fonts/fontawesome-webfont.eot");
src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
html, body {
height: 100%;
font-size: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 400; }
/** =========================================
* Typography
===========================================*/
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
margin-bottom: 24px; }
h1 {
font-size: 45px;
line-height: 1; }
@media screen and (min-width: 480px) {
h1 {
font-size: 52.5px; } }
@media screen and (min-width: 768px) {
h1 {
font-size: 60px; } }
@media screen and (min-width: 992px) {
h1 {
font-size: 67.5px; } }
@media screen and (min-width: 1200px) {
h1 {
font-size: 75px; } }
@media screen and (min-width: 1600px) {
h1 {
font-size: 75px; } }
h2 {
font-size: 36.8px; }
@media screen and (min-width: 480px) {
h2 {
font-size: 36.8px; } }
@media screen and (min-width: 768px) {
h2 {
font-size: 36.8px; } }
@media screen and (min-width: 992px) {
h2 {
font-size: 41.4px; } }
@media screen and (min-width: 1200px) {
h2 {
font-size: 46px; } }
@media screen and (min-width: 1600px) {
h2 {
font-size: 46px; } }
h3 {
font-size: 24px; }
@media screen and (min-width: 480px) {
h3 {
font-size: 24px; } }
@media screen and (min-width: 768px) {
h3 {
font-size: 24px; } }
@media screen and (min-width: 992px) {
h3 {
font-size: 27px; } }
@media screen and (min-width: 1200px) {
h3 {
font-size: 30px; } }
@media screen and (min-width: 1600px) {
h3 {
font-size: 30px; } }
h4 {
font-size: 21.6px; }
@media screen and (min-width: 480px) {
h4 {
font-size: 21.6px; } }
@media screen and (min-width: 768px) {
h4 {
font-size: 21.6px; } }
@media screen and (min-width: 992px) {
h4 {
font-size: 24.3px; } }
@media screen and (min-width: 1200px) {
h4 {
font-size: 27px; } }
@media screen and (min-width: 1600px) {
h4 {
font-size: 27px; } }
h5 {
font-size: 17.6px; }
@media screen and (min-width: 480px) {
h5 {
font-size: 17.6px; } }
@media screen and (min-width: 768px) {
h5 {
font-size: 17.6px; } }
@media screen and (min-width: 992px) {
h5 {
font-size: 19.8px; } }
@media screen and (min-width: 1200px) {
h5 {
font-size: 22px; } }
@media screen and (min-width: 1600px) {
h5 {
font-size: 22px; } }
h6 {
font-size: 15.2px; }
@media screen and (min-width: 480px) {
h6 {
font-size: 15.2px; } }
@media screen and (min-width: 768px) {
h6 {
font-size: 15.2px; } }
@media screen and (min-width: 992px) {
h6 {
font-size: 17.1px; } }
@media screen and (min-width: 1200px) {
h6 {
font-size: 19px; } }
@media screen and (min-width: 1600px) {
h6 {
font-size: 19px; } }
p, li {
font-size: 14.4px; }
@media screen and (min-width: 480px) {
p, li {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
p, li {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
p, li {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
p, li {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
p, li {
font-size: 18px; } }
span {
font-size: 11.2px; }
@media screen and (min-width: 480px) {
span {
font-size: 11.2px; } }
@media screen and (min-width: 768px) {
span {
font-size: 11.2px; } }
@media screen and (min-width: 992px) {
span {
font-size: 12.6px; } }
@media screen and (min-width: 1200px) {
span {
font-size: 14px; } }
@media screen and (min-width: 1600px) {
span {
font-size: 14px; } }
p, li {
line-height: 1.4; }
.vertical {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute; }
.vertical.center {
left: 0;
right: 0;
margin: 0 auto;
text-align: center; }
.uppercase {
text-transform: uppercase; }
.center {
text-align: center; }
.contained {
max-width: 1140px;
margin: 0 auto; }
.wysiwyg {
padding: 24px; }
.wysiwyg .blue {
color: #013e7d; }
.wysiwyg .blue-dark {
color: #263d88; }
.wysiwyg p {
margin-bottom: 12px;
display: block;
font-family: 'Open Sans', sans-serif;
font-weight: 400; }
.wysiwyg p a {
color: #263d88;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-decoration: none; }
.wysiwyg p a:hover {
text-decoration: underline; }
.wysiwyg strong {
font-family: 'Open Sans', sans-serif;
font-weight: 700; }
.wysiwyg .text-primary {
color: #263d88; }
.wysiwyg h6 {
line-height: 1.3; }
.wysiwyg ul {
list-style: none;
margin-bottom: 12px; }
.wysiwyg ul li {
position: relative;
padding-left: 24px;
padding-bottom: 6px; }
.wysiwyg ul li:before {
position: absolute;
content: '';
display: block;
width: 4px;
height: 4px;
border-radius: 6px;
left: 4px;
top: 10px;
background: #000000;
display: block; }
.wysiwyg ul.dark li {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
padding-bottom: 12px; }
.wysiwyg ul.dark li:before {
background: #263d88; }
.wysiwyg ul.dark li:hover, .wysiwyg ul.dark li.active {
cursor: pointer;
color: #263d88; }
.wysiwyg ul.dark li:hover:before, .wysiwyg ul.dark li.active:before {
background: #263d88; }
.wysiwyg ul.unstyled li {
font-family: 'Open Sans', sans-serif;
font-weight: 700;
cursor: pointer;
padding-left: 0; }
.wysiwyg ul.unstyled li:before {
display: none; }
.wysiwyg ul.unstyled li:hover, .wysiwyg ul.unstyled li.active {
color: #263d88; }
.padded, .pagination-alt {
padding-top: 52px;
padding-bottom: 82px; }
.constrained {
max-width: 1140px;
margin: 0 auto; }
* {
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
font-smooth: always;
font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-resolution: 240dpi) {
.icon-checkbox-checked {
background-image: url(../img/sprites-retina.png);
background-size: 54px 25px; }
.icon-checkbox {
background-image: url(../img/sprites-retina.png);
background-size: 54px 25px; } }
.no-flexboxlegacy.no-touch.no-canvas .icon-checkbox-checked,
.icon-checkbox-checked {
display: inline-block;
background-image: url(../img/sprites.png);
background-position: 0px 0px;
width: 25px;
height: 25px; }
.no-flexboxlegacy.no-touch.no-canvas .icon-checkbox,
.icon-checkbox {
display: inline-block;
background-image: url(../img/sprites.png);
background-position: -29px 0px;
width: 25px;
height: 25px; }
.no-flexboxlegacy.no-touch.no-canvas .icon-navburger,
.icon-navburger {
display: inline-block;
background-image: url(../images/sprites.png);
background-position: 0px 0px;
width: 24px;
height: 19px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (min-resolution: 240dpi) {
.icon-navburger {
background-image: url(../images/sprites-retina.png);
background-size: 24px 19px; } }
.button {
text-transform: uppercase;
margin: 24px 0 12px;
padding: 12px 48px;
cursor: pointer;
-webkit-transition: all 120ms ease;
transition: all 120ms ease;
outline: none;
display: inline-block;
text-decoration: none; }
.button.right {
float: right;
margin-right: 2%; }
.button--bordered {
border: 1px solid #ec1d23;
color: #ec1d23;
background: transparent; }
.button--bordered:hover {
color: #ffffff;
background: #ec1d23; }
.button--bordered:active {
color: #ffffff;
background: #dd1318; }
.button--bordered--white {
border: 1px solid #ffffff;
color: #ffffff;
background: transparent; }
.button--bordered--white:hover {
background: #ffffff;
color: #4891c1; }
.button--bordered--white:active {
color: #4891c1;
background: #f2f2f2; }
form.loading .loader {
display: block; }
.loader {
display: none;
position: absolute;
font-size: 10px;
margin: -1.5em auto 0;
text-indent: -9999em;
left: 0;
right: 0;
width: 3em;
height: 3em;
border-radius: 50%;
background: white;
background: -webkit-gradient(linear, left top, right top, color-stop(10%, white), color-stop(42%, rgba(255, 255, 255, 0)));
background: linear-gradient(to right, white 10%, rgba(255, 255, 255, 0) 42%);
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
transform: translateZ(0);
top: 50%; }
.loader:before {
position: absolute;
content: '';
display: block;
width: 50%;
height: 50%;
background: white;
border-radius: 100% 0 0 0;
top: 0;
left: 0; }
.loader:after {
position: absolute;
content: '';
display: block;
background: white;
width: 75%;
height: 75%;
border-radius: 50%;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0; }
@-webkit-keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes load3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.rippleDark,
.ripple {
position: relative;
overflow: hidden;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0; }
.ripple .ink {
background: rgba(255, 255, 255, 0.25); }
.rippleDark .ink {
background: rgba(0, 0, 0, 0.25); }
.ink {
display: block;
position: absolute;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0); }
.ink.animate {
-webkit-animation: ripple 360ms linear;
animation: ripple 360ms linear; }
@-webkit-keyframes ripple {
100% {
opacity: 0;
-webkit-transform: scale(2.5);
transform: scale(2.5); } }
@keyframes ripple {
100% {
opacity: 0;
-webkit-transform: scale(2.5);
transform: scale(2.5); } }
.LoadingNotification-anim {
-webkit-transition: all 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
display: block;
height: 160px;
overflow: visible;
position: fixed;
top: 50%;
left: 50%;
width: 160px;
zoom: 2;
-moz-transform: scale(1.8);
visibility: hidden;
opacity: 0;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
position: absolute;
z-index: 9999; }
.LoadingNotification-anim .circular {
height: 160px;
position: relative;
width: 160px;
-webkit-animation: loadingrotate 2s linear infinite;
animation: loadingrotate 2s linear infinite; }
.LoadingNotification-anim .path {
stroke-dasharray: 1, 100;
stroke-dashoffset: 0;
stroke-linecap: round; }
.LoadingNotification-anim .path {
-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; }
@-webkit-keyframes color {
0%, 100% {
stroke: #ec1d23; }
40% {
stroke: #ec1d23; }
66% {
stroke: #ec1d23; }
80%, 90% {
stroke: #ec1d23; } }
@keyframes color {
0%, 100% {
stroke: #ec1d23; }
40% {
stroke: #ec1d23; }
66% {
stroke: #ec1d23; }
80%, 90% {
stroke: #ec1d23; } }
@-webkit-keyframes loadingrotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes loadingrotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0; }
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35; }
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124; } }
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0; }
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35; }
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124; } }
input[type="checkbox"] + label {
font-size: 14.4px;
margin-bottom: 12px;
display: inline-block;
position: relative;
top: -6px;
margin-left: 12px; }
@media screen and (min-width: 480px) {
input[type="checkbox"] + label {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
input[type="checkbox"] + label {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
input[type="checkbox"] + label {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
input[type="checkbox"] + label {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
input[type="checkbox"] + label {
font-size: 18px; } }
input[type="checkbox"] {
width: 26px;
margin: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
outline: none;
position: relative;
border: none;
cursor: pointer;
border-radius: 1000px; }
input[type="checkbox"]:focus {
-webkit-animation: press 360ms 1;
animation: press 360ms 1; }
input[type="checkbox"]:before, input[type="checkbox"]:after {
content: ''; }
input[type="checkbox"]:after {
display: block;
width: 26px;
height: 26px;
border: 1px solid #333;
-webkit-transition: 240ms;
transition: 240ms; }
input[type="checkbox"]:disabled:after {
border-color: #ddd;
background-color: #eee;
cursor: not-allowed; }
input[type="checkbox"]:disabled:checked:after {
background-color: #eee;
border-color: #ddd; }
input[type="checkbox"]:disabled:checked:before {
border-color: #999; }
input[type="checkbox"]:after {
background-color: #fff;
z-index: 999; }
input[type="checkbox"]:checked:after {
background-color: #013e7d;
border-color: #013e7d; }
input[type="checkbox"]:checked:before {
content: '';
position: absolute;
top: 6px;
left: 11px;
display: table;
width: 4px;
height: 10px;
border: 2px solid #fff;
border-top-width: 0;
border-left-width: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
@-webkit-keyframes press {
0% {
-webkit-box-shadow: 0 0 0 0 #013e7d;
box-shadow: 0 0 0 0 #013e7d; }
50% {
-webkit-box-shadow: 0 0 0 15px rgba(1, 62, 125, 0.4);
box-shadow: 0 0 0 15px rgba(1, 62, 125, 0.4); }
100% {
-webkit-box-shadow: 0 0 0 15px rgba(1, 62, 125, 0);
box-shadow: 0 0 0 15px rgba(1, 62, 125, 0); } }
@keyframes press {
0% {
-webkit-box-shadow: 0 0 0 0 #013e7d;
box-shadow: 0 0 0 0 #013e7d; }
50% {
-webkit-box-shadow: 0 0 0 15px rgba(1, 62, 125, 0.4);
box-shadow: 0 0 0 15px rgba(1, 62, 125, 0.4); }
100% {
-webkit-box-shadow: 0 0 0 15px rgba(1, 62, 125, 0);
box-shadow: 0 0 0 15px rgba(1, 62, 125, 0); } }
.row .grid-1, .row .grid-2, .row .grid-3, .row .grid-4, .row .grid-5, .row .grid-6, .row .grid-7, .row .grid-8, .row .grid-9, .row .grid-10, .row .grid-11, .row .grid-12 {
float: left;
text-align: left;
height: 100%;
vertical-align: top;
margin-top: 0;
margin-left: 1%;
padding: 0 24px; }
.row {
margin: 0 auto;
width: 100%;
text-align: center;
vertical-align: top;
position: relative;
display: block; }
.row .grid-1:first-child {
margin-left: 0; }
.row .grid-2:first-child {
margin-left: 0; }
.row .grid-3:first-child {
margin-left: 0; }
.row .grid-4:first-child {
margin-left: 0; }
.row .grid-5:first-child {
margin-left: 0; }
.row .grid-6:first-child {
margin-left: 0; }
.row .grid-7:first-child {
margin-left: 0; }
.row .grid-8:first-child {
margin-left: 0; }
.row .grid-9:first-child {
margin-left: 0; }
.row .grid-10:first-child {
margin-left: 0; }
.row .grid-11:first-child {
margin-left: 0; }
.row .grid-12:first-child {
margin-left: 0; }
.row .grid-1 {
width: 7.4159%; }
.row .grid-2 {
width: 15.83333%; }
.row .grid-3 {
width: 24.25%; }
.row .grid-4 {
width: 32.66667%; }
.row .grid-5 {
width: 40.66667%; }
.row .grid-6 {
width: 49.5%; }
.row .grid-7 {
width: 57.33333%; }
.row .grid-8 {
width: 65.66667%; }
.row .grid-9 {
width: 74%; }
.row .grid-10 {
width: 82.33333%; }
.row .grid-11 {
width: 90.66667%; }
.row .grid-12 {
width: 100%; }
@media only screen and (min-width: 768px) {
.grid-2:nth-child(3n+1),
.grid-3:nth-child(4n+1),
.grid-4:nth-child(3n+1) {
margin-left: 0; } }
@media only screen and (max-width: 767px) {
.row .grid-1 {
margin-left: 0;
width: 100%; }
.row .grid-2 {
margin-left: 0;
width: 100%; }
.row .grid-3 {
margin-left: 0;
width: 100%; }
.row .grid-4 {
margin-left: 0;
width: 100%; }
.row .grid-5 {
margin-left: 0;
width: 100%; }
.row .grid-6 {
margin-left: 0;
width: 100%; }
.row .grid-7 {
margin-left: 0;
width: 100%; }
.row .grid-8 {
margin-left: 0;
width: 100%; }
.row .grid-9 {
margin-left: 0;
width: 100%; }
.row .grid-10 {
margin-left: 0;
width: 100%; }
.row .grid-11 {
margin-left: 0;
width: 100%; }
.row .grid-12 {
margin-left: 0;
width: 100%; }
.row .grid-mobile-half:nth-child(2n+1),
.row .grid-mobile-third:nth-child(3n+1),
.row .grid-mobile-quarter:nth-child(4n+1) {
margin-left: 0 !important; }
.row .grid-mobile-half {
width: 49%;
margin-left: 2%; }
.row .grid-mobile-third {
width: 32.33333%;
margin-left: 1.5%; }
.row .grid-mobile-quarter {
width: 24%;
margin-left: 1.33333%; } }
@media only screen and (max-width: 767px) {
.row .grid-mobile-half,
.row .grid-mobile-third,
.row .grid-mobile-quarter {
margin-left: 0;
width: 100%; } }
.row {
margin-left: auto;
margin-right: auto;
text-align: center; }
.honeypot {
display: none !important; }
.dropdown.parsley-error .sod_select {
border-bottom: 1px solid #4bb7fc; }
#ClaimsForm_ClaimsForm .description {
background: #f8f6f7;
padding: .5rem 1rem;
position: relative;
top: -1.6rem;
font-style: italic;
width: 100%;
color: rgba(0, 0, 0, 0.7);
float: left;
display: block; }
#ClaimsForm_ClaimsForm label {
display: none; }
form {
background: white;
max-width: 1140px;
margin: 120px auto 0;
padding: 24px; }
form ::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5); }
form :-moz-placeholder {
color: rgba(0, 0, 0, 0.5); }
form ::-moz-placeholder {
color: rgba(0, 0, 0, 0.5); }
form :-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5); }
form:before, form:after {
content: "";
display: table; }
form:after {
clear: both; }
.parsley-errors-list {
display: none; }
.input-wrap textarea.parsley-error,
.input-wrap input[type="email"].parsley-error,
.input-wrap input[type="password"].parsley-error,
.input-wrap input[type="text"].parsley-error {
border-bottom: 1px solid #45a4e0; }
.input-wrap.parsley-error textarea,
.input-wrap.parsley-error input[type="email"],
.input-wrap.parsley-error input[type="password"],
.input-wrap.parsley-error input[type="text"] {
border-bottom: 1px solid #45a4e0; }
.input-wrap textarea,
.input-wrap input[type="email"],
.input-wrap input[type="password"],
.input-wrap input[type="text"] {
height: 40px;
width: 100%;
padding: 0 10px;
font-size: 11.2px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
margin-bottom: 24px;
background: white;
-webkit-appearance: none;
border-radius: 0;
outline: none;
border: 1px solid white;
-webkit-transition: all 240ms ease;
transition: all 240ms ease;
float: left;
border-bottom: 1px solid #7b7b7b; }
@media screen and (min-width: 480px) {
.input-wrap textarea,
.input-wrap input[type="email"],
.input-wrap input[type="password"],
.input-wrap input[type="text"] {
font-size: 11.2px; } }
@media screen and (min-width: 768px) {
.input-wrap textarea,
.input-wrap input[type="email"],
.input-wrap input[type="password"],
.input-wrap input[type="text"] {
font-size: 11.2px; } }
@media screen and (min-width: 992px) {
.input-wrap textarea,
.input-wrap input[type="email"],
.input-wrap input[type="password"],
.input-wrap input[type="text"] {
font-size: 12.6px; } }
@media screen and (min-width: 1200px) {
.input-wrap textarea,
.input-wrap input[type="email"],
.input-wrap input[type="password"],
.input-wrap input[type="text"] {
font-size: 14px; } }
@media screen and (min-width: 1600px) {
.input-wrap textarea,
.input-wrap input[type="email"],
.input-wrap input[type="password"],
.input-wrap input[type="text"] {
font-size: 14px; } }
.input-wrap textarea:disabled,
.input-wrap input[type="email"]:disabled,
.input-wrap input[type="password"]:disabled,
.input-wrap input[type="text"]:disabled {
opacity: 0.7;
cursor: not-allowed; }
.input-wrap textarea {
min-height: 127px;
resize: none;
padding-top: 12px; }
.input-wrap input[type="submit"] {
-webkit-appearance: none;
border-radius: 0; }
@media only screen and (min-width: 540px) {
.input-wrap--half {
width: 50%;
float: left;
border-right: 24px solid transparent; } }
@media only screen and (min-width: 540px) {
.input-wrap--quarter {
width: 25%;
float: left;
border-right: 24px solid transparent; } }
.input-wrap--last {
border: 0; }
::-webkit-input-placeholder {
color: black;
font-size: 11.2px;
font-family: 'Open Sans', sans-serif;
font-weight: 400; }
@media screen and (min-width: 480px) {
::-webkit-input-placeholder {
font-size: 11.2px; } }
@media screen and (min-width: 768px) {
::-webkit-input-placeholder {
font-size: 11.2px; } }
@media screen and (min-width: 992px) {
::-webkit-input-placeholder {
font-size: 12.6px; } }
@media screen and (min-width: 1200px) {
::-webkit-input-placeholder {
font-size: 14px; } }
@media screen and (min-width: 1600px) {
::-webkit-input-placeholder {
font-size: 14px; } }
:-moz-placeholder {
color: black;
font-size: 11.2px;
font-family: 'Open Sans', sans-serif;
font-weight: 400; }
@media screen and (min-width: 480px) {
:-moz-placeholder {
font-size: 11.2px; } }
@media screen and (min-width: 768px) {
:-moz-placeholder {
font-size: 11.2px; } }
@media screen and (min-width: 992px) {
:-moz-placeholder {
font-size: 12.6px; } }
@media screen and (min-width: 1200px) {
:-moz-placeholder {
font-size: 14px; } }
@media screen and (min-width: 1600px) {
:-moz-placeholder {
font-size: 14px; } }
::-moz-placeholder {
color: black;
font-size: 11.2px;
font-family: 'Open Sans', sans-serif;
font-weight: 400; }
@media screen and (min-width: 480px) {
::-moz-placeholder {
font-size: 11.2px; } }
@media screen and (min-width: 768px) {
::-moz-placeholder {
font-size: 11.2px; } }
@media screen and (min-width: 992px) {
::-moz-placeholder {
font-size: 12.6px; } }
@media screen and (min-width: 1200px) {
::-moz-placeholder {
font-size: 14px; } }
@media screen and (min-width: 1600px) {
::-moz-placeholder {
font-size: 14px; } }
:-ms-input-placeholder {
color: black;
font-size: 11.2px;
font-family: 'Open Sans', sans-serif;
font-weight: 400; }
@media screen and (min-width: 480px) {
:-ms-input-placeholder {
font-size: 11.2px; } }
@media screen and (min-width: 768px) {
:-ms-input-placeholder {
font-size: 11.2px; } }
@media screen and (min-width: 992px) {
:-ms-input-placeholder {
font-size: 12.6px; } }
@media screen and (min-width: 1200px) {
:-ms-input-placeholder {
font-size: 14px; } }
@media screen and (min-width: 1600px) {
:-ms-input-placeholder {
font-size: 14px; } }
table {
vertical-align: top;
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin: 3rem auto; }
table tr th {
font-size: 14.4px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
padding: 1.2rem;
border: 1px solid #263d88;
background-color: #263d88;
text-align: left;
color: #ffffff; }
@media screen and (min-width: 480px) {
table tr th {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
table tr th {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
table tr th {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
table tr th {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
table tr th {
font-size: 18px; } }
table tr:nth-child(even) td {
background: rgba(248, 246, 247, 0.5); }
table tr td {
font-size: 14.4px;
color: #1f2025;
border: 1px solid #b9b7b7;
padding: 1rem;
background-color: #ffffff;
text-align: left; }
@media screen and (min-width: 480px) {
table tr td {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
table tr td {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
table tr td {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
table tr td {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
table tr td {
font-size: 18px; } }
.sod_select,
.sod_select * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.sod_select {
display: inline-block;
position: relative;
line-height: 1;
width: 100%;
padding: 14px 20px;
border-bottom: 1px solid #7b7b7b;
text-align: left;
text-transform: uppercase;
outline: none;
cursor: pointer;
margin-bottom: 20px; }
.sod_select:before,
.sod_select:after {
content: "\f078";
position: absolute;
font-family: 'FontAwesome', sans-serif;
right: 10px;
top: 15px;
font-size: 12px; }
.sod_select.open {
color: #919191; }
.sod_select.disabled {
border-color: #828282;
color: #b2b2b2;
cursor: not-allowed; }
.sod_select .sod_label {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 15px; }
.sod_select .sod_list_wrapper {
position: absolute;
top: 100%;
left: 0;
display: none;
height: auto;
width: 100%;
background: #ffffff;
outline: 1px solid #7b7b7b !important;
border-top: none;
color: #000000;
z-index: 1;
margin-top: 6px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
.sod_select.open .sod_list_wrapper {
display: block; }
.sod_select.disabled.open .sod_list_wrapper {
display: none; }
.sod_select.above .sod_list_wrapper {
top: auto;
bottom: 100%;
border-top: 3px solid #000000;
border-bottom: none; }
.sod_select .sod_list {
display: block;
overflow-y: auto;
padding: 0;
margin: 0; }
.sod_select .sod_option {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
padding: 10px 24px;
list-style-type: none; }
.sod_select .sod_option.optgroup,
.sod_select .sod_option.optgroup.disabled {
background: inherit;
color: #f4f4f4;
font-size: 10px;
font-style: italic; }
.sod_select .sod_option.groupchild {
padding-left: 20px; }
.sod_select .sod_option.is-placeholder {
display: none; }
.sod_select .sod_option.disabled {
background: inherit;
color: #cccccc; }
.sod_select .sod_option.active {
background: #f4f4f4;
color: #333333; }
.sod_select .sod_option.selected {
padding-right: 25px; }
.sod_select.no_highlight .sod_option.selected:before {
display: none; }
.sod_select select {
display: none !important; }
.sod_select.touch select {
-webkit-appearance: menulist-button;
position: absolute;
top: 0;
left: 0;
display: block !important;
height: 100%;
width: 100%;
opacity: 0;
z-index: 1; }
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: 0; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
top: 0;
left: 0;
display: block; }
.slick-track:before, .slick-track:after {
display: table;
content: ''; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px; }
[dir='rtl'] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.banner, .banner--slim {
background-size: cover;
background-position: center center;
-ms-behavior: url(/backgroundsize.min.htc);
position: relative;
max-height: 965px;
min-height: 400px; }
.banner:before, .banner--slim:before, .banner:after, .banner--slim:after {
content: "";
display: table; }
.banner:after, .banner--slim:after {
clear: both; }
.banner:after, .banner--slim:after {
content: '';
position: relative;
display: block;
padding-bottom: 50.26042%; }
.banner--slim {
position: relative;
max-height: 455px;
min-height: 230px;
margin-bottom: 36px;
overflow: hidden; }
.banner--slim:after {
content: '';
position: relative;
display: block;
padding-bottom: 50.52083%; }
.banner--slim .copy {
bottom: 0 !important; }
@media only screen and (min-width: 768px) {
.banner--slim .copy {
padding-top: 100px; } }
.banner--slim:after {
z-index: -1; }
.banner:before, .banner--slim:before {
position: absolute;
content: '';
display: block;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(38, 61, 136, 0.33333);
-webkit-transition: all 360ms;
transition: all 360ms;
opacity: 0; }
@media only screen and (max-width: 767px) {
.banner:before, .banner--slim:before {
opacity: 1; } }
.banner *, .banner--slim * {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: white; }
.banner hr, .banner--slim hr {
height: 4px;
background: white;
border: 0;
margin-top: -20px;
margin-bottom: 20px; }
.banner h5, .banner--slim h5 {
padding-right: 48px; }
@media only screen and (max-width: 767px) {
.banner h1, .banner--slim h1 {
font-size: 36.8px; } }
@media only screen and (max-width: 767px) and (min-width: 480px) {
.banner h1, .banner--slim h1 {
font-size: 36.8px; } }
@media only screen and (max-width: 767px) and (min-width: 768px) {
.banner h1, .banner--slim h1 {
font-size: 36.8px; } }
@media only screen and (max-width: 767px) and (min-width: 992px) {
.banner h1, .banner--slim h1 {
font-size: 41.4px; } }
@media only screen and (max-width: 767px) and (min-width: 1200px) {
.banner h1, .banner--slim h1 {
font-size: 46px; } }
@media only screen and (max-width: 767px) and (min-width: 1600px) {
.banner h1, .banner--slim h1 {
font-size: 46px; } }
.banner .triangle, .banner--slim .triangle {
display: block;
position: absolute;
right: 100%;
margin-left: -60px;
width: 60px;
height: 100%;
left: 0;
top: 0;
background: -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(7, 57, 109, 0.8)), color-stop(50%, transparent));
background: linear-gradient(to left top, rgba(7, 57, 109, 0.8) 50%, transparent 50%); }
.banner .copy, .banner--slim .copy {
padding-top: 30px;
padding-bottom: 30px;
position: absolute;
z-index: 8;
bottom: 100px;
right: 0;
max-width: 840px;
padding-left: 24px;
min-width: 45%;
background: rgba(7, 57, 109, 0.8); }
@media only screen and (min-width: 768px) {
.banner .copy, .banner--slim .copy {
padding-top: 150px; } }
.banner *, .banner--slim * {
font-family: 'NexaLight', sans-serif;
font-weight: normal;
color: white; }
.contact-form {
max-width: 1140px;
margin: 0 auto 240px;
background: white;
position: relative; }
.contact-form .tabs-controls {
width: 100%; }
.contact-form .tabs-controls:before, .contact-form .tabs-controls:after {
content: "";
display: table; }
.contact-form .tabs-controls:after {
clear: both; }
@media only screen and (min-width: 768px) {
.contact-form .tabs-controls {
display: table;
table-layout: fixed; } }
.contact-form .tabs-controls a {
width: 50%;
display: block;
float: left;
text-decoration: none;
border-bottom: 1px solid white;
border-right: 1px solid white;
-webkit-transition: all 120ms;
transition: all 120ms;
background: #fdb812;
color: white;
font-size: 15.2px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
padding: 25px 18px 25px 18px; }
@media only screen and (min-width: 768px) {
.contact-form .tabs-controls a {
float: none;
width: 25%;
display: table-cell;
border-bottom: 0; } }
@media screen and (min-width: 480px) {
.contact-form .tabs-controls a {
font-size: 15.2px; } }
@media screen and (min-width: 768px) {
.contact-form .tabs-controls a {
font-size: 15.2px; } }
@media screen and (min-width: 992px) {
.contact-form .tabs-controls a {
font-size: 17.1px; } }
@media screen and (min-width: 1200px) {
.contact-form .tabs-controls a {
font-size: 19px; } }
@media screen and (min-width: 1600px) {
.contact-form .tabs-controls a {
font-size: 19px; } }
.contact-form .tabs-controls a svg {
fill: white;
width: 9px;
height: 17px;
float: right;
-webkit-transition: all 330ms;
transition: all 330ms; }
.contact-form .tabs-controls a.active, .contact-form .tabs-controls a:hover {
background: #013e7d; }
.contact-form .tabs-controls a.active svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.contact-form .tab-content .tab-content__item {
display: none; }
.contact-form .tab-content .tab-content__item.active {
display: block; }
.contact-form .tab-content .row {
padding-top: 48px;
padding-bottom: 48px;
border-bottom: 1px solid #ababab; }
.contact-form .tab-content .row:last-child {
border-bottom: 0; }
.contact-form .tab-content .grid-6, .contact-form .tab-content .grid-3 {
padding-left: 0; }
.contact-form .tab-content .grid-6 a, .contact-form .tab-content .grid-3 a {
text-decoration: none; }
.contact-form .tab-content .grid-6 a:hover, .contact-form .tab-content .grid-3 a:hover {
text-decoration: underline; }
.contact-form .button--large {
position: absolute;
top: 100%;
right: 0;
color: #013e7d;
font-size: 15.2px;
text-decoration: none;
background: white;
padding: 12px 106px 12px 24px;
line-height: 72px;
-webkit-transition: all 220ms;
transition: all 220ms; }
@media screen and (min-width: 480px) {
.contact-form .button--large {
font-size: 15.2px; } }
@media screen and (min-width: 768px) {
.contact-form .button--large {
font-size: 15.2px; } }
@media screen and (min-width: 992px) {
.contact-form .button--large {
font-size: 17.1px; } }
@media screen and (min-width: 1200px) {
.contact-form .button--large {
font-size: 19px; } }
@media screen and (min-width: 1600px) {
.contact-form .button--large {
font-size: 19px; } }
.contact-form .button--large:hover span {
background: #fdb812; }
.contact-form .button--large:hover svg {
left: 12px; }
.contact-form .button--large span {
-webkit-transition: all 220ms;
transition: all 220ms;
width: 80px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #fdb812; }
.contact-form .button--large span svg {
-webkit-transition: all 220ms;
transition: all 220ms;
width: 26px;
height: 48px;
fill: white;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
right: 0;
margin: 0 auto; }
.FleetPage .row,
.EquipmentHolderPage .row {
max-width: 1140px;
margin: 0 auto; }
.FleetPage .equipment-item,
.EquipmentHolderPage .equipment-item {
position: relative; }
@media only screen and (max-width: 767px) {
.FleetPage .equipment-item,
.EquipmentHolderPage .equipment-item {
margin-bottom: 36px; } }
.FleetPage .equipment-item .innerWrap,
.EquipmentHolderPage .equipment-item .innerWrap {
background: white; }
.FleetPage .equipment-item .innerWrap .copy,
.EquipmentHolderPage .equipment-item .innerWrap .copy {
padding: 48px 24px; }
.FleetPage .equipment-item img,
.EquipmentHolderPage .equipment-item img {
width: 100%;
height: auto; }
.FleetPage .equipment-item .button--large,
.EquipmentHolderPage .equipment-item .button--large {
position: relative;
top: 100%;
float: right;
right: 0;
font-size: 14.4px;
text-decoration: none;
background: white;
padding: 12px 126px 12px 36px;
line-height: 60px;
-webkit-transition: all 220ms;
transition: all 220ms;
color: #013e7d; }
@media screen and (min-width: 480px) {
.FleetPage .equipment-item .button--large,
.EquipmentHolderPage .equipment-item .button--large {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
.FleetPage .equipment-item .button--large,
.EquipmentHolderPage .equipment-item .button--large {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
.FleetPage .equipment-item .button--large,
.EquipmentHolderPage .equipment-item .button--large {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
.FleetPage .equipment-item .button--large,
.EquipmentHolderPage .equipment-item .button--large {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
.FleetPage .equipment-item .button--large,
.EquipmentHolderPage .equipment-item .button--large {
font-size: 18px; } }
.FleetPage .equipment-item .button--large:hover span,
.EquipmentHolderPage .equipment-item .button--large:hover span {
background: #fdb812; }
.FleetPage .equipment-item .button--large:hover svg,
.EquipmentHolderPage .equipment-item .button--large:hover svg {
left: 12px; }
.FleetPage .equipment-item .button--large span,
.EquipmentHolderPage .equipment-item .button--large span {
-webkit-transition: all 220ms;
transition: all 220ms;
width: 80px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #fdb812; }
.FleetPage .equipment-item .button--large span svg,
.EquipmentHolderPage .equipment-item .button--large span svg {
-webkit-transition: all 220ms;
transition: all 220ms;
width: 26px;
height: 48px;
fill: white;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
right: 0;
margin: 0 auto; }
body .equipment {
max-width: 1440px;
margin: 72px 48px 192px; }
@media only screen and (max-width: 1023px) {
body .equipment {
margin: 52px 24px 192px; } }
body .equipment .innerWrap {
padding: 0;
margin-bottom: 6px;
background: white;
display: table; }
body .equipment .image {
width: 60%;
display: table-cell;
vertical-align: middle;
background-size: cover;
background-position: center center;
-ms-behavior: url(/backgroundsize.min.htc); }
@media only screen and (max-width: 1023px) {
body .equipment .image {
position: relative;
display: block;
width: 100%; }
body .equipment .image:after {
content: '';
position: relative;
display: block;
padding-bottom: 56.17978%; } }
body .equipment .copy {
width: 40%;
display: table-cell;
vertical-align: middle;
padding: 72px 48px; }
@media only screen and (max-width: 1023px) {
body .equipment .copy {
padding: 48px 36px;
display: block;
width: 100%; } }
body .equipment .button--large {
position: relative;
top: 100%;
float: right;
right: 0;
color: #013e7d;
font-size: 14.4px;
text-decoration: none;
background: white;
padding: 12px 126px 12px 36px;
line-height: 60px;
-webkit-transition: all 220ms;
transition: all 220ms; }
@media screen and (min-width: 480px) {
body .equipment .button--large {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
body .equipment .button--large {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
body .equipment .button--large {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
body .equipment .button--large {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
body .equipment .button--large {
font-size: 18px; } }
body .equipment .button--large:hover span {
background: #fdb812; }
body .equipment .button--large:hover svg {
left: 12px; }
body .equipment .button--large span {
-webkit-transition: all 220ms;
transition: all 220ms;
width: 80px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #fdb812; }
body .equipment .button--large span svg {
-webkit-transition: all 220ms;
transition: all 220ms;
width: 26px;
height: 48px;
fill: white;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
right: 0;
margin: 0 auto; }
body .equipment .responsive-table {
overflow: auto;
width: 100%;
position: relative; }
body .equipment table {
min-width: 100%;
table-layout: fixed;
text-align: center;
background: white;
font-size: 14.4px; }
@media screen and (min-width: 480px) {
body .equipment table {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
body .equipment table {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
body .equipment table {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
body .equipment table {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
body .equipment table {
font-size: 18px; } }
@media only screen and (max-width: 1023px) {
body .equipment table {
font-size: 11.2px; } }
@media only screen and (max-width: 1023px) and (min-width: 480px) {
body .equipment table {
font-size: 11.2px; } }
@media only screen and (max-width: 1023px) and (min-width: 768px) {
body .equipment table {
font-size: 11.2px; } }
@media only screen and (max-width: 1023px) and (min-width: 992px) {
body .equipment table {
font-size: 12.6px; } }
@media only screen and (max-width: 1023px) and (min-width: 1200px) {
body .equipment table {
font-size: 14px; } }
@media only screen and (max-width: 1023px) and (min-width: 1600px) {
body .equipment table {
font-size: 14px; } }
body .equipment table th {
border-right: 1px solid #7e7e7e;
border-bottom: 1px solid #7e7e7e;
padding: 30px 6px; }
body .equipment table th:last-child {
border-right: none; }
body .equipment table td {
border-right: 1px solid #7e7e7e;
padding: 24px 6px; }
body .equipment table td:last-child {
border-right: none; }
footer {
padding: 24px 0 48px;
background: #1e2128; }
footer .innerWrap {
max-width: 1140px;
margin: 0 auto; }
footer h6 {
color: #013e7d;
margin-bottom: 12px; }
footer a {
color: white;
font-size: 14px;
display: block;
padding-bottom: 12px;
text-decoration: none;
-webkit-transition: all 120ms;
transition: all 120ms; }
footer a:hover {
color: #013e7d; }
footer a span {
font-size: 12px;
color: #013e7d;
display: block;
margin-top: 36px; }
footer .social {
margin-top: 24px;
display: inline-block;
list-style: none; }
@media only screen and (min-width: 768px) {
footer .social {
margin-top: 0; } }
footer .social li {
display: inline-block;
width: 30px;
height: 30px;
background: #343943;
position: relative;
vertical-align: top; }
footer .social li a {
position: absolute;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block; }
footer .social li .svg-twitter {
width: 18px;
height: 15px; }
footer .social li .svg-facebook {
width: 10px;
height: 18px; }
footer .social li svg {
padding: 0;
fill: #1e2128;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
margin: 0 auto;
left: 0;
right: 0; }
footer .logo-footer {
padding-left: 24px;
margin-top: 24px; }
@media only screen and (min-width: 768px) {
footer .logo-footer {
margin-top: 48px;
float: left; } }
footer .logo-footer-alt {
padding-right: 24px;
margin-top: 24px; }
@media only screen and (min-width: 768px) {
footer .logo-footer-alt {
margin-top: 48px;
float: right; } }
footer .copyright {
font-size: 12px;
color: #013e7d;
display: block;
margin-top: 50px; }
@media only screen and (min-width: 768px) {
footer .copyright {
margin-top: 100px; } }
footer #SearchForm_SearchForm {
margin: 0;
display: inline-block;
vertical-align: top;
background: transparent;
padding: 0;
position: relative; }
footer #SearchForm_SearchForm input[type="text"] {
line-height: 28px;
padding-left: 6px;
border: 0;
outline: 0;
background: #616b7f; }
footer #SearchForm_SearchForm input[type="submit"] {
position: absolute;
right: 0;
top: 0;
outline: 0;
height: 40px;
background: #343943;
border: 0;
border-radius: 0;
-webkit-appearance: none; }
header {
display: block;
width: 100%;
background: #fff;
min-height: 132px;
z-index: 1000;
border-bottom: 6px solid #e1e1e1;
position: relative;
left: 0;
margin: 0 auto;
right: 0; }
header:before, header:after {
content: "";
display: table; }
header:after {
clear: both; }
@media only screen and (max-width: 1279px) {
header {
min-height: 102px; } }
header .innerWrap {
max-width: 1140px;
position: relative;
left: 0;
margin: 0 auto;
right: 0; }
@media only screen and (min-width: 768px) {
header .innerWrap {
height: 132px; } }
header svg {
width: 60px;
margin-left: 24px; }
header .alt-links {
position: absolute;
right: 24px;
top: 0; }
header .booking {
margin-right: 6px; }
header .booking,
header .quote {
background: #263d88;
color: white;
font-size: 14.4px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
text-decoration: none;
padding: 8px 18px 10px;
display: inline-block;
-webkit-transition: all 120ms;
transition: all 120ms; }
@media screen and (min-width: 480px) {
header .booking,
header .quote {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
header .booking,
header .quote {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
header .booking,
header .quote {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
header .booking,
header .quote {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
header .booking,
header .quote {
font-size: 18px; } }
@media only screen and (max-width: 767px) {
header .booking,
header .quote {
display: none; } }
header .booking:hover,
header .quote:hover {
background: #2c469c; }
header .booking svg,
header .quote svg {
width: 13px;
height: 16px;
display: inline-block;
vertical-align: middle;
margin: -3px 8px 0 0; }
header .booking svg path,
header .quote svg path {
fill: white; }
header .logo {
margin-left: 24px;
padding-top: 24px;
display: block;
float: left;
position: absolute;
z-index: 3; }
@media only screen and (max-width: 1279px) {
header .logo {
padding-top: 6px; } }
@media only screen and (max-width: 1023px) {
header .logo {
padding-top: 36px; } }
@media only screen and (max-width: 767px) {
header .logo {
padding-top: 24px; } }
header .logo img {
-webkit-transition: all 240ms;
transition: all 240ms;
width: 100%;
padding-right: 80px; }
@media only screen and (max-width: 1279px) {
header .logo img {
width: 90%; } }
@media only screen and (max-width: 1023px) {
header .logo img {
width: 60%; } }
@media only screen and (max-width: 767px) {
header .logo img {
width: 280px;
padding-right: 0; } }
@media only screen and (max-width: 639px) {
header .logo img {
width: 240px;
padding-right: 0; } }
header nav {
right: 24px;
bottom: 12px;
position: absolute;
text-align: right;
width: 100%;
display: block;
color: white;
vertical-align: bottom; }
header nav:before, header nav:after {
content: "";
display: table; }
header nav:after {
clear: both; }
header nav > ul {
float: right; }
header nav > ul > li {
display: block;
float: left; }
header nav > ul > li > a {
padding: 12px 12px;
color: #263d88;
text-decoration: none;
text-transform: lowercase;
position: relative; }
header nav > ul > li > a:after {
position: absolute;
content: '';
display: block;
height: 6px;
background: #fdb80f;
top: 100%;
left: 0;
right: 0;
margin: 1px auto 0;
opacity: 0;
width: 10%;
-webkit-transition: all 240ms;
transition: all 240ms;
z-index: 4; }
header nav > ul > li.current > a {
color: #263d88; }
header nav > ul > li.current > a:after {
width: 100%;
opacity: 1; }
header nav > ul > li:hover > a {
color: #263d88; }
header nav > ul > li:hover > a:after {
width: 100%;
opacity: 1; }
header nav > ul > li:hover ul {
-webkit-transform: scale(1) translateY(10px);
transform: scale(1) translateY(10px);
opacity: 1;
max-height: 400px; }
header nav > ul > li ul {
position: absolute;
background: #f4f4f4;
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
-webkit-transform: scale(0.9) translateY(-20px);
transform: scale(0.9) translateY(-20px);
opacity: 0;
max-height: 0;
overflow: hidden;
z-index: 5;
width: 300px; }
header nav > ul > li ul li a {
padding: 10px 20px;
display: block;
color: #263d88;
text-decoration: none;
text-transform: lowercase;
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
text-align: left; }
header nav > ul > li ul li a:hover {
background: rgba(0, 0, 0, 0.1); }
.navburger {
width: 40px;
height: 40px;
position: absolute;
top: 32px;
cursor: pointer;
z-index: 999;
display: block;
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
right: 24px; }
@media only screen and (min-width: 768px) {
.navburger {
display: none; } }
.navburger span {
width: 100%;
height: 4px;
position: relative;
margin: 7px 0;
background: #263d88;
display: block;
-webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.navburger:hover span {
background: #263d88; }
header nav {
display: none; }
@media only screen and (min-width: 768px) {
header nav {
display: block; } }
.off-canvas {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: white;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
-webkit-transition: all 240ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 240ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
visibility: hidden;
opacity: 0; }
.off-canvas > ul {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
transition: all 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
background: white;
width: auto;
padding: 110px 50px 30px 20px;
-webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.5); }
.off-canvas > ul > li {
display: block; }
.off-canvas > ul > li > a {
padding: 5px 0;
text-decoration: none;
font-size: 20px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
display: block;
color: #263d88; }
.off-canvas > ul > li > a:hover {
color: #263d88; }
.off-canvas > ul > li li a {
padding: 5px 0 5px 30px;
text-decoration: none;
font-size: 16px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
display: block;
position: relative;
color: #1e2128; }
.off-canvas > ul > li li a:before {
position: absolute;
content: '';
display: block;
width: 10px;
height: 3px;
background: #263d88;
display: block;
left: 13px;
top: 14px; }
@media only screen and (max-width: 767px) {
.mobile-nav .off-canvas {
opacity: 1;
visibility: visible; }
.mobile-nav .off-canvas > ul {
-webkit-transform: translateY(0%);
transform: translateY(0%); } }
.mobile-nav .navburger {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
.mobile-nav .navburger .first {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 90% 50%;
transform-origin: 90% 50%;
background: #263d88; }
.mobile-nav .navburger .second {
opacity: 0; }
.mobile-nav .navburger .third {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 90% 50%;
transform-origin: 90% 50%;
background: #263d88; }
html {
background: #f4f4f4; }
.heroBlocks {
font-size: 0;
text-align: center; }
.heroBlocks:before, .heroBlocks:after {
content: "";
display: table; }
.heroBlocks:after {
clear: both; }
.heroBlocks .heroBlock {
width: 20%;
display: inline-block;
position: relative;
background-size: cover;
background-position: center center;
-ms-behavior: url(/backgroundsize.min.htc);
text-decoration: none; }
@media only screen and (max-width: 1279px) {
.heroBlocks .heroBlock {
width: 33.33333%; }
.heroBlocks .heroBlock:nth-child(4), .heroBlocks .heroBlock:nth-child(5) {
width: 50%; } }
@media only screen and (max-width: 767px) {
.heroBlocks .heroBlock {
width: 50%; }
.heroBlocks .heroBlock:nth-child(5) {
width: 100%; } }
@media only screen and (max-width: 639px) {
.heroBlocks .heroBlock {
width: 100% !important; } }
.heroBlocks .heroBlock:after {
content: '';
position: relative;
display: block;
padding-bottom: 73.68421%; }
.heroBlocks .heroBlock:before {
position: absolute;
content: '';
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(253, 184, 18, 0.77);
opacity: 0;
-webkit-transition: all 360ms;
transition: all 360ms; }
.heroBlocks .heroBlock svg {
width: 41px;
height: 31px;
fill: white;
-webkit-transition: all 360ms;
transition: all 360ms;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0; }
.heroBlocks .heroBlock .text {
z-index: 9;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
color: white;
width: 100%;
padding: 0 12px;
text-align: center; }
.heroBlocks .heroBlock .text h3 {
margin-bottom: 6px; }
.heroBlocks .heroBlock:hover:before {
opacity: 1; }
.heroBlocks .heroBlock:hover svg {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
.heroSpots {
text-align: center;
background-size: cover;
background-position: center center;
-ms-behavior: url(/backgroundsize.min.htc);
padding: 54px 24px; }
.heroSpots:before, .heroSpots:after {
content: "";
display: table; }
.heroSpots:after {
clear: both; }
.heroSpots .innerWrap {
max-width: 1140px;
margin: 0 auto; }
.heroSpots .heroSpot {
color: #000000;
text-decoration: none;
display: inline-block;
border-radius: 100000px;
background: #ffffff;
position: relative;
-webkit-transition: all 360ms ease;
transition: all 360ms ease;
margin: 24px;
height: 270px;
width: 270px; }
@media only screen and (max-width: 1023px) {
.heroSpots .heroSpot {
height: 210px;
width: 210px; } }
.heroSpots .heroSpot:hover, .heroSpots .heroSpot.active {
background: #ec1d23;
color: #ffffff; }
.heroSpots .heroSpot:hover .copy span,
.heroSpots .heroSpot:hover .copy svg, .heroSpots .heroSpot.active .copy span,
.heroSpots .heroSpot.active .copy svg {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px); }
.heroSpots .heroSpot .copy {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 36px;
right: 36px;
margin-top: 24px;
text-align: left; }
.heroSpots .heroSpot .copy h3 {
margin: 0; }
.heroSpots .heroSpot .copy span {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
opacity: 0;
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
-webkit-transition: all 360ms ease;
transition: all 360ms ease;
color: white; }
.heroSpots .heroSpot .copy svg {
position: relative;
top: 8px;
left: 8px;
opacity: 0;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: all 360ms ease;
transition: all 360ms ease; }
.Security form {
margin: 160px auto;
width: 100%;
max-width: 400px; }
.Security form label {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
display: block;
font-size: 15.2px;
margin-bottom: 10px; }
@media screen and (min-width: 480px) {
.Security form label {
font-size: 15.2px; } }
@media screen and (min-width: 768px) {
.Security form label {
font-size: 15.2px; } }
@media screen and (min-width: 992px) {
.Security form label {
font-size: 17.1px; } }
@media screen and (min-width: 1200px) {
.Security form label {
font-size: 19px; } }
@media screen and (min-width: 1600px) {
.Security form label {
font-size: 19px; } }
.Security form textarea,
.Security form input[type="email"],
.Security form input[type="password"],
.Security form input[type="text"] {
outline: 0;
height: 40px;
border: 0;
width: 100%;
padding: 0 10px;
font-size: 14.4px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
margin-bottom: 10px;
background: white;
-webkit-appearance: none;
border-radius: 0; }
@media screen and (min-width: 480px) {
.Security form textarea,
.Security form input[type="email"],
.Security form input[type="password"],
.Security form input[type="text"] {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
.Security form textarea,
.Security form input[type="email"],
.Security form input[type="password"],
.Security form input[type="text"] {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
.Security form textarea,
.Security form input[type="email"],
.Security form input[type="password"],
.Security form input[type="text"] {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
.Security form textarea,
.Security form input[type="email"],
.Security form input[type="password"],
.Security form input[type="text"] {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
.Security form textarea,
.Security form input[type="email"],
.Security form input[type="password"],
.Security form input[type="text"] {
font-size: 18px; } }
.Security form input[type="submit"] {
outline: 0;
-webkit-appearance: none;
border-radius: 0;
background: #013e7d;
border: 0;
width: 100%;
cursor: pointer;
color: white;
padding: 10px 20px;
margin: 10px auto;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 15.2px; }
@media screen and (min-width: 480px) {
.Security form input[type="submit"] {
font-size: 15.2px; } }
@media screen and (min-width: 768px) {
.Security form input[type="submit"] {
font-size: 15.2px; } }
@media screen and (min-width: 992px) {
.Security form input[type="submit"] {
font-size: 17.1px; } }
@media screen and (min-width: 1200px) {
.Security form input[type="submit"] {
font-size: 19px; } }
@media screen and (min-width: 1600px) {
.Security form input[type="submit"] {
font-size: 19px; } }
.Security form .checkbox {
margin-top: 10px; }
.Security form a {
color: #013e7d; }
.Security .right {
display: inline-block;
margin-left: 12px;
position: relative;
top: -3px; }
.news-items {
max-width: 1140px;
width: 100%;
margin: 72px auto 0; }
.news-items:before, .news-items:after {
content: "";
display: table; }
.news-items:after {
clear: both; }
@media only screen and (max-width: 1023px) {
.news-items {
margin: 52px auto 0; } }
.news-items .news-item {
margin-bottom: 36px;
background: white;
width: 100%;
display: table;
padding: 24px 36px;
text-align: left;
position: relative; }
.news-items .news-item .half {
width: 100%;
vertical-align: middle; }
@media only screen and (min-width: 768px) {
.news-items .news-item .half {
display: table-cell;
width: 48%;
margin-right: 2%; }
.news-items .news-item .half.last {
margin-left: 2%;
margin-right: 0; } }
.news-items .news-item .half.first {
padding-top: 24px;
padding-bottom: 24px;
position: relative; }
.news-items .news-item .half.first h6 {
margin-bottom: 12px;
padding-right: 24px; }
@media only screen and (min-width: 768px) {
.news-items .news-item .half.first:after {
position: absolute;
content: '';
display: block;
width: 1px;
height: 80%;
right: 24px;
top: 10%;
bottom: 10%;
background: black; } }
.news-items .news-item .half.last p {
padding-bottom: 30px; }
.news-items .news-item .half.last .button {
position: absolute;
right: 0;
bottom: -12px;
padding: 18px 32px;
background: #47aff8;
color: white;
font-size: 11.2px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
-webkit-transition: all 240ms;
transition: all 240ms; }
@media screen and (min-width: 480px) {
.news-items .news-item .half.last .button {
font-size: 11.2px; } }
@media screen and (min-width: 768px) {
.news-items .news-item .half.last .button {
font-size: 11.2px; } }
@media screen and (min-width: 992px) {
.news-items .news-item .half.last .button {
font-size: 12.6px; } }
@media screen and (min-width: 1200px) {
.news-items .news-item .half.last .button {
font-size: 14px; } }
@media screen and (min-width: 1600px) {
.news-items .news-item .half.last .button {
font-size: 14px; } }
.news-items .news-item .half.last .button:hover {
background: #45a4e0; }
.news-story {
width: calc(100% - 48px);
background: white;
padding: 36px;
margin-top: 72px;
margin-bottom: 72px;
position: relative; }
.news-story .image {
background-size: cover;
background-position: center center;
-ms-behavior: url(/backgroundsize.min.htc);
position: relative;
margin-top: -36px;
margin-left: -36px;
margin-right: -36px;
margin-bottom: 48px; }
.news-story .image:after {
content: '';
position: relative;
display: block;
padding-bottom: 35.08772%; }
@media only screen and (min-width: 768px) {
.news-story .copy {
padding: 0 12px; } }
.pagination-alt {
text-align: center;
margin: 0 auto; }
.pagination-alt:before, .pagination-alt:after {
content: "";
display: table; }
.pagination-alt:after {
clear: both; }
.pagination-alt a {
text-decoration: none;
border: 1px solid #45a4e0;
color: #45a4e0;
padding: 18px 24px;
position: relative;
padding-right: 80px;
width: 90%;
display: inline-block;
vertical-align: top;
margin-bottom: 12px;
margin-top: 12px; }
@media only screen and (min-width: 768px) {
.pagination-alt a {
width: calc(40% - 70px); } }
.pagination-alt a b {
font-size: 11.2px; }
@media screen and (min-width: 480px) {
.pagination-alt a b {
font-size: 11.2px; } }
@media screen and (min-width: 768px) {
.pagination-alt a b {
font-size: 11.2px; } }
@media screen and (min-width: 992px) {
.pagination-alt a b {
font-size: 12.6px; } }
@media screen and (min-width: 1200px) {
.pagination-alt a b {
font-size: 14px; } }
@media screen and (min-width: 1600px) {
.pagination-alt a b {
font-size: 14px; } }
.pagination-alt a span {
position: absolute;
right: 0;
top: 0;
background: #45a4e0;
width: 50px;
display: block;
height: 100%; }
.pagination-alt a svg {
fill: white;
width: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
right: 0;
margin: 0 auto; }
.pagination-alt a.prev svg {
-webkit-transform: rotate(-180deg) translateY(50%);
transform: rotate(-180deg) translateY(50%); }
.pagination-alt a.filled {
border-color: #47aff8;
background: #47aff8;
color: white;
margin: 12px 12px;
text-transform: uppercase;
text-align: center;
padding: 18px 24px;
font-size: 120%;
overflow: hidden;
position: relative; }
@media only screen and (min-width: 768px) {
.pagination-alt a.filled {
width: auto; } }
.pagination {
padding: 0 24px;
max-width: 700px;
position: relative;
margin: 52px auto 36px; }
.pagination:before, .pagination:after {
content: "";
display: table; }
.pagination:after {
clear: both; }
.pagination a {
text-decoration: none;
width: 44%;
color: #013e7d;
font-size: 11.2px; }
.pagination a.prev {
float: left; }
.pagination a.prev svg {
-webkit-transform: rotate(-180deg) translateY(50%) !important;
transform: rotate(-180deg) translateY(50%) !important; }
.pagination a.prev:hover svg {
left: -10px; }
.pagination a.next {
float: right; }
.pagination a.next:hover svg {
right: -10px; }
@media screen and (min-width: 480px) {
.pagination a {
font-size: 11.2px; } }
@media screen and (min-width: 768px) {
.pagination a {
font-size: 11.2px; } }
@media screen and (min-width: 992px) {
.pagination a {
font-size: 12.6px; } }
@media screen and (min-width: 1200px) {
.pagination a {
font-size: 14px; } }
@media screen and (min-width: 1600px) {
.pagination a {
font-size: 14px; } }
.pagination a b {
padding: 24px;
display: block;
background: white; }
.pagination a .image {
position: relative;
background-size: cover;
background-position: center center;
-ms-behavior: url(/backgroundsize.min.htc);
width: 100%; }
.pagination a .image:after {
content: '';
position: relative;
display: block;
padding-bottom: 69.69697%; }
.pagination a .image span {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
background: #fdb812;
width: 81px;
height: 96px; }
.pagination a .image svg {
width: 26px;
height: 48px;
fill: white;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transition: all 240ms;
transition: all 240ms;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.quote-banner {
background-size: cover;
background-position: center center;
-ms-behavior: url(/backgroundsize.min.htc);
background-position: center top;
width: 100%;
min-height: 30px;
margin-bottom: 260px;
border-bottom: 20px solid #f4f4f4; }
.quote-banner:before, .quote-banner:after {
content: "";
display: table; }
.quote-banner:after {
clear: both; }
.quote-banner form {
padding-top: 60px;
margin-bottom: -260px;
margin-top: 170px; }
.quote-banner input[type="submit"] {
outline: 0;
-webkit-appearance: none;
border-radius: 0;
background: #fdb812;
border: 0;
cursor: pointer;
color: white;
padding: 24px 72px;
margin: 52px auto 42px;
display: inline-block;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 15.2px; }
@media screen and (min-width: 480px) {
.quote-banner input[type="submit"] {
font-size: 15.2px; } }
@media screen and (min-width: 768px) {
.quote-banner input[type="submit"] {
font-size: 15.2px; } }
@media screen and (min-width: 992px) {
.quote-banner input[type="submit"] {
font-size: 17.1px; } }
@media screen and (min-width: 1200px) {
.quote-banner input[type="submit"] {
font-size: 19px; } }
@media screen and (min-width: 1600px) {
.quote-banner input[type="submit"] {
font-size: 19px; } }
.quote-banner .half {
width: 100%;
display: block;
float: left; }
@media only screen and (min-width: 768px) {
.quote-banner .half {
width: 48%;
margin-right: 2%; }
.quote-banner .half.last {
width: 50%;
margin-right: 0; } }
.resources_wrap {
max-width: 1140px;
width: 100%;
margin: 72px auto 0; }
.resources_wrap:before, .resources_wrap:after {
content: "";
display: table; }
.resources_wrap:after {
clear: both; }
@media only screen and (max-width: 1023px) {
.resources_wrap {
margin: 52px auto 0; } }
.resources_wrap .resource {
margin-bottom: 36px;
background: white;
width: 100%;
float: left;
color: #22367d;
text-decoration: none;
position: relative;
height: 90px;
padding: 24px;
padding-right: 90px;
font-size: 14.4px; }
@media only screen and (min-width: 768px) {
.resources_wrap .resource {
width: 48%;
margin-right: 2%; }
.resources_wrap .resource.last {
margin-left: 2%;
margin-right: 0; } }
@media screen and (min-width: 480px) {
.resources_wrap .resource {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
.resources_wrap .resource {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
.resources_wrap .resource {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
.resources_wrap .resource {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
.resources_wrap .resource {
font-size: 18px; } }
.resources_wrap .resource .vertical {
text-align: center; }
.resources_wrap .resource:hover svg {
-webkit-transform: rotate(90deg) translateX(5px) !important;
transform: rotate(90deg) translateX(5px) !important; }
.resources_wrap .resource span {
-webkit-transition: all 220ms;
transition: all 220ms;
width: 80px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #fdb812;
color: white; }
.resources_wrap .resource span b {
font-size: 12px !important;
widht: 100%;
text-align: center; }
.resources_wrap .resource span svg {
-webkit-transition: all 220ms;
transition: all 220ms;
width: 26px;
height: 48px;
fill: white;
left: 0;
right: 0;
margin: 0 auto;
display: inline-block;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.vessel {
max-width: 1920px;
width: 100%;
margin: 72px auto;
padding: 0 42px; }
@media only screen and (max-width: 1023px) {
.vessel {
margin: 52px auto; } }
.vessel .innerWrap {
padding: 0;
background: white;
display: table;
width: 100%; }
.vessel .image {
width: 50%;
display: table-cell;
vertical-align: middle;
background-size: cover;
background-position: center center;
-ms-behavior: url(/backgroundsize.min.htc); }
@media only screen and (max-width: 1023px) {
.vessel .image {
position: relative;
display: block;
width: 100%; }
.vessel .image:after {
content: '';
position: relative;
display: block;
padding-bottom: 56.17978%; } }
.vessel .copy {
width: 50%;
display: table-cell;
vertical-align: middle;
padding: 72px 48px; }
@media only screen and (max-width: 1023px) {
.vessel .copy {
padding: 48px 36px;
display: block;
width: 100%; } }
.vessel .button--large {
position: relative;
top: 100%;
float: right;
right: 0;
color: white;
font-size: 14.4px;
text-decoration: none;
background: #51b8f9;
padding: 12px 126px 12px 36px;
line-height: 60px;
-webkit-transition: all 220ms;
transition: all 220ms; }
@media screen and (min-width: 480px) {
.vessel .button--large {
font-size: 14.4px; } }
@media screen and (min-width: 768px) {
.vessel .button--large {
font-size: 14.4px; } }
@media screen and (min-width: 992px) {
.vessel .button--large {
font-size: 16.2px; } }
@media screen and (min-width: 1200px) {
.vessel .button--large {
font-size: 18px; } }
@media screen and (min-width: 1600px) {
.vessel .button--large {
font-size: 18px; } }
.vessel .button--large:hover span {
background: #51b8f9; }
.vessel .button--large:hover svg {
left: 12px; }
.vessel .button--large span {
-webkit-transition: all 220ms;
transition: all 220ms;
width: 80px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #45a4e0; }
.vessel .button--large span svg {
-webkit-transition: all 220ms;
transition: all 220ms;
width: 26px;
height: 48px;
fill: white;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
right: 0;
margin: 0 auto; }
.vessel .halfWrap {
display: block;
width: 100%; }
@media only screen and (min-width: 540px) {
.vessel .halfWrap {
display: table; } }
.vessel .halfWrap .half {
padding: 24px;
width: 100%;
display: block;
vertical-align: middle;
position: relative; }
@media only screen and (min-width: 540px) {
.vessel .halfWrap .half {
display: table-cell;
width: 49%;
margin-right: 1%; } }
.vessel .halfWrap .half p {
margin-bottom: 0; }
.vessel .halfWrap .half.last {
width: 100%; }
.vessel .halfWrap .half.last p span {
font-size: 11.2px;
display: block;
padding-bottom: 6px; }
@media screen and (min-width: 480px) {
.vessel .halfWrap .half.last p span {
font-size: 11.2px; } }
@media screen and (min-width: 768px) {
.vessel .halfWrap .half.last p span {
font-size: 11.2px; } }
@media screen and (min-width: 992px) {
.vessel .halfWrap .half.last p span {
font-size: 12.6px; } }
@media screen and (min-width: 1200px) {
.vessel .halfWrap .half.last p span {
font-size: 14px; } }
@media screen and (min-width: 1600px) {
.vessel .halfWrap .half.last p span {
font-size: 14px; } }
@media only screen and (min-width: 768px) {
.vessel .halfWrap .half.last {
width: 50%;
margin-right: 0%; } }
.vessel .responsive-table {
overflow: auto;
width: 100%;
float: left;
position: relative; }
@media only screen and (min-width: 768px) {
.vessel .responsive-table {
width: 49%;
margin-right: 1%; } }
.vessel .responsive-table.last {
width: 100%; }
@media only screen and (min-width: 768px) {
.vessel .responsive-table.last {
width: 50%;
margin-right: 0%; } }
.vessel table {
min-width: 100%;
text-align: center;
background: white;
font-size: 14px; }
.vessel table tr {
border: 0;
border-top: 1px solid #7e7e7e;
padding: 30px 6px; }
.vessel table tr:last-child {
border-right: none; }
.vessel table td {
width: 50%;
text-align: left;
padding: 18px 6px 18px 12px; }
.vessel table td:last-child {
border-right: none; }