@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,400i,700&subset=latin-ext");
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
progress {
vertical-align: baseline
}
[hidden],
template {
display: none
}
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
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
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: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
margin: 0
}
optgroup {
font-weight: 700
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
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-input-placeholder {
color: inherit;
opacity: .54
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.hidden {
display: none!important;
visibility: hidden
}
@media (min-width:768px) {
.hidden--on-desktop {
display: none!important;
visibility: hidden
}
}
@media (max-width:767px) {
.hidden--on-mobile {
display: none!important;
visibility: hidden
}
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.invisible {
visibility: hidden
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
body {
background-color: #fff;
color: #2b2b2b;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none
}
::selection {
background: #ffe800;
text-shadow: none
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid 1px solid #f9f9f9;
margin: 1.5rem 0;
padding: 0
}
blockquote {
border-left: 2px solid #f9f9f9;
color: #515151;
margin: 1.5rem 0;
padding-left: .75rem
}
cite {
color: #6b6b6b;
font-style: italic
}
cite:before {
content: "\2014 \00A0"
}
a {
cursor: pointer
}
img,
picture {
margin: 0;
max-width: 100%
}
img {
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
image-rendering: optimizeQuality
}
.breadcrumbs,
.container {
max-width: 1280px;
padding: 0 5%;
margin: 0 auto
}
.container_narrow {
max-width: 768px;
padding: 0 15px;
margin: 0 auto
}
@media (max-width:767px) {
.container_narrow {
padding: 0 5%
}
}
.nav-wrapper.sticky,
.shadow-soft {
-webkit-box-shadow: 0 0 16px rgba(119, 119, 119, .16);
box-shadow: 0 0 16px rgba(119, 119, 119, .16)
}
.shadow-heavy,
.work_snippet .breadcrumbs .work_snippet__inner,
.work_snippet .container .work_snippet__inner {
-webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, .2);
box-shadow: 0 12px 20px rgba(0, 0, 0, .2)
}
@media (max-width:767px) {
.shadow-heavy,
.work_snippet .breadcrumbs .work_snippet__inner,
.work_snippet .container .work_snippet__inner {
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
box-shadow: 0 5px 20px rgba(0, 0, 0, .2)
}
}
#outdated_browser .outdated_content a#btnUpdateBrowser,
.button,
.footer,
.footer .breadcrumbs .footer__item.contact,
.footer .container .footer__item.contact,
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li,
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li,
.page__contact-details .contact__link-large,
.pagination,
.proxima-bold,
.show-categories__text,
.single .singleblog__footer .singleblog__footer-share p,
h4,
h5,
h6 {
font-family: proxima-nova, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 700;
font-style: normal;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.home__sec2_content h1,
.proxima-extrabold,
h1,
h2,
h3 {
font-family: roboto_italic, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-style: normal;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.footer .breadcrumbs .footer__item.title,
.footer .container .footer__item.title,
.roboto-regular,
.single .singleblog__footer .singleblog__footer-author .author__info_bio,
.single .singleblog__meta,
[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
body,
input,
input:not([type]),
label,
select,
select[multiple=multiple],
textarea {
font-family: roboto_italic, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-style: normal
}
.roboto-italic,
em {
font-family: roboto_italic, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 400;
font-style: italic
}
.roboto-medium,
.single .singleblog__footer .singleblog__footer-author .author__info_link a {
font-family: roboto_medium, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 400;
font-style: normal
}
.expertise__landing-blocks .expertise__landing-block-right h3,
.gform_body ul li.gfield_error:after,
.gform_wrapper .validation_error,
.panel__2col_text_list__list h3,
.panel__results_list p.results_list_title,
.roboto-bold {
font-family: roboto_bold, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 400;
font-style: normal
}
.blog__snippet_content .excerpt,
.merriweather-regular,
.single .singleblog__content,
.single .singleblog__content blockquote {
font-family: merriweather_regular, serif;
font-style: normal;
font-weight: 400
}
.home__sec2_content .panel__quote h1,
.merriweather-italic,
.panel__quote .home__sec2_content h1,
.panel__quote h2,
.single .singleblog__content em,
blockquote,
blockquote em,
blockquote p {
font-family: merriweather_italic, serif;
font-style: italic;
font-weight: 400
}
.merriweather-bold {
font-family: merriweather_bold, serif;
font-style: normal;
font-weight: 400
}
#outdated_browser .outdated_content .wf-active a#btnUpdateBrowser,
.footer .breadcrumbs .wf-active .footer__item.contact,
.footer .container .wf-active .footer__item.contact,
.home__sec2_content .wf-active h1,
.nav-wrapper .main-nav .menu-main-nav-container ul.menu .wf-active li,
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu .wf-active li,
.page__contact-details .wf-active .contact__link-large,
.single .singleblog__footer .singleblog__footer-share .wf-active p,
.wf-active #outdated_browser .outdated_content a#btnUpdateBrowser,
.wf-active .button,
.wf-active .footer,
.wf-active .footer .breadcrumbs .footer__item.contact,
.wf-active .footer .container .footer__item.contact,
.wf-active .home__sec2_content h1,
.wf-active .nav-wrapper .main-nav .menu-main-nav-container ul.menu li,
.wf-active .nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li,
.wf-active .page__contact-details .contact__link-large,
.wf-active .pagination,
.wf-active .proxima-bold,
.wf-active .proxima-extrabold,
.wf-active .show-categories__text,
.wf-active .single .singleblog__footer .singleblog__footer-share p,
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6 {
opacity: 1
}
.wf-inactive {
opacity: 0
}
html {
font-size: 62.5%
}
body {
font-size: 16px;
font-size: 1.6rem;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
line-height: 1.5
}
.body--small {
font-size: 14px;
font-size: 1.4rem
}
.home__sec2_content h1,
h1,
h2,
h3 {
line-height: 1.4;
margin: 0;
color: #000
}
h4,
h5,
h6 {
line-height: 1.4;
margin: 0;
color: #000
}
h1 {
font-size: 60px;
font-size: 6rem;
padding: 80px 0;
line-height: 1.2
}
@media (max-width:767px) {
h1 {
padding: 50px 0
}
}
.home__sec2_content h1,
h2 {
font-size: 40px;
font-size: 4rem;
line-height: 1.2;
margin-bottom: 40px
}
h3 {
font-size: 30px;
font-size: 19px;
line-height: 1.2;
margin-bottom: 30px
}
h4 {
font-size: 26px;
font-size: 2.6rem;
margin-bottom: 26px
}
h5 {
font-size: 22px;
font-size: 2.2rem;
margin-bottom: 22px
}
h6 {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 18px
}
@media (max-width:967px) {
h1 {
line-height: 1.26
}
h3 {
font-size: 22px;
font-size: 2.2rem
}
}
@media (max-width:767px) {
h1 {
font-size: 40px;
font-size: 4rem;
line-height: 4.2rem
}
.home__sec2_content h1,
h2 {
font-size: 24px;
font-size: 2.4rem
}
h4 {
font-size: 20px;
font-size: 2rem
}
}
.heading--white {
color: #FFF
}
.heading--black {
color: #000
}
.heading--red {
color: #ffe800
}
.heading--left {
text-align: left
}
.heading--right {
text-align: right
}
.heading--center {
text-align: center
}
.heading--blog-snippet {
font-size: 24px;
font-size: 2.4rem;
line-height: 32px;
margin-bottom: 22px
}
p {
margin: 0 0 2.25rem
}
a {
color: #000;
text-decoration: none
}
a:hover {
color: #ffe800
}
a:active,
a:focus {
color: #ffe800;
outline: 0
}
blockquote {
border-left: 0;
margin: 40px;
font-size: 22px;
line-height: 34px
}
blockquote em,
blockquote p {
font-size: 22px;
line-height: 34px
}
blockquote em strong,
blockquote p strong {
font-weight: 400
}
fieldset {
background: #fff;
border: 1px solid #f9f9f9;
margin: 0 0 .75rem 0;
padding: 1.5rem
}
input,
label,
select {
font-size: 16px;
font-size: 1.6rem;
display: block;
border-radius: 0
}
label {
margin-bottom: .375rem;
font-weight: 400!important
}
label.required:after {
content: "*"
}
label abbr {
display: none
}
[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
input:not([type]),
select[multiple=multiple],
textarea {
font-size: 16px;
font-size: 1.6rem;
-webkit-transition: border-color;
-o-transition: border-color;
transition: border-color;
background-color: #f0f0f0;
border: none;
border-radius: 0;
margin-bottom: 1.5rem;
padding: 1.5rem 1.5rem;
width: 100%
}
[type=color]:hover,
[type=date]:hover,
[type=datetime-local]:hover,
[type=datetime]:hover,
[type=email]:hover,
[type=month]:hover,
[type=number]:hover,
[type=password]:hover,
[type=search]:hover,
[type=tel]:hover,
[type=text]:hover,
[type=time]:hover,
[type=url]:hover,
[type=week]:hover,
input:not([type]):hover,
select[multiple=multiple]:hover,
textarea:hover {
border-color: #e0e0e0
}
[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:not([type]):focus,
select[multiple=multiple]:focus,
textarea:focus {
border-color: #ffe800;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgb(249, 224, 8);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgb(249, 224, 8);
outline: 0
}
textarea {
resize: vertical;
height: 115px
}
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input[type=checkbox] {
position: absolute;
opacity: 0
}
input[type=checkbox]+label {
position: relative;
cursor: pointer;
padding: 0;
left: 0
}
input[type=checkbox]+label:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #000;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
input[type=checkbox]:hover+label:before {
background: #f9f9f9
}
input[type=checkbox]:focus+label:before {
border: 2px solid #000
}
input[type=checkbox]+label:after {
content: '';
position: absolute;
left: 5px;
top: 9px;
background: #fff;
width: 2px;
height: 2px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
input[type=checkbox]:disabled+label {
color: #b8b8b8;
cursor: auto
}
input[type=checkbox]:disabled+label:before {
-webkit-box-shadow: none;
box-shadow: none;
background: #000
}
input[type=checkbox]:checked+label:after {
content: '';
position: absolute;
left: 5px;
top: 10px;
background: #000;
width: 2px;
height: 2px;
-webkit-box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000;
box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000
}
input[type=file] {
padding-bottom: .75rem;
width: 100%
}
select {
margin-bottom: 1.5rem;
max-width: 100%;
width: auto
}
.gform_body ul {
list-style-type: none;
margin: 0;
padding: 0
}
.gform_body ul li {
position: relative
}
.gform_body ul li label {
position: absolute;
top: 17px;
left: 15px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
margin-bottom: 0
}
.gform_body ul li input,
.gform_body ul li textarea {
padding-top: 24px
}
.gform_body ul.gfield_checkbox li label {
position: relative;
left: 0;
padding-left: 40px;
padding-right: 40px
}
.gform_body ul.gfield_checkbox li label:before {
position: absolute;
left: 0;
top: 1px
}
.gform_body ul li.gfield_error:after {
content: "!";
position: absolute;
right: 15px;
top: 20px;
width: 20px;
height: 20px;
background: #ffe800;
text-align: center;
color: #fff;
line-height: 20px;
border-radius: 50%;
font-size: 13px
}
.gform_body .validation_message {
background: #9b9b9b;
color: #fff;
font-size: 13px;
padding: 3px 15px;
margin-top: -1.5rem;
margin-bottom: 1.5rem
}
.gform_wrapper .validation_error {
padding: 40px 0;
color: #ffe800;
text-align: left;
font-weight: 400
}
@media (max-width:767px) {
.gform_footer {
margin-top: 40px
}
}
.gfield.active label {
top: 6px;
font-size: 13px;
color: #ffe800
}
#field_1_6 .gfield_required {
display: none
}
#field_1_6 .validation_message {
margin-top: 30px
}
#field_1_9 {
display: none!important
}
table {
-webkit-font-feature-settings: "kern", "liga", "tnum";
font-feature-settings: "kern", "liga", "tnum";
border-collapse: collapse;
margin: .75rem 0;
table-layout: fixed;
width: 100%
}
th {
border-bottom: 1px solid #d3d3d3;
font-weight: 700;
padding: .75rem 0;
text-align: left
}
td {
border-bottom: 1px solid #f9f9f9;
padding: .75rem 0
}
td,
th,
tr {
vertical-align: middle
}
table th {
font-weight: 700
}
table td,
table th {
padding: 9px 10px;
text-align: left
}
@media print {
*,
:after,
:before {
background: 0 0!important;
color: #000!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
text-shadow: none!important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
.home__sec2_content h1,
h2,
h3,
p {
orphans: 3;
widows: 3
}
.home__sec2_content h1,
h2,
h3 {
page-break-after: avoid
}
}
.button {
border: 3px solid #ffe800;
letter-spacing: 1px;
padding: 7px 20px;
display: inline-block;
margin-top: 50px;
color: #000;
background-image: -o-linear-gradient(315deg, #ffe800 50%, transparent 51%);
background-image: linear-gradient(135deg, #ffe800 50%, transparent 51%);
background-size: 100px 100px;
background-position: -50px -50px;
background-repeat: no-repeat;
-webkit-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
background-color: transparent
}
.button:hover {
background-size: 200% 200%;
background-position: 0 0;
color: #fff
}
.button--color-white {
background-image: -o-linear-gradient(315deg, #fff 50%, transparent 51%);
background-image: linear-gradient(135deg, #fff 50%, transparent 51%);
border-color: #fff;
color: #fff
}
.button--color-white:hover {
color: #ffe800
}
.button--color-black {
background-image: -o-linear-gradient(315deg, #000 50%, transparent 51%);
background-image: linear-gradient(135deg, #000 50%, transparent 51%);
border-color: #000;
color: #000
}
.button--color-black:hover {
color: #fff
}
@media (max-width:767px) {
.button {
margin-top: 25px
}
}
.slick-list {
overflow: visible
}
.fridayMethod__animation_copy .slick-list {
overflow: hidden
}
.slider__nav {
position: absolute;
margin: 0 auto;
right: 40px;
padding: 0;
z-index: 3;
width: 100%;
height: 40px;
bottom: 40px;
text-align: center;
max-width: 130px
}
.slider__nav .the-arrow {
display: inline-block;
overflow: auto
}
@media (max-width:767px) {
.slider__nav {
right: 0;
left: 0
}
}
.slider__nav__left-right {
top: 50%;
margin-top: -20px;
bottom: auto;
max-width: 100%;
right: 0
}
.slider__nav__left-right .the-arrow.-right {
margin-left: 5%
}
.slider__nav__left-right .the-arrow.-left {
float: right;
margin-right: 5%
}
.slider__nav__center {
position: relative;
bottom: auto;
right: 0;
left: 0;
margin: 0 auto;
margin-top: 15px
}
.the-arrow {
width: 18px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
width: 40px;
height: 40px;
cursor: pointer
}
.the-arrow.-left {
float: right
}
.the-arrow.-left>.shaft {
width: 18px;
background-color: #fff
}
.the-arrow.-left>.shaft:after,
.the-arrow.-left>.shaft:before {
width: 12px;
height: 1px;
background-color: #fff
}
.the-arrow.-left>.shaft:before {
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg)
}
.the-arrow.-left>.shaft:after {
-webkit-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
transform: rotate(-40deg)
}
.the-arrow.-right {
float: left;
margin-right: 20px;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.the-arrow.-right>.shaft {
width: 18px;
background-color: #fff;
left: 22px
}
.the-arrow.-right>.shaft:after,
.the-arrow.-right>.shaft:before {
width: 12px;
height: 1px;
background-color: #fff;
left: 0
}
.the-arrow.-right>.shaft:before {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg)
}
.the-arrow.-right>.shaft:after {
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: rotate(-40deg);
-ms-transform: rotate(-40deg);
transform: rotate(-40deg)
}
.the-arrow>.shaft {
top: 21px;
background-color: #fff;
display: block;
height: 1px;
position: relative;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0
}
.the-arrow>.shaft:after,
.the-arrow>.shaft:before {
background-color: #fff;
content: '';
display: block;
height: 1px;
position: absolute;
top: 0;
right: 0;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0
}
.the-arrow>.shaft:before {
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right
}
.the-arrow>.shaft:after {
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right
}
.the-arrow--red.-left>.shaft {
background-color: #ffe800
}
.the-arrow--red.-left>.shaft:after,
.the-arrow--red.-left>.shaft:before {
background-color: #ffe800
}
.the-arrow--red.-right>.shaft {
background-color: #ffe800
}
.the-arrow--red.-right>.shaft:after,
.the-arrow--red.-right>.shaft:before {
background-color: #ffe800
}
.the-arrow--red>.shaft {
background-color: #ffe800
}
.the-arrow--red>.shaft:after,
.the-arrow--red>.shaft:before {
background-color: #ffe800
}
.slick-arrow {
display: block
}
@media (max-width:767px) {
.slick-arrow {
display: inline-block
}
}
.slick-arrow:hover {
color: #fff
}
.slick-arrow:hover>.the-arrow.-left>.shaft {
width: 40px;
background-color: #ffe800
}
.slick-arrow:hover>.the-arrow.-left>.shaft:after,
.slick-arrow:hover>.the-arrow.-left>.shaft:before {
width: 12px;
background-color: #ffe800
}
.slick-arrow:hover>.the-arrow.-right>.shaft {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
width: 40px;
background-color: #ffe800;
margin-left: -22px
}
.slick-arrow:hover>.the-arrow.-right>.shaft:after,
.slick-arrow:hover>.the-arrow.-right>.shaft:before {
width: 12px;
background-color: #ffe800
}
.slick-slide:focus {
outline: 0
}
.nav-wrapper {
position: fixed;
z-index: 99;
width: 100%;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
transform: translateZ(0);
-webkit-transform: translateZ(0)
}
@media (max-width:767px) {
.nav-wrapper {
position: absolute
}
}
.nav-wrapper .main-nav {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
display: grid;
grid-template-columns: 300px auto;
grid-gap: 20px;
padding: 24px 0
}
.nav-wrapper .main-nav #mainLogo {
max-width: 100%;
height: auto
}
.nav-wrapper .main-nav #mainLogo path {
fill: #fff
}
.nav-wrapper .main-nav .menu-main-nav-container {
justify-self: right
}
.nav-wrapper .main-nav .menu-main-nav-container ul.menu {
list-style-type: none;
margin: 10px 0 0 0;
float: right
}
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li {
display: inline-block;
padding: 0 23px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: .8px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li a {
color: #000
}
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li:after {
content: "";
width: 0%;
height: 2px;
background: #000;
display: block;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
left: 50%;
position: relative
}
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li.current-menu-item:after,
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li:active:after,
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li:focus:after,
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li:hover:after {
left: 0;
width: 100%
}
@media (max-width:767px) {
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li {
display: none
}
}
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li.mobile-nav--expand {
display: none;
padding-right: 0;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li.mobile-nav--expand:after {
display: none
}
@media (max-width:767px) {
.nav-wrapper .main-nav .menu-main-nav-container ul.menu li.mobile-nav--expand {
display: block
}
}
.nav-wrapper.sticky .main-nav {
padding: 12px 0
}
@media (min-width:768px) {
.nav-wrapper.sticky {
background: #fff
}
.nav-wrapper.sticky .main-nav #mainLogo path {
fill: #ffe800
}
.nav-wrapper.sticky .main-nav .menu-main-nav-container ul.menu li a {
color: #000
}
.nav-wrapper.sticky .main-nav .menu-main-nav-container ul.menu li:after {
background: #ffe800
}
}
@media (max-width:767px) {
.nav-wrapper.sticky {
-webkit-box-shadow: none;
box-shadow: none
}
}
.nav-wrapper.on_white .main-nav #mainLogo path {
fill: #ffe800
}
.nav-wrapper.on_white .main-nav ul.menu li a {
color: #000
}
.nav-wrapper.on_white .main-nav ul.menu li:after {
background: #ffe800
}
.mobile-nav--expand {
list-style-type: none;
display: none;
cursor: pointer
}
.mobile-nav--expand .menu__expand .menu_dot {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #fff
}
.page-template-page-work-landing .main-nav .mobile-nav--expand .menu__expand .menu_dot {
background-color: #000
}
.nav-wrapper-mobile .mobile-nav {
display: none;
position: fixed;
z-index: 9999999;
position: fixed;
top: -40px;
left: 0;
min-height: 40px;
background: #ffe800;
width: 100%;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
@media (max-width:767px) {
.nav-wrapper-mobile .mobile-nav {
display: block
}
}
.nav-wrapper-mobile .mobile-nav.sticky {
top: 0
}
.nav-wrapper-mobile .menu-main-nav-container {
float: right;
justify-self: right;
width: 100%
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
text-transform: uppercase;
font-size: 11px;
width: auto;
line-height: 40px
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li:first-child {
width: 40px;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li:last-child {
border-right: none
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li a {
color: #000
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li.current-menu-item {
background: #ffe800
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li.mobile-nav--logo {
background: #ffe800;
border-right: none;
text-align: center
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li.mobile-nav--logo a {
display: block
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li.mobile-nav--logo img {
vertical-align: top;
width: 39px;
height: 28px;
top: 6px;
position: relative;
left: 12px;
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li.mobile-nav--expand {
display: none
}
@media (max-width:374px) {
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li:nth-child(2) {
display: none
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li:nth-child(5) {
display: none
}
.nav-wrapper-mobile .menu-main-nav-container ul.mobile-nav-menu li.mobile-nav--expand {
display: block
}
}
@media (max-width:740px) {
.nav-wrapper .main-nav {
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
display: grid;
grid-template-columns: 220px auto;
grid-gap: 20px;
padding: 24px 0;
}
}
.mobile_menu__expanded {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999999997
}
.mobile_menu__expanded .mobile_menu__expanded-circle {
position: absolute;
background: #ffe800;
width: 20px;
height: 20px;
border-radius: 50%;
top: 0;
right: 0
}
.mobile_menu__expanded .mobile_menu__expanded-bg {
opacity: 0;
position: fixed;
width: 100%;
height: 100vh;
background: #ffe800;
left: 0;
top: 0
}
.mobile_menu__expanded #mobile_menu__expanded-close {
position: absolute;
top: 20px;
right: 8px;
z-index: 999999999;
width: 30px;
height: 30px
}
.mobile_menu__expanded #mobile_menu__expanded-close span {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
width: 20px;
height: 4px;
display: block;
background: #fff;
position: absolute;
opacity: 0
}
.mobile_menu__expanded.from_main #mobile_menu__expanded-close {
top: 44px;
right: 8px
}
.mobile_menu__expanded.expanded {
display: block
}
.mobile_menu__expanded .mobile-expanded-menu {
position: fixed;
z-index: 999999998;
list-style-type: none;
margin: 0;
padding: 0;
max-width: 90%;
left: 0;
right: 0;
margin: 0 auto;
top: 40px
}
.mobile_menu__expanded .mobile-expanded-menu li {
display: none;
opacity: 0;
font-family: proxima-nova, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
width: auto;
margin: 10px 20px;
text-align: left;
border-color: #000;
font-size: 20px
}
.mobile_menu__expanded .mobile-expanded-menu li a {
color: #000
}
.mobile_menu__expanded .mobile-expanded-menu li:after {
clear: both
}
.mobile_menu__expanded .mobile-expanded-menu .sub-menu {
margin: 0;
padding: 0
}
.mobile_menu__expanded .mobile-expanded-menu .sub-menu li {
opacity: 1;
border: none;
margin: 2px 20px;
font-size: 14px;
padding: 4px 0;
text-transform: none
}
.partner {
text-align: right ;
}
@media (max-width:767px) {
.partner {
text-align: center !important;
}
.child_services {
padding: 14px !important;
}
.breadcrumbs {
display: none
}
}
.cookie-notice {
position: fixed;
display: none;
width: 90%;
margin: 0 auto;
left: 0;
right: 0;
height: auto;
left: 0;
bottom: 40px;
padding: 10px 0;
background-color: #e10f32;
color: #fff;
text-align: left;
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
z-index: 100000
}
.cookie-notice .breadcrumbs,
.cookie-notice .container {
padding: 0 20px;
height: 40px;
line-height: 40px
}
@media (max-width:767px) {
.cookie-notice .breadcrumbs,
.cookie-notice .container {
height: auto
}
}
.cookie-notice__text {
display: inline-block;
margin-left: 0;
max-width: calc(100% - 55px);
font-size: 12px;
line-height: 15px
}
.cookie-notice__text a {
color: #fff;
text-decoration: underline
}
@media (max-width:767px) {
.cookie-notice__text {
margin-right: 0;
padding-bottom: 0;
padding-top: 7px
}
}
.cookie-notice__button {
float: right;
margin-top: 0;
height: 40px;
line-height: 34px;
padding: 0 12px;
text-decoration: none;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
@media (max-width:767px) {
.cookie-notice__button {
display: block;
max-width: 120px;
margin-left: auto;
margin-right: auto;
right: 20px
}
}
.footer {
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear
}
.footer.footer--cookie {
padding-bottom: 90px
}
#outdated_browser {
position: fixed;
z-index: 999999998;
width: 100%;
padding-top: 100px;
display: none;
color: #fff;
text-align: center;
height: 100%
}
#outdated_browser .outdated_content {
background-color: #ffe800;
width: 50%;
padding: 60px 40px;
position: absolute;
z-index: 999999999;
top: 20%;
margin: 0 auto;
left: 0;
right: 0;
overflow: auto
}
#outdated_browser .outdated_content img {
margin-bottom: 50px
}
#outdated_browser .outdated_content .home__sec2_content h1,
#outdated_browser .outdated_content h2,
.home__sec2_content #outdated_browser .outdated_content h1 {
margin-bottom: 20px
}
#outdated_browser .outdated_content a#btnUpdateBrowser {
color: #fff;
display: block;
border: 3px solid #fff;
letter-spacing: 1px;
padding: 7px 20px;
display: inline-block;
margin-top: 20px
}
#outdated_browser .outdated_content a#continue_outdated {
display: block;
color: #fff;
text-decoration: underline;
margin-top: 30px
}
#outdated_browser .outdated_overlay {
background-color: rgba(0, 0, 0, .7);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.footer {
background: #ffe800;
color: #000
}
@media (max-width:767px) {
.footer {
padding-bottom: 30px
}
}
.footer .breadcrumbs,
.footer .container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 160px 85px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width:767px) {
.footer .breadcrumbs,
.footer .container {
grid-template-columns: 1fr;
grid-template-rows: auto;
padding-top: 40px
}
}
@media (max-width:767px) {
.footer .breadcrumbs .footer__item,
.footer .container .footer__item {
text-align: center
}
}
.footer .breadcrumbs .footer__item ul,
.footer .container .footer__item ul {
list-style-type: none;
margin: 0;
padding: 0
}
.footer .breadcrumbs .footer__item a,
.footer .container .footer__item a {
color: #000
}
.footer .breadcrumbs .footer__item:nth-of-type(2n),
.footer .container .footer__item:nth-of-type(2n) {
justify-self: right
}
@media (max-width:767px) {
.footer .breadcrumbs .footer__item:nth-of-type(2n),
.footer .container .footer__item:nth-of-type(2n) {
justify-self: auto
}
}
.footer .breadcrumbs .footer__item.contact,
.footer .container .footer__item.contact {
font-size: 20px
}
.footer .breadcrumbs .footer__item.contact li,
.footer .container .footer__item.contact li {
margin-right: 40px;
display: inline-block;
text-align: left;
padding: 0 0 20px 0;
}
.footer .breadcrumbs .footer__item.contact li p,
.footer .container .footer__item.contact li p {
margin-left: 15px
}
@media (max-width:767px) {
.footer .breadcrumbs .footer__item.contact li,
.footer .container .footer__item.contact li {
display: block;
margin-left: 0;
padding: 0 0 20px 0;
text-align: center
}
.footer .breadcrumbs .footer__item.contact li p,
.footer .container .footer__item.contact li p {
margin-left: 0
}
}
@media (max-width:767px) {
.footer .breadcrumbs .footer__item.contact,
.footer .container .footer__item.contact {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0 0 20px 0
}
}
.footer .breadcrumbs .footer__item.social_icons img,
.footer .container .footer__item.social_icons img {
height: 19px;
width: auto;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.footer .breadcrumbs .footer__item.social_icons li,
.footer .container .footer__item.social_icons li {
margin-left: 20px;
display: inline-block
}
.footer .breadcrumbs .footer__item.social_icons li:first-child,
.footer .container .footer__item.social_icons li:first-child {
margin-left: 0
}
.footer .breadcrumbs .footer__item.social_icons li a:hover img,
.footer .container .footer__item.social_icons li a:hover img {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9)
}
@media (max-width:767px) {
.footer .breadcrumbs .footer__item.social_icons,
.footer .container .footer__item.social_icons {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 20px 0 60px 0
}
}
.footer .breadcrumbs .footer__item.copyright,
.footer .container .footer__item.copyright {
font-size: 14px
}
.footer .breadcrumbs .footer__item.copyright li,
.footer .container .footer__item.copyright li {
display: inline-block;
margin-left: 0
}
.footer .breadcrumbs .footer__item.copyright li p,
.footer .container .footer__item.copyright li p {
margin-left: 15px
}
@media (max-width:767px) {
.footer .breadcrumbs .footer__item.copyright li,
.footer .container .footer__item.copyright li {
display: block;
margin-left: 0
}
.footer .breadcrumbs .footer__item.copyright li img,
.footer .container .footer__item.copyright li img {
margin-bottom: 15px
}
.footer .breadcrumbs .footer__item.copyright li p,
.footer .container .footer__item.copyright li p {
margin-left: 0
}
.footer .breadcrumbs .footer__item.copyright li p,
.footer .container .footer__item.copyright li p {
margin-left: 0
}
}
@media (max-width:767px) {
.footer .breadcrumbs .footer__item.copyright,
.footer .container .footer__item.copyright {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
padding-bottom: 20px
}
}
html.no-cssgrid .main-nav #mainLogo {
width: 106px;
height: 40px;
float: left
}
html.no-cssgrid .header__page_container .header__page_content {
max-width: 100%
}
html.no-cssgrid .footer {
overflow: auto
}
html.no-cssgrid .footer .footer__item.title h1 {
padding: 40px 0
}
html.no-cssgrid .footer .footer__item.contact {
padding-top: 0;
padding-bottom: 20px
}
html.no-cssgrid .footer .footer__item.contact ul li:first-child {
margin-left: 0;
padding-left: 0
}
html.no-cssgrid .footer .footer__item.social_icons {
padding: 40px 0
}
html.no-cssgrid .nav-wrapper.sticky #mainLogo {
margin-bottom: 10px
}
html.no-cssgrid .header__home_content {
width: 1000px
}
html.no-cssgrid .home__sec2,
html.no-cssgrid .home__sec3 {
padding: 100px 15px
}
html.no-cssgrid .blog__snippet {
width: 768px;
max-width: 768px;
margin: 0 auto
}
html.no-cssgrid .blog__snippet .blog__snippet_content {
margin-top: 20px
}
html.no-cssgrid .header__blog_post_content {
width: 768px
}
html.no-cssgrid .post__pagination .paginate-content {
position: absolute;
width: 75%;
margin: 0 auto;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
html.no-cssgrid .post__pagination .post__pagination-next,
html.no-cssgrid .post__pagination .post__pagination-prev {
width: 50%;
float: left
}
html.no-cssgrid .page__contact-form {
float: left;
width: 60%;
padding-right: 40px
}
html.no-cssgrid .page__contact-details {
float: right;
width: 40%
}
html.no-cssgrid .panel__casestudies-block {
width: 50%;
float: left
}
html.no-cssgrid .panel__casestudies-block .content {
position: absolute;
width: 75%;
margin: 0 auto;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
html.no-cssgrid .work_landing__intro {
padding-top: 100px
}
html.no-cssgrid .single_work__header .breadcrumbs,
html.no-cssgrid .single_work__header .container {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
margin: 0 auto;
left: 0;
right: 0
}
.home__sec2_content html.no-cssgrid .single_work__header .breadcrumbs h1,
.home__sec2_content html.no-cssgrid .single_work__header .container h1,
html.no-cssgrid .single_work__header .breadcrumbs .home__sec2_content h1,
html.no-cssgrid .single_work__header .breadcrumbs h2,
html.no-cssgrid .single_work__header .container .home__sec2_content h1,
html.no-cssgrid .single_work__header .container h2 {
width: 60%;
padding-top: 0
}
html.no-cssgrid .panel__image-image .image {
width: 50%;
float: left
}
html.no-cssgrid .fridayMethod.panel .fridayMethod__animation {
height: 400px
}
html.no-cssgrid .panel__clients-table img {
padding: 30px;
max-width: 180px
}
body.page-template-page-work-landing {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.work_landing {
padding-bottom: 80px
}
.work_landing__intro {
height: calc(30vh + 88px);
min-height: 400px;
display: grid;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
@media (max-width:767px) {
.work_landing__intro {
min-height: 320px
}
}
.work_landing__post {
padding: 0 15px;
height: 75vh;
min-height: 600px;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width:767px) {
.work_landing__post {
padding: 0;
height: 50vh;
min-height: 400px
}
.work_landing__post .work_snippet {
padding: 0
}
}
.panel.panel__expertise-intro {
padding-left: 85px;
padding-right: 85px
}
@media (max-width:767px) {
.panel.panel__expertise-intro {
padding: 40px 0
}
}
.expertise__landing-blocks {
padding-bottom: 95px
}
.expertise__landing-blocks .expertise__landing-block {
display: grid;
grid-template-columns: 2fr 1fr;
padding: 0 0 50px 0
}
@media (max-width:767px) {
.expertise__landing-blocks .expertise__landing-block {
grid-template-columns: 1fr
}
}
.expertise__landing-blocks .expertise__landing-block-left {
padding: 54px 63px;
background: #f0f0f0
}
.expertise__landing-blocks .expertise__landing-block-left h3 {
margin-bottom: 15px
}
.expertise__landing-blocks .expertise__landing-block-left .button {
margin-top: 40px
}
@media (max-width:767px) {
.expertise__landing-blocks .expertise__landing-block-left {
padding: 40px 5%
}
}
.expertise__landing-blocks .expertise__landing-block-right {
padding: 70px 50px;
background: #ffe800;
color: #000
}
.expertise__landing-blocks .expertise__landing-block-right a {
color: #000
}
.expertise__landing-blocks .expertise__landing-block-right ul {
margin: 0;
padding: 0;
list-style-type: none
}
.expertise__landing-blocks .expertise__landing-block-right li a {
display: block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
position: relative
}
.expertise__landing-blocks .expertise__landing-block-right li a .the-arrow {
display: none
}
@media (max-width:767px) {
.expertise__landing-blocks .expertise__landing-block-right li a .the-arrow {
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -20px
}
}
@media (max-width:767px) {
.expertise__landing-blocks .expertise__landing-block-right li a {
padding: 15px;
border-bottom: 1px solid #fff
}
.expertise__landing-blocks .expertise__landing-block-right li a:active,
.expertise__landing-blocks .expertise__landing-block-right li a:focus,
.expertise__landing-blocks .expertise__landing-block-right li a:hover {
background: #e20025
}
.expertise__landing-blocks .expertise__landing-block-right li a:active .the-arrow,
.expertise__landing-blocks .expertise__landing-block-right li a:focus .the-arrow,
.expertise__landing-blocks .expertise__landing-block-right li a:hover .the-arrow {
right: 10px
}
}
.expertise__landing-blocks .expertise__landing-block-right h3 {
font-size: 20px;
margin-top: 15px;
margin-bottom: 15px
}
@media (max-width:767px) {
.expertise__landing-blocks .expertise__landing-block-right h3 {
display: none
}
}
@media (max-width:767px) {
.expertise__landing-blocks .expertise__landing-block-right {
padding: 0
}
}
.single .singleblog__meta {
display: grid;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px
}
.single .singleblog__meta a {
text-decoration: underline
}
@media (max-width:767px) {
.single .singleblog__meta {
grid-template-columns: 1fr
}
}
.single .singleblog__mobile-title {
display: none
}
.single .singleblog__mobile-title h1 {
font-size: 24px;
line-height: 32px;
margin: 30px 0!important;
padding: 0
}
@media (max-width:767px) {
.single .singleblog__mobile-title {
display: block
}
}
.single .singleblog__cats {
text-align: right;
color: #ffe800
}
@media (max-width:767px) {
.single .singleblog__cats {
text-align: left
}
}
.single .singleblog__content {
font-size: 17px;
line-height: 32px
}
.single .singleblog__content img {
max-width: 100%;
height: auto;
margin: 40px 0 50px 0
}
.single .singleblog__content p {
margin: 30px 0
}
.single .singleblog__content h1 {
margin: 60px 0 40px 0
}
.home__sec2_content .single .singleblog__content h1,
.single .singleblog__content .home__sec2_content h1,
.single .singleblog__content h2 {
margin: 40px 0 30px 0
}
.single .singleblog__content h3 {
margin: 50px 0 20px 0
}
.single .singleblog__content h4 {
margin: 20px 0 20px 0
}
.single .singleblog__content blockquote {
font-size: 32px;
line-height: 50px;
color: #000;
margin: 50px 0;
padding-left: 0;
border-left: none
}
@media (max-width:767px) {
.single .singleblog__content {
max-width: 100%
}
}
.single .singleblog__content .wp-video {
text-align: center;
margin-left: auto;
margin-right: auto
}
.single .singleblog__footer .singleblog__footer-share {
padding: 40px 0;
border-bottom: 1px solid #f0f0f0;
overflow: auto
}
.single .singleblog__footer .singleblog__footer-share p {
font-size: 15px;
line-height: 32px;
float: left;
margin: 0;
padding-top: 3px
}
.single .singleblog__footer .singleblog__footer-share .social_icons {
float: left;
margin-left: 20px
}
.single .singleblog__footer .singleblog__footer-share .social_icons ul {
list-style-type: none;
margin: 0;
padding: 0
}
.single .singleblog__footer .singleblog__footer-share .social_icons ul li {
display: inline-block;
margin-right: 15px
}
.single .singleblog__footer .singleblog__footer-share .social_icons ul li img {
height: 19px;
width: auto;
margin: 0;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.single .singleblog__footer .singleblog__footer-share .social_icons ul li a:hover img {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9)
}
.single .singleblog__footer .singleblog__footer-author {
padding-bottom: 50px
}
.single .singleblog__footer .singleblog__footer-author .author__info {
float: right;
width: 82%
}
@media (max-width:767px) {
.single .singleblog__footer .singleblog__footer-author .author__info {
float: none;
width: 100%;
text-align: center
}
}
.single .singleblog__footer .singleblog__footer-author .author__info_link {
margin-bottom: 0
}
.single .singleblog__footer .singleblog__footer-author .author__info_link a {
font-size: 20px
}
@media (max-width:767px) {
.single .singleblog__footer .singleblog__footer-author .author__info_link {
margin-top: 15px
}
}
.single .singleblog__footer .singleblog__footer-author .author__info_bio {
margin-top: 10px;
line-height: 26px;
color: #9b9b9b
}
.single .avatar {
display: inline-block;
margin-right: 5px
}
.single .avatar img {
border-radius: 50%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.single .avatar img:hover {
opacity: .7
}
@media (max-width:767px) {
.single .avatar.avatar__header {
width: 32px;
height: 32px
}
}
@media (max-width:767px) {
.single .avatar.avatar__footer {
float: none;
display: block;
width: 100%;
text-align: center
}
.single .avatar.avatar__footer img {
width: 64px;
height: 64px;
margin: 45px 0 0 0
}
}
.single .image-border--black {
border: 1px solid #000
}
.single img.aligncenter {
display: block;
margin: 40px auto 50px
}
.single img.alignright {
float: right;
margin: 10px auto 20px 10px
}
.page__contact-header {
padding-top: 80px;
padding-bottom: 0
}
@media (max-width:767px) {
.page__contact-header {
display: none
}
}
.page__contact {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 80px;
padding-top: 30px;
padding-bottom: 80px
}
@media (max-width:767px) {
.page__contact {
grid-template-columns: 1fr;
text-align: center;
padding-bottom: 50px
}
.page__contact .gform_body ul.gfield_checkbox li label {
text-align: left
}
}
@media (max-width:767px) {
.page__contact-form {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
.page__contact-form .mobile_header {
display: none
}
@media (max-width:767px) {
.page__contact-form .mobile_header {
display: block
}
}
@media (max-width:767px) {
.page__contact-details {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
padding-top: 40px
}
}
.page__contact-details .contact__link-large {
font-size: 26px;
color: #ffe800
}
.page__contact-details .contact__address {
padding: 30px 0;
border-bottom: 1px solid #d8d8d8
}
@media (max-width:767px) {
.page__contact-details .contact__address {
border-bottom: none;
padding-bottom: 0
}
}
.page__contact-details .contact__secondary {
padding: 30px 0
}
@media (max-width:767px) {
.page__contact-details .contact__secondary {
display: none
}
}
.page__contact-details .contact__address a,
.page__contact-details .contact__secondary a {
text-decoration: underline
}
.page__contact-details ul.social_icons {
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 60px
}
.page__contact-details ul.social_icons li {
display: inline-block;
margin-right: 45px
}
.page__contact-details ul.social_icons li:last-child {
margin-right: 0
}
.page__contact-details ul.social_icons li img {
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.page__contact-details ul.social_icons li a:hover img {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9)
}
@media (max-width:767px) {
.page__contact-details ul.social_icons {
text-align: center
}
}
.contact__secondary.mobile {
display: none;
padding: 30px 0 0 0
}
@media (max-width:767px) {
.contact__secondary.mobile {
border-top: 1px solid #d8d8d8;
display: block;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
.four_oh_four {
position: relative;
height: 690px
}
@media (max-width:767px) {
.four_oh_four {
height: 500px
}
}
.four_oh_four #blobs {
z-index: 0;
position: absolute;
top: 0
}
.four_oh_four__content {
z-index: 1;
position: absolute;
width: 100%;
height: 100%;
text-align: center
}
.four_oh_four__content h1 {
margin-bottom: 0;
padding-bottom: 10px
}
.four_oh_four__content p {
margin-top: 0;
color: #000
}
.four_oh_four__content_inner {
z-index: 2;
position: relative;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.error404 .footer {
display: none
}
.four_oh_four__travolta {
z-index: 9;
position: absolute;
bottom: 0;
left: 2%;
width: 300px;
height: auto
}
@media (max-width:767px) {
.four_oh_four__travolta {
width: 200px
}
}
.header__home {
width: 100%;
text-align: center;
background: #ffe800;
color: #000
}
.header__home_container {
min-height: 600px;
height: calc(100vh + 100px);
position: relative
}
@media (max-width:767px) {
.header__home_container {
height: 100vh
}
}
.header__home_content {
max-width: 1000px;
margin: 0 auto;
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
pointer-events: none
}
.header__home_content h3 {
font-weight: 700
}
.header__home_content img {
width: 100%;
height: auto;
margin-bottom: 40px
}
@media (max-width:767px) {
.header__home_content {
padding: 0 40px
}
}
.header__home_arrow {
position: absolute;
bottom: 190px;
right: 50%;
width: 24px;
height: 12px;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%);
background-image: url(//www.brandmentor.com.tr/wp-content/themes/brand/assets/img/icon--arrow--white.svg);
background-size: 24px 12px;
content: "";
cursor: pointer;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
@media (max-width:767px) {
.header__home_arrow {
bottom: 150px
}
}
.header__page {
width: 100%;
text-align: center;
background: #ffe800;
color: #000;
overflow: hidden
}
.header__page_container {
min-height: 280px;
position: relative;
height: 390px
}
@media (max-width:767px) {
.header__page_container {
min-height: 255px;
height: 275px
}
.header__page_container:not(.blobs_halfHeight) {
padding-top: 25px
}
}
.header__page_content {
max-width: 75%;
margin: 0 auto;
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
pointer-events: none
}
.header__page_content h1 {
padding: 0;
padding-top: 25px
}
.header__page_content h1.heading--contact {
padding-top: 0
}
.header__page_content img {
width: 100%;
height: auto;
margin-bottom: 40px
}
@media (max-width:767px) {
.header__page_content {
max-width: 100%
}
}
.header__page .expertise__child_page_header {
min-height: 390px;
height: 390px
}
@media (max-width:767px) {
.header__page .expertise__child_page_header {
min-height: 255px;
height: auto
}
.header__page .expertise__child_page_header h1 {
padding: 0;
padding-top: 25px
}
}
.single_work__header {
background-size: cover;
background-position: center;
min-height: 670px;
display: grid
}
@media (max-width:967px) {
.single_work__header {
min-height: 530px
}
}
.single_work__header .breadcrumbs,
.single_work__header .container {
display: grid;
width: 100%;
grid-template-rows: 1fr 140px
}
@media (max-width:967px) {
.single_work__header .breadcrumbs,
.single_work__header .container {
grid-template-rows: 1fr 110px
}
}
.home__sec2_content .single_work__header .breadcrumbs h1,
.home__sec2_content .single_work__header .container h1,
.single_work__header .breadcrumbs .home__sec2_content h1,
.single_work__header .breadcrumbs h2,
.single_work__header .container .home__sec2_content h1,
.single_work__header .container h2 {
margin-top: 88px;
padding-left: 35px;
-ms-flex-item-align: center;
align-self: center;
max-width: 60%
}
@media (max-width:767px) {
.home__sec2_content .single_work__header .breadcrumbs h1,
.home__sec2_content .single_work__header .container h1,
.single_work__header .breadcrumbs .home__sec2_content h1,
.single_work__header .breadcrumbs h2,
.single_work__header .container .home__sec2_content h1,
.single_work__header .container h2 {
padding-left: 0
}
}
.single_work__header .breadcrumbs .client__logo,
.single_work__header .container .client__logo {
margin-left: 35px;
width: 165px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
background-position: left center
}
@media (max-width:767px) {
.single_work__header .breadcrumbs .client__logo,
.single_work__header .container .client__logo {
margin-left: 0;
width: 100px;
height: 80px
}
}
.header__blog_post {
width: 100%;
text-align: left;
background: #ffe800;
color: #fff;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative
}
.header__blog_post .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.header__blog_post_container {
min-height: 432px;
position: relative
}
@media (max-width:767px) {
.header__blog_post_container {
min-height: 193px
}
}
.header__blog_post_content {
position: absolute;
z-index: 3;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
pointer-events: none
}
.header__blog_post_content .heading--white {
margin-top: 60px;
margin-bottom: 0
}
.header__blog_post_content img {
width: 100%;
height: auto;
margin-bottom: 40px
}
@media (max-width:767px) {
.header__blog_post_content {
display: none
}
}
.home__sec2 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 485px;
justify-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.home__sec2_content {
text-align: center
}
.home__sec2_content h1 {
padding: 0
}
@media (max-width:767px) {
.home__sec2 {
grid-template-rows: 400px
}
}
.home__sec3 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 625px;
justify-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #000;
color: #fff;
position: relative
}
.home__sec3_bg {
background: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .8;
background-size: cover;
background-position: center
}
.home__sec3_content {
text-align: center;
z-index: 1;
position: relative
}
@media (max-width:767px) {
.home__sec3 {
grid-template-rows: 455px
}
}
.home__work {
position: relative;
padding: 0 0 100px 0
}
.home__work h1 {
position: relative;
z-index: 2;
left: 0;
right: 0;
padding-bottom: 0
}
@media (max-width:767px) {
.home__work h1 {
padding-bottom: 20px
}
}
.home__work_slider {
position: relative;
overflow-x: hidden
}
.home__work_slider__bg {
position: absolute;
top: 0;
width: 100%;
height: 100%
}
.home__work_slider__bg .slick-list,
.home__work_slider__bg .slick-track,
.home__work_slider__bg .work_slide {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden
}
.home__work .slider__nav {
bottom: 80px
}
@media (max-width:767px) {
.home__work .slider__nav {
bottom: 40px
}
}
.home__blog {
margin-bottom: 95px
}
.work_snippet {
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
@media (max-width:767px) {
.work_snippet {
padding: 15px
}
}
.work_snippet .breadcrumbs,
.work_snippet .container {
padding: 5%
}
.work_snippet .breadcrumbs .work_snippet__inner,
.work_snippet .container .work_snippet__inner {
height: 528px;
background-position: center;
padding: 40px;
display: grid;
grid-template-rows: 5fr 7fr
}
@media (max-width:967px) {
.work_snippet .breadcrumbs .work_snippet__inner,
.work_snippet .container .work_snippet__inner {
height: 430px
}
}
@media (max-width:767px) {
.work_snippet .breadcrumbs .work_snippet__inner,
.work_snippet .container .work_snippet__inner {
height: 305px;
padding: 15px
}
}
.work_snippet__subtitle {
max-width: 50%
}
@media (max-width:767px) {
.work_snippet__subtitle {
-ms-flex-item-align: end;
align-self: end;
max-width: 80%
}
}
.work_snippet__clientLogo {
max-width: 40%;
height: auto
}
.work_snippet__clientLogo .client__logo {
max-width: 150px;
height: 60px;
background-size: contain;
background-repeat: no-repeat
}
.work_snippet:focus {
outline: 0
}
.work_snippet:hover {
-webkit-transform: scale(.98);
-ms-transform: scale(.98);
transform: scale(.98)
}
#cursor {
position: absolute;
color: red;
display: block
}
.char {
visibility: hidden
}
@media (max-width:767px) {
.panel__work_pagination .panel__casestudies-block.prev_project {
display: none
}
}
.panel.fridayMethod {
-webkit-transform: translate3d(0, 0, 0);
background: #000;
color: #fff
}
.panel.fridayMethod .fridayMethod__header {
text-align: center;
padding-bottom: 60px
}
.panel.fridayMethod .fridayMethod__header p {
padding: 0 15%
}
@media (max-width:767px) {
.panel.fridayMethod .fridayMethod__header p {
padding: 0 5%
}
}
.panel.fridayMethod .fridayMethod__animation__container {
min-height: 400px
}
.panel.fridayMethod .fridayMethod__animation_copy {
position: relative;
width: 50%;
float: right;
padding: 0 5%;
padding-top: 80px
}
@media (max-width:767px) {
.panel.fridayMethod .fridayMethod__animation_copy {
width: 100%;
float: none;
padding-top: 0
}
}
.panel.fridayMethod .fridayMethod__animation_copy .slider__nav {
bottom: 0;
left: 0;
right: auto;
position: relative;
margin: 0
}
.panel.fridayMethod .fridayMethod__animation_copy .slick-slider .slick-prev.slick-arrow {
display: none!important
}
.panel.fridayMethod .fridayMethod__animation_copy #slideCounter {
float: left;
margin-top: 10px
}
.panel.fridayMethod .fridayMethod__animation {
position: relative;
width: 381px;
margin: auto;
margin: 0 auto;
text-align: center;
float: left;
padding: 0 5%;
-webkit-transform: translate3d(0, 0, 0);
overflow: visible
}
@media (max-width:767px) {
.panel.fridayMethod .fridayMethod__animation {
width: 100%;
float: none;
height: 55vh;
min-height: 400px
}
}
.panel.fridayMethod .fridayMethod__animation svg {
-webkit-transform: translate3d(0, 0, 0)
}
.panel.fridayMethod .fridayMethod__animation #blob_path,
.panel.fridayMethod .fridayMethod__animation #circles_svg,
.panel.fridayMethod .fridayMethod__animation #circles_svg_black,
.panel.fridayMethod .fridayMethod__animation #rollover_circles {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 381px;
-webkit-transform: translate3d(0, 0, 0);
overflow: visible
}
@media (max-width:767px) {
.panel.fridayMethod .fridayMethod__animation #blob_path,
.panel.fridayMethod .fridayMethod__animation #circles_svg,
.panel.fridayMethod .fridayMethod__animation #circles_svg_black,
.panel.fridayMethod .fridayMethod__animation #rollover_circles {
width: 100%;
height: auto
}
}
.panel.fridayMethod .fridayMethod__animation #rollover_circles .circle {
opacity: 0
}
.panel.fridayMethod .fridayMethod__animation #rollover_circles .circle.large {
cursor: pointer
}
.panel.fridayMethod .fridayMethod__animation #blob_path {
opacity: 0;
pointer-events: none
}
.panel.fridayMethod .fridayMethod__animation #circles_svg .circle {
fill: #ffe800
}
.panel.fridayMethod .fridayMethod__animation #circles_svg .circle.small {
fill: #ffe800
}
.panel.fridayMethod .fridayMethod__animation #circles_svg .circle.moving {
fill: #ffe800
}
.panel.fridayMethod .fridayMethod__animation #circles_svg .circle.black {
fill: #000
}
.panel.fridayMethod .fridayMethod__animation .copy {
pointer-events: none;
fill: #fff;
font-family: proxima-nova, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 700;
font-style: normal
}
.panel.fridayMethod .fridayMethod__animation .copy.large {
font-size: 19px
}
.panel.fridayMethod .fridayMethod__animation .copy.small {
font-size: 12px
}
.panel__clients {
text-align: center
}
.panel .panel__clients-table {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-auto-rows: 150px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center
}
@media (max-width:767px) {
.panel .panel__clients-table {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 150px
}
}
.panel .panel__clients-table img {
max-width: 80%;
height: auto
}
@media (max-width:767px) {
.panel .panel__clients-table img {
max-width: 60%
}
.panel .panel__clients-table img:last-child {
display: none
}
}
.show-categories__text {
padding: 100px 0 0;
color: #000;
font-size: 20px
}
.show-categories__link {
position: relative;
margin-left: 12px;
color: #ffe800;
font-size: 20px;
cursor: pointer
}
.show-categories__link::before {
position: absolute;
bottom: 1px;
width: 100%;
height: 1px;
background: #ffe800;
content: ''
}
.show-categories__arrow {
margin-left: 12px;
cursor: pointer
}
.show-categories__categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
list-style: none
}
.show-categories__category {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 8px 6px 0 0;
white-space: nowrap;
cursor: pointer;
border: 1px solid #ffe800;
border-radius: 20px;
color: #000;
font-size: 14px;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
padding: 0 15px;
height: 28px;
line-height: 26px
}
.show-categories__category a,
.show-categories__category span {
color: #000;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.show-categories__category:active,
.show-categories__category:focus,
.show-categories__category:hover {
background: #ffe800;
color: #fff
}
.show-categories__category:active a,
.show-categories__category:active span,
.show-categories__category:focus a,
.show-categories__category:focus span,
.show-categories__category:hover a,
.show-categories__category:hover span {
color: #fff
}
.show-categories__category__active {
background: #ffe800
}
.show-categories__category__active a,
.show-categories__category__active span {
color: #fff
}
.blog__snippets {
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.blog__snippets.loading {
opacity: .5
}
.blog__snippet {
display: grid;
grid-gap: 5%;
grid-template-columns: 1fr 1fr;
padding: 50px 0;
border-bottom: 1px solid #d8d8d8;
min-height: 384px;
height: auto
}
.blog__snippet:last-child {
border-bottom: none
}
@media (max-width:767px) {
.blog__snippet {
grid-template-columns: 1fr
}
}
.blog__snippet_thumb {
background-color: #d8d8d8;
background-size: cover;
background-position: center;
height: 100%;
height: 288px
}
@media (max-width:767px) {
.blog__snippet_thumb {
min-height: 180px;
margin-bottom: 20px
}
}
.blog__snippet_content {
position: relative
}
.blog__snippet_content .author {
height: 32px;
line-height: 32px;
margin-bottom: 32px
}
.blog__snippet_content .author img {
border-radius: 50%;
margin-right: 16px
}
.blog__snippet_content .excerpt {
line-height: 1.7
}
.blog__snippet_content .categories {
margin-top: 40px;
color: #ffe800
}
.blog__snippet_content .categories a {
text-decoration: underline
}
.pagination {
padding-bottom: 140px
}
.pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding: 0;
list-style: none
}
.pagination a {
padding: 14px 24px;
color: #000;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
@media (max-width:767px) {
.pagination a {
padding: 14px 19px
}
}
.pagination a:active,
.pagination a:focus,
.pagination a:hover {
background: #ffe800;
color: #fff
}
.pagination .current {
padding: 14px 24px;
background: #ffe800;
color: #fff
}
@media (max-width:767px) {
.pagination .current {
padding: 14px 19px
}
}
.pagination .dots {
margin: 0 15px;
font-size: 28px
}
.panel {
padding: 100px 0
}
.panel.padding--both {
padding: 100px 0
}
@media (max-width:767px) {
.panel.padding--both {
padding: 50px 0
}
}
.panel.padding--none {
padding: 0 0
}
@media (max-width:767px) {
.panel.padding--none {
padding: 0 0
}
}
.panel.padding--top {
padding: 100px 0 0 0
}
@media (max-width:767px) {
.panel.padding--top {
padding: 50px 0 0 0
}
}
.panel.padding--bottom {
padding: 0 0 100px 0
}
@media (max-width:767px) {
.panel.padding--bottom {
padding: 0 0 50px 0
}
}
@media (max-width:767px) {
.panel {
padding: 50px 0
}
}
.panel__margin-top-bottom {
padding: 0 0;
margin: 100px 0
}
@media (max-width:767px) {
.panel__margin-top-bottom {
padding: 0 0;
margin: 50px 0
}
}
.panel__margin-top-bottom.padding--both {
padding: 0 0;
margin: 100px 0
}
@media (max-width:767px) {
.panel__margin-top-bottom.padding--both {
padding: 0 0;
margin: 50px 0
}
}
.panel__margin-top-bottom.padding--none {
padding: 0 0;
margin: 0 0
}
@media (max-width:767px) {
.panel__margin-top-bottom.padding--none {
padding: 0 0;
margin: 0 0
}
}
.panel__margin-top-bottom.padding--top {
padding: 0 0;
margin: 100px 0 0 0
}
@media (max-width:767px) {
.panel__margin-top-bottom.padding--top {
padding: 0 0;
margin: 50px 0 0 0
}
}
.panel__margin-top-bottom.padding--bottom {
padding: 0 0;
margin: 0 0 100px 0
}
@media (max-width:767px) {
.panel__margin-top-bottom.padding--bottom {
padding: 0 0;
margin: 0 0 50px 0
}
}
.home__sec2_content .panel h1,
.panel .home__sec2_content h1,
.panel h2 {
margin-bottom: 50px
}
@media (max-width:767px) {
.home__sec2_content .panel h1,
.panel .home__sec2_content h1,
.panel h2 {
margin-bottom: 40px
}
}
.panel.bg__grey {
background-color: #f0f0f0
}
.panel h3:last-child,
.panel p:last-child {
margin-bottom: 0;
padding-bottom: 0
}
h1.panel_desc {
background-color: #ff0;
font-size: 14px;
margin: 0;
padding: 0;
display: none
}
.home__sec2_content .panel__quote h1,
.panel__quote .home__sec2_content h1,
.panel__quote h2 {
font-size: 28px;
line-height: 40px
}
@media (max-width:967px) {
.home__sec2_content .panel__quote h1,
.panel__quote .home__sec2_content h1,
.panel__quote h2 {
font-size: 28px;
line-height: 40px
}
}
@media (max-width:767px) {
.home__sec2_content .panel__quote h1,
.panel__quote .home__sec2_content h1,
.panel__quote h2 {
font-size: 22px;
line-height: 34px
}
}
.panel__quote p {
color: #4a4a4a;
margin-bottom: 0
}
.panel__1col_text {
text-align: center
}
.panel__1col_text.left {
text-align: left
}
.panel__1col_text.centre {
text-align: center
}
.panel__1col_text .restrict_width {
max-width: 66%
}
.panel__video {
position: relative
}
.panel__video-poster {
position: absolute;
z-index: 97;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.panel__video-btn {
position: absolute;
z-index: 98;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -50px
}
.panel__video .embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto
}
.panel__video .embed-container embed,
.panel__video .embed-container iframe,
.panel__video .embed-container object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.panel__imagetext {
display: grid;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (max-width:767px) {
.panel__imagetext {
grid-template-columns: 1fr
}
}
.panel__imagetext .image img {
width: 100%;
height: auto
}
.panel__imagetext .content {
padding: 50px;
max-width: 768px
}
.panel__image-image {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.panel__image-image.default {
grid-template-columns: 1fr 1fr
}
@media (max-width:767px) {
.panel__image-image.default {
grid-template-columns: 1fr
}
}
.panel__image-image.thirds_2_1 {
grid-template-columns: 2fr 1fr
}
@media (max-width:767px) {
.panel__image-image.thirds_2_1 {
grid-template-columns: 1fr
}
}
.panel__image-image.thirds_1_2 {
grid-template-columns: 1fr 2fr
}
@media (max-width:767px) {
.panel__image-image.thirds_1_2 {
grid-template-columns: 1fr
}
}
.panel__image-image .image {
min-height: 528px;
background-size: cover;
background-position: center
}
@media (max-width:767px) {
.panel__image-image .image {
min-height: 288px
}
}
@media (max-width:767px) {
.panel__image-image .image.hide_mobile {
display: none
}
}
.panel__results_list {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 30px
}
@media (max-width:767px) {
.panel__results_list {
grid-template-columns: 1fr;
grid-gap: 0
}
}
.panel__results_list p {
color: #4a4a4a;
margin-bottom: 50px
}
.panel__results_list p:last-child {
margin-bottom: 0
}
.panel__results_list p.results_list_title {
color: #000;
font-size: 18px;
margin-bottom: 5px
}
@media (max-width:767px) {
.panel__results_list .left p:last-child {
margin-bottom: 50px
}
}
.panel__2col_text_list__list {
padding-top: 20px
}
.panel__2col_text_list__list h3 {
font-size: 20px;
margin-top: 15px;
margin-bottom: 10px;
padding-left: 5px;
color: #ffe800
}
.panel__2col_text_list__list ul {
list-style-type: none;
margin: 0;
padding: 0
}
.panel__2col_list_list {
display: grid;
grid-gap: 0;
grid-template-columns: repeat(12, 1fr);
margin: 0 auto
}
.panel__2col_list_list ul {
padding-left: 20px
}
.panel__2col_list_list .list-left {
grid-column: 1/6
}
@media (max-width:767px) {
.panel__2col_list_list .list-left {
grid-column: 1/-1
}
}
.panel__2col_list_list .list-right {
grid-column: 8/-1
}
@media (max-width:767px) {
.panel__2col_list_list .list-right {
grid-column: 1/-1;
margin-top: 40px
}
}
.panel__cta {
text-align: center
}
.home__sec2_content .panel__cta a h1,
.panel__cta a .home__sec2_content h1,
.panel__cta a h2 {
color: #ffe800
}
.panel__cta-full {
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
color: #fff;
position: relative
}
.panel__cta-full .button {
margin-top: 0
}
.panel__cta-full .container_narrow {
position: relative;
z-index: 1
}
.panel__cta-full:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, .15);
z-index: 0
}
.panel__gallery-wrapper {
overflow: hidden;
position: relative
}
.panel__gallery .slick-list {
overflow: hidden
}
.panel__gallery .slick-slide {
margin: 0 40px
}
@media (max-width:767px) {
.panel__gallery .slick-slide {
margin: 5px
}
}
.panel__gallery .slick-center .panel__gallery-slide img {
opacity: 1
}
.panel__gallery .panel__gallery-slide {
overflow: hidden
}
.panel__gallery .panel__gallery-slide img {
width: 100%;
height: auto;
opacity: .5;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.panel__parallax {
background: #0ff;
height: 0;
overflow: visible;
position: absolute;
z-index: 98
}
.panel__parallax img {
position: absolute;
z-index: 98;
max-width: 420px
}
.panel__parallax-Right {
right: 0
}
.panel__parallax-Right img {
right: 0
}
@media (max-width:1024px) {
.panel__parallax {
display: none
}
}
.panel__single_image {
padding: 0
}
.panel__single_image_fullWidth {
padding-top: 0;
padding-bottom: 0;
min-height: 624px;
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
@media (max-width:767px) {
.panel__single_image_fullWidth {
min-height: 288px
}
}
.panel__casestudies {
text-align: center;
padding: 40px 0
}
.panel__casestudies p.casestudies_copy_line {
margin-bottom: 40px
}
.panel__casestudies-blocks {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.panel__casestudies-blocks a:hover .panel__casestudies-block>.overlay {
background: rgba(0, 0, 0, .1)
}
@media (max-width:767px) {
.panel__casestudies-blocks {
grid-template-columns: 1fr
}
}
.panel__casestudies-block {
display: grid;
grid-template-columns: 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
min-height: 336px
}
.panel__casestudies-block .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.panel__casestudies-block .content {
z-index: 10;
position: relative;
padding: 0 20px
}
@media (max-width:767px) {
.panel__casestudies-block {
min-height: 250px
}
}
.wavyLine {
position: absolute;
bottom: -1px;
height: 100px;
width: 100%;
overflow: hidden
}
.wavyLine svg {
position: absolute;
left: -5%;
bottom: 0;
width: 110%;
fill: #fff
}
.wavyLine svg path {
fill: #fff
}
.wavyLine svg #white_shape_path2 {
display: none
}
.wavyLine #trigger_wavy_line {
position: absolute;
top: -120px
}
.post__pagination {
text-align: center;
text-align: center
}
.post__pagination.split {
display: grid;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
@media (max-width:767px) {
.post__pagination.split {
grid-template-columns: 1fr
}
.post__pagination.split .work__pagination-prev {
display: none
}
}
.post__pagination .paginate {
min-height: 335px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #ffe800;
color: #000;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.post__pagination .paginate h3 {
color: #000
}
.post__pagination .paginate-content {
z-index: 10;
padding: 0 5%;
max-width: 768px;
margin: 0 auto
}
.post__pagination .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.post__pagination a:hover .paginate>.overlay {
background: rgba(0, 0, 0, .2)
}
.page__contact-map:focus {
outline: 0
}
.page__contact-map .acf-map {
width: 100%;
height: 430px;
margin: 0
}
.page__contact-map .acf-map:focus {
outline: 0
}
.page__contact-map .acf-map img {
max-width: inherit!important
}