@charset "UTF-8";

 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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, hgroup,
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, hgroup, menu, nav, section {
display: block; }
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; }
p {
line-height: 1.45; }
strong {
font-weight: 600;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.clearfix:after {
clear: both; }
.clearfix {
*zoom: 1; }
a:active, a:focus {
outline: none; }
*, *::before, *::after {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
*:focus {
outline: none; }
abbr[title] {
border-bottom: none; }
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: none;
text-rendering: optimizeLegibility;
letter-spacing: 0.5px; }  h1, h2, h3, h4, h5, h6 {
font-family: "source-serif-pro", serif;
font-weight: 400;
font-style: normal;
}
p {
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 90%;
color: #272b2e; 
text-align: justify;
}
@media all and (min-width: 841px) {
p {
font-size: 100%; } } .btn {
position: relative;
padding: 10px 15px;
text-align: center;
font-weight: 600;
font-family: "Montserrat", sans-serif;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-transform: uppercase;
cursor: pointer;
display: inline-block; }
.btn.btn-blue {
background-color: #00a8ec;
color: #ffffff; }
.btn.btn-blue:hover {
background-color: #0b112c; }
@media all and (min-width: 676px) {
.btn {
padding: 20px 40px; } } .container {
max-width: 1500px;
margin: 0 auto;
padding-left: 1.5%;
padding-right: 1.5%; }
.container--small {
max-width: 960px;
width: 100%;
margin: 0 auto;
padding-left: 1.5%;
padding-right: 1.5%; }
.container--med {
max-width: 1320px;
width: 100%;
margin: 0 auto;
padding-left: 1.5%;
padding-right: 1.5%; }
.slick-slider {
margin-bottom: 0; }
.display-table {
display: table;
width: 100%;
height: 100%; }
.display-cell {
vertical-align: middle;
display: table-cell; }
.display-cell-bottom {
vertical-align: bottom;
display: table-cell; }
.fancybox-enabled {
overflow: hidden; }
.fancybox-enabled body {
overflow: visible;
height: 100%; }
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden; }
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.fancybox-container ~ .fancybox-container {
z-index: 99992; }
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
-webkit-transition-duration: inherit;
-o-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
-o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg {
opacity: .87;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
-o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .25s,visibility 0s linear .25s;
-o-transition: opacity .25s,visibility 0s linear .25s;
transition: opacity .25s,visibility 0s linear .25s;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .25s,visibility 0s;
-o-transition: opacity .25s,visibility 0s;
transition: opacity .25s,visibility 0s; }
.fancybox-infobar {
top: 0;
left: 50%;
margin-left: -79px; }
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased; }
.fancybox-toolbar {
top: 0;
right: 0; }
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translateZ(0); }
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity,-webkit-transform;
-webkit-transition-property: opacity,-webkit-transform;
-o-transition-property: transform,opacity;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.fancybox-slide:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display: block; }
.fancybox-slide--image {
overflow: visible; }
.fancybox-slide--image:before {
display: none; }
.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
background: #000; }
.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
background: #e5e3df; }
.fancybox-slide--next {
z-index: 99995; }
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab; }
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing; }
.fancybox-image, .fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff; }
.fancybox-iframe {
display: block;
padding: 0;
border: 0;
height: 100%; }
.fancybox-error, .fancybox-iframe {
margin: 0;
width: 100%;
background: #fff; }
.fancybox-error {
padding: 40px;
max-width: 380px;
cursor: default; }
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif; }
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
background: transparent;
z-index: 10;
cursor: pointer; }
.fancybox-close-small:after {
content: "×";
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background: #fff;
-webkit-transition: background .25s;
-o-transition: background .25s;
transition: background .25s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 2; }
.fancybox-close-small:focus:after {
outline: 1px dotted #888; }
.fancybox-close-small:hover:after {
color: #555;
background: #eee; }
.fancybox-slide--iframe .fancybox-close-small {
top: 0;
right: -44px; }
.fancybox-slide--iframe .fancybox-close-small:after {
background: transparent;
font-size: 35px;
color: #aaa; }
.fancybox-slide--iframe .fancybox-close-small:hover:after {
color: #fff; }
.fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));
background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
pointer-events: none; }
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none; }
.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
pointer-events: all; }
.fancybox-caption a {
color: #fff;
text-decoration: underline; }
.fancybox-button {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
border: 0;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
background: transparent;
color: #ddd;
border-radius: 0;
cursor: pointer;
vertical-align: top;
outline: none; }
.fancybox-button[disabled] {
cursor: default;
pointer-events: none; }
.fancybox-button, .fancybox-infobar__body {
background: rgba(30, 30, 30, 0.6); }
.fancybox-button:hover:not([disabled]) {
color: #fff;
background: rgba(0, 0, 0, 0.8); }
.fancybox-button:after, .fancybox-button:before {
content: "";
pointer-events: none;
position: absolute;
background-color: currentColor;
color: currentColor;
opacity: .9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block; }
.fancybox-button[disabled]:after, .fancybox-button[disabled]:before {
opacity: .3; }
.fancybox-button--left:after, .fancybox-button--right:after {
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: 2px solid currentColor;
border-right: 2px solid currentColor; }
.fancybox-button--left:after {
left: 20px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.fancybox-button--right:after {
right: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--left {
border-bottom-left-radius: 5px; }
.fancybox-button--right {
border-bottom-right-radius: 5px; }
.fancybox-button--close:after, .fancybox-button--close:before {
content: "";
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px); }
.fancybox-button--close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.fancybox-arrow {
position: absolute;
top: 50%;
margin: -50px 0 0;
height: 100px;
width: 54px;
padding: 0;
border: 0;
outline: none;
background: none;
cursor: pointer;
z-index: 99995;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.fancybox-arrow:after {
content: "";
position: absolute;
top: 28px;
width: 44px;
height: 44px;
background-color: rgba(30, 30, 30, 0.8);
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: 50%;
background-size: 24px 24px; }
.fancybox-arrow--right {
right: 0; }
.fancybox-arrow--left {
left: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1); }
.fancybox-arrow--left:after, .fancybox-arrow--right:after {
left: 0; }
.fancybox-show-nav .fancybox-arrow {
opacity: .6; }
.fancybox-show-nav .fancybox-arrow[disabled] {
opacity: .3; }
.fancybox-loading {
border: 6px solid rgba(99, 99, 99, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: a .8s infinite linear;
animation: a .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999; }
@-webkit-keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
-o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
.fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0; }
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0; }
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1; }
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1; }
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
opacity: 1; }
.fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-1turn);
-ms-transform: rotate(-1turn);
transform: rotate(-1turn);
opacity: 0; }
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(1turn);
-ms-transform: rotate(1turn);
transform: rotate(1turn);
opacity: 0; }
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1; }
.fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0; }
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0; }
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scaleX(1) translateZ(0);
transform: scaleX(1) translateZ(0);
opacity: 1; }
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1); }
@media (max-width: 800px) {
.fancybox-infobar {
left: 0;
margin-left: 0; }
.fancybox-button--left, .fancybox-button--right {
display: none !important; }
.fancybox-caption {
padding: 20px 0;
margin: 0; } }
.fancybox-button--fullscreen:before {
width: 15px;
height: 11px;
left: calc(50% - 7px);
top: calc(50% - 6px);
border: 2px solid;
background: none; }
.fancybox-button--pause:before, .fancybox-button--play:before {
top: calc(50% - 6px);
left: calc(50% - 4px);
background: transparent; }
.fancybox-button--play:before {
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px; }
.fancybox-button--pause:before {
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px; }
.fancybox-button--thumbs, .fancybox-thumbs {
display: none; }
@media (min-width: 800px) {
.fancybox-button--thumbs {
display: inline-block; }
.fancybox-button--thumbs span {
font-size: 23px; }
.fancybox-button--thumbs:before {
width: 3px;
height: 3px;
top: calc(50% - 2px);
left: calc(50% - 2px);
-webkit-box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;
box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; }
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
word-break: normal;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 99995; }
.fancybox-show-thumbs .fancybox-thumbs {
display: block; }
.fancybox-show-thumbs .fancybox-inner {
right: 220px; }
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0; }
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid transparent;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-thumbs > ul > li:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1; } } #topinfo {
display: none;
padding: 0 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
@media all and (min-width: 676px) {
#topinfo {
display: block; } }
#topinfo .topinfoWrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
#topinfo .topinfoWrapper .info {
font-size: 12px;
padding: 0 10px 0;
border-right: 1px solid rgba(255, 255, 255, 0.4); }
#topinfo .topinfoWrapper .info:last-child {
border-right: 0; }
#topinfo .topinfoWrapper .info a, #topinfo .topinfoWrapper .info p {
font-size: 12px;
font-weight: 500;
color: #ffffff;
text-decoration: none;
font-family: "Montserrat", sans-serif;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
@media all and (min-width: 1300px) {
#topinfo .topinfoWrapper .info a, #topinfo .topinfoWrapper .info p {
font-size: 13px; } }
#topinfo .topinfoWrapper .info a:hover {
color: #00a8ec; }
@media all and (min-width: 1081px) {
#topinfo .topinfoWrapper .info.address {
padding-right: 15px; } }
@media all and (min-width: 1200px) {
#topinfo .topinfoWrapper .info.email {
text-align: center; } }
#topinfo .topinfoWrapper .info.tel {
display: none; }
@media all and (min-width: 765px) {
#topinfo .topinfoWrapper .info.tel {
display: block; } }
@media all and (min-width: 1081px) {
#topinfo .topinfoWrapper .info.tel {
width: 15%; } }
@media all and (min-width: 1200px) {
#topinfo .topinfoWrapper .info.tel {
width: 30%;
padding: 0 15px; } }
@media all and (min-width: 1300px) {
#topinfo .topinfoWrapper .info.tel {
border-right: 0;
position: relative; }
#topinfo .topinfoWrapper .info.tel:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 30px;
width: 1px;
background-color: rgba(255, 255, 255, 0.4); } }
#topinfo .topinfoWrapper .info.tel span {
display: none; }
@media all and (min-width: 1200px) {
#topinfo .topinfoWrapper .info.tel span {
display: inline-block; } }
@media all and (min-width: 1450px) {
#topinfo .topinfoWrapper .info.tel {
width: 30%; } }
#topinfo .topinfoWrapper .info.case {
display: none;
text-align: right; }
@media all and (min-width: 841px) {
#topinfo .topinfoWrapper .info.case {
display: block; } }
@media all and (min-width: 1081px) {
#topinfo .topinfoWrapper .info.case {
width: 15%; } }
@media all and (min-width: 1200px) {
#topinfo .topinfoWrapper .info.case {
width: 10%; } }
@media all and (min-width: 1301px) {
#topinfo .topinfoWrapper .info.case {
width: 10%;
padding: 0 10px; } }
@media all and (min-width: 1360px) {
#topinfo .topinfoWrapper .info.case {
width: 12%; } }
@media all and (min-width: 1400px) {
#topinfo .topinfoWrapper .info.case {
width: 15%;
padding: 0 15px; } }
#topinfo .topinfoWrapper .info.social {
display: none; }
@media all and (min-width: 995px) {
#topinfo .topinfoWrapper .info.social {
display: block; } }
@media all and (min-width: 1200px) {
#topinfo .topinfoWrapper .info.social {
width: 10%;
padding-left: 10px;
text-align: right; } }
#topinfo .topinfoWrapper .info.social ul li {
display: inline-block; }
#topinfo .topinfoWrapper .info.social ul li a {
font-size: 1rem;
margin: 0 5px 0 0; }
@media all and (min-width: 1400px) {
#topinfo .topinfoWrapper .info.social ul li a {
margin: 0 10px 0 0; } }
#hero {
position: relative; }
#hero .heroSlider {
position: relative; }
#hero .heroSlider .heroSlide {
height: 70vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
min-height: 550px; }
#hero .heroSlider .heroSlide:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.45); }
#hero .heroSlider .heroSlide:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 90%;
bottom: 0;
z-index: 0;
background: -webkit-gradient(linear, left top, right top, color-stop(36%, rgba(3, 47, 85, 0.854779)), color-stop(91%, rgba(0, 212, 255, 0)));
background: -webkit-linear-gradient(left, rgba(3, 47, 85, 0.854779) 36%, rgba(0, 212, 255, 0) 91%);
background: -o-linear-gradient(left, rgba(3, 47, 85, 0.854779) 36%, rgba(0, 212, 255, 0) 91%);
background: linear-gradient(90deg, rgba(3, 47, 85, 0.854779) 36%, rgba(0, 212, 255, 0) 91%); }
#hero .heroSlider .heroSlide .heroText {
position: relative;
z-index: 10;
max-width: 90%;
margin: 0 auto;
color: #ffffff; }
#hero .heroSlider .heroSlide .heroText h3 {
font-size: 1rem;
font-family: "Montserrat", sans-serif;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 15px; }
#hero .heroSlider .heroSlide .heroText h2, #hero .heroSlider .heroSlide .heroText h1 {
font-size: 2.3rem;
line-height: 1;
font-weight: 300;
font-style: normal; }
#hero .heroSlider .heroSlide .heroText p {
font-size: 1rem;
display: block;
color: #ffffff;
line-height: 1.2; }
#hero .heroSlider .heroSlide .heroText a.btn {
margin-top: 25px;
display: inline-block; }
#hero .heroSlider .slick-dots {
bottom: 25px; }
#hero .heroSlider .slick-dots li {
background-color: #ffffff;
height: 3px;
width: 50px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin: 0 15px; }
#hero .heroSlider .slick-dots li:hover {
background-color: #00a8ec; }
#hero .heroSlider .slick-dots li button {
display: none; }
#hero .heroSlider .slick-dots li.slick-active {
height: 5px; }
#hero .heroSlider .slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 30px;
height: 1px;
background-color: #ffffff;
line-height: 2;
text-align: center;
color: black;
opacity: 0.8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
@media all and (min-width: 586px) {
#hero .heroSlider .heroSlide .heroText {
margin-left: 25px;
max-width: 60%; } }
@media all and (min-width: 821px) {
#hero .heroSlider .heroSlide .heroText {
max-width: 60%; } }
@media all and (min-width: 1001px) {
#hero .heroSlider {
position: relative; }
#hero .heroSlider .heroSlide {
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
min-height: 800px;
padding: 15px 15px; }
#hero .heroSlider .heroSlide:after {
width: 40%; }
#hero .heroSlider .heroSlide .heroText {
position: relative;
z-index: 10;
max-width: 35%;
margin-left: 0;
color: #ffffff; }
#hero .heroSlider .heroSlide .heroText h3 {
font-size: 0.9rem;
font-family: "Montserrat", sans-serif;
text-transform: uppercase; }
#hero .heroSlider .heroSlide .heroText h2,  #hero .heroSlider .heroSlide .heroText h1 {
font-size: 4.5rem;
line-height: 1;
font-style: normal; }
#hero .heroSlider .heroSlide .heroText p {
font-size: 1.2rem;
display: block; }
#hero .heroSlider .heroSlide .heroText a.btn {
margin-top: 25px;
display: inline-block; }
#hero .heroSlider .slick-dots {
bottom: 150px; }
#hero .heroSlider .slick-dots li {
margin: 0 15px; } }
#logos {
padding: 25px 15px;
background-color: #eeeeee;
text-align: center; }
#logos .logoSlider {
position: relative; }
#logos .logoSlider .logoSlide img {
width: 100%;
max-width: 300px;
height: auto;
display: block;
margin: 0 auto; } body.menuActive .pageWrap {
left: -300px; }
body .pageWrap {
position: relative;
top: 0;
left: 0;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#mainContent.padding {
padding: 25px 15px; }
#mainContent.contactSection img.contactLogo {
display: block;
width: 100%;
max-width: 400px;
height: auto;
margin: 25px auto; }
#mainContent.contactSection ul.contactDetails {
list-style-type: none;
text-align: center; }
#mainContent.contactSection ul.contactDetails li {
display: block;
font-family: "source-serif-pro", serif;
font-weight: 300;
color: #0b112c;
margin: 10px auto;
font-size: 1.5rem; }
#mainContent.contactSection ul.contactDetails li a {
text-decoration: none;
font-weight: 600;
color: #0b112c;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#mainContent.contactSection ul.contactDetails li a:hover {
color: #00a8ec; }
#mainContent.contactSection span.bold {
font-family: "Montserrat", sans-serif;
font-weight: 600;
text-align: center;
color: #00a8ec;
display: block;
margin: 20px auto; }
#mainContent.contactSection p {
font-family: "source-serif-pro", serif;
font-weight: 300;
font-size: 1.5rem; }
#mainContent .pageContent {
width: 100%;
padding: 25px 0; }
#mainContent .pageContent h2 {
font-size: 1.5rem; }
#mainContent .featuredImage {
position: relative; }
#mainContent .featuredImage img {
width: 100%;
height: auto; }
#mainContent .video {
width: 100%; }
#mainContent .video .videoBox {
max-width: 100%;
margin: 0 auto;
border: 2px solid #00a8ec;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
#mainContent .video .videoBox:before {
content: '';
display: block;
padding-top: 60%; }
#mainContent .video .videoBox:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.2); }
#mainContent .video .videoBox .videoInner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
z-index: 10; }
#mainContent .video .videoBox .videoInner a {
display: block;
color: rgba(0, 0, 0, 0.7);
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
#mainContent .video .videoBox .videoInner a:hover {
color: #00a8ec; }
#mainContent .video .videoBox .videoInner a svg {
font-size: 5rem; }
#mainContent .video .videoText {
margin-top: 25px;
text-align: center; }
#mainContent .video .videoText span {
display: block;
text-transform: uppercase;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #272b2e;
font-size: 0.9rem; }
#mainContent .video .videoText a {
text-decoration: none;
color: #272b2e;
font-family: "source-serif-pro", serif;
font-weight: 500;
display: block;
font-size: 2.5rem;
margin: 10px auto; }
#mainContent .text {
width: 100%; }
#mainContent .text p {
font-weight: 300; }
#mainContent .text p:first-of-type {
font-size: 1.3rem; }
#callout {
padding: 25px; }
#callout p {
color: #93d0e4; }
@media all and (min-width: 731px) {
#mainContent.padding ul.contactDetails li a {
display: inline-block; } }
@media all and (min-width: 961px) {
#mainContent.padding.contactSection ul.contactDetails li {
font-size: 2rem; }
#mainContent.padding.contactSection ul.contactDetails li a {
display: inline-block; }
#mainContent.padding.contactSection p {
font-size: 2rem; } }
@media all and (min-width: 871px) { #mainContent .contentWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
#mainContent .contentWrap .video {
width: 50%;
padding: 25px; }
#mainContent .contentWrap .text {
width: 50%; }
#mainContent .contentWrap .pageContent {
width: 50%;
padding: 25px; }
#mainContent .contentWrap .featuredImage {
width: 50%; }
#mainContent .contentWrap .featuredImage img {
max-width: 90%; } }
@media all and (min-width: 1221px) {
#mainContent .contentWrap .video .videoBox {
max-width: 90%;
margin: 0 auto; }
#mainContent .contentWrap .video .videoBox:before {
padding-top: 60%; }
#mainContent .contentWrap .video .videoText span {
font-size: 1rem; }
#mainContent .contentWrap .video .videoText a {
font-size: 3rem; } }
#mainContent.contactSection ul.social {
list-style-type: none;
text-align: center; }
#mainContent.contactSection ul.social li {
display: inline-block; }
#mainContent.contactSection ul.social li a {
display: block;
font-size: 1.3rem;
padding: 15px 15px;
color: #797879;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
#mainContent.contactSection ul.social li a:hover {
color: #00a8ec; }
.pageContent h2 {
font-size: 1.5rem;
font-weight: 400;
display: block !important;
font-style: normal;
text-align: left !important; }
.pageContent h2:after {
display: none; }
.pageContent span.date {
text-align: left !important;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 500;
margin-bottom: 10px; }
.pageContent h3 {
font-size: 1.3rem;
font-weight: 400;
font-style: normal;
text-align: left; }
.pageContent p {
text-align: justify !important; }
.pageContent img {
width: 100%;
height: auto;
margin: 15px auto;
border: 2px solid #00a8ec; }
.pageContent a {
color: #00a8ec;
text-decoration: none; }
.pageContent a.btn { display: inline-block; }
@media all and (min-width: 701px) {
.pageContent h2 {
font-size: 2rem;
font-weight: 300;
font-style: normal; }
.pageContent h3 {
font-size: 1.5rem; }
.pageContent a {
color: #00a8ec;
text-decoration: none; } }
.contactBoxed {
width: 100%; }
@media (min-width: 1051px) {
.contactBoxed {
width: 50%; } }
.contactBoxed .contactText {
margin-top: 25px;
text-align: center; }
.contactBoxed .contactText span {
display: block;
text-transform: uppercase;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #272b2e;
font-size: 0.9rem; }
.contactBoxed .contactText a:not(.btn) {
text-decoration: none;
color: #272b2e;
font-family: "Montserrat", sans-serif;
font-weight: normal;
display: block;
font-size: 2rem;
margin: 10px auto; }
.contactBoxed .contactText a.btn {
margin-top: 25px; }
a.telephone.blue {
font-size: 2rem !important;
color: #00a8ec !important;
font-family: "source-serif-pro", serif !important;
font-weight: 500 !important; }
@media all and (min-width: 676px) {
a.telephone.blue {
font-size: 4rem !important; } }
#contactForm {
padding: 25px 15px;
background-color: #eeeeee; }
#contactForm h2 {
font-size: 1.8rem;
font-weight: normal;
text-align: center;
margin-bottom: 15px;
color: #272b2e; }
#contactForm .gform_wrapper .top_label div.ginput_container {
margin-top: 12px!important;
}
#contactForm .gform_wrapper textarea.medium {
padding: 15px!important;
border: 1px solid rgba(0,0,0,0.2);
}
#contactForm .gform_wrapper {
font-family: "Montserrat", sans-serif;
font-weight: 300;
}
#contactForm .gform_wrapper a {
text-decoration: none;
color: #00a8ec;
}
ul.contact-form {
width: 100%;
list-style-type: none; }
ul.contact-form li {
display: block;
width: 100%; }
ul.contact-form li.upload p.f-label {
font-family: "Montserrat", sans-serif;
font-size: 0.9rem;
color: #272b2e;
margin-top: 0;
position: relative;
display: block;
left: 15px; }
ul.contact-form li.upload input {
background-color: #ffffff;
font-family: "Montserrat", sans-serif;
color: #272b2e; }
ul.contact-form li p.label {
display: none; }
ul.contact-form li input {
padding: 15px;
width: 100%;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 1rem;
border: 1px solid #eeeeee; }
ul.contact-form li input[type=submit] {
background-color: #00a8ec;
color: #ffffff;
padding: 10px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
margin-top: 15px; }
ul.contact-form li input[type=checkbox] {
width: auto;
display: inline-block; }
ul.contact-form li span.wpcf7-list-item {
margin-left: 0;
text-align: center; }
ul.contact-form li span.wpcf7-list-item-label {
font-family: "Montserrat", sans-serif; }
ul.contact-form li span.wpcf7-list-item-label a {
color: #00a8ec;
text-decoration: none; }
ul.contact-form li textarea {
padding: 15px;
width: 100%;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 1rem;
border: 1px solid #eeeeee; }
@media all and (min-width: 667px) {
ul.contact-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
ul.contact-form li.half {
width: 49%;
float: left; }
ul.contact-form li:not(.half) {
padding: 0 5px; } }
@media all and (min-width: 960px) {
ul.contact-form li.quarter-col {
width: 60%; }
ul.contact-form li.third-col {
width: 40%; }
ul.contact-form li.third-col input {
margin-top: 0; }
ul.contact-form li span.wpcf7-list-item {
margin-left: 0;
text-align: center; } }
@media all and (min-width: 1001px) {
#contactForm {
padding: 50px 0; }
ul.contact-form li.quarter-col {
width: 70%; }
ul.contact-form li.third-col {
width: 30%; }
ul.contact-form li.third-col input {
margin-top: 0; }
ul.contact-form li span.wpcf7-list-item {
margin-left: 0;
text-align: left; } }
.contactSection {
text-align: center; }
.contactSection p {
text-align: center!important;
}
.acf-map {
min-height: 250px;
width: 100%;
height: 20vh; }
.acf-map img {
max-width: inherit !important; }
@media all and (min-width: 767px) {
.acf-map {
min-height: 350px;
height: 45vh; } } header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 20; }
.offscreenMenu {
position: fixed;
right: -300px;
width: 300px;
height: 100%;
background-color: #0b112c;
padding: 25px 50px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.offscreenMenu ul {
list-style-type: none; }
.offscreenMenu ul li {
display: block; }
.offscreenMenu ul li.current_page_item a {
color: #00a8ec; }
.offscreenMenu ul li.menu-item-has-children ul {
margin-left: 10px; }
.offscreenMenu ul li.menu-item-has-children ul li a {
color: #00a8ec;
font-size: 0.9rem; }
.offscreenMenu ul li a {
padding: 15px 0;
color: #ffffff;
display: block;
font-family: "Montserrat", sans-serif;
font-weight: 600;
text-decoration: none; }
body.menuActive .offscreenMenu {
right: 0;
overflow-y: scroll; }
body.menuActive {
overflow: hidden;
}
.page-template-page-contact #inner-header:after {
display: none; }
#inner-header {
position: relative;
height: 35vh;
min-height: 350px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
#inner-header .headerText {
position: relative;
z-index: 10;
padding: 25px 0;
text-align: center; }
#inner-header .headerText h2, #inner-header .headerText h1 {
color: #ffffff;
font-size: 2.3rem;
font-weight: 300; }
#inner-header .headerText a {
display: block;
margin: 15px auto; }
#inner-header .headerText a img {
width: 50px;
height: auto; }
#inner-header:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.45); }
#inner-header:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 90%;
bottom: 0;
z-index: 0;
background: -webkit-gradient(linear, left top, right top, color-stop(36%, rgba(3, 47, 85, 0.854779)), color-stop(91%, rgba(0, 212, 255, 0)));
background: -webkit-linear-gradient(left, rgba(3, 47, 85, 0.854779) 36%, rgba(0, 212, 255, 0) 91%);
background: -o-linear-gradient(left, rgba(3, 47, 85, 0.854779) 36%, rgba(0, 212, 255, 0) 91%);
background: linear-gradient(90deg, rgba(3, 47, 85, 0.854779) 0%, rgba(0, 212, 255, 0) 91%); }
@media all and (min-width: 711px) {
#inner-header .headerText h2, #inner-header .headerText h1 {
font-size: 2.5rem; } }
@media all and (min-width: 1001px) {
#inner-header {
height: 50vh; }
#inner-header .headerText h2, #inner-header .headerText h1 {
font-size: 3.5rem; }
#inner-header .headerText a img {
width: 60px;
height: auto; } }
#mainNavSection {
padding: 15px 15px; }
#mainNavSection .sectionWrapper a.logo {
display: block; }
#mainNavSection .sectionWrapper a.logo img {
max-width: 200px;
width: 100%;
height: auto; }
#mainNavSection .sectionWrapper a.mobileBtn {
position: absolute;
top: 15px;
right: 10px;
z-index: 99; }
@media all and (min-width: 676px) {
#mainNavSection .sectionWrapper a.mobileBtn {
top: 50px; } }
#mainNavSection .sectionWrapper a.mobileBtn .hamburger-inner, #mainNavSection .sectionWrapper a.mobileBtn .hamburger-inner:after, #mainNavSection .sectionWrapper a.mobileBtn .hamburger-inner:before {
background-color: #ffffff; }
#mainNavSection .sectionWrapper .navigationWrapper {
display: none; }
@media all and (min-width: 711px) {
#mainNavSection .sectionWrapper a.logo img {
max-width: 250px; } }
@media all and (min-width: 1111px) {
#mainNavSection .sectionWrapper a.logo img {
max-width: 350px; } }
@media all and (min-width: 1031px) {
#mainNavSection .sectionWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between; }
#mainNavSection .sectionWrapper .mobileBtn {
display: none; }
#mainNavSection .sectionWrapper a.logo {
width: 30%; }
#mainNavSection .sectionWrapper .navigationWrapper {
display: block;
width: 70%;
text-align: right; }
#mainNavSection .sectionWrapper .navigationWrapper ul {
list-style-type: none;
padding-top: 20px; }
#mainNavSection .sectionWrapper .navigationWrapper ul li {
display: inline-block;
position: relative; }
#mainNavSection .sectionWrapper .navigationWrapper ul li.current_page_item:not(.page-item-5):before {
content: '';
position: absolute;
bottom: -5px;
left: 0;
width: 80%;
margin: 0 auto;
right: 0;
height: 2px;
background-color: #00a8ec; }
#mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children a {
padding: 0px 25px 0 15px; }
#mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children a:before {
content: '';
position: absolute;
top: 36%;
right: 8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #00a8ec; }
#mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children:hover ul {
visibility: visible;
opacity: 1;
z-index: 1;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%); }
#mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children ul {
position: absolute;
top: 45px;
left: 0;
padding: 15px;
background-color: #ffffff;
border-radius: 0px;
width: 240px;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
-o-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
#mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children ul:before {
content: '';
position: absolute;
top: -10px;
left: 25px;
width: 25px;
height: 25px;
background-color: #ffffff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
#mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children ul li {
display: block;
font-family: "Montserrat", sans-serif;
text-align: left; }
#mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children ul li.current_page_item:before {
display: none; }
#mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children ul li:hover a {
color: #00a8ec; }
#mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children ul li a {
display: block;
padding: 5px 0 0 0;
font-family: "Montserrat", sans-serif;
font-weight: 300;
color: #202020;
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
#mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children ul li a:after, #mainNavSection .sectionWrapper .navigationWrapper ul li.menu-item-has-children ul li a:before {
display: none; }
#mainNavSection .sectionWrapper .navigationWrapper ul li:last-of-type a:after {
display: none; }
#mainNavSection .sectionWrapper .navigationWrapper ul li a {
display: block;
padding: 0px 15px;
text-decoration: none;
font-family: "Montserrat", sans-serif;
color: #ffffff;
font-weight: 500;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative; }
#mainNavSection .sectionWrapper .navigationWrapper ul li a:after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 2px;
bottom: 0;
background-color: #ffffff; }
#mainNavSection .sectionWrapper .navigationWrapper ul li a:hover {
color: #00a8ec; } } #cta {
background-color: #ffffff;
padding: 50px;
text-align: center; }
#cta span {
display: block;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #0b112c; }
#cta span.text {
font-size: 1rem;
text-transform: none;
margin: 10px 0;
font-weight: 400 !important;
font-style: normal;
font-family: "source-serif-pro", serif; }
#cta span.text strong {
font-weight: 600; }
#cta a.tel {
color: #00a8ec;
display: block;
text-decoration: none;
font-size: 2.5rem;
clear: both;
font-family: "source-serif-pro", serif;
font-weight: 500; }
#cta .btn {
display: inline-block;
margin-top: 20px; }
.calloutBanner {
padding: 25px;
background-color: #032f55; }
.calloutBanner p {
font-size: 1.2rem;
color: #93d0e4;
font-family: "source-serif-pro", serif;
font-weight: 400; }
#iconBanner {
position: relative;
background-color: #0b112c;
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
#iconBanner a {
position: relative;
-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
width: 100%;
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
#iconBanner a:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
-webkit-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.35)));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
#iconBanner a .iconBand {
position: relative;
width: 100%;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#iconBanner a .iconBand:hover {
background-color: rgba(11, 17, 44, 0.6); }
#iconBanner a .iconBand:last-child {
border-bottom: none; }
#iconBanner a .iconBand .icon {
width: 25%; 
margin-right: 5px;}
#iconBanner a .iconBand .icon img {
max-width: 60px;
margin: 0 auto;
width: 100%;
height: auto;
display: block; }
#iconBanner a .iconBand .text {
width: 50%; }
#iconBanner a .iconBand .text h2 {
color: #ffffff;
font-size: 1.5rem;
display: block; }
#iconBanner a .iconBand .text h2 span {
font-size: 0.9rem;
color: #00a8ec;
display: block;
text-transform: uppercase;
font-weight: 600;
font-family: "Montserrat", sans-serif; }
#iconBanner a .iconBand:last-of-type {
border-right: 0; }
@media all and (min-width: 800px) {
#iconBanner a {
border-right: 1px solid rgba(255, 255, 255, 0.3);
width: 50%; }
#iconBanner a .iconBand {
padding: 10px 0px; }
#iconBanner a .iconBand:last-of-type {
border-right: 0; }
#iconBanner a:last-child, #iconBanner a :nth-child(2) {
border-right: 0; } }
@media all and (min-width: 1161px) {
#iconBanner {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: transparent; }
#iconBanner a {
width: 20%;
border-bottom: 0; }
#iconBanner a .iconBand {
border-bottom: 0; }
#iconBanner a .iconBand:last-child {
border-right: 0; } }
@media all and (min-width: 1001px) {
#cta span {
font-size: 1rem; }
#cta span.text {
font-size: 1.5rem; }
#cta a.tel {
font-size: 4rem; }
.calloutBanner {
padding: 30px 25px; }
.calloutBanner p {
font-size: 1.5rem;
line-height: 1.3; } }
@media all and (min-width: 1241px) {
#cta {
padding: 65px 0; } } #case-study {
background-color: #eeeeee;
padding: 25px; }
#case-study .caseWrap {
position: relative; }
#case-study .caseWrap .case-study-text .case-study-text-wrap {
border-bottom: 1px solid #ffffff;
margin-bottom: 25px;
padding: 25px 0; }
#case-study .caseWrap .case-study-text .case-study-text-wrap h2 {
font-family: "source-serif-pro", serif;
color: #272b2e;
font-size: 1.7rem;
margin-bottom: 25px; }
#case-study .caseWrap .case-study-text .case-study-text-wrap p {
color: #272b2e;
font-family: "source-serif-pro", serif;
font-weight: 500; }
#case-study .caseWrap .case-study-text a {
color: #272b2e;
text-decoration: none;
font-weight: 600;
font-size: 0.9rem;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
#case-study .caseWrap .case-study-text a:hover {
color: #00a8ec; }
#case-study .caseWrap .case-study-image {
padding: 25px 0; }
#case-study .caseWrap .case-study-image img {
width: 100%;
height: auto; }
@media all and (min-width: 751px) {
#case-study .caseWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#case-study .caseWrap .case-study-text {
width: 50%;
padding: 0px 15px; }
#case-study .caseWrap .case-study-text .case-study-text-wrap {
border-bottom: 1px solid #ffffff;
margin-bottom: 25px;
padding: 25px 0; }
#case-study .caseWrap .case-study-image {
width: 50%; }
#case-study .caseWrap .case-study-image img {
border: 5px solid #ffffff; } }
@media all and (min-width: 1001px) {
#case-study .caseWrap .case-study-text {
padding: 0 50px 0 0; }
#case-study .caseWrap .case-study-text .case-study-text-wrap h2 {
font-size: 2.5rem;
margin-bottom: 50px; }
#case-study .caseWrap .case-study-text .case-study-text-wrap p {
font-size: 1.2rem;
font-weight: 400; } } #mailchimp {
background-color: #032f55;
padding: 15px; }
#mailchimp form {
padding: 0 35px; }
#mailchimp form label {
font-family: "source-serif-pro", serif;
color: #00a8ec;
display: block;
text-align: center;
font-size: 1.5rem;
display: block;
margin-bottom: 15px; }
#mailchimp form small {
text-align: center;
color: #00a8ec;
font-family: "Montserrat", sans-serif;
font-weight: 300;
display: block;
font-size: 0.9rem;
}
#mailchimp form input {
padding: 10px;
width: 100%;
margin-bottom: 15px;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-size: 1em;
min-height: 40px;
background-color: #044476;
border-radius: 0 !important;
}
#mailchimp form input[type="submit"] {
background-color: #00a8ec;
color: #ffffff;
font-family: "Montserrat", sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 90%;
border-radius: 0 !important; }
#mailchimp form .mc4wp-response {
text-align: center;
color: #ffffff; }
#mailchimp form .mc4wp-response a {
color: #ffffff;
text-decoration: none; }
@media all and (min-width: 551px) {
#mailchimp form .formWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#mailchimp form .formWrapper div:first-child {
width: 100%; }
#mailchimp form .formWrapper div:nth-child(2) {
width: 80%; }
#mailchimp form .formWrapper div {
width: 20%; } }
@media all and (min-width: 751px) {
#mailchimp form .formWrapper div {
margin-bottom: 0; }
#mailchimp form .formWrapper div label {
font-size: 2rem;
text-align: center; } }
@media all and (min-width: 931px) {
#mailchimp form .formWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#mailchimp form .formWrapper div:first-child {
width: 20%; }
#mailchimp form .formWrapper div:nth-child(2) {
width: 60%; }
#mailchimp form .formWrapper div {
width: 15%; }
#mailchimp form .formWrapper div label {
margin-bottom: 0; }
#mailchimp form .formWrapper div input {
margin-bottom: 0; } }
@media all and (min-width: 1024px) {
#mailchimp form .formWrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#mailchimp form .formWrapper label {
margin-bottom: 0; }
#mailchimp form .formWrapper input {
padding: 15px 25px;
height: 48px;
margin-bottom: 0; } }
@media all and (min-width: 1341px) {
#mailchimp {
padding: 25px 0; } } #testimonial {
padding: 0; }
#testimonial .testimonialWrap .col-image {
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
#testimonial .testimonialWrap .col-image:before {
content: '';
display: block;
padding-top: 55%; }
#testimonial .testimonialWrap .testimonial {
padding: 25px;
text-align: center; }
#testimonial .testimonialWrap .testimonial.grey {
background-color: #464342; }
#testimonial .testimonialWrap .testimonial.dark-blue {
background-color: #0b112c; }
#testimonial .testimonialWrap .testimonial .testimonialInner {
position: relative; }
#testimonial .testimonialWrap .testimonial .testimonialInner:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: none;
width: 50px;
height: 50px;
background-image: url(//clifford-james.com/wp-content/themes/cjc/inc/img/quote.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat; }
#testimonial .testimonialWrap .testimonial .testimonialInner:after {
content: '';
position: absolute;
top: 0;
right: 0;
display: none;
width: 50px;
height: 50px;
background-image: url(//clifford-james.com/wp-content/themes/cjc/inc/img/quote-back.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat; }
#testimonial .testimonialWrap .testimonial .testimonialInner h3 {
color: #ffffff;
font-size: 1.5rem;
position: relative;
margin-bottom: 25px;
font-family: "Playfair Display", serif; }
#testimonial .testimonialWrap .testimonial .testimonialInner h3:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
width: 50%;
margin: -15px auto;
background-color: #00a8ec; }
#testimonial .testimonialWrap .testimonial .testimonialInner p {
color: #ffffff;
line-height: 1.4;
font-size: 1rem; }
#testimonial .testimonialWrap .testimonial .testimonialInner span.name {
color: #ffffff;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
display: inline-block;
margin: 15px 0; }
@media all and (min-width: 751px) {
#testimonial .testimonialWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center; }
#testimonial .testimonialWrap.left {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
#testimonial .testimonialWrap.left .col-image.grey:after { background: -moz-linear-gradient(left, #464342 0%, rgba(70, 67, 66, 0) 65%, rgba(70, 67, 66, 0) 66%); background: -webkit-linear-gradient(left, #464342 0%, rgba(70, 67, 66, 0) 65%, rgba(70, 67, 66, 0) 66%); background: -webkit-gradient(linear, left top, right top, from(#464342), color-stop(65%, rgba(70, 67, 66, 0)), color-stop(66%, rgba(70, 67, 66, 0)));
background: -o-linear-gradient(left, #464342 0%, rgba(70, 67, 66, 0) 65%, rgba(70, 67, 66, 0) 66%);
background: linear-gradient(to right, #464342 0%, rgba(70, 67, 66, 0) 65%, rgba(70, 67, 66, 0) 66%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464342', endColorstr='#00464342',GradientType=1 ); }
#testimonial .testimonialWrap.left .col-image.dark-blue:after { background: -moz-linear-gradient(left, #0b112c 0%, rgba(11, 17, 44, 0) 65%, rgba(11, 17, 44, 0) 66%); background: -webkit-linear-gradient(left, #0b112c 0%, rgba(11, 17, 44, 0) 65%, rgba(11, 17, 44, 0) 66%); background: -webkit-gradient(linear, left top, right top, from(#0b112c), color-stop(65%, rgba(11, 17, 44, 0)), color-stop(66%, rgba(11, 17, 44, 0)));
background: -o-linear-gradient(left, #0b112c 0%, rgba(11, 17, 44, 0) 65%, rgba(11, 17, 44, 0) 66%);
background: linear-gradient(to right, #0b112c 0%, rgba(11, 17, 44, 0) 65%, rgba(11, 17, 44, 0) 66%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b112c', endColorstr='#000b112c',GradientType=1 ); }
#testimonial .testimonialWrap.right .col-image.grey:after { background: -moz-linear-gradient(left, rgba(70, 67, 66, 0) 34%, rgba(70, 67, 66, 0) 35%, #464342 100%); background: -webkit-linear-gradient(left, rgba(70, 67, 66, 0) 34%, rgba(70, 67, 66, 0) 35%, #464342 100%); background: -webkit-gradient(linear, left top, right top, color-stop(34%, rgba(70, 67, 66, 0)), color-stop(35%, rgba(70, 67, 66, 0)), to(#464342));
background: -o-linear-gradient(left, rgba(70, 67, 66, 0) 34%, rgba(70, 67, 66, 0) 35%, #464342 100%);
background: linear-gradient(to right, rgba(70, 67, 66, 0) 34%, rgba(70, 67, 66, 0) 35%, #464342 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00464342', endColorstr='#464342',GradientType=1 ); }
#testimonial .testimonialWrap.right .col-image.dark-blue:after { background: -moz-linear-gradient(left, rgba(11, 17, 44, 0) 34%, rgba(11, 17, 44, 0) 35%, #0b112c 100%); background: -webkit-linear-gradient(left, rgba(11, 17, 44, 0) 34%, rgba(11, 17, 44, 0) 35%, #0b112c 100%); background: -webkit-gradient(linear, left top, right top, color-stop(34%, rgba(11, 17, 44, 0)), color-stop(35%, rgba(11, 17, 44, 0)), to(#0b112c));
background: -o-linear-gradient(left, rgba(11, 17, 44, 0) 34%, rgba(11, 17, 44, 0) 35%, #0b112c 100%);
background: linear-gradient(to right, rgba(11, 17, 44, 0) 34%, rgba(11, 17, 44, 0) 35%, #0b112c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b112c', endColorstr='#0b112c',GradientType=1 ); }
#testimonial .testimonialWrap .col-image {
width: 50%; }
#testimonial .testimonialWrap .col-image:after {
content: '';
position: absolute;
top: 0;  bottom: 0; 
width: 70%; }
#testimonial .testimonialWrap.right .col-image:after {
right:0;
}
#testimonial .testimonialWrap.left .col-image:after {
left:0;
}
#testimonial .testimonialWrap .testimonial {
width: 50%; }
#testimonial .testimonialWrap .testimonial .testimonialInner {
max-width: 90%;
margin: 0 auto; } }
@media all and (min-width: 1001px) {
#testimonial .testimonialWrap .testimonial {
padding: 0 50px; }
#testimonial .testimonialWrap .testimonial .testimonialInner {
max-width: 100%; }
#testimonial .testimonialWrap .testimonial .testimonialInner:before {
display: block;
top: 100px;
left: -50px;
width: 40px;
height: 40px; }
#testimonial .testimonialWrap .testimonial .testimonialInner:after {
display: block;
top: 100px;
right: -50px;
width: 40px;
height: 40px; }
#testimonial .testimonialWrap .testimonial .testimonialInner h3 {
font-size: 2rem;
margin-bottom: 50px; }
#testimonial .testimonialWrap .testimonial .testimonialInner p {
font-size: 1.2rem; } }
@media all and (min-width: 1401px) {
#testimonial .testimonialWrap .testimonial {
padding: 0 50px; }
#testimonial .testimonialWrap .testimonial .testimonialInner {
max-width: 80%; }
#testimonial .testimonialWrap .testimonial .testimonialInner h3 {
font-size: 2.5rem;
margin-bottom: 50px; }
#testimonial .testimonialWrap .testimonial .testimonialInner p {
font-size: 1.2rem; } } #blogFeed {
position: relative;
padding: 25px 0;
text-align: center; }
#blogFeed h2 {
font-size: 2rem;
position: relative;
margin-bottom: 25px;
color: #272b2e;
text-align: center;
display: inline-block; }
@media all and (min-width: 1001px) {
#blogFeed h2 {
font-size: 2.5rem; } }
#blogFeed h2:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
width: 90%;
margin: -15px auto;
background-color: #00a8ec; }
#blogFeed p {
text-align: center; }
#blogFeed .blogWrap {
position: relative;
padding: 15px;
margin-top: 25px;
text-align: left; }
@media all and (min-width: 670px) {
#blogFeed .blogWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around; } }
@media all and (min-width: 1029px) {
#blogFeed .blogWrap {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
#blogFeed .blogWrap .blogBox {
position: relative;
display: block;
margin-bottom: 50px;
padding: 15px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media all and (min-width: 670px) {
#blogFeed .blogWrap .blogBox {
width: 48%;
margin-right: 4%; }
#blogFeed .blogWrap .blogBox:nth-child(even) {
margin-right: 0;
float: right; } }
@media all and (min-width: 1200px) {
#blogFeed .blogWrap .blogBox {
width: 30%;
margin-right: 50px;
margin-bottom: 0; }
#blogFeed .blogWrap .blogBox:nth-child(2n) {
margin-right: 50px; }
#blogFeed .blogWrap .blogBox:nth-child(3) {
margin-right: 0; }
#blogFeed .blogWrap .blogBox:nth-child(4) {
display: none; } }
#blogFeed .blogWrap .blogBox.incThumbnail {
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
#blogFeed .blogWrap .blogBox.incThumbnail:after {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 55%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 55%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(55%, rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 55%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 55%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
#blogFeed .blogWrap .blogBox.incThumbnail .blogText .text {
display: none; }
#blogFeed .blogWrap .blogBox.light-blue {
background-color: #00a8ec;
color: #ffffff; }
#blogFeed .blogWrap .blogBox.dark-grey {
background-color: #272b2e;
color: #ffffff; }
#blogFeed .blogWrap .blogBox.light-grey {
background-color: #d6d9db;
color: #272b2e; }
#blogFeed .blogWrap .blogBox.light-grey .blogText h3 {
color: #272b2e; }
#blogFeed .blogWrap .blogBox.light-grey .blogText p {
color: #272b2e !important; }
#blogFeed .blogWrap .blogBox.light-grey .blogCategory {
border-top-color: #272b2e; }
#blogFeed .blogWrap .blogBox.light-grey .blogCategory p {
color: #272b2e; }
#blogFeed .blogWrap .blogBox.light-grey .blogCategory p:last-child:before {
background-color: #272b2e; }
#blogFeed .blogWrap .blogBox:before {
content: '';
display: block;
padding-top: 115%; }
#blogFeed .blogWrap .blogBox a {
position: absolute;
text-decoration: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#blogFeed .blogWrap .blogBox a:hover {
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.33);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.33); }
#blogFeed .blogWrap .blogBox .blogText {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 50px;
z-index: 100;
padding: 40px 25px 15px 25px; }
@media all and (min-width: 1200px) {
#blogFeed .blogWrap .blogBox .blogText {
padding-top: 60px; } }
#blogFeed .blogWrap .blogBox .blogText h3 {
color: #ffffff;
font-size: 1.5rem;
font-family: "source-serif-pro", serif;
font-weight: normal;
font-style: normal;
text-align: left;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
@media all and (min-width: 676px) {
#blogFeed .blogWrap .blogBox .blogText h3 {
font-size: 1.5rem;
line-height: 1.2; } }
#blogFeed .blogWrap .blogBox .blogText .text p {
text-align: justify;
color: #ffffff; }
#blogFeed .blogWrap .blogBox .blogCategory {
position: absolute;
border-top: 1px solid #ffffff;
bottom: 0;
left: 0;
right: 0;
margin: 0 25px;
z-index: 99;
padding: 15px 0px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#blogFeed .blogWrap .blogBox .blogCategory p {
color: #ffffff;
font-weight: 600;
display: inline-block;
position: relative;
margin: 0;
font-size: 0.9rem;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#blogFeed .blogWrap .blogBox .blogCategory p:last-child {
margin-left: 15px; }
#blogFeed .blogWrap .blogBox .blogCategory p:last-child:before {
content: '';
width: 2px;
height: 100%;
position: absolute;
left: -10px;
bottom: 0;
top: 0;
background-color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#mainContent {
padding: 25px 0; }
@media all and (min-width: 1001px) {
#mainContent {
padding: 50px 25px; } }
#mainContent h2:not(.no-border) {
font-size: 2rem;
position: relative;
margin-bottom: 25px;
color: #272b2e;
text-align: center;
display: inline-block; }
@media all and (min-width: 1001px) {
#mainContent h2:not(.no-border) {
font-size: 2.5rem; } }
#mainContent h2:not(.no-border):after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
width: 90%;
margin: -15px auto;
background-color: #00a8ec; }
#mainContent .blogWrap {
position: relative;
padding: 15px;
margin-top: 25px;
text-align: left; }
#mainContent .blogWrap .blogBox {
position: relative;
display: block;
margin-bottom: 50px;
padding: 15px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media all and (min-width: 700px) {
#mainContent .blogWrap .blogBox {
width: 48%;
float: left;
margin-right: 4%; }
#mainContent .blogWrap .blogBox:nth-child(even) {
margin-right: 0; } }
@media all and (min-width: 1200px) {
#mainContent .blogWrap .blogBox {
width: 30%;
margin-right: 50px; }
#mainContent .blogWrap .blogBox:nth-child(2n) {
margin-right: 50px; }
#mainContent .blogWrap .blogBox:nth-child(3n+3) {
margin-right: 0; } }
#mainContent .blogWrap .blogBox.incThumbnail {
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
#mainContent .blogWrap .blogBox.incThumbnail:after {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 55%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 55%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(55%, rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 55%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 55%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
#mainContent .blogWrap .blogBox.incThumbnail .blogText .text {
display: none; }
#mainContent .blogWrap .blogBox.light-blue {
background-color: #00a8ec;
color: #ffffff; }
#mainContent .blogWrap .blogBox.light-blue .blogText p {
color: #ffffff; }
#mainContent .blogWrap .blogBox.dark-grey {
background-color: #272b2e;
color: #ffffff; }
#mainContent .blogWrap .blogBox.dark-grey .blogText p {
color: #ffffff; }
#mainContent .blogWrap .blogBox.light-grey {
background-color: #d6d9db;
color: #272b2e; }
#mainContent .blogWrap .blogBox.light-grey .blogText h3, #mainContent .blogWrap .blogBox.light-grey .blogText p {
color: #272b2e !important; }
#mainContent .blogWrap .blogBox.light-grey .blogCategory {
border-top-color: #272b2e; }
#mainContent .blogWrap .blogBox.light-grey .blogCategory p {
color: #272b2e; }
#mainContent .blogWrap .blogBox.light-grey .blogCategory p:last-child:before {
background-color: #272b2e; }
#mainContent .blogWrap .blogBox:before {
content: '';
display: block;
padding-top: 65%; }
@media all and (min-width: 700px) {
#mainContent .blogWrap .blogBox:before {
content: '';
display: block;
padding-top: 115%; }
}
#mainContent .blogWrap .blogBox a {
position: absolute;
text-decoration: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#mainContent .blogWrap .blogBox a:hover {
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.33);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.33); }
#mainContent .blogWrap .blogBox .blogText {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 50px;
z-index: 100;
padding: 30px 25px 15px 25px; }
@media all and (min-width: 1024px) {
#mainContent .blogWrap .blogBox .blogText {
padding-top: 40px; } }
#mainContent .blogWrap .blogBox .blogText h3 {
color: #ffffff;
font-size: 23px;
font-family: "source-serif-pro", serif;
font-weight: normal;
font-style: normal;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
@media all and (min-width: 961px) {
#mainContent .blogWrap .blogBox .blogText h3 {
font-size: 1.8rem; } }
@media all and (min-width: 1031px) {
#mainContent .blogWrap .blogBox .blogText h3 {
font-size: 23px; } }
@media all and (min-width: 1401px) {
#mainContent .blogWrap .blogBox .blogText h3 {
font-size: 1.9rem;
line-height: 1.2; } }
#mainContent .blogWrap .blogBox .blogText .text p {
text-align: justify; }
#mainContent .blogWrap .blogBox .blogCategory {
position: absolute;
border-top: 1px solid #ffffff;
bottom: 0;
left: 0;
right: 0;
margin: 0 25px;
z-index: 99;
padding: 15px 0px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#mainContent .blogWrap .blogBox .blogCategory p {
color: #ffffff;
font-weight: 600;
display: inline-block;
position: relative;
margin: 0;
font-size: 0.9rem;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#mainContent .blogWrap .blogBox .blogCategory p:last-child {
margin-left: 15px; }
#mainContent .blogWrap .blogBox .blogCategory p:last-child:before {
content: '';
width: 2px;
height: 100%;
position: absolute;
left: -10px;
bottom: 0;
top: 0;
background-color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.alm-reveal {
clear: both; }
.alm-btn-wrap {
clear: both;
width: 100%;
text-align: center; }
.alm-load-more-btn {
border: none;
background-color: transparent;
font-family: "source-serif-pro", serif;
font-weight: 500;
color: #0b112c;
font-size: 1.5rem; }
.alm-load-more-btn.done {
display: none; } #stats {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 25px;
position: relative; }
#stats:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(11, 17, 44, 0.7); }
#stats .statText {
position: relative;
z-index: 99;
text-align: center; }
#stats .statText p {
color: #00a8ec;
font-weight: 600; }
#stats .numberBlock {
position: relative;
z-index: 10;
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 25px 15px; }
#stats .numberBlock .numbBlock {
width: 50%;
padding: 15px 25px;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
border-right: 1px solid rgba(255, 255, 255, 0.4); }
#stats .numberBlock .numbBlock:nth-child(even) {
border-right: 0; }
#stats .numberBlock .numbBlock:nth-child(3), #stats .numberBlock .numbBlock:last-child {
border-bottom: 0; }
#stats .numberBlock .numbBlock h3 {
color: #ffffff;
font-size: 2.3rem;
margin-bottom: 10px;
font-style: normal;
font-weight: 300; }
#stats .numberBlock .numbBlock p {
color: #00a8ec;
font-size: 1rem;
text-transform: uppercase;
font-weight: 600; }
@media all and (min-width: 1001px) {
#stats .statWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#stats .statWrapper .statText {
width: 55%; }
#stats .statWrapper .numberBlock {
width: 45%; } }
@media all and (min-width: 1001px) {
#stats {
height: 50vh; }
#stats .statWrapper .statText {
text-align: left; }
#stats .statWrapper .numberBlock .numbBlock h3 {
font-size: 4rem; }
#stats .statWrapper .numberBlock .numbBlock p {
font-size: 1.2rem; } }  .textContentWrap p:first-child {
font-size: 1.2rem;
font-family: "source-serif-pro", serif;
font-weight: 300; }
@media all and (min-width: 961px) {
.textContentWrap p:first-child {
font-size: 1.6rem; } }
section.padding {
position: relative;
padding: 25px 15px; }
section.textSection h2 {
font-size: 1.6rem;
font-weight: 400; }
section.textSection h3 {
font-weight: 400;
font-size: 1.5rem; }
section.textSection p {
font-family: "Montserrat", sans-serif;
color: #272b2e; }
section.textSection p:first-child {
font-family: "source-serif-pro", serif;
font-weight: 300;
font-size: 1.2rem; }
section.textSection ul {
list-style-type: none; }
section.textSection ul li {
display: block;
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 90%;
color: #272b2e;
margin-left: 40px;
padding: 5px 0; }
@media all and (min-width: 961px) {
section.textSection ul li {
font-size: 100%; } }
section.textSection ul li.gfield:before {
display: none !important; }
section.textSection ul li:before {
content: '';
position: absolute;
top: 40%;
left: -40px;
width: 35px;
height: 10px;
background-image: url(//clifford-james.com/wp-content/themes/cjc/inc/img/longarrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
section.textSection ul li a {
text-decoration: none;
color: #00a8ec; }
section.textSection a {
text-decoration: none;
color: #00a8ec; }
@media all and (min-width: 961px) {
section.padding {
padding: 50px 25px; }
section.textSection h2 {
font-size: 1.7rem; }
section.textSection h3 {
font-size: 1.5rem; }
section.textSection p {
font-weight: 300;
font-size: inherit; }
section.textSection p:first-child {
font-size: 1.4rem; } } .iconTextBanner {
position: relative;
padding: 5px 15px;
background-color: #eeeeee;
margin-bottom: 15px; }
.iconTextBanner .iconImage {
width: 100%; }
.iconTextBanner .iconImage img {
width: 100%;
height: auto;
padding: 15px;
max-width: 200px;
margin: 0 auto;
display: block; }
.iconTextBanner h3 {
font-size: 1.5rem;
font-weight: 400; }
@media all and (min-width: 601px) {
.iconTextBanner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.iconTextBanner .iconImage {
width: 30%; }
.iconTextBanner .textBanner {
width: 70%; } }
@media all and (min-width: 1024px) {
.iconTextBanner .iconImage {
width: 20%; }
.iconTextBanner .textBanner {
width: 80%;
padding: 15px 25px; }
.iconTextBanner .textBanner h3 {
font-size: 23px; } } .postWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.postWrap.right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.postWrap .imageWrap {
position: relative;
padding: 25px; }
@media all and (min-width: 1051px) {
.postWrap .imageWrap.borderBlue:after {
content: '';
position: absolute;
top: 45px;
left: 50px;
right: 15px;
bottom: 15px;
z-index: -2;
background-color: #00a8ec; } }
.postWrap .imageWrap .videoBox {
max-width: 100%;
margin: 0 auto;
border: 2px solid #00a8ec;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
.postWrap .imageWrap .videoBox:before {
content: '';
display: block;
padding-top: 60%; }
.postWrap .imageWrap .videoBox:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.2); }
.postWrap .imageWrap .videoBox .videoInner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
z-index: 10; }
.postWrap .imageWrap .videoBox .videoInner a {
display: block;
color: rgba(0, 0, 0, 0.7);
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
.postWrap .imageWrap .videoBox .videoInner a:hover {
color: #00a8ec; }
.postWrap .imageWrap .videoBox .videoInner a svg {
font-size: 5rem; }
.postWrap .imageWrap .videoBox .videoText {
margin-top: 25px;
text-align: center; }
.postWrap .imageWrap .videoBox .videoText span {
display: block;
text-transform: uppercase;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #272b2e;
font-size: 0.9rem; }
.postWrap .imageWrap .videoBox .videoText a {
text-decoration: none;
color: #272b2e;
font-family: "Montserrat", sans-serif;
font-weight: normal;
display: block;
font-size: 2rem;
margin: 10px auto; }
.postWrap .textContentWrap, .postWrap .imageWrap {
width: 100%; }
.postWrap .textContentWrap img, .postWrap .imageWrap img {
width: 100%;
max-width: 450px;
height: auto;
display: block;
margin: 0 auto; }
.postWrap .textContentWrap h2, .postWrap .imageWrap h2 {
font-weight: 400;
color: #032f55;
font-size: 1.4rem; }
.postWrap .textContentWrap h3, .postWrap .imageWrap h3 {
font-weight: 400;
color: #272b2e;
font-size: 1.3rem; }
.postWrap .textContentWrap ul, .postWrap .imageWrap ul {
list-style-type: none; }
.postWrap .textContentWrap ul li, .postWrap .imageWrap ul li {
display: block;
position: relative;
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-size: 90%;
color: #272b2e;
margin-left: 40px;
padding: 5px 0; }
.postWrap .textContentWrap ul li:before, .postWrap .imageWrap ul li:before {
content: '';
position: absolute;
top: 10px;
left: -40px;
width: 35px;
height: 10px;
background-image: url(//clifford-james.com/wp-content/themes/cjc/inc/img/longarrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center; }
.postWrap .textContentWrap ul li a, .postWrap .imageWrap ul li a {
text-decoration: none;
color: #00a8ec; }
@media all and (min-width: 841px) {
.postWrap .textContentWrap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 40px; }
.postWrap .textContentWrap h2 {
font-size: 2rem; }
.postWrap .textContentWrap ul li {
font-size: 100%; } }
@media all and (min-width: 1051px) {
.postWrap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.postWrap .textContentWrap, .postWrap .imageWrap {
width: 50%; }
.postWrap .textContentWrap img, .postWrap .imageWrap img {
width: auto;
max-width: 100%;
max-height: 450px; } } .calloutBanner.stepsTitle {
text-align: center; }
.calloutBanner.stepsTitle p {
font-size: 1.2rem;
color: #93d0e4;
font-family: "source-serif-pro", serif;
font-weight: 400;
text-align: center; 
margin-bottom:0;
}
.calloutBanner.grey {
background-color: #eeeeee; }
.calloutBanner.grey p {
color: #272b2e; }
@media all and (min-width: 1001px) {
.calloutBanner.stepsTitle p {
font-size: 1.7rem; } }
@media all and (min-width: 1180px) {
.calloutBanner.stepsTitle {
padding-bottom: 60px; } }
.steps {
position: relative; }
.steps {
bottom: -50px;
}
@media all and (min-width:801px) {
.steps {
bottom: -80px;
}
}
@media all and (min-width:1180px) {
.steps {
bottom: -90px;
}
}
.steps .stepWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative; }
.steps .stepWrapper .step {
cursor: pointer;
width: 100%;
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.steps .stepWrapper .step:hover {
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.33);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.33); }
.steps .stepWrapper .step:before {
content: '';
display: block;
padding-top: 100%; }
.steps .stepWrapper .step:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4); }
.steps .stepWrapper .step .innerStep {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
padding: 25px;
-webkit-transition: background 5s ease-in-out;
-o-transition: background 5s ease-in-out;
transition: background 5s ease-in-out;
background: -moz-linear-gradient(top, rgba(3, 47, 85, 0.71) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(3, 47, 85, 0.71) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 47, 85, 0.71)), to(rgba(0, 0, 0, 0.65)));
background: -o-linear-gradient(top, rgba(3, 47, 85, 0.71) 0%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(to bottom, rgba(3, 47, 85, 0.71) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5032f55', endColorstr='#a6000000',GradientType=0 ); }
.steps .stepWrapper .step .innerStep a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
padding: 25px;
text-decoration: none;
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.steps .stepWrapper .step .innerStep a:hover {
-webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.55);
box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.55); }
.steps .stepWrapper .step .innerStep h3 {
font-size: 1.4rem;
color: #ffffff;
font-family: "source-serif-pro", serif;
font-weight: 400; }
.steps .stepWrapper .step .innerStep p {
font-size: 1.1rem;
color: #ffffff; }
.steps .stepWrapper .step .innerStep span.title {
font-size: 3rem;
color: #ffffff;
font-family: "source-serif-pro", serif;
font-weight: 300;
position: absolute; }
.steps  .stepWrapper .step.showText .innerStep h3, .steps  .stepWrapper .step.showText .innerStep p{ opacity:1; }
.steps  .stepWrapper .step.showText:after {
background-color: rgba(0,0,0,0);
}
@media all and (min-width: 621px) {
.steps .stepWrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.steps .stepWrapper.steps-four .step, .steps .stepWrapper.steps-seven .step, .steps .stepWrapper.steps-eight .step {
width: 50%; }
.steps .stepWrapper.steps-five .step {
width: 50%; } }
@media all and (min-width: 1024px) {
.steps .stepWrapper.no-wrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.steps .stepWrapper.steps-three .step {
width: 33%; }
.steps .stepWrapper.steps-three .step:before {
padding-top: 80%; }
.steps .stepWrapper.steps-four .step {
width: 25%; }
.steps .stepWrapper.steps-seven .step, .steps .stepWrapper.steps-eight .step {
width: 33%; }
.steps .stepWrapper.steps-five .step {
width: 33%; }
.steps .stepWrapper .step {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.steps .stepWrapper .step .innerStep {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); -webkit-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
transition: all 5s ease-in-out; }
.steps .stepWrapper .step .innerStep span {
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.steps .stepWrapper .step .innerStep h3, .steps .stepWrapper .step .innerStep p {
opacity: 0;
-webkit-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
text-align: left; }
.steps .stepWrapper .step:hover .innerStep {
background: -moz-linear-gradient(top, rgba(3, 47, 85, 0.71) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(3, 47, 85, 0.71) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 47, 85, 0.71)), to(rgba(0, 0, 0, 0.65)));
background: -o-linear-gradient(top, rgba(3, 47, 85, 0.71) 0%, rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(to bottom, rgba(3, 47, 85, 0.71) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5032f55', endColorstr='#a6000000',GradientType=0 ); }
.steps .stepWrapper .step:hover .innerStep h3, .steps .stepWrapper .step:hover .innerStep p {
opacity: 1; }
.steps .stepWrapper .step:hover .innerStep span {
opacity: 0; } }
@media all and (min-width: 1180px) {
.steps .stepWrapper {
}
.steps .stepWrapper .step {
width: 25%; }
.steps .stepWrapper .step .innerStep span.title:after {
content: '';
position: absolute;
top: 75px;
left: -75px;
width: 100px;
height: 15px;
background-size: contain;
background-image: url(//clifford-james.com/wp-content/themes/cjc/inc/img/LongerArrow.svg);
background-repeat: no-repeat;
background-position: center center; } }
@media all and (min-width: 1241px) {
.steps .stepWrapper.steps-four .step {
width: 25%; }
.steps .stepWrapper.steps-seven .step, .steps .stepWrapper.steps-eight .step {
width: 25%; }
.steps .stepWrapper.steps-five .step {
width: 33%; } } .padding-small {
padding: 15px 10px; }
@media all and (min-width: 1001px) {
.padding-small {
padding: 25px 15px; } }
.contentBox {
padding: 15px;
background-color: #eeeeee;
margin-bottom: 25px; }
.contentBox h3 {
font-weight: 400;
font-size: 1.5rem; }
@media all and (min-width: 960px) {
.contentBox {
padding: 25px 25px; }
.contentBox h3 {
font-size: 23px; } } .accordion h2 {
background-color: #eeeeee;
padding: 15px 60px;
font-family: "source-serif-pro", serif;
font-weight: 400;
font-style: normal;
font-size: 1.3rem;
margin-bottom: 15px;
position: relative;
cursor: pointer; }
.accordion h2:before {
content: '';
position: absolute;
top: 30%;
left: 10px;
width: 30px;
height: 30px;
background-image: url(//clifford-james.com/wp-content/themes/cjc/inc/img/down-arrow.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.accordion h2.accordion-open:before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0); }
.accordion .accordion-content {
padding: 10px 5px; }
.accordion .accordion-content a {
text-decoration: none;
color: #00a8ec;
}
@media all and (min-width: 961px) {
.accordionLeft {
width: 50%;
float: left;
clear: left; }
.accordionRight {
width: 50%;
float: right;
clear: right; } } #calloutQuote {
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding: 35px 15px; }
#calloutQuote:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.45); }
#calloutQuote:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 90%;
bottom: 0;
z-index: 0;
background: -webkit-gradient(linear, left top, right top, color-stop(36%, rgba(3, 47, 85, 0.854779)), color-stop(91%, rgba(0, 212, 255, 0)));
background: -webkit-linear-gradient(left, rgba(3, 47, 85, 0.854779) 36%, rgba(0, 212, 255, 0) 91%);
background: -o-linear-gradient(left, rgba(3, 47, 85, 0.854779) 36%, rgba(0, 212, 255, 0) 91%);
background: linear-gradient(90deg, rgba(3, 47, 85, 0.854779) 36%, rgba(0, 212, 255, 0) 91%); }
#calloutQuote .inner-content {
position: relative;
display: block;
z-index: 100; }
#calloutQuote .inner-content p {
color: #ffffff;
font-family: "source-serif-pro", serif;
font-weight: 300;
font-size: 1.3rem;
line-height: 1.2; }
#calloutQuote .inner-content span {
text-transform: uppercase;
color: #ffffff;
font-family: "Montserrat", sans-serif;
display: block;
font-weight: 600; }
#calloutQuote .inner-content a {
display: inline-block; }
#calloutQuote .inner-content a.btn {
margin-bottom: 25px; }
#calloutQuote .inner-content a.tel {
font-size: 2.5rem;
color: #00a8ec;
display: block;
text-decoration: none;
margin: 15px auto;
font-family: "source-serif-pro", serif;
font-weight: 500;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
#calloutQuote .inner-content a.tel:hover {
color: #ffffff; }
@media all and (min-width: 881px) {
#calloutQuote .inner-content span {
display: inline-block;
margin-right: 15px; }
#calloutQuote .inner-content a.btn {
margin-bottom: 0;
margin-right: 15px;
display: inline-block; }
#calloutQuote .inner-content a.tel {
display: inline-block;
margin: 0; } }
@media all and (min-width: 967px) {
#calloutQuote {
overflow: auto;
padding: 50px;
min-height: 400px; }
#calloutQuote .inner-content .innerText {
max-width: 50%; }
#calloutQuote .inner-content .innerText p {
font-size: 1.75rem; }
#calloutQuote .inner-content span {
display: inline-block;
margin-right: 15px; }
#calloutQuote .inner-content a.btn {
margin-bottom: 0;
margin-right: 15px;
display: inline-block; }
#calloutQuote .inner-content a.tel {
display: inline-block;
margin: 0;
font-size: 4rem;
top: 15px;
position: relative; } } #textImageIcon {
padding: 15px 0; }
@media all and (min-width: 960px) {
#textImageIcon {
padding: 25px 15px; } }
@media all and (min-width: 1001px) {
#textImageIcon {
padding: 50px 25px; } }
#textImageIcon .block-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
#textImageIcon .block-wrapper .image-feed {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: distribute;
justify-content: space-around; }
@media all and (min-width: 1160px) {
#textImageIcon .block-wrapper .image-feed {
width: 40%; } }
#textImageIcon .block-wrapper .image-feed img {
width: 100%;
height: auto;
margin-bottom: 25px; }
@media all and (min-width: 621px) {
#textImageIcon .block-wrapper .image-feed img {
width: 48%; } }
@media all and (min-width: 1160px) {
#textImageIcon .block-wrapper .image-feed img {
width: 100%; } }
#textImageIcon .block-wrapper .imageTextWrap {
width: 100%; }
@media all and (min-width: 1160px) {
#textImageIcon .block-wrapper .imageTextWrap {
width: 60%; } }
#textImageIcon .block-wrapper .imageTextWrap .iconText {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media all and (min-width: 1160px) {
#textImageIcon .block-wrapper .imageTextWrap .iconText {
padding: 0 15px 15px 15px; } }
#textImageIcon .block-wrapper .imageTextWrap .iconText .icon {
width: 100%; }
@media all and (min-width: 621px) {
#textImageIcon .block-wrapper .imageTextWrap .iconText .icon {
width: 30%; } }
#textImageIcon .block-wrapper .imageTextWrap .iconText .icon img {
width: 100%;
height: auto;
max-width: 150px;
margin: 0 auto;
display: block; }
@media all and (min-width: 1160px) {
#textImageIcon .block-wrapper .imageTextWrap .iconText .icon img {
max-width: 130px; } }
#textImageIcon .block-wrapper .imageTextWrap .iconText .text {
width: 100%;
padding: 15px; }
@media all and (min-width: 621px) {
#textImageIcon .block-wrapper .imageTextWrap .iconText .text {
width: 70%; } }
#textImageIcon .block-wrapper .imageTextWrap .iconText .text h3 {
font-size: 1.7rem; }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit],
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
position: relative;
padding: 10px 15px;
text-align: center;
font-weight: 600;
color: #ffffff;
font-family: "Montserrat", sans-serif;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-transform: uppercase;
cursor: pointer;
background-color: #00a8ec; }
@media all and (min-width: 676px) {
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit],
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
padding: 10px 45px; } }
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover,
body .gform_wrapper .gform_footer input.button:hover,
body .gform_wrapper .gform_footer input[type=submit]:hover {
background-color: #0b112c; }
.gform_wrapper .gform_page_footer,
.gform_wrapper .gform_footer {
border-top: 0 !important; }
@media all and (min-width: 770px) {
.gform_wrapper .gform_page_footer,
.gform_wrapper .gform_footer {
width: auto !important;
display: inline-block;
position: absolute;
bottom: -20px;
right: 0; } 
.gform_page_footer.top_label {
bottom: -50px!important;
}
#gform_page_4_1 .gform_page_footer,
#gform_page_4_1 .gform_footer,
#gform_page_4_2 .gform_page_footer {
bottom: -60px!important;
}
}
.gform_wrapper form {
position: relative; }
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
padding: 15px !important; }
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
margin-bottom: 0; }
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
display: block !important;
text-align: left !important;
padding: 10px 0; }
.gform_wrapper#gform_wrapper_4 .top_label .gfield_label, .gform_wrapper legend.gfield_label {
text-align: left!important;
margin-bottom: 10px;
}
input[type="file"] {
padding: 15px 25px !important;
background-color: #ffffff;
margin-bottom: 10px; }
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
font-weight: 400 !important; }
body .gform_wrapper ul li.gfield {
margin-top: 0 !important;
margin-bottom: 0px; }
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
margin-bottom: 0 !important; }
body .gform_wrapper .top_label div.ginput_container {
margin-top: 0 !important; }
gf_full_width
.validation_error {
display: none !important; }
body .gform_wrapper .gform_body .gform_fields .gfield .address_city {
width: 100%;
margin-right: 0 !important;
padding-right: 0 !important; }
body .gform_wrapper .gform_body .gform_fields .gfield .address_city {
width: 100%;
margin-right: 0 !important;
padding-right: 0 !important; }
body .gform_wrapper .gform_body .gform_fields .gfield .address_state {
width: 100%; }
@media all and (min-width: 770px) {
body .gform_wrapper .gform_body .gform_fields .gfield .address_state {
width: 70%;
margin-bottom: 15px; } }
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_left.address_zip {
width: 100%;
float: right;
margin-right: 0 !important;
padding-right: 0 !important; }
@media all and (min-width: 770px) {
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_left.address_zip {
width: 29%;
margin-bottom: 15px; } }
body .gform_wrapper ul li.gfield.gf-margin-bottom .ginput_container.ginput_container_textarea {
margin-bottom: 45px !important; }
.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
margin-top: 0 !important; }
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: transparent !important;
margin-bottom: 0px !important;
border-top: none !important;
border-bottom: none !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box; } footer {
position: relative;
background-color: #0b112c;
padding: 25px 0; }
footer .footerTop {
position: relative;
text-align: center;
padding: 0 25px 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
position: relative; }
footer .footerTop p {
color: #ffffff;
font-weight: 500; }
footer .footerTop a.email {
text-decoration: none;
color: #ffffff;
display: block;
font-family: "Montserrat", sans-serif;
font-size: 90%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin: 10px 10px 15px 10px; }
footer .footerTop a.email:hover {
color: #00a8ec; }
footer .footerTop ul.social {
list-style-type: none;
text-align: center; }
footer .footerTop ul.social li {
display: inline-block; }
footer .footerTop ul.social li a {
text-decoration: none;
color: #ffffff;
font-size: 1.2rem;
display: block;
margin: 10px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
footer .footerTop ul.social li:hover a {
color: #00a8ec; }
footer ul.footer-menu {
list-style-type: none;
text-align: center;
padding: 15px 0; }
footer ul.footer-menu li {
display: inline-block;
padding: 0; }
footer ul.footer-menu li a {
font-family: "Montserrat", sans-serif;
display: block;
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-size: 80%;
font-weight: 300;
text-decoration: none;
border-right: 1px solid #ffffff;
padding: 0 10px 0 0; }
footer ul.footer-menu li a:hover {
color: #00a8ec; }
footer ul.footer-menu li:last-child a {
padding-right: 0;
padding-left: 10px;
border-right: 0; }
@media all and (min-width: 631px) {
footer .footerTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
footer .footerTop .contactInformation {
width: 70%;
text-align: left; }
footer .footerTop .contactInformation a.email {
margin-left: 0; }
footer .footerTop ul.social {
width: 30%;
text-align: right; }
footer ul.footer-menu {
text-align: left;
padding-left: 15px; } }
@media all and (min-width: 841px) {
footer .footerTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
footer .footerTop .contactInformation {
width: 65%;
text-align: left; }
footer .footerTop .contactInformation a.email {
margin-left: 0;
font-size: 100%;
font-weight: 500; }
footer .footerTop ul.social {
width: 35%;
text-align: right; }
footer ul.footer-menu {
text-align: left;
padding-left: 15px; }
footer ul.footer-menu li a {
font-size: 95%; } }
@media all and (min-width: 1111px) {
footer .footerTop {
padding: 0 15px 15px; }
footer .footerTop .contactInformation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
footer .footerTop .contactInformation p, footer .footerTop .contactInformation a.email {
padding: 15px 0;
margin: 0; }
footer .footerTop .contactInformation span {
width: 1px;
height: 20px;
background-color: rgba(255, 255, 255, 0.2); } }
@media all and (min-width: 1301px) {
footer .footerTop .contactInformation {
width: 55%;
text-align: left; }
footer .footerTop ul.social {
width: 45%; } }
@media all and (min-width: 1341px) {
footer .footerTop {
padding: 0 0 15px; }
footer ul.footer-menu {
padding-left: 0; } }
@media all and (min-width: 1401px) {
footer .footerTop .contactInformation {
width: 47%; }
footer .footerTop ul.social {
width: 53%; } } #gform_wrapper_2 .top_label .gfield_label,
#gform_wrapper_4 .top_label .gfield_label {
text-align: left!important;
}
.gfield.inline-label .gfield_label {
display: inline-block!important;
padding: 15px 0!important;
}
.gfield.inline-label .ginput_container_radio {
display: inline-block!important;
float: right;
position: relative;
}
.gfield.gf_full_width input {
width: 100%!important;
}
body .gform_wrapper .gform_body .gform_fields .gfield select { 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 15px;
margin-top: 10px;
color: #272b2e;
background-color: #fff;
border-radius: 0!important;
}
.colHalf {
width: 100%;
}
.textImage img{
display: block;
margin: auto;
}
@media all and (min-width: 676px) {
.colHalf {
width: 50%;
}
}
.ginput_container.ginput_container_fileupload {
display: block;
margin-top: 10px!important;
}
.accordion-content ul,
.pageContent ul {
list-style-type: disc;
padding-left: 25px;
}
.accordion-content ul li,
.pageContent ul li {
font-family: "Montserrat", sans-serif;
font-weight: 300;
color: #272b2e;
padding: 0 0 5px 0;
font-size: 90%;
line-height: 1.45;
}
@media all and (min-width: 841px) {
.accordion-content ul li,
.pageContent ul li {
font-size: 100%;
}
}
.mc4wp-alert.mc4wp-success {
text-align: center;
}
.mc4wp-alert.mc4wp-success p strong,
.mc4wp-alert.mc4wp-success p  {
text-align: center;
color: #ffffff;
font-weight:300;
}
.tablepress td {
padding: 8px;
border: none;
background: 0 0;
float: none!important;
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 90%;
color: #272b2e;
text-align: justify;
}
.double--content img {
width: 100%;
height: auto;
}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}