html {
font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } article,
aside,
footer,
header,
nav,
section {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  figcaption,
figure,
main { display: block; } figure {
margin: 1em 40px; } hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } a:active,
a:hover {
outline-width: 0; } abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  audio,
video {
display: inline-block; } audio:not([controls]) {
display: none;
height: 0; } img {
border-style: none; } svg:not(:root) {
overflow: hidden; }  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block; } summary {
display: list-item; }  canvas {
display: inline-block; } template {
display: none; }  [hidden] {
display: none; } html {
box-sizing: border-box;
font-size: 87.5%;
height: 100%; }
html,
button,
input,
select,
textarea {
color: #151d29; } *,
*::before,
*::after {
box-sizing: inherit; }
body {
background: #FFF;
text-align: center;
margin: 0;
padding: 0;
min-height: 100%;
font-weight: 400;
font-style: normal;
border: thick none #FFF;
color: #002933;
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale; } ::-moz-selection {
background: #e1f4fb;
text-shadow: none;
color: #151d29; }
::selection {
background: #e1f4fb;
text-shadow: none;
color: #151d29; } hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; } img {
height: auto;
vertical-align: middle;
max-width: 100%; } fieldset {
border: 0;
margin: 0;
padding: 0; }
main {
display: block; }
.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important; }
html {
transition: background-color 1s; }
html, body {  min-height: 100%; }
html.loading {  background: #333 url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/loading.gif) no-repeat 50% 50%; transition: background-color 0; }
body {
transition: opacity 1s ease-in; }
html.loading body { opacity: 0; transition: opacity 0; }
body:not(.custom-background-image)::before,
body:not(.custom-background-image)::after {
height: 0; } fieldset {
border: 0;
margin: 0;
padding: 0; } textarea {
resize: vertical; }
@font-face {
font-family: 'SuisseLight';
src: url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/assets/fonts/SuisseIntl-Light-WebM.eot);
src: url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/assets/fonts/SuisseIntl-Light-WebM?#iefix) format("embedded-opentype"), url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/assets/fonts/SuisseIntl-Light-WebM.woff2) format("woff2"), url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/assets/fonts/SuisseIntl-Light-WebM.woff) format("woff"), url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/assets/fonts/SuisseIntl-Light-WebM.ttf) format("truetype"); }
@font-face {
font-family: 'SuisseMedium';
src: url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/assets/fonts/SuisseIntl-Medium-WebM.eot);
src: url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/assets/fonts/SuisseIntl-Medium-WebM?#iefix) format("embedded-opentype"), url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/assets/fonts/SuisseIntl-Medium-WebM.woff), url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/assets/fonts/SuisseIntl-Medium-WebM.woff2) format("woff2"), url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/assets/fonts/SuisseIntl-Medium-WebM.ttf) format("truetype"); } body {
color: #002933;
font: normal 125%/1.4 "Montserrat", sans-serif; } h1, h2, h3, h4, h5, h6 {
letter-spacing: 0;
line-height: 1.3;
color: #002933;
font-weight: 700;
font-style: normal; }
h1, h2, h3, h4 {
font-family: 'Roboto Condensed', serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
color: #002933; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: none; }
h1 {
font-size: 66px;
font-size: 4.714285714285714rem;
margin: 0;
padding: 0;
line-height: 1.1; }
h2 {
font-size: 21px;
padding: 0 0 12px 0;
margin: 0;
line-height: 1.1; }
h3 {
font-size: 24px;
font-size: 1.714285714285714rem;
padding: 0;
margin: 0;
line-height: 1.25; }
h4 {
font-size: 21px;
padding: 0;
margin: 2.6rem 0 1.2rem 0;
color: #00ada8;
text-transform: uppercase;
letter-spacing: 0.1rem;
font-weight: 400; }
h5 {
font-size: 20px;
font-size: 1.428571428571429rem;
padding: 1.5rem 0 0.5rem 0; }
h6 {
font-size: 16px;
font-size: 1.142857142857143rem;
padding: 1.5rem 0 0.5rem 0; }
p {
font-family: 'Montserrat', sans-serif;
color: #002933;
font-size: 16px;
line-height: 1.35;
font-weight: 400;
padding: 0;
margin: 0 0 12px 0;
letter-spacing: 0; }
.panel p span {
font-weight: 300 !important; }
p img {
margin: 0; }
em, i {
font-style: italic; }
strong, b {
font-weight: 800; }
main {
display: block; }
.main-content blockquote,
.main-content blockquote p {
color: #002933;
letter-spacing: 0.02em;
font-size: 28px;
line-height: 1.4;
margin: 0 0 24px 0;
font-weight: 400;
border-left: 1px none #FFF;
font-style: normal; }
blockquote {
margin: 0 0 20px;
padding: 0; }
blockquote cite {
font-size: 20px;
font-size: 1.428571428571429rem;
display: block;
color: #00ada8;
padding: 0;
letter-spacing: 0.06em; }
blockquote cite:before {
content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited {
color: #00ada8; }
.special-elite {
font-family: 'Special Elite', cursive; }
abbr[title] {
border-bottom: 1px dotted; }
dfn {
font-style: italic; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; }
ins {
background: #ff9;
color: #1c1d1d;
text-decoration: none; }
mark {
background: #ff0;
color: #1c1d1d;
font-style: italic;
font-weight: bold; }
pre, code, kbd, samp {
font-family: monospace, serif;
font-family: 'courier new', monospace;
font-size: 1em; }
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word; }
q {
quotes: none; }
q:before, q:after {
content: "";
content: none; }
small {
font-size: 85%; }
sub, sup {
font-size: 50%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.7em;
padding-left: 0.15em; }
sub {
bottom: -0.25em; }
ul, ol {
margin: 1em 0 20px 0;
padding: 0 0 0 20px; }
ul {
list-style: none; }
.main_content ol li {
list-style: outside numeric; }
li {
font-size: 16px;
color: #1c1d1d;
line-height: 1.35;
font-weight: 400;
padding: 0;
margin: 0 0 1rem 0;
letter-spacing: 0;
list-style: disc outside; }
dt {
margin: 20px 0 0 0;
font-weight: bold; }
dd {
margin-bottom: 12px; }
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0; } a {
color: #00ada8;
text-decoration: none;
outline: none;
font-weight: 400;
transition: all 0.4s ease;
border-bottom: 2px none rgba(0, 0, 0, 0); }
a:hover, a:active, a:focus {
color: #002933;
text-decoration: none;
outline: 0;
border-bottom: 2px none #00ada8; }
strong a {
font-weight: 700; }
p a, p a:visited {
line-height: inherit; } img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
max-width: 100%; }
figure {
margin: 0; }
figcaption {
margin: 0;
font-size: 0.946em;
font-style: italic;
letter-spacing: 0.5px;
margin: 0;
padding: 12px 0 24px; }
figure.photo {
margin-bottom: 20px; }
figure.photo.left {
margin: 0 20px 20px 0;
float: left; }
figure.photo.right {
margin: 0 0 20px 20px;
float: right; }
figure.photo figcaption {
border-bottom: 1px solid #DDD;
background-color: #F5F5F5; }
.youtube {
padding-bottom: 90px;
max-width: 853px;
margin: 0 auto; } form {
margin: 0 0 20px 0; }
fieldset {
border: 0;
margin: 0 0 20px 0;
padding: 0; }
input[type="text"], input[type="password"], input[type="email"], textarea, select {
border: 1px solid #ccc;
padding: 8px;
outline: none;
border-radius: 0;
font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica Neue", Helvetica, 'Lato', Arial, "Lucida Grande", sans-serif;
color: #000;
margin: 0;
width: 192px;
max-width: 100%;
display: block;
background: #fff; }
select {
padding: 0; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
border: 1px solid #aaa;
color: #444;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }
textarea {
min-height: 60px; }
label {
cursor: pointer; }
legend {
border: 0;
*margin-left: -7px;
padding: 0;
white-space: normal; }
label, legend {
display: block;
font-weight: 500;
font-size: 15px; }
select {
width: 220px; }
input[type="checkbox"] {
display: inline; }
label span, legend span {
font-weight: normal;
font-size: 13px;
color: #444; }
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle; }
button, input {
line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible; }
button[disabled], input[disabled] {
cursor: default; }
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px; }
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; }
textarea {
overflow: auto;
vertical-align: top;
resize: vertical; }
input:invalid, textarea:invalid {
background-color: #f0dddd; }
#wrapper .nf-form-cont {
max-width: 780px;
margin: 0;
padding-top: 36px;
text-align: center; }
#wrapper .nf-form-cont .nf-form-fields-required {
font-size: 14px;
font-size: 1rem;
letter-spacing: 0.01em;
color: #E5E5E5;
padding-bottom: 12px; }
#wrapper .nf-form-cont .field-wrap .ninja-forms-field,
#wrapper .nf-form-cont .nf-error .ninja-forms-field {
background-color: #FFF; }
#wrapper .nf-form-cont .nf-error-msg.nf-error-required-error {
font-size: 14px;
font-size: 1rem;
letter-spacing: 0.01em; } table {
border-collapse: collapse;
border-spacing: 0; }
td {
vertical-align: top; }  .hide-text {
overflow: hidden;
padding: 0; text-indent: 101%;
white-space: nowrap; } .visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.edit-link {
display: none; }
.wow {
visibility: hidden; }
.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden; }
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#wrapper .entry-content {
padding: 0;
margin: 0; }
.reversed h2, .reversed h3, .reversed p {
color: #FFF; }
.reversed h3 {
font-size: 46px;
line-height: 1.35;
font-family: 'Montserrat', sans-serif;
font-weight: 300; }
.banner {
text-align: left;
padding-top: 145px; }
.banner .banner-image {
width: 100%;
max-width: 100%;
padding: 0;
background-image: url(https://temporaryscreenfence.com.au/wp-content/uploads/2023/08/about-large-dark-jpg.webp);
background-position: top center;
background-size: cover;
height: calc(100vh - 153px);
display: flex;
align-items: center;
justify-content: center;
text-align: center; }
.banner .banner-image .text {
text-align: left;
max-width: 1130px; }
.banner .banner-image .text h1 {
color: #FFF;
font-size: 108px;
padding-bottom: 1rem;
line-height: 1.3; }
.banner .banner-image .text h2 {
font-size: 21px;
margin: 0;
color: #eff7ff;
text-transform: uppercase;
letter-spacing: 0.1rem;
font-weight: 400;
display: inline-flex;
padding: 6px 12px;
background: #00ada8;
margin: 0 0 2.5rem; }
.banner .banner-image .text h3 {
color: #FFF;
font-size: 32px;
max-width: 980px; }
.banner .banner-image .text h4 {
font-size: 32px;
margin: 0;
color: #FFF;
text-transform: uppercase;
letter-spacing: 0.1rem;
font-weight: 400;
display: inline-flex;
margin-bottom: 0; }
.banner p {
color: #FFF;
font-size: 46px;
line-height: 1.3;
text-align: left; }
.banner .welcome {
background: #006bb7;
padding: 58px 0; }
.banner .welcome .content {
width: 100%;
max-width: 1130px;
margin: 0 auto; }
.banner .welcome .content p {
font-size: 46px;
line-height: 1.35;
font-family: 'Roboto Condensed', serif;
font-weight: 300; }
.page-template-default .banner {
padding-left: 20px;
padding-right: 20px; }
.page-template-default .banner h1 {
max-width: 1130px;
width: 100%;
margin: 0 auto;
padding-top: 2rem;
font-size: 46px;
line-height: 54px;
font-family: 'Montserrat',sans-serif;
font-weight: 300; }
.page-template-default .main-content {
padding-left: 20px;
padding-right: 20px; }
.page-template-default .main-content ul, .page-template-default .main-content ol {
margin: 1.5rem 0 1rem 1.5rem; }
.page-template-default .main-content li {
font-family: 'Montserrat',sans-serif;
list-style: disc outside;
font-weight: 300;
color: #003B49;
font-size: 20px;
line-height: 24px; }
.page-template-default .content-section {
padding: 2rem 0 117px 0;
width: 100%;
max-width: 1130px;
margin: 0 auto; }
.main-content {
width: 100%;
text-align: left; }
.main-content p:last-child {
padding: 0;
margin: 0; }
.main-content .values {
padding: 6rem 0;
width: 100%;
max-width: 1130px;
margin: 0 auto; }
.main-content .values .two-grid {
padding-top: 6rem; }
.main-content .values p {
font-size: 46px;
line-height: 1.35;
font-family: 'Roboto Condensed', serif;
font-weight: 300;
color: #006bb7;
margin: 0 0 6rem 0; }
.main-content .hero-image img {
width: 100% !important; }
.main-content .our-services {
background: #eff7ff; }
.main-content .our-services .content {
padding: 6rem 0;
width: 100%;
max-width: 1130px;
margin: 0 auto; }
.main-content .our-services .content .block {
padding-bottom: 4rem; }
.main-content .our-services .content .rehabilitation .two-grid {
padding-top: 38px;
grid-gap: 46px; }
.main-content .our-services .content .rehabilitation .two-grid .image {
margin-right: -67px;
max-width: 519px; }
.main-content .our-services .content .right-col {
padding-top: 42px; }
.main-content .our-services .content .right-col .image {
margin-right: -55px; }
.main-content .our-services .content h3 {
font-family: 'Roboto Condensed', serif;
font-size: 32px;
font-weight: 600;
margin: 0;
color: #006bb7;
padding: 0; }
.main-content .our-services .content .line {
padding-top: 3rem;
border-bottom: 6px solid #FFF; }
.main-content .our-services .content .block.icare {
padding-bottom: 0; }
.main-content .area-we-service {
background: url(//temporaryscreenfence.com.au/wp-content/themes/tempscreenfence/images/wave.svg) no-repeat center top #FFF;
background-size: 100% auto; }
.main-content .area-we-service .content {
padding: 0 0 107px 0;
width: 100%;
max-width: 1130px;
margin: 0 auto; }
.main-content .area-we-service .content .two-grid {
grid-gap: 0; }
.main-content .area-we-service .content .left-col {
padding: 195px 0 0 0; }
.main-content .area-we-service .content .right-col {
padding: 74px 0 0 0;
text-align: right; }
.main-content .area-we-service .content h2 {
font-size: 24px; }
.main-content .area-we-service .content p {
font-family: 'SuisseMedium', sans-serif; }
.main-content .our-team {
background: #002933; }
.main-content .our-team h2, .main-content .our-team h3, .main-content .our-team h4, .main-content .our-team h5, .main-content .our-team p {
color: #FFF; }
.main-content .our-team .content {
padding: 124px 0 172px 0;
width: 100%;
max-width: 1130px;
margin: 0 auto; }
.main-content .our-team .content .team-intro {
padding-top: 4px;
padding-bottom: 72px; }
.main-content .our-team .content .team-intro p {
font-size: 20px;
line-height: 24px;
color: #00ada8; }
.main-content .our-team .content .accordion-holder {
padding: 4px 0 40px 0;  }
.main-content .our-team .content .accordion-holder .name h4 {
padding: 0 12px 0 0; }
.main-content .our-team .content .accordion-holder .name h4, .main-content .our-team .content .accordion-holder .name h5 {
display: inline-block;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 300; }
.main-content .our-team .content .accordion-holder .accordion {
color: #FFF;
cursor: pointer;
padding: 12px 0 3px 0;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s all ease;
background: transparent;
position: relative;
line-height: 1;
margin: 0;
line-height: 24px;
margin: 0;
text-rendering: optimizeLegibility;
border-bottom: 2px solid rgba(255, 255, 255, 0); }
.main-content .our-team .content .accordion-holder .accordion .arrow {
position: absolute;
top: 0;
right: 0;
width: 51px;
height: 51px; }
.main-content .our-team .content .accordion-holder .accordion .arrow img {
transition: 0.4s all ease; }
.main-content .our-team .content .accordion-holder .active {
background: transparent;
border-bottom: 2px solid white; }
.main-content .our-team .content .accordion-holder .active .arrow img {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.main-content .our-team .content .accordion-holder .accordion:hover {
background: transparent; }
.main-content .our-team .content .accordion-holder .panel {
padding: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.75s ease-out;
border-bottom: 2px solid #FFF;
background: transparent;
display: flex; }
.main-content .our-team .content .accordion-holder .panel p {
font-family: 'SuisseMedium', sans-serif; }
.main-content .our-team .content .accordion-holder .panel .left-col {
width: 37.4%;
padding: 35px 4.1% 86px 0; }
.main-content .our-team .content .accordion-holder .panel .left-col .image {
margin-bottom: 50px; }
.main-content .our-team .content .accordion-holder .panel .left-col .image img {
border-radius: 50%; }
.main-content .our-team .content .accordion-holder .panel .left-col h5 {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: 24px;
padding: 0 0 4px 0;
margin: 0; }
.main-content .our-team .content .accordion-holder .panel .left-col .smaller {
font-size: 22px; }
.main-content .our-team .content .accordion-holder .panel .right-col {
width: 58.5%;
padding: 149px 0 86px 0; }
.main-content .our-team .content .accordion-holder .panel .right-col h4 {
font-size: 20px; }
.main-content .our-team .content .accordion-holder .panel .right-col li {
color: #FFF;
font-family: 'SuisseMedium', sans-serif;
font-size: 20px;
line-height: 24px;
margin: 0 0 0.4em 24px;
list-style: disc outside; }
.main-content .our-team .content .accordion-holder .panel .intro-text p {
font-family: 'itc-avant-garde-gothic-pro', serif;
font-size: 32px;
line-height: 39px;
margin: 0 0 32px 0; }
.main-content .our-team .content .accordion-holder .panel .intro-text p:last-child {
padding-bottom: 0; }
.main-content .our-team .content .accordion-holder .panel p:last-child {
padding-bottom: 86px; }
.main-content .contact .content {
padding: 124px 0 102px 0;
width: 100%;
max-width: 1130px;
margin: 0 auto;
position: relative; }
.main-content .contact .content .text {
max-width: 751px; }
.main-content .contact .content .text h2 {
color: #FFF; }
.main-content .contact .content .text p {
font-size: 46px;
line-height: 54px;
font-weight: 300;
color: #FFF; }
.main-content .office-details {
width: 100%;
position: relative;
grid-gap: 0; }
.main-content .office-details h2, .main-content .office-details p, .main-content .office-details a {
color: #FFF;
padding: 0;
margin: 0; }
.main-content .office-details .left-col {
padding: 110px 0 119px 0;
background: #2B44FF;
display: flex;
justify-content: flex-end; }
.main-content .office-details .left-col .text {
width: 100%;
max-width: 501px;
padding-right: 18px; }
.main-content .office-details .right-col {
padding: 110px 0 119px 0;
background: #1F28CF;
display: flex;
justify-content: flex-start; }
.main-content .office-details .right-col .text {
width: 100%;
max-width: 501px;
padding-left: 119px; }
.main-content .client-logos {
background: #FDFBF5;
padding: 63px 0 58px 0; }
.main-content .client-logos .logo {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
min-height: 100px; }
.main-content .get-in-touch {
background: #00ada8;
background-size: 100% auto;
padding: 120px 0; }
.main-content .get-in-touch .content {
width: 100%;
max-width: 626px;
margin: 0 auto;
text-align: center; }
.main-content .get-in-touch .content h4 {
font-size: 21px;
padding: 0 0 12px 0;
margin: 0;
line-height: 1.35;
color: #FFF; }
.main-content .get-in-touch .content p, .main-content .get-in-touch .content a {
font-size: 21px;
line-height: 1.5;
font-weight: 600;
color: #FFF; }
.main-content .get-in-touch .content .form {
text-align: left; }
.main-content .get-in-touch .content .form #nf-form-2-cont .nf-field-container {
padding-bottom: 2px; }
.main-content .get-in-touch .content .form #nf-form-2-cont .nf-form-fields-required {
display: none; }
.main-content .get-in-touch .content .form #nf-form-2-cont .ninja-forms-field {
border-radius: 14px;
border: 1px solid #FFF;
color: #002933;
font-size: 20px;
letter-spacing: 0;
box-shadow: none;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
padding: 12px 22px; }
.main-content .get-in-touch .content .form #nf-form-2-cont input[type="email"],
.main-content .get-in-touch .content .form #nf-form-2-cont input[type="text"],
.main-content .get-in-touch .content .form #nf-form-2-cont input[type="submit"] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none; }
.main-content .get-in-touch .content .form #nf-form-2-cont ::-webkit-input-placeholder {
font-size: 20px;
color: #CCCCCC;
opacity: 1;
letter-spacing: 0; }
.main-content .get-in-touch .content .form #nf-form-2-cont ::-moz-placeholder {
font-size: 20px;
color: #CCCCCC;
opacity: 1;
letter-spacing: 0; }
.main-content .get-in-touch .content .form #nf-form-2-cont ::placeholder {
font-size: 20px;
color: #CCCCCC;
opacity: 1;
letter-spacing: 0; }
.main-content .get-in-touch .content .form #nf-form-2-cont .nf-error.field-wrap .nf-field-element .ninja-forms-field {
border: 2px solid #00ada8 !important; }
.main-content .get-in-touch .content .form #nf-form-2-cont .nf-error.field-wrap .nf-field-element::after {
border-radius: 0 18px 18px 0;
background: #00ada8;
border-radius: 0 14px 14px 0; }
.main-content .get-in-touch .content .form #nf-form-2-cont .nf-pass.field-wrap .nf-field-element .ninja-forms-field {
border: 2px solid #00ada8 !important; }
.main-content .get-in-touch .content .form #nf-form-2-cont .nf-pass.field-wrap .nf-field-element::after {
color: #00ada8; }
.main-content .get-in-touch .content .form #nf-form-2-cont .nf-error-msg, .main-content .get-in-touch .content .form #nf-form-2-cont .nf-error-required-error {
color: #002933; }
.main-content .get-in-touch .content .form #nf-form-2-cont #nf-field-9 {
background: #00ada8;
color: #FFF;
text-transform: uppercase;
letter-spacing: 0.08em;
transition: 0.4s all ease;
padding: 21px 156px;
border-radius: 36px;
height: auto;
font-size: 17px;
font-family: 'Montserrat', sans-serif;
outline: none;
border: 1px none #00ada8; }
.main-content .get-in-touch .content .form #nf-form-2-cont #nf-field-9:hover, .main-content .get-in-touch .content .form #nf-form-2-cont #nf-field-9:active, .main-content .get-in-touch .content .form #nf-form-2-cont #nf-field-9:focus {
color: #FFF;
text-decoration: none;
background: #002933;
border: 1px none #00ada8; }
.two-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px; }
.three-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1.35rem; }
.four-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2rem; }
.five-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 2rem; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -40px, 0);
transform: translate3d(0, -40px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
#wrapper .fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
#wrapper .fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
#wrapper {
overflow: hidden;
position: relative; }
.header-wrap {
position: fixed;
width: 100%;
padding: 40px 36px 40px 70px;
z-index: 99; }
.header {
width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0;
z-index: 99;
transition: 0.4s all ease;
background: transparent; }
.header .logo {
width: 100%;
max-width: 191px;
transition: 0.4s all ease; }
.header .logo img {
transition: 0.4s all ease;
width: 100%; }
#wrapper .header.scrolled .logo {
opacity: 0; } input ~ nav > ul {
top: 0; }
.main-nav {
margin: 0;
padding: 0;
align-items: center;
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
z-index: 997; }
.main-nav .holder {
display: flex;
width: 100%;
max-width: 1022px;
margin: 0 auto;
padding-top: 0; }
.main-nav .otn-btn-section {
text-align: left;
display: flex;
align-items: flex-end;
width: 59.39334637964775%;
padding-bottom: 6px; }
.main-nav .otn-btn-section .center {
width: 100%;
display: flex;
align-items: center; }
.main-nav .otn-btn-section a.otn-btn {
font-size: 28px;
line-height: 34px;
color: #FFF;
text-align: left;
display: inline-block;
width: 40.3%; }
.main-nav .otn-btn-section a.otn-btn:hover, .main-nav .otn-btn-section a.otn-btn:active, .main-nav .otn-btn-section a.otn-btn:focus {
color: #00ada8; }
.main-nav .otn-btn-section img {
display: inline-block;
max-width: 68px; }
.main-nav ul {
text-align: left;
width: 40.7%; }
.main-nav ul li {
margin: 0;
text-align: left;
background: transparent;
display: block;
color: #FFF;
position: relative;
padding: 0;
font-size: 36px;
line-height: 48px; }
.main-nav ul li a {
font-size: 36px;
line-height: 48px;
padding: 0;
margin: 0;
color: #FFF;
letter-spacing: -0.01em;
font-family: 'Roboto Condensed', serif; }
.main-nav ul li a:hover, .main-nav ul li a:active, .main-nav ul li a:focus, .main-nav ul li a:focus-within {
color: #00ada8;
text-decoration: none; }
.main-nav input#burger {
opacity: 0;
top: -222px;
display: none; }
.main-nav input + label {
position: relative;
top: 0;
right: 0;
height: 26px;
width: 40px;
z-index: 99;
transition: 0.4s all ease; }
.main-nav input + label span {
position: absolute;
width: 100%;
height: 2px;
top: 50%;
margin-top: -1px;
right: 0;
display: block;
background: #002933;
transition: .5s; }
.main-nav input + label span:first-child {
top: 0px;
max-width: 34px; }
.main-nav input + label .burger-line-two {
max-width: 34px; }
.main-nav input + label span:last-child {
top: 26px;
max-width: 34px; }
.main-nav input + label:hover span:first-child,
.main-nav input + label:hover .burger-line-two,
.main-nav input + label:hover span:last-child, .main-nav input + label:active span:first-child,
.main-nav input + label:active .burger-line-two,
.main-nav input + label:active span:last-child, .main-nav input + label:focus span:first-child,
.main-nav input + label:focus .burger-line-two,
.main-nav input + label:focus span:last-child {
max-width: 34px; }
.main-nav label:hover {
cursor: pointer; }
.main-nav input:checked + label span {
opacity: 0;
top: 50%; }
.main-nav input:checked + label span:first-child {
opacity: 1;
-webkit-transform: rotate(405deg);
transform: rotate(405deg); }
.main-nav input:checked + label span:last-child {
opacity: 1;
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg); }
.main-nav input:checked + label span:first-child,
.main-nav input:checked + label .burger-line-two,
.main-nav input:checked + label span:last-child {
max-width: 34px; }
.main-nav input ~ nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 0;
z-index: 98;
transition: .5s;
transition-delay: .5s;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center; }
.main-nav input ~ nav > ul {
text-align: center;
top: auto; }
.main-nav input ~ nav > ul > li {
opacity: 0;
transition: .5s;
transition-delay: 0s;
margin: 0;
letter-spacing: 0.05rem;
display: block;
text-align: center; }
.main-nav input ~ nav > ul > li > a {
font-size: 36px;
text-decoration: none;
color: #FFF;
display: block;
margin: 4px; }
.main-nav input:checked ~ nav {
height: 100%;
transition-delay: 0s;
background-color: #006bb7; }
.main-nav input:checked ~ nav > ul > li {
opacity: 1;
transition-delay: .5s; }
.main-nav input:checked ~ nav .lower-content {
background: #FFF;
height: 30vh;
max-height: 30vh;
position: absolute;
bottom: 0;
width: 100%;
opacity: 1;
transition: 1s;
transition-delay: 1s; }
.main-nav input:checked ~ nav .lower-content .content {
width: 100%;
max-width: 1022px;
margin: 0 auto;
height: 100%;
display: flex;
align-items: center; }
.main-nav input:checked ~ nav .lower-content .image {
width: 100%;
max-width: 255px; }
.main-nav input:checked ~ nav .btn-holder {
width: 100%;
max-width: 1022px;
margin: 52px auto 0 auto;
text-align: left;
transition: .5s all ease;
transition-delay: .5s;
opacity: 1; }
.main-nav input:checked ~ nav .btn-holder a.btn {
border: 1px solid #FFF;
background: #002933;
padding: 19px 81px 15px 81px;
margin: 38px 0 109px 0; }
.main-nav input:checked ~ nav .btn-holder a.btn:hover, .main-nav input:checked ~ nav .btn-holder a.btn:active, .main-nav input:checked ~ nav .btn-holder a.btn:focus {
color: #FFF;
text-decoration: none;
background: #00ada8;
border: 1px solid #00ada8; }
.main-nav #burger {
display: none; }
.footer {
padding: 42px 0 32px 0;
text-align: left; }
.footer .footer-content {
width: 100%;
margin: 0 auto;
max-width: 1130px;
margin: 0 auto;
text-align: left;
display: flex; }
.footer .footer-content p, .footer .footer-content li {
color: #FFF;
font-size: 14px;
font-family: 'SuisseMedium', sans-serif; }
.footer .footer-content a {
color: #FFF;
font-size: 14px;
font-family: 'SuisseMedium', sans-serif; }
.footer .footer-content a:hover, .footer .footer-content a:active, .footer .footer-content a:focus {
color: #002933; }
.footer .footer-content .logo-col {
width: 18.4%;
margin-right: 6.8%; }
.footer .footer-content .copyright {
margin-left: auto;
text-align: right;
display: flex;
justify-content: flex-end;
align-items: flex-end; }
.footer .footer-content .copyright p {
color: #002933;
font-size: 12px;
padding: 0;
margin: 0; }
.btn-hold {
margin: 2.75rem 0 0 0; }
#wrapper .form #nf-form-2-cont #nf-field-8, .btn {
font-size: 18px;
color: #FFF;
text-transform: uppercase;
letter-spacing: 0.1rem;
line-height: 1;
border: 2px solid #FFF;
padding: 0;
background-color: transparent;
display: table-cell;
vertical-align: middle;
height: 50px;
width: 196px;
text-align: center;
border-radius: 48px;
font-family: 'Roboto Condensed', serif;
font-weight: 400; }
#wrapper .form #nf-form-2-cont #nf-field-8:hover, #wrapper .form #nf-form-2-cont #nf-field-8:active, #wrapper .form #nf-form-2-cont #nf-field-8:focus, .btn:hover, .btn:active, .btn:focus {
color: #FFF;
text-decoration: none;
background-color: #006bb7;
border: 2px solid #FFF; }
.btn.light-blue {
color: #FFF;
border: 2px solid #FFF;
background-color: transparent; }
.btn.light-blue:hover, .btn.light-blue:active, .btn.light-blue:focus {
color: #FFF;
background-color: #00ada8;
text-decoration: none; }
.break {
width: 1rem;
display: table-cell; }
#wrapper #nf-field-4 {
background-color: transparent;
display: inline-block;
font-size: 26px;
margin: 0;
border-radius: 18px;
width: auto;
height: auto; }
#wrapper #nf-field-4:hover, #wrapper #nf-field-4:active, #wrapper #nf-field-4:focus {
color: #FFF;
text-decoration: none;
background: #00ada8;
border: 1.5px solid #00ada8; }
@media (max-width: 1284px) {
.banner .image,
.main-content .values,
.main-content .our-services .content,
.main-content .area-we-service .content,
.main-content .our-team .content,
.footer .footer-content,
#wrapper .header-wrap,
.banner .welcome .content,
.main-content .work-with-us .content,
.main-content .contact .content,
.main-content .get-in-touch .content,
.main-content .opportunity-travel-network .content,
.main-content .client-logos .logo {
padding-left: 3rem;
padding-right: 3rem; }
.main-content .office-details .left-col {
padding-left: 20px; }
.main-content .office-details .right-col {
padding-right: 20px; }
.main-nav input:checked ~ nav .lower-content .content,
.main-nav input:checked ~ nav .btn-holder,
.main-nav .holder {
padding-left: 42px; }
.main-content .work-with-us .content .text p,
.reversed h3 {
font-size: 32px;
line-height: 44px; }
.main-content .our-team .content .accordion-holder .panel .intro-text p {
font-size: 32px;
line-height: 38px; } }
@media (max-width: 1014px) {
.footer .footer-content .nav-col li {
margin: 0 18px 0.4em 0; }
.intro-text p br {
display: none; }
.banner .banner-image .text h1 {
font-size: 60px; }
.banner .banner-image .text h3,
.banner .banner-image .text h4 {
font-size: 26px; }
.main-content .values p,
.banner .welcome .content p {
font-size: 32px; } }
@media (max-width: 934px) {
.footer .footer-content .nav-col li {
margin: 0 12px 0.4em 0; }
.footer .footer-content .nav-col .policy {
padding-left: 24px; } }
@media (max-width: 748px) {
.header-wrap {
padding: 26px 3rem 40px 3rem; }
.main-content .get-in-touch {
padding: 6rem 0; }
.banner {
padding-top: 120px; } }
@media (min-width: 649px) {
.logo-mobile,
.btn-holder.mobile {
display: none; } }
@media (max-width: 648px) {
.main-nav input + label {
top: 21px; }
.header-wrap .header {
grid-template-columns: 2fr 1fr; }
.header-wrap .header .logo {
max-width: 192px; }
.header-wrap .header .logo h1 {
line-height: 0; }
.header-wrap .main-nav {
align-items: start; }
.header-wrap .main-nav ul {
width: 100%; }
.header-wrap .main-nav .holder {
flex-direction: column;
padding-top: 26px;
padding-left: 20px;
height: 1px;
transition: .5s;
transition-delay: .5s;
overflow: hidden;
opacity: 0; }
.header-wrap .main-nav .holder .otn-btn-section {
padding-top: 108px;
width: 100%; }
.header-wrap .main-nav .holder .otn-btn-section a.otn-btn {
width: 62.3%; }
.header-wrap .main-nav input ~ nav .logo-mobile {
width: 100%;
max-width: 192px;
padding-bottom: 66px;
display: none;
opacity: 0;
transition: 0.8s all ease; }
.header-wrap .main-nav input:checked ~ nav .holder {
opacity: 1;
height: auto; }
.header-wrap .main-nav input:checked ~ nav .holder .logo-mobile {
display: block;
opacity: 1; }
.header-wrap .main-nav .lower-content {
display: none; }
.header-wrap .main-nav .btn-holder.desktop {
display: none; }
.header-wrap .main-nav .btn-holder.mobile {
display: block;
margin: 42px 0 0 0;
padding-left: 0; }
.banner .banner-image .text h1 {
font-size: 40px; }
.banner .banner-image .text h2 {
font-size: 18px; }
.banner .banner-image .text h3, .banner .banner .banner-image .text h4 {
font-size: 21px; }
.main-content .values p, .banner .welcome .content p {
font-size: 26px; }
#wrapper .form #nf-form-2-cont #nf-field-8, .btn {
font-size: 14px; }
.banner .banner-image .text h2 {
font-size: 14px;
letter-spacing: 0.05rem; }
.main-content .area-we-service .content h2,
.main-content h2 {
font-size: 15px; }
.main-content .image {
margin-right: 0; }
.main-content .hero-image {
width: 120%;
margin-left: -15%; }
.main-content .our-services .content .block {
padding-bottom: 82px; }
.main-content .our-services .content h3 {
font-size: 30px; }
.main-content .our-services .content .legal .image {
margin: 0 auto;
max-width: 75%; }
.main-content .area-we-service {
background-size: 180% auto; }
.main-content .area-we-service .content .left-col {
padding: 122px 0 0 0; }
.main-content .area-we-service .image {
margin-right: 0;
max-width: 60%;
margin: 0 auto; }
.main-content .our-services .content {
padding: 78px 20px 18px 20px; }
.main-content .work-with-us .content {
padding: 48px 0 0 0; }
.main-content .work-with-us .content .image {
max-width: 80%;
padding-top: 76px;
position: inherit;
margin: 0 auto;
right: auto; }
.main-content .work-with-us .content .image img {
margin-bottom: -6px; }
.main-content .work-with-us .content .text {
padding: 0 20px; }
.main-content .contact .content {
padding-top: 67px;
padding-bottom: 57px; }
.main-content .btn-hold {
margin: 56px auto 0 auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center; }
.main-content .btn {
display: flex;
justify-content: center;
align-items: center;
text-align: center; }
.main-content .get-in-touch .content .nf-field-container {
margin-bottom: 1px; }
.main-content .get-in-touch .content .form #nf-form-2-cont #nf-field-9 {
width: 100%;
padding: 21px 0; }
#wrapper .nf-form-cont {
padding-top: 0; }
#wrapper .two-grid {
grid-template-columns: 1fr; }
.main-content .office-details .right-col .text {
padding-left: 20px; }
.footer .footer-content {
flex-wrap: wrap; }
.four-grid {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 468px) {
.banner .image,
.main-content .values,
.main-content .our-services .content,
.main-content .area-we-service .content,
.main-content .our-team .content,
.footer .footer-content,
#wrapper .header-wrap,
.banner .welcome .content,
.main-content .work-with-us .content,
.main-content .contact .content,
.main-content .get-in-touch .content,
.main-content .opportunity-travel-network .content,
.main-content .client-logos .logo {
padding-left: 2rem;
padding-right: 2rem; }
.banner .banner-image .text h1 {
font-size: 32px; }
.main-content .values p, .banner .welcome .content p {
font-size: 21px; }
.banner .banner-image .text h3, .banner .banner-image .text h4 {
font-size: 18px; }
.nf-form-content label,
.main-content .get-in-touch .content p,
.main-content .get-in-touch .content a {
font-size: 16px; }
.footer .footer-content .copyright {
margin-left: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 2rem; }
.footer .footer-content .copyright p {
font-size: 11px; }
.footer {
padding: 2rem 0; }
.footer .footer-content {
text-align: center;
display: flex;
justify-content: space-around; }
.footer .footer-content .logo-col {
width: 100px;
margin-right: 0; }
h4 {
font-size: 18px; }
p, li {
font-size: 15px;
line-height: 1.5; }
.main-content .values p {
margin: 0 0 3rem 0; } }
@media print {
body {
background: none !important; color: #2b2b2b;
font-size: 12pt; }
.site,
.site-header,
.hentry,
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content,
.archive-header,
.page-header,
.contributor-info,
.comments-area,
.attachment .entry-attachment .attachment {
max-width: 100%; }
#site-header img,
.search-toggle,
.site-navigation,
.site-content nav,
.edit-link,
.page-links,
.widget-area,
.more-link,
.post-format-archive-link,
.comment-respond,
.comment-list .reply,
.comment-reply-login,
#secondary,
.site-footer,
.slider-control-paging,
.slider-direction-nav {
display: none; }
.site-title a,
.entry-meta,
.entry-meta a,
.featured-content .hentry,
.featured-content a {
color: #2b2b2b; }
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a {
text-decoration: none; }
.site-header,
.post-thumbnail,
a.post-thumbnail:hover,
.site-content .entry-header,
.site-footer,
.featured-content,
.featured-content .entry-header {
background: transparent; }
.header-main {
padding: 48px 10px; }
.site-title {
float: none;
font-size: 19pt; }
.content-area {
padding-top: 0; }
.list-view .site-content .hentry {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 48px;
padding-bottom: 24px; }
.post-thumbnail img {
margin: 0 10px 24px; }
.site-content .has-post-thumbnail .entry-header {
padding-top: 0; }
.site-content footer.entry-meta {
margin: 24px auto; }
.entry-meta .tag-links a {
color: #fff; }
.singular .site-content .hentry.has-post-thumbnail {
margin-top: 0; }
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: block; }
.archive-title,
.page-title {
margin: 0 10px 48px; }
.featured-content .hentry {
margin-bottom: 48px; }
.featured-content .post-thumbnail,
.slider .featured-content .post-thumbnail {
padding-top: 0; }
.featured-content .post-thumbnail img {
position: relative; }
.featured-content .entry-header {
padding: 0 10px 24px; }
.featured-content .entry-meta {
font-size: 9pt;
margin-bottom: 11px; }
.featured-content .cat-links {
font-weight: 900; }
.featured-content .entry-title {
font-size: 25pt;
line-height: 36px; } }